sodtrack-web-ui 0.73.9 → 0.74.0

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-GJUAYCCM.mjs → chunk-DREL3RDM.mjs}

@@ -1 +1 @@
-import {b}from'./chunk-PF2FHSIC.mjs';import {q}from'./chunk-4HYLZVI5.mjs';import {a}from'./chunk-BO6XI5BE.mjs';import {Field}from'@ark-ui/react/field';import {forwardRef}from'react';import {jsxs,jsx}from'react/jsx-runtime';var y=forwardRef(({className:p,label:o,required:l,tooltip:n,helperText:u,error:i,...g},m)=>jsxs(Field.Root,{ref:m,"data-error":i,className:a("group flex flex-col gap-2 data-[readonly]:pointer-events-none",p),children:[jsxs(Field.Label,{className:"font-inter flex items-center text-xs leading-[133.33%] font-medium text-neutral-700 group-data-[disabled]:text-neutral-400",children:[l?jsxs("span",{className:"flex items-center gap-1",children:[jsx("span",{className:"text-red-500",children:"*"}),o]}):o,n&&jsx(b,{content:n,size:"sm",className:"ml-2",children:jsx(q,{className:"size-3.5 text-neutral-700"})})]}),jsxs("div",{className:"relative",children:[jsx(Field.Input,{required:l,className:"focus:ring-primary-800 group-data-[error=true]:ring-error-500 font-inter h-10 w-full rounded-lg bg-neutral-50 px-3 text-sm leading-[142.86%] font-normal text-neutral-900 ring ring-neutral-500 transition-all ring-inset group-data-[disabled]:text-neutral-400 group-data-[disabled]:ring-neutral-400 group-data-[error=true]:pr-10.5 group-data-[error=true]:ring-2 group-data-[readonly]:bg-neutral-100 group-data-[readonly]:ring-neutral-300 placeholder:text-neutral-500 group-data-[disabled]:placeholder:text-neutral-400 focus:ring-2 focus:outline-none",...g}),i&&jsx(q,{className:"text-error-500 absolute top-1/2 right-3 size-4.5 -translate-y-1/2 cursor-text"})]}),jsx(Field.HelperText,{className:"text-2xs group-data-[error=true]:text-error-500 font-inter -mt-1 leading-[133.33%] font-normal text-neutral-700 group-data-[disabled]:text-neutral-400 empty:hidden",children:u})]}));export{y as a};
+import {b}from'./chunk-PF2FHSIC.mjs';import {q}from'./chunk-4HYLZVI5.mjs';import {a}from'./chunk-BO6XI5BE.mjs';import {Field}from'@ark-ui/react/field';import {forwardRef}from'react';import {jsxs,jsx}from'react/jsx-runtime';var y=forwardRef(({className:p,label:o,required:l,tooltip:n,helperText:u,error:i,...g},m)=>jsxs(Field.Root,{"data-error":i,className:a("group flex flex-col gap-2 data-[readonly]:pointer-events-none",p),children:[jsxs(Field.Label,{className:"font-inter flex items-center text-xs leading-[133.33%] font-medium text-neutral-700 group-data-[disabled]:text-neutral-400",children:[l?jsxs("span",{className:"flex items-center gap-1",children:[jsx("span",{className:"text-red-500",children:"*"}),o]}):o,n&&jsx(b,{content:n,size:"sm",className:"ml-2",children:jsx(q,{className:"size-3.5 text-neutral-700"})})]}),jsxs("div",{className:"relative",children:[jsx(Field.Input,{ref:m,required:l,className:"focus:ring-primary-800 group-data-[error=true]:ring-error-500 font-inter h-10 w-full rounded-lg bg-neutral-50 px-3 text-sm leading-[142.86%] font-normal text-neutral-900 ring ring-neutral-500 transition-all ring-inset group-data-[disabled]:text-neutral-400 group-data-[disabled]:ring-neutral-400 group-data-[error=true]:pr-10.5 group-data-[error=true]:ring-2 group-data-[readonly]:bg-neutral-100 group-data-[readonly]:ring-neutral-300 placeholder:text-neutral-500 group-data-[disabled]:placeholder:text-neutral-400 focus:ring-2 focus:outline-none",...g}),i&&jsx(q,{className:"text-error-500 absolute top-1/2 right-3 size-4.5 -translate-y-1/2 cursor-text"})]}),jsx(Field.HelperText,{className:"text-2xs group-data-[error=true]:text-error-500 font-inter -mt-1 leading-[133.33%] font-normal text-neutral-700 group-data-[disabled]:text-neutral-400 empty:hidden",children:u})]}));export{y as a};

package/dist/components/chip-status-table.d.mts

@@ -2,7 +2,7 @@ import { VariantProps } from 'cva';
 import { HTMLAttributes, FC } from 'react';
 
 declare const chipStatusTable: (props?: ({
-    variant?: "error" | "success" | "info" | "warning" | "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
+    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;
 } & ({
     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 | {
         [x: string]: any;

package/dist/components/chip-status-table.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'cva';
 import { HTMLAttributes, FC } from 'react';
 
 declare const chipStatusTable: (props?: ({
-    variant?: "error" | "success" | "info" | "warning" | "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
+    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;
 } & ({
     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 | {
         [x: string]: any;

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';