@customafk/lunas-ui 0.0.41 → 0.0.42

package/dist/{button-B3IGQSHK.d.cts → button-BRHXAci1.d.cts}

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime43 from "react/jsx-runtime";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/button.d.ts
@@ -7,7 +7,7 @@ declare const buttonVariants: (props?: ({
   variant?: "default" | "outline" | "ghost" | "link" | null | undefined;
   color?: "muted" | "primary" | "secondary" | "success" | "important" | "info" | "warning" | "danger" | null | undefined;
   size?: "sm" | "lg" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
 declare function Button({
   className,
   variant,
@@ -20,7 +20,7 @@ declare function Button({
 }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
   isLoading?: boolean;
-}): react_jsx_runtime43.JSX.Element;
+}): react_jsx_runtime41.JSX.Element;
 //#endregion
 export { Button, buttonVariants };
-//# sourceMappingURL=button-B3IGQSHK.d.cts.map
+//# sourceMappingURL=button-BRHXAci1.d.cts.map

package/dist/{button-DDKLvzA9.d.ts → button-DzJicXG7.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime94 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types2 from "class-variance-authority/types";
 
@@ -20,7 +20,7 @@ declare function Button({
 }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
   isLoading?: boolean;
-}): react_jsx_runtime29.JSX.Element;
+}): react_jsx_runtime94.JSX.Element;
 //#endregion
 export { Button, buttonVariants };
-//# sourceMappingURL=button-DDKLvzA9.d.ts.map
+//# sourceMappingURL=button-DzJicXG7.d.ts.map

package/dist/{command-4kxRwXtl.d.cts → command-BwIrZXxZ.d.cts}

@@ -1,12 +1,12 @@
-import { Dialog } from "./dialog-CIrv1yaX.cjs";
-import * as react_jsx_runtime61 from "react/jsx-runtime";
+import { Dialog } from "./dialog-CPq4R2AI.cjs";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 import { Command } from "cmdk";
 
 //#region packages/components/ui/command.d.ts
 declare function Command$1({
   className,
   ...props
-}: React.ComponentProps<typeof Command>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime60.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -19,34 +19,34 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime61.JSX.Element;
+}): react_jsx_runtime60.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime60.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime60.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime60.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime60.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime60.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime60.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime60.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=command-4kxRwXtl.d.cts.map
+//# sourceMappingURL=command-BwIrZXxZ.d.cts.map

package/dist/{command-Cc0A7QL7.d.ts → command-DklaqE_y.d.ts}

@@ -1,12 +1,12 @@
-import { Dialog } from "./dialog-DD4Dinba.js";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import { Dialog } from "./dialog-sMaQeOv6.js";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 import { Command } from "cmdk";
 
 //#region packages/components/ui/command.d.ts
 declare function Command$1({
   className,
   ...props
-}: React.ComponentProps<typeof Command>): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime57.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -19,34 +19,34 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime40.JSX.Element;
+}): react_jsx_runtime57.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime57.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime57.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime57.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime57.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime57.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime57.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime57.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=command-Cc0A7QL7.d.ts.map
+//# sourceMappingURL=command-DklaqE_y.d.ts.map

package/dist/data-display/country.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../types-CrbWxjnp.cjs`),n=require(`../flex-CNA_SId-.cjs`),r=require(`../paragraph-DcRBcRhQ.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`react-country-flag`)),s=({country:e})=>{let s=i.default.useMemo(()=>({[t.ECountry.VIETNAM]:`VN`,[t.ECountry.USA]:`US`,[t.ECountry.JAPAN]:`JP`,[t.ECountry.CHINA]:`CN`,[t.ECountry.KOREA]:`KR`,[t.ECountry.SINGAPORE]:`SG`,[t.ECountry.MALAYSIA]:`MY`,[t.ECountry.INDONESIA]:`ID`,[t.ECountry.TAIWAN]:`TW`,[t.ECountry.THAILAND]:`TH`}),[]);return e?(0,a.jsxs)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:[(0,a.jsx)(o.default,{svg:!0,countryCode:e?s[e]:`VN`,className:`emojiFlag border`}),(0,a.jsxs)(r.Paragraph,{variant:`sm`,children:[e===t.ECountry.VIETNAM&&`Vietnam`,e===t.ECountry.USA&&`America`,e===t.ECountry.JAPAN&&`Japan`,e===t.ECountry.CHINA&&`China`,e===t.ECountry.KOREA&&`Korea`,e===t.ECountry.SINGAPORE&&`Singapore`,e===t.ECountry.MALAYSIA&&`Malaysia`,e===t.ECountry.INDONESIA&&`Indonesia`,e===t.ECountry.TAIWAN&&`Taiwan`,e===t.ECountry.THAILAND&&`Thailand`]})]}):(0,a.jsx)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:(0,a.jsx)(r.Paragraph,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};exports.CountryDisplay=s;
+const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../types-CrbWxjnp.cjs`),n=require(`../flex-DnFMe9kC.cjs`),r=require(`../paragraph-DcRBcRhQ.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`react-country-flag`)),s=({country:e})=>{let s=i.default.useMemo(()=>({[t.ECountry.VIETNAM]:`VN`,[t.ECountry.USA]:`US`,[t.ECountry.JAPAN]:`JP`,[t.ECountry.CHINA]:`CN`,[t.ECountry.KOREA]:`KR`,[t.ECountry.SINGAPORE]:`SG`,[t.ECountry.MALAYSIA]:`MY`,[t.ECountry.INDONESIA]:`ID`,[t.ECountry.TAIWAN]:`TW`,[t.ECountry.THAILAND]:`TH`}),[]);return e?(0,a.jsxs)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:[(0,a.jsx)(o.default,{svg:!0,countryCode:e?s[e]:`VN`,className:`emojiFlag border`}),(0,a.jsxs)(r.Paragraph,{variant:`sm`,children:[e===t.ECountry.VIETNAM&&`Vietnam`,e===t.ECountry.USA&&`America`,e===t.ECountry.JAPAN&&`Japan`,e===t.ECountry.CHINA&&`China`,e===t.ECountry.KOREA&&`Korea`,e===t.ECountry.SINGAPORE&&`Singapore`,e===t.ECountry.MALAYSIA&&`Malaysia`,e===t.ECountry.INDONESIA&&`Indonesia`,e===t.ECountry.TAIWAN&&`Taiwan`,e===t.ECountry.THAILAND&&`Thailand`]})]}):(0,a.jsx)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:(0,a.jsx)(r.Paragraph,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};exports.CountryDisplay=s;
 //# sourceMappingURL=country.cjs.map

package/dist/data-display/country.js

@@ -1,2 +1,2 @@
-import"../utils-D9AH0PUV.js";import{ECountry as e}from"../types-DaIHddx7.js";import{Flex as t}from"../flex-ILvQrYMJ.js";import{Paragraph as n}from"../paragraph-B4cQhLhW.js";import r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import o from"react-country-flag";const s=({country:s})=>{let c=r.useMemo(()=>({[e.VIETNAM]:`VN`,[e.USA]:`US`,[e.JAPAN]:`JP`,[e.CHINA]:`CN`,[e.KOREA]:`KR`,[e.SINGAPORE]:`SG`,[e.MALAYSIA]:`MY`,[e.INDONESIA]:`ID`,[e.TAIWAN]:`TW`,[e.THAILAND]:`TH`}),[]);return s?a(t,{padding:`none`,className:`h-4 px-1`,children:[i(o,{svg:!0,countryCode:s?c[s]:`VN`,className:`emojiFlag border`}),a(n,{variant:`sm`,children:[s===e.VIETNAM&&`Vietnam`,s===e.USA&&`America`,s===e.JAPAN&&`Japan`,s===e.CHINA&&`China`,s===e.KOREA&&`Korea`,s===e.SINGAPORE&&`Singapore`,s===e.MALAYSIA&&`Malaysia`,s===e.INDONESIA&&`Indonesia`,s===e.TAIWAN&&`Taiwan`,s===e.THAILAND&&`Thailand`]})]}):i(t,{padding:`none`,className:`h-4 px-1`,children:i(n,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};export{s as CountryDisplay};
+import"../utils-D9AH0PUV.js";import{ECountry as e}from"../types-DaIHddx7.js";import{Flex as t}from"../flex-CbkTJwcD.js";import{Paragraph as n}from"../paragraph-B4cQhLhW.js";import r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import o from"react-country-flag";const s=({country:s})=>{let c=r.useMemo(()=>({[e.VIETNAM]:`VN`,[e.USA]:`US`,[e.JAPAN]:`JP`,[e.CHINA]:`CN`,[e.KOREA]:`KR`,[e.SINGAPORE]:`SG`,[e.MALAYSIA]:`MY`,[e.INDONESIA]:`ID`,[e.TAIWAN]:`TW`,[e.THAILAND]:`TH`}),[]);return s?a(t,{padding:`none`,className:`h-4 px-1`,children:[i(o,{svg:!0,countryCode:s?c[s]:`VN`,className:`emojiFlag border`}),a(n,{variant:`sm`,children:[s===e.VIETNAM&&`Vietnam`,s===e.USA&&`America`,s===e.JAPAN&&`Japan`,s===e.CHINA&&`China`,s===e.KOREA&&`Korea`,s===e.SINGAPORE&&`Singapore`,s===e.MALAYSIA&&`Malaysia`,s===e.INDONESIA&&`Indonesia`,s===e.TAIWAN&&`Taiwan`,s===e.THAILAND&&`Thailand`]})]}):i(t,{padding:`none`,className:`h-4 px-1`,children:i(n,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};export{s as CountryDisplay};
 //# sourceMappingURL=country.js.map

package/dist/data-display/data-list.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../flex-CNA_SId-.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({children:e})=>(0,n.jsx)(t.Flex,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:e}),i=({label:e,value:r,minLabelWidth:i=`120px`})=>(0,n.jsxs)(t.Flex,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,children:[(0,n.jsx)(`div`,{style:{minWidth:i},className:`text-text-positive-weak text-sm`,children:e}),(0,n.jsx)(`div`,{className:`text-text-positive text-sm`,children:r})]});exports.DataList=r,exports.DataListItem=i;
+const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../flex-DnFMe9kC.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({children:e})=>(0,n.jsx)(t.Flex,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:e}),i=({label:e,value:r,minLabelWidth:i=`120px`})=>(0,n.jsxs)(t.Flex,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,children:[(0,n.jsx)(`div`,{style:{minWidth:i},className:`text-text-positive-weak text-sm`,children:e}),(0,n.jsx)(`div`,{className:`text-text-positive text-sm`,children:r})]});exports.DataList=r,exports.DataListItem=i;
 //# sourceMappingURL=data-list.cjs.map

package/dist/data-display/data-list.js

@@ -1,2 +1,2 @@
-import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-ILvQrYMJ.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({children:n})=>t(e,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:n}),i=({label:r,value:i,minLabelWidth:a=`120px`})=>n(e,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,children:[t(`div`,{style:{minWidth:a},className:`text-text-positive-weak text-sm`,children:r}),t(`div`,{className:`text-text-positive text-sm`,children:i})]});export{r as DataList,i as DataListItem};
+import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-CbkTJwcD.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({children:n})=>t(e,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:n}),i=({label:r,value:i,minLabelWidth:a=`120px`})=>n(e,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,children:[t(`div`,{style:{minWidth:a},className:`text-text-positive-weak text-sm`,children:r}),t(`div`,{className:`text-text-positive text-sm`,children:i})]});export{r as DataList,i as DataListItem};
 //# sourceMappingURL=data-list.js.map

package/dist/data-display/empty.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../flex-CNA_SId-.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`lucide-react`)),i=()=>(0,n.jsxs)(t.Flex,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[(0,n.jsx)(r.PackageOpenIcon,{size:52,strokeWidth:1}),(0,n.jsx)(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});exports.EmptyDisplay=i;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`);require(`../utils-BsjVK5EW.cjs`);const t=require(`../flex-DnFMe9kC.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`lucide-react`)),i=()=>(0,n.jsxs)(t.Flex,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[(0,n.jsx)(r.PackageOpenIcon,{size:52,strokeWidth:1}),(0,n.jsx)(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});exports.EmptyDisplay=i;
 //# sourceMappingURL=empty.cjs.map

package/dist/data-display/empty.d.cts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region packages/components/data-display/empty.d.ts
-declare const EmptyDisplay: () => react_jsx_runtime3.JSX.Element;
+declare const EmptyDisplay: () => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { EmptyDisplay };
 //# sourceMappingURL=empty.d.cts.map

package/dist/data-display/empty.js

@@ -1,2 +1,2 @@
-"use client";import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-ILvQrYMJ.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{PackageOpenIcon as r}from"lucide-react";const i=()=>n(e,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[t(r,{size:52,strokeWidth:1}),t(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});export{i as EmptyDisplay};
+"use client";import"../utils-D9AH0PUV.js";import{Flex as e}from"../flex-CbkTJwcD.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{PackageOpenIcon as r}from"lucide-react";const i=()=>n(e,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[t(r,{size:52,strokeWidth:1}),t(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});export{i as EmptyDisplay};
 //# sourceMappingURL=empty.js.map

package/dist/data-display/statistic.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../flex-CNA_SId-.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=r.default.memo(({decimalSeparator:e=`.`,groupSeparator:a=`,`,prefix:o,suffix:s,precision:c,roundingMode:l=`round`,showTrailingZeros:u=!1,size:d=`lg`,value:f})=>{let p=r.default.useCallback((e,t)=>{let n=Math.pow(10,t);switch(l){case`floor`:return Math.floor(e*n)/n;case`ceil`:return Math.ceil(e*n)/n;case`round`:default:return Math.round(e*n)/n}},[l]),m=r.default.useMemo(()=>{let e={};return typeof c==`number`&&c>=0&&(u&&(e.minimumFractionDigits=c),e.maximumFractionDigits=c),e},[c,u]),h=r.default.useCallback(e=>{let t=e;return typeof c==`number`&&c>=0&&(t=p(e,c)),t.toLocaleString(`en-US`,m)},[p,m,c]),g=r.default.useMemo(()=>{if(typeof f==`number`)return isNaN(f)||!isFinite(f)?`N/A`:h(f);if(typeof f==`string`){let e=f.trim();if(!e)return`N/A`;let t=Number(e);return isNaN(t)||!isFinite(t)?`N/A`:h(t)}return`N/A`},[f,h]),_=r.default.useMemo(()=>e===`.`&&a===`,`?g:g.replace(/,/g,a).replace(/\./g,e),[g,e,a]);return(0,i.jsxs)(n.Flex,{padding:`none`,className:t.cn(`text-secondary-foreground font-number text-lg`,d===`xs`&&`text-xs`,d===`sm`&&`text-sm`,d===`md`&&`text-base`,d===`lg`&&`text-lg`,d===`xl`&&`text-xl`),children:[o,(0,i.jsx)(`p`,{children:_}),s]})});a.displayName=`Statistic`,exports.Statistic=a;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../utils-BsjVK5EW.cjs`),n=require(`../flex-DnFMe9kC.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=r.default.memo(({decimalSeparator:e=`.`,groupSeparator:a=`,`,prefix:o,suffix:s,precision:c,roundingMode:l=`round`,showTrailingZeros:u=!1,size:d=`lg`,value:f})=>{let p=r.default.useCallback((e,t)=>{let n=Math.pow(10,t);switch(l){case`floor`:return Math.floor(e*n)/n;case`ceil`:return Math.ceil(e*n)/n;case`round`:default:return Math.round(e*n)/n}},[l]),m=r.default.useMemo(()=>{let e={};return typeof c==`number`&&c>=0&&(u&&(e.minimumFractionDigits=c),e.maximumFractionDigits=c),e},[c,u]),h=r.default.useCallback(e=>{let t=e;return typeof c==`number`&&c>=0&&(t=p(e,c)),t.toLocaleString(`en-US`,m)},[p,m,c]),g=r.default.useMemo(()=>{if(typeof f==`number`)return isNaN(f)||!isFinite(f)?`N/A`:h(f);if(typeof f==`string`){let e=f.trim();if(!e)return`N/A`;let t=Number(e);return isNaN(t)||!isFinite(t)?`N/A`:h(t)}return`N/A`},[f,h]),_=r.default.useMemo(()=>e===`.`&&a===`,`?g:g.replace(/,/g,a).replace(/\./g,e),[g,e,a]);return(0,i.jsxs)(n.Flex,{padding:`none`,className:t.cn(`text-secondary-foreground font-number text-lg`,d===`xs`&&`text-xs`,d===`sm`&&`text-sm`,d===`md`&&`text-base`,d===`lg`&&`text-lg`,d===`xl`&&`text-xl`),children:[o,(0,i.jsx)(`p`,{children:_}),s]})});a.displayName=`Statistic`,exports.Statistic=a;
 //# sourceMappingURL=statistic.cjs.map

package/dist/data-display/statistic.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime199 from "react/jsx-runtime";
 import React from "react";
 
 //#region packages/components/data-display/statistic.d.ts
@@ -23,7 +23,7 @@ declare const Statistic: React.MemoExoticComponent<({
   showTrailingZeros,
   size,
   value
-}: Props) => react_jsx_runtime1.JSX.Element>;
+}: Props) => react_jsx_runtime199.JSX.Element>;
 //#endregion
 export { Statistic };
 //# sourceMappingURL=statistic.d.cts.map

package/dist/data-display/statistic.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../utils-D9AH0PUV.js";import{Flex as t}from"../flex-ILvQrYMJ.js";import n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=n.memo(({decimalSeparator:a=`.`,groupSeparator:o=`,`,prefix:s,suffix:c,precision:l,roundingMode:u=`round`,showTrailingZeros:d=!1,size:f=`lg`,value:p})=>{let m=n.useCallback((e,t)=>{let n=Math.pow(10,t);switch(u){case`floor`:return Math.floor(e*n)/n;case`ceil`:return Math.ceil(e*n)/n;case`round`:default:return Math.round(e*n)/n}},[u]),h=n.useMemo(()=>{let e={};return typeof l==`number`&&l>=0&&(d&&(e.minimumFractionDigits=l),e.maximumFractionDigits=l),e},[l,d]),g=n.useCallback(e=>{let t=e;return typeof l==`number`&&l>=0&&(t=m(e,l)),t.toLocaleString(`en-US`,h)},[m,h,l]),_=n.useMemo(()=>{if(typeof p==`number`)return isNaN(p)||!isFinite(p)?`N/A`:g(p);if(typeof p==`string`){let e=p.trim();if(!e)return`N/A`;let t=Number(e);return isNaN(t)||!isFinite(t)?`N/A`:g(t)}return`N/A`},[p,g]),v=n.useMemo(()=>a===`.`&&o===`,`?_:_.replace(/,/g,o).replace(/\./g,a),[_,a,o]);return i(t,{padding:`none`,className:e(`text-secondary-foreground font-number text-lg`,f===`xs`&&`text-xs`,f===`sm`&&`text-sm`,f===`md`&&`text-base`,f===`lg`&&`text-lg`,f===`xl`&&`text-xl`),children:[s,r(`p`,{children:v}),c]})});a.displayName=`Statistic`;export{a as Statistic};
+import{cn as e}from"../utils-D9AH0PUV.js";import{Flex as t}from"../flex-CbkTJwcD.js";import n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=n.memo(({decimalSeparator:a=`.`,groupSeparator:o=`,`,prefix:s,suffix:c,precision:l,roundingMode:u=`round`,showTrailingZeros:d=!1,size:f=`lg`,value:p})=>{let m=n.useCallback((e,t)=>{let n=Math.pow(10,t);switch(u){case`floor`:return Math.floor(e*n)/n;case`ceil`:return Math.ceil(e*n)/n;case`round`:default:return Math.round(e*n)/n}},[u]),h=n.useMemo(()=>{let e={};return typeof l==`number`&&l>=0&&(d&&(e.minimumFractionDigits=l),e.maximumFractionDigits=l),e},[l,d]),g=n.useCallback(e=>{let t=e;return typeof l==`number`&&l>=0&&(t=m(e,l)),t.toLocaleString(`en-US`,h)},[m,h,l]),_=n.useMemo(()=>{if(typeof p==`number`)return isNaN(p)||!isFinite(p)?`N/A`:g(p);if(typeof p==`string`){let e=p.trim();if(!e)return`N/A`;let t=Number(e);return isNaN(t)||!isFinite(t)?`N/A`:g(t)}return`N/A`},[p,g]),v=n.useMemo(()=>a===`.`&&o===`,`?_:_.replace(/,/g,o).replace(/\./g,a),[_,a,o]);return i(t,{padding:`none`,className:e(`text-secondary-foreground font-number text-lg`,f===`xs`&&`text-xs`,f===`sm`&&`text-sm`,f===`md`&&`text-base`,f===`lg`&&`text-lg`,f===`xl`&&`text-xl`),children:[s,r(`p`,{children:v}),c]})});a.displayName=`Statistic`;export{a as Statistic};
 //# sourceMappingURL=statistic.js.map

package/dist/{dialog-CIrv1yaX.d.cts → dialog-CPq4R2AI.d.cts}

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime85 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 import { Dialog } from "radix-ui";
 
 //#region packages/components/ui/dialog.d.ts
 declare function Dialog$1({
   ...props
-}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime85.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime84.JSX.Element;
 declare function DialogTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime85.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime84.JSX.Element;
 declare function DialogPortal({
   ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime85.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime84.JSX.Element;
 declare function DialogClose({
   ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime85.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime84.JSX.Element;
 declare function DialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime85.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime84.JSX.Element;
 declare function DialogContent({
   className,
   children,
@@ -25,23 +25,23 @@ declare function DialogContent({
   ...props
 }: React.ComponentProps<typeof Dialog.Content> & {
   showCloseButton?: boolean;
-}): react_jsx_runtime85.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function DialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime85.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime84.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime85.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime84.JSX.Element;
 declare function DialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime85.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime84.JSX.Element;
 declare function DialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime85.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime84.JSX.Element;
 //#endregion
 export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
-//# sourceMappingURL=dialog-CIrv1yaX.d.cts.map
+//# sourceMappingURL=dialog-CPq4R2AI.d.cts.map

package/dist/{dialog-DD4Dinba.d.ts → dialog-sMaQeOv6.d.ts}

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime103 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 import { Dialog } from "radix-ui";
 
 //#region packages/components/ui/dialog.d.ts
 declare function Dialog$1({
   ...props
-}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime84.JSX.Element;
 declare function DialogTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime84.JSX.Element;
 declare function DialogPortal({
   ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime84.JSX.Element;
 declare function DialogClose({
   ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime84.JSX.Element;
 declare function DialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime84.JSX.Element;
 declare function DialogContent({
   className,
   children,
@@ -25,23 +25,23 @@ declare function DialogContent({
   ...props
 }: React.ComponentProps<typeof Dialog.Content> & {
   showCloseButton?: boolean;
-}): react_jsx_runtime103.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function DialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime84.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime84.JSX.Element;
 declare function DialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime84.JSX.Element;
 declare function DialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime84.JSX.Element;
 //#endregion
 export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
-//# sourceMappingURL=dialog-DD4Dinba.d.ts.map
+//# sourceMappingURL=dialog-sMaQeOv6.d.ts.map

package/dist/dialogs/detail-dialog/component/sidebar.cjs

@@ -1 +1 @@
-"use client";require(`../../../utils-BsjVK5EW.cjs`),require(`../../../tooltip-D7xs4Hao.cjs`),require(`../../../button-Cg9ZsZ68.cjs`),require(`../../../input-C2xQcVZP.cjs`),require(`../../../separator-Cigaqna1.cjs`),require(`../../../sheet-CX3PajAc.cjs`),require(`../../../skeleton-tNlCAW9R.cjs`),require(`../../../use-mobile-DD7ESbjU.cjs`);const e=require(`../../../sidebar-3ZtESIIQ.cjs`);exports.DetailDialogSidebarContent=e.DetailDialogSidebarContent,exports.DetailDialogSidebarFooter=e.DetailDialogSidebarFooter,exports.DetailDialogSidebarGroup=e.DetailDialogSidebarGroup,exports.DetailDialogSidebarGroupAction=e.DetailDialogSidebarGroupAction,exports.DetailDialogSidebarGroupContent=e.DetailDialogSidebarGroupContent,exports.DetailDialogSidebarGroupLabel=e.DetailDialogSidebarGroupLabel,exports.DetailDialogSidebarHeader=e.DetailDialogSidebarHeader,exports.DetailDialogSidebarMenu=e.DetailDialogSidebarMenu,exports.DetailDialogSidebarMenuAction=e.DetailDialogSidebarMenuAction,exports.DetailDialogSidebarMenuBadge=e.DetailDialogSidebarMenuBadge,exports.DetailDialogSidebarMenuButton=e.DetailDialogSidebarMenuButton,exports.DetailDialogSidebarMenuItem=e.DetailDialogSidebarMenuItem,exports.DetailDialogSidebarMenuSkeleton=e.DetailDialogSidebarMenuSkeleton,exports.DetailDialogSidebarMenuSub=e.DetailDialogSidebarMenuSub,exports.DetailDialogSidebarMenuSubButton=e.DetailDialogSidebarMenuSubButton,exports.DetailDialogSidebarMenuSubItem=e.DetailDialogSidebarMenuSubItem,exports.DetailDialogSidebarRail=e.DetailDialogSidebarRail,exports.DetailDialogSidebarSeparator=e.DetailDialogSidebarSeparator,exports.DetailDialogSidebarTrigger=e.DetailDialogSidebarTrigger,exports.Sidebar=e.Sidebar,exports.SidebarInput=e.SidebarInput,exports.SidebarInset=e.SidebarInset,exports.SidebarProvider=e.SidebarProvider,exports.useSidebar=e.useSidebar;
+"use client";require(`../../../utils-BsjVK5EW.cjs`),require(`../../../tooltip-D7xs4Hao.cjs`),require(`../../../button-Cg9ZsZ68.cjs`),require(`../../../input-C2xQcVZP.cjs`),require(`../../../separator-Cigaqna1.cjs`),require(`../../../sheet-CX3PajAc.cjs`),require(`../../../skeleton-tNlCAW9R.cjs`),require(`../../../use-mobile-DD7ESbjU.cjs`);const e=require(`../../../sidebar-B8vyPsEX.cjs`);exports.DetailDialogSidebarContent=e.DetailDialogSidebarContent,exports.DetailDialogSidebarFooter=e.DetailDialogSidebarFooter,exports.DetailDialogSidebarGroup=e.DetailDialogSidebarGroup,exports.DetailDialogSidebarGroupAction=e.DetailDialogSidebarGroupAction,exports.DetailDialogSidebarGroupContent=e.DetailDialogSidebarGroupContent,exports.DetailDialogSidebarGroupLabel=e.DetailDialogSidebarGroupLabel,exports.DetailDialogSidebarHeader=e.DetailDialogSidebarHeader,exports.DetailDialogSidebarMenu=e.DetailDialogSidebarMenu,exports.DetailDialogSidebarMenuAction=e.DetailDialogSidebarMenuAction,exports.DetailDialogSidebarMenuBadge=e.DetailDialogSidebarMenuBadge,exports.DetailDialogSidebarMenuButton=e.DetailDialogSidebarMenuButton,exports.DetailDialogSidebarMenuItem=e.DetailDialogSidebarMenuItem,exports.DetailDialogSidebarMenuSkeleton=e.DetailDialogSidebarMenuSkeleton,exports.DetailDialogSidebarMenuSub=e.DetailDialogSidebarMenuSub,exports.DetailDialogSidebarMenuSubButton=e.DetailDialogSidebarMenuSubButton,exports.DetailDialogSidebarMenuSubItem=e.DetailDialogSidebarMenuSubItem,exports.DetailDialogSidebarRail=e.DetailDialogSidebarRail,exports.DetailDialogSidebarSeparator=e.DetailDialogSidebarSeparator,exports.DetailDialogSidebarTrigger=e.DetailDialogSidebarTrigger,exports.Sidebar=e.Sidebar,exports.SidebarInput=e.SidebarInput,exports.SidebarInset=e.SidebarInset,exports.SidebarProvider=e.SidebarProvider,exports.useSidebar=e.useSidebar;

package/dist/dialogs/detail-dialog/component/sidebar.d.cts

@@ -1,7 +1,7 @@
-import { Button } from "../../../button-B3IGQSHK.cjs";
-import { Input } from "../../../input-CBmfFkSA.cjs";
-import { Separator } from "../../../separator-DHBhn7Y8.cjs";
-import { TooltipContent } from "../../../tooltip-etVeWcFC.cjs";
+import { Button } from "../../../button-BRHXAci1.cjs";
+import { Input } from "../../../input-6yLVoluZ.cjs";
+import { Separator } from "../../../separator-DnxxU9GH.cjs";
+import { TooltipContent } from "../../../tooltip-Dkh_dieJ.cjs";
 import * as react_jsx_runtime236 from "react/jsx-runtime";
 import React from "react";
 import * as class_variance_authority_types6 from "class-variance-authority/types";

package/dist/dialogs/detail-dialog/component/sidebar.d.ts

@@ -1,7 +1,7 @@
-import { Button } from "../../../button-DDKLvzA9.js";
-import { Input } from "../../../input-CVn7IbgO.js";
-import { Separator } from "../../../separator-CKvy23ea.js";
-import { TooltipContent } from "../../../tooltip-D0KLOhA8.js";
+import { Button } from "../../../button-DzJicXG7.js";
+import { Input } from "../../../input-I8ngYGaj.js";
+import { Separator } from "../../../separator-F-PIApnV.js";
+import { TooltipContent } from "../../../tooltip-GgIQS_wc.js";
 import React from "react";
 import * as react_jsx_runtime236 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";

package/dist/dialogs/detail-dialog/component/sidebar.js

@@ -1 +1 @@
-"use client";import"../../../utils-D9AH0PUV.js";import"../../../tooltip-CaqA5ydI.js";import"../../../button-tXV0dTFU.js";import"../../../input-DgJVc3kt.js";import"../../../separator-aLdI4FQe.js";import"../../../sheet-DqPtcv9H.js";import"../../../skeleton-BSi1n1L2.js";import"../../../use-mobile-CNVZwItd.js";import{DetailDialogSidebarContent as e,DetailDialogSidebarFooter as t,DetailDialogSidebarGroup as n,DetailDialogSidebarGroupAction as r,DetailDialogSidebarGroupContent as i,DetailDialogSidebarGroupLabel as a,DetailDialogSidebarHeader as o,DetailDialogSidebarMenu as s,DetailDialogSidebarMenuAction as c,DetailDialogSidebarMenuBadge as l,DetailDialogSidebarMenuButton as u,DetailDialogSidebarMenuItem as d,DetailDialogSidebarMenuSkeleton as f,DetailDialogSidebarMenuSub as p,DetailDialogSidebarMenuSubButton as m,DetailDialogSidebarMenuSubItem as h,DetailDialogSidebarRail as g,DetailDialogSidebarSeparator as _,DetailDialogSidebarTrigger as v,Sidebar as y,SidebarInput as b,SidebarInset as x,SidebarProvider as S,useSidebar as C}from"../../../sidebar-3aHCC_OD.js";export{e as DetailDialogSidebarContent,t as DetailDialogSidebarFooter,n as DetailDialogSidebarGroup,r as DetailDialogSidebarGroupAction,i as DetailDialogSidebarGroupContent,a as DetailDialogSidebarGroupLabel,o as DetailDialogSidebarHeader,s as DetailDialogSidebarMenu,c as DetailDialogSidebarMenuAction,l as DetailDialogSidebarMenuBadge,u as DetailDialogSidebarMenuButton,d as DetailDialogSidebarMenuItem,f as DetailDialogSidebarMenuSkeleton,p as DetailDialogSidebarMenuSub,m as DetailDialogSidebarMenuSubButton,h as DetailDialogSidebarMenuSubItem,g as DetailDialogSidebarRail,_ as DetailDialogSidebarSeparator,v as DetailDialogSidebarTrigger,y as Sidebar,b as SidebarInput,x as SidebarInset,S as SidebarProvider,C as useSidebar};
+"use client";import"../../../utils-D9AH0PUV.js";import"../../../tooltip-CaqA5ydI.js";import"../../../button-tXV0dTFU.js";import"../../../input-DgJVc3kt.js";import"../../../separator-aLdI4FQe.js";import"../../../sheet-DqPtcv9H.js";import"../../../skeleton-BSi1n1L2.js";import"../../../use-mobile-CNVZwItd.js";import{DetailDialogSidebarContent as e,DetailDialogSidebarFooter as t,DetailDialogSidebarGroup as n,DetailDialogSidebarGroupAction as r,DetailDialogSidebarGroupContent as i,DetailDialogSidebarGroupLabel as a,DetailDialogSidebarHeader as o,DetailDialogSidebarMenu as s,DetailDialogSidebarMenuAction as c,DetailDialogSidebarMenuBadge as l,DetailDialogSidebarMenuButton as u,DetailDialogSidebarMenuItem as d,DetailDialogSidebarMenuSkeleton as f,DetailDialogSidebarMenuSub as p,DetailDialogSidebarMenuSubButton as m,DetailDialogSidebarMenuSubItem as h,DetailDialogSidebarRail as g,DetailDialogSidebarSeparator as _,DetailDialogSidebarTrigger as v,Sidebar as y,SidebarInput as b,SidebarInset as x,SidebarProvider as S,useSidebar as C}from"../../../sidebar-CUDxSzag.js";export{e as DetailDialogSidebarContent,t as DetailDialogSidebarFooter,n as DetailDialogSidebarGroup,r as DetailDialogSidebarGroupAction,i as DetailDialogSidebarGroupContent,a as DetailDialogSidebarGroupLabel,o as DetailDialogSidebarHeader,s as DetailDialogSidebarMenu,c as DetailDialogSidebarMenuAction,l as DetailDialogSidebarMenuBadge,u as DetailDialogSidebarMenuButton,d as DetailDialogSidebarMenuItem,f as DetailDialogSidebarMenuSkeleton,p as DetailDialogSidebarMenuSub,m as DetailDialogSidebarMenuSubButton,h as DetailDialogSidebarMenuSubItem,g as DetailDialogSidebarRail,_ as DetailDialogSidebarSeparator,v as DetailDialogSidebarTrigger,y as Sidebar,b as SidebarInput,x as SidebarInset,S as SidebarProvider,C as useSidebar};

package/dist/dialogs/detail-dialog/index.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../utils-BsjVK5EW.cjs`);const t=require(`../../flex-CNA_SId-.cjs`),n=require(`../../date-nd8WkPlx.cjs`);require(`../../tooltip-D7xs4Hao.cjs`),require(`../../button-Cg9ZsZ68.cjs`);const r=require(`../../dialog-CguMVyyd.cjs`);require(`../../input-C2xQcVZP.cjs`);const i=require(`../../title-6Uosk2b4.cjs`);require(`../../separator-Cigaqna1.cjs`),require(`../../sheet-CX3PajAc.cjs`),require(`../../skeleton-tNlCAW9R.cjs`),require(`../../use-mobile-DD7ESbjU.cjs`);const a=require(`../../sidebar-3ZtESIIQ.cjs`),o=e.__toESM(require(`react/jsx-runtime`)),s=e.__toESM(require(`lucide-react`)),c=()=>(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{className:`sr-only`}),(0,o.jsx)(r.DialogDescription,{className:`sr-only`})]}),l=({children:e})=>(0,o.jsx)(`main`,{className:`relative flex h-full flex-1 flex-col`,children:(0,o.jsx)(t.Flex,{padding:`none`,gap:`none`,vertical:!0,width:`full`,align:`stretch`,className:`absolute inset-0 h-full`,children:e})}),u=({title:e,createdAt:r})=>(0,o.jsxs)(`header`,{className:`bg-card relative flex items-start gap-x-2.5 px-2 py-2.5`,children:[(0,o.jsx)(a.DetailDialogSidebarTrigger,{}),(0,o.jsxs)(t.Flex,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[(0,o.jsx)(i.Title,{level:5,children:e||`Detail Dialog`}),(0,o.jsxs)(t.Flex,{padding:`none`,className:`text-text-positive-weak`,children:[(0,o.jsx)(s.CalendarIcon,{size:12}),!!r&&(0,o.jsx)(n.DateDisplay,{showTime:!0,showHoliday:!0,date:r,format:`full`})]})]})]}),d=({children:e})=>(0,o.jsx)(r.DialogContent,{className:`relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]`,onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),f=({title:e,sidebarFooter:t,children:n})=>(0,o.jsxs)(a.Sidebar,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[(0,o.jsx)(a.DetailDialogSidebarHeader,{children:(0,o.jsx)(a.DetailDialogSidebarMenu,{children:(0,o.jsx)(a.DetailDialogSidebarMenuItem,{children:(0,o.jsxs)(a.DetailDialogSidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,o.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,o.jsx)(s.CatIcon,{size:16})}),(0,o.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,o.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,o.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,o.jsx)(a.DetailDialogSidebarContent,{children:(0,o.jsx)(a.DetailDialogSidebarGroup,{children:n})}),t&&(0,o.jsx)(a.DetailDialogSidebarFooter,{children:t})]}),p=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:s,sidebarFooter:p,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,o.jsx)(r.Dialog,{open:e,onOpenChange:g,children:(0,o.jsxs)(d,{children:[(0,o.jsx)(c,{}),(0,o.jsxs)(a.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,o.jsx)(f,{title:i,sidebarFooter:p,children:s}),(0,o.jsxs)(l,{children:[(0,o.jsx)(u,{title:m,createdAt:h}),n?(0,o.jsx)(t.Flex,{justify:`center`,className:`bg-muted-muted size-full inset-shadow-sm`,children:(0,o.jsx)(`div`,{className:`loader`})}):(0,o.jsx)(`section`,{className:`bg-muted-muted relative flex-1 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=p;
+const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../utils-BsjVK5EW.cjs`);require(`../../card-BDtW5n7z.cjs`);const n=require(`../../flex-DnFMe9kC.cjs`),r=require(`../../date-nd8WkPlx.cjs`);require(`../../tooltip-D7xs4Hao.cjs`),require(`../../button-Cg9ZsZ68.cjs`);const i=require(`../../dialog-CguMVyyd.cjs`);require(`../../input-C2xQcVZP.cjs`);const a=require(`../../title-6Uosk2b4.cjs`);require(`../../separator-Cigaqna1.cjs`),require(`../../sheet-CX3PajAc.cjs`),require(`../../skeleton-tNlCAW9R.cjs`),require(`../../use-mobile-DD7ESbjU.cjs`);const o=require(`../../sidebar-B8vyPsEX.cjs`),s=e.__toESM(require(`react/jsx-runtime`)),c=e.__toESM(require(`lucide-react`)),l=()=>(0,s.jsxs)(i.DialogHeader,{className:`sr-only`,children:[(0,s.jsx)(i.DialogTitle,{className:`sr-only`}),(0,s.jsx)(i.DialogDescription,{className:`sr-only`})]}),u=({children:e})=>(0,s.jsx)(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:(0,s.jsx)(n.Flex,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:e})}),d=({title:e,createdAt:t})=>(0,s.jsxs)(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[(0,s.jsx)(o.DetailDialogSidebarTrigger,{}),(0,s.jsxs)(n.Flex,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[(0,s.jsx)(a.Title,{level:5,className:`line-clamp-1 truncate text-wrap`,children:e||`Detail Dialog`}),(0,s.jsxs)(n.Flex,{padding:`none`,className:`text-text-positive-weak relative`,children:[(0,s.jsx)(c.CalendarIcon,{size:12,className:`absolute top-0.5 md:top-1`}),!!t&&(0,s.jsx)(r.DateDisplay,{showTime:!0,showHoliday:!0,date:t,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),f=({children:e})=>(0,s.jsx)(i.DialogContent,{className:t.cn(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),p=({title:e,sidebarFooter:t,children:n})=>(0,s.jsxs)(o.Sidebar,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[(0,s.jsx)(o.DetailDialogSidebarHeader,{children:(0,s.jsx)(o.DetailDialogSidebarMenu,{children:(0,s.jsx)(o.DetailDialogSidebarMenuItem,{children:(0,s.jsxs)(o.DetailDialogSidebarMenuButton,{size:`lg`,tabIndex:-1,children:[(0,s.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,s.jsx)(c.CatIcon,{size:16})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),(0,s.jsx)(o.DetailDialogSidebarContent,{children:(0,s.jsx)(o.DetailDialogSidebarGroup,{children:n})}),t&&(0,s.jsx)(o.DetailDialogSidebarFooter,{children:t})]}),m=({open:e,isLoading:t=!1,sidebarTitle:r,sidebar:a,sidebarFooter:c,title:m,createdAt:h,onOpenChange:g,children:_})=>(0,s.jsx)(i.Dialog,{open:e,onOpenChange:g,children:(0,s.jsxs)(f,{children:[(0,s.jsx)(l,{}),(0,s.jsxs)(o.SidebarProvider,{className:`h-full min-h-[85svh] items-start`,children:[(0,s.jsx)(p,{title:r,sidebarFooter:c,children:a}),(0,s.jsxs)(u,{children:[(0,s.jsx)(d,{title:m,createdAt:h}),t?(0,s.jsx)(n.Flex,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:(0,s.jsx)(`div`,{className:`loader`})}):(0,s.jsx)(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:_})]})]})]})});exports.DetailDialog=m;
 //# sourceMappingURL=index.cjs.map

package/dist/dialogs/detail-dialog/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["DialogHeader","DialogTitle","DialogDescription","DetailDialogMain: React.FC<React.PropsWithChildren>","Flex","DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string\n    createdAt?: string | Date | number\n  }>\n>","DetailDialogSidebarTrigger","Title","CalendarIcon","DateDisplay","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DialogContent","DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>>","Sidebar","DetailDialogSidebarHeader","DetailDialogSidebarMenu","DetailDialogSidebarMenuItem","DetailDialogSidebarMenuButton","CatIcon","DetailDialogSidebarContent","DetailDialogSidebarGroup","DetailDialogSidebarFooter","DetailDialog: React.FC<React.PropsWithChildren<Props>>","Dialog","SidebarProvider","Flex"],"sources":["../../../packages/components/dialogs/detail-dialog/component/header.tsx","../../../packages/components/dialogs/detail-dialog/component/main.tsx","../../../packages/components/dialogs/detail-dialog/component/wrapper.tsx","../../../packages/components/dialogs/detail-dialog/index.tsx"],"sourcesContent":["import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'\n\nexport const DetailDialogHeader = () => {\n  return (\n    <DialogHeader className=\"sr-only\">\n      <DialogTitle className=\"sr-only\"></DialogTitle>\n      <DialogDescription className=\"sr-only\"></DialogDescription>\n    </DialogHeader>\n  )\n}\n","import { CalendarIcon } from 'lucide-react'\n\nimport { DateDisplay } from '@/components/data-display/date'\nimport { Flex } from '@/components/layouts/flex'\nimport { Title } from '@/components/typography/title'\n\nimport { DetailDialogSidebarTrigger } from './sidebar'\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <main className=\"relative flex h-full flex-1 flex-col\">\n      <Flex padding=\"none\" gap=\"none\" vertical width=\"full\" align=\"stretch\" className=\"absolute inset-0 h-full\">\n        {children}\n      </Flex>\n    </main>\n  )\n}\n\nexport const DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string\n    createdAt?: string | Date | number\n  }>\n> = ({ title, createdAt }) => {\n  return (\n    <header className=\"bg-card relative flex items-start gap-x-2.5 px-2 py-2.5\">\n      <DetailDialogSidebarTrigger />\n      <Flex vertical align=\"start\" padding=\"none\" className=\"flex-1\">\n        <Title level={5}>{title || 'Detail Dialog'}</Title>\n        <Flex padding=\"none\" className=\"text-text-positive-weak\">\n          <CalendarIcon size={12} />\n          {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" />}\n        </Flex>\n      </Flex>\n    </header>\n  )\n}\n","import { DialogContent } from '@/components/ui/dialog'\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className=\"relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]\"\n      onInteractOutside={(e) => {\n        e.preventDefault()\n        e.stopPropagation()\n      }}\n    >\n      {children}\n    </DialogContent>\n  )\n}\n","import { CatIcon } from 'lucide-react'\n\nimport { Flex } from '@/components/layouts/flex'\nimport { Dialog } from '@/components/ui/dialog'\n\nimport { DetailDialogHeader } from './component/header'\nimport { DetailDialogMain, DetailDialogMainHeader } from './component/main'\nimport {\n  Sidebar,\n  SidebarProvider,\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\n} from './component/sidebar'\nimport { DetailDialogWrapper } from './component/wrapper'\n\nconst DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>> = ({ title, sidebarFooter, children }) => {\n  return (\n    <Sidebar collapsible=\"icon\" className=\"shadow-nav z-20 hidden md:flex\">\n      <DetailDialogSidebarHeader>\n        <DetailDialogSidebarMenu>\n          <DetailDialogSidebarMenuItem>\n            <DetailDialogSidebarMenuButton size=\"lg\" tabIndex={-1}>\n              <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n                <CatIcon size={16} />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{title || 'Detail Dialog'}</span>\n                <span className=\"truncate text-xs\">Lunas Enterprise</span>\n              </div>\n            </DetailDialogSidebarMenuButton>\n          </DetailDialogSidebarMenuItem>\n        </DetailDialogSidebarMenu>\n      </DetailDialogSidebarHeader>\n      <DetailDialogSidebarContent>\n        <DetailDialogSidebarGroup>{children}</DetailDialogSidebarGroup>\n      </DetailDialogSidebarContent>\n      {sidebarFooter && <DetailDialogSidebarFooter>{sidebarFooter}</DetailDialogSidebarFooter>}\n    </Sidebar>\n  )\n}\n\ntype Props = {\n  open?: boolean\n  isLoading?: boolean\n  sidebarTitle?: string\n  sidebar?: React.ReactNode\n  sidebarFooter?: React.ReactNode\n  title: string\n  createdAt: string | Date | number\n  onOpenChange?: (open: boolean) => void | Promise<void>\n}\nexport const DetailDialog: React.FC<React.PropsWithChildren<Props>> = ({\n  open,\n  isLoading = false,\n  sidebarTitle,\n  sidebar,\n  sidebarFooter,\n  title,\n  createdAt,\n  onOpenChange,\n  children,\n}) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DetailDialogWrapper>\n        <DetailDialogHeader />\n        <SidebarProvider className=\"h-full min-h-[85svh] items-start\">\n          <DetailDialogSidebar title={sidebarTitle} sidebarFooter={sidebarFooter} children={sidebar} />\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted-muted size-full inset-shadow-sm\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted relative flex-1 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  )\n}\n"],"mappings":"ioBAEa,OAET,EAAA,EAAA,MAACA,EAAAA,aAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,UAAU,aACvB,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAkB,UAAU,eCEtBC,GAAuD,CAAE,eAElE,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,iDACd,EAAA,EAAA,KAACsB,EAAAA,KAAAA,CAAK,QAAQ,OAAO,IAAI,OAAO,SAAA,GAAS,MAAM,OAAO,MAAM,UAAU,UAAU,0BAC7E,eAMIpB,GAKR,CAAE,QAAO,gBAEV,EAAA,EAAA,MAAC,SAAA,CAAO,UAAU,qEAChB,EAAA,EAAA,KAACC,EAAAA,2BAAAA,KACD,EAAA,EAAA,MAACmB,EAAAA,KAAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,UAAU,oBACpD,EAAA,EAAA,KAAClB,EAAAA,MAAAA,CAAM,MAAO,WAAI,GAAS,mBAC3B,EAAA,EAAA,MAACkB,EAAAA,KAAAA,CAAK,QAAQ,OAAO,UAAU,qCAC7B,EAAA,EAAA,KAACjB,EAAAA,aAAAA,CAAa,KAAM,KACnB,CAAC,CAAC,IAAa,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,kBC7BvEC,GAA0D,CAAE,eAErE,EAAA,EAAA,KAACC,EAAAA,cAAAA,CACC,UAAU,wGACV,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCSDC,GAA+G,CAAE,QAAO,gBAAe,eAEzI,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAQ,YAAY,OAAO,UAAU,4CACpC,EAAA,EAAA,KAACC,EAAAA,0BAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,wBAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,4BAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,8BAAAA,CAA8B,KAAK,KAAK,SAAU,cACjD,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,QAAAA,CAAQ,KAAM,QAEjB,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCAAwB,GAAS,mBACjD,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,kCAM7C,EAAA,EAAA,KAACC,EAAAA,2BAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,yBAAAA,CAA0B,eAE5B,IAAiB,EAAA,EAAA,KAACC,EAAAA,0BAAAA,CAAAA,SAA2B,OAevCC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,eAGE,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,KACD,EAAA,EAAA,MAACC,EAAAA,gBAAAA,CAAgB,UAAU,8CACzB,EAAA,EAAA,KAAC,EAAA,CAAoB,MAAO,EAA6B,gBAAe,SAAU,KAClF,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,CAA8B,QAAkB,cAChD,GACC,EAAA,EAAA,KAACC,EAAAA,KAAAA,CAAK,QAAQ,SAAS,UAAU,qDAC/B,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,cAGjB,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,iEAAkE"}
+{"version":3,"file":"index.cjs","names":["DialogHeader","DialogTitle","DialogDescription","DetailDialogMain: React.FC<React.PropsWithChildren>","Flex","DetailDialogMainHeader: React.FC<React.PropsWithChildren<DetailDialogMainHeaderProps>>","DetailDialogSidebarTrigger","Title","CalendarIcon","DateDisplay","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DialogContent","cn","DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>>","Sidebar","DetailDialogSidebarHeader","DetailDialogSidebarMenu","DetailDialogSidebarMenuItem","DetailDialogSidebarMenuButton","CatIcon","DetailDialogSidebarContent","DetailDialogSidebarGroup","DetailDialogSidebarFooter","DetailDialog: React.FC<React.PropsWithChildren<Props>>","Dialog","SidebarProvider","Flex"],"sources":["../../../packages/components/dialogs/detail-dialog/component/header.tsx","../../../packages/components/dialogs/detail-dialog/component/main.tsx","../../../packages/components/dialogs/detail-dialog/component/wrapper.tsx","../../../packages/components/dialogs/detail-dialog/index.tsx"],"sourcesContent":["import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'\n\nexport const DetailDialogHeader = () => {\n  return (\n    <DialogHeader className=\"sr-only\">\n      <DialogTitle className=\"sr-only\"></DialogTitle>\n      <DialogDescription className=\"sr-only\"></DialogDescription>\n    </DialogHeader>\n  )\n}\n","import { CalendarIcon } from 'lucide-react'\n\nimport { DateDisplay } from '@/components/data-display/date'\nimport { Flex } from '@/components/layouts/flex'\nimport { Title } from '@/components/typography/title'\n\nimport { DetailDialogSidebarTrigger } from './sidebar'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <main data-slot=\"detail-dialog-main\" className=\"relative h-full flex-1\">\n    <Flex padding=\"none\" gap=\"none\" vertical align=\"stretch\" className=\"absolute inset-0 size-full\">\n      {children}\n    </Flex>\n  </main>\n)\n\ntype DetailDialogMainHeaderProps = {\n  title: string\n  createdAt?: string | Date | number\n}\nexport const DetailDialogMainHeader: React.FC<React.PropsWithChildren<DetailDialogMainHeaderProps>> = ({ title, createdAt }) => (\n  <header className=\"bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2\">\n    <DetailDialogSidebarTrigger />\n    <Flex vertical align=\"start\" padding=\"none\" width=\"null\" wrap={false} className=\"flex-1\">\n      <Title level={5} className=\"line-clamp-1 truncate text-wrap\">\n        {title || 'Detail Dialog'}\n      </Title>\n      <Flex padding=\"none\" className=\"text-text-positive-weak relative\">\n        <CalendarIcon size={12} className=\"absolute top-0.5 md:top-1\" />\n        {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" className=\"ml-4 text-xs md:text-sm\" />}\n      </Flex>\n    </Flex>\n  </header>\n)\n\nexport const DetailDialogMainGroup: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <Flex vertical gap=\"md\" padding=\"md\" width=\"full\">\n    {children}\n  </Flex>\n)\n\ntype DetailDialogMainGroupItemProps = {\n  title?: string\n  description?: string\n}\nexport const DetailDialogMainGroupItem: React.FC<React.PropsWithChildren<DetailDialogMainGroupItemProps>> = ({ title, description, children }) => (\n  <Card className=\"w-full snap-start scroll-mt-4\">\n    <CardHeader>\n      <CardTitle>{title}</CardTitle>\n      <CardDescription>{description}</CardDescription>\n    </CardHeader>\n    <CardContent>{children}</CardContent>\n  </Card>\n)\n","import { DialogContent } from '@/components/ui/dialog'\nimport { cn } from '@/lib/utils'\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className={cn(\n        'relative h-full overflow-hidden border-none p-0',\n        'rounded-none md:rounded-lg',\n        'max-h-svh max-w-svw',\n        'md:max-h-[90svh] md:max-w-[90svw]',\n        'xl:max-h-[90svh] xl:max-w-[90svw]',\n        '2xl:max-h-[90svh] 2xl:max-w-7xl',\n      )}\n      onInteractOutside={(e) => {\n        e.preventDefault()\n        e.stopPropagation()\n      }}\n    >\n      {children}\n    </DialogContent>\n  )\n}\n","import { CatIcon } from 'lucide-react'\n\nimport { Flex } from '@/components/layouts/flex'\nimport { Dialog } from '@/components/ui/dialog'\n\nimport { DetailDialogHeader } from './component/header'\nimport { DetailDialogMain, DetailDialogMainHeader } from './component/main'\nimport {\n  Sidebar,\n  SidebarProvider,\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\n} from './component/sidebar'\nimport { DetailDialogWrapper } from './component/wrapper'\n\nconst DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>> = ({ title, sidebarFooter, children }) => {\n  return (\n    <Sidebar collapsible=\"icon\" className=\"shadow-nav z-20 hidden md:flex\">\n      <DetailDialogSidebarHeader>\n        <DetailDialogSidebarMenu>\n          <DetailDialogSidebarMenuItem>\n            <DetailDialogSidebarMenuButton size=\"lg\" tabIndex={-1}>\n              <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n                <CatIcon size={16} />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{title || 'Detail Dialog'}</span>\n                <span className=\"truncate text-xs\">Lunas Enterprise</span>\n              </div>\n            </DetailDialogSidebarMenuButton>\n          </DetailDialogSidebarMenuItem>\n        </DetailDialogSidebarMenu>\n      </DetailDialogSidebarHeader>\n      <DetailDialogSidebarContent>\n        <DetailDialogSidebarGroup>{children}</DetailDialogSidebarGroup>\n      </DetailDialogSidebarContent>\n      {sidebarFooter && <DetailDialogSidebarFooter>{sidebarFooter}</DetailDialogSidebarFooter>}\n    </Sidebar>\n  )\n}\n\ntype Props = {\n  open?: boolean\n  isLoading?: boolean\n  sidebarTitle?: string\n  sidebar?: React.ReactNode\n  sidebarFooter?: React.ReactNode\n  title: string\n  createdAt: string | Date | number\n  onOpenChange?: (open: boolean) => void | Promise<void>\n}\nexport const DetailDialog: React.FC<React.PropsWithChildren<Props>> = ({\n  open,\n  isLoading = false,\n  sidebarTitle,\n  sidebar,\n  sidebarFooter,\n  title,\n  createdAt,\n  onOpenChange,\n  children,\n}) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DetailDialogWrapper>\n        <DetailDialogHeader />\n        <SidebarProvider className=\"h-full min-h-[85svh] items-start\">\n          <DetailDialogSidebar title={sidebarTitle} sidebarFooter={sidebarFooter} children={sidebar} />\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted-muted w-full flex-1 inset-shadow-sm\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  )\n}\n"],"mappings":"sqBAEa,OAET,EAAA,EAAA,MAACA,EAAAA,aAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,UAAU,aACvB,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAkB,UAAU,eCGtBC,GAAuD,CAAE,eACpE,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,qBAAqB,UAAU,mCAC7C,EAAA,EAAA,KAACuB,EAAAA,KAAAA,CAAK,QAAQ,OAAO,IAAI,OAAO,SAAA,GAAS,MAAM,UAAU,UAAU,6BAChE,eASMrB,GAA0F,CAAE,QAAO,gBAC9G,EAAA,EAAA,MAAC,SAAA,CAAO,UAAU,4GAChB,EAAA,EAAA,KAACC,EAAAA,2BAAAA,KACD,EAAA,EAAA,MAACoB,EAAAA,KAAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,OAAO,KAAM,GAAO,UAAU,oBAC9E,EAAA,EAAA,KAACnB,EAAAA,MAAAA,CAAM,MAAO,EAAG,UAAU,2CACxB,GAAS,mBAEZ,EAAA,EAAA,MAACmB,EAAAA,KAAAA,CAAK,QAAQ,OAAO,UAAU,8CAC7B,EAAA,EAAA,KAAClB,EAAAA,aAAAA,CAAa,KAAM,GAAI,UAAU,8BACjC,CAAC,CAAC,IAAa,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,OAAO,UAAU,qCC3BtFC,GAA0D,CAAE,eAErE,EAAA,EAAA,KAACC,EAAAA,cAAAA,CACC,UAAWC,EAAAA,GACT,kDACA,6BACA,sBACA,oCACA,oCACA,mCAEF,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCCDC,GAA+G,CAAE,QAAO,gBAAe,eAEzI,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAQ,YAAY,OAAO,UAAU,4CACpC,EAAA,EAAA,KAACC,EAAAA,0BAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,wBAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,4BAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,8BAAAA,CAA8B,KAAK,KAAK,SAAU,cACjD,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,gIACb,EAAA,EAAA,KAACC,EAAAA,QAAAA,CAAQ,KAAM,QAEjB,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,yDACb,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,gCAAwB,GAAS,mBACjD,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,4BAAmB,kCAM7C,EAAA,EAAA,KAACC,EAAAA,2BAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,yBAAAA,CAA0B,eAE5B,IAAiB,EAAA,EAAA,KAACC,EAAAA,0BAAAA,CAAAA,SAA2B,OAevCC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,eAGE,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,KACD,EAAA,EAAA,MAACC,EAAAA,gBAAAA,CAAgB,UAAU,8CACzB,EAAA,EAAA,KAAC,EAAA,CAAoB,MAAO,EAA6B,gBAAe,SAAU,KAClF,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,CAA8B,QAAkB,cAChD,GACC,EAAA,EAAA,KAACC,EAAAA,KAAAA,CAAK,QAAQ,SAAS,UAAU,yDAC/B,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,cAGjB,EAAA,EAAA,KAAC,UAAA,CAAQ,UAAU,4FAA6F"}

package/dist/dialogs/detail-dialog/index.js

@@ -1,2 +1,2 @@
-import"../../utils-D9AH0PUV.js";import{Flex as e}from"../../flex-ILvQrYMJ.js";import{DateDisplay as t}from"../../date-BMq_DNsv.js";import"../../tooltip-CaqA5ydI.js";import"../../button-tXV0dTFU.js";import{Dialog as n,DialogContent as r,DialogDescription as i,DialogHeader as a,DialogTitle as o}from"../../dialog-YTzM43YA.js";import"../../input-DgJVc3kt.js";import{Title as s}from"../../title-CxIwADiB.js";import"../../separator-aLdI4FQe.js";import"../../sheet-DqPtcv9H.js";import"../../skeleton-BSi1n1L2.js";import"../../use-mobile-CNVZwItd.js";import{DetailDialogSidebarContent as c,DetailDialogSidebarFooter as l,DetailDialogSidebarGroup as u,DetailDialogSidebarHeader as d,DetailDialogSidebarMenu as f,DetailDialogSidebarMenuButton as p,DetailDialogSidebarMenuItem as m,DetailDialogSidebarTrigger as h,Sidebar as g,SidebarProvider as _}from"../../sidebar-3aHCC_OD.js";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{CalendarIcon as b,CatIcon as x}from"lucide-react";const S=()=>y(a,{className:`sr-only`,children:[v(o,{className:`sr-only`}),v(i,{className:`sr-only`})]}),C=({children:t})=>v(`main`,{className:`relative flex h-full flex-1 flex-col`,children:v(e,{padding:`none`,gap:`none`,vertical:!0,width:`full`,align:`stretch`,className:`absolute inset-0 h-full`,children:t})}),w=({title:n,createdAt:r})=>y(`header`,{className:`bg-card relative flex items-start gap-x-2.5 px-2 py-2.5`,children:[v(h,{}),y(e,{vertical:!0,align:`start`,padding:`none`,className:`flex-1`,children:[v(s,{level:5,children:n||`Detail Dialog`}),y(e,{padding:`none`,className:`text-text-positive-weak`,children:[v(b,{size:12}),!!r&&v(t,{showTime:!0,showHoliday:!0,date:r,format:`full`})]})]})]}),T=({children:e})=>v(r,{className:`relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]`,onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:e}),E=({title:e,sidebarFooter:t,children:n})=>y(g,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[v(d,{children:v(f,{children:v(m,{children:y(p,{size:`lg`,tabIndex:-1,children:[v(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:v(x,{size:16})}),y(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[v(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),v(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),v(c,{children:v(u,{children:n})}),t&&v(l,{children:t})]}),D=({open:t,isLoading:r=!1,sidebarTitle:i,sidebar:a,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>v(n,{open:t,onOpenChange:l,children:y(T,{children:[v(S,{}),y(_,{className:`h-full min-h-[85svh] items-start`,children:[v(E,{title:i,sidebarFooter:o,children:a}),y(C,{children:[v(w,{title:s,createdAt:c}),r?v(e,{justify:`center`,className:`bg-muted-muted size-full inset-shadow-sm`,children:v(`div`,{className:`loader`})}):v(`section`,{className:`bg-muted-muted relative flex-1 overflow-y-auto inset-shadow-sm`,children:u})]})]})]})});export{D as DetailDialog};
+import{cn as e}from"../../utils-D9AH0PUV.js";import"../../card-C17NWErE.js";import{Flex as t}from"../../flex-CbkTJwcD.js";import{DateDisplay as n}from"../../date-BMq_DNsv.js";import"../../tooltip-CaqA5ydI.js";import"../../button-tXV0dTFU.js";import{Dialog as r,DialogContent as i,DialogDescription as a,DialogHeader as o,DialogTitle as s}from"../../dialog-YTzM43YA.js";import"../../input-DgJVc3kt.js";import{Title as c}from"../../title-CxIwADiB.js";import"../../separator-aLdI4FQe.js";import"../../sheet-DqPtcv9H.js";import"../../skeleton-BSi1n1L2.js";import"../../use-mobile-CNVZwItd.js";import{DetailDialogSidebarContent as l,DetailDialogSidebarFooter as u,DetailDialogSidebarGroup as d,DetailDialogSidebarHeader as f,DetailDialogSidebarMenu as p,DetailDialogSidebarMenuButton as m,DetailDialogSidebarMenuItem as h,DetailDialogSidebarTrigger as g,Sidebar as _,SidebarProvider as v}from"../../sidebar-CUDxSzag.js";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{CalendarIcon as x,CatIcon as S}from"lucide-react";const C=()=>b(o,{className:`sr-only`,children:[y(s,{className:`sr-only`}),y(a,{className:`sr-only`})]}),w=({children:e})=>y(`main`,{"data-slot":`detail-dialog-main`,className:`relative h-full flex-1`,children:y(t,{padding:`none`,gap:`none`,vertical:!0,align:`stretch`,className:`absolute inset-0 size-full`,children:e})}),T=({title:e,createdAt:r})=>b(`header`,{className:`bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2`,children:[y(g,{}),b(t,{vertical:!0,align:`start`,padding:`none`,width:`null`,wrap:!1,className:`flex-1`,children:[y(c,{level:5,className:`line-clamp-1 truncate text-wrap`,children:e||`Detail Dialog`}),b(t,{padding:`none`,className:`text-text-positive-weak relative`,children:[y(x,{size:12,className:`absolute top-0.5 md:top-1`}),!!r&&y(n,{showTime:!0,showHoliday:!0,date:r,format:`full`,className:`ml-4 text-xs md:text-sm`})]})]})]}),E=({children:t})=>y(i,{className:e(`relative h-full overflow-hidden border-none p-0`,`rounded-none md:rounded-lg`,`max-h-svh max-w-svw`,`md:max-h-[90svh] md:max-w-[90svw]`,`xl:max-h-[90svh] xl:max-w-[90svw]`,`2xl:max-h-[90svh] 2xl:max-w-7xl`),onInteractOutside:e=>{e.preventDefault(),e.stopPropagation()},children:t}),D=({title:e,sidebarFooter:t,children:n})=>b(_,{collapsible:`icon`,className:`shadow-nav z-20 hidden md:flex`,children:[y(f,{children:y(p,{children:y(h,{children:b(m,{size:`lg`,tabIndex:-1,children:[y(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:y(S,{size:16})}),b(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[y(`span`,{className:`truncate font-medium`,children:e||`Detail Dialog`}),y(`span`,{className:`truncate text-xs`,children:`Lunas Enterprise`})]})]})})})}),y(l,{children:y(d,{children:n})}),t&&y(u,{children:t})]}),O=({open:e,isLoading:n=!1,sidebarTitle:i,sidebar:a,sidebarFooter:o,title:s,createdAt:c,onOpenChange:l,children:u})=>y(r,{open:e,onOpenChange:l,children:b(E,{children:[y(C,{}),b(v,{className:`h-full min-h-[85svh] items-start`,children:[y(D,{title:i,sidebarFooter:o,children:a}),b(w,{children:[y(T,{title:s,createdAt:c}),n?y(t,{justify:`center`,className:`bg-muted-muted w-full flex-1 inset-shadow-sm`,children:y(`div`,{className:`loader`})}):y(`section`,{className:`bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm`,children:u})]})]})]})});export{O as DetailDialog};
 //# sourceMappingURL=index.js.map

package/dist/dialogs/detail-dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DetailDialogMain: React.FC<React.PropsWithChildren>","DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string\n    createdAt?: string | Date | number\n  }>\n>","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>>","DetailDialog: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../../packages/components/dialogs/detail-dialog/component/header.tsx","../../../packages/components/dialogs/detail-dialog/component/main.tsx","../../../packages/components/dialogs/detail-dialog/component/wrapper.tsx","../../../packages/components/dialogs/detail-dialog/index.tsx"],"sourcesContent":["import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'\n\nexport const DetailDialogHeader = () => {\n  return (\n    <DialogHeader className=\"sr-only\">\n      <DialogTitle className=\"sr-only\"></DialogTitle>\n      <DialogDescription className=\"sr-only\"></DialogDescription>\n    </DialogHeader>\n  )\n}\n","import { CalendarIcon } from 'lucide-react'\n\nimport { DateDisplay } from '@/components/data-display/date'\nimport { Flex } from '@/components/layouts/flex'\nimport { Title } from '@/components/typography/title'\n\nimport { DetailDialogSidebarTrigger } from './sidebar'\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <main className=\"relative flex h-full flex-1 flex-col\">\n      <Flex padding=\"none\" gap=\"none\" vertical width=\"full\" align=\"stretch\" className=\"absolute inset-0 h-full\">\n        {children}\n      </Flex>\n    </main>\n  )\n}\n\nexport const DetailDialogMainHeader: React.FC<\n  React.PropsWithChildren<{\n    title: string\n    createdAt?: string | Date | number\n  }>\n> = ({ title, createdAt }) => {\n  return (\n    <header className=\"bg-card relative flex items-start gap-x-2.5 px-2 py-2.5\">\n      <DetailDialogSidebarTrigger />\n      <Flex vertical align=\"start\" padding=\"none\" className=\"flex-1\">\n        <Title level={5}>{title || 'Detail Dialog'}</Title>\n        <Flex padding=\"none\" className=\"text-text-positive-weak\">\n          <CalendarIcon size={12} />\n          {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" />}\n        </Flex>\n      </Flex>\n    </header>\n  )\n}\n","import { DialogContent } from '@/components/ui/dialog'\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className=\"relative h-full max-h-[90svh] overflow-hidden rounded-lg border-none p-0 sm:max-w-[calc(100svw-2rem)]\"\n      onInteractOutside={(e) => {\n        e.preventDefault()\n        e.stopPropagation()\n      }}\n    >\n      {children}\n    </DialogContent>\n  )\n}\n","import { CatIcon } from 'lucide-react'\n\nimport { Flex } from '@/components/layouts/flex'\nimport { Dialog } from '@/components/ui/dialog'\n\nimport { DetailDialogHeader } from './component/header'\nimport { DetailDialogMain, DetailDialogMainHeader } from './component/main'\nimport {\n  Sidebar,\n  SidebarProvider,\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\n} from './component/sidebar'\nimport { DetailDialogWrapper } from './component/wrapper'\n\nconst DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>> = ({ title, sidebarFooter, children }) => {\n  return (\n    <Sidebar collapsible=\"icon\" className=\"shadow-nav z-20 hidden md:flex\">\n      <DetailDialogSidebarHeader>\n        <DetailDialogSidebarMenu>\n          <DetailDialogSidebarMenuItem>\n            <DetailDialogSidebarMenuButton size=\"lg\" tabIndex={-1}>\n              <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n                <CatIcon size={16} />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{title || 'Detail Dialog'}</span>\n                <span className=\"truncate text-xs\">Lunas Enterprise</span>\n              </div>\n            </DetailDialogSidebarMenuButton>\n          </DetailDialogSidebarMenuItem>\n        </DetailDialogSidebarMenu>\n      </DetailDialogSidebarHeader>\n      <DetailDialogSidebarContent>\n        <DetailDialogSidebarGroup>{children}</DetailDialogSidebarGroup>\n      </DetailDialogSidebarContent>\n      {sidebarFooter && <DetailDialogSidebarFooter>{sidebarFooter}</DetailDialogSidebarFooter>}\n    </Sidebar>\n  )\n}\n\ntype Props = {\n  open?: boolean\n  isLoading?: boolean\n  sidebarTitle?: string\n  sidebar?: React.ReactNode\n  sidebarFooter?: React.ReactNode\n  title: string\n  createdAt: string | Date | number\n  onOpenChange?: (open: boolean) => void | Promise<void>\n}\nexport const DetailDialog: React.FC<React.PropsWithChildren<Props>> = ({\n  open,\n  isLoading = false,\n  sidebarTitle,\n  sidebar,\n  sidebarFooter,\n  title,\n  createdAt,\n  onOpenChange,\n  children,\n}) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DetailDialogWrapper>\n        <DetailDialogHeader />\n        <SidebarProvider className=\"h-full min-h-[85svh] items-start\">\n          <DetailDialogSidebar title={sidebarTitle} sidebarFooter={sidebarFooter} children={sidebar} />\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted-muted size-full inset-shadow-sm\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted relative flex-1 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  )\n}\n"],"mappings":"k9BAEA,MAAa,MAET,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAY,UAAU,YACvB,EAAC,EAAA,CAAkB,UAAU,eCEtBA,GAAuD,CAAE,cAElE,EAAC,OAAA,CAAK,UAAU,gDACd,EAAC,EAAA,CAAK,QAAQ,OAAO,IAAI,OAAO,SAAA,GAAS,MAAM,OAAO,MAAM,UAAU,UAAU,0BAC7E,eAMIC,GAKR,CAAE,QAAO,eAEV,EAAC,SAAA,CAAO,UAAU,oEAChB,EAAC,EAAA,IACD,EAAC,EAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,UAAU,mBACpD,EAAC,EAAA,CAAM,MAAO,WAAI,GAAS,kBAC3B,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,oCAC7B,EAAC,EAAA,CAAa,KAAM,KACnB,CAAC,CAAC,GAAa,EAAC,EAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,kBC7BvEC,GAA0D,CAAE,cAErE,EAAC,EAAA,CACC,UAAU,wGACV,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCSDC,GAA+G,CAAE,QAAO,gBAAe,cAEzI,EAAC,EAAA,CAAQ,YAAY,OAAO,UAAU,2CACpC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAA8B,KAAK,KAAK,SAAU,aACjD,EAAC,MAAA,CAAI,UAAU,+HACb,EAAC,EAAA,CAAQ,KAAM,OAEjB,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,gCAAwB,GAAS,kBACjD,EAAC,OAAA,CAAK,UAAU,4BAAmB,iCAM7C,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAA0B,eAE5B,GAAiB,EAAC,EAAA,CAAA,SAA2B,OAevCC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,cAGE,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,IACD,EAAC,EAAA,CAAgB,UAAU,6CACzB,EAAC,EAAA,CAAoB,MAAO,EAA6B,gBAAe,SAAU,IAClF,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAA8B,QAAkB,cAChD,EACC,EAAC,EAAA,CAAK,QAAQ,SAAS,UAAU,oDAC/B,EAAC,MAAA,CAAI,UAAU,aAGjB,EAAC,UAAA,CAAQ,UAAU,iEAAkE"}
+{"version":3,"file":"index.js","names":["DetailDialogMain: React.FC<React.PropsWithChildren>","DetailDialogMainHeader: React.FC<React.PropsWithChildren<DetailDialogMainHeaderProps>>","DetailDialogWrapper: React.FC<React.PropsWithChildren>","DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>>","DetailDialog: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../../packages/components/dialogs/detail-dialog/component/header.tsx","../../../packages/components/dialogs/detail-dialog/component/main.tsx","../../../packages/components/dialogs/detail-dialog/component/wrapper.tsx","../../../packages/components/dialogs/detail-dialog/index.tsx"],"sourcesContent":["import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'\n\nexport const DetailDialogHeader = () => {\n  return (\n    <DialogHeader className=\"sr-only\">\n      <DialogTitle className=\"sr-only\"></DialogTitle>\n      <DialogDescription className=\"sr-only\"></DialogDescription>\n    </DialogHeader>\n  )\n}\n","import { CalendarIcon } from 'lucide-react'\n\nimport { DateDisplay } from '@/components/data-display/date'\nimport { Flex } from '@/components/layouts/flex'\nimport { Title } from '@/components/typography/title'\n\nimport { DetailDialogSidebarTrigger } from './sidebar'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\n\nexport const DetailDialogMain: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <main data-slot=\"detail-dialog-main\" className=\"relative h-full flex-1\">\n    <Flex padding=\"none\" gap=\"none\" vertical align=\"stretch\" className=\"absolute inset-0 size-full\">\n      {children}\n    </Flex>\n  </main>\n)\n\ntype DetailDialogMainHeaderProps = {\n  title: string\n  createdAt?: string | Date | number\n}\nexport const DetailDialogMainHeader: React.FC<React.PropsWithChildren<DetailDialogMainHeaderProps>> = ({ title, createdAt }) => (\n  <header className=\"bg-card border-border-weak flex w-full flex-0 items-start gap-x-2.5 border-b py-2.5 pr-12 pl-2\">\n    <DetailDialogSidebarTrigger />\n    <Flex vertical align=\"start\" padding=\"none\" width=\"null\" wrap={false} className=\"flex-1\">\n      <Title level={5} className=\"line-clamp-1 truncate text-wrap\">\n        {title || 'Detail Dialog'}\n      </Title>\n      <Flex padding=\"none\" className=\"text-text-positive-weak relative\">\n        <CalendarIcon size={12} className=\"absolute top-0.5 md:top-1\" />\n        {!!createdAt && <DateDisplay showTime showHoliday date={createdAt} format=\"full\" className=\"ml-4 text-xs md:text-sm\" />}\n      </Flex>\n    </Flex>\n  </header>\n)\n\nexport const DetailDialogMainGroup: React.FC<React.PropsWithChildren> = ({ children }) => (\n  <Flex vertical gap=\"md\" padding=\"md\" width=\"full\">\n    {children}\n  </Flex>\n)\n\ntype DetailDialogMainGroupItemProps = {\n  title?: string\n  description?: string\n}\nexport const DetailDialogMainGroupItem: React.FC<React.PropsWithChildren<DetailDialogMainGroupItemProps>> = ({ title, description, children }) => (\n  <Card className=\"w-full snap-start scroll-mt-4\">\n    <CardHeader>\n      <CardTitle>{title}</CardTitle>\n      <CardDescription>{description}</CardDescription>\n    </CardHeader>\n    <CardContent>{children}</CardContent>\n  </Card>\n)\n","import { DialogContent } from '@/components/ui/dialog'\nimport { cn } from '@/lib/utils'\n\nexport const DetailDialogWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <DialogContent\n      className={cn(\n        'relative h-full overflow-hidden border-none p-0',\n        'rounded-none md:rounded-lg',\n        'max-h-svh max-w-svw',\n        'md:max-h-[90svh] md:max-w-[90svw]',\n        'xl:max-h-[90svh] xl:max-w-[90svw]',\n        '2xl:max-h-[90svh] 2xl:max-w-7xl',\n      )}\n      onInteractOutside={(e) => {\n        e.preventDefault()\n        e.stopPropagation()\n      }}\n    >\n      {children}\n    </DialogContent>\n  )\n}\n","import { CatIcon } from 'lucide-react'\n\nimport { Flex } from '@/components/layouts/flex'\nimport { Dialog } from '@/components/ui/dialog'\n\nimport { DetailDialogHeader } from './component/header'\nimport { DetailDialogMain, DetailDialogMainHeader } from './component/main'\nimport {\n  Sidebar,\n  SidebarProvider,\n  DetailDialogSidebarContent,\n  DetailDialogSidebarFooter,\n  DetailDialogSidebarGroup,\n  DetailDialogSidebarHeader,\n  DetailDialogSidebarMenu,\n  DetailDialogSidebarMenuButton,\n  DetailDialogSidebarMenuItem,\n} from './component/sidebar'\nimport { DetailDialogWrapper } from './component/wrapper'\n\nconst DetailDialogSidebar: React.FC<React.PropsWithChildren<{ title?: string; sidebarFooter?: React.ReactNode }>> = ({ title, sidebarFooter, children }) => {\n  return (\n    <Sidebar collapsible=\"icon\" className=\"shadow-nav z-20 hidden md:flex\">\n      <DetailDialogSidebarHeader>\n        <DetailDialogSidebarMenu>\n          <DetailDialogSidebarMenuItem>\n            <DetailDialogSidebarMenuButton size=\"lg\" tabIndex={-1}>\n              <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg\">\n                <CatIcon size={16} />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{title || 'Detail Dialog'}</span>\n                <span className=\"truncate text-xs\">Lunas Enterprise</span>\n              </div>\n            </DetailDialogSidebarMenuButton>\n          </DetailDialogSidebarMenuItem>\n        </DetailDialogSidebarMenu>\n      </DetailDialogSidebarHeader>\n      <DetailDialogSidebarContent>\n        <DetailDialogSidebarGroup>{children}</DetailDialogSidebarGroup>\n      </DetailDialogSidebarContent>\n      {sidebarFooter && <DetailDialogSidebarFooter>{sidebarFooter}</DetailDialogSidebarFooter>}\n    </Sidebar>\n  )\n}\n\ntype Props = {\n  open?: boolean\n  isLoading?: boolean\n  sidebarTitle?: string\n  sidebar?: React.ReactNode\n  sidebarFooter?: React.ReactNode\n  title: string\n  createdAt: string | Date | number\n  onOpenChange?: (open: boolean) => void | Promise<void>\n}\nexport const DetailDialog: React.FC<React.PropsWithChildren<Props>> = ({\n  open,\n  isLoading = false,\n  sidebarTitle,\n  sidebar,\n  sidebarFooter,\n  title,\n  createdAt,\n  onOpenChange,\n  children,\n}) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DetailDialogWrapper>\n        <DetailDialogHeader />\n        <SidebarProvider className=\"h-full min-h-[85svh] items-start\">\n          <DetailDialogSidebar title={sidebarTitle} sidebarFooter={sidebarFooter} children={sidebar} />\n          <DetailDialogMain>\n            <DetailDialogMainHeader title={title} createdAt={createdAt} />\n            {isLoading ? (\n              <Flex justify=\"center\" className=\"bg-muted-muted w-full flex-1 inset-shadow-sm\">\n                <div className=\"loader\" />\n              </Flex>\n            ) : (\n              <section className=\"bg-muted-muted relative flex flex-1 snap-y flex-col gap-0 overflow-y-auto inset-shadow-sm\">{children}</section>\n            )}\n          </DetailDialogMain>\n        </SidebarProvider>\n      </DetailDialogWrapper>\n    </Dialog>\n  )\n}\n"],"mappings":"8/BAEA,MAAa,MAET,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAY,UAAU,YACvB,EAAC,EAAA,CAAkB,UAAU,eCGtBA,GAAuD,CAAE,cACpE,EAAC,OAAA,CAAK,YAAU,qBAAqB,UAAU,kCAC7C,EAAC,EAAA,CAAK,QAAQ,OAAO,IAAI,OAAO,SAAA,GAAS,MAAM,UAAU,UAAU,6BAChE,eASMC,GAA0F,CAAE,QAAO,eAC9G,EAAC,SAAA,CAAO,UAAU,2GAChB,EAAC,EAAA,IACD,EAAC,EAAA,CAAK,SAAA,GAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,OAAO,KAAM,GAAO,UAAU,mBAC9E,EAAC,EAAA,CAAM,MAAO,EAAG,UAAU,2CACxB,GAAS,kBAEZ,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,6CAC7B,EAAC,EAAA,CAAa,KAAM,GAAI,UAAU,8BACjC,CAAC,CAAC,GAAa,EAAC,EAAA,CAAY,SAAA,GAAS,YAAA,GAAY,KAAM,EAAW,OAAO,OAAO,UAAU,qCC3BtFC,GAA0D,CAAE,cAErE,EAAC,EAAA,CACC,UAAW,EACT,kDACA,6BACA,sBACA,oCACA,oCACA,mCAEF,kBAAoB,GAAM,CACxB,EAAE,iBACF,EAAE,mBAGH,aCCDC,GAA+G,CAAE,QAAO,gBAAe,cAEzI,EAAC,EAAA,CAAQ,YAAY,OAAO,UAAU,2CACpC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAA8B,KAAK,KAAK,SAAU,aACjD,EAAC,MAAA,CAAI,UAAU,+HACb,EAAC,EAAA,CAAQ,KAAM,OAEjB,EAAC,MAAA,CAAI,UAAU,wDACb,EAAC,OAAA,CAAK,UAAU,gCAAwB,GAAS,kBACjD,EAAC,OAAA,CAAK,UAAU,4BAAmB,iCAM7C,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAA0B,eAE5B,GAAiB,EAAC,EAAA,CAAA,SAA2B,OAevCC,GAA0D,CACrE,OACA,YAAY,GACZ,eACA,UACA,gBACA,QACA,YACA,eACA,cAGE,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,IACD,EAAC,EAAA,CAAgB,UAAU,6CACzB,EAAC,EAAA,CAAoB,MAAO,EAA6B,gBAAe,SAAU,IAClF,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAA8B,QAAkB,cAChD,EACC,EAAC,EAAA,CAAK,QAAQ,SAAS,UAAU,wDAC/B,EAAC,MAAA,CAAI,UAAU,aAGjB,EAAC,UAAA,CAAQ,UAAU,4FAA6F"}