From 2ffe97ace896eb9b0b3e2d239f7c2da2b95000af Mon Sep 17 00:00:00 2001 From: colinricardo Date: Mon, 21 Nov 2022 15:37:08 +0100 Subject: [PATCH 1/2] feat: add sortableName to file tree --- components/tree/tree-help.ts | 6 ++++++ components/tree/tree.tsx | 11 ++++++++--- pages/en-us/components/file-tree.mdx | 23 +++++++++++++---------- 3 files changed, 27 insertions(+), 13 deletions(-) diff --git a/components/tree/tree-help.ts b/components/tree/tree-help.ts index 7ddba86a7..2d3aec302 100644 --- a/components/tree/tree-help.ts +++ b/components/tree/tree-help.ts @@ -7,6 +7,12 @@ export const sortChildren = ( return React.Children.toArray(children).sort((a, b) => { if (!React.isValidElement(a) || !React.isValidElement(b)) return 0 if (a.type !== b.type) return a.type !== folderComponentType ? 1 : -1 + if (a.props.sortableName && b.props.sortableName) { + return ( + `${a.props.sortableName}`.charCodeAt(0) - `${b.props.sortableNname}`.charCodeAt(0) + ) + } + return `${a.props.name}`.charCodeAt(0) - `${b.props.name}`.charCodeAt(0) }) } diff --git a/components/tree/tree.tsx b/components/tree/tree.tsx index f0530f391..e265c247f 100644 --- a/components/tree/tree.tsx +++ b/components/tree/tree.tsx @@ -1,10 +1,10 @@ import React, { useMemo } from 'react' +import useClasses from '../use-classes' +import { tuple } from '../utils/prop-types' +import { TreeContext } from './tree-context' import TreeFile from './tree-file' import TreeFolder from './tree-folder' -import { TreeContext } from './tree-context' -import { tuple } from '../utils/prop-types' import { sortChildren } from './tree-help' -import useClasses from '../use-classes' const FileTreeValueType = tuple('directory', 'file') @@ -13,6 +13,7 @@ const directoryType = FileTreeValueType[0] export type TreeFile = { type: typeof FileTreeValueType[number] name: string + sortableName?: string extra?: string files?: Array } @@ -38,6 +39,10 @@ const makeChildren = (value: Array = []) => { .sort((a, b) => { if (a.type !== b.type) return a.type !== directoryType ? 1 : -1 + if (a.sortableName && b.sortableName) { + return `${a.sortableName}`.charCodeAt(0) - `${b.sortableName}`.charCodeAt(0) + } + return `${a.name}`.charCodeAt(0) - `${b.name}`.charCodeAt(0) }) .map((item, index) => { diff --git a/pages/en-us/components/file-tree.mdx b/pages/en-us/components/file-tree.mdx index cde18201a..192d3aeb0 100644 --- a/pages/en-us/components/file-tree.mdx +++ b/pages/en-us/components/file-tree.mdx @@ -147,19 +147,21 @@ Display a list of files and folders in a hierarchical tree structure. Tree.File.Props -| Attribute | Description | Type | Accepted values | Default | -| ------------------ | ------------- | ---------------- | --------------------------------- | ------- | -| **name**(required) | file name | `string` | - | - | -| **extra** | extra message | `string` | - | - | -| ... | native props | `HTMLAttributes` | `'id', 'title', 'className', ...` | - | +| Attribute | Description | Type | Accepted values | Default | +| ------------------ | ------------------ | ---------------- | --------------------------------- | ------- | +| **name**(required) | file name | `string` | - | - | +| **sortableName** | sortable file name | `string` | - | - | +| **extra** | extra message | `string` | - | - | +| ... | native props | `HTMLAttributes` | `'id', 'title', 'className', ...` | - | Tree.Folder.Props -| Attribute | Description | Type | Accepted values | Default | -| ------------------ | ------------- | ---------------- | --------------------------------- | ------- | -| **name**(required) | folder name | `string` | - | - | -| **extra** | extra message | `string` | - | - | -| ... | native props | `HTMLAttributes` | `'id', 'title', 'className', ...` | - | +| Attribute | Description | Type | Accepted values | Default | +| ------------------ | -------------------- | ---------------- | --------------------------------- | ------- | +| **name**(required) | folder name | `string` | - | - | +| **sortableName** | sortable folder name | `string` | - | - | +| **extra** | extra message | `string` | - | - | +| ... | native props | `HTMLAttributes` | `'id', 'title', 'className', ...` | - | type FileTreeValue @@ -167,6 +169,7 @@ Display a list of files and folders in a hierarchical tree structure. type FileTreeValue = { type: 'directory' || 'file' name: string + sortableName?: string extra?: string files?: Array } From c60f8819b1e27d5240a8ad73a30244c66ea2a064 Mon Sep 17 00:00:00 2001 From: colinricardo Date: Mon, 21 Nov 2022 15:45:49 +0100 Subject: [PATCH 2/2] fix: typo, lint --- .../auto-complete/auto-complete-dropdown.tsx | 3 +- components/auto-complete/auto-complete.tsx | 3 +- .../button-dropdown-context.ts | 5 +- .../button-dropdown/button-dropdown.tsx | 6 +- components/button-dropdown/icon.tsx | 3 +- components/button/button.tsx | 3 +- components/collapse/collapse-icon.tsx | 3 +- components/drawer/drawer-wrapper.tsx | 3 +- components/drawer/drawer.tsx | 3 +- components/fieldset/fieldset-group.tsx | 3 +- components/grid/__tests__/index.test.tsx | 6 +- components/input/input-icon-clear.tsx | 3 +- components/input/password-icon.tsx | 3 +- components/link/icon.tsx | 3 +- components/modal/modal-action.tsx | 3 +- components/modal/modal-wrapper.tsx | 3 +- components/modal/modal.tsx | 3 +- components/pagination/pagination-ellipsis.tsx | 9 +- components/pagination/pagination-pages.tsx | 9 +- components/pagination/pagination-previous.tsx | 3 +- components/popover/popover.tsx | 3 +- components/rating/rating-icon.tsx | 3 +- components/rating/rating.tsx | 3 +- components/select/select-dropdown.tsx | 3 +- components/select/select-icon-clear.tsx | 3 +- components/select/select-icon.tsx | 3 +- components/select/select.tsx | 9 +- components/shared/__tests__/dropdown.test.tsx | 3 +- components/shared/backdrop.tsx | 6 +- components/slider/slider.tsx | 3 +- components/snippet/snippet-icon.tsx | 3 +- components/table/__tests__/index.test.tsx | 3 +- components/table/table-body.tsx | 3 +- components/table/table-cell.tsx | 3 +- components/tabs/tabs-item.tsx | 3 +- components/tabs/tabs.tsx | 3 +- components/tooltip/__test__/index.test.tsx | 6 +- components/tooltip/tooltip.tsx | 3 +- components/tree/tree-file-icon.tsx | 3 +- components/tree/tree-folder-icon.tsx | 3 +- components/tree/tree-folder.tsx | 11 +- components/tree/tree-help.ts | 2 +- components/tree/tree-status-icon.tsx | 3 +- components/tree/tree.tsx | 3 +- .../use-all-themes/all-themes-context.ts | 5 +- components/use-toasts/helpers.tsx | 3 +- components/use-toasts/toast-container.tsx | 3 +- components/utils/types.ts | 1 - examples/create-next-app/pages/index.tsx | 6 +- .../build/index.html | 13 +- .../build/static/js/main.c0df7028.js | 11439 +++++++++++++++- .../tree-shaking-webpack/webpack.config.js | 2 +- lib/components/attributes/contributors.tsx | 3 +- .../customization/editor-color-item.tsx | 3 +- lib/components/layout/menu/menu-mobile.tsx | 9 +- lib/components/layout/menu/menu.tsx | 6 +- lib/components/mdx-widgets/hybrid-link.tsx | 3 +- lib/components/playground/editor.tsx | 3 +- lib/components/pures/anchor/anchor-icon.tsx | 3 +- lib/components/pures/controls.tsx | 9 +- lib/components/search/search-item.tsx | 3 +- lib/components/search/search-items.tsx | 2 +- lib/components/search/search.tsx | 3 +- pages/_app.tsx | 6 +- pages/en-us/components/page.mdx | 4 +- pages/en-us/guide/scale.mdx | 26 +- pages/en-us/hooks/use-scale.mdx | 1 - pages/en-us/hooks/use-theme.mdx | 2 +- pages/zh-cn/components/button-dropdown.mdx | 10 +- pages/zh-cn/components/page.mdx | 4 +- pages/zh-cn/guide/scale.mdx | 26 +- pages/zh-cn/hooks/use-scale.mdx | 1 - pages/zh-cn/hooks/use-theme.mdx | 2 +- scripts/built-in/styled-jsx.cjs.js | 2 - 74 files changed, 11643 insertions(+), 131 deletions(-) diff --git a/components/auto-complete/auto-complete-dropdown.tsx b/components/auto-complete/auto-complete-dropdown.tsx index d5eff4db5..96b2ce27d 100644 --- a/components/auto-complete/auto-complete-dropdown.tsx +++ b/components/auto-complete/auto-complete-dropdown.tsx @@ -48,7 +48,8 @@ const AutoCompleteDropdown: React.FC< parent={ref} visible={visible} disableMatchWidth={disableMatchWidth} - getPopupContainer={getPopupContainer}> + getPopupContainer={getPopupContainer} + >
{children} "}),"")};var n,r=(n=e)&&n.__esModule?n:{default:n},a=z.default||z;a.flush=z.flush}(j);var M=j.default||j;M.flushToHTML=j.flushToHTML;var I=O,F=function(){return Math.random().toString(32).slice(2,10)},D=function(){return Boolean("undefined"!==typeof window&&window.document&&window.document.createElement)},A=function(){var t=a((0,e.useState)(!1),2),n=t[0],r=t[1];return(0,e.useEffect)((function(){r(D())}),[]),{isBrowser:n,isServer:!n}},U=function(e){var t=document.createElement("div");return t.setAttribute("id",e),t},B=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:F(),n=arguments.length>1?arguments[1]:void 0,r="geist-ui-".concat(t),o=A(),l=o.isBrowser,i=(0,e.useState)(l?U(r):null),u=a(i,2),c=u[0],s=u[1];return(0,e.useEffect)((function(){var e=(n?n():null)||document.body,t=e.querySelector("#".concat(r)),a=t||U(r);t||e.appendChild(a),s(a)}),[]),c},H=function(){return e.useContext(_)};function V(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var W=["children","className","visible","enterTime","leaveTime","clearTime","name"],$=function(t){var n=t.children,r=t.className,o=t.visible,l=t.enterTime,i=t.leaveTime,c=t.clearTime,s=t.name,f=V(t,W),d=a((0,e.useState)(""),2),p=d[0],m=d[1],h=a((0,e.useState)(o),2),g=h[0],y=h[1];return(0,e.useEffect)((function(){var e=o?"enter":"leave",t=o?l:i;o&&!g&&y(!0),m("".concat(s,"-").concat(e));var n=setTimeout((function(){m("".concat(s,"-").concat(e," ").concat(s,"-").concat(e,"-active")),clearTimeout(n)}),t),r=setTimeout((function(){o||(m(""),y(!1)),clearTimeout(r)}),t+c);return function(){clearTimeout(n),clearTimeout(r)}}),[o,g]),e.isValidElement(n)&&g?e.cloneElement(n,u({},f,{className:"".concat(n.props.className," ").concat(r," ").concat(p)})):null};$.defaultProps={visible:!1,enterTime:60,leaveTime:60,clearTime:60,className:"",name:"transition"},$.displayName="GeistCssTransition";var Q=$,q=["width","height","padding","margin","w","h","paddingLeft","paddingRight","paddingTop","paddingBottom","pl","pr","pt","pb","marginLeft","marginRight","marginTop","marginBottom","ml","mr","mt","mb","px","py","mx","my","font","unit","scale"],K=function(e){return"".concat(e)},G={getScaleProps:function(){},getAllScaleProps:function(){return{}},SCALES:{pl:K,pr:K,pb:K,pt:K,px:K,py:K,mb:K,ml:K,mr:K,mt:K,mx:K,my:K,width:K,height:K,font:K},unit:"16px"},Y=e.createContext(G),X=function(){return e.useContext(Y)};function Z(e,t){var n="undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"===typeof e)return J(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return J(e,t)}(e))||t&&e&&"number"===typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n1?1+t:1-t}(Se)*t;if("undefined"===typeof e)return"undefined"!==typeof n?"".concat(n):"calc(".concat(r," * ").concat(ke,")");if(!function(e){return void 0!==e&&!Number.isNaN(+e)}(e))return"".concat(e);var a=r*Number(e);return"calc(".concat(a," * ").concat(ke,")")}},Ce={unit:ke,SCALES:{pt:Ee(null!==(a=null!==(o=null!==Q&&void 0!==Q?Q:q)&&void 0!==o?o:se)&&void 0!==a?a:be),pr:Ee(null!==(l=null!==(i=null!==W&&void 0!==W?W:$)&&void 0!==i?i:ce)&&void 0!==l?l:be),pb:Ee(null!==(c=null!==(s=null!==K&&void 0!==K?K:G)&&void 0!==s?s:se)&&void 0!==c?c:be),pl:Ee(null!==(f=null!==(d=null!==U&&void 0!==U?U:B)&&void 0!==d?d:ce)&&void 0!==f?f:be),px:Ee(null!==(p=null!==(m=null!==(h=null!==(g=null!==ce&&void 0!==ce?ce:U)&&void 0!==g?g:W)&&void 0!==h?h:B)&&void 0!==m?m:$)&&void 0!==p?p:be),py:Ee(null!==(y=null!==(v=null!==(b=null!==(w=null!==se&&void 0!==se?se:Q)&&void 0!==w?w:K)&&void 0!==b?b:q)&&void 0!==v?v:G)&&void 0!==y?y:be),mt:Ee(null!==(k=null!==(x=null!==X&&void 0!==X?X:Z)&&void 0!==x?x:de)&&void 0!==k?k:ve),mr:Ee(null!==(S=null!==(_=null!==J&&void 0!==J?J:ae)&&void 0!==_?_:fe)&&void 0!==S?S:ve),mb:Ee(null!==(E=null!==(C=null!==oe&&void 0!==oe?oe:le)&&void 0!==C?C:de)&&void 0!==E?E:ve),ml:Ee(null!==(N=null!==(T=null!==ie&&void 0!==ie?ie:ue)&&void 0!==T?T:fe)&&void 0!==N?N:ve),mx:Ee(null!==(z=null!==(P=null!==(L=null!==(R=null!==fe&&void 0!==fe?fe:ie)&&void 0!==R?R:J)&&void 0!==L?L:ue)&&void 0!==P?P:ae)&&void 0!==z?z:ve),my:Ee(null!==(O=null!==(j=null!==(M=null!==(I=null!==de&&void 0!==de?de:X)&&void 0!==I?I:oe)&&void 0!==M?M:Z)&&void 0!==j?j:le)&&void 0!==O?O:ve),width:Ee(null!==pe&&void 0!==pe?pe:ge),height:Ee(null!==me&&void 0!==me?me:ye),font:Ee(he)},getScaleProps:ee(D),getAllScaleProps:te(D)};return e.createElement(Y.Provider,{value:Ce},e.createElement(t,u({},_e,{ref:r}),F))}));return n.displayName="Scale".concat(t.displayName||"Wrapper"),n},oe=function(t){var n=t.x,r=t.y,a=t.color,o=t.onCompleted,l=(0,e.useRef)(null),i=Number.isNaN(+r)?0:r-10,u=Number.isNaN(+n)?0:n-10;return(0,e.useEffect)((function(){if(l.current)return l.current.addEventListener("animationend",o),function(){l.current&&l.current.removeEventListener("animationend",o)}})),e.createElement("div",{ref:l,className:"jsx-3424889537 drip"},e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",style:{top:i,left:u},className:"jsx-3424889537"},e.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",className:"jsx-3424889537"},e.createElement("g",{fill:a,className:"jsx-3424889537"},e.createElement("rect",{width:"100%",height:"100%",rx:"10",className:"jsx-3424889537"})))),e.createElement(I,{id:"3424889537"},".drip.jsx-3424889537{position:absolute;left:0;right:0;top:0;bottom:0;}svg.jsx-3424889537{position:absolute;-webkit-animation:350ms ease-in expand-jsx-3424889537;animation:350ms ease-in expand-jsx-3424889537;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;width:1rem;height:1rem;}@-webkit-keyframes expand-jsx-3424889537{0%{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}30%{opacity:1;}80%{opacity:0.5;}100%{-webkit-transform:scale(28);-ms-transform:scale(28);transform:scale(28);opacity:0;}}@keyframes expand-jsx-3424889537{0%{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}30%{opacity:1;}80%{opacity:0.5;}100%{-webkit-transform:scale(28);-ms-transform:scale(28);transform:scale(28);opacity:0;}}"))};oe.defaultProps={x:0,y:0},oe.displayName="GeistButtonDrip";var le=oe,ie=function(e){for(var t=Object.keys(e),n=t.length,r="",a=0;a1?1:t<0?0:t;return"rgba(".concat(r,", ").concat(o,", ").concat(l,", ").concat(i,")")},Se=function(e,t){var n=t.type,r=t.disabled,a=t.ghost,o={default:{bg:e.background,border:e.border,color:e.accents_5},secondary:{bg:e.foreground,border:e.foreground,color:e.background},success:{bg:e.success,border:e.success,color:"#fff"},warning:{bg:e.warning,border:e.warning,color:"#fff"},error:{bg:e.error,border:e.error,color:"#fff"},abort:{bg:"transparent",border:"transparent",color:e.accents_5}};if(r)return{bg:e.accents_1,border:e.accents_2,color:"#ccc"};var l=null===n||void 0===n?void 0:n.replace("-light",""),i=o.default;return a?function(e,t){return{secondary:{bg:e.background,border:e.foreground,color:e.foreground},success:{bg:e.background,border:e.success,color:e.success},warning:{bg:e.background,border:e.warning,color:e.warning},error:{bg:e.background,border:e.error,color:e.error}}[t]||null}(e,l)||i:o[l]||i},_e=function(e,t){var n=t.type,r=t.disabled,a=t.loading,o=t.shadow,l=t.ghost,i=Se(e,t),c=xe(i.bg,.85),s={default:{bg:e.background,border:e.foreground},secondary:{bg:e.background,border:e.foreground},success:{bg:e.background,border:e.success},warning:{bg:e.background,border:e.warning},error:{bg:e.background,border:e.error},abort:{bg:"transparent",border:"transparent",color:e.accents_5},"secondary-light":u({},i,{bg:c}),"success-light":u({},i,{bg:c}),"warning-light":u({},i,{bg:c}),"error-light":u({},i,{bg:c})};if(r)return{bg:e.accents_1,border:e.accents_2,color:"#ccc"};if(a)return u({},i,{color:"transparent"});if(o)return i;var f=(l?function(e,t){return{secondary:{bg:e.foreground,border:e.background,color:e.background},success:{bg:e.success,border:e.background,color:"white"},warning:{bg:e.warning,border:e.background,color:"white"},error:{bg:e.error,border:e.background,color:"white"}}[t.replace("-light","")]||null}(e,n):s[n])||s.default;return u({},f,{color:f.color||f.border})},Ee=["children","disabled","type","loading","shadow","ghost","effect","onClick","auto","icon","htmlType","iconRight","className"],Ce=e.forwardRef((function(t,n){var r=H(),o=X().SCALES,l=(0,e.useRef)(null);(0,e.useImperativeHandle)(n,(function(){return l.current}));var i=a((0,e.useState)(!1),2),c=i[0],s=i[1],f=a((0,e.useState)(0),2),d=f[0],p=f[1],m=a((0,e.useState)(0),2),h=m[0],g=m[1],y=function(e,t){return t.isButtonGroup?u({},e,{auto:!0,shadow:!1,ghost:t.ghost||e.ghost,type:t.type||e.type,disabled:t.disabled||e.disabled}):e}(t,e.useContext(we)),v=y.children,b=y.disabled,w=(y.type,y.loading),k=y.shadow,x=y.ghost,S=y.effect,_=y.onClick,E=y.auto,C=y.icon,N=y.htmlType,T=y.iconRight,z=y.className,P=V(y,Ee),L=(0,e.useMemo)((function(){return Se(r.palette,y)}),[r.palette,y]),R=L.bg,O=L.border,j=L.color,M=(0,e.useMemo)((function(){return _e(r.palette,y)}),[r.palette,y]),F=(0,e.useMemo)((function(){return function(e,t){return e?{cursor:"not-allowed",events:"auto"}:t?{cursor:"default",events:"none"}:{cursor:"pointer",events:"auto"}}(b,w)}),[b,w]),D=F.cursor,A=F.events,U=(0,e.useMemo)((function(){return function(e,t){var n=t.type.endsWith("light"),r=_e(e,t);return xe(n?r.bg:e.accents_2,.65)}(r.palette,y)}),[r.palette,y]),B=(0,e.useMemo)((function(){return function(t,n,r){var a=r.icon,o=r.iconRight,l=a||o,i=Boolean(o),u=t?"calc(var(--geist-ui-button-height) / 2 + var(--geist-ui-button-icon-padding) * .5)":0,c=se("text",i?"right":"left");return l?0===e.Children.count(n)?e.createElement(ve,{isRight:i,isSingle:!0},l):e.createElement(e.Fragment,null,e.createElement(ve,{isRight:i},l),e.createElement("div",{className:I.dynamic([["3568181479",[u,u]]])+" "+(c||"")},n,e.createElement(I,{id:"3568181479",dynamic:[u,u]},".left.__jsx-style-dynamic-selector{padding-left:".concat(u,";}.right.__jsx-style-dynamic-selector{padding-right:").concat(u,";}")))):e.createElement("div",{className:"text"},n)}(E,v,{icon:C,iconRight:T})}),[E,v,C,T]),W=E?o.pl(1.15):o.pl(1.375),$=E?o.pr(1.15):o.pr(1.375);return e.createElement("button",u({ref:l,type:N,disabled:b,onClick:function(e){if(!b&&!w){if(!k&&!x&&S&&l.current){var t=l.current.getBoundingClientRect();s(!0),p(e.clientX-t.left),g(e.clientY-t.top)}_&&_(e)}}},P,{className:I.dynamic([["86551275",[o.height(2.5),r.layout.radius,o.font(.875),j,R,O,D,A,k?r.expressiveness.shadowSmall:"none",o.pl(.727),o.height(2.5),j,R,E?"min-content":o.width(10.5),E?"auto":"initial",o.height(2.5),o.pt(0),$,o.pb(0),W,o.mt(0),o.mr(0),o.mb(0),o.ml(0),M.color,M.color,M.bg,M.border,D,A,k?r.expressiveness.shadowMedium:"none",k?"-1px":"0px"]]])+" "+(P&&null!=P.className&&P.className||se("btn",z)||"")}),w&&e.createElement(he,{color:j}),B,c&&e.createElement(le,{x:d,y:h,color:U,onCompleted:function(){s(!1),p(0),g(0)}}),e.createElement(I,{id:"86551275",dynamic:[o.height(2.5),r.layout.radius,o.font(.875),j,R,O,D,A,k?r.expressiveness.shadowSmall:"none",o.pl(.727),o.height(2.5),j,R,E?"min-content":o.width(10.5),E?"auto":"initial",o.height(2.5),o.pt(0),$,o.pb(0),W,o.mt(0),o.mr(0),o.mb(0),o.ml(0),M.color,M.color,M.bg,M.border,D,A,k?r.expressiveness.shadowMedium:"none",k?"-1px":"0px"]},".btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:inline-block;line-height:".concat(o.height(2.5),";border-radius:").concat(r.layout.radius,";font-weight:400;font-size:").concat(o.font(.875),";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;position:relative;overflow:hidden;color:").concat(j,";background-color:").concat(R,";border:1px solid ").concat(O,";cursor:").concat(D,";pointer-events:").concat(A,";box-shadow:").concat(k?r.expressiveness.shadowSmall:"none",";--geist-ui-button-icon-padding:").concat(o.pl(.727),";--geist-ui-button-height:").concat(o.height(2.5),";--geist-ui-button-color:").concat(j,";--geist-ui-button-bg:").concat(R,";min-width:").concat(E?"min-content":o.width(10.5),";width:").concat(E?"auto":"initial",";height:").concat(o.height(2.5),";padding:").concat(o.pt(0)," ").concat($," ").concat(o.pb(0)," ").concat(W,";margin:").concat(o.mt(0)," ").concat(o.mr(0)," ").concat(o.mb(0)," ").concat(o.ml(0),";}.btn.__jsx-style-dynamic-selector:hover,.btn.__jsx-style-dynamic-selector:focus{color:").concat(M.color,";--geist-ui-button-color:").concat(M.color,";background-color:").concat(M.bg,";border-color:").concat(M.border,";cursor:").concat(D,";pointer-events:").concat(A,";box-shadow:").concat(k?r.expressiveness.shadowMedium:"none",";-webkit-transform:translate3d(0px,").concat(k?"-1px":"0px",",0px);-ms-transform:translate3d(0px,").concat(k?"-1px":"0px",",0px);transform:translate3d(0px,").concat(k?"-1px":"0px",",0px);}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:inherit;top:-1px;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}")))}));Ce.defaultProps={type:"default",htmlType:"button",ghost:!1,loading:!1,shadow:!1,auto:!1,effect:!0,disabled:!1,className:""},Ce.displayName="GeistButton";var Ne=ae(Ce),Te=function(){for(var e=arguments.length,t=new Array(e),n=0;n