sodtrack-web-ui 0.109.21 → 0.109.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sodtrack-web-ui",
-  "version": "0.109.21",
+  "version": "0.109.23",
   "type": "module",
   "description": "UI components for Sodtrack Web",
   "exports": {

package/dist/chunk-2KDSQXDD.js

@@ -1 +0,0 @@
-import {a as a$2}from'./chunk-ZMMNEYEQ.js';import {c,d}from'./chunk-QJOYOR4B.js';import {a as a$3}from'./chunk-VIMWKUML.js';import {a}from'./chunk-6MK7NLF5.js';import {v,i,h}from'./chunk-Q4CWL65C.js';import {a as a$1}from'./chunk-OBZIYJO7.js';import {DatePicker}from'@ark-ui/react/date-picker';import {Portal}from'@ark-ui/react/portal';import {forwardRef}from'react';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var H=forwardRef(({className:A,disabled:c$1,error:k,helperText:C,label:w,readOnly:n,required:h,tooltip:v$1,...N},V)=>{let u=c({error:k,disabled:c$1,readOnly:n});return jsxs(DatePicker.Root,{ref:V,...N,disabled:c$1,readOnly:n,positioning:{placement:"bottom-end"},"data-error":k||void 0,className:u.root({className:A}),children:[jsx(a,{as:DatePicker.Label,label:w,required:h,tooltip:v$1}),jsxs(DatePicker.Control,{className:a$1(u.control(),"items-center justify-between gap-2 overflow-hidden"),children:[jsx(DatePicker.Input,{className:a$1(u.input(),"peer cursor-inherit py-2.5 pl-2"),tabIndex:n?-1:void 0}),!n&&!c$1&&jsx(a$2,{as:DatePicker.ClearTrigger}),k&&jsx(d,{}),jsx(DatePicker.Trigger,{className:a$1("ring-input-ring rounded-r-input flex h-(--height-input) w-(--height-input) shrink-0 cursor-pointer items-center justify-center bg-neutral-100 text-neutral-700 ring transition-shadow focus:outline-none","peer-focus:ring-input-ring-focus focus:ring-input-ring-focus peer-focus:ring-2 focus:ring-2","group-data-[error=true]:ring-input-ring-error group-data-[error=true]:ring-2","group-data-readonly:ring-input-ring-disabled peer-read-only:text-neutral-400","disabled:ring-input-ring-disabled group-data-disabled:cursor-not-allowed"),tabIndex:n?-1:void 0,children:jsx(v,{className:"size-4.5"})})]}),jsx(a$3,{children:C}),jsx(Portal,{children:jsx(DatePicker.Positioner,{children:jsxs(DatePicker.Content,{className:"elevation-9 z-layer rounded-xl bg-neutral-50 p-3",children:[jsx(DatePicker.View,{view:"day",children:jsx(DatePicker.Context,{children:l=>jsxs(Fragment,{children:[jsx(g,{}),jsxs(DatePicker.Table,{children:[jsx(DatePicker.TableHead,{children:jsx(DatePicker.TableRow,{children:l.weekDays.map((i,o)=>jsx(DatePicker.TableHeader,{className:"font-inter h-10 text-sm font-semibold text-neutral-900",children:i.narrow},o))})}),jsx(DatePicker.TableBody,{children:l.weeks.map((i,o)=>jsx(DatePicker.TableRow,{children:i.map((r,s)=>jsx(DatePicker.TableCell,{value:r,children:jsx(DatePicker.TableCellTrigger,{className:a$1("font-inter mx-0.75 my-1 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full text-center text-sm leading-[142.86%] font-normal text-neutral-900","[&:not([data-today])]:[&:not([data-disabled])]:[&:not([data-selected])]:hover:bg-primary-50","data-outside-range:cursor-not-allowed data-outside-range:text-neutral-400","data-disabled:cursor-not-allowed data-disabled:text-neutral-400","data-selected:bg-primary-500 data-selected:text-neutral-50","data-selected:hover:bg-primary-300 data-selected:hover:text-neutral-900","data-today:ring-primary-500 [&:not([data-selected])]:[&:not([data-disabled])]:data-today:text-primary-500 [&:not([data-selected])]:data-today:ring","[&:not([data-selected])]:[&:not([data-disabled])]:data-today:hover:ring-primary-600 [&:not([data-selected])]:[&:not([data-disabled])]:data-today:hover:text-primary-600","data-disabled:data-today:text-neutral-400 data-disabled:data-today:ring-neutral-400"),children:r.day})},s))},o))})]})]})})}),jsx(DatePicker.View,{view:"month",children:jsx(DatePicker.Context,{children:l=>jsxs(Fragment,{children:[jsx(g,{}),jsx(DatePicker.Table,{children:jsx(DatePicker.TableBody,{children:l.getMonthsGrid({columns:4,format:"short"}).map((i,o)=>jsx(DatePicker.TableRow,{children:i.map((r,s)=>jsx(DatePicker.TableCell,{value:r.value,children:jsx(DatePicker.TableCellTrigger,{className:"font-inter hover:bg-primary-100 data-selected:bg-primary-200 data-selected:text-primary-600 flex h-12 w-16.5 cursor-pointer items-center justify-center rounded-lg text-center text-sm font-normal transition-colors",children:r.label})},s))},o))})})]})})}),jsx(DatePicker.View,{view:"year",children:jsx(DatePicker.Context,{children:l=>jsxs(Fragment,{children:[jsx(g,{}),jsx(DatePicker.Table,{children:jsx(DatePicker.TableBody,{children:l.getYearsGrid({columns:4}).map((i,o)=>jsx(DatePicker.TableRow,{children:i.map((r,s)=>jsx(DatePicker.TableCell,{value:r.value,children:jsx(DatePicker.TableCellTrigger,{className:"font-inter hover:bg-primary-100 data-selected:bg-primary-200 data-selected:text-primary-600 flex h-12 w-16.5 cursor-pointer items-center justify-center rounded-lg text-center text-sm font-normal transition-colors",children:r.label})},s))},o))})})]})})})]})})})]})});H.displayName="DatePicker";var g=()=>jsxs(DatePicker.ViewControl,{className:"my-1 flex items-center justify-between",children:[jsx(DatePicker.PrevTrigger,{className:"cursor-pointer p-1.75",children:jsx(i,{className:"size-4.5"})}),jsx(DatePicker.ViewTrigger,{children:jsx(DatePicker.RangeText,{className:"font-inter cursor-pointer rounded-sm px-2 text-base leading-[150%] font-semibold text-neutral-900 transition-colors"})}),jsx(DatePicker.NextTrigger,{className:"cursor-pointer p-1.75",children:jsx(h,{className:"size-4.5"})})]});export{H as a};

package/dist/chunk-4LTLOLAM.js

@@ -1 +0,0 @@
-import {b}from'./chunk-ORVJ7EFO.js';import {b as b$2}from'./chunk-6QOM3R5H.js';import {b as b$1}from'./chunk-E3WJNVAZ.js';import {a as a$1}from'./chunk-UIZFLYFP.js';import {k,l}from'./chunk-Q4CWL65C.js';import {e}from'./chunk-6V4ZY7YY.js';import {a}from'./chunk-OBZIYJO7.js';import {Checkbox}from'@ark-ui/react/checkbox';import {RadioGroupRoot,RadioGroupItem,RadioGroupItemText,RadioGroupItemControl,RadioGroupItemHiddenInput}from'@ark-ui/react/radio-group';import {createContext,useContext,isValidElement,cloneElement,useCallback}from'react';import {tv}from'tailwind-variants';import {jsx,jsxs}from'react/jsx-runtime';var m=createContext(false),xt=()=>useContext(m),I=createContext(void 0),c=tv({slots:{root:["group/list-item flex flex-row px-3 py-4 text-neutral-900 transition-colors","not-data-disabled:hover:bg-primary-100 not-data-disabled:focus:bg-primary-200","not-data-disabled:data-focus-visible:bg-primary-200","data-disabled:cursor-not-allowed data-disabled:text-neutral-600","[&:has([data-part=list-item-headline]:only-child)]:items-center"],leading:"mr-2 flex shrink-0 items-start gap-2",content:"flex w-full min-w-0 flex-col gap-1",headline:["font-inter text-sm leading-[143%] break-all","line-clamp-1"],description:["text-xs leading-[133%] text-neutral-700","line-clamp-2 group-data-disabled/list-item:text-neutral-600"],characteristics:"flex min-w-0 flex-col gap-1",characteristic:["text-xs leading-[133%] text-neutral-700","line-clamp-1 group-data-disabled/list-item:text-neutral-600"],trailing:"ml-4 flex shrink-0 items-center gap-2 self-center",icon:"size-4.5 shrink-0 group-data-disabled/list-item:text-neutral-600",control:"self-center"},variants:{selected:{true:{root:"bg-primary-200"},false:{}},interactive:{true:{root:"not-data-disabled:cursor-pointer"},false:{root:"not-data-disabled:cursor-default"}},status:{default:{},success:{root:["bg-success-20 text-success-800","not-data-disabled:hover:bg-success-50","not-data-disabled:focus:bg-success-100 not-data-disabled:data-focus-visible:bg-success-100"],description:"text-success-800",characteristic:"text-success-800"},warning:{root:["bg-warning-20 text-warning-800","not-data-disabled:hover:bg-warning-50","not-data-disabled:focus:bg-warning-100 not-data-disabled:data-focus-visible:bg-warning-100"],description:"text-warning-800",characteristic:"text-warning-800"},danger:{root:["bg-danger-20 text-danger-800","not-data-disabled:hover:bg-danger-50","not-data-disabled:focus:bg-danger-100 not-data-disabled:data-focus-visible:bg-danger-100"],description:"text-danger-800",characteristic:"text-danger-800"}}},compoundVariants:[{status:"success",selected:true,class:{root:"bg-success-100"}},{status:"warning",selected:true,class:{root:"bg-warning-100"}},{status:"danger",selected:true,class:{root:"bg-danger-100"}}],defaultVariants:{selected:false,interactive:false,status:"default"}}),V=({disabled:t=false,selected:o=false,status:s,className:i,onClick:a,children:p,...l})=>{let d=c({selected:o,interactive:!!a,status:s});return jsx("div",{className:d.root({className:i}),"data-disabled":t||void 0,onClick:b=>{t||a?.(b);},...l,children:jsx(m.Provider,{value:t,children:jsx(I.Provider,{value:s,children:p})})})},M=({className:t,...o})=>jsx("div",{className:c().leading({className:t}),...o}),O=({className:t,...o})=>jsx("div",{className:c().content({className:t}),...o}),E=({icon:t,className:o,children:s})=>{let i=c().icon({className:o});return t?jsx(t,{className:i}):isValidElement(s)?cloneElement(s,{className:a(i,s.props.className)}):null},z=({className:t,...o})=>jsx("div",{className:c().characteristics({className:t}),...o}),A=({className:t,...o})=>jsx("div",{className:c().trailing({className:t}),...o}),q=({disabled:t,className:o,...s})=>{let i=useContext(m);return jsx(e,{size:"sm",variant:"ghost",tone:"primary",disabled:t??i,className:a("self-center",o),...s})},J=({disabled:t,className:o,...s})=>{let i=useContext(m);return jsx(b,{disabled:t??i,className:a("w-35 self-center",o),...s})},K=t=>jsx(a$1,{...t,type:"fill",size:"md"}),Q=({className:t,...o})=>jsx("p",{"data-part":"list-item-headline",className:c().headline({className:t}),...o}),U=({className:t,...o})=>{let s=useContext(I);return jsx("p",{"data-part":"list-item-description",className:c({status:s}).description({className:t}),...o})},W=({className:t,...o})=>{let s=useContext(I);return jsx("p",{"data-part":"list-item-characteristic",className:c({status:s}).characteristic({className:t}),...o})},X=({disabled:t=false,selected:o=false,status:s,className:i,onCheckedChange:a$1,children:p,...l$1})=>{let d=c({selected:o,interactive:true,status:s}),b=b$1(),F=useCallback(S=>{a$1?.(S.checked);},[a$1]);return jsxs(Checkbox.Root,{className:a(d.root(),"group",i),disabled:t,onCheckedChange:F,...l$1,children:[jsx(Checkbox.Label,{className:"contents",children:jsx(m.Provider,{value:t,children:jsx(I.Provider,{value:s,children:p})})}),jsxs(Checkbox.Control,{className:b.control({className:a(d.control(),"ml-4.5 shrink-0")}),children:[jsx(Checkbox.Indicator,{children:jsx(k,{className:b.icon()})}),jsx(Checkbox.Indicator,{indeterminate:true,children:jsx(l,{className:b.icon()})})]}),jsx(Checkbox.HiddenInput,{})]})},Y=({className:t,onValueChange:o,...s})=>{let i=useCallback(a=>{o?.(a.value);},[o]);return jsx(RadioGroupRoot,{className:a("flex flex-col",t),onValueChange:i,...s})},Z=({disabled:t=false,selected:o=false,status:s,className:i,children:a$1,...p})=>{let l=c({selected:o,interactive:true,status:s}),d=b$2();return jsxs(RadioGroupItem,{className:a(l.root(),"group/item",i),disabled:t,...p,children:[jsx(RadioGroupItemText,{className:"contents",children:jsx(m.Provider,{value:t,children:jsx(I.Provider,{value:s,children:a$1})})}),jsx(RadioGroupItemControl,{className:d.control({className:a(l.control(),"ml-4 shrink-0")})}),jsx(RadioGroupItemHiddenInput,{})]})},_=({disabled:t,className:o,...s})=>{let i=b$2(),a$1=useContext(m);return jsxs(RadioGroupItem,{disabled:t??a$1,className:i.item({className:a("shrink-0",o)}),...s,children:[jsx(RadioGroupItemControl,{className:i.control()}),jsx(RadioGroupItemHiddenInput,{})]})},$=({className:t,disabled:o,onCheckedChange:s,...i})=>{let a$1=b$1(),p=useContext(m),l$1=useCallback(d=>{s?.(d.checked);},[s]);return jsxs(Checkbox.Root,{className:a$1.root({className:a("shrink-0",t)}),disabled:o??p,onCheckedChange:l$1,...i,children:[jsxs(Checkbox.Control,{className:a$1.control(),children:[jsx(Checkbox.Indicator,{children:jsx(k,{className:a$1.icon()})}),jsx(Checkbox.Indicator,{indeterminate:true,children:jsx(l,{className:a$1.icon()})})]}),jsx(Checkbox.HiddenInput,{})]})},gt={Root:V,Leading:M,Icon:E,Content:O,Headline:Q,Description:U,Characteristics:z,Characteristic:W,Trailing:A,Button:q,NumberField:J,BadgeStatus:K,Checkbox:X,RadioGroup:Y,RadioItem:Z,RadioControl:_,CheckboxControl:$};export{xt as a,gt as b};

package/dist/chunk-6V4ZY7YY.js

@@ -1 +0,0 @@
-import {c}from'./chunk-C7TLKKPT.js';import {d,b,a as a$1,c as c$1}from'./chunk-CQI4KDR4.js';import {a}from'./chunk-P6B33GL6.js';import g,{forwardRef}from'react';import {tv}from'tailwind-variants';import {jsxs,jsx}from'react/jsx-runtime';var w=b,A=a$1,k=c$1,h=tv({extend:d,slots:{root:"relative gap-1.5 rounded-md ease-linear",icon:""},variants:{size:{lg:{root:"h-10 px-3 py-2 text-sm leading-[143%]",icon:"size-4.5"},md:{root:"h-8 px-3 py-1 text-sm leading-[143%]",icon:"size-3.5"},sm:{root:"h-6 rounded-sm px-2 py-1 text-xs leading-[133%]",icon:"size-3"}},variant:{primary:{},secondary:{},light:{},ghost:{}},tone:{primary:{},neutral:{},danger:{},success:{}}},defaultVariants:{variant:"primary",loading:false,disabled:false}}),G=forwardRef(({children:x,className:N,variant:n,tone:a$1="primary",size:o="lg",startIcon:r,endIcon:i,loading:s,disabled:m,type:R="button",StartIcon:c$1,EndIcon:p,badgeNumber:u,hasAlertBadge:z,...L},P)=>{let S=s||m,T=n==="primary"?"info":"primary",{root:V,icon:t}=h({variant:n,size:o,loading:s,disabled:m,tone:a$1,hasAlertBadge:z});return jsxs("button",{...L,ref:P,disabled:S,className:V({className:N}),type:R,children:[s&&jsx(c,{size:o==="lg"?"md":"sm",tone:a$1,className:"absolute inset-0 m-auto"}),r&&g.cloneElement(r,{className:t()}),c$1&&jsx(c$1,{className:t()}),x,u&&jsx(a,{...u,variant:T,size:o,type:"square"}),i&&g.cloneElement(i,{className:t()}),p&&jsx(p,{className:t()})]})});export{w as a,A as b,k as c,h as d,G as e};

package/dist/chunk-JV6BTCAQ.js

@@ -1 +0,0 @@
-import {i,h}from'./chunk-Q4CWL65C.js';import {a}from'./chunk-OBZIYJO7.js';import {DatePickerRootProvider,useDatePicker,parseDate,DatePicker}from'@ark-ui/react/date-picker';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var y=DatePickerRootProvider,w=useDatePicker,P=parseDate,C=({className:o,context:r,...t})=>r?jsx(DatePicker.RootProvider,{value:r,children:jsx(m,{className:o})}):jsx(DatePicker.Root,{...t,open:true,selectionMode:"single",numOfMonths:1,value:t.value?[P(t.value)]:void 0,asChild:true,children:jsx(m,{className:o})}),m=({className:o})=>jsx("div",{className:a("w-full max-w-150 min-w-70 rounded-xl bg-neutral-50 p-3 ring ring-neutral-200 ring-inset",o),children:jsx(DatePicker.View,{view:"day",children:jsx(DatePicker.Context,{children:r=>jsxs(Fragment,{children:[jsxs(DatePicker.ViewControl,{className:"flex items-center justify-between p-2",children:[jsx(DatePicker.PrevTrigger,{className:"cursor-pointer p-1.75",children:jsx(i,{className:"size-4.5"})}),jsx(DatePicker.ViewTrigger,{disabled:true,children:jsx(DatePicker.RangeText,{className:"font-inter text-base leading-[140%] font-semibold text-neutral-900"})}),jsx(DatePicker.NextTrigger,{className:"cursor-pointer p-1.75",children:jsx(h,{className:"size-4.5"})})]}),jsxs(DatePicker.Table,{className:"mt-3 w-full",children:[jsx(DatePicker.TableHead,{children:jsx(DatePicker.TableRow,{children:r.weekDays.map((t,l)=>jsx(DatePicker.TableHeader,{className:"font-inter h-10 w-[9.34579439%] text-sm font-semibold text-neutral-900",children:t.narrow},l))})}),jsx(DatePicker.TableBody,{children:r.weeks.map((t,l)=>jsx(DatePicker.TableRow,{children:t.map((s,u)=>jsx(DatePicker.TableCell,{value:s,className:"relative before:block before:pb-[87.7%] before:content-['']",children:jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:jsx(DatePicker.TableCellTrigger,{className:a("font-base font-inter flex size-8 cursor-pointer items-center justify-center rounded-full text-sm leading-[142.86%] text-neutral-900 transition-colors","[&:not([data-today])]:[&:not([data-disabled])]:[&:not([data-selected])]:hover:bg-primary-50","data-outside-range:cursor-not-allowed data-outside-range:text-neutral-400","data-disabled:cursor-not-allowed data-disabled:text-neutral-400","data-selected:bg-primary-500 data-selected:text-neutral-50","data-selected:hover:bg-primary-300 data-selected:hover:text-neutral-900","data-today:ring-primary-500 [&:not([data-selected])]:[&:not([data-disabled])]:data-today:text-primary-500 [&:not([data-selected])]:data-today:ring","[&:not([data-selected])]:[&:not([data-disabled])]:data-today:hover:ring-primary-600 [&:not([data-selected])]:[&:not([data-disabled])]:data-today:hover:text-primary-600","data-disabled:data-today:text-neutral-400 data-disabled:data-today:ring-neutral-400"),children:s.day})})},u))},l))})]})]})})})});export{y as a,w as b,P as c,C as d};