sodtrack-web-ui 0.74.4 → 0.74.6

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.
Files changed (43) hide show
  1. package/dist/chunk-2AVFL232.mjs +1 -0
  2. package/dist/chunk-GBBE3RHT.mjs +1 -0
  3. package/dist/chunk-TIQUQGJW.mjs +1 -0
  4. package/dist/components/chip-expandable.d.mts +66 -5
  5. package/dist/components/chip-expandable.d.ts +66 -5
  6. package/dist/components/chip-expandable.js +1 -1
  7. package/dist/components/chip-expandable.mjs +1 -1
  8. package/dist/components/chip-form-complementary.d.mts +3 -3
  9. package/dist/components/chip-form-complementary.d.ts +3 -3
  10. package/dist/components/chip-form.d.mts +6 -6
  11. package/dist/components/chip-form.d.ts +6 -6
  12. package/dist/components/chip-status-complementary.d.mts +1 -1
  13. package/dist/components/chip-status-complementary.d.ts +1 -1
  14. package/dist/components/chip-status-table.d.mts +1 -1
  15. package/dist/components/chip-status-table.d.ts +1 -1
  16. package/dist/components/expandable-card.d.mts +2 -0
  17. package/dist/components/expandable-card.d.ts +2 -0
  18. package/dist/components/expandable-card.js +2 -2
  19. package/dist/components/expandable-card.mjs +1 -1
  20. package/dist/components/index.d.mts +2 -3
  21. package/dist/components/index.d.ts +2 -3
  22. package/dist/components/index.js +2 -2
  23. package/dist/components/index.mjs +1 -1
  24. package/dist/components/list-item-arrow.mjs +1 -1
  25. package/dist/components/list-item-button.mjs +1 -1
  26. package/dist/components/list-item-checkbox-left.d.mts +4 -2
  27. package/dist/components/list-item-checkbox-left.d.ts +4 -2
  28. package/dist/components/list-item-checkbox-left.js +2 -2
  29. package/dist/components/list-item-checkbox-left.mjs +1 -1
  30. package/dist/components/list-item-checkbox.mjs +1 -1
  31. package/dist/components/list-item.mjs +1 -1
  32. package/dist/components/tab.d.mts +2 -2
  33. package/dist/components/tab.d.ts +2 -2
  34. package/dist/styles/index.css +1 -1
  35. package/package.json +1 -1
  36. package/dist/chunk-JYOVMPGT.mjs +0 -1
  37. package/dist/chunk-KRU7R6C4.mjs +0 -1
  38. package/dist/chunk-QIFSEHMC.mjs +0 -1
  39. package/dist/chunk-ZZPJYT6F.mjs +0 -1
  40. package/dist/components/chip-status-expandable.d.mts +0 -70
  41. package/dist/components/chip-status-expandable.d.ts +0 -70
  42. package/dist/components/chip-status-expandable.js +0 -1
  43. package/dist/components/chip-status-expandable.mjs +0 -1
@@ -0,0 +1 @@
1
+ import {c as c$3}from'./chunk-35JUETHD.mjs';import {d}from'./chunk-KTTNV2CJ.mjs';import {a as a$5}from'./chunk-KTRSJBA4.mjs';import {a as a$4}from'./chunk-5JYXZUPM.mjs';import {c as c$2}from'./chunk-ASMH3P7K.mjs';import {c as c$4}from'./chunk-GBBE3RHT.mjs';import {d as d$1}from'./chunk-FAMLJ6AJ.mjs';import {a as a$1}from'./chunk-T2IU5QUU.mjs';import {a}from'./chunk-RE4QNXBE.mjs';import {a as a$3}from'./chunk-SXEHG5TZ.mjs';import {c}from'./chunk-KKWH3QUT.mjs';import {c as c$1,h}from'./chunk-4HYLZVI5.mjs';import {a as a$2}from'./chunk-BO6XI5BE.mjs';import be,{createContext,useMemo,useCallback,useContext,useRef,useEffect,useState,useId}from'react';import*as Ie from'@radix-ui/react-portal';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var Qe=be.memo(({handleSelect:e,NoResultsIcon:i,noResultsLabel:t,noResultsDescription:o,noResultsDescriptionLines:s,noResultsAsColumn:p,noResultsButtonOnClick:n,optionDescriptionLines:r,noResultsButtonLabel:l,filteredOptions:u,inputRect:c$1,inputRef:f,popoverPosition:C,optionsListRef:v,selectedOption:b,options:g,setFilteredOptions:R})=>jsx(Ie.Root,{asChild:true,children:jsxs("div",{ref:v,className:"elevation-8 pointer-events-auto fixed z-50 mb-2 hidden max-h-[336px] w-full flex-col overflow-y-auto rounded-lg bg-neutral-50",style:c$1?{width:`${c$1.width}px`,left:c$1.left,top:C==="bottom"?`${c$1.bottom}px`:void 0,bottom:C==="top"?`${window.innerHeight-c$1.top}px`:void 0}:void 0,children:[u.length===0&&jsxs("div",{className:"elevation-8 max-h-88 flex flex-1 flex-col justify-center rounded-lg bg-neutral-50",children:[jsx(a,{title:t,description:o,Icon:i,iconAsColumn:p,descriptionLines:s}),n&&jsxs(Fragment,{children:[jsx(a$1,{}),jsx(c,{variant:"ghost",className:"my-3 w-fit self-center",onClick:a=>{v.current.style.display="none",f.current.value="",R(g),n();},children:l})]})]}),u.map(a=>jsx(ke,{title:a.label,disabled:a.disabled,description:a.description,descriptionLines:r,onClick:()=>e(a),className:a$2(b?.value===a.value&&"bg-primary-200")},a.key??a.value))]})})),Pe=Qe;var Ze=336,eo=({options:e,defaultSelectedOption:i,onSelect:t,onClick:o,onInputChange:s,error:p,helperText:n,label:r,placeholder:l,value:u,size:c="md",optionDescriptionLines:f=1,noResultsLabel:C,noResultsIcon:v,noResultsDescription:b,noResultsDescriptionLines:g,noResultsAsColumn:R,noResultsButtonOnClick:a,noResultsButtonLabel:N,className:L,disabled:P})=>{let[m,M]=useState(i??null),O=useRef(null),d=useRef(null),[pe,ue]=useState(),[ce,z]=useState([]),[me,W]=useState("bottom"),[U,ee]=useState(),q=Ze,V=useCallback(x=>{O.current.style.display="none",d.current.value=x.label,M(x),t?.(x);},[t]),w=useCallback(()=>{if(!d?.current)return;let x=d.current.getBoundingClientRect();ue(x);let k=U?U.height:q,I=window.innerHeight-x.bottom>k,te=x.top>k;W(I?"bottom":te?"top":"bottom");},[U?.height]),J=useCallback(()=>{let x=e.filter(k=>k.label.toLowerCase().includes(d?.current?.value.toLowerCase()??""));if(z(x),O?.current){let k=O.current.getBoundingClientRect();ee(k);}},[e]);return useEffect(()=>{z(e);},[e]),useEffect(()=>{if(!u){M(null),d.current&&(d.current.value="");return}(!d.current?.value||m?.value!==u.value)&&(M(u),d.current.value=u.label);},[u]),a$5(O,()=>{O.current.style.display="none",m&&d.current&&(d.current.value=m.label);}),useEffect(()=>{if(d?.current)return w(),d.current.addEventListener("mousedown",w),d.current.addEventListener("input",J),window.addEventListener("scroll",w,true),window.addEventListener("resize",w),()=>{d.current?.removeEventListener("mousedown",w),d.current?.removeEventListener("input",J),window.removeEventListener("scroll",w,true),window.removeEventListener("resize",w);}},[w,J]),jsxs("div",{className:a$2("relative",L),children:[jsx(a$4,{ref:d,autoComplete:"off",list:"",selectMode:true,onChange:x=>{x.target.value||(M(null),t?.(null)),s?.(x);},onClean:()=>{M(null),z(e),t?.(null);},onClick:x=>{O.current.style.display="flex",o?.(x);},onBlur:()=>{m&&d.current&&(d.current.value=m.label);},label:r,helperText:n,placeholder:l,size:c,error:p,disabled:P}),jsx(Pe,{handleSelect:V,noResultsLabel:C,NoResultsIcon:v,optionDescriptionLines:f,noResultsAsColumn:R,noResultsButtonLabel:N,noResultsButtonOnClick:a,noResultsDescription:b,noResultsDescriptionLines:g,filteredOptions:ce,inputRect:pe,inputRef:d,popoverPosition:me,optionsListRef:O,selectedOption:m,options:e,setFilteredOptions:z})]})};var et=({children:e,title:i,titleLines:t,description:o="",descriptionLines:s,disabled:p=false,className:n,...r})=>jsxs("div",{className:"flex w-full flex-col gap-1",...r,children:[jsx("p",{className:a$2("break-all text-sm leading-[130%]",!!o&&"font-medium"),style:t?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:t}:void 0,children:i}),o&&jsx("p",{className:a$2("text-xs leading-[130%]",p?"text-neutral-400":"text-neutral-700"),style:s?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:s}:void 0,children:o})]}),H=et;var ao=({children:e,title:i,titleLines:t,description:o="",descriptionLines:s,startIcon:p,badgeContent:n,hasDivider:r=false,disabled:l=false,onSelect:u,className:c,...f})=>jsxs(y,{hasDescription:!!o,disabled:l,onClick:u,hasDivider:r,className:a$2(!l&&"cursor-pointer",c),...f,children:[p&&be.cloneElement(p,{className:"shrink-0 mr-2 h-4.5 w-4.5"}),jsx(H,{title:i,titleLines:t,description:o,descriptionLines:s,disabled:l}),jsxs("div",{className:"ml-4 flex gap-2",children:[n&&jsx(a$3,{content:n,size:"lg",variant:"alert",className:a$2("self-center",l&&"bg-neutral-400")}),jsx(h,{className:"h-4.5 w-4.5 self-center"})]})]});var He=({children:e,title:i,titleLines:t=1,description:o="",descriptionLines:s,startIcon:p,hasDivider:n=false,disabled:r=false,checked:l,onCheckedChange:u,className:c,...f})=>jsxs(y,{hasDescription:!!o,disabled:r,hasDivider:n,...f,className:a$2("pr-6",c),children:[p&&be.cloneElement(p,{className:"shrink-0 w-4.5 h-4.5 mr-2"}),jsx(H,{title:i,titleLines:t,description:o,descriptionLines:s,disabled:r}),jsx(c$2,{size:"sm",checked:l,onCheckedChange:u,className:"ml-4 self-center",disabled:r})]});var F=336,Se=createContext({inputRef:null,optionsListRef:null,autocompleteId:"",inputRect:void 0,showChips:false,filteredOptions:[],currentFocus:-1,popoverPosition:"bottom",setFilteredOptions:()=>{},setCurrentFocus:()=>{},setShowChips:()=>{},setPopoverPosition:()=>{},setInputRect:()=>{},optionsListHeight:F,setOptionsListHeight:()=>{},optionsListRect:void 0,setOptionsListRect:()=>{}}),D=()=>{let e=useContext(Se);if(e===null)throw new Error("useAutocompleteMultipleContext must be used within a AutocompleteMultipleProvider");return e},Be=({children:e})=>{let i=useRef(null),t=useRef(null),o=useId(),[s,p]=useState(),[n,r]=useState(true),[l,u]=useState([]),[c,f]=useState(-1),[C,v]=useState("bottom"),[b,g]=useState(),[R,a]=useState(F);return jsx(Se.Provider,{value:{optionsListRef:i,inputRef:t,autocompleteId:o,inputRect:s,showChips:n,filteredOptions:l,currentFocus:c,popoverPosition:C,setFilteredOptions:u,setCurrentFocus:f,setShowChips:r,setPopoverPosition:v,setInputRect:p,optionsListHeight:R,optionsListRect:b,setOptionsListRect:g,setOptionsListHeight:a},children:e})};var mt=({option:e,onMountWidth:i,size:t})=>{let o=useRef(null);return useEffect(()=>{o.current&&i?.(o.current.clientWidth);},[]),jsx(d,{type:"fill",variant:"standard",ref:o,className:"shrink-0",size:t==="md"?"xs":"sm",hasCloseIcon:false,children:e.label})},ze=mt;var ht=150,bt=be.memo(({selectedOptions:e,error:i,onCleanSelectedOptions:t,disabled:o,size:s})=>{let{autocompleteId:p,inputRect:n,inputRef:r,optionsListRef:l}=D(),u=be.useRef(null),[c,f]=be.useState(new Map),C=useMemo(()=>{if(!n?.width)return [];let b=0,g=n.width-ht,R=0;for(let a=0;a<e.length&&(R+=c.get(a)??0,!(R>g));a++)b++;return e.slice(0,b)},[n?.width,e,c]),v=useCallback(()=>{o||(r?.current?.focus(),l.current.style.display="flex");},[o]);return jsxs("div",{onClick:v,className:a$2("absolute top-0 z-30 flex w-full cursor-pointer flex-nowrap items-center gap-2 pl-3 pr-12",o&&"cursor-not-allowed"),style:{maxWidth:n?.width?n?.width:void 0,height:n?.height?n?.height:void 0},children:[jsx("div",{className:"flex flex-1 gap-1 overflow-hidden",ref:u,children:C.map((b,g)=>jsx(ze,{option:b,onMountWidth:R=>f(a=>new Map(a).set(g,R)),size:s},`chip-input-${p}-${b.value}`))}),e.length>C.length&&jsx("span",{className:"text-base",children:"..."}),e.length>0&&!i&&jsx(a$3,{content:String(e.length),size:s}),i&&e.length>0&&jsx(c$1,{className:"h-6 w-6 text-error-700",onClick:b=>{b.stopPropagation(),t();}})]})}),We=bt;var xt=be.memo(({option:e,index:i,onPressOption:t,isSelected:o,optionDescriptionLines:s})=>{let{currentFocus:p,inputRef:n}=D();return jsx(He,{title:e.label,checked:o,disabled:e.disabled,className:p===i?"bg-primary-200":void 0,onMouseDown:r=>{e.disabled||(n?.current?.value&&r.preventDefault(),t?.(e,r));},description:e.description,descriptionLines:s})}),Le=xt;var Mt=be.memo(({selectedOptions:e,handleSelect:i,NoResultsIcon:t,noResultsLabel:o,noResultsDescription:s,noResultsDescriptionLines:p,noResultsAsColumn:n,noResultsButtonOnClick:r,optionDescriptionLines:l,noResultsButtonLabel:u})=>{let{popoverPosition:c$1,optionsListRef:f,filteredOptions:C,inputRect:v,autocompleteId:b,inputRef:g,optionsListHeight:R}=D(),a$2=useCallback(L=>e.some(P=>P.value===L.value),[e]),N=useMemo(()=>e.filter(L=>L.label.toLowerCase().includes(g?.current?.value.toLowerCase()??"")),[e,g?.current?.value]);return jsx(Ie.Root,{asChild:true,children:jsxs("div",{ref:f,className:"elevation-8 pointer-events-auto fixed z-50 mb-2 hidden w-full flex-col overflow-y-auto rounded-lg bg-neutral-50",style:v?{width:`${v.width}px`,left:v.left,top:c$1==="bottom"?`${v.bottom}px`:void 0,bottom:c$1==="top"?`${window.innerHeight-v.top}px`:void 0,maxHeight:R+"px"}:void 0,children:[C.length===0&&jsxs("div",{className:"elevation-8 max-h-88 flex flex-1 flex-col justify-center rounded-lg bg-neutral-50",children:[jsx(a,{title:o,description:s,Icon:t,iconAsColumn:n,descriptionLines:p}),r&&jsxs(Fragment,{children:[jsx(a$1,{}),jsx(c,{variant:"ghost",className:"my-3 w-fit self-center",onClick:L=>{f.current.style.display="none",g.current.value="",r();},children:u})]})]}),N.map((L,P)=>jsx(Le,{option:L,index:P,onPressOption:m=>i(m),isSelected:a$2(L),optionDescriptionLines:l},`autocomplete-option-${b}-${L.key??L.value}`)),C.map((L,P)=>!e.some(m=>m.value===L.value)&&jsx(Le,{option:L,index:P,onPressOption:m=>i(m),isSelected:a$2(L),optionDescriptionLines:l},`autocomplete-option-${b}-${L.key??L.value}`))]})})}),$e=Mt;var It=be.memo(({selectedOptions:e,onSelect:i,error:t,helperText:o,label:s,placeholder:p,options:n,onInputChange:r,size:l,disabled:u})=>{let{setCurrentFocus:c,setFilteredOptions:f,optionsListRef:C,inputRef:v}=D();return jsx(a$4,{ref:v,autoComplete:"off",list:"",disabled:u,selectMode:true,onChange:b=>{c(-1),r?.(b.target.value);},onClean:()=>{c(-1),f(n),i?.(null,e);},onClick:()=>{u||(C.current.style.display="flex");},error:t,helperText:o,label:s,placeholder:p,fixedTopLabel:e.length>0,size:l})}),Ge=It;var _e=({options:e,defaultSelectedOptions:i,onSelect:t,error:o,helperText:s,label:p,placeholder:n,noResultsLabel:r,noResultsIcon:l,noResultsDescription:u,noResultsDescriptionLines:c,noResultsAsColumn:f,noResultsButtonOnClick:C,noResultsButtonLabel:v,className:b,onInputChange:g,value:R,loading:a,size:N="md",optionDescriptionLines:L=1,disabled:P})=>{let{inputRef:m,optionsListRef:M,setFilteredOptions:O,setShowChips:d,setInputRect:pe,setPopoverPosition:ue,setCurrentFocus:ce,showChips:z,setOptionsListRect:me,optionsListRect:W,setOptionsListHeight:U}=D(),ee=useRef(false),[q,V]=useState(i??[]),w=useCallback(A=>{V(E=>{let T,K=E.findIndex(Je=>Je.value===A.value);return K===-1?(T=E.concat(A),t?.(A,T),T):(T=E.toSpliced(K,1),t?.(A,T),T)});},[t]),J=useCallback(()=>{V([]),O(e),t?.(null,[]);},[]),x=useCallback(()=>{d(false);},[]),k=useCallback(()=>{d(true);},[]),I=useCallback(()=>{if(!m?.current)return;let A=m.current.getBoundingClientRect();pe(A);let E=W?W.height>F?F:W.height:F,T=window.innerHeight-A.bottom>E,K=A.top>E;ue(T?"bottom":K?"top":"bottom"),U(K?F:window.innerHeight-A.bottom>F?F:window.innerHeight-A.bottom);},[W?.height]),te=useCallback(()=>{let A=e.filter(E=>E.label.toLowerCase().includes(m?.current?.value.toLowerCase()??""));if(O(A),M?.current){let E=M.current.getBoundingClientRect();me(E);}},[e,M?.current]);return useEffect(()=>{O(e);},[e]),a$5(M,()=>{M.current.style.display="none",ce(-1);}),useEffect(()=>{if(m?.current)return I(),m.current.addEventListener("mousedown",I),m.current.addEventListener("input",te),m.current.addEventListener("focusin",x),m.current.addEventListener("focusout",k),window.addEventListener("scroll",I,true),window.addEventListener("resize",I),()=>{m.current?.removeEventListener("mousedown",I),m.current?.removeEventListener("input",I),m.current?.removeEventListener("focusout",k),m.current?.removeEventListener("focusin",x),window.removeEventListener("scroll",I,true),window.removeEventListener("resize",I);}},[I,k,x,te]),useEffect(()=>{R&&(V(R),d(true));},[R]),useEffect(()=>{a||i&&i.length&&!ee.current&&(V(i),ee.current=true,d(true));},[i,a]),jsxs("div",{className:a$2("relative",b),children:[jsx(Ge,{selectedOptions:q,onSelect:t,error:o,helperText:s,label:p,placeholder:n,handleSelect:w,options:e,onInputChange:g,size:N,disabled:P}),z&&jsx(We,{selectedOptions:q,disabled:P,error:o,onCleanSelectedOptions:J,size:N}),jsx($e,{handleSelect:w,selectedOptions:q,noResultsLabel:r,NoResultsIcon:l,optionDescriptionLines:L,noResultsAsColumn:f,noResultsButtonLabel:v,noResultsButtonOnClick:C,noResultsDescription:u,noResultsDescriptionLines:c})]})};var Ii=e=>jsx(Be,{children:jsx(_e,{...e})});var Ni=({children:e,title:i,titleLines:t=1,description:o,descriptionLines:s=1,StartIcon:p,hasDivider:n=false,disabled:r=false,actionButton:l,isSelected:u=false,className:c$1,...f})=>jsxs(y,{hasDescription:!!o,disabled:r,hasDivider:n,isSelected:u,...f,className:c$1,children:[p&&jsx(p,{className:"mr-2 h-4.5 w-4.5 shrink-0 grow-0"}),jsx(H,{title:i,titleLines:t,description:o,descriptionLines:s,disabled:r}),l&&jsx(Fragment,{children:l.isIcon?jsx(c$3,{...l,className:"ml-4 self-center",variant:"ghost",size:"sm",disabled:r??l.disabled}):jsx(c,{...l,className:"ml-4 self-center",size:"sm",variant:"ghost",disabled:r??l.disabled})})]});var qi=({title:e,description:i="",descriptionLines:t,hasDivider:o=false,disabled:s=false,checked:p,onCheckedChange:n,className:r,chipStatus:l,chipExpandable:u,...c})=>jsxs(y,{hasDescription:!!i,disabled:s,hasDivider:o,...c,className:a$2("pr-6",r),children:[jsx(c$2,{size:"sm",checked:p,onCheckedChange:n,className:"mr-4 self-center",disabled:s}),jsxs("div",{className:"flex-1",children:[jsxs("div",{className:"flex items-center justify-between gap-2",children:[jsx("p",{className:a$2("line-clamp-1 text-sm leading-[130%] break-all",!!i&&"font-medium"),children:e}),u&&jsx("div",{className:"ml-auto flex min-w-0 flex-shrink-0 items-center justify-end",children:jsx(c$4,{...u})}),l&&jsx("div",{className:"ml-4 flex shrink-0 items-center gap-1",children:jsx(d$1,{...l,size:"xs",className:"shrink-0"})})]}),i&&jsx("p",{className:a$2("text-xs leading-[130%]",s?"text-neutral-400":"text-neutral-700",{"line-clamp-1":t===1,"line-clamp-2":t===2,"line-clamp-3":t===3,"line-clamp-4":t===4}),children:i})]})]});var Tt=({children:e,hasDescription:i=false,disabled:t=false,hasDivider:o=false,className:s,isSelected:p,onClick:n,...r})=>jsxs(Fragment,{children:[jsx("div",{className:a$2("flex flex-row px-3 py-4 text-neutral-900 transition-colors",i?"py-3":"py-3.5",t?"cursor-not-allowed text-neutral-400":"hover:bg-primary-100 focus:bg-primary-200",p&&"bg-primary-200",s),onClick:l=>{t||n?.(l);},...r,children:e}),o&&jsx(a$1,{})]}),y=Tt;var ke=({children:e,title:i,titleLines:t,description:o="",descriptionLines:s,startIcon:p,endIcon:n,hasDivider:r=false,disabled:l=false,isSelected:u=false,className:c,...f})=>jsxs(y,{hasDescription:!!o,disabled:l,hasDivider:r,className:c,isSelected:u,...f,children:[p&&be.cloneElement(p,{className:"shrink-0 mr-2 h-4.5 w-4.5"}),jsx(H,{title:i,titleLines:t,description:o,descriptionLines:s,disabled:l}),n&&be.cloneElement(n,{className:"min-h-4.5 min-w-4.5 self-center ml-4"})]});export{eo as a,ke as b,ao as c,He as d,Ii as e,Ni as f,qi as g};
@@ -0,0 +1 @@
1
+ import {tv}from'tailwind-variants';import {jsxs,jsx}from'react/jsx-runtime';var g=["success","info","warning","error","generic","neutral"],h=["light","full"],l=tv({slots:{container:"group/expandable-chip ml-auto flex h-4.5 w-4.5 min-w-4.5 origin-right items-center justify-center overflow-hidden rounded-full px-0.5 py-0.25 transition-all duration-300 ease-in-out hover:w-fit hover:justify-start hover:px-2",icon:"h-3.5 w-3.5 shrink-0 transition-all duration-300 group-hover/expandable-chip:mr-2",text:"w-0 overflow-hidden text-xs leading-[130%] whitespace-nowrap opacity-0 transition-all duration-300 group-hover/expandable-chip:w-auto group-hover/expandable-chip:opacity-100"},variants:{variant:{success:"",info:"",warning:"",error:"",generic:"",neutral:""},type:{light:"",full:""}},compoundVariants:[{variant:"success",type:"light",className:{container:"bg-success-100 text-success-700",icon:"text-success-700",text:"text-success-700"}},{variant:"success",type:"full",className:{container:"bg-success-300",icon:"text-neutral-50",text:"text-neutral-50"}},{variant:"info",type:"light",className:{container:"bg-info-100",icon:"text-info-700",text:"text-info-700"}},{variant:"info",type:"full",className:{container:"bg-info-300",icon:"text-neutral-50",text:"text-neutral-50"}},{variant:"warning",type:"light",className:{container:"bg-warning-100",icon:"text-warning-700",text:"text-warning-700"}},{variant:"warning",type:"full",className:{container:"bg-warning-500",icon:"text-warning-900",text:"text-warning-900"}},{variant:"error",type:"light",className:{container:"bg-error-100",icon:"text-error-700",text:"text-error-700"}},{variant:"error",type:"full",className:{container:"bg-error-500",icon:"text-neutral-50",text:"text-neutral-50"}},{variant:"generic",type:"light",className:{container:"bg-primary-200",icon:"text-primary-600",text:"text-primary-600"}},{variant:"generic",type:"full",className:{container:"bg-primary-500",icon:"text-neutral-50",text:"text-neutral-50"}},{variant:"neutral",type:"light",className:{container:"bg-neutral-100",icon:"text-neutral-700",text:"text-neutral-700"}},{variant:"neutral",type:"full",className:{container:"bg-neutral-300",icon:"text-neutral-100",text:"text-neutral-100"}}]}),y=({label:a,variant:n,type:r,StartIcon:t})=>{let{container:i,icon:o,text:p}=l({variant:n,type:r});return jsxs("div",{className:i(),children:[t&&jsx(t,{className:o()}),jsx("span",{className:p(),children:a})]})};export{g as a,h as b,y as c};
@@ -0,0 +1 @@
1
+ import {c as c$1}from'./chunk-35JUETHD.mjs';import {c}from'./chunk-GBBE3RHT.mjs';import {d}from'./chunk-FAMLJ6AJ.mjs';import {b}from'./chunk-PF2FHSIC.mjs';import {c as c$2}from'./chunk-KKWH3QUT.mjs';import {s,t}from'./chunk-4HYLZVI5.mjs';import {createElement,useCallback}from'react';import {tv}from'tailwind-variants';import {useCollapsibleContext,Collapsible}from'@ark-ui/react/collapsible';import {jsxs,jsx}from'react/jsx-runtime';var p=tv({slots:{root:"bg-neutral-80 ring-expandable-card-border group/expandable-card flex h-fit flex-col rounded-lg ring transition-all duration-200 ease-in-out ring-inset",header:"flex justify-between pt-3 pr-1 pb-2 pl-3",headerLabel:"font-semibold empty:hidden",headerValue:"",content:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up border-expandable-card-border overflow-hidden group-data-[state=open]/expandable-card:border-t",contentInner:"px-3 pt-4 pb-6",fixedContent:"border-expandable-card-border border-t px-3 pt-6 pb-4"},variants:{headerAlign:{vertical:{},horizontal:{}}},compoundVariants:[{headerAlign:"vertical",className:{header:"flex-col gap-1",headerValue:"text-xs leading-[130%] text-neutral-700",headerLabel:"line-clamp-1"}},{headerAlign:"horizontal",className:{header:"items-center gap-3",headerValue:"line-clamp-1 leading-[130%] text-neutral-900",headerLabel:"mr-3"}}]}),J=({headerLabel:a,headerValue:t$1,className:r,action:o,chipStatus:n,chipExpandable:l,iconButtons:d$1,headerAlign:s$1="horizontal",...E})=>{let{header:z,headerLabel:m,headerValue:C}=p({headerAlign:s$1}),H=useCollapsibleContext();return jsxs("div",{...E,className:z({className:r}),children:[s$1==="horizontal"&&jsxs("p",{className:C(),children:[jsx("b",{className:m(),children:a}),t$1]}),jsxs("div",{className:"flex items-center justify-between gap-2",children:[s$1==="vertical"&&jsx("p",{className:m(),children:a}),jsxs("div",{className:"flex items-center gap-2",children:[n&&jsx(d,{...n,size:"xs",type:"light"}),l&&jsx(c,{...l,type:"light"}),d$1?.map((L,P)=>createElement(c$1,{...L,key:P,variant:"standard",size:"xs"})),o&&jsx(b,{size:"sm",content:o.tooltipContent,disabled:!o.tooltipContent,children:jsx(c$2,{...o,size:"xs",variant:"standard"})}),jsx(Collapsible.Trigger,{asChild:true,children:jsx(c$1,{Icon:H.open?s:t,variant:"standard",size:"xs"})})]})]}),s$1==="vertical"&&jsx("p",{className:C(),children:t$1})]})},K=({className:a,...t})=>{let{contentInner:r,content:o}=p();return jsx(Collapsible.Content,{className:o(),children:jsx("div",{...t,className:r({className:a})})})},Q=({className:a,...t})=>{let{fixedContent:r}=p();return jsx("div",{...t,className:r({className:a})})},W=({className:a,onOpenChange:t,children:r,...o})=>{let{root:n}=p(),l=useCallback(d=>{t?.(d);},[t]);return jsx(Collapsible.Root,{onOpenChange:l,className:n({className:a}),...o,children:r})};export{J as a,K as b,Q as c,W as d};
@@ -1,9 +1,70 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+ import { VariantProps } from 'tailwind-variants';
3
+ import { LucideIcon } from 'lucide-react';
1
4
  import { FC } from 'react';
2
5
 
3
- type Props = {
6
+ declare const ChipExpandableVariants: readonly ["success", "info", "warning", "error", "generic", "neutral"];
7
+ declare const ChipExpandableTypes: readonly ["light", "full"];
8
+ type ChipExpandableVariantType = (typeof ChipExpandableVariants)[number];
9
+ type ChipExpandableTypeType = (typeof ChipExpandableTypes)[number];
10
+ declare const chipExpandable: tailwind_variants.TVReturnType<{
11
+ variant: {
12
+ success: string;
13
+ info: string;
14
+ warning: string;
15
+ error: string;
16
+ generic: string;
17
+ neutral: string;
18
+ };
19
+ type: {
20
+ light: string;
21
+ full: string;
22
+ };
23
+ }, {
24
+ container: string;
25
+ icon: string;
26
+ text: string;
27
+ }, undefined, {
28
+ variant: {
29
+ success: string;
30
+ info: string;
31
+ warning: string;
32
+ error: string;
33
+ generic: string;
34
+ neutral: string;
35
+ };
36
+ type: {
37
+ light: string;
38
+ full: string;
39
+ };
40
+ }, {
41
+ container: string;
42
+ icon: string;
43
+ text: string;
44
+ }, tailwind_variants.TVReturnType<{
45
+ variant: {
46
+ success: string;
47
+ info: string;
48
+ warning: string;
49
+ error: string;
50
+ generic: string;
51
+ neutral: string;
52
+ };
53
+ type: {
54
+ light: string;
55
+ full: string;
56
+ };
57
+ }, {
58
+ container: string;
59
+ icon: string;
60
+ text: string;
61
+ }, undefined, unknown, unknown, undefined>>;
62
+ type ChipExpandableProps = {
4
63
  label: string;
5
- variant: "info" | "success" | "warning" | "error";
6
- };
7
- declare const ChipExpandable: FC<Props>;
64
+ variant: ChipExpandableVariantType;
65
+ type: ChipExpandableTypeType;
66
+ StartIcon?: LucideIcon;
67
+ } & Omit<VariantProps<typeof chipExpandable>, "size"> & Required<Pick<VariantProps<typeof chipExpandable>, "variant">> & Required<Pick<VariantProps<typeof chipExpandable>, "type">>;
68
+ declare const ChipExpandable: FC<ChipExpandableProps>;
8
69
 
9
- export { ChipExpandable };
70
+ export { ChipExpandable, type ChipExpandableProps, type ChipExpandableTypeType, ChipExpandableTypes, type ChipExpandableVariantType, ChipExpandableVariants };
@@ -1,9 +1,70 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+ import { VariantProps } from 'tailwind-variants';
3
+ import { LucideIcon } from 'lucide-react';
1
4
  import { FC } from 'react';
2
5
 
3
- type Props = {
6
+ declare const ChipExpandableVariants: readonly ["success", "info", "warning", "error", "generic", "neutral"];
7
+ declare const ChipExpandableTypes: readonly ["light", "full"];
8
+ type ChipExpandableVariantType = (typeof ChipExpandableVariants)[number];
9
+ type ChipExpandableTypeType = (typeof ChipExpandableTypes)[number];
10
+ declare const chipExpandable: tailwind_variants.TVReturnType<{
11
+ variant: {
12
+ success: string;
13
+ info: string;
14
+ warning: string;
15
+ error: string;
16
+ generic: string;
17
+ neutral: string;
18
+ };
19
+ type: {
20
+ light: string;
21
+ full: string;
22
+ };
23
+ }, {
24
+ container: string;
25
+ icon: string;
26
+ text: string;
27
+ }, undefined, {
28
+ variant: {
29
+ success: string;
30
+ info: string;
31
+ warning: string;
32
+ error: string;
33
+ generic: string;
34
+ neutral: string;
35
+ };
36
+ type: {
37
+ light: string;
38
+ full: string;
39
+ };
40
+ }, {
41
+ container: string;
42
+ icon: string;
43
+ text: string;
44
+ }, tailwind_variants.TVReturnType<{
45
+ variant: {
46
+ success: string;
47
+ info: string;
48
+ warning: string;
49
+ error: string;
50
+ generic: string;
51
+ neutral: string;
52
+ };
53
+ type: {
54
+ light: string;
55
+ full: string;
56
+ };
57
+ }, {
58
+ container: string;
59
+ icon: string;
60
+ text: string;
61
+ }, undefined, unknown, unknown, undefined>>;
62
+ type ChipExpandableProps = {
4
63
  label: string;
5
- variant: "info" | "success" | "warning" | "error";
6
- };
7
- declare const ChipExpandable: FC<Props>;
64
+ variant: ChipExpandableVariantType;
65
+ type: ChipExpandableTypeType;
66
+ StartIcon?: LucideIcon;
67
+ } & Omit<VariantProps<typeof chipExpandable>, "size"> & Required<Pick<VariantProps<typeof chipExpandable>, "variant">> & Required<Pick<VariantProps<typeof chipExpandable>, "type">>;
68
+ declare const ChipExpandable: FC<ChipExpandableProps>;
8
69
 
9
- export { ChipExpandable };
70
+ export { ChipExpandable, type ChipExpandableProps, type ChipExpandableTypeType, ChipExpandableTypes, type ChipExpandableVariantType, ChipExpandableVariants };
@@ -1 +1 @@
1
- 'use strict';var jsxRuntime=require('react/jsx-runtime');var t=({label:r,variant:n="info"})=>jsxRuntime.jsx("div",{"data-variant":n,className:"group flex h-4.5 w-4.5 min-w-4.5 break-all rounded-full bg-primary-300 px-2 py-0.25 text-primary-600 transition-all hover:w-fit hover:slide-in-from-left data-[variant=error]:bg-ace-300 data-[variant=info]:bg-frankie-300 data-[variant=success]:bg-ussop-300 data-[variant=warning]:bg-piiman-300",children:jsxRuntime.jsx("span",{className:"line-clamp-1 hidden text-xs leading-[130%] group-hover:block group-hover:animate-in group-hover:fade-in group-data-[variant=error]:text-polartang-800 group-data-[variant=info]:text-jackson-800 group-data-[variant=success]:text-sunny-800 group-data-[variant=warning]:text-polartang-800",children:r})});exports.ChipExpandable=t;
1
+ 'use strict';var tailwindVariants=require('tailwind-variants'),jsxRuntime=require('react/jsx-runtime');var g=["success","info","warning","error","generic","neutral"],h=["light","full"],l=tailwindVariants.tv({slots:{container:"group/expandable-chip ml-auto flex h-4.5 w-4.5 min-w-4.5 origin-right items-center justify-center overflow-hidden rounded-full px-0.5 py-0.25 transition-all duration-300 ease-in-out hover:w-fit hover:justify-start hover:px-2",icon:"h-3.5 w-3.5 shrink-0 transition-all duration-300 group-hover/expandable-chip:mr-2",text:"w-0 overflow-hidden text-xs leading-[130%] whitespace-nowrap opacity-0 transition-all duration-300 group-hover/expandable-chip:w-auto group-hover/expandable-chip:opacity-100"},variants:{variant:{success:"",info:"",warning:"",error:"",generic:"",neutral:""},type:{light:"",full:""}},compoundVariants:[{variant:"success",type:"light",className:{container:"bg-success-100 text-success-700",icon:"text-success-700",text:"text-success-700"}},{variant:"success",type:"full",className:{container:"bg-success-300",icon:"text-neutral-50",text:"text-neutral-50"}},{variant:"info",type:"light",className:{container:"bg-info-100",icon:"text-info-700",text:"text-info-700"}},{variant:"info",type:"full",className:{container:"bg-info-300",icon:"text-neutral-50",text:"text-neutral-50"}},{variant:"warning",type:"light",className:{container:"bg-warning-100",icon:"text-warning-700",text:"text-warning-700"}},{variant:"warning",type:"full",className:{container:"bg-warning-500",icon:"text-warning-900",text:"text-warning-900"}},{variant:"error",type:"light",className:{container:"bg-error-100",icon:"text-error-700",text:"text-error-700"}},{variant:"error",type:"full",className:{container:"bg-error-500",icon:"text-neutral-50",text:"text-neutral-50"}},{variant:"generic",type:"light",className:{container:"bg-primary-200",icon:"text-primary-600",text:"text-primary-600"}},{variant:"generic",type:"full",className:{container:"bg-primary-500",icon:"text-neutral-50",text:"text-neutral-50"}},{variant:"neutral",type:"light",className:{container:"bg-neutral-100",icon:"text-neutral-700",text:"text-neutral-700"}},{variant:"neutral",type:"full",className:{container:"bg-neutral-300",icon:"text-neutral-100",text:"text-neutral-100"}}]}),y=({label:a,variant:n,type:r,StartIcon:t})=>{let{container:i,icon:o,text:p}=l({variant:n,type:r});return jsxRuntime.jsxs("div",{className:i(),children:[t&&jsxRuntime.jsx(t,{className:o()}),jsxRuntime.jsx("span",{className:p(),children:a})]})};exports.ChipExpandable=y;exports.ChipExpandableTypes=h;exports.ChipExpandableVariants=g;
@@ -1 +1 @@
1
- export{a as ChipExpandable}from'../chunk-ZZPJYT6F.mjs';
1
+ export{c as ChipExpandable,b as ChipExpandableTypes,a as ChipExpandableVariants}from'../chunk-GBBE3RHT.mjs';
@@ -6,7 +6,7 @@ type ChipFormComplementaryVariantsType = (typeof ChipFormComplementaryVariants)[
6
6
  declare const ChipFormComplementaryVariantsClassNames: Record<ChipFormComplementaryVariantsType, string>;
7
7
  declare const chipForm: (props?: ({
8
8
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
9
- size?: "sm" | "md" | undefined;
9
+ size?: "md" | "sm" | undefined;
10
10
  selected?: boolean | undefined;
11
11
  disabled?: boolean | undefined;
12
12
  } & ({
@@ -74,7 +74,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
74
74
  children?: React__default.ReactNode | undefined;
75
75
  } & Omit<VariantProps<(props?: ({
76
76
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
77
- size?: "sm" | "md" | undefined;
77
+ size?: "md" | "sm" | undefined;
78
78
  selected?: boolean | undefined;
79
79
  disabled?: boolean | undefined;
80
80
  } & ({
@@ -133,7 +133,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
133
133
  } | null | undefined;
134
134
  })) | undefined) => string>, "variant"> & Required<Pick<VariantProps<(props?: ({
135
135
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
136
- size?: "sm" | "md" | undefined;
136
+ size?: "md" | "sm" | undefined;
137
137
  selected?: boolean | undefined;
138
138
  disabled?: boolean | undefined;
139
139
  } & ({
@@ -6,7 +6,7 @@ type ChipFormComplementaryVariantsType = (typeof ChipFormComplementaryVariants)[
6
6
  declare const ChipFormComplementaryVariantsClassNames: Record<ChipFormComplementaryVariantsType, string>;
7
7
  declare const chipForm: (props?: ({
8
8
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
9
- size?: "sm" | "md" | undefined;
9
+ size?: "md" | "sm" | undefined;
10
10
  selected?: boolean | undefined;
11
11
  disabled?: boolean | undefined;
12
12
  } & ({
@@ -74,7 +74,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
74
74
  children?: React__default.ReactNode | undefined;
75
75
  } & Omit<VariantProps<(props?: ({
76
76
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
77
- size?: "sm" | "md" | undefined;
77
+ size?: "md" | "sm" | undefined;
78
78
  selected?: boolean | undefined;
79
79
  disabled?: boolean | undefined;
80
80
  } & ({
@@ -133,7 +133,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
133
133
  } | null | undefined;
134
134
  })) | undefined) => string>, "variant"> & Required<Pick<VariantProps<(props?: ({
135
135
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
136
- size?: "sm" | "md" | undefined;
136
+ size?: "md" | "sm" | undefined;
137
137
  selected?: boolean | undefined;
138
138
  disabled?: boolean | undefined;
139
139
  } & ({
@@ -15,11 +15,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
15
15
  children?: React__default.ReactNode | undefined;
16
16
  } & Omit<Omit<VariantProps<(props?: ({
17
17
  variant?: "standard" | "primary" | undefined;
18
- type?: "fill" | "outlined" | "ghost" | undefined;
18
+ type?: "outlined" | "ghost" | "fill" | undefined;
19
19
  selected?: boolean | undefined;
20
20
  disabled?: boolean | undefined;
21
21
  duotone?: boolean | undefined;
22
- size?: "sm" | "md" | "xs" | undefined;
22
+ size?: "md" | "sm" | "xs" | undefined;
23
23
  } & ({
24
24
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
25
25
  [x: string]: any;
@@ -76,11 +76,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
76
76
  } | null | undefined;
77
77
  })) | undefined) => string>, "variant">, "type"> & Required<Pick<VariantProps<(props?: ({
78
78
  variant?: "standard" | "primary" | undefined;
79
- type?: "fill" | "outlined" | "ghost" | undefined;
79
+ type?: "outlined" | "ghost" | "fill" | undefined;
80
80
  selected?: boolean | undefined;
81
81
  disabled?: boolean | undefined;
82
82
  duotone?: boolean | undefined;
83
- size?: "sm" | "md" | "xs" | undefined;
83
+ size?: "md" | "sm" | "xs" | undefined;
84
84
  } & ({
85
85
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
86
86
  [x: string]: any;
@@ -137,11 +137,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
137
137
  } | null | undefined;
138
138
  })) | undefined) => string>, "variant">> & Required<Pick<VariantProps<(props?: ({
139
139
  variant?: "standard" | "primary" | undefined;
140
- type?: "fill" | "outlined" | "ghost" | undefined;
140
+ type?: "outlined" | "ghost" | "fill" | undefined;
141
141
  selected?: boolean | undefined;
142
142
  disabled?: boolean | undefined;
143
143
  duotone?: boolean | undefined;
144
- size?: "sm" | "md" | "xs" | undefined;
144
+ size?: "md" | "sm" | "xs" | undefined;
145
145
  } & ({
146
146
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
147
147
  [x: string]: any;
@@ -15,11 +15,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
15
15
  children?: React__default.ReactNode | undefined;
16
16
  } & Omit<Omit<VariantProps<(props?: ({
17
17
  variant?: "standard" | "primary" | undefined;
18
- type?: "fill" | "outlined" | "ghost" | undefined;
18
+ type?: "outlined" | "ghost" | "fill" | undefined;
19
19
  selected?: boolean | undefined;
20
20
  disabled?: boolean | undefined;
21
21
  duotone?: boolean | undefined;
22
- size?: "sm" | "md" | "xs" | undefined;
22
+ size?: "md" | "sm" | "xs" | undefined;
23
23
  } & ({
24
24
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
25
25
  [x: string]: any;
@@ -76,11 +76,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
76
76
  } | null | undefined;
77
77
  })) | undefined) => string>, "variant">, "type"> & Required<Pick<VariantProps<(props?: ({
78
78
  variant?: "standard" | "primary" | undefined;
79
- type?: "fill" | "outlined" | "ghost" | undefined;
79
+ type?: "outlined" | "ghost" | "fill" | undefined;
80
80
  selected?: boolean | undefined;
81
81
  disabled?: boolean | undefined;
82
82
  duotone?: boolean | undefined;
83
- size?: "sm" | "md" | "xs" | undefined;
83
+ size?: "md" | "sm" | "xs" | undefined;
84
84
  } & ({
85
85
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
86
86
  [x: string]: any;
@@ -137,11 +137,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
137
137
  } | null | undefined;
138
138
  })) | undefined) => string>, "variant">> & Required<Pick<VariantProps<(props?: ({
139
139
  variant?: "standard" | "primary" | undefined;
140
- type?: "fill" | "outlined" | "ghost" | undefined;
140
+ type?: "outlined" | "ghost" | "fill" | undefined;
141
141
  selected?: boolean | undefined;
142
142
  disabled?: boolean | undefined;
143
143
  duotone?: boolean | undefined;
144
- size?: "sm" | "md" | "xs" | undefined;
144
+ size?: "md" | "sm" | "xs" | undefined;
145
145
  } & ({
146
146
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
147
147
  [x: string]: any;
@@ -6,7 +6,7 @@ type ChipStatusComplementaryVariantType = (typeof ChipStatusComplementaryVariant
6
6
  type ChipStatusComplementarySizeType = (typeof ChipStatusComplementarySizes)[number];
7
7
  declare const chipStatusComplementary: (props?: ({
8
8
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
9
- size?: "sm" | "md" | "xs" | undefined;
9
+ size?: "md" | "sm" | "xs" | undefined;
10
10
  } & ({
11
11
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
12
12
  [x: string]: any;
@@ -6,7 +6,7 @@ type ChipStatusComplementaryVariantType = (typeof ChipStatusComplementaryVariant
6
6
  type ChipStatusComplementarySizeType = (typeof ChipStatusComplementarySizes)[number];
7
7
  declare const chipStatusComplementary: (props?: ({
8
8
  variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
9
- size?: "sm" | "md" | "xs" | undefined;
9
+ size?: "md" | "sm" | "xs" | undefined;
10
10
  } & ({
11
11
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
12
12
  [x: string]: any;
@@ -2,7 +2,7 @@ import { VariantProps } from 'cva';
2
2
  import { HTMLAttributes, FC } from 'react';
3
3
 
4
4
  declare const chipStatusTable: (props?: ({
5
- variant?: "success" | "info" | "warning" | "error" | "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
5
+ variant?: "info" | "warning" | "success" | "error" | "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
6
6
  } & ({
7
7
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
8
8
  [x: string]: any;
@@ -2,7 +2,7 @@ import { VariantProps } from 'cva';
2
2
  import { HTMLAttributes, FC } from 'react';
3
3
 
4
4
  declare const chipStatusTable: (props?: ({
5
- variant?: "success" | "info" | "warning" | "error" | "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
5
+ variant?: "info" | "warning" | "success" | "error" | "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
6
6
  } & ({
7
7
  class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
8
8
  [x: string]: any;
@@ -3,6 +3,7 @@ import { CollapsibleRootProps } from '@ark-ui/react/collapsible';
3
3
  import { ButtonProps } from './button.mjs';
4
4
  import { ChipStatusProps } from './chip-status.mjs';
5
5
  import { IconButtonProps } from './icon-button.mjs';
6
+ import { ChipExpandableProps } from './chip-expandable.mjs';
6
7
  import 'tailwind-variants';
7
8
  import 'lucide-react';
8
9
  import 'cva';
@@ -16,6 +17,7 @@ type ExpandableCardHeaderProps = {
16
17
  tooltipContent?: string;
17
18
  };
18
19
  chipStatus?: Omit<ChipStatusProps, "size" | "type">;
20
+ chipExpandable?: Omit<ChipExpandableProps, "size" | "type">;
19
21
  iconButtons?: (IconButtonProps & Omit<HTMLAttributes<HTMLDivElement>, "size" | "variant">)[];
20
22
  headerAlign?: ExpandableCardHeaderAlign;
21
23
  } & HTMLAttributes<HTMLDivElement>;
@@ -3,6 +3,7 @@ import { CollapsibleRootProps } from '@ark-ui/react/collapsible';
3
3
  import { ButtonProps } from './button.js';
4
4
  import { ChipStatusProps } from './chip-status.js';
5
5
  import { IconButtonProps } from './icon-button.js';
6
+ import { ChipExpandableProps } from './chip-expandable.js';
6
7
  import 'tailwind-variants';
7
8
  import 'lucide-react';
8
9
  import 'cva';
@@ -16,6 +17,7 @@ type ExpandableCardHeaderProps = {
16
17
  tooltipContent?: string;
17
18
  };
18
19
  chipStatus?: Omit<ChipStatusProps, "size" | "type">;
20
+ chipExpandable?: Omit<ChipExpandableProps, "size" | "type">;
19
21
  iconButtons?: (IconButtonProps & Omit<HTMLAttributes<HTMLDivElement>, "size" | "variant">)[];
20
22
  headerAlign?: ExpandableCardHeaderAlign;
21
23
  } & HTMLAttributes<HTMLDivElement>;