@customafk/lunas-ui 0.0.7 → 0.0.9

package/dist/forms/switch-field.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { FieldPath, FieldValues } from "react-hook-form";
+
+//#region packages/components/forms/switch-field.d.ts
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+  name: FieldPath<TFieldValues>;
+  label?: string;
+  description?: string;
+  isShowErrorMsg?: boolean;
+};
+declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
+  name,
+  label,
+  description,
+  isShowErrorMsg
+}: Props<TFieldValues>) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { SwitchField };
+//# sourceMappingURL=switch-field.d.ts.map

package/dist/forms/switch-field.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"../utils-D9AH0PUV.js";import"../label-Cxbctr6x.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-CA4hhSV5.js";import{Switch as s}from"../switch-BlK-TC1h.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({name:u,label:d=`Switch Field`,description:f,isShowErrorMsg:p=!1})=>c(r,{name:u,render:({field:r})=>l(`div`,{className:`spage-y-1`,children:[l(i,{className:e(`border-border flex flex-row items-center justify-between rounded-lg border p-3 shadow-xs`),children:[l(`div`,{className:`space-y-0.5`,children:[c(a,{className:`cursor-pointer text-sm`,children:d}),f&&c(n,{className:`text-xs`,children:f})]}),c(t,{children:c(s,{checked:r.value,onCheckedChange:r.onChange})})]}),p&&c(o,{})]})});export{u as SwitchField};
+//# sourceMappingURL=switch-field.js.map

package/dist/forms/switch-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-field.js","names":[],"sources":["../../packages/components/forms/switch-field.tsx"],"sourcesContent":["\"use client\"\nimport type { FieldPath, FieldValues } from 'react-hook-form'\n\nimport { cn } from '@/lib/utils'\n\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form'\nimport { Switch } from '../ui/switch'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  label?: string\n  description?: string\n  isShowErrorMsg?: boolean\n}\nexport const SwitchField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Switch Field',\n  description,\n  isShowErrorMsg = false,\n}: Props<TFieldValues>) => {\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <div className=\"spage-y-1\">\n          <FormItem\n            className={cn('border-border flex flex-row items-center justify-between rounded-lg border p-3 shadow-xs')}\n          >\n            <div className=\"space-y-0.5\">\n              <FormLabel className=\"cursor-pointer text-sm\">{label}</FormLabel>\n              {description && <FormDescription className=\"text-xs\">{description}</FormDescription>}\n            </div>\n            <FormControl>\n              <Switch checked={field.value} onCheckedChange={field.onChange} />\n            </FormControl>\n          </FormItem>\n          {isShowErrorMsg && <FormMessage />}\n        </div>\n      )}\n    />\n  )\n}\n"],"mappings":"yTAcA,MAAa,GAA+D,CAC1E,OACA,QAAQ,eACR,cACA,iBAAiB,MAGf,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,MAAA,CAAI,UAAU,sBACb,EAAC,EAAA,CACC,UAAW,EAAG,sGAEd,EAAC,MAAA,CAAI,UAAU,wBACb,EAAC,EAAA,CAAU,UAAU,kCAA0B,IAC9C,GAAe,EAAC,EAAA,CAAgB,UAAU,mBAAW,OAExD,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAO,QAAS,EAAM,MAAO,gBAAiB,EAAM,gBAGxD,GAAkB,EAAC,EAAA"}

package/dist/forms/text-field.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../chunk-hhQzssFb.cjs`),t=require(`../utils-DaJ1XZgX.cjs`),n=require(`../flex-yTyoLpgH.cjs`);require(`../label-i858Jr98.cjs`);const r=require(`../form-C_PCHrpx.cjs`),i=require(`../input-C8Sebaue.cjs`),a=e.__toESM(require(`react`)),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=e.__toESM(require(`react-hook-form`)),l=({name:e,label:l=`Text Field`,placeholder:u=`Enter text here`,isShowLabel:d=!0,isShowClearButton:f=!1,isShowErrorMsg:p=!1,isShowCount:m=!1,description:h,className:g=``,onValueChange:_})=>{let{resetField:v}=r.useFormField(),y=(0,c.useWatch)({name:e}),b=a.default.useCallback(()=>{v(e)},[v,e]);return(0,o.jsx)(r.FormField,{name:e,render:({field:e})=>(0,o.jsxs)(r.FormItem,{className:t.cn(`w-full gap-0`,m||!!h&&`space-y-1`,g),children:[d&&(0,o.jsx)(r.FormLabel,{children:l}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(r.FormControl,{children:(0,o.jsx)(i.Input,{...e,placeholder:u,className:t.cn(`w-full`,f&&`pr-9`),onValueChange:_})}),f&&y&&(0,o.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-accent-foreground focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`,"aria-label":`Clear input`,onClick:b,children:(0,o.jsx)(s.XIcon,{size:14,"aria-hidden":`true`})})]}),(0,o.jsxs)(n.Flex,{width:`full`,padding:`none`,justify:`end`,children:[p&&(0,o.jsx)(r.FormMessage,{className:`grow`}),m&&(0,o.jsxs)(`div`,{className:`text-muted-foreground text-end text-xs`,children:[y?.length??0,` characters`]})]}),!!h&&(0,o.jsx)(r.FormDescription,{children:h})]})})};exports.TextField=l;
+//# sourceMappingURL=text-field.cjs.map

package/dist/forms/text-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.cjs","names":["useFormField","React","FormField","FormItem","cn","FormLabel","FormControl","Input","XIcon","Flex","FormMessage","FormDescription"],"sources":["../../packages/components/forms/text-field.tsx"],"sourcesContent":["\"use client\"\nimport React from 'react'\nimport { type FieldPath, type FieldValues, useWatch } from 'react-hook-form'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Flex } from '../layouts/flex'\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from '../ui/form'\nimport { Input } from '../ui/input'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  label?: string\n  description?: string\n  placeholder?: string\n  isShowLabel?: boolean\n  isShowClearButton?: boolean\n  isShowErrorMsg?: boolean\n  isShowCount?: boolean\n  className?: string\n  onValueChange?: (value: string) => void\n}\nexport const TextField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Text Field',\n  placeholder = 'Enter text here',\n  isShowLabel = true,\n  isShowClearButton = false,\n  isShowErrorMsg = false,\n  isShowCount = false,\n  description,\n  className = '',\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const { resetField } = useFormField()\n  const valueWatch = useWatch({ name })\n\n  const handleClearInput = React.useCallback(() => {\n    resetField(name)\n  }, [resetField, name])\n\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className={cn('w-full gap-0', isShowCount || (!!description && 'space-y-1'), className)}>\n          {isShowLabel && <FormLabel>{label}</FormLabel>}\n          <div className=\"relative\">\n            <FormControl>\n              <Input\n                {...field}\n                placeholder={placeholder}\n                className={cn('w-full', isShowClearButton && 'pr-9')}\n                onValueChange={onValueChange}\n              />\n            </FormControl>\n            {isShowClearButton && valueWatch && (\n              <button\n                type=\"button\"\n                className=\"text-muted-foreground/80 hover:text-accent-foreground focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2\"\n                aria-label=\"Clear input\"\n                onClick={handleClearInput}\n              >\n                <XIcon size={14} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n          <Flex width=\"full\" padding=\"none\" justify=\"end\">\n            {isShowErrorMsg && <FormMessage className=\"grow\" />}\n            {isShowCount && (\n              <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>\n            )}\n          </Flex>\n          {!!description && <FormDescription>{description}</FormDescription>}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"4XAuBa,GAA6D,CACxE,OACA,QAAQ,aACR,cAAc,kBACd,cAAc,GACd,oBAAoB,GACpB,iBAAiB,GACjB,cAAc,GACd,cACA,YAAY,GACZ,mBACyB,CACzB,GAAM,CAAE,cAAeA,EAAAA,eACjB,GAAA,EAAA,EAAA,UAAsB,CAAE,SAExB,EAAmBC,EAAAA,QAAM,gBAAkB,CAC/C,EAAW,IACV,CAAC,EAAY,IAEhB,OACE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,YACT,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,UAAWC,EAAAA,GAAG,eAAgB,GAAgB,CAAC,CAAC,GAAe,YAAc,aACpF,IAAe,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAAA,SAAW,KAC5B,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,sBACb,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,MAAAA,CACC,GAAI,EACS,cACb,UAAWH,EAAAA,GAAG,SAAU,GAAqB,QAC9B,oBAGlB,GAAqB,IACpB,EAAA,EAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAU,8PACV,aAAW,cACX,QAAS,YAET,EAAA,EAAA,KAACI,EAAAA,MAAAA,CAAM,KAAM,GAAI,cAAY,eAInC,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,gBACvC,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,UAAU,SACzC,IACC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,oBAGpF,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,SAAiB"}

package/dist/forms/text-field.d.cts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+import { FieldPath, FieldValues } from "react-hook-form";
+
+//#region packages/components/forms/text-field.d.ts
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+  name: FieldPath<TFieldValues>;
+  label?: string;
+  description?: string;
+  placeholder?: string;
+  isShowLabel?: boolean;
+  isShowClearButton?: boolean;
+  isShowErrorMsg?: boolean;
+  isShowCount?: boolean;
+  className?: string;
+  onValueChange?: (value: string) => void;
+};
+declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
+  name,
+  label,
+  placeholder,
+  isShowLabel,
+  isShowClearButton,
+  isShowErrorMsg,
+  isShowCount,
+  description,
+  className,
+  onValueChange
+}: Props<TFieldValues>) => react_jsx_runtime12.JSX.Element;
+//#endregion
+export { TextField };
+//# sourceMappingURL=text-field.d.cts.map

package/dist/forms/text-field.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime48 from "react/jsx-runtime";
+import { FieldPath, FieldValues } from "react-hook-form";
+
+//#region packages/components/forms/text-field.d.ts
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+  name: FieldPath<TFieldValues>;
+  label?: string;
+  description?: string;
+  placeholder?: string;
+  isShowLabel?: boolean;
+  isShowClearButton?: boolean;
+  isShowErrorMsg?: boolean;
+  isShowCount?: boolean;
+  className?: string;
+  onValueChange?: (value: string) => void;
+};
+declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
+  name,
+  label,
+  placeholder,
+  isShowLabel,
+  isShowClearButton,
+  isShowErrorMsg,
+  isShowCount,
+  description,
+  className,
+  onValueChange
+}: Props<TFieldValues>) => react_jsx_runtime48.JSX.Element;
+//#endregion
+export { TextField };
+//# sourceMappingURL=text-field.d.ts.map

package/dist/forms/text-field.js

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"../utils-D9AH0PUV.js";import{Flex as t}from"../flex-ILvQrYMJ.js";import"../label-Cxbctr6x.js";import{FormControl as n,FormDescription as r,FormField as i,FormItem as a,FormLabel as o,FormMessage as s,useFormField as c}from"../form-CA4hhSV5.js";import{Input as l}from"../input-Dmaq3fzf.js";import u from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{XIcon as p}from"lucide-react";import{useWatch as m}from"react-hook-form";const h=({name:h,label:g=`Text Field`,placeholder:_=`Enter text here`,isShowLabel:v=!0,isShowClearButton:y=!1,isShowErrorMsg:b=!1,isShowCount:x=!1,description:S,className:C=``,onValueChange:w})=>{let{resetField:T}=c(),E=m({name:h}),D=u.useCallback(()=>{T(h)},[T,h]);return d(i,{name:h,render:({field:i})=>f(a,{className:e(`w-full gap-0`,x||!!S&&`space-y-1`,C),children:[v&&d(o,{children:g}),f(`div`,{className:`relative`,children:[d(n,{children:d(l,{...i,placeholder:_,className:e(`w-full`,y&&`pr-9`),onValueChange:w})}),y&&E&&d(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-accent-foreground focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`,"aria-label":`Clear input`,onClick:D,children:d(p,{size:14,"aria-hidden":`true`})})]}),f(t,{width:`full`,padding:`none`,justify:`end`,children:[b&&d(s,{className:`grow`}),x&&f(`div`,{className:`text-muted-foreground text-end text-xs`,children:[E?.length??0,` characters`]})]}),!!S&&d(r,{children:S})]})})};export{h as TextField};
+//# sourceMappingURL=text-field.js.map

package/dist/forms/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","names":[],"sources":["../../packages/components/forms/text-field.tsx"],"sourcesContent":["\"use client\"\nimport React from 'react'\nimport { type FieldPath, type FieldValues, useWatch } from 'react-hook-form'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nimport { Flex } from '../layouts/flex'\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from '../ui/form'\nimport { Input } from '../ui/input'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  label?: string\n  description?: string\n  placeholder?: string\n  isShowLabel?: boolean\n  isShowClearButton?: boolean\n  isShowErrorMsg?: boolean\n  isShowCount?: boolean\n  className?: string\n  onValueChange?: (value: string) => void\n}\nexport const TextField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Text Field',\n  placeholder = 'Enter text here',\n  isShowLabel = true,\n  isShowClearButton = false,\n  isShowErrorMsg = false,\n  isShowCount = false,\n  description,\n  className = '',\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const { resetField } = useFormField()\n  const valueWatch = useWatch({ name })\n\n  const handleClearInput = React.useCallback(() => {\n    resetField(name)\n  }, [resetField, name])\n\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className={cn('w-full gap-0', isShowCount || (!!description && 'space-y-1'), className)}>\n          {isShowLabel && <FormLabel>{label}</FormLabel>}\n          <div className=\"relative\">\n            <FormControl>\n              <Input\n                {...field}\n                placeholder={placeholder}\n                className={cn('w-full', isShowClearButton && 'pr-9')}\n                onValueChange={onValueChange}\n              />\n            </FormControl>\n            {isShowClearButton && valueWatch && (\n              <button\n                type=\"button\"\n                className=\"text-muted-foreground/80 hover:text-accent-foreground focus-visible:ring-border absolute inset-y-0 end-0 flex h-full w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2\"\n                aria-label=\"Clear input\"\n                onClick={handleClearInput}\n              >\n                <XIcon size={14} aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n          <Flex width=\"full\" padding=\"none\" justify=\"end\">\n            {isShowErrorMsg && <FormMessage className=\"grow\" />}\n            {isShowCount && (\n              <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>\n            )}\n          </Flex>\n          {!!description && <FormDescription>{description}</FormDescription>}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"ydAuBA,MAAa,GAA6D,CACxE,OACA,QAAQ,aACR,cAAc,kBACd,cAAc,GACd,oBAAoB,GACpB,iBAAiB,GACjB,cAAc,GACd,cACA,YAAY,GACZ,mBACyB,CACzB,GAAM,CAAE,cAAe,IACjB,EAAa,EAAS,CAAE,SAExB,EAAmB,EAAM,gBAAkB,CAC/C,EAAW,IACV,CAAC,EAAY,IAEhB,OACE,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAS,UAAW,EAAG,eAAgB,GAAgB,CAAC,CAAC,GAAe,YAAc,aACpF,GAAe,EAAC,EAAA,CAAA,SAAW,IAC5B,EAAC,MAAA,CAAI,UAAU,qBACb,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACC,GAAI,EACS,cACb,UAAW,EAAG,SAAU,GAAqB,QAC9B,oBAGlB,GAAqB,GACpB,EAAC,SAAA,CACC,KAAK,SACL,UAAU,8PACV,aAAW,cACX,QAAS,WAET,EAAC,EAAA,CAAM,KAAM,GAAI,cAAY,cAInC,EAAC,EAAA,CAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,gBACvC,GAAkB,EAAC,EAAA,CAAY,UAAU,SACzC,GACC,EAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,oBAGpF,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB"}

package/dist/forms/textarea-field.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`),require(`../label-i858Jr98.cjs`);const t=require(`../form-C_PCHrpx.cjs`),n=require(`../textarea-Dz6npuI4.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react-hook-form`)),a=({name:e,label:a=`Textarea Field`,placeholder:o=`Enter text here`,isShowErrorMsg:s=!1,isShowCount:c=!1,description:l,rows:u=3,onValueChange:d})=>{let f=(0,i.useWatch)({name:e});return(0,r.jsx)(t.FormField,{name:e,render:({field:e})=>(0,r.jsxs)(t.FormItem,{className:`w-full`,children:[(0,r.jsx)(t.FormLabel,{children:a}),(0,r.jsx)(t.FormControl,{children:(0,r.jsx)(n.Textarea,{...e,placeholder:o,className:`w-full`,rows:u,onValueChange:d})}),c&&(0,r.jsxs)(`div`,{className:`text-muted-foreground text-end text-xs`,children:[f?.length??0,` characters`]}),!!l&&(0,r.jsx)(t.FormDescription,{children:l}),s&&(0,r.jsx)(t.FormMessage,{})]})})};exports.TextareaField=a;
+//# sourceMappingURL=textarea-field.cjs.map

package/dist/forms/textarea-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-field.cjs","names":["FormField","FormItem","FormLabel","FormControl","Textarea","FormDescription","FormMessage"],"sources":["../../packages/components/forms/textarea-field.tsx"],"sourcesContent":["\"use client\"\nimport { type FieldPath, type FieldValues, useWatch } from 'react-hook-form'\n\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form'\nimport { Textarea } from '../ui/textarea'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  label?: string\n  description?: string\n  placeholder?: string\n  isShowErrorMsg?: boolean\n  isShowCount?: boolean\n  rows?: number\n  onValueChange?: (value: string) => void\n}\nexport const TextareaField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Textarea Field',\n  placeholder = 'Enter text here',\n  isShowErrorMsg = false,\n  isShowCount = false,\n  description,\n  rows = 3,\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const valueWatch = useWatch({ name })\n\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className=\"w-full\">\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <Textarea\n              {...field}\n              placeholder={placeholder}\n              className=\"w-full\"\n              rows={rows}\n              onValueChange={onValueChange}\n            />\n          </FormControl>\n          {isShowCount && (\n            <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>\n          )}\n          {!!description && <FormDescription>{description}</FormDescription>}\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"wRAgBa,GAAiE,CAC5E,OACA,QAAQ,iBACR,cAAc,kBACd,iBAAiB,GACjB,cAAc,GACd,cACA,OAAO,EACP,mBACyB,CACzB,IAAM,GAAA,EAAA,EAAA,UAAsB,CAAE,SAE9B,OACE,EAAA,EAAA,KAACA,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,YACT,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,UAAU,oBAClB,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAAA,SAAW,KACZ,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,SAAAA,CACC,GAAI,EACS,cACb,UAAU,SACJ,OACS,oBAGlB,IACC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,iBAElF,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,SAAiB,IACnC,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA"}

package/dist/forms/textarea-field.d.cts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import { FieldPath, FieldValues } from "react-hook-form";
+
+//#region packages/components/forms/textarea-field.d.ts
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+  name: FieldPath<TFieldValues>;
+  label?: string;
+  description?: string;
+  placeholder?: string;
+  isShowErrorMsg?: boolean;
+  isShowCount?: boolean;
+  rows?: number;
+  onValueChange?: (value: string) => void;
+};
+declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
+  name,
+  label,
+  placeholder,
+  isShowErrorMsg,
+  isShowCount,
+  description,
+  rows,
+  onValueChange
+}: Props<TFieldValues>) => react_jsx_runtime10.JSX.Element;
+//#endregion
+export { TextareaField };
+//# sourceMappingURL=textarea-field.d.cts.map

package/dist/forms/textarea-field.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime57 from "react/jsx-runtime";
+import { FieldPath, FieldValues } from "react-hook-form";
+
+//#region packages/components/forms/textarea-field.d.ts
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+  name: FieldPath<TFieldValues>;
+  label?: string;
+  description?: string;
+  placeholder?: string;
+  isShowErrorMsg?: boolean;
+  isShowCount?: boolean;
+  rows?: number;
+  onValueChange?: (value: string) => void;
+};
+declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
+  name,
+  label,
+  placeholder,
+  isShowErrorMsg,
+  isShowCount,
+  description,
+  rows,
+  onValueChange
+}: Props<TFieldValues>) => react_jsx_runtime57.JSX.Element;
+//#endregion
+export { TextareaField };
+//# sourceMappingURL=textarea-field.d.ts.map

package/dist/forms/textarea-field.js

@@ -0,0 +1,2 @@
+"use client";import"../utils-D9AH0PUV.js";import"../label-Cxbctr6x.js";import{FormControl as e,FormDescription as t,FormField as n,FormItem as r,FormLabel as i,FormMessage as a}from"../form-CA4hhSV5.js";import{Textarea as o}from"../textarea-dM1DYNfF.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useWatch as l}from"react-hook-form";const u=({name:u,label:d=`Textarea Field`,placeholder:f=`Enter text here`,isShowErrorMsg:p=!1,isShowCount:m=!1,description:h,rows:g=3,onValueChange:_})=>{let v=l({name:u});return s(n,{name:u,render:({field:n})=>c(r,{className:`w-full`,children:[s(i,{children:d}),s(e,{children:s(o,{...n,placeholder:f,className:`w-full`,rows:g,onValueChange:_})}),m&&c(`div`,{className:`text-muted-foreground text-end text-xs`,children:[v?.length??0,` characters`]}),!!h&&s(t,{children:h}),p&&s(a,{})]})})};export{u as TextareaField};
+//# sourceMappingURL=textarea-field.js.map

package/dist/forms/textarea-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-field.js","names":[],"sources":["../../packages/components/forms/textarea-field.tsx"],"sourcesContent":["\"use client\"\nimport { type FieldPath, type FieldValues, useWatch } from 'react-hook-form'\n\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form'\nimport { Textarea } from '../ui/textarea'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>\n  label?: string\n  description?: string\n  placeholder?: string\n  isShowErrorMsg?: boolean\n  isShowCount?: boolean\n  rows?: number\n  onValueChange?: (value: string) => void\n}\nexport const TextareaField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Textarea Field',\n  placeholder = 'Enter text here',\n  isShowErrorMsg = false,\n  isShowCount = false,\n  description,\n  rows = 3,\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const valueWatch = useWatch({ name })\n\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className=\"w-full\">\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <Textarea\n              {...field}\n              placeholder={placeholder}\n              className=\"w-full\"\n              rows={rows}\n              onValueChange={onValueChange}\n            />\n          </FormControl>\n          {isShowCount && (\n            <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>\n          )}\n          {!!description && <FormDescription>{description}</FormDescription>}\n          {isShowErrorMsg && <FormMessage />}\n        </FormItem>\n      )}\n    />\n  )\n}\n"],"mappings":"2VAgBA,MAAa,GAAiE,CAC5E,OACA,QAAQ,iBACR,cAAc,kBACd,iBAAiB,GACjB,cAAc,GACd,cACA,OAAO,EACP,mBACyB,CACzB,IAAM,EAAa,EAAS,CAAE,SAE9B,OACE,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAS,UAAU,mBAClB,EAAC,EAAA,CAAA,SAAW,IACZ,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACC,GAAI,EACS,cACb,UAAU,SACJ,OACS,oBAGlB,GACC,EAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,iBAElF,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,IACnC,GAAkB,EAAC,EAAA"}

package/dist/{input-DXEBB91E.cjs → input-C8Sebaue.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`));function i({className:e,type:i,onChange:a,onValueChange:o,...s}){let c=n.default.useCallback(e=>{a?.(e),o?.(e.target.value)},[a,o]);return(0,r.jsx)(`input`,{type:i,"data-slot":`input`,className:t.cn(`flex h-9 w-full min-w-0`,`border-input shadow-input rounded-md border`,`px-3 py-1`,`bg-transparent`,`caret-primary text-sm`,`transition-[color,box-shadow] outline-none`,`placeholder:text-muted-foreground`,`selection:bg-primary`,`selection:text-primary-foreground`,`file:inline-flex`,`file:h-7`,`file:border-0`,`file:bg-transparent`,`file:text-sm`,`file:text-foreground`,`file:font-medium`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-ring`,`focus-visible:border-primary/60`,`aria-invalid:ring-destructive/40`,`aria-invalid:border-destructive`,e),...s,onChange:c})}Object.defineProperty(exports,`Input`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=input-DXEBB91E.cjs.map
+const e=require(`./chunk-hhQzssFb.cjs`),t=require(`./utils-DaJ1XZgX.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`));function i({className:e,type:i,onChange:a,onValueChange:o,...s}){let c=n.default.useCallback(e=>{a?.(e),o?.(e.target.value)},[a,o]);return(0,r.jsx)(`input`,{type:i,"data-slot":`input`,className:t.cn(`flex h-9 w-full min-w-0`,`border-input shadow-input rounded-md border`,`px-3 py-1`,`bg-transparent`,`caret-primary text-sm`,`transition-[color,box-shadow] outline-none`,`placeholder:text-muted-foreground`,`selection:bg-primary`,`selection:text-primary-foreground`,`file:inline-flex`,`file:h-7`,`file:border-0`,`file:bg-transparent`,`file:text-sm`,`file:text-foreground`,`file:font-medium`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-ring`,`focus-visible:border-primary/60`,`aria-invalid:ring-destructive/40`,`aria-invalid:border-destructive`,e),...s,onChange:c})}Object.defineProperty(exports,`Input`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=input-C8Sebaue.cjs.map

package/dist/{input-DXEBB91E.cjs.map → input-C8Sebaue.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-DXEBB91E.cjs","names":["React","cn"],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"kJAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAeA,EAAAA,QAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,MAC1B,EACD,CAAC,EAAU,EAAc,EAE3B,OACE,EAAA,EAAA,KAAC,QAAA,CACO,OACN,YAAU,QACV,UAAWC,EAAAA,GACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU,GAGf"}
+{"version":3,"file":"input-C8Sebaue.cjs","names":["React","cn"],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"kJAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAeA,EAAAA,QAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAA,EAAA,KAAC,QAAA,CACO,OACN,YAAU,QACV,UAAWC,EAAAA,GACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU"}

package/dist/{input-D0Phuz25.d.cts → input-DlRU8OGl.d.cts}

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime98 from "react/jsx-runtime";
 import React from "react";
 
 //#region packages/components/ui/input.d.ts
@@ -9,7 +10,7 @@ declare function Input({
   ...props
 }: React.ComponentProps<"input"> & {
   onValueChange?: (value: string) => void;
-}): any;
+}): react_jsx_runtime98.JSX.Element;
 //#endregion
 export { Input };
-//# sourceMappingURL=input-D0Phuz25.d.cts.map
+//# sourceMappingURL=input-DlRU8OGl.d.cts.map

package/dist/{input-FzKbxUq2.js → input-Dmaq3fzf.js}

@@ -1,2 +1,2 @@
 import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";function r({className:r,type:i,onChange:a,onValueChange:o,...s}){let c=t.useCallback(e=>{a?.(e),o?.(e.target.value)},[a,o]);return n(`input`,{type:i,"data-slot":`input`,className:e(`flex h-9 w-full min-w-0`,`border-input shadow-input rounded-md border`,`px-3 py-1`,`bg-transparent`,`caret-primary text-sm`,`transition-[color,box-shadow] outline-none`,`placeholder:text-muted-foreground`,`selection:bg-primary`,`selection:text-primary-foreground`,`file:inline-flex`,`file:h-7`,`file:border-0`,`file:bg-transparent`,`file:text-sm`,`file:text-foreground`,`file:font-medium`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-ring`,`focus-visible:border-primary/60`,`aria-invalid:ring-destructive/40`,`aria-invalid:border-destructive`,r),...s,onChange:c})}export{r as Input};
-//# sourceMappingURL=input-FzKbxUq2.js.map
+//# sourceMappingURL=input-Dmaq3fzf.js.map

package/dist/{input-FzKbxUq2.js.map → input-Dmaq3fzf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-FzKbxUq2.js","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"sGAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAe,EAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,MAC1B,EACD,CAAC,EAAU,EAAc,EAE3B,OACE,EAAC,QAAA,CACO,OACN,YAAU,QACV,UAAW,EACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU,GAGf"}
+{"version":3,"file":"input-Dmaq3fzf.js","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<\"input\"> & {\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange],\n  );\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"flex h-9 w-full min-w-0\",\n        \"border-input shadow-input rounded-md border\",\n        \"px-3 py-1\",\n        \"bg-transparent\",\n        \"caret-primary text-sm\",\n        \"transition-[color,box-shadow] outline-none\",\n        \"placeholder:text-muted-foreground\",\n        \"selection:bg-primary\",\n        \"selection:text-primary-foreground\",\n        \"file:inline-flex\",\n        \"file:h-7\",\n        \"file:border-0\",\n        \"file:bg-transparent\",\n        \"file:text-sm\",\n        \"file:text-foreground\",\n        \"file:font-medium\",\n        \"disabled:pointer-events-none\",\n        \"disabled:cursor-not-allowed\",\n        \"disabled:opacity-50\",\n        \"focus-visible:ring-4\",\n        \"focus-visible:ring-ring\",\n        \"focus-visible:border-primary/60\",\n        \"aria-invalid:ring-destructive/40\",\n        \"aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"sGAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAe,EAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAC,QAAA,CACO,OACN,YAAU,QACV,UAAW,EACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU"}

package/dist/{input-tHIKXxVS.d.ts → input-yduNlg8y.d.ts}

@@ -1,4 +1,5 @@
 import React from "react";
+import * as react_jsx_runtime114 from "react/jsx-runtime";
 
 //#region packages/components/ui/input.d.ts
 declare function Input({
@@ -9,7 +10,7 @@ declare function Input({
   ...props
 }: React.ComponentProps<"input"> & {
   onValueChange?: (value: string) => void;
-}): any;
+}): react_jsx_runtime114.JSX.Element;
 //#endregion
 export { Input };
-//# sourceMappingURL=input-tHIKXxVS.d.ts.map
+//# sourceMappingURL=input-yduNlg8y.d.ts.map

package/dist/label-Cxbctr6x.js.map

@@ -1 +1 @@
-{"version":3,"file":"label-Cxbctr6x.js","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"uIAMA,SAASA,EAAM,CACb,YACA,GAAG,EAC8C,CAAE,CACnD,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI,GAGT"}
+{"version":3,"file":"label-Cxbctr6x.js","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"uIAMA,SAASA,EAAM,CACb,YACA,GAAG,GACgD,CACnD,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI"}

package/dist/{label-CunjD1rx.cjs → label-i858Jr98.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`radix-ui`));function a({className:e,...n}){return(0,r.jsx)(i.Label.Root,{"data-slot":`label`,className:t.cn(`text-secondary-foreground`,`flex items-center gap-2`,`text-sm leading-none font-medium select-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,e),...n})}Object.defineProperty(exports,`Label`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=label-CunjD1rx.cjs.map
+const e=require(`./chunk-hhQzssFb.cjs`),t=require(`./utils-DaJ1XZgX.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`radix-ui`));function a({className:e,...n}){return(0,r.jsx)(i.Label.Root,{"data-slot":`label`,className:t.cn(`text-secondary-foreground`,`flex items-center gap-2`,`text-sm leading-none font-medium select-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,e),...n})}Object.defineProperty(exports,`Label`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=label-i858Jr98.cjs.map

package/dist/{label-CunjD1rx.cjs.map → label-i858Jr98.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"label-CunjD1rx.cjs","names":["LabelPrimitive","cn"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"mLAMA,SAAS,EAAM,CACb,YACA,GAAG,EAC8C,CAAE,CACnD,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,UAAWC,EAAAA,GACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI,GAGT"}
+{"version":3,"file":"label-i858Jr98.cjs","names":["LabelPrimitive","cn"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-secondary-foreground\",\n        \"flex items-center gap-2\",\n        \"text-sm leading-none font-medium select-none\",\n        \"group-data-[disabled=true]:pointer-events-none\",\n        \"group-data-[disabled=true]:opacity-50\",\n        \"peer-disabled:cursor-not-allowed\",\n        \"peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"mLAMA,SAAS,EAAM,CACb,YACA,GAAG,GACgD,CACnD,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,UAAWC,EAAAA,GACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI"}

package/dist/layouts/flex.cjs

@@ -1 +1 @@
-"use client";require(`../utils-BsjVK5EW.cjs`);const e=require(`../flex-CNA_SId-.cjs`);exports.Flex=e.Flex;
+"use client";const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../flex-yTyoLpgH.cjs`);exports.Flex=t.Flex;

package/dist/layouts/flex.d.cts

@@ -1,8 +1,19 @@
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import React from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/layouts/flex.d.ts
-declare const flexVariants: any;
+declare const flexVariants: (props?: ({
+  vertical?: boolean | null | undefined;
+  width?: "full" | "auto" | "fit" | "screen" | "min" | "max" | null | undefined;
+  wrap?: boolean | null | undefined;
+  margin?: "sm" | "lg" | "md" | "xl" | "none" | null | undefined;
+  padding?: "sm" | "lg" | "md" | "xl" | "none" | null | undefined;
+  gap?: "sm" | "lg" | "xs" | "md" | "xl" | "none" | null | undefined;
+  justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch" | null | undefined;
+  align?: "start" | "center" | "end" | "stretch" | "baseline" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 type Props = {
   className?: string;
 } & VariantProps<typeof flexVariants>;
@@ -17,7 +28,7 @@ declare const Flex: ({
   align,
   className,
   children
-}: React.PropsWithChildren<Props>) => any;
+}: React.PropsWithChildren<Props>) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Flex };
 //# sourceMappingURL=flex.d.cts.map

package/dist/layouts/flex.d.ts

@@ -1,8 +1,19 @@
 import React from "react";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 
 //#region packages/components/layouts/flex.d.ts
-declare const flexVariants: any;
+declare const flexVariants: (props?: ({
+  vertical?: boolean | null | undefined;
+  width?: "full" | "auto" | "fit" | "screen" | "min" | "max" | null | undefined;
+  wrap?: boolean | null | undefined;
+  margin?: "sm" | "lg" | "md" | "xl" | "none" | null | undefined;
+  padding?: "sm" | "lg" | "md" | "xl" | "none" | null | undefined;
+  gap?: "sm" | "lg" | "xs" | "md" | "xl" | "none" | null | undefined;
+  justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch" | null | undefined;
+  align?: "start" | "center" | "end" | "stretch" | "baseline" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
 type Props = {
   className?: string;
 } & VariantProps<typeof flexVariants>;
@@ -17,7 +28,7 @@ declare const Flex: ({
   align,
   className,
   children
-}: React.PropsWithChildren<Props>) => any;
+}: React.PropsWithChildren<Props>) => react_jsx_runtime58.JSX.Element;
 //#endregion
 export { Flex };
 //# sourceMappingURL=flex.d.ts.map

package/dist/layouts/main/index.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../utils-BsjVK5EW.cjs`);require(`../../tooltip-Beb-_EPp.cjs`);const n=require(`../../button-Dzv_nos1.cjs`);require(`../../input-DXEBB91E.cjs`),require(`../../separator-DTB3sDNG.cjs`),require(`../../sheet-CCwbAaA6.cjs`),require(`../../skeleton-m3giaF4T.cjs`);const r=require(`../../sidebar-BLPMNltJ.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=({children:e})=>(0,i.jsx)(r.SidebarInset,{children:(0,i.jsx)(`section`,{className:`relative size-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0`,children:e})})}),s=()=>(0,i.jsxs)(`header`,{className:t.cn(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`flex items-center gap-2 border-b shadow-sm`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[(0,i.jsx)(r.SidebarTrigger,{}),(0,i.jsxs)(`div`,{className:`ml-2.5 flex gap-x-2`,children:[(0,i.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,i.jsx)(a.ShoppingCartIcon,{size:20})}),(0,i.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,i.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,i.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,i.jsxs)(`div`,{className:`flex flex-1 items-center justify-end`,children:[(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:(0,i.jsx)(a.CircleQuestionMarkIcon,{})}),(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:(0,i.jsx)(a.BellIcon,{})})]})]}),c=({children:e})=>(0,i.jsx)(r.SidebarProvider,{className:`w-svw`,children:e}),l=({children:e})=>(0,i.jsxs)(c,{children:[(0,i.jsx)(s,{}),(0,i.jsx)(o,{children:e})]});exports.MainLayout=l;
+const e=require(`../../chunk-hhQzssFb.cjs`),t=require(`../../utils-DaJ1XZgX.cjs`);require(`../../tooltip-MgToVOzy.cjs`);const n=require(`../../button-CycE0WzB.cjs`);require(`../../input-C8Sebaue.cjs`),require(`../../separator-D4iTmsID.cjs`),require(`../../sheet-Dr-a3-o2.cjs`),require(`../../skeleton-BTQm_mtV.cjs`);const r=require(`../../sidebar-gXuaHBie.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=({children:e})=>(0,i.jsx)(r.SidebarProvider,{className:`w-svw`,children:e}),s=({children:e})=>(0,i.jsx)(r.SidebarInset,{children:(0,i.jsx)(`section`,{className:`relative size-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0`,children:e})})}),c=()=>(0,i.jsxs)(`header`,{className:t.cn(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`flex items-center gap-2 border-b shadow-sm`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[(0,i.jsx)(r.SidebarTrigger,{}),(0,i.jsxs)(`div`,{className:`ml-2.5 flex gap-x-2`,children:[(0,i.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,i.jsx)(a.ShoppingCartIcon,{size:20})}),(0,i.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,i.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,i.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,i.jsxs)(`div`,{className:`flex flex-1 items-center justify-end`,children:[(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:(0,i.jsx)(a.CircleQuestionMarkIcon,{})}),(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:(0,i.jsx)(a.BellIcon,{})})]})]});exports.MainLayoutContent=s,exports.MainLayoutHeader=c,exports.MainLayoutWrapper=o;
 //# sourceMappingURL=index.cjs.map

package/dist/layouts/main/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["SidebarInset","cn","SidebarTrigger","ShoppingCartIcon","Button","CircleQuestionMarkIcon","BellIcon","SidebarProvider"],"sources":["../../../packages/components/layouts/main/content.tsx","../../../packages/components/layouts/main/header.tsx","../../../packages/components/layouts/main/wrapper.tsx","../../../packages/components/layouts/main/index.tsx"],"sourcesContent":["import { SidebarInset } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutContent = ({ children }: React.PropsWithChildren) => {\n  return (\n    <SidebarInset>\n      <section className=\"relative size-full\">\n        <div className=\"absolute inset-0\">{children}</div>\n      </section>\n    </SidebarInset>\n  );\n};\n","import {\n  BellIcon,\n  CircleQuestionMarkIcon,\n  ShoppingCartIcon,\n} from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { SidebarTrigger } from \"@/components/ui/sidebar\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MainLayoutHeader = () => {\n  return (\n    <header\n      className={cn(\n        \"bg-card\",\n        \"h-(--header-height)\",\n        \"absolute inset-x-0 top-0 z-20\",\n        \"flex items-center gap-2 border-b shadow-sm\",\n        \"transition-[width,height] ease-linear\",\n        \"group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)\",\n        \"px-4\",\n      )}\n    >\n      <SidebarTrigger />\n\n      <div className=\"ml-2.5 flex gap-x-2\">\n        <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n          <ShoppingCartIcon size={20} />\n        </div>\n        <div className=\"grid flex-1 text-left text-sm leading-tight\">\n          <span className=\"truncate font-medium\">Lunas Store</span>\n          <span className=\"truncate text-xs\">Established 2023</span>\n        </div>\n      </div>\n      <div className=\"flex flex-1 items-center justify-end\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <CircleQuestionMarkIcon />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <BellIcon />\n        </Button>\n      </div>\n    </header>\n  );\n};\n","import { SidebarProvider } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutWrapper = ({ children }: React.PropsWithChildren) => {\n  return <SidebarProvider className=\"w-svw\">{children}</SidebarProvider>;\n};\n","import { MainLayoutContent } from \"./content\";\nimport { MainLayoutHeader } from \"./header\";\nimport { MainLayoutWrapper } from \"./wrapper\";\n\nexport const MainLayout = ({ children }: React.PropsWithChildren) => {\n  return (\n    <MainLayoutWrapper>\n      <MainLayoutHeader />\n      <MainLayoutContent>{children}</MainLayoutContent>\n    </MainLayoutWrapper>\n  );\n};\n"],"mappings":"ybAEa,GAAqB,CAAE,WAAmC,IAEnE,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAAA,UACC,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,+BACjB,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mBAAoB,iBCI9B,OAET,EAAA,EAAA,MAAC,SAAA,CACC,UAAWC,EAAAA,GACT,UACA,sBACA,gCACA,6CACA,wCACA,wEACA,mBAGF,EAAA,EAAA,KAACC,EAAAA,eAAAA,EAAAA,GAED,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,iCACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CAAiB,KAAM,GAAA,KAE1B,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCAAuB,iBACvC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,4BAGvC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,kDACb,EAAA,EAAA,KAACC,EAAAA,OAAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,+CAEV,EAAA,EAAA,KAACC,EAAAA,uBAAAA,EAAAA,KAEH,EAAA,EAAA,KAACD,EAAAA,OAAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,+CAEV,EAAA,EAAA,KAACE,EAAAA,SAAAA,EAAAA,UC7CE,GAAqB,CAAE,WAAmC,IAC9D,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,QAAS,aCChC,GAAc,CAAE,WAAmC,IAE5D,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,EAAA,GACD,EAAA,EAAA,KAAC,EAAA,CAAmB,WAAA,EAAA,CAAA"}
+{"version":3,"file":"index.cjs","names":["SidebarProvider","SidebarInset","cn","SidebarTrigger","ShoppingCartIcon","Button","CircleQuestionMarkIcon","BellIcon"],"sources":["../../../packages/components/layouts/main/wrapper.tsx","../../../packages/components/layouts/main/content.tsx","../../../packages/components/layouts/main/header.tsx"],"sourcesContent":["import { SidebarProvider } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutWrapper = ({ children }: React.PropsWithChildren) => {\n  return <SidebarProvider className=\"w-svw\">{children}</SidebarProvider>;\n};\n","import { SidebarInset } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutContent = ({ children }: React.PropsWithChildren) => {\n  return (\n    <SidebarInset>\n      <section className=\"relative size-full\">\n        <div className=\"absolute inset-0\">{children}</div>\n      </section>\n    </SidebarInset>\n  );\n};\n","import {\n  BellIcon,\n  CircleQuestionMarkIcon,\n  ShoppingCartIcon,\n} from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { SidebarTrigger } from \"@/components/ui/sidebar\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MainLayoutHeader = () => {\n  return (\n    <header\n      className={cn(\n        \"bg-card\",\n        \"h-(--header-height)\",\n        \"absolute inset-x-0 top-0 z-20\",\n        \"flex items-center gap-2 border-b shadow-sm\",\n        \"transition-[width,height] ease-linear\",\n        \"group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)\",\n        \"px-4\",\n      )}\n    >\n      <SidebarTrigger />\n\n      <div className=\"ml-2.5 flex gap-x-2\">\n        <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n          <ShoppingCartIcon size={20} />\n        </div>\n        <div className=\"grid flex-1 text-left text-sm leading-tight\">\n          <span className=\"truncate font-medium\">Lunas Store</span>\n          <span className=\"truncate text-xs\">Established 2023</span>\n        </div>\n      </div>\n      <div className=\"flex flex-1 items-center justify-end\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <CircleQuestionMarkIcon />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <BellIcon />\n        </Button>\n      </div>\n    </header>\n  );\n};\n"],"mappings":"ybAEa,GAAqB,CAAE,eAC3B,EAAA,EAAA,KAACA,EAAAA,gBAAAA,CAAgB,UAAU,QAAS,aCDhC,GAAqB,CAAE,eAEhC,EAAA,EAAA,KAACC,EAAAA,aAAAA,CAAAA,UACC,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,+BACjB,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mBAAoB,iBCI9B,OAET,EAAA,EAAA,MAAC,SAAA,CACC,UAAWC,EAAAA,GACT,UACA,sBACA,gCACA,6CACA,wCACA,wEACA,mBAGF,EAAA,EAAA,KAACC,EAAAA,eAAAA,KAED,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,iCACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CAAiB,KAAM,QAE1B,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCAAuB,iBACvC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,4BAGvC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,kDACb,EAAA,EAAA,KAACC,EAAAA,OAAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,+CAEV,EAAA,EAAA,KAACC,EAAAA,uBAAAA,OAEH,EAAA,EAAA,KAACD,EAAAA,OAAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,+CAEV,EAAA,EAAA,KAACE,EAAAA,SAAAA"}

package/dist/layouts/main/index.d.cts

@@ -1,7 +1,17 @@
-//#region packages/components/layouts/main/index.d.ts
-declare const MainLayout: ({
+import * as react_jsx_runtime236 from "react/jsx-runtime";
+
+//#region packages/components/layouts/main/wrapper.d.ts
+declare const MainLayoutWrapper: ({
   children
-}: React.PropsWithChildren) => any;
+}: React.PropsWithChildren) => react_jsx_runtime236.JSX.Element;
 //#endregion
-export { MainLayout };
+//#region packages/components/layouts/main/content.d.ts
+declare const MainLayoutContent: ({
+  children
+}: React.PropsWithChildren) => react_jsx_runtime236.JSX.Element;
+//#endregion
+//#region packages/components/layouts/main/header.d.ts
+declare const MainLayoutHeader: () => react_jsx_runtime236.JSX.Element;
+//#endregion
+export { MainLayoutContent, MainLayoutHeader, MainLayoutWrapper };
 //# sourceMappingURL=index.d.cts.map

package/dist/layouts/main/index.d.ts

@@ -1,7 +1,17 @@
-//#region packages/components/layouts/main/index.d.ts
-declare const MainLayout: ({
+import * as react_jsx_runtime236 from "react/jsx-runtime";
+
+//#region packages/components/layouts/main/wrapper.d.ts
+declare const MainLayoutWrapper: ({
   children
-}: React.PropsWithChildren) => any;
+}: React.PropsWithChildren) => react_jsx_runtime236.JSX.Element;
 //#endregion
-export { MainLayout };
+//#region packages/components/layouts/main/content.d.ts
+declare const MainLayoutContent: ({
+  children
+}: React.PropsWithChildren) => react_jsx_runtime236.JSX.Element;
+//#endregion
+//#region packages/components/layouts/main/header.d.ts
+declare const MainLayoutHeader: () => react_jsx_runtime236.JSX.Element;
+//#endregion
+export { MainLayoutContent, MainLayoutHeader, MainLayoutWrapper };
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/main/index.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../utils-D9AH0PUV.js";import"../../tooltip-Dzyf5smh.js";import{Button as t}from"../../button-Bku3bKv9.js";import"../../input-FzKbxUq2.js";import"../../separator-BpsL0PlX.js";import"../../sheet-C8r2QGpq.js";import"../../skeleton-DYmX0k94.js";import{SidebarInset as n,SidebarProvider as r,SidebarTrigger as i}from"../../sidebar-C166f_9B.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{BellIcon as s,CircleQuestionMarkIcon as c,ShoppingCartIcon as l}from"lucide-react";const u=({children:e})=>a(n,{children:a(`section`,{className:`relative size-full`,children:a(`div`,{className:`absolute inset-0`,children:e})})}),d=()=>o(`header`,{className:e(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`flex items-center gap-2 border-b shadow-sm`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[a(i,{}),o(`div`,{className:`ml-2.5 flex gap-x-2`,children:[a(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:a(l,{size:20})}),o(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[a(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),a(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),o(`div`,{className:`flex flex-1 items-center justify-end`,children:[a(t,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:a(c,{})}),a(t,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:a(s,{})})]})]}),f=({children:e})=>a(r,{className:`w-svw`,children:e}),p=({children:e})=>o(f,{children:[a(d,{}),a(u,{children:e})]});export{p as MainLayout};
+import{cn as e}from"../../utils-D9AH0PUV.js";import"../../tooltip-Dzyf5smh.js";import{Button as t}from"../../button-Bku3bKv9.js";import"../../input-Dmaq3fzf.js";import"../../separator-DMdqEz29.js";import"../../sheet-2JqHfdYi.js";import"../../skeleton-D1_Brnl9.js";import{SidebarInset as n,SidebarProvider as r,SidebarTrigger as i}from"../../sidebar-COBzB7S8.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{BellIcon as s,CircleQuestionMarkIcon as c,ShoppingCartIcon as l}from"lucide-react";const u=({children:e})=>a(r,{className:`w-svw`,children:e}),d=({children:e})=>a(n,{children:a(`section`,{className:`relative size-full`,children:a(`div`,{className:`absolute inset-0`,children:e})})}),f=()=>o(`header`,{className:e(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20`,`flex items-center gap-2 border-b shadow-sm`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`px-4`),children:[a(i,{}),o(`div`,{className:`ml-2.5 flex gap-x-2`,children:[a(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:a(l,{size:20})}),o(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[a(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),a(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),o(`div`,{className:`flex flex-1 items-center justify-end`,children:[a(t,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:a(c,{})}),a(t,{variant:`ghost`,size:`icon`,className:`text-muted-foreground rounded-full`,children:a(s,{})})]})]});export{d as MainLayoutContent,f as MainLayoutHeader,u as MainLayoutWrapper};
 //# sourceMappingURL=index.js.map

package/dist/layouts/main/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../packages/components/layouts/main/content.tsx","../../../packages/components/layouts/main/header.tsx","../../../packages/components/layouts/main/wrapper.tsx","../../../packages/components/layouts/main/index.tsx"],"sourcesContent":["import { SidebarInset } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutContent = ({ children }: React.PropsWithChildren) => {\n  return (\n    <SidebarInset>\n      <section className=\"relative size-full\">\n        <div className=\"absolute inset-0\">{children}</div>\n      </section>\n    </SidebarInset>\n  );\n};\n","import {\n  BellIcon,\n  CircleQuestionMarkIcon,\n  ShoppingCartIcon,\n} from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { SidebarTrigger } from \"@/components/ui/sidebar\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MainLayoutHeader = () => {\n  return (\n    <header\n      className={cn(\n        \"bg-card\",\n        \"h-(--header-height)\",\n        \"absolute inset-x-0 top-0 z-20\",\n        \"flex items-center gap-2 border-b shadow-sm\",\n        \"transition-[width,height] ease-linear\",\n        \"group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)\",\n        \"px-4\",\n      )}\n    >\n      <SidebarTrigger />\n\n      <div className=\"ml-2.5 flex gap-x-2\">\n        <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n          <ShoppingCartIcon size={20} />\n        </div>\n        <div className=\"grid flex-1 text-left text-sm leading-tight\">\n          <span className=\"truncate font-medium\">Lunas Store</span>\n          <span className=\"truncate text-xs\">Established 2023</span>\n        </div>\n      </div>\n      <div className=\"flex flex-1 items-center justify-end\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <CircleQuestionMarkIcon />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <BellIcon />\n        </Button>\n      </div>\n    </header>\n  );\n};\n","import { SidebarProvider } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutWrapper = ({ children }: React.PropsWithChildren) => {\n  return <SidebarProvider className=\"w-svw\">{children}</SidebarProvider>;\n};\n","import { MainLayoutContent } from \"./content\";\nimport { MainLayoutHeader } from \"./header\";\nimport { MainLayoutWrapper } from \"./wrapper\";\n\nexport const MainLayout = ({ children }: React.PropsWithChildren) => {\n  return (\n    <MainLayoutWrapper>\n      <MainLayoutHeader />\n      <MainLayoutContent>{children}</MainLayoutContent>\n    </MainLayoutWrapper>\n  );\n};\n"],"mappings":"sfAEA,MAAa,GAAqB,CAAE,WAAmC,GAEnE,EAAC,EAAA,CAAA,SACC,EAAC,UAAA,CAAQ,UAAU,8BACjB,EAAC,MAAA,CAAI,UAAU,mBAAoB,iBCI9B,MAET,EAAC,SAAA,CACC,UAAW,EACT,UACA,sBACA,gCACA,6CACA,wCACA,wEACA,kBAGF,EAAC,EAAA,EAAA,EAED,EAAC,MAAA,CAAI,UAAU,gCACb,EAAC,MAAA,CAAI,UAAU,+HACb,EAAC,EAAA,CAAiB,KAAM,GAAA,IAE1B,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,gCAAuB,gBACvC,EAAC,OAAA,CAAK,UAAU,4BAAmB,2BAGvC,EAAC,MAAA,CAAI,UAAU,iDACb,EAAC,EAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,8CAEV,EAAC,EAAA,EAAA,IAEH,EAAC,EAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,8CAEV,EAAC,EAAA,EAAA,UC7CE,GAAqB,CAAE,WAAmC,GAC9D,EAAC,EAAA,CAAgB,UAAU,QAAS,aCChC,GAAc,CAAE,WAAmC,GAE5D,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,EAAA,EACD,EAAC,EAAA,CAAmB,WAAA,EAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../packages/components/layouts/main/wrapper.tsx","../../../packages/components/layouts/main/content.tsx","../../../packages/components/layouts/main/header.tsx"],"sourcesContent":["import { SidebarProvider } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutWrapper = ({ children }: React.PropsWithChildren) => {\n  return <SidebarProvider className=\"w-svw\">{children}</SidebarProvider>;\n};\n","import { SidebarInset } from \"@/components/ui/sidebar\";\n\nexport const MainLayoutContent = ({ children }: React.PropsWithChildren) => {\n  return (\n    <SidebarInset>\n      <section className=\"relative size-full\">\n        <div className=\"absolute inset-0\">{children}</div>\n      </section>\n    </SidebarInset>\n  );\n};\n","import {\n  BellIcon,\n  CircleQuestionMarkIcon,\n  ShoppingCartIcon,\n} from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { SidebarTrigger } from \"@/components/ui/sidebar\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MainLayoutHeader = () => {\n  return (\n    <header\n      className={cn(\n        \"bg-card\",\n        \"h-(--header-height)\",\n        \"absolute inset-x-0 top-0 z-20\",\n        \"flex items-center gap-2 border-b shadow-sm\",\n        \"transition-[width,height] ease-linear\",\n        \"group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)\",\n        \"px-4\",\n      )}\n    >\n      <SidebarTrigger />\n\n      <div className=\"ml-2.5 flex gap-x-2\">\n        <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n          <ShoppingCartIcon size={20} />\n        </div>\n        <div className=\"grid flex-1 text-left text-sm leading-tight\">\n          <span className=\"truncate font-medium\">Lunas Store</span>\n          <span className=\"truncate text-xs\">Established 2023</span>\n        </div>\n      </div>\n      <div className=\"flex flex-1 items-center justify-end\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <CircleQuestionMarkIcon />\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"text-muted-foreground rounded-full\"\n        >\n          <BellIcon />\n        </Button>\n      </div>\n    </header>\n  );\n};\n"],"mappings":"sfAEA,MAAa,GAAqB,CAAE,cAC3B,EAAC,EAAA,CAAgB,UAAU,QAAS,aCDhC,GAAqB,CAAE,cAEhC,EAAC,EAAA,CAAA,SACC,EAAC,UAAA,CAAQ,UAAU,8BACjB,EAAC,MAAA,CAAI,UAAU,mBAAoB,iBCI9B,MAET,EAAC,SAAA,CACC,UAAW,EACT,UACA,sBACA,gCACA,6CACA,wCACA,wEACA,kBAGF,EAAC,EAAA,IAED,EAAC,MAAA,CAAI,UAAU,gCACb,EAAC,MAAA,CAAI,UAAU,+HACb,EAAC,EAAA,CAAiB,KAAM,OAE1B,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,gCAAuB,gBACvC,EAAC,OAAA,CAAK,UAAU,4BAAmB,2BAGvC,EAAC,MAAA,CAAI,UAAU,iDACb,EAAC,EAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,8CAEV,EAAC,EAAA,MAEH,EAAC,EAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,8CAEV,EAAC,EAAA"}

package/dist/multi-select-Bbv0Z0TP.js

@@ -0,0 +1,2 @@
+import{cn as e}from"./utils-D9AH0PUV.js";import{Button as t}from"./button-Bku3bKv9.js";import{Command as n,CommandGroup as r,CommandItem as i,CommandList as ee,CommandSeparator as te}from"./command-DieInaEN.js";import a from"react";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{PlusIcon as l,X as u}from"lucide-react";import{Command as ne,useCommandState as d}from"cmdk";function f(e,t){let[n,r]=a.useState(e);return a.useEffect(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function p(e,t){if(e.length===0)return{};if(!t)return{"":e};let n={};return e.forEach(e=>{let r=e[t]||``;n[r]||(n[r]=[]),n[r].push(e)}),n}function re(e,t){let n=JSON.parse(JSON.stringify(e));for(let[e,r]of Object.entries(n))n[e]=r.filter(e=>!t.find(t=>t.value===e.value));return n}function m(e,t){for(let[,n]of Object.entries(e))if(n.some(e=>t.find(t=>t.value===e.value)))return!0;return!1}const h=a.forwardRef(({className:t,...n},r)=>{let i=d(e=>e.filtered.count===0);return i?s(`div`,{ref:r,className:e(`px-2 py-4 text-center text-sm`,t),"cmdk-empty":``,role:`presentation`,...n}):null});h.displayName=`CommandEmpty`;const g=a.forwardRef(({value:d,onChange:g,placeholder:_,defaultOptions:v=[],options:y,delay:b,onSearch:x,onSearchSync:S,loadingIndicator:ie,emptyIndicator:C,maxSelected:w=9007199254740991,onMaxSelected:T,hidePlaceholderWhenSelected:E,disabled:D,groupBy:O,className:ae,badgeClassName:k,selectFirstItem:A=!0,creatable:j=!1,triggerSearchOnFocus:M=!1,commandProps:N,inputProps:P,hideClearAllButton:F=!1,onAddNewItem:I},L)=>{let R=a.useRef(null),z=a.useRef(null),[B,V]=a.useState(!1),[oe,H]=a.useState(!1),[U,W]=a.useState(!1),[G,K]=a.useState(d||[]),[q,J]=a.useState(p(v,O)),[Y,X]=a.useState(``),Z=f(Y,b||500);a.useImperativeHandle(L,()=>({selectedValue:[...G],input:R.current,focus:()=>R?.current?.focus(),reset:()=>K([])}),[G]);let Q=a.useCallback(e=>{z.current&&!z.current.contains(e.target)&&R.current&&!R.current.contains(e.target)&&(V(!1),R.current.blur())},[]),$=a.useCallback(e=>{let t=G.filter(t=>t.value!==e.value);K(t),g?.(t)},[g,G]),se=a.useCallback(e=>{let t=R.current;if(t){if((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0){let e=G[G.length-1];e.fixed||$(G[G.length-1])}e.key===`Escape`&&t.blur()}},[$,G]);a.useEffect(()=>(B?(document.addEventListener(`mousedown`,Q),document.addEventListener(`touchend`,Q)):(document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)),()=>{document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)}),[B]),a.useEffect(()=>{d&&K(d)},[d]),a.useEffect(()=>{if(!y||x)return;let e=p(y||[],O);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[v,y,O,x,q]),a.useEffect(()=>{let e=()=>{let e=S?.(Z);J(p(e||[],O))},t=async()=>{!S||!B||(M&&e(),Z&&e())};t()},[Z,O,B,M]),a.useEffect(()=>{let e=async()=>{W(!0);let e=await x?.(Z);J(p(e||[],O)),W(!1)},t=async()=>{!x||!B||(M&&await e(),Z&&await e())};t()},[Z,O,B,M]);let ce=()=>{if(!j||m(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=s(i,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=w){T?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),g?.(t)},children:`Create "${Y}"`});if(!x&&Y.length>0||x&&Z.length>0&&!U)return e},le=a.useCallback(()=>{if(C)return x&&!j&&Object.keys(q).length===0?s(i,{value:`-`,disabled:!0,children:C}):s(h,{children:C})},[j,C,x,q]),ue=a.useMemo(()=>re(q,G),[q,G]),de=a.useCallback(()=>{if(N?.filter)return N.filter;if(j)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[j,N?.filter]);return c(n,{ref:z,...N,onKeyDown:e=>{se(e),N?.onKeyDown?.(e)},className:e(`h-auto overflow-visible bg-transparent`,N?.className),shouldFilter:N?.shouldFilter===void 0?!x:N.shouldFilter,filter:de(),children:[s(`div`,{className:e(`border-input focus-within:border-primary focus-within:ring-ring relative rounded-md border text-sm transition-shadow focus-within:ring-4 focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,{"p-1":G.length!==0,"cursor-text":!D&&G.length!==0},!F&&`pe-9`,ae),onClick:()=>{D||R?.current?.focus()},children:c(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(t=>c(`div`,{className:e(`animate-fadeIn bg-background text-secondary-foreground hover:bg-background relative inline-flex h-7 cursor-default items-center rounded-md border border-solid ps-2 pe-7 pl-2 text-xs font-medium transition-all disabled:cursor-not-allowed disabled:opacity-50 data-fixed:pe-2`,k),"data-fixed":t.fixed,"data-disabled":D||void 0,children:[t.label,s(`button`,{type:`button`,disabled:D||t.fixed,className:e(`text-muted-foreground/80 absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors`,`hover:text-foreground`,`focus-visible:outline`,`focus-visible:outline-2`,`focus-visible:outline-ring/70`,`disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`),onKeyDown:e=>{e.key===`Enter`&&$(t)},onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:()=>$(t),"aria-label":`Remove`,children:s(u,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},t.value)),s(ne.Input,{...P,ref:R,value:Y,disabled:D,onValueChange:e=>{X(e),P?.onValueChange?.(e)},onBlur:e=>{oe||V(!1),P?.onBlur?.(e)},onFocus:e=>{V(!0),M&&x?.(Z),P?.onFocus?.(e)},placeholder:E&&G.length!==0?``:_,className:e(`placeholder:text-muted-foreground flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":E,"px-3 py-2":G.length===0,"ml-1":G.length!==0},P?.className)}),s(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),g?.(G.filter(e=>e.fixed))},className:e(`text-muted-foreground/80`,`absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors`,`focus-visible:outline-2`,`hover:text-foreground`,`focus-visible:outline-ring/70`,(F||D||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:s(u,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),s(`div`,{className:`relative`,children:s(`div`,{className:e(`border-input absolute top-2 z-10 w-full overflow-hidden rounded-lg border shadow-sm`,`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`,!B&&`hidden`),"data-state":B?`open`:`closed`,children:B&&c(ee,{className:`bg-popover text-popover-foreground shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{R?.current?.focus()},children:[I&&c(o,{children:[s(te,{}),s(r,{children:c(t,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:I,children:[s(l,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?ie:c(a.Fragment,{children:[le(),ce(),!A&&s(i,{value:`-`,className:`hidden`}),Object.entries(ue).map(([t,n])=>s(r,{heading:t,className:`h-full overflow-auto`,children:n.map(t=>s(i,{value:t.value,disabled:t.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=w){T?.(G.length);return}X(``);let e=[...G,t];K(e),g?.(e)},className:e(`cursor-pointer`,t.disable&&`cursor-not-allowed opacity-50`),children:t.label},t.value))},t))]})]})})})]})});g.displayName=`MultipleSelector`;var _=g;export{_ as multi_select_default,f as useDebounce};
+//# sourceMappingURL=multi-select-Bbv0Z0TP.js.map