sodtrack-web-ui 0.86.3 → 0.86.5

package/dist/chunk-ULPDZGVX.mjs

@@ -0,0 +1 @@
+import {a as a$1}from'./chunk-DHWOGUID.mjs';import {q as q$1,d}from'./chunk-5VHBHGBZ.mjs';import {a}from'./chunk-XJD5SYZJ.mjs';import {SignaturePad}from'@ark-ui/react/signature-pad';import {forwardRef,useState,useCallback}from'react';import {jsxs,jsx}from'react/jsx-runtime';var q=forwardRef((v,A)=>{let{rootClassName:T,className:V,label:f,required:k,tooltip:b,helperText:h,error:u,hasValue:P,onChange:x,readOnly:n,disabled:a$2,...E}=v,[F,H]=useState(false),c=P!==void 0,R=c?P:F,N=useCallback(async t=>{let[o,g]=t.split(","),S=o.match(/:(.*?);/),I=S?S[1]:"image/png",m=atob(g),w=new Uint8Array(m.length);for(let s=0;s<m.length;s++)w[s]=m.charCodeAt(s);return new File([w],"signature.png",{type:I})},[]),l=useCallback(t=>{c||H(!!t),x?.(t);},[c,x]),U=useCallback(async t=>{if(n||a$2)return;let o=await t.getDataUrl("image/png");if(!o){l(null);return}let g=await N(o);l(g);},[l,N,n,a$2]),z=R&&!n&&!a$2;return jsxs(SignaturePad.Root,{ref:A,"data-error":u,className:a("group flex flex-col",T),onDrawEnd:U,readOnly:n,disabled:a$2,...E,children:[jsxs(SignaturePad.Label,{className:"font-inter flex items-center text-xs leading-[133.33%] font-medium text-neutral-700 data-disabled:text-neutral-400",children:[k?jsxs("span",{className:"flex items-center gap-1",children:[jsx("span",{className:"text-red-500",children:"*"}),f]}):f,b&&jsx(a$1,{content:b,className:"ml-2",children:jsx(q$1,{className:"size-3.5"})})]}),jsxs(SignaturePad.Control,{className:a("group/control mt-1.5","relative h-40 w-full overflow-hidden","rounded-lg bg-white p-4","border border-dashed border-neutral-300",u&&"border-error-500",n&&"pointer-events-none border-neutral-300 bg-neutral-100",a$2&&"pointer-events-none opacity-60",V),children:[jsx(SignaturePad.Segment,{className:"h-full w-full"}),jsx(SignaturePad.Guide,{className:"absolute inset-0 opacity-20"}),z&&jsx(SignaturePad.ClearTrigger,{className:"absolute top-2 right-2 z-20 cursor-pointer rounded-lg bg-neutral-100 p-1 ring-1 ring-neutral-500",onClick:()=>l(null),children:jsx(d,{className:"size-4 text-neutral-700"})})]}),h&&jsx("p",{className:a("font-inter text-2xs mt-1 leading-[133.33%] font-normal",u?"text-error-500":"text-neutral-700",a$2&&"text-neutral-400"),children:h})]})});q.displayName="SignaturePad";export{q as a};

package/dist/components/index.d.mts

@@ -64,6 +64,7 @@ export { BadgeCategorySkeleton, BadgeCategorySkeletonProps } from './badge-categ
 export { BadgeExpandable, BadgeExpandableColor, BadgeExpandableLeading, BadgeExpandableProps, BadgeExpandableSize } from './badge-expandable.mjs';
 export { BadgeExpandableSkeleton, BadgeExpandableSkeletonProps } from './badge-expandable-skeleton.mjs';
 export { BadgeNumber, BadgeNumberAffix, BadgeNumberProps, BadgeNumberSize, BadgeNumberType, BadgeNumberVariant } from './badge-number.mjs';
+export { SignaturePad, SignaturePadProps } from './signature-pad.mjs';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 export { AccordionPrimitive };
 export { CarouselControlProps, CarouselIndicatorGroupProps, CarouselIndicatorProps, CarouselItemGroupProps, CarouselItemProps, CarouselNextTriggerProps, CarouselPrevTriggerProps, CarouselRootProps } from '@ark-ui/react/carousel';
@@ -92,6 +93,7 @@ import '@ark-ui/react/date-picker';
 import '@ark-ui/react/select';
 import '@ark-ui/react/field';
 import '@ark-ui/react/combobox';
+import '@ark-ui/react/signature-pad';
 
 type AutocompleteOption = {
     key?: string | number;

package/dist/components/index.d.ts

@@ -64,6 +64,7 @@ export { BadgeCategorySkeleton, BadgeCategorySkeletonProps } from './badge-categ
 export { BadgeExpandable, BadgeExpandableColor, BadgeExpandableLeading, BadgeExpandableProps, BadgeExpandableSize } from './badge-expandable.js';
 export { BadgeExpandableSkeleton, BadgeExpandableSkeletonProps } from './badge-expandable-skeleton.js';
 export { BadgeNumber, BadgeNumberAffix, BadgeNumberProps, BadgeNumberSize, BadgeNumberType, BadgeNumberVariant } from './badge-number.js';
+export { SignaturePad, SignaturePadProps } from './signature-pad.js';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 export { AccordionPrimitive };
 export { CarouselControlProps, CarouselIndicatorGroupProps, CarouselIndicatorProps, CarouselItemGroupProps, CarouselItemProps, CarouselNextTriggerProps, CarouselPrevTriggerProps, CarouselRootProps } from '@ark-ui/react/carousel';
@@ -92,6 +93,7 @@ import '@ark-ui/react/date-picker';
 import '@ark-ui/react/select';
 import '@ark-ui/react/field';
 import '@ark-ui/react/combobox';
+import '@ark-ui/react/signature-pad';
 
 type AutocompleteOption = {
     key?: string | number;