sodtrack-web-ui 0.73.10 → 0.74.1

package/dist/chunk-6XGCZ647.mjs

@@ -0,0 +1 @@
+import {b}from'./chunk-PF2FHSIC.mjs';import {q,d,g}from'./chunk-4HYLZVI5.mjs';import {a}from'./chunk-BO6XI5BE.mjs';import {Portal}from'@ark-ui/react/portal';import {createListCollection,Select}from'@ark-ui/react/select';import {forwardRef,useMemo,useCallback}from'react';import {jsxs,jsx}from'react/jsx-runtime';var K=forwardRef((l,w)=>{let{className:S,label:d$1,required:v,tooltip:c,error:o,isItemDisabled:u,value:m,helperText:y,placeholder:C,onValueChange:p,defaultValue:g$1,options:f,...O}=l,i=Object.getOwnPropertyNames(l),x=useMemo(()=>createListCollection({items:f,isItemDisabled:u}),[f,u]),I=useCallback(a=>{let V=a.items.at(0);p?.(V?.value??null);},[p]);if(i.includes("defaultValue")&&i.includes("value"))throw new Error("Cannot set both defaultValue and value props on Select. Use one or the other.");return jsxs(Select.Root,{ref:w,"data-error":o,collection:x,className:a("group flex flex-col gap-2",S),positioning:{placement:"bottom-end"},onValueChange:I,value:i.includes("value")?m?[m]:[]:void 0,defaultValue:g$1?[g$1]:void 0,...O,children:[jsxs(Select.Label,{className:"font-inter flex items-center text-xs leading-[133.33%] font-medium text-neutral-700 data-[disabled]:text-neutral-400",children:[v?jsxs("span",{className:"flex items-center gap-1",children:[jsx("span",{className:"text-red-500",children:"*"}),d$1]}):d$1,c&&jsx(b,{content:c,size:"sm",className:"ml-2",children:jsx(q,{className:"size-3.5"})})]}),jsx(Select.Control,{className:a("group/control data-[focus]:ring-primary-800 group-data-[error=true]:ring-error-500 relative flex h-10 w-full justify-between overflow-hidden rounded-lg bg-neutral-50 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",l.readOnly&&"pointer-events-none"),children:jsxs(Select.Trigger,{className:"flex w-full cursor-pointer items-center justify-between gap-2 px-3 text-neutral-900 group-data-[disabled]/control:text-neutral-400 disabled:cursor-not-allowed data-[placeholder-shown]:text-neutral-500",children:[jsx(Select.ValueText,{className:a("font-inter w-full py-2.5 text-left text-sm",l.readOnly&&"pointer-events-none",o&&"pr-16"),placeholder:C}),!l.readOnly&&jsx(Select.ClearTrigger,{onClick:a=>a.stopPropagation(),className:a("cursor-pointer",l.readOnly&&"pointer-events-none"),tabIndex:l.readOnly?-1:void 0,children:jsx(d,{className:"size-4.5 text-neutral-700"})}),o&&jsx(q,{className:"text-error-500 size-4.5 shrink-0"}),jsx(Select.Indicator,{className:a("flex shrink-0 items-center justify-center text-neutral-700 transition-shadow group-data-[disabled]/control:text-neutral-400 group-data-[readonly]:text-neutral-400",l.readOnly&&"pointer-events-none"),tabIndex:l.readOnly?-1:void 0,children:jsx(g,{className:"size-4.5"})})]})}),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:y}),jsx(Portal,{children:jsx(Select.Positioner,{className:"!z-10000",children:jsx(Select.Content,{className:"elevation-9 max-h-67.5 w-[var(--reference-width)] overflow-auto rounded-lg bg-neutral-50",children:x.items.map(a=>jsx(Select.Item,{item:a,className:"font-inter data-[highlighted]:bg-primary-100 cursor-pointer py-3 pr-2.5 pl-3 text-sm font-medium data-[disabled]:cursor-not-allowed data-[disabled]:text-neutral-400",children:jsx(Select.ItemText,{children:a.label})},a.value))})})}),jsx(Select.HiddenSelect,{})]})});export{K as a};

package/dist/chunk-IWQYO3WW.mjs

@@ -0,0 +1 @@
+import {b}from'./chunk-PF2FHSIC.mjs';import {q,d,v}from'./chunk-4HYLZVI5.mjs';import {a}from'./chunk-BO6XI5BE.mjs';import {Portal}from'@ark-ui/react/portal';import {createListCollection,Select}from'@ark-ui/react/select';import {forwardRef,useMemo,useCallback}from'react';import {jsxs,jsx}from'react/jsx-runtime';var z=["00:00","00:30","01:00","01:30","02:00","02:30","03:00","03:30","04:00","04:30","05:00","05:30","06:00","06:30","07:00","07:30","08:00","08:30","09:00","09:30","10:00","10:30","11:00","11:30","12:00","12:30","13:00","13:30","14:00","14:30","15:00","15:30","16:00","16:30","17:00","17:30","18:00","18:30","19:00","19:30","20:00","20:30","21:00","21:30","22:00","22:30","23:00","23:30"],D="00:00",K=forwardRef((r,N)=>{let{className:y,label:s,required:w,tooltip:d$1,error:u,isItemDisabled:c,value:g,helperText:C,placeholder:v$1=D,onValueChange:m,defaultValue:p,...S}=r,o=Object.getOwnPropertyNames(r),f=useMemo(()=>createListCollection({items:z,isItemDisabled:c}),[c]),T=useCallback(l=>{m?.(l.value.at(0)??null);},[m]);if(o.includes("defaultValue")&&o.includes("value"))throw new Error("Cannot set both defaultValue and value props on TimePickerNew. Use one or the other.");return jsxs(Select.Root,{ref:N,"data-error":u,collection:f,className:a("group flex flex-col gap-2",y),positioning:{placement:"bottom-end"},onValueChange:T,value:o.includes("value")?g?[g]:[]:void 0,defaultValue:p?[p]:void 0,...S,children:[jsxs(Select.Label,{className:"font-inter flex items-center text-xs leading-[133.33%] font-medium text-neutral-700 data-[disabled]:text-neutral-400",children:[w?jsxs("span",{className:"flex items-center gap-1",children:[jsx("span",{className:"text-red-500",children:"*"}),s]}):s,d$1&&jsx(b,{content:d$1,size:"sm",className:"ml-2",children:jsx(q,{className:"size-3.5"})})]}),jsx(Select.Control,{className:a("group/control data-[focus]:ring-primary-800 group-data-[error=true]:ring-error-500 relative flex h-10 w-full justify-between overflow-hidden rounded-lg bg-neutral-50 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",r.readOnly&&"pointer-events-none"),children:jsxs(Select.Trigger,{className:"flex w-full cursor-pointer items-center gap-1 text-neutral-900 group-data-[disabled]/control:text-neutral-400 disabled:cursor-not-allowed data-[placeholder-shown]:text-neutral-500",children:[jsx(Select.ValueText,{className:a("font-inter min-w-0 flex-1 py-2.5 pl-3 text-left text-sm",r.readOnly&&"pointer-events-none"),placeholder:v$1}),!r.readOnly&&jsx(Select.ClearTrigger,{className:a("z-10 cursor-pointer",r.readOnly&&"pointer-events-none"),tabIndex:r.readOnly?-1:void 0,children:jsx(d,{className:"size-4.5 text-neutral-700"})}),u&&jsx(q,{className:"text-error-500 z-10 size-4.5 cursor-pointer"}),jsx(Select.Indicator,{className:a("group-data-[focus]/control:ring-primary-800 group-data-[error=true]:ring-error-500 ml-2 flex h-full w-10 shrink-0 items-center justify-center bg-neutral-100 text-neutral-700 ring ring-neutral-500 transition-shadow group-data-[disabled]/control:text-neutral-400 group-data-[disabled]/control:ring-neutral-400 group-data-[error=true]:ring-2 group-data-[focus]/control:ring-2 group-data-[readonly]:text-neutral-400 group-data-[readonly]:ring-neutral-300",r.readOnly&&"pointer-events-none"),tabIndex:r.readOnly?-1:void 0,children:jsx(v,{className:"size-4.5"})})]})}),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:C}),jsx(Portal,{children:jsx(Select.Positioner,{className:"!z-10000",children:jsx(Select.Content,{className:"elevation-9 max-h-67.5 min-w-27.5 overflow-auto rounded-lg bg-neutral-50",children:f.items.map(l=>jsx(Select.Item,{item:l,className:"font-inter data-[highlighted]:bg-primary-100 cursor-pointer py-3 pr-2.5 pl-3 text-sm font-medium data-[disabled]:cursor-not-allowed data-[disabled]:text-neutral-400",children:jsx(Select.ItemText,{children:l})},l))})})}),jsx(Select.HiddenSelect,{})]})});export{K as a};

package/dist/components/index.d.mts

@@ -56,6 +56,7 @@ export { CardForm, CardFormBody, CardFormFooter, CardFormHeader, CardFormProps }
 export { TextFieldNew, TextFieldNewProps } from './text-field-new.mjs';
 export { AutocompleteNew, AutocompleteNewOption } from './autocomplete-new.mjs';
 export { ListItemCheckboxLeft } from './list-item-checkbox-left.mjs';
+export { SelectNew, SelectNewOption, SelectNewProps } from './select-new.mjs';
 import * as Dialog from '@radix-ui/react-dialog';
 export { Dialog as DialogPrimitive };
 import * as AccordionPrimitive from '@radix-ui/react-accordion';

package/dist/components/index.d.ts

@@ -56,6 +56,7 @@ export { CardForm, CardFormBody, CardFormFooter, CardFormHeader, CardFormProps }
 export { TextFieldNew, TextFieldNewProps } from './text-field-new.js';
 export { AutocompleteNew, AutocompleteNewOption } from './autocomplete-new.js';
 export { ListItemCheckboxLeft } from './list-item-checkbox-left.js';
+export { SelectNew, SelectNewOption, SelectNewProps } from './select-new.js';
 import * as Dialog from '@radix-ui/react-dialog';
 export { Dialog as DialogPrimitive };
 import * as AccordionPrimitive from '@radix-ui/react-accordion';