@infinityfx/fluid 1.3.3 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/display/action-menu/item.js +1 -1
- package/dist/components/display/combobox/option.js +1 -1
- package/dist/components/input/calendar.js +1 -1
- package/dist/components/input/segmented.js +1 -1
- package/dist/components/navigation/pagination.js +1 -1
- package/dist/types/src/components/navigation/pagination.d.ts +8 -6
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import o from"../../feedback/halo.js";import{createStyles as
|
|
2
|
+
import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import o from"../../feedback/halo.js";import{createStyles as t}from"../../../core/style.js";import{combineClasses as l,classes as n,combineRefs as i,filterFocusable as a}from"../../../core/utils.js";import{usePopover as c}from"../../layout/popover/root.js";import{useRef as s}from"react";const m=t("action-menu.item",{".item":{position:"relative",padding:".5rem .8rem",border:"none",background:"none",outline:"none",width:"100%",borderRadius:"var(--f-radius-sml)",userSelect:"none",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",color:"var(--color, var(--f-clr-text-100))",lineHeight:1.25,WebkitTapHighlightColor:"transparent","--halo-color":"color-mix(in srgb, var(--color, var(--f-clr-primary-100)) 50%, var(--f-clr-text-200))"},".item:enabled":{cursor:"pointer"},".item:disabled":{color:"var(--f-clr-grey-500)"}});function p(t){var{children:p,cc:u={},keepOpen:d,className:f,color:v}=t,g=e(t,["children","cc","keepOpen","className","color"]);const y=l(m,u),b=s(null),h=c();return r(o,{disabled:g.disabled,color:"var(--halo-color)",children:r("button",Object.assign({},g,{ref:i(g.ref,b),type:"button",role:"menuitem",style:Object.assign(Object.assign({},g.style),{"--color":v}),className:n(y.item,f),onClick:e=>{var r;null===(r=g.onClick)||void 0===r||r.call(g,e),d||h.toggle(!1)},onKeyDown:e=>{var r,o,t;null===(r=g.onKeyDown)||void 0===r||r.call(g,e);let l=null===(o=b.current)||void 0===o?void 0:o.parentElement;for(;l&&!l.matches('[role="menu"], [role="group"]');)l=l.parentElement;if((null==l?void 0:l.matches('[role="menu"]'))&&("ArrowRight"===e.key||"ArrowLeft"===e.key)){const r=null===(t=l.parentElement)||void 0===t?void 0:t.querySelector('[aria-haspopup="menu"]');r&&(e.preventDefault(),r.focus())}const n="ArrowDown"===e.key?1:"ArrowUp"===e.key?-1:0;if(l&&0!==n){const r=a(Array.from(l.children)),o=r.findIndex((e=>e===b.current)),t=r[o+n];t&&t.focus(),o>=0&&e.preventDefault()}},children:p}))})}p.displayName="ActionMenu.Item";export{p as default};
|
|
3
3
|
//# sourceMappingURL=item.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import e from"../../feedback/halo.js";import{createStyles as n}from"../../../core/style.js";import{combineClasses as i,classes as
|
|
2
|
+
import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import e from"../../feedback/halo.js";import{createStyles as n}from"../../../core/style.js";import{combineClasses as i,classes as t}from"../../../core/utils.js";const l=n("combobox.option",{".option":{position:"relative",padding:".5em",borderRadius:"var(--f-radius-sml)",border:"none",outline:"none",background:"none",width:"100%",color:"var(--f-clr-text-100)",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",lineHeight:1.25,WebkitTapHighlightColor:"transparent"},".option.round":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"}});function a(n){var{children:a,cc:c={},value:s,round:d,onSelect:p}=n,m=o(n,["children","cc","value","round","onSelect"]);const u=i(l,c);return r(e,{disabled:m.disabled,color:"var(--f-clr-primary-400)",children:r("button",Object.assign({},m,{type:"button",role:"option",className:t(u.option,d&&u.round,m.className),onClick:o=>{var r;null===(r=m.onClick)||void 0===r||r.call(m,o),null==p||p(s)},children:a}))})}a.displayName="Combobox.Option";export{a as default};
|
|
3
3
|
//# sourceMappingURL=option.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsxs as r,jsx as a}from"react/jsx-runtime";import{useRef as
|
|
2
|
+
import{__rest as e}from"tslib";import{jsxs as r,jsx as a}from"react/jsx-runtime";import{useRef as t,useState as o}from"react";import n from"./button.js";import{combineClasses as l,classes as i}from"../../core/utils.js";import{createStyles as c}from"../../core/style.js";import d from"./number-field.js";import{Icon as s}from"../../core/icons.js";import u from"../feedback/halo.js";function g(e,r){return e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDate()===r.getDate()}function f(e,r){const a=new Date(e);return a.setDate(e.getDate()+r),a}const m=c("calendar",{".calendar":{backgroundColor:"var(--f-clr-fg-100)",padding:".6em",borderRadius:"var(--f-radius-med)"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".calendar.round":{borderRadius:"var(--f-radius-xlg)"},".header":{display:"flex",alignItems:"center",marginBottom:".6em",gap:".6em"},".calendar .year":{minWidth:"auto",backgroundColor:"var(--f-clr-bg-100)",color:"var(--f-clr-grey-500)",flexGrow:1},".calendar .year:focus-within":{backgroundColor:"var(--f-clr-fg-200)"},".calendar .year__content":{padding:".475em"},".grid":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-xxs)"},".row":{display:"flex",justifyContent:"space-around"},".label":{display:"flex",flexBasis:0,flexGrow:1,alignItems:"center",justifyContent:"center",fontWeight:600,fontSize:".85em",color:"var(--f-clr-grey-600)",marginBottom:"var(--f-spacing-xxs)"},".date":{position:"relative",border:"none",outline:"none",background:"transparent",fontSize:"1em",width:"2.2em",height:"2.2em",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-300)",transition:"background-color .25s, color .25s",WebkitTapHighlightColor:"transparent"},".round .date":{borderRadius:"99px"},".date:enabled":{cursor:"pointer"},".date:disabled":{color:"var(--f-clr-grey-500)"},".date.unavailable":{textDecoration:"line-through"},".date.month":{fontWeight:500},".date.month:enabled":{color:"var(--f-clr-text-100)"},".date.today:enabled":{backgroundColor:"var(--f-clr-fg-200)"},".date.selected:enabled":{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},".date.selected:disabled":{backgroundColor:"var(--f-clr-grey-100)",color:"var(--f-clr-grey-500)"}});function b(c){var{cc:b={},locale:h,size:v="med",round:p,defaultValue:y,value:w,onChange:x,disabled:k=!1}=c,D=e(c,["cc","locale","size","round","defaultValue","value","onChange","disabled"]);const C=l(m,b),z=t([]),[_,j]=o(null),[S,A]=void 0!==w?[w,x]:o(y),N=S||new Date,M=new Date(N.getFullYear(),N.getMonth(),1),L=f(M,1-(M.getDay()||7));try{new Intl.Locale(h)}catch(e){h="en"}const R=new Date(N);R.setMonth(N.getMonth()+1);const B=new Date(N);B.setMonth(N.getMonth()-1);const F={size:v,round:p,compact:!0,disabled:!0===k,variant:"minimal",cc:{button:C.button}};return r("div",Object.assign({},D,{className:i(C.calendar,p&&C.round,C[`s__${v}`],D.className),children:[r("div",{className:C.header,children:[a(n,Object.assign({},F,{onClick:()=>null==A?void 0:A(B),"aria-label":B.toLocaleString(h,{month:"long"}),children:a(s,{type:"left"})})),a(d,{size:v,round:p,precision:0,variant:"minimal",controls:!1,cc:Object.assign({field:C.year,content:C.year__content},b),disabled:!0===k,icon:N.toLocaleString(h,{month:"long"}),value:null!==_?_:N.toLocaleString(h,{year:"numeric"}),onChange:e=>{j(e.target.value);const r=new Date(N);r.setFullYear(parseInt(e.target.value)),!isNaN(r.getTime())&&A&&A(r)},onBlur:()=>j(null)}),a(n,Object.assign({},F,{onClick:()=>null==A?void 0:A(R),"aria-label":R.toLocaleString(h,{month:"long"}),children:a(s,{type:"right"})}))]}),r("div",{className:C.grid,role:"grid",children:[a("div",{className:C.row,role:"row",children:new Array(7).fill(0).map(((e,r)=>a("div",{className:C.label,role:"columnheader",children:f(L,r).toLocaleString(h,{weekday:"narrow"})},r)))}),new Array(6).fill(0).map(((e,r)=>a("div",{className:C.row,role:"row",children:new Array(7).fill(0).map(((e,t)=>{const o=7*r+t,n=f(L,o),l=Array.isArray(k)?k.some((e=>g(e,n))):k;return a("div",{role:"gridcell",children:a(u,{color:"var(--f-clr-primary-300)",disabled:l,children:a("button",{ref:e=>{z.current[o]=e},type:"button",disabled:l,"aria-label":n.toLocaleDateString(h,{weekday:"long",month:"long",day:"numeric"}),className:i(C.date,n.getMonth()===N.getMonth()&&C.month,g(new Date,n)&&C.today,g(N,n)&&C.selected,l&&Array.isArray(k)&&C.unavailable),onClick:()=>null==A?void 0:A(n),onKeyDown:e=>{var r;let a=null;switch(e.key){case"ArrowRight":a=o+1;break;case"ArrowLeft":a=o-1;break;case"ArrowDown":a=o+7;break;case"ArrowUp":a=o-7}null!==a&&(a<0&&(null==A||A(B)),a>=42&&(null==A||A(R)),a%=42,a=a<0?42+a:a,null===(r=z.current[a])||void 0===r||r.focus(),e.preventDefault())},children:n.getDate()})})},t)}))},r)))]})]}))}export{b as default};
|
|
3
3
|
//# sourceMappingURL=calendar.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as a,useId as n}from"react";import{Morph as i}from"@infinityfx/lively/layout";import{combineClasses as t,classes as l}from"../../core/utils.js";import d from"../feedback/halo.js";import{createStyles as s}from"../../core/style.js";const c=s("segmented",{".segmented":{display:"flex"},".v__default, .v__neutral":{borderRadius:"calc(var(--f-radius-sml) + .3em)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",padding:".3em"},".s__sml":{fontSize:"var(--f-font-size-xxs)"},".s__med":{fontSize:"var(--f-font-size-xsm)"},".s__lrg":{fontSize:"var(--f-font-size-sml)"},".segmented.round":{borderRadius:"999px"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.vertical.round":{borderRadius:"calc(1.4em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1,WebkitTapHighlightColor:"transparent"},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-
|
|
2
|
+
import{__rest as e}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as a,useId as n}from"react";import{Morph as i}from"@infinityfx/lively/layout";import{combineClasses as t,classes as l}from"../../core/utils.js";import d from"../feedback/halo.js";import{createStyles as s}from"../../core/style.js";const c=s("segmented",{".segmented":{display:"flex"},".v__default, .v__neutral":{borderRadius:"calc(var(--f-radius-sml) + .3em)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",padding:".3em"},".s__sml":{fontSize:"var(--f-font-size-xxs)"},".s__med":{fontSize:"var(--f-font-size-xsm)"},".s__lrg":{fontSize:"var(--f-font-size-sml)"},".segmented.round":{borderRadius:"999px"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.vertical.round":{borderRadius:"calc(1.4em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1,transition:"color .4s",WebkitTapHighlightColor:"transparent"},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-text-100)"},'.v__neutral .option[aria-checked="true"]:enabled':{color:"var(--f-clr-text-200)"},".v__minimal .selection":{backgroundColor:"var(--f-clr-primary-400)"},".segmented.round .selection":{borderRadius:"999px"},'.segmented[data-error="true"]':{border:"solid 1px var(--f-clr-error-100)"},".segmented .halo":{zIndex:"0"},'.option[aria-checked="true"] .halo':{inset:"-.3em",borderRadius:"calc(var(--f-radius-sml) + .3em)"},'.segmented[data-error="true"] .ripple':{backgroundColor:"var(--f-clr-error-300)"},".segmented .container":{isolation:"unset"}});function u(s){var u,{cc:m={},variant:f="default",size:p="med",round:v=!1,uniform:g,vertical:b,options:x,name:h,value:_,defaultValue:y,onChange:k,error:C}=s,z=e(s,["cc","variant","size","round","uniform","vertical","options","name","value","defaultValue","onChange","error"]);const R=t(c,m),[j,w]=void 0!==_?[_]:a(y||(null===(u=x[0])||void 0===u?void 0:u.value)),N=n();return r("div",Object.assign({},z,{role:"radiogroup",className:l(R.segmented,R[`s__${p}`],R[`v__${f}`],v&&R.round,g&&R.uniform,b&&R.vertical,z.className),"data-error":!!C,children:x.map((({label:e,value:a,disabled:n=!1},t)=>r(d,{hover:!1,cc:Object.assign({container:R.container,halo:R.halo,ring:R.ring},m),children:o("button",{className:R.option,type:"button",role:"radio","aria-checked":j===a,disabled:n,onClick:()=>{null==w||w(a),null==k||k(a)},children:[r("input",{type:"radio",value:a,checked:j===a,hidden:!0,readOnly:!0,name:h}),r("span",{className:R.content,children:e}),j===a&&r(i,{group:`segmented-selection-${N}`,cachable:b?["y","sy"]:["x","sx"],deform:!1,transition:{duration:.4},children:r("div",{className:R.selection})})]})},t)))}))}export{u as default};
|
|
3
3
|
//# sourceMappingURL=segmented.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as
|
|
2
|
+
import{__rest as a}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useId as r,useState as t,useRef as o,Fragment as n}from"react";import{combineClasses as l,classes as s}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";import{Icon as c}from"../../core/icons.js";import m from"../feedback/halo.js";import{Morph as u}from"@infinityfx/lively/layout";import{Animatable as b}from"@infinityfx/lively";import{useTrigger as f}from"@infinityfx/lively/hooks";const p=d("pagination",{".pagination":{display:"flex",gap:"var(--f-spacing-xsm)"},".pill":{gap:"var(--f-spacing-xxs)"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".buttons":{display:"grid",gap:"inherit",gridAutoFlow:"column"},".buttons .layer":{width:"100%",height:"100%",borderRadius:"var(--f-radius-sml)",transition:"background-color .35s"},".pagination:not(.v__minimal) .layer":{backgroundColor:"var(--f-clr-fg-100)"},'.pagination[aria-disabled="true"] .layer':{backgroundColor:"var(--f-clr-grey-100)"},".button":{overflow:"hidden",position:"relative",border:"none",outline:"none",background:"none",color:"var(--f-clr-text-100)",width:"2.6em",height:"2.6em",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"var(--f-radius-sml)",fontWeight:500,transition:"background-color .35s, color .35s"},".buttons .button":{backgroundColor:"transparent !important"},".pagination:not(.v__minimal) .button:enabled":{backgroundColor:"var(--f-clr-fg-100)"},".button:enabled":{cursor:"pointer"},".button:disabled":{backgroundColor:"var(--f-clr-grey-100)",color:"var(--f-clr-grey-500)"},'.button[aria-current="page"]':{color:"var(--f-clr-text-200)"},".pagination .layer.selection":{backgroundColor:"var(--color, var(--f-clr-primary-100))",boxShadow:"var(--f-shadow-sml)"},".v__neutral .layer.selection":{backgroundColor:"var(--f-clr-text-100)"},'.pagination[aria-disabled="true"] .layer.selection':{backgroundColor:"var(--f-clr-grey-200)"},".round .button":{borderRadius:"99px"},".round .layer":{borderRadius:"99px"},".pill > .button:first-child":{borderTopLeftRadius:"1.3em",borderBottomLeftRadius:"1.3em"},".pill > .button:last-child":{borderTopRightRadius:"1.3em",borderBottomRightRadius:"1.3em"},".indices":{width:"7.8em",height:"2.6em",display:"flex"},".indices > *":{width:"2.6em",height:"2.6em",display:"flex",alignItems:"center",justifyContent:"center"}});function g(d){var{cc:g={},pages:h,defaultPage:y=0,page:v,onChange:x,compact:k,skipable:C,shape:_="square",size:w,variant:N,disabled:R,color:j}=d,z=a(d,["cc","pages","defaultPage","page","onChange","compact","skipable","shape","size","variant","disabled","color"]);const M=l(p,g),S=r(),O=f(),[$,A]=void 0!==v?[v,x]:t(y);function B(){const a=Math.min(h,3);return new Array(a).fill(0).map(((e,i)=>i?i<a-1?Math.min(Math.max($,1),h-2):C?Math.max(Math.min($+1,h-1),2):h-1:C?Math.min(Math.max($-1,0),h-3):0))}const I=o(B()),L=a=>{I.current=B(),null==A||A(a),null==x||x(a),O()},P=$<1||R,T=$>=h-1||R;return e("div",Object.assign({},z,{style:Object.assign(Object.assign({},z.style),{"--color":j}),"aria-disabled":R,className:s(M.pagination,M[`s__${w}`],M[`v__${N}`],M[_],z.className),children:[C&&i(m,{disabled:P,children:i("button",{disabled:P,"aria-label":"1",className:M.button,onClick:()=>L(0),children:i(c,{type:"first"})})}),i(m,{disabled:P,children:i("button",{disabled:P,"aria-label":$+"",className:M.button,onClick:()=>L($-1),children:i(c,{type:"left"})})}),!k&&i("div",{className:M.buttons,children:B().map(((a,r)=>{const t=I.current[r],o={gridColumn:r+1,gridRow:1};return e(n,{children:[i("div",{className:M.layer,style:o}),a===$&&i(u,{group:`${S}-pagination-selection`,cachable:["x"],transition:{duration:.35},children:i("div",{className:s(M.layer,M.selection),style:o})}),i(m,{disabled:R,children:i("button",{type:"button",disabled:R,className:s(M.button,M.index),style:o,"aria-current":a===$?"page":void 0,onClick:()=>L(a),children:i(b,{animations:{forward:{translate:["33.3% 0%","0% 0%"],duration:.35},back:{translate:["-33.3% 0%","0% 0%"],duration:.35}},triggers:[{name:"forward",on:t-a<0&&O,immediate:!0},{name:"back",on:t-a>0&&O,immediate:!0}],children:e("div",{className:M.indices,children:[i("span",{children:t+1}),i("span",{children:a+1}),i("span",{children:t+1})]})})})})]},r)}))}),i(m,{disabled:T,children:i("button",{disabled:T,"aria-label":$+2+"",className:M.button,onClick:()=>L($+1),children:i(c,{type:"right"})})}),C&&i(m,{disabled:T,children:i("button",{disabled:T,"aria-label":h+"",className:M.button,onClick:()=>L(h-1),children:i(c,{type:"last"})})})]}))}export{g as default};
|
|
3
3
|
//# sourceMappingURL=pagination.js.map
|
|
@@ -5,15 +5,17 @@ export type PaginationSelectors = Selectors<'pagination'>;
|
|
|
5
5
|
*
|
|
6
6
|
* @see {@link https://fluid.infinityfx.dev/docs/components/pagination}
|
|
7
7
|
*/
|
|
8
|
-
export default function Pagination({ cc,
|
|
8
|
+
export default function Pagination({ cc, pages, defaultPage, page, onChange, compact, skipable, shape, size, variant, disabled, color, ...props }: {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: PaginationSelectors;
|
|
11
|
-
page?: number;
|
|
12
|
-
setPage?: (page: number) => void;
|
|
13
11
|
pages: number;
|
|
12
|
+
defaultPage?: number;
|
|
13
|
+
page?: number;
|
|
14
|
+
onChange?: (page: number) => void;
|
|
14
15
|
compact?: boolean;
|
|
15
16
|
skipable?: boolean;
|
|
16
|
-
|
|
17
|
+
shape?: 'square' | 'round' | 'pill';
|
|
17
18
|
size?: FluidSize;
|
|
18
|
-
variant?: 'default' | 'neutral' | '
|
|
19
|
-
|
|
19
|
+
variant?: 'default' | 'neutral' | 'minimal';
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'>): import("react/jsx-runtime").JSX.Element;
|