sodtrack-web-ui 0.39.9 → 0.40.0

package/dist/chunk-F7FACDZF.mjs

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

package/dist/chunk-JEAHT6YL.mjs

@@ -1 +0,0 @@
-import {a}from'./chunk-KTRSJBA4.mjs';import {a as a$1}from'./chunk-W2YOW3FA.mjs';import {a as a$3}from'./chunk-HCMSV6JM.mjs';import {n}from'./chunk-AF7XWQ5Y.mjs';import {a as a$2}from'./chunk-2WINTZSS.mjs';import {useState,useRef,useMemo,useCallback,useEffect}from'react';import*as D from'@radix-ui/react-portal';import {format}from'date-fns';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var $=({value:l,onChange:m,locale:E,...L})=>{let[b,f]=useState(!1),[a$4,d]=useState(l),[r,v]=useState(),[x,T]=useState("bottom"),[k,F]=useState(0),c=useRef(null),e=useRef(null),[u,y]=useState();a(c,()=>{f(!1);});let H=n=>{d(n),m?.(n);},z=useMemo(()=>a$4?format(a$4,"P"):"",[a$4]),M=()=>{d(void 0),m?.(void 0);},t=useCallback(()=>{if(!e.current)return;let n=e.current.getBoundingClientRect();if(!u)return;let i=u.height;F(i),v(n);let N=window.innerHeight-n.bottom>i,O=n.top+n.height>i;T(N?"bottom":O?"top":"bottom");},[e.current,u]);return useEffect(()=>{d(l);},[l]),useEffect(()=>{if(e?.current)return t(),e.current.addEventListener("mousedown",t),e.current.addEventListener("input",t),window.addEventListener("scroll",t,!0),window.addEventListener("resize",t),()=>{e.current?.removeEventListener("mousedown",t),e.current?.removeEventListener("input",t),window.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t);}},[e.current,t]),useEffect(()=>{y(c.current?.getBoundingClientRect());},[c.current]),jsxs(Fragment,{children:[jsx(a$1,{ref:e,startIcon:jsx(n,{}),onClean:M,readOnly:!0,value:z,onClick:n=>{v(n.currentTarget.getBoundingClientRect()),f(i=>!i);},...L}),jsx(D.Root,{asChild:!0,children:jsx("div",{ref:c,className:a$2("pointer-events-auto fixed z-50 hidden",b&&"block"),style:r?{top:x==="bottom"?`${r.height+r.y}px`:r.top-k,left:r?.left}:void 0,children:jsx(a$3,{className:"w-[20rem] max-w-full",mode:"single",selected:a$4,onSelect:H,locale:E})})})]})};$.displayName="DatePicker";export{$ as a};

package/dist/chunk-S4YPVAJH.mjs

@@ -1 +0,0 @@
-import {a as a$2}from'./chunk-XGJ7RSSV.mjs';import {j}from'./chunk-WOLNVBL4.mjs';import {c as c$1}from'./chunk-F7FACDZF.mjs';import {a as a$1}from'./chunk-JGL2V7EX.mjs';import {c}from'./chunk-DXG7NKVL.mjs';import {d}from'./chunk-AF7XWQ5Y.mjs';import {a}from'./chunk-2WINTZSS.mjs';import*as n from'react';import*as t from'@radix-ui/react-dialog';import*as x from'@radix-ui/react-visually-hidden';import {jsx,jsxs}from'react/jsx-runtime';var X=["sm","md","lg","xl"],B=({...r})=>jsx(t.Root,{...r});B.displayName="Drawer";var q=t.Trigger,A=t.Portal,O=t.Close,N=n.forwardRef(({className:r,...a$1},o)=>jsx(t.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-neutral-900/60","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=open]:animate-in data-[state=closed]:animate-out","transition-all",r),...a$1}));N.displayName=t.Overlay.displayName;var E=n.forwardRef(({className:r,size:a$3="sm",title:o,description:i,children:f,isLoading:c=!1,loadingText:m="",buttons:d$1,hideHeader:D=!1,onPointerDownOutside:H,...T},h)=>jsx(A,{children:jsx(N,{children:jsxs(t.Content,{onPointerDownOutside:p=>{p.target instanceof Element&&p.target.closest(".pac-container")&&p.preventDefault(),H?.(p);},ref:h,...!i||D?{"aria-describedby":void 0}:{},className:a("fixed right-0 top-0 z-50 flex h-full flex-col bg-neutral-50",a$3==="sm"&&"w-[29.375rem] max-w-[29.375rem]",a$3==="md"&&"w-[47.5rem] max-w-[47.5rem]",a$3==="lg"&&"w-[58.75rem] max-w-[58.75rem]",a$3==="xl"&&"w-[78.125rem] max-w-[78.125rem]","data-[state=open]:animate-slideIn","data-[state=closed]:animate-swipeOut",r),...T,children:[jsx(O,{asChild:!0,className:"ml-auto mr-2 mt-4 flex-shrink-0 cursor-pointer",children:jsx(d,{className:"h-6 w-6"})}),jsxs(a$1,{className:"h-full",viewPortClassName:"pr-8 pl-6",children:[D?jsx(x.Root,{children:jsx(j,{children:"Drawer"})}):jsx(C,{title:o,description:i,buttons:d$1}),jsx("div",{className:a("flex flex-1 flex-col pb-6",r),children:c?jsxs("div",{className:"flex flex-1 flex-col items-center justify-center",children:[jsx(a$2,{}),m&&jsx("p",{children:m})]}):f})]})]})})}));E.displayName="DrawerContent";var C=({className:r,title:a$1,description:o,buttons:i=[],...f})=>jsxs("div",{className:a("mb-7",r),...f,children:[jsxs("div",{className:"flex justify-between gap-2",children:[a$1&&jsx(P,{children:a$1}),!Array.isArray(i)&&i.visible!==!1&&jsx(c,{size:"sm",variant:"ghost",...i}),Array.isArray(i)&&jsx("div",{className:"flex gap-1",children:i.map(({visible:c=!0,...m},d)=>c?jsx(c$1,{variant:"ghost",size:"sm",...m},d):null)})]}),o&&jsx(b,{className:"mt-1",children:o})]});C.displayName="DrawerHeader";var I=({className:r,...a$1})=>jsx("div",{className:a("mt-auto flex pt-6",r),...a$1});I.displayName="DrawerFooter";var P=n.forwardRef(({className:r,...a$1},o)=>jsx(t.Title,{ref:o,className:a("font-jakarta text-2xl font-semibold leading-[130%] text-neutral-900",r),...a$1}));P.displayName=t.Title.displayName;var b=n.forwardRef(({className:r,...a$1},o)=>jsx(t.Description,{ref:o,className:a("text-sm leading-[130%] text-neutral-900",r),...a$1}));b.displayName=t.Description.displayName;export{X as a,B as b,q as c,A as d,O as e,N as f,E as g,C as h,I as i,P as j,b as k};

package/dist/chunk-TYK4VIVE.mjs

@@ -1 +0,0 @@
-import {a}from'./chunk-2WINTZSS.mjs';import {forwardRef}from'react';import {jsx}from'react/jsx-runtime';var n=forwardRef(({className:t,...r},o)=>jsx("div",{ref:o,className:a("animate-pulse rounded-lg bg-primary-100",t),...r}));n.displayName="Skeleton";export{n as a};

package/dist/chunk-WOLNVBL4.mjs

@@ -1 +0,0 @@
-import {a as a$1}from'./chunk-JGL2V7EX.mjs';import {d}from'./chunk-AF7XWQ5Y.mjs';import {a}from'./chunk-2WINTZSS.mjs';import*as s from'react';import*as e from'@radix-ui/react-dialog';export{e as a };import {jsx,jsxs}from'react/jsx-runtime';var x=e.Root,T=e.Trigger,g=e.Portal,w=e.Close,f=s.forwardRef(({className:t,...a$1},o)=>jsx(e.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-neutral-900/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...a$1}));f.displayName=e.Overlay.displayName;var D=s.forwardRef(({className:t,children:a$2,onPointerDownOutside:o,...p},c)=>jsx(g,{children:jsx(f,{children:jsxs(e.Content,{onPointerDownOutside:n=>{n.target instanceof Element&&n.target.closest(".pac-container")&&n.preventDefault(),o?.(n);},ref:c,className:a("elevation-9 fixed left-[50%] top-[50%] z-[10000] grid w-full max-w-2xl translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-neutral-50 pr-0 pt-4 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",t),...p,children:[jsxs(e.Close,{className:"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground mr-4 self-end justify-self-end rounded-sm transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",children:[jsx(d,{className:"h-6 w-6"}),jsx("span",{className:"sr-only",children:"Close"})]}),jsx(a$1,{className:"max-h-[80vh]",viewPortClassName:"p-8 pt-2",children:a$2})]})})}));D.displayName=e.Content.displayName;var v=({className:t,...a$1})=>jsx("div",{className:a("flex flex-col gap-4 text-left",t),...a$1});v.displayName="DialogHeader";var P=({className:t,...a$1})=>jsx("div",{className:a("mt-6 flex justify-end gap-3",t),...a$1});P.displayName="DialogFooter";var y=s.forwardRef(({className:t,...a$1},o)=>jsx(e.Title,{ref:o,className:a("font-jakarta text-xl font-semibold leading-[130%]",t),...a$1}));y.displayName=e.Title.displayName;var R=s.forwardRef(({className:t,...a$1},o)=>jsx(e.Description,{ref:o,className:a("font-inter text-base font-normal leading-[130%]",t),...a$1}));R.displayName=e.Description.displayName;export{x as b,T as c,g as d,w as e,f,D as g,v as h,P as i,y as j,R as k};