sodtrack-web-ui 0.87.0 → 0.87.2

package/dist/chunk-AI4D6AOK.mjs

@@ -1 +0,0 @@
-import {forwardRef}from'react';import {tv}from'tailwind-variants';import {jsx}from'react/jsx-runtime';var N=["lg","md","sm","xs"],B=["contained","secondary","outlined","ghost","standard"],g=tv({slots:{container:"font-inter flex items-center justify-center text-base font-semibold transition-all ring-inset",icon:""},variants:{variant:{contained:{},secondary:{},outlined:{},ghost:{},standard:{}},size:{lg:{container:"h-12 w-12 rounded-lg",icon:"h-6 w-6"},md:{container:"h-10 w-10 rounded-lg",icon:"h-6 w-6"},sm:{container:"h-8 w-8 rounded-lg",icon:"h-4.5 w-4.5"},xs:{container:"h-5.5 w-5.5 rounded-sm",icon:"h-4.5 w-4.5"}},disabled:{true:{},false:{}}},compoundVariants:[{disabled:true,className:{container:"cursor-not-allowed text-neutral-400"}},{disabled:false,className:{container:"cursor-pointer"}},{disabled:false,variant:"contained",className:{container:"bg-primary-500 hover:bg-primary-600 focus:bg-primary-500 focus:ring-primary-800 active:bg-primary-700 text-neutral-50 focus:ring-[3px] focus:ring-inset active:ring-0"}},{disabled:true,variant:"contained",className:{container:"bg-neutral-100 ring-0"}},{disabled:false,variant:"secondary",className:{container:"text-primary-500 ring-primary-500 hover:bg-transparent-primary-20 hover:text-primary-600 hover:ring-primary-600 focus:text-primary-500 focus:ring-primary-800 active:bg-transparent-primary-40 active:text-primary-700 active:ring-primary-700 ring-[1.5px] ring-inset focus:bg-neutral-50/0 focus:ring-[3px] active:ring-[1.5px]"}},{disabled:true,variant:"secondary",className:{container:"ring-neutral-400 disabled:ring-[1.5px]"}},{disabled:false,variant:"outlined",className:{container:"hover:bg-transparent-primary-20 active:bg-transparent-primary-40 text-neutral-900 ring-[1.5px] ring-neutral-900 focus:ring-[3px]"}},{disabled:true,variant:"outlined",className:{container:"text-neutral-400 ring-[1.5px] ring-neutral-400"}},{disabled:false,variant:"ghost",className:{container:"text-primary-500 hover:bg-transparent-primary-20 hover:text-primary-600 focus:ring-primary-800 active:bg-transparent-primary-40 active:text-primary-700 focus:bg-neutral-50/0 focus:ring-[3px] focus:ring-inset active:ring-0"}},{disabled:true,variant:"ghost",className:{container:""}},{disabled:false,variant:"standard",className:{container:"hover:bg-transparent-primary-20 focus:bg-opacity-0 focus:ring-primary-800 active:bg-transparent-primary-40 text-neutral-900 focus:bg-neutral-50 focus:ring-[3px] focus:ring-inset active:ring-0"}},{disabled:true,variant:"standard",className:{container:""}}],defaultVariants:{variant:"contained",size:"sm",disabled:false}}),w=forwardRef(({className:r,variant:n,disabled:t,Icon:e,size:i,type:s="button",iconClassName:o,...c},l)=>{let{container:d,icon:u}=g({variant:n,size:i,disabled:t});return jsx("button",{ref:l,disabled:t,className:d({className:r}),type:s,...c,children:jsx(e,{className:u({className:o})})})});export{N as a,B as b,w as c};

package/dist/chunk-JWB3TN2C.mjs

@@ -1 +0,0 @@
-import {a as a$1}from'./chunk-5VHBHGBZ.mjs';import {a}from'./chunk-XJD5SYZJ.mjs';import c,{forwardRef}from'react';import {tv}from'tailwind-variants';import {jsxs,jsx}from'react/jsx-runtime';var M=["xs","sm","md","lg"],T=["contained","outlined","ghost","standard","link","secondary","white"],I=tv({slots:{button:"font-inter flex shrink-0 items-center justify-center gap-2 rounded-lg text-base leading-[130%] font-semibold transition-all ease-linear disabled:cursor-not-allowed disabled:ring-0",icon:"",loadingIcon:"absolute animate-spin text-neutral-400"},variants:{size:{lg:{button:"h-12 px-4",icon:"h-4.5 w-4.5",loadingIcon:"h-4.5 w-4.5"},md:{button:"h-10 px-4 text-sm leading-[130%]",icon:"h-4.5 w-4.5",loadingIcon:"h-4.5 w-4.5"},sm:{button:"h-8 gap-1 px-3 text-sm leading-[130%]",icon:"h-3.5 w-3.5",loadingIcon:"h-3.5 w-3.5"},xs:{button:"h-6 gap-1 rounded-[6px] px-3 text-xs leading-[130%]",icon:"h-3.5 w-3.5",loadingIcon:"h-3.5 w-3.5"}},variant:{contained:{button:"bg-primary-500 hover:bg-primary-600 focus:bg-primary-500 focus:ring-primary-800 active:bg-primary-700 text-neutral-50 focus:ring-[3px] focus:ring-inset active:ring-0 disabled:bg-neutral-100 disabled:text-neutral-400"},secondary:{button:"text-primary-500 ring-primary-500 hover:bg-transparent-primary-20 hover:text-primary-600 hover:ring-primary-600 focus:ring-primary-800 active:bg-transparent-primary-40 active:text-primary-700 active:ring-primary-700 ring-[1.5px] ring-inset focus:ring-[3px] disabled:bg-neutral-50/0 disabled:text-neutral-400 disabled:ring-[1.5px] disabled:ring-neutral-400"},outlined:{button:"focus:bg-opacity-0 focus:ring-primary-900 [&:not([disabled])]:hover:bg-transparent-primary-20 [&:not([disabled])]:active:bg-transparent-primary-40 leading-[130%] text-neutral-900 ring-[1.5px] ring-neutral-900 ring-inset focus:bg-neutral-50 focus:ring-[3px] active:ring-[1.5px] disabled:bg-neutral-50/0 disabled:text-neutral-400 disabled:ring-[1.5px] disabled:ring-neutral-400"},ghost:{button:"text-primary-500 hover:bg-transparent-primary-20 hover:text-primary-600 focus:bg-opacity-0 focus:ring-primary-800 active:bg-transparent-primary-40 active:text-primary-700 disabled:bg-opacity-0 focus:bg-neutral-50 focus:ring-[3px] focus:ring-inset active:ring-0 disabled:bg-neutral-50 disabled:text-neutral-400"},standard:{button:"hover:bg-transparent-primary-20 focus:ring-primary-800 active:bg-transparent-primary-40 disabled:bg-opacity-0 text-neutral-900 focus:bg-neutral-50/0 focus:ring-[3px] focus:ring-inset active:ring-0 disabled:bg-neutral-50 disabled:text-neutral-400"},link:{button:"text-primary-500 hover:bg-transparent-primary-20 hover:text-primary-600 focus:text-primary-500 focus:ring-primary-800 active:bg-transparent-primary-40 active:text-primary-700 disabled:bg-opacity-0 underline underline-offset-2 focus:bg-neutral-50/0 focus:ring-[3px] focus:ring-inset active:ring-0 disabled:bg-neutral-50 disabled:text-neutral-400"},white:{button:"bg-neutral-50 text-neutral-900"}},loading:{true:{button:"disabled:text-opacity-0 disabled:text-neutral-50"}}},defaultVariants:{variant:"contained",size:"md",loading:false,disabled:false}}),V=forwardRef(({children:d,className:u,variant:p,size:g,startIcon:a$2,endIcon:n,loading:e,disabled:b,type:m="button",StartIcon:i,EndIcon:o,...x},y)=>{let{button:f,icon:t,loadingIcon:v}=I({variant:p,size:g,loading:e});return jsxs("button",{...x,ref:y,disabled:e||b,className:a(f(),u),type:m,children:[e&&jsx(a$1,{className:v()}),a$2&&c.cloneElement(a$2,{className:t()}),i&&jsx(i,{className:t()}),d,n&&c.cloneElement(n,{className:t()}),o&&jsx(o,{className:t()})]})});export{M as a,T as b,V as c};

package/dist/chunk-SVAYP3BB.mjs

@@ -1 +0,0 @@
-import {a as a$1}from'./chunk-DHWOGUID.mjs';import {q,d,g}from'./chunk-5VHBHGBZ.mjs';import {a}from'./chunk-XJD5SYZJ.mjs';import {useListCollection,useCombobox,Combobox,useComboboxContext}from'@ark-ui/react/combobox';import {useFilter}from'@ark-ui/react/locale';import {Portal}from'@ark-ui/react/portal';import {useRef,useCallback,useEffect}from'react';import {jsxs,jsx}from'react/jsx-runtime';var K=({title:n,titleLines:l=2,description:a$1,descriptionLines:p=1,Icon:u,iconAsColumn:s=true,className:c,...m})=>jsxs("div",{className:a("flex gap-2 py-4 pl-4 pr-6",s&&"flex-col items-center gap-1",!s&&!a$1&&"items-center"),...m,children:[u&&jsx(u,{className:a("shrink-0 text-neutral-300"),size:24}),jsxs("div",{className:a("flex flex-col gap-1",s&&"text-center"),children:[jsx("p",{className:a("leading-[130%] text-neutral-500",!!a$1&&"font-medium"),style:l?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:l}:void 0,children:n}),a$1&&jsx("p",{className:"text-sm leading-[130%] text-neutral-500",style:p?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:p}:void 0,children:a$1})]})]}),V=K;function _(){let n=useComboboxContext(),l=useRef(false);return n.value.length&&n.collection.size&&!l.current&&(n.syncSelectedItems(),l.current=true),null}var de=n=>{let{label:l,error:a$2,required:p,tooltip:u,readOnly:s,options:c,onInputValueChange:m,onSelect:d$1,defaultValue:v,helperText:O,noResultsTitle:k,noResultsDescription:A,noResultsIcon:D,noResultsTitleLines:M,noResultsDescriptionLines:z,value:h,className:E,...H}=n,F=Object.getOwnPropertyNames(n),b=useRef(null),{contains:G}=useFilter({sensitivity:"base"}),{collection:g$1,filter:x,set:W}=useListCollection({initialItems:[],itemToString:t=>t.label,itemToValue:t=>String(t.value),filter:G}),B=useCallback(t=>{let w=c.find(j=>String(j.value)===t.itemValue);w&&d$1?.(w);},[d$1,c]),T=useCallback(t=>{x(t.inputValue),t.reason!==void 0&&m?.(t.inputValue??"");},[x,m]),q$1=useCombobox({collection:g$1,defaultValue:v?[String(v)]:void 0,placeholder:n.placeholder,inputValue:n.inputValue,onInputValueChange:T,value:F.includes("value")?h?[String(h)]:[]:void 0,onSelect:B,inputBehavior:"autocomplete",openOnClick:true,...H}),U=useCallback(()=>{d$1?.(null),T?.({inputValue:"",reason:"clear-trigger"});},[d$1,m]);return useEffect(()=>{W(c);},[c]),useEffect(()=>{b.current&&b.current.value===""&&x("");},[x,b.current?.value]),jsxs(Combobox.RootProvider,{value:q$1,"data-error":a$2,className:a("group flex flex-col",E),children:[jsxs(Combobox.Label,{className:"font-inter flex items-center text-xs leading-[133.33%] font-medium text-neutral-700 data-[disabled]:text-neutral-400",children:[p?jsxs("span",{className:"flex items-center gap-1",children:[jsx("span",{className:"text-red-500",children:"*"}),l]}):l,u&&jsx(a$1,{content:u,className:"ml-2",children:jsx(q,{className:"size-3.5"})})]}),jsx(_,{}),jsxs(Combobox.Control,{className:a("group/control mt-1.125 data-[focus]:ring-primary-800 group-data-[error=true]:ring-error-500 relative flex h-10 w-full items-center justify-between gap-2 overflow-hidden rounded-lg bg-neutral-50 px-3 ring ring-neutral-500 transition-shadow group-data-[error=true]:ring-2 group-data-[readonly]:bg-neutral-100 group-data-[readonly]:ring-neutral-300 has-focus:ring-2 data-[disabled]:ring-neutral-400",s&&"pointer-events-none"),children:[jsx(Combobox.Input,{className:a("font-inter flex w-full justify-between text-left text-sm text-neutral-900 outline-0 group-data-[disabled]/control:text-neutral-400 disabled:cursor-not-allowed data-[placeholder-shown]:text-neutral-500",s&&"pointer-events-none",a$2&&"pr-16"),ref:b}),a$2&&jsx(q,{className:"text-error-500 size-4.5 shrink-0"}),!s&&jsx(Combobox.ClearTrigger,{className:"cursor-pointer",onClick:U,children:jsx(d,{className:"size-4.5"})}),jsx(Combobox.Trigger,{className:"cursor-pointer group-data-[disabled]/control:cursor-not-allowed group-data-[disabled]/control:text-neutral-400",children:jsx(g,{className:"size-4.5 transition-transform will-change-transform group-data-[state=open]/control:rotate-180"})})]}),jsx("p",{className:"font-inter text-2xs group-data-[error=true]:text-error-500 mt-1 leading-[133.33%] font-normal text-neutral-700 peer-data-[disabled]:text-neutral-400 empty:hidden",children:O}),jsx(Portal,{children:jsx(Combobox.Positioner,{className:"!z-10000",children:jsx(Combobox.Content,{className:"elevation-9 max-h-67.5 min-w-27.5 overflow-auto rounded-lg bg-neutral-50",children:jsxs(Combobox.ItemGroup,{children:[g$1.items.length>0&&g$1.items.map(t=>jsx(Combobox.Item,{item:t,className:"font-inter data-[highlighted]:bg-primary-100 cursor-pointer p-3 data-[disabled]:cursor-not-allowed data-[disabled]:text-neutral-400",children:jsx(Combobox.ItemText,{className:"flex flex-col gap-1",asChild:true,children:jsxs("div",{children:[jsx("p",{className:"text-sm leading-[130%] font-medium",children:t.label}),t.description&&jsx("p",{className:"text-xs leading-[130%]",children:t.description})]})})},t.value)),g$1.items.length===0&&jsx(V,{title:k,description:A,Icon:D,descriptionLines:z,titleLines:M})]})})})})]})};export{V as a,de as b};