@customafk/lunas-ui 0.0.51 → 0.0.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{alert-dialog-uupOOu4w.cjs → alert-dialog-Csc7kQmx.cjs} +1 -1
- package/dist/{alert-dialog-uupOOu4w.cjs.map → alert-dialog-Csc7kQmx.cjs.map} +1 -1
- package/dist/{alert-dialog-6qa0-AL-.js → alert-dialog-Dns2874J.js} +1 -1
- package/dist/{alert-dialog-6qa0-AL-.js.map → alert-dialog-Dns2874J.js.map} +1 -1
- package/dist/{button-Dqjl-_1L.d.cts → button-DBBV45P_.d.cts} +6 -6
- package/dist/{button-BpzWrmoW.d.ts → button-y_YnE05_.d.ts} +4 -4
- package/dist/{calendar-C7iyQZwR.cjs → calendar-DSpnZGer.cjs} +1 -1
- package/dist/{calendar-C7iyQZwR.cjs.map → calendar-DSpnZGer.cjs.map} +1 -1
- package/dist/{calendar-BNDEnp7Y.js → calendar-DXPcqnGq.js} +1 -1
- package/dist/{calendar-BNDEnp7Y.js.map → calendar-DXPcqnGq.js.map} +1 -1
- package/dist/{command-DCsHbsXC.d.ts → command-BAGuL4Lq.d.ts} +12 -12
- package/dist/{command-BqUZEUTy.cjs → command-BBHlXG-4.cjs} +2 -2
- package/dist/{command-BqUZEUTy.cjs.map → command-BBHlXG-4.cjs.map} +1 -1
- package/dist/{command-DDEPfIuG.d.cts → command-BHcMi5w6.d.cts} +12 -12
- package/dist/{command-C3siWT3g.js → command-DEYbZBFJ.js} +2 -2
- package/dist/{command-C3siWT3g.js.map → command-DEYbZBFJ.js.map} +1 -1
- package/dist/data-display/empty.d.cts +2 -2
- package/dist/data-display/empty.d.ts +2 -2
- package/dist/data-display/statistic.d.cts +2 -2
- package/dist/data-display/statistic.d.ts +2 -2
- package/dist/{dialog-o57aUCIY.d.ts → dialog-DzGLUK6_.d.ts} +12 -12
- package/dist/{dialog-Bs4GjaJC.d.cts → dialog-LR_6dvSQ.d.cts} +12 -12
- package/dist/{dialog-DEgx84P1.js → dialog-T1ItzQn7.js} +2 -2
- package/dist/{dialog-DEgx84P1.js.map → dialog-T1ItzQn7.js.map} +1 -1
- package/dist/{dialog-C712sXiq.cjs → dialog-yB7g_7Wi.cjs} +2 -2
- package/dist/{dialog-C712sXiq.cjs.map → dialog-yB7g_7Wi.cjs.map} +1 -1
- package/dist/dialogs/confirm-dialog.cjs +1 -1
- package/dist/dialogs/confirm-dialog.js +1 -1
- package/dist/dialogs/detail-dialog/component/sidebar.cjs +1 -1
- package/dist/dialogs/detail-dialog/component/sidebar.d.cts +30 -30
- package/dist/dialogs/detail-dialog/component/sidebar.d.ts +28 -28
- package/dist/dialogs/detail-dialog/component/sidebar.js +1 -1
- package/dist/dialogs/detail-dialog/index.cjs +1 -1
- package/dist/dialogs/detail-dialog/index.js +1 -1
- package/dist/dialogs/error-dialog.cjs +1 -1
- package/dist/dialogs/error-dialog.js +1 -1
- package/dist/dialogs/form-dialog.cjs +1 -1
- package/dist/dialogs/form-dialog.d.cts +2 -2
- package/dist/dialogs/form-dialog.d.ts +2 -2
- package/dist/dialogs/form-dialog.js +1 -1
- package/dist/dialogs/loading-dialog.cjs +1 -1
- package/dist/dialogs/loading-dialog.js +1 -1
- package/dist/{dropdown-menu-DiM3sKIv.js → dropdown-menu-CwOzdfK7.js} +2 -2
- package/dist/{dropdown-menu-DiM3sKIv.js.map → dropdown-menu-CwOzdfK7.js.map} +1 -1
- package/dist/{dropdown-menu-B8ugkLB5.cjs → dropdown-menu-DCzZUtLD.cjs} +2 -2
- package/dist/{dropdown-menu-B8ugkLB5.cjs.map → dropdown-menu-DCzZUtLD.cjs.map} +1 -1
- package/dist/{error-dialog-BBLVVBIX.js → error-dialog-ByXuHE0a.js} +2 -2
- package/dist/{error-dialog-BBLVVBIX.js.map → error-dialog-ByXuHE0a.js.map} +1 -1
- package/dist/{error-dialog-Kgd1Xrk2.cjs → error-dialog-DLdKDr0g.cjs} +2 -2
- package/dist/{error-dialog-Kgd1Xrk2.cjs.map → error-dialog-DLdKDr0g.cjs.map} +1 -1
- package/dist/{form-wrapper-Dpy38iwE.js → form-wrapper-3lbgT-6k.js} +2 -2
- package/dist/{form-wrapper-Dpy38iwE.js.map → form-wrapper-3lbgT-6k.js.map} +1 -1
- package/dist/{form-wrapper-w7Zs6cBz.cjs → form-wrapper-DTk206PA.cjs} +2 -2
- package/dist/{form-wrapper-w7Zs6cBz.cjs.map → form-wrapper-DTk206PA.cjs.map} +1 -1
- package/dist/forms/combobox-field.cjs +1 -1
- package/dist/forms/combobox-field.d.ts +2 -2
- package/dist/forms/combobox-field.js +1 -1
- package/dist/forms/date-field.cjs +1 -1
- package/dist/forms/date-field.d.cts +2 -2
- package/dist/forms/date-field.d.ts +2 -2
- package/dist/forms/date-field.js +1 -1
- package/dist/forms/form-wrapper.cjs +1 -1
- package/dist/forms/form-wrapper.d.cts +2 -2
- package/dist/forms/form-wrapper.d.ts +2 -2
- package/dist/forms/form-wrapper.js +1 -1
- package/dist/forms/multi-select-field.cjs +1 -1
- package/dist/forms/multi-select-field.cjs.map +1 -1
- package/dist/forms/multi-select-field.d.cts +2 -2
- package/dist/forms/multi-select-field.d.ts +2 -2
- package/dist/forms/multi-select-field.js +1 -1
- package/dist/forms/number-field.d.cts +2 -2
- package/dist/forms/number-field.d.ts +2 -2
- package/dist/forms/password-field.d.cts +2 -2
- package/dist/forms/password-field.d.ts +2 -2
- package/dist/forms/select-field.cjs +1 -1
- package/dist/forms/select-field.d.cts +2 -2
- package/dist/forms/select-field.d.ts +2 -2
- package/dist/forms/select-field.js +1 -1
- package/dist/forms/switch-field.d.cts +2 -2
- package/dist/forms/switch-field.d.ts +2 -2
- package/dist/forms/text-field.d.cts +2 -2
- package/dist/forms/text-field.d.ts +2 -2
- package/dist/forms/textarea-field.d.cts +2 -2
- package/dist/forms/textarea-field.d.ts +2 -2
- package/dist/{input-R2epHdqx.d.cts → input-BZBf-l4K.d.ts} +3 -3
- package/dist/{input-sCT-6xsp.d.ts → input-Ci55gNyE.d.cts} +3 -3
- package/dist/layouts/app-layout/index.cjs +1 -1
- package/dist/layouts/app-layout/index.cjs.map +1 -1
- package/dist/layouts/app-layout/index.d.cts +13 -4
- package/dist/layouts/app-layout/index.d.ts +36 -27
- package/dist/layouts/app-layout/index.js +1 -1
- package/dist/layouts/app-layout/index.js.map +1 -1
- package/dist/layouts/flex.d.cts +2 -2
- package/dist/layouts/flex.d.ts +2 -2
- package/dist/layouts/main/index.cjs +1 -1
- package/dist/layouts/main/index.d.cts +4 -4
- package/dist/layouts/main/index.d.ts +4 -4
- package/dist/layouts/main/index.js +1 -1
- package/dist/{multi-select-D1CyXEEU.cjs → multi-select-Doj_6IIC.cjs} +2 -2
- package/dist/{multi-select-D1CyXEEU.cjs.map → multi-select-Doj_6IIC.cjs.map} +1 -1
- package/dist/{multi-select-DNLyV99t.js → multi-select-i3VQ915k.js} +2 -2
- package/dist/{multi-select-DNLyV99t.js.map → multi-select-i3VQ915k.js.map} +1 -1
- package/dist/{popover-DyoAfuhi.js → popover-DjfTTw9J.js} +1 -1
- package/dist/{popover-DyoAfuhi.js.map → popover-DjfTTw9J.js.map} +1 -1
- package/dist/{popover-ByzBl1kH.cjs → popover-F0wFeBo7.cjs} +1 -1
- package/dist/{popover-ByzBl1kH.cjs.map → popover-F0wFeBo7.cjs.map} +1 -1
- package/dist/{select-BQqcz6WZ.cjs → select-C5k0McoM.cjs} +2 -2
- package/dist/{select-BQqcz6WZ.cjs.map → select-C5k0McoM.cjs.map} +1 -1
- package/dist/{select-RKVYJMTd.js → select-Ch3I_jWe.js} +2 -2
- package/dist/{select-RKVYJMTd.js.map → select-Ch3I_jWe.js.map} +1 -1
- package/dist/{separator-Dbnfpp4O.d.ts → separator-BssDmBsX.d.ts} +3 -3
- package/dist/{separator-DqZqnxVX.d.cts → separator-DbpWHldj.d.cts} +3 -3
- package/dist/{sheet-C1xD7y3c.cjs → sheet-CX3PajAc.cjs} +2 -2
- package/dist/{sheet-C1xD7y3c.cjs.map → sheet-CX3PajAc.cjs.map} +1 -1
- package/dist/{sheet-7EAzHejw.js → sheet-DqPtcv9H.js} +2 -2
- package/dist/{sheet-7EAzHejw.js.map → sheet-DqPtcv9H.js.map} +1 -1
- package/dist/{sidebar-CiwQxjVy.js → sidebar-5HuN-j1i.js} +2 -2
- package/dist/{sidebar-CiwQxjVy.js.map → sidebar-5HuN-j1i.js.map} +1 -1
- package/dist/{sidebar-BBGQoMRz.cjs → sidebar-B-iUTI3P.cjs} +2 -2
- package/dist/{sidebar-BBGQoMRz.cjs.map → sidebar-B-iUTI3P.cjs.map} +1 -1
- package/dist/{sidebar-TbS--Nn9.js → sidebar-BDLTT1ko.js} +2 -2
- package/dist/{sidebar-TbS--Nn9.js.map → sidebar-BDLTT1ko.js.map} +1 -1
- package/dist/{sidebar-DJMaPaw_.cjs → sidebar-C0EmqKyz.cjs} +2 -2
- package/dist/{sidebar-DJMaPaw_.cjs.map → sidebar-C0EmqKyz.cjs.map} +1 -1
- package/dist/table/index.cjs +1 -1
- package/dist/table/index.d.cts +2 -2
- package/dist/table/index.d.ts +2 -2
- package/dist/table/index.js +1 -1
- package/dist/{toggle-DMwjiW0b.d.ts → toggle-C9fT4j4U.d.cts} +5 -5
- package/dist/{toggle-DdWULx3J.d.cts → toggle-Cfa3Ju6R.d.ts} +5 -5
- package/dist/{tooltip-etVeWcFC.d.cts → tooltip-CnemaSZS.d.cts} +6 -6
- package/dist/{tooltip-BdQX04xj.d.ts → tooltip-GgIQS_wc.d.ts} +6 -6
- package/dist/typography/paragraph.d.cts +2 -2
- package/dist/typography/paragraph.d.ts +2 -2
- package/dist/typography/title.d.cts +2 -2
- package/dist/typography/title.d.ts +2 -2
- package/dist/ui/alert-dialog.cjs +1 -1
- package/dist/ui/alert-dialog.d.cts +12 -12
- package/dist/ui/alert-dialog.d.ts +12 -12
- package/dist/ui/alert-dialog.js +1 -1
- package/dist/ui/alert.d.cts +6 -6
- package/dist/ui/alert.d.ts +6 -6
- package/dist/ui/aspect-ratio.d.cts +2 -2
- package/dist/ui/aspect-ratio.d.ts +2 -2
- package/dist/ui/avatar.d.cts +4 -4
- package/dist/ui/avatar.d.ts +4 -4
- package/dist/ui/badge.d.cts +4 -4
- package/dist/ui/badge.d.ts +4 -4
- package/dist/ui/breadcrumb.cjs +1 -1
- package/dist/ui/breadcrumb.d.cts +8 -8
- package/dist/ui/breadcrumb.d.ts +8 -8
- package/dist/ui/breadcrumb.js +1 -1
- package/dist/ui/button.d.cts +1 -1
- package/dist/ui/button.d.ts +1 -1
- package/dist/ui/calendar.cjs +1 -1
- package/dist/ui/calendar.d.cts +4 -4
- package/dist/ui/calendar.d.ts +4 -4
- package/dist/ui/calendar.js +1 -1
- package/dist/ui/card.d.cts +8 -8
- package/dist/ui/card.d.ts +8 -8
- package/dist/ui/carousel.d.cts +7 -7
- package/dist/ui/carousel.d.ts +7 -7
- package/dist/ui/collapsible.d.cts +4 -4
- package/dist/ui/collapsible.d.ts +4 -4
- package/dist/ui/command.cjs +1 -1
- package/dist/ui/command.d.cts +2 -2
- package/dist/ui/command.d.ts +2 -2
- package/dist/ui/command.js +1 -1
- package/dist/ui/context-menu.cjs +1 -1
- package/dist/ui/context-menu.d.cts +16 -16
- package/dist/ui/context-menu.d.ts +16 -16
- package/dist/ui/context-menu.js +1 -1
- package/dist/ui/dialog.cjs +1 -1
- package/dist/ui/dialog.d.cts +1 -1
- package/dist/ui/dialog.d.ts +1 -1
- package/dist/ui/dialog.js +1 -1
- package/dist/ui/dropdown-menu.cjs +1 -1
- package/dist/ui/dropdown-menu.d.cts +16 -16
- package/dist/ui/dropdown-menu.d.ts +16 -16
- package/dist/ui/dropdown-menu.js +1 -1
- package/dist/ui/file-uploader.d.cts +2 -2
- package/dist/ui/file-uploader.d.ts +2 -2
- package/dist/ui/form.d.cts +7 -7
- package/dist/ui/form.d.ts +7 -7
- package/dist/ui/hover-card.d.cts +4 -4
- package/dist/ui/hover-card.d.ts +4 -4
- package/dist/ui/input-otp.d.cts +5 -5
- package/dist/ui/input-otp.d.ts +5 -5
- package/dist/ui/input.d.cts +1 -1
- package/dist/ui/input.d.ts +1 -1
- package/dist/ui/inputs/search-input.d.cts +3 -3
- package/dist/ui/inputs/search-input.d.ts +3 -3
- package/dist/ui/label.d.cts +2 -2
- package/dist/ui/label.d.ts +2 -2
- package/dist/ui/menubar.cjs +1 -1
- package/dist/ui/menubar.d.cts +17 -17
- package/dist/ui/menubar.d.ts +17 -17
- package/dist/ui/menubar.js +1 -1
- package/dist/ui/multi-select.cjs +1 -1
- package/dist/ui/multi-select.d.cts +2 -2
- package/dist/ui/multi-select.d.ts +2 -2
- package/dist/ui/multi-select.js +1 -1
- package/dist/ui/navigation-menu.cjs +1 -1
- package/dist/ui/navigation-menu.d.cts +11 -11
- package/dist/ui/navigation-menu.d.ts +9 -9
- package/dist/ui/navigation-menu.js +1 -1
- package/dist/ui/pagination.d.cts +9 -9
- package/dist/ui/pagination.d.ts +9 -9
- package/dist/ui/popover.cjs +1 -1
- package/dist/ui/popover.d.cts +5 -5
- package/dist/ui/popover.d.ts +5 -5
- package/dist/ui/popover.js +1 -1
- package/dist/ui/progress.d.cts +2 -2
- package/dist/ui/progress.d.ts +2 -2
- package/dist/ui/radio-group.cjs +1 -1
- package/dist/ui/radio-group.d.cts +3 -3
- package/dist/ui/radio-group.d.ts +3 -3
- package/dist/ui/radio-group.js +1 -1
- package/dist/ui/resizable.d.cts +4 -4
- package/dist/ui/resizable.d.ts +4 -4
- package/dist/ui/scroll-area.d.cts +3 -3
- package/dist/ui/scroll-area.d.ts +3 -3
- package/dist/ui/select.cjs +1 -1
- package/dist/ui/select.d.cts +11 -11
- package/dist/ui/select.d.ts +11 -11
- package/dist/ui/select.js +1 -1
- package/dist/ui/separator.d.cts +1 -1
- package/dist/ui/separator.d.ts +1 -1
- package/dist/ui/sheet.cjs +1 -1
- package/dist/ui/sheet.d.cts +9 -9
- package/dist/ui/sheet.d.ts +9 -9
- package/dist/ui/sheet.js +1 -1
- package/dist/ui/sidebar.cjs +1 -1
- package/dist/ui/sidebar.d.cts +30 -30
- package/dist/ui/sidebar.d.ts +30 -30
- package/dist/ui/sidebar.js +1 -1
- package/dist/ui/skeleton.d.cts +2 -2
- package/dist/ui/skeleton.d.ts +2 -2
- package/dist/ui/slider.d.cts +2 -2
- package/dist/ui/slider.d.ts +2 -2
- package/dist/ui/sonner.d.cts +2 -2
- package/dist/ui/sonner.d.ts +2 -2
- package/dist/ui/switch.d.cts +2 -2
- package/dist/ui/switch.d.ts +2 -2
- package/dist/ui/table.d.cts +9 -9
- package/dist/ui/table.d.ts +9 -9
- package/dist/ui/tabs.d.cts +5 -5
- package/dist/ui/tabs.d.ts +5 -5
- package/dist/ui/textarea.d.cts +2 -2
- package/dist/ui/textarea.d.ts +2 -2
- package/dist/ui/toggle-group.d.cts +4 -4
- package/dist/ui/toggle-group.d.ts +4 -4
- package/dist/ui/toggle.d.cts +1 -1
- package/dist/ui/toggle.d.ts +1 -1
- package/dist/ui/tooltip.d.cts +1 -1
- package/dist/ui/tooltip.d.ts +1 -1
- package/package.json +5 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime4 from "react/jsx-runtime";
|
|
3
3
|
import { FieldValues, FormState, SubmitErrorHandler, UseFormProps } from "react-hook-form";
|
|
4
4
|
|
|
5
5
|
//#region packages/components/forms/form-wrapper.d.ts
|
|
@@ -19,7 +19,7 @@ declare const FormWrapper: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
19
19
|
onError,
|
|
20
20
|
onSubcribe,
|
|
21
21
|
children
|
|
22
|
-
}: React.PropsWithChildren<Props<TFieldValues>>) =>
|
|
22
|
+
}: React.PropsWithChildren<Props<TFieldValues>>) => react_jsx_runtime4.JSX.Element;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { FormWrapper };
|
|
25
25
|
//# sourceMappingURL=form-wrapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../utils-D9AH0PUV.js";import"../button-Pscu7CVU.js";import"../
|
|
1
|
+
import"../utils-D9AH0PUV.js";import"../button-Pscu7CVU.js";import"../alert-dialog-Dns2874J.js";import"../error-dialog-ByXuHE0a.js";import"../label-DuddAB1p.js";import"../form-D5BmOjlU.js";import{FormWrapper as e}from"../form-wrapper-3lbgT-6k.js";export{e as FormWrapper};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`),require(`../button-Db_CKSZw.cjs`),require(`../
|
|
1
|
+
"use client";const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`),require(`../button-Db_CKSZw.cjs`),require(`../label-CW94D639.cjs`);const t=require(`../form-C7n0ESic.cjs`);require(`../dialog-yB7g_7Wi.cjs`),require(`../command-BBHlXG-4.cjs`);const n=require(`../multi-select-Doj_6IIC.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=({name:e,label:i=`Multi Select Field`,isShowLabel:a=!0,isShowErrorMsg:o,placeholder:s=`Select options`,description:c=``,options:l=[],onAdd:u})=>(0,r.jsx)(t.FormField,{name:e,render:({field:{value:e,onChange:d}})=>{let f=l.filter(t=>e?.includes(t.value)),p=e=>{let t=e.map(e=>e.value);d(t)};return(0,r.jsxs)(t.FormItem,{className:`w-full gap-0`,children:[a&&(0,r.jsx)(t.FormLabel,{children:i}),(0,r.jsx)(t.FormControl,{children:(0,r.jsx)(n.MultipleSelector,{placeholder:s,emptyIndicator:`No options available`,value:f,options:l,onChange:p,onAddNewItem:u})}),!!c&&(0,r.jsx)(t.FormDescription,{children:c}),o&&(0,r.jsx)(t.FormMessage,{})]})}});exports.MultiSelectField=i;
|
|
2
2
|
//# sourceMappingURL=multi-select-field.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-select-field.cjs","names":["FormField","value","FormItem","FormLabel","FormControl","MultipleSelector","FormDescription","FormMessage"],"sources":["../../packages/components/forms/multi-select-field.tsx"],"sourcesContent":["'use client'\nimport type { FieldPath, FieldValues } from 'react-hook-form'\n\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form'\nimport { type Option, MultipleSelector } from '../ui/multi-select'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n name: FieldPath<TFieldValues>\n isShowLabel?: boolean\n isShowErrorMsg?: boolean\n label?: string\n description?: string\n placeholder?: string\n options?: { value: string; label: string }[]\n onAdd?: () => void\n}\nexport const MultiSelectField = <TFieldValues extends FieldValues = FieldValues>({\n name,\n label = 'Multi Select Field',\n isShowLabel = true,\n isShowErrorMsg,\n placeholder = 'Select options',\n description = '',\n options = [],\n onAdd,\n}: Props<TFieldValues>) => {\n return (\n <FormField\n name={name}\n render={({ field: { value, onChange } }) => {\n const val = options.filter((option) => value?.includes(option.value))\n const handleOnChange = (value: Option[]) => {\n const selectedValues = value.map((v) => v.value)\n onChange(selectedValues)\n }\n return (\n <FormItem className=\"w-full gap-0\">\n {isShowLabel && <FormLabel>{label}</FormLabel>}\n <FormControl>\n <MultipleSelector\n placeholder={placeholder}\n emptyIndicator=\"No options available\"\n value={val}\n options={options}\n onChange={handleOnChange}\n onAddNewItem={onAdd}\n />\n </FormControl>\n {!!description && <FormDescription>{description}</FormDescription>}\n {isShowErrorMsg && <FormMessage />}\n </FormItem>\n )\n }}\n />\n )\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"multi-select-field.cjs","names":["FormField","value","FormItem","FormLabel","FormControl","MultipleSelector","FormDescription","FormMessage"],"sources":["../../packages/components/forms/multi-select-field.tsx"],"sourcesContent":["'use client'\nimport type { FieldPath, FieldValues } from 'react-hook-form'\n\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form'\nimport { type Option, MultipleSelector } from '../ui/multi-select'\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n name: FieldPath<TFieldValues>\n isShowLabel?: boolean\n isShowErrorMsg?: boolean\n label?: string\n description?: string\n placeholder?: string\n options?: { value: string; label: string }[]\n onAdd?: () => void\n}\nexport const MultiSelectField = <TFieldValues extends FieldValues = FieldValues>({\n name,\n label = 'Multi Select Field',\n isShowLabel = true,\n isShowErrorMsg,\n placeholder = 'Select options',\n description = '',\n options = [],\n onAdd,\n}: Props<TFieldValues>) => {\n return (\n <FormField\n name={name}\n render={({ field: { value, onChange } }) => {\n const val = options.filter((option) => value?.includes(option.value))\n const handleOnChange = (value: Option[]) => {\n const selectedValues = value.map((v) => v.value)\n onChange(selectedValues)\n }\n return (\n <FormItem className=\"w-full gap-0\">\n {isShowLabel && <FormLabel>{label}</FormLabel>}\n <FormControl>\n <MultipleSelector\n placeholder={placeholder}\n emptyIndicator=\"No options available\"\n value={val}\n options={options}\n onChange={handleOnChange}\n onAddNewItem={onAdd}\n />\n </FormControl>\n {!!description && <FormDescription>{description}</FormDescription>}\n {isShowErrorMsg && <FormMessage />}\n </FormItem>\n )\n }}\n />\n )\n}\n"],"mappings":"iWAgBa,GAAoE,CAC/E,OACA,QAAQ,qBACR,cAAc,GACd,iBACA,cAAc,iBACd,cAAc,GACd,UAAU,GACV,YAGE,EAAA,EAAA,KAACA,EAAAA,UAAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,QAAO,eAAiB,CAC1C,IAAM,EAAM,EAAQ,OAAQ,GAAW,GAAO,SAAS,EAAO,QACxD,EAAkB,GAAoB,CAC1C,IAAM,EAAiBC,EAAM,IAAK,GAAM,EAAE,OAC1C,EAAS,IAEX,OACE,EAAA,EAAA,MAACC,EAAAA,SAAAA,CAAS,UAAU,yBACjB,IAAe,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAAA,SAAW,KAC5B,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,iBAAAA,CACc,cACb,eAAe,uBACf,MAAO,EACE,UACT,SAAU,EACV,aAAc,MAGjB,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,SAAiB,IACnC,IAAkB,EAAA,EAAA,KAACC,EAAAA,YAAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime16 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/multi-select-field.d.ts
|
|
@@ -24,7 +24,7 @@ declare const MultiSelectField: <TFieldValues extends FieldValues = FieldValues>
|
|
|
24
24
|
description,
|
|
25
25
|
options,
|
|
26
26
|
onAdd
|
|
27
|
-
}: Props<TFieldValues>) =>
|
|
27
|
+
}: Props<TFieldValues>) => react_jsx_runtime16.JSX.Element;
|
|
28
28
|
//#endregion
|
|
29
29
|
export { MultiSelectField };
|
|
30
30
|
//# sourceMappingURL=multi-select-field.d.cts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime5 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/multi-select-field.d.ts
|
|
@@ -24,7 +24,7 @@ declare const MultiSelectField: <TFieldValues extends FieldValues = FieldValues>
|
|
|
24
24
|
description,
|
|
25
25
|
options,
|
|
26
26
|
onAdd
|
|
27
|
-
}: Props<TFieldValues>) =>
|
|
27
|
+
}: Props<TFieldValues>) => react_jsx_runtime5.JSX.Element;
|
|
28
28
|
//#endregion
|
|
29
29
|
export { MultiSelectField };
|
|
30
30
|
//# sourceMappingURL=multi-select-field.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import"../utils-D9AH0PUV.js";import"../button-Pscu7CVU.js";import"../
|
|
1
|
+
"use client";import"../utils-D9AH0PUV.js";import"../button-Pscu7CVU.js";import"../label-DuddAB1p.js";import{FormControl as e,FormDescription as t,FormField as n,FormItem as r,FormLabel as i,FormMessage as a}from"../form-D5BmOjlU.js";import"../dialog-T1ItzQn7.js";import"../command-DEYbZBFJ.js";import{MultipleSelector as o}from"../multi-select-i3VQ915k.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({name:l,label:u=`Multi Select Field`,isShowLabel:d=!0,isShowErrorMsg:f,placeholder:p=`Select options`,description:m=``,options:h=[],onAdd:g})=>s(n,{name:l,render:({field:{value:n,onChange:l}})=>{let _=h.filter(e=>n?.includes(e.value)),v=e=>{let t=e.map(e=>e.value);l(t)};return c(r,{className:`w-full gap-0`,children:[d&&s(i,{children:u}),s(e,{children:s(o,{placeholder:p,emptyIndicator:`No options available`,value:_,options:h,onChange:v,onAddNewItem:g})}),!!m&&s(t,{children:m}),f&&s(a,{})]})}});export{l as MultiSelectField};
|
|
2
2
|
//# sourceMappingURL=multi-select-field.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime18 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/number-field.d.ts
|
|
@@ -22,7 +22,7 @@ declare const NumberField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
22
22
|
unitText,
|
|
23
23
|
description,
|
|
24
24
|
onValueChange
|
|
25
|
-
}: Props<TFieldValues>) =>
|
|
25
|
+
}: Props<TFieldValues>) => react_jsx_runtime18.JSX.Element;
|
|
26
26
|
//#endregion
|
|
27
27
|
export { NumberField };
|
|
28
28
|
//# sourceMappingURL=number-field.d.cts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime8 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/number-field.d.ts
|
|
@@ -22,7 +22,7 @@ declare const NumberField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
22
22
|
unitText,
|
|
23
23
|
description,
|
|
24
24
|
onValueChange
|
|
25
|
-
}: Props<TFieldValues>) =>
|
|
25
|
+
}: Props<TFieldValues>) => react_jsx_runtime8.JSX.Element;
|
|
26
26
|
//#endregion
|
|
27
27
|
export { NumberField };
|
|
28
28
|
//# sourceMappingURL=number-field.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime20 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/password-field.d.ts
|
|
@@ -17,7 +17,7 @@ declare const PasswordField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
17
17
|
isShowErrorMsg,
|
|
18
18
|
description,
|
|
19
19
|
onValueChange
|
|
20
|
-
}: Props<TFieldValues>) =>
|
|
20
|
+
}: Props<TFieldValues>) => react_jsx_runtime20.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { PasswordField };
|
|
23
23
|
//# sourceMappingURL=password-field.d.cts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime2 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/password-field.d.ts
|
|
@@ -17,7 +17,7 @@ declare const PasswordField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
17
17
|
isShowErrorMsg,
|
|
18
18
|
description,
|
|
19
19
|
onValueChange
|
|
20
|
-
}: Props<TFieldValues>) =>
|
|
20
|
+
}: Props<TFieldValues>) => react_jsx_runtime2.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { PasswordField };
|
|
23
23
|
//# sourceMappingURL=password-field.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`);require(`../label-CW94D639.cjs`);const n=require(`../form-C7n0ESic.cjs`),r=require(`../select-
|
|
1
|
+
"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`);require(`../label-CW94D639.cjs`);const n=require(`../form-C7n0ESic.cjs`),r=require(`../select-C5k0McoM.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=({name:e,label:a=`Select Field`,placeholder:o=`Select an option`,disabledValues:s=[],options:c=[],isShowLabel:l=!0,isShowErrorMsg:u=!1,description:d=``,className:f=``})=>(0,i.jsx)(n.FormField,{name:e,render:({field:e})=>(0,i.jsxs)(n.FormItem,{className:t.cn(`w-full`,f),children:[l&&(0,i.jsx)(n.FormLabel,{children:a}),(0,i.jsxs)(r.Select,{defaultValue:e.value,onValueChange:e.onChange,children:[(0,i.jsx)(n.FormControl,{children:(0,i.jsx)(r.SelectTrigger,{className:`w-full`,children:(0,i.jsx)(r.SelectValue,{placeholder:o})})}),(0,i.jsx)(r.SelectContent,{children:c.map(e=>(0,i.jsx)(r.SelectItem,{disabled:s.includes(e.value),value:e.value,children:e.label},e.value))})]}),!!d&&(0,i.jsx)(n.FormDescription,{children:d}),u&&(0,i.jsx)(n.FormMessage,{})]})});exports.SelectField=a;
|
|
2
2
|
//# sourceMappingURL=select-field.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime21 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/select-field.d.ts
|
|
@@ -27,7 +27,7 @@ declare const SelectField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
27
27
|
isShowErrorMsg,
|
|
28
28
|
description,
|
|
29
29
|
className
|
|
30
|
-
}: Props<TFieldValues>) =>
|
|
30
|
+
}: Props<TFieldValues>) => react_jsx_runtime21.JSX.Element;
|
|
31
31
|
//#endregion
|
|
32
32
|
export { SelectField };
|
|
33
33
|
//# sourceMappingURL=select-field.d.cts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime7 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/select-field.d.ts
|
|
@@ -27,7 +27,7 @@ declare const SelectField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
27
27
|
isShowErrorMsg,
|
|
28
28
|
description,
|
|
29
29
|
className
|
|
30
|
-
}: Props<TFieldValues>) =>
|
|
30
|
+
}: Props<TFieldValues>) => react_jsx_runtime7.JSX.Element;
|
|
31
31
|
//#endregion
|
|
32
32
|
export { SelectField };
|
|
33
33
|
//# sourceMappingURL=select-field.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{cn as e}from"../utils-D9AH0PUV.js";import"../label-DuddAB1p.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-D5BmOjlU.js";import{Select as s,SelectContent as c,SelectItem as l,SelectTrigger as u,SelectValue as d}from"../select-
|
|
1
|
+
"use client";import{cn as e}from"../utils-D9AH0PUV.js";import"../label-DuddAB1p.js";import{FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o}from"../form-D5BmOjlU.js";import{Select as s,SelectContent as c,SelectItem as l,SelectTrigger as u,SelectValue as d}from"../select-Ch3I_jWe.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=({name:m,label:h=`Select Field`,placeholder:g=`Select an option`,disabledValues:_=[],options:v=[],isShowLabel:y=!0,isShowErrorMsg:b=!1,description:x=``,className:S=``})=>f(r,{name:m,render:({field:r})=>p(i,{className:e(`w-full`,S),children:[y&&f(a,{children:h}),p(s,{defaultValue:r.value,onValueChange:r.onChange,children:[f(t,{children:f(u,{className:`w-full`,children:f(d,{placeholder:g})})}),f(c,{children:v.map(e=>f(l,{disabled:_.includes(e.value),value:e.value,children:e.label},e.value))})]}),!!x&&f(n,{children:x}),b&&f(o,{})]})});export{m as SelectField};
|
|
2
2
|
//# sourceMappingURL=select-field.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime23 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/switch-field.d.ts
|
|
@@ -13,7 +13,7 @@ declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
13
13
|
label,
|
|
14
14
|
description,
|
|
15
15
|
isShowErrorMsg
|
|
16
|
-
}: Props<TFieldValues>) =>
|
|
16
|
+
}: Props<TFieldValues>) => react_jsx_runtime23.JSX.Element;
|
|
17
17
|
//#endregion
|
|
18
18
|
export { SwitchField };
|
|
19
19
|
//# sourceMappingURL=switch-field.d.cts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime6 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/switch-field.d.ts
|
|
@@ -13,7 +13,7 @@ declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
13
13
|
label,
|
|
14
14
|
description,
|
|
15
15
|
isShowErrorMsg
|
|
16
|
-
}: Props<TFieldValues>) =>
|
|
16
|
+
}: Props<TFieldValues>) => react_jsx_runtime6.JSX.Element;
|
|
17
17
|
//#endregion
|
|
18
18
|
export { SwitchField };
|
|
19
19
|
//# sourceMappingURL=switch-field.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime122 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/text-field.d.ts
|
|
@@ -25,7 +25,7 @@ declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
25
25
|
description,
|
|
26
26
|
className,
|
|
27
27
|
onValueChange
|
|
28
|
-
}: Props<TFieldValues>) =>
|
|
28
|
+
}: Props<TFieldValues>) => react_jsx_runtime122.JSX.Element;
|
|
29
29
|
//#endregion
|
|
30
30
|
export { TextField };
|
|
31
31
|
//# sourceMappingURL=text-field.d.cts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/text-field.d.ts
|
|
@@ -25,7 +25,7 @@ declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
25
25
|
description,
|
|
26
26
|
className,
|
|
27
27
|
onValueChange
|
|
28
|
-
}: Props<TFieldValues>) =>
|
|
28
|
+
}: Props<TFieldValues>) => react_jsx_runtime9.JSX.Element;
|
|
29
29
|
//#endregion
|
|
30
30
|
export { TextField };
|
|
31
31
|
//# sourceMappingURL=text-field.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime133 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/textarea-field.d.ts
|
|
@@ -21,7 +21,7 @@ declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
21
21
|
description,
|
|
22
22
|
rows,
|
|
23
23
|
onValueChange
|
|
24
|
-
}: Props<TFieldValues>) =>
|
|
24
|
+
}: Props<TFieldValues>) => react_jsx_runtime133.JSX.Element;
|
|
25
25
|
//#endregion
|
|
26
26
|
export { TextareaField };
|
|
27
27
|
//# sourceMappingURL=textarea-field.d.cts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime10 from "react/jsx-runtime";
|
|
2
2
|
import { FieldPath, FieldValues } from "react-hook-form";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/forms/textarea-field.d.ts
|
|
@@ -21,7 +21,7 @@ declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
|
|
|
21
21
|
description,
|
|
22
22
|
rows,
|
|
23
23
|
onValueChange
|
|
24
|
-
}: Props<TFieldValues>) =>
|
|
24
|
+
}: Props<TFieldValues>) => react_jsx_runtime10.JSX.Element;
|
|
25
25
|
//#endregion
|
|
26
26
|
export { TextareaField };
|
|
27
27
|
//# sourceMappingURL=textarea-field.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as react_jsx_runtime77 from "react/jsx-runtime";
|
|
2
1
|
import React from "react";
|
|
2
|
+
import * as react_jsx_runtime141 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/ui/input.d.ts
|
|
5
5
|
declare function Input({
|
|
@@ -9,7 +9,7 @@ declare function Input({
|
|
|
9
9
|
...props
|
|
10
10
|
}: React.ComponentProps<'input'> & {
|
|
11
11
|
onValueChange?: (value: string) => void;
|
|
12
|
-
}):
|
|
12
|
+
}): react_jsx_runtime141.JSX.Element;
|
|
13
13
|
//#endregion
|
|
14
14
|
export { Input };
|
|
15
|
-
//# sourceMappingURL=input-
|
|
15
|
+
//# sourceMappingURL=input-BZBf-l4K.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import * as react_jsx_runtime162 from "react/jsx-runtime";
|
|
1
2
|
import React from "react";
|
|
2
|
-
import * as react_jsx_runtime176 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/ui/input.d.ts
|
|
5
5
|
declare function Input({
|
|
@@ -9,7 +9,7 @@ declare function Input({
|
|
|
9
9
|
...props
|
|
10
10
|
}: React.ComponentProps<'input'> & {
|
|
11
11
|
onValueChange?: (value: string) => void;
|
|
12
|
-
}):
|
|
12
|
+
}): react_jsx_runtime162.JSX.Element;
|
|
13
13
|
//#endregion
|
|
14
14
|
export { Input };
|
|
15
|
-
//# sourceMappingURL=input-
|
|
15
|
+
//# sourceMappingURL=input-Ci55gNyE.d.cts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../utils-BsjVK5EW.cjs`),n=require(`../../button-Db_CKSZw.cjs`),r=require(`../../tooltip-BeQcgjzF.cjs`),i=require(`../../separator-Cigaqna1.cjs`),a=require(`../../sheet-C1xD7y3c.cjs`),o=require(`../../skeleton-tNlCAW9R.cjs`),s=require(`../../use-mobile-DD7ESbjU.cjs`),c=e.__toESM(require(`react`)),l=e.__toESM(require(`react/jsx-runtime`)),u=e.__toESM(require(`lucide-react`)),d=e.__toESM(require(`radix-ui`)),f=e.__toESM(require(`class-variance-authority`)),p=`sidebar_state`,m=3600*24*7,h=`16rem`,g=`16rem`,_=`3rem`,v=`b`,y=c.default.createContext(null);function b(){let e=c.default.useContext(y);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function x({defaultOpen:e=!0,open:n,onOpenChange:i,className:a,style:o,children:u,...d}){let f=s.useIsMobile(),[p,m]=c.default.useState(!1),[h,g]=c.default.useState(e),_=n??h,v=c.default.useCallback(e=>{let t=typeof e==`function`?e(_):e;i?i(t):g(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[i,_]),b=c.default.useCallback(()=>f?m(e=>!e):v(e=>!e),[f,v,m]);c.default.useEffect(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let x=_?`expanded`:`collapsed`,S=c.default.useMemo(()=>({state:x,isMobile:f,toggleSidebar:b,open:_,setOpen:v,openMobile:p,setOpenMobile:m}),[x,_,v,f,p,m,b]);return(0,l.jsx)(y.Provider,{value:S,children:(0,l.jsx)(r.TooltipProvider,{delayDuration:0,children:(0,l.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...o},className:t.cn(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-svh w-full`,a),...d,children:u})})})}function S({side:e=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:i,children:o,...s}){let{isMobile:c,state:d,openMobile:f,setOpenMobile:p}=b();return r===`none`?(0,l.jsx)(`aside`,{"data-slot":`sidebar`,className:t.cn(`bg-sidebar`,`text-sidebar-foreground`,`flex h-full w-(--sidebar-width) flex-col`,i),...s,children:o}):c?(0,l.jsx)(a.Sheet,{open:f,onOpenChange:p,...s,children:(0,l.jsxs)(a.SheetContent,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`16rem`},side:e,children:[(0,l.jsxs)(a.SheetHeader,{className:`sr-only`,children:[(0,l.jsx)(a.SheetTitle,{children:`Sidebar`}),(0,l.jsx)(a.SheetDescription,{children:`Displays the mobile sidebar.`})]}),(0,l.jsxs)(`div`,{className:`flex size-full flex-col`,children:[(0,l.jsxs)(`div`,{className:`border-border-weak flex items-center gap-x-2 border-b p-2 pr-4`,children:[(0,l.jsx)(C,{}),(0,l.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground ml-2 flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,l.jsx)(u.ShoppingCartIcon,{size:20})}),(0,l.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,l.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,l.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),o]})]})}):(0,l.jsxs)(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":d,"data-collapsible":d===`collapsed`?r:``,"data-variant":n,"data-side":e,"data-slot":`sidebar`,children:[(0,l.jsx)(`div`,{"data-slot":`sidebar-gap`,className:t.cn(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-14 w-(--sidebar-width)`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`||n===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,l.jsx)(`div`,{"data-slot":`sidebar-container`,className:t.cn(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`h-[calc(100svh-3.5rem)] w-(--sidebar-width)`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`||n===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,i),...s,children:(0,l.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:t.cn(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:o})})]})}function C({className:e,onClick:r,...i}){let{toggleSidebar:a}=b();return(0,l.jsxs)(n.Button,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:t.cn(`size-10 rounded-full`,e),onClick:e=>{r?.(e),a()},...i,children:[(0,l.jsx)(u.MenuIcon,{className:`!size-6`}),(0,l.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function w({className:e,...n}){let{toggleSidebar:r}=b();return(0,l.jsx)(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:r,title:`Toggle Sidebar`,className:t.cn(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...n})}function T({className:e,children:n,...r}){return(0,l.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:t.cn(`relative flex w-full flex-1 flex-col`,e),...r,children:[(0,l.jsx)(`div`,{className:`h-14 w-full`}),(0,l.jsx)(`div`,{className:t.cn(`flex-1 inset-shadow-sm`),children:n})]})}function E({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:t.cn(`flex flex-col gap-2 p-2`,e),...n})}function D({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:t.cn(`flex flex-col gap-2 p-2`,e),...n})}function O({className:e,...n}){return(0,l.jsx)(i.Separator,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:t.cn(`bg-sidebar-border mx-2 w-auto`,e),...n})}function k({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:t.cn(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...n})}function A({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:t.cn(`relative flex w-full min-w-0 flex-col p-2`,e),...n})}function j({className:e,asChild:n=!1,...r}){let i=n?d.Slot.Slot:`div`;return(0,l.jsx)(i,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:t.cn(`flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2`,`text-sidebar-foreground/70`,`ring-sidebar-ring`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...r})}function M({className:e,asChild:n=!1,...r}){let i=n?d.Slot.Slot:`button`;return(0,l.jsx)(i,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:t.cn(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...r})}function N({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:t.cn(`w-full text-sm`,e),...n})}function P({className:e,...n}){return(0,l.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:t.cn(`flex w-full min-w-0 flex-col gap-1`,e),...n})}function F({className:e,...n}){return(0,l.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:t.cn(`group/menu-item relative`,e),...n})}const I=(0,f.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`text-left truncate`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:font-medium`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function L({asChild:e=!1,isActive:n=!1,variant:i=`default`,size:a=`default`,tooltip:o,className:s,...c}){let u=e?d.Slot.Slot:`button`,{isMobile:f,state:p}=b(),m=(0,l.jsx)(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":a,"data-active":n,className:t.cn(I({variant:i,size:a}),s),...c});return o?(typeof o==`string`&&(o={children:o}),(0,l.jsxs)(r.Tooltip,{children:[(0,l.jsx)(r.TooltipTrigger,{asChild:!0,children:m}),(0,l.jsx)(r.TooltipContent,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...o})]})):m}function R({className:e,asChild:n=!1,showOnHover:r=!1,...i}){let a=n?d.Slot.Slot:`button`;return(0,l.jsx)(a,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:t.cn(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,r&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,r&&`group-focus-within/menu-item:opacity-100`,r&&`group-hover/menu-item:opacity-100`,r&&`data-[state=open]:opacity-100 md:opacity-0`,e),...i})}function z({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:t.cn(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...n})}function B({className:e,showIcon:n=!1,...r}){let i=c.default.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return(0,l.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:t.cn(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[n&&(0,l.jsx)(o.Skeleton,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,l.jsx)(o.Skeleton,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function V({className:e,...n}){return(0,l.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:t.cn(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...n})}function H({className:e,...n}){return(0,l.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:t.cn(`group/menu-sub-item relative`,e),...n})}function U({asChild:e=!1,size:n=`md`,isActive:r=!1,className:i,...a}){let o=e?d.Slot.Slot:`a`;return(0,l.jsx)(o,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":n,"data-active":r,className:t.cn(`text-sidebar-foreground`,`ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`focus-visible:ring-2`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`[&>span:last-child]:truncate`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,n===`sm`&&`text-xs`,n===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,i),...a})}const W=({children:e})=>(0,l.jsx)(x,{children:e}),G=({children:e})=>(0,l.jsxs)(`header`,{className:t.cn(`bg-card`,`h-(--header-height)`,`absolute inset-x-0 top-0 z-20 gap-2 px-4`,`shadow-nav flex items-center`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`),children:[(0,l.jsx)(C,{}),(0,l.jsxs)(`div`,{className:`ml-2.5 flex gap-x-2`,children:[(0,l.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,l.jsx)(u.ShoppingCartIcon,{size:20})}),(0,l.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,l.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,l.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,l.jsx)(`div`,{className:`flex flex-1 items-center justify-end`,children:e})]}),K=({children:e,...t})=>(0,l.jsx)(S,{variant:`inset`,collapsible:`icon`,...t,children:e}),q=({children:e})=>(0,l.jsx)(T,{children:(0,l.jsx)(`section`,{className:`relative size-full`,children:(0,l.jsx)(`div`,{className:`absolute inset-0`,children:e})})}),J=({children:e,className:n})=>(0,l.jsx)(`div`,{"data-slot":`main-group`,className:t.cn(`flex size-full snap-y flex-col gap-4 overflow-y-auto p-4`,n),children:e}),Y=({className:e,children:n})=>(0,l.jsx)(`div`,{"data-slot":`main-group-content`,className:t.cn(`bg-card shadow-card size-full max-w-5xl snap-start snap-always scroll-mt-4 rounded-md p-4`,e),children:n});exports.AppLayoutHeader=G,exports.AppLayoutMain=q,exports.AppLayoutMainGroup=J,exports.AppLayoutMainGroupContent=Y,exports.AppLayoutSidebar=K,exports.AppLayoutSidebarContent=k,exports.AppLayoutSidebarFooter=D,exports.AppLayoutSidebarGroup=A,exports.AppLayoutSidebarGroupAction=M,exports.AppLayoutSidebarGroupContent=N,exports.AppLayoutSidebarGroupLabel=j,exports.AppLayoutSidebarHeader=E,exports.AppLayoutSidebarInset=T,exports.AppLayoutSidebarMenu=P,exports.AppLayoutSidebarMenuAction=R,exports.AppLayoutSidebarMenuBadge=z,exports.AppLayoutSidebarMenuButton=L,exports.AppLayoutSidebarMenuItem=F,exports.AppLayoutSidebarMenuSkeleton=B,exports.AppLayoutSidebarMenuSub=V,exports.AppLayoutSidebarMenuSubButton=U,exports.AppLayoutSidebarMenuSubItem=H,exports.AppLayoutSidebarRail=w,exports.AppLayoutSidebarSeparator=O,exports.AppLayoutSidebarTrigger=C,exports.AppLayoutWrapper=W,exports.Sidebar=S,exports.SidebarProvider=x,exports.useSidebar=b;
|
|
1
|
+
"use client";const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../utils-BsjVK5EW.cjs`),n=require(`../../button-Db_CKSZw.cjs`),r=require(`../../tooltip-BeQcgjzF.cjs`),i=require(`../../separator-Cigaqna1.cjs`),a=require(`../../sheet-CX3PajAc.cjs`),o=require(`../../skeleton-tNlCAW9R.cjs`),s=require(`../../use-mobile-DD7ESbjU.cjs`),c=e.__toESM(require(`react`)),l=e.__toESM(require(`react/jsx-runtime`)),u=e.__toESM(require(`radix-ui`)),d=e.__toESM(require(`class-variance-authority`)),f=e.__toESM(require(`lucide-react`)),p=`sidebar_state`,m=3600*24*7,h=`16rem`,g=`16rem`,_=`3rem`,v=`b`,y=c.default.createContext(null);function b(){let e=c.default.useContext(y);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function x({defaultOpen:e=!0,open:n,onOpenChange:i,className:a,style:o,children:u,...d}){let f=s.useIsMobile(),[p,m]=c.default.useState(!1),[h,g]=c.default.useState(e),_=n??h,v=c.default.useCallback(e=>{let t=typeof e==`function`?e(_):e;i?i(t):g(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[i,_]),b=c.default.useCallback(()=>f?m(e=>!e):v(e=>!e),[f,v,m]);c.default.useEffect(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let x=_?`expanded`:`collapsed`,S=c.default.useMemo(()=>({state:x,isMobile:f,toggleSidebar:b,open:_,setOpen:v,openMobile:p,setOpenMobile:m}),[x,_,v,f,p,m,b]);return(0,l.jsx)(y.Provider,{value:S,children:(0,l.jsx)(r.TooltipProvider,{delayDuration:0,children:(0,l.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...o},className:t.cn(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-svh w-full`,a),...d,children:u})})})}function S({side:e=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:i,children:o,...s}){let{isMobile:c,state:u,openMobile:d,setOpenMobile:p}=b();return r===`none`?(0,l.jsx)(`aside`,{"data-slot":`sidebar`,className:t.cn(`bg-sidebar`,`text-sidebar-foreground`,`flex h-full w-(--sidebar-width) flex-col`,i),...s,children:o}):c?(0,l.jsx)(a.Sheet,{open:d,onOpenChange:p,...s,children:(0,l.jsxs)(a.SheetContent,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`16rem`},side:e,children:[(0,l.jsxs)(a.SheetHeader,{className:`sr-only`,children:[(0,l.jsx)(a.SheetTitle,{children:`Sidebar`}),(0,l.jsx)(a.SheetDescription,{children:`Displays the mobile sidebar.`})]}),(0,l.jsxs)(`div`,{className:`flex size-full flex-col`,children:[(0,l.jsxs)(`div`,{className:`border-border-weak flex items-center gap-x-2 border-b p-2 pr-4`,children:[(0,l.jsx)(C,{}),(0,l.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground ml-2 flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,l.jsx)(f.ShoppingCartIcon,{size:20})}),(0,l.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,l.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,l.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),o]})]})}):(0,l.jsxs)(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":u,"data-collapsible":u===`collapsed`?r:``,"data-variant":n,"data-side":e,"data-slot":`sidebar`,children:[(0,l.jsx)(`div`,{"data-slot":`sidebar-gap`,className:t.cn(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) w-(--sidebar-width)`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`||n===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,l.jsx)(`div`,{"data-slot":`sidebar-container`,className:t.cn(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`h-[calc(100svh-3.5rem)] w-(--sidebar-width)`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`||n===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,i),...s,children:(0,l.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:t.cn(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:o})})]})}function C({className:e,onClick:r,...i}){let{toggleSidebar:a}=b();return(0,l.jsxs)(n.Button,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:t.cn(`size-10 rounded-full`,e),onClick:e=>{r?.(e),a()},...i,children:[(0,l.jsx)(f.MenuIcon,{className:`!size-6`}),(0,l.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function w({className:e,...n}){let{toggleSidebar:r}=b();return(0,l.jsx)(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:r,title:`Toggle Sidebar`,className:t.cn(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...n})}function T({className:e,children:n,...r}){return(0,l.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:t.cn(`relative flex w-full flex-1 flex-col`,e),...r,children:[(0,l.jsx)(`div`,{className:`h-(--header-height) w-full`}),(0,l.jsx)(`div`,{className:t.cn(`flex-1 inset-shadow-sm`),children:n})]})}function E({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:t.cn(`flex flex-col gap-2 p-2`,e),...n})}function D({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:t.cn(`flex flex-col gap-2 p-2`,e),...n})}function O({className:e,...n}){return(0,l.jsx)(i.Separator,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:t.cn(`bg-sidebar-border mx-2 w-auto`,e),...n})}function k({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:t.cn(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...n})}function A({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:t.cn(`relative flex w-full min-w-0 flex-col p-2`,e),...n})}function j({className:e,asChild:n=!1,...r}){let i=n?u.Slot.Slot:`div`;return(0,l.jsx)(i,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:t.cn(`flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2`,`text-sidebar-foreground/70`,`ring-sidebar-ring`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...r})}function M({className:e,asChild:n=!1,...r}){let i=n?u.Slot.Slot:`button`;return(0,l.jsx)(i,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:t.cn(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...r})}function N({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:t.cn(`w-full text-sm`,e),...n})}function P({className:e,...n}){return(0,l.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:t.cn(`flex w-full min-w-0 flex-col gap-1`,e),...n})}function F({className:e,...n}){return(0,l.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:t.cn(`group/menu-item relative`,e),...n})}const I=(0,d.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`text-left truncate`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:font-medium`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function L({asChild:e=!1,isActive:n=!1,variant:i=`default`,size:a=`default`,tooltip:o,className:s,...c}){let d=e?u.Slot.Slot:`button`,{isMobile:f,state:p}=b(),m=(0,l.jsx)(d,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":a,"data-active":n,className:t.cn(I({variant:i,size:a}),s),...c});return o?(typeof o==`string`&&(o={children:o}),(0,l.jsxs)(r.Tooltip,{children:[(0,l.jsx)(r.TooltipTrigger,{asChild:!0,children:m}),(0,l.jsx)(r.TooltipContent,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...o})]})):m}function R({className:e,asChild:n=!1,showOnHover:r=!1,...i}){let a=n?u.Slot.Slot:`button`;return(0,l.jsx)(a,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:t.cn(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,r&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,r&&`group-focus-within/menu-item:opacity-100`,r&&`group-hover/menu-item:opacity-100`,r&&`data-[state=open]:opacity-100 md:opacity-0`,e),...i})}function z({className:e,...n}){return(0,l.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:t.cn(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...n})}function B({className:e,showIcon:n=!1,...r}){let i=c.default.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return(0,l.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:t.cn(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[n&&(0,l.jsx)(o.Skeleton,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,l.jsx)(o.Skeleton,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function V({className:e,...n}){return(0,l.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:t.cn(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...n})}function H({className:e,...n}){return(0,l.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:t.cn(`group/menu-sub-item relative`,e),...n})}function U({asChild:e=!1,size:n=`md`,isActive:r=!1,className:i,...a}){let o=e?u.Slot.Slot:`a`;return(0,l.jsx)(o,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":n,"data-active":r,className:t.cn(`text-sidebar-foreground`,`ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`focus-visible:ring-2`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`[&>span:last-child]:truncate`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,n===`sm`&&`text-xs`,n===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,i),...a})}const W=({children:e})=>(0,l.jsx)(x,{children:e}),G=({children:e})=>(0,l.jsxs)(`header`,{className:t.cn(`bg-card`,`h-(--header-height)`,`sm:h-[calc(var(--header-height) + 0.5rem)]`,`sm:px-4 sm:pr-6`,`absolute inset-x-0 top-0 z-20 gap-2 px-2 pr-4.5`,`shadow-nav flex items-center`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`),children:[(0,l.jsx)(C,{}),(0,l.jsxs)(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[(0,l.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,l.jsx)(f.ShoppingCartIcon,{size:20})}),(0,l.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,l.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,l.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,l.jsx)(`div`,{className:`flex flex-1 items-center justify-end`,children:e})]}),K=({children:e,...t})=>(0,l.jsx)(S,{variant:`inset`,collapsible:`icon`,...t,children:e}),q=({children:e})=>(0,l.jsx)(T,{children:(0,l.jsx)(`section`,{className:`relative size-full`,children:(0,l.jsx)(`div`,{className:`absolute inset-0 flex flex-col`,children:e})})}),J=({className:e,children:n})=>(0,l.jsx)(`div`,{"data-slot":`main-header`,className:t.cn(`flex-0 snap-start`,e),children:n}),Y=({className:e,children:n})=>(0,l.jsx)(`div`,{"data-slot":`main-content`,className:t.cn(`flex w-full flex-1 snap-y flex-col gap-4 overflow-y-auto px-2 sm:px-4`,e),children:n}),X=({className:e,children:n})=>(0,l.jsx)(`div`,{"data-slot":`main-footer`,className:t.cn(`border-border-weak hidden w-full flex-0 border-t pt-2 sm:flex`,e),children:n}),Z=({children:e,className:n})=>(0,l.jsx)(`div`,{"data-slot":`main-group`,className:t.cn(`flex size-full flex-col gap-4`,n),children:e}),Q=({className:e,children:n})=>(0,l.jsx)(`div`,{"data-slot":`main-group-content`,className:t.cn(`bg-card shadow-card size-full max-w-5xl flex-1 snap-start snap-always scroll-mt-4 rounded-md p-4`,e),children:n});exports.AppLayoutHeader=G,exports.AppLayoutMain=q,exports.AppLayoutMainContent=Y,exports.AppLayoutMainFooter=X,exports.AppLayoutMainGroup=Z,exports.AppLayoutMainGroupContent=Q,exports.AppLayoutMainHeader=J,exports.AppLayoutSidebar=K,exports.AppLayoutSidebarContent=k,exports.AppLayoutSidebarFooter=D,exports.AppLayoutSidebarGroup=A,exports.AppLayoutSidebarGroupAction=M,exports.AppLayoutSidebarGroupContent=N,exports.AppLayoutSidebarGroupLabel=j,exports.AppLayoutSidebarHeader=E,exports.AppLayoutSidebarInset=T,exports.AppLayoutSidebarMenu=P,exports.AppLayoutSidebarMenuAction=R,exports.AppLayoutSidebarMenuBadge=z,exports.AppLayoutSidebarMenuButton=L,exports.AppLayoutSidebarMenuItem=F,exports.AppLayoutSidebarMenuSkeleton=B,exports.AppLayoutSidebarMenuSub=V,exports.AppLayoutSidebarMenuSubButton=U,exports.AppLayoutSidebarMenuSubItem=H,exports.AppLayoutSidebarRail=w,exports.AppLayoutSidebarSeparator=O,exports.AppLayoutSidebarTrigger=C,exports.AppLayoutWrapper=W,exports.Sidebar=S,exports.SidebarProvider=x,exports.useSidebar=b;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|