@customafk/lunas-ui 0.0.81 → 0.0.83

package/dist/layouts/service-layout/index.d.ts

@@ -1,11 +1,11 @@
-import "../../button-DKcU4dim.js";
-import "../../separator-LYCmJYd5.js";
-import { TooltipContent } from "../../tooltip-IMUjBDRr.js";
+import "../../button-DIPXcr_W.js";
+import "../../separator-3Tqllk9s.js";
+import { TooltipContent } from "../../tooltip-Clkt7Knc.js";
 import "react";
-import * as react_jsx_runtime311 from "react/jsx-runtime";
+import * as react_jsx_runtime321 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { CredentialResponse } from "@react-oauth/google";
-import * as class_variance_authority_types12 from "class-variance-authority/types";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
 
 //#region packages/components/layouts/service-layout/hooks/use-service-layout.d.ts
 type Cart = {
@@ -43,43 +43,43 @@ declare function ServiceLayoutSidebar$1({
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
   collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime311.JSX.Element;
+}): react_jsx_runtime321.JSX.Element;
 declare function ServiceLayoutSidebarFooter({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime311.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime321.JSX.Element;
 declare function ServiceLayoutSidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime311.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime321.JSX.Element;
 declare function ServiceLayoutSidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime311.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime321.JSX.Element;
 declare function ServiceLayoutSidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime311.JSX.Element;
+}): react_jsx_runtime321.JSX.Element;
 declare function ServiceLayoutSidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime311.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime321.JSX.Element;
 declare function ServiceLayoutSidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime311.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime321.JSX.Element;
 declare function ServiceLayoutSidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime311.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime321.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types12.ClassProp) | undefined) => string;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
 declare function ServiceLayoutSidebarMenuButton({
   asChild,
   isActive,
@@ -92,7 +92,7 @@ declare function ServiceLayoutSidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime311.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime321.JSX.Element;
 //#endregion
 //#region packages/components/layouts/service-layout/service-layout.d.ts
 declare const ServiceLayoutProvider: React.FC<React.PropsWithChildren<ServiceLayoutContextProps>>;

package/dist/layouts/service-layout/index.js

@@ -1,2 +1,2 @@
-import"../../dist-BgkALM7U.js";import"../../button-variants-Y1GTBayz.js";import{Button as e}from"../../button-CYsnwc1-.js";import{Card as t,CardContent as n}from"../../card-DOv2mZU8.js";import"../../skeleton-ByN-MrQO.js";import{Image as r}from"../../image-CiQhTTyt.js";import{Tooltip as i,TooltipContent as a,TooltipProvider as o,TooltipTrigger as s}from"../../tooltip-BTrjCwd8.js";import{Avatar as c,AvatarFallback as l,AvatarImage as u}from"../../avatar-iX5Jhj8E.js";import{Separator as d}from"../../separator-D17HxS2f.js";import{Dialog as f,DialogContent as p,DialogFooter as m,DialogHeader as h,DialogTitle as g}from"../../dialog-BAlJ18xi.js";import{Drawer as _,DrawerContent as v,DrawerDescription as y,DrawerFooter as b,DrawerHeader as x,DrawerTitle as S}from"../../drawer-DRC3X2-U.js";import{Input as ee}from"../../input-BStypTnq.js";import{DropdownMenu as C,DropdownMenuContent as w,DropdownMenuItem as te,DropdownMenuLabel as ne,DropdownMenuSeparator as re,DropdownMenuTrigger as ie}from"../../dropdown-menu-DtEPAmMV.js";import{ScrollArea as ae}from"../../scroll-area-DFENklE1.js";import{Sheet as oe,SheetContent as se,SheetHeader as ce,SheetTitle as le,SheetTrigger as ue}from"../../sheet-BhyEuJtA.js";import{Tabs as T,TabsContent as E,TabsList as de,TabsTrigger as D}from"../../tabs-BVCzl3vY.js";import{LockIcon as fe,LogInIcon as O,LogOutIcon as k,MenuIcon as pe,Minus as me,Plus as he,ShoppingBag as ge,ShoppingBasketIcon as _e,ShoppingCartIcon as A,Trash2 as ve,UserIcon as ye}from"lucide-react";import{cn as j}from"@customafk/react-toolkit/utils";import{createContext as M,useCallback as N,useContext as P,useEffect as F,useMemo as be,useState as I}from"react";import{Fragment as xe,jsx as L,jsxs as R}from"react/jsx-runtime";import{cva as Se}from"class-variance-authority";import{Slot as z}from"radix-ui";import{useMediaQuery as B}from"@customafk/react-toolkit/hooks/useMediaQuery";import{GoogleLogin as V}from"@react-oauth/google";import{useIsMobile as Ce}from"@customafk/react-toolkit/hooks/useMobile";import{useDebounceCallback as we}from"@customafk/react-toolkit/hooks/useDebounceCallback";const H=M(null),U=()=>{let e=P(H);if(!e)throw Error(`useServiceLayoutContext must be used within a ServiceLayoutProvider`);return e},Te=({type:i,productUuid:a,variantUuid:o,productName:s,variantName:c,imageUrl:l,optionValue:u,optionTitle:d,quantity:f,price:p})=>{let{onDeletingCart:m,onUpdatingCart:h}=U(),[g,_]=I(f),[v,y]=I(!1),b=N(()=>{h?.(o,g,i)},[h,o,g,i]),x=we(b,500),S=N(e=>{e<1&&(e=1),e>99&&(e=99),_(e)},[]),C=N(async()=>{y(!0),await m?.(a),y(!1)},[a,m]);return F(()=>(g!==f&&x(),()=>{x.cancel()}),[g,f,x]),R(t,{className:`border-border-weak relative mb-3 overflow-x-auto border p-4 shadow-none`,children:[v&&L(`div`,{className:`bg-muted-muted/80 absolute inset-0 z-10 flex items-center justify-center`,children:L(`div`,{className:`loader-dots`})}),R(n,{className:`p-0`,children:[R(e,{variant:`ghost`,size:`icon`,color:`muted`,disabled:v,className:`text-text-positive-weak absolute top-2 right-2 z-10`,onClick:C,children:[L(ve,{className:`h-4 w-4`}),L(`span`,{className:`sr-only`,children:`Remove item`})]}),R(`div`,{className:`flex gap-3`,children:[L(`div`,{className:`relative size-20 flex-shrink-0`,children:l?L(r,{src:l,alt:s,className:`rounded-md border-none shadow-xs`,width:80,height:80}):L(`div`,{className:`bg-muted text-muted-foreground flex size-full items-center justify-center text-xs`,children:`No image`})}),R(`div`,{className:`flex flex-1 flex-col`,children:[L(`div`,{className:`flex justify-between`,children:L(`h3`,{className:`text-text-positive line-clamp-1 text-sm font-medium`,children:s})}),R(`p`,{className:`text-text-positive-weak mb-1 text-xs`,children:[c,d&&` - ${d}: ${u}`]}),R(`div`,{className:`mt-auto flex items-center justify-between`,children:[R(`div`,{className:`flex items-center space-x-1`,children:[L(`button`,{disabled:g<=1,className:`border-border active:bg-muted-muted flex size-6 cursor-pointer items-center justify-center rounded-full border transition-all disabled:opacity-60`,onClick:()=>S(g-1),children:L(me,{size:12})}),L(ee,{value:g,onChange:e=>S(parseInt(e.target.value||`1`)),className:`border-border h-6.5 w-14 rounded-md border p-1 text-center text-sm`,min:1}),L(`button`,{disabled:g>=99,className:`border-border active:bg-muted-muted flex size-6 cursor-pointer items-center justify-center rounded-full border transition-all disabled:opacity-60`,onClick:()=>S(g+1),children:L(he,{size:12})})]}),R(`div`,{className:`text-sm font-semibold`,children:[(p*g).toLocaleString(),` ₫`]})]})]})]})]})]})},W=({items:t=[],cartType:n,className:r})=>{let i=t.reduce((e,t)=>e+t.price*t.quantity,0);return t.length===0?R(`div`,{className:j(`bg-muted-muted flex size-full max-h-80 flex-col items-center justify-center rounded-lg p-8`,r),children:[L(`div`,{className:`text-text-positive-weak bg-card shadow-card mb-4 flex size-20 items-center justify-center rounded-full text-5xl`,children:L(_e,{size:42,strokeWidth:1})}),R(`div`,{className:`flex flex-col space-y-1`,children:[L(`p`,{className:`text-text-positive text-center text-base font-semibold`,children:`Giỏ hàng trống`}),L(`p`,{className:`text-text-positive-weak mb-4 text-center text-sm`,children:n===`in_stock`?`Thêm sản phẩm có sẵn vào giỏ hàng của bạn!`:`Thêm sản phẩm đặt trước vào giỏ hàng của bạn!`})]})]}):R(`div`,{className:j(`flex h-full flex-col space-y-4 overflow-y-auto`,r),children:[L(ae,{className:`h-full flex-1`,children:t.map(e=>L(Te,{...e,type:n},`${e.productUuid}-${e.variantUuid}`))}),R(`div`,{className:`flex-0 space-y-3`,children:[R(`div`,{className:`flex justify-between`,children:[L(`span`,{className:`text-text-positive-weak text-sm`,children:`Tạm tính:`}),R(`span`,{className:`text-sm`,children:[i.toLocaleString(),` ₫`]})]}),L(d,{}),R(`div`,{className:`flex justify-between`,children:[L(`span`,{className:`text-text-positive font-medium`,children:`Tổng cộng:`}),R(`span`,{className:`text-lg font-semibold`,children:[i.toLocaleString(),` ₫`]})]}),L(e,{className:`mt-2 w-full`,children:`Thanh toán ngay`}),n===`pre_order`&&L(`p`,{className:`text-text-positive-weak text-center text-xs italic`,children:`* Sản phẩm đặt trước sẽ được giao sau khi có hàng`})]})]})},G=M(null),K=()=>{let e=P(G);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e};function q({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:i,children:a,...s}){let c=Ce(),[l,u]=I(!1),[d,f]=I(e),p=t??d,m=N(e=>{let t=typeof e==`function`?e(p):e;n?n(t):f(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,p]),h=N(()=>c?u(e=>!e):m(e=>!e),[c,m,u]);F(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),h())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[h]);let g=p?`expanded`:`collapsed`,_=be(()=>({state:g,isMobile:c,toggleSidebar:h,open:p,setOpen:m,openMobile:l,setOpenMobile:u}),[g,p,m,c,l,u,h]);return L(G.Provider,{value:_,children:L(o,{delayDuration:0,children:L(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...i},className:j(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,r),...s,children:a})})})}function Ee({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{isMobile:o,state:s,openMobile:c,setOpenMobile:l}=K();return n===`none`?L(`aside`,{"data-slot":`sidebar`,className:j(`bg-sidebar`,`text-sidebar-foreground`,`flex h-full w-(--sidebar-width) flex-col`,r),...a,children:i}):o?L(_,{direction:`left`,open:c,onOpenChange:l,children:R(v,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 data-[vaul-drawer-direction=left]:w-3xs data-[vaul-drawer-direction=left]:sm:max-w-3xs [&>button]:hidden`,style:{"--sidebar-width":`16rem`},children:[R(x,{className:`sr-only`,children:[L(S,{children:`Sidebar`}),L(y,{children:`Displays the mobile sidebar.`})]}),R(`div`,{className:`flex size-full flex-col`,children:[R(`div`,{className:`border-border-weak flex flex-0 items-center gap-x-2 border-b p-2 pr-4`,children:[L(J,{}),L(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground ml-2 flex aspect-square size-8 items-center justify-center rounded-lg`,children:L(A,{size:20})}),R(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[L(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),L(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),L(`div`,{className:`flex flex-1 flex-col p-2`,children:i})]})]})}):R(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":s,"data-collapsible":s===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[L(`div`,{"data-slot":`sidebar-gap`,className:j(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) w-(--sidebar-width)`,`sm:h-[calc(var(--header-height) + 0.5rem)]`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),L(`div`,{"data-slot":`sidebar-container`,className:j(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`h-[calc(100dvh-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)]`,t===`floating`||t===`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`,r),...a,children:L(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:j(`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:i})})]})}function J({className:t,onClick:n,...r}){let{toggleSidebar:i}=K();return R(e,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:j(`size-10 rounded-full`,t),onClick:e=>{n?.(e),i()},...r,children:[L(pe,{className:`!size-6`}),L(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function De({className:e,children:t,...n}){return R(`main`,{"data-slot":`sidebar-inset`,className:j(`relative flex w-full flex-1 flex-col`,e),...n,children:[L(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)_+_0.5rem)]`}),L(`div`,{className:j(`flex-1 inset-shadow-sm`),children:t})]})}function Oe({className:e,children:t,...n}){let{open:r}=K(),{onLogout:i}=U();return R(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:j(`flex flex-col gap-2`,e),...n,children:[t,R(Y,{children:[L(X,{children:R(Z,{className:`border-border border`,onClick:i,children:[L(k,{className:`text-text-positive-weak`}),`Đăng xuất`]})}),r&&L(X,{className:`border-t-border mt-2 border-t`,children:L(`p`,{className:`text-muted-foreground pt-2 text-center text-xs`,children:`Copyright © 2025, Lunas.`})})]})]})}function ke({className:e,...t}){return L(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:j(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function Ae({className:e,...t}){return L(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:j(`relative flex w-full min-w-0 flex-col`,e),...t})}function je({className:e,asChild:t=!1,...n}){let r=t?z.Slot:`div`;return L(r,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:j(`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),...n})}function Me({className:e,...t}){return L(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:j(`w-full text-sm`,e),...t})}function Y({className:e,...t}){return L(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:j(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function X({className:e,...t}){return L(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:j(`group/menu-item relative`,e),...t})}const Ne=Se(`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-12!.group-data-[collapsible=icon]:p-3!.group-data-[collapsible=icon]:gap-3!.[&>svg]:size-6.[&>svg]:shrink-0.[&>span:last-child]:truncate`.split(`.`),{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-10 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function Z({asChild:e=!1,isActive:t=!1,variant:n=`default`,size:r=`default`,tooltip:o,className:c,...l}){let u=e?z.Slot:`button`,{isMobile:d,state:f}=K(),p=L(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":r,"data-active":t,className:j(Ne({variant:n,size:r}),c),...l});return o?(typeof o==`string`&&(o={children:o}),R(i,{children:[L(s,{asChild:!0,children:p}),L(a,{side:`right`,align:`center`,hidden:f!==`collapsed`||d,...o})]})):p}const Pe=({isLoggedIn:e=!1,username:t,email:n,inStockCarts:r,orderedCarts:i,onGoogleLoginSuccess:a,onUpdatingCart:o,onDeletingCart:s,onLogout:c,children:l})=>L(H.Provider,{value:{isLoggedIn:e,username:t,email:n,inStockCarts:r,orderedCarts:i,onGoogleLoginSuccess:a,onUpdatingCart:o,onDeletingCart:s,onLogout:c},children:l}),Fe=({children:e})=>L(q,{children:e}),Q=({userName:t=`Keith Kennedy`,userEmail:n=`k.kennedy@originui.com`,onLogout:r})=>R(C,{children:[L(ie,{asChild:!0,children:L(e,{size:`icon`,variant:`ghost`,color:`secondary`,className:`size-10 rounded-full`,children:R(c,{className:`size-10`,children:[L(u,{}),L(l,{className:`bg-muted-muted size-full`,children:L(ye,{})})]})})}),R(w,{align:`end`,className:`max-w-64`,children:[R(ne,{className:`flex min-w-0 flex-col`,children:[L(`span`,{className:`text-text-positive truncate text-sm font-medium`,children:t}),L(`span`,{className:`text-text-positive-weak truncate text-xs font-normal`,children:n})]}),L(re,{}),R(te,{onClick:r,children:[L(k,{size:16,"aria-hidden":`true`}),L(`span`,{className:`text-text-positive`,children:`Logout`})]})]})]}),$=()=>{let{inStockCarts:t=[],orderedCarts:n=[]}=U(),r=t.length,i=n.length,a=r+i;return R(oe,{children:[L(ue,{asChild:!0,children:R(e,{size:`icon`,variant:`ghost`,color:`secondary`,className:`relative size-10 rounded-full`,children:[L(A,{}),a>0&&L(`span`,{className:`bg-primary text-primary-foreground absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-xs font-bold`,children:a})]})}),R(se,{className:`w-[95vw] sm:max-w-md`,children:[L(ce,{className:`border-border-weak flex-0 border-b pb-3`,children:R(le,{className:`flex items-center gap-2`,children:[L(ge,{className:`h-5 w-5`}),L(`span`,{children:`Giỏ hàng của bạn`}),a>0&&R(`span`,{className:`text-text-positive-weak text-sm font-normal`,children:[`(`,a,` sản phẩm)`]})]})}),R(T,{defaultValue:i>0?`pre_order`:`in_stock`,className:`h-full flex-1 overflow-y-auto p-4 pt-0`,children:[R(de,{className:`w-full flex-0`,children:[R(D,{value:`in_stock`,className:`relative`,children:[`Có sẵn`,r>0&&R(`span`,{children:[`(`,r,`)`]})]}),R(D,{value:`pre_order`,className:`relative`,children:[`Đặt trước`,i>0&&R(`span`,{children:[`(`,i,`)`]})]})]}),L(E,{value:`pre_order`,className:`flex-1 overflow-y-auto`,children:L(W,{items:n,cartType:`pre_order`})}),L(E,{value:`in_stock`,className:`flex-1 overflow-y-auto`,children:L(W,{items:t,cartType:`in_stock`})})]})]})]})},Ie=()=>{let{isLoggedIn:t,username:n,email:r,onGoogleLoginSuccess:i,onLogout:a}=U(),o=B(`(min-width: 640px)`),[s,c]=I(!1);return R(`header`,{className:j(`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`),children:[t&&L(J,{}),R(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[L(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:L(A,{size:20})}),R(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[L(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),L(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),R(`div`,{className:`flex flex-1 items-center justify-end gap-x-2`,children:[!t&&R(e,{className:`w-8 sm:w-fit`,onClick:()=>c(!0),children:[L(O,{}),L(`span`,{className:`sr-only sm:not-sr-only`,children:`Đăng nhập`})]}),t&&R(xe,{children:[L(Q,{userName:n,userEmail:r,onLogout:a}),L(d,{orientation:`vertical`,className:`min-h-6 w-px`}),L($,{})]})]}),o&&L(f,{open:s,onOpenChange:c,children:R(p,{showCloseButton:!1,className:`flex flex-col gap-0 border-none p-0 sm:max-w-sm`,children:[L(h,{className:`flex-0 gap-2 p-6`,children:L(g,{className:`text-center`,children:`Chào mừng bạn đến với Lunas Store!`})}),L(`div`,{className:`flex flex-1 flex-col`,children:L(`main`,{className:`bg-card size-full flex-1 p-4 pt-0`,children:R(`div`,{className:`flex flex-col items-center gap-y-1`,children:[L(`p`,{className:`text-text-positive-weak text-sm`,children:`Đăng nhập với Google`}),L(V,{size:`large`,theme:`outline`,width:240,onSuccess:async e=>{!e.clientId||!e.credential||!e.select_by||await i?.(e)}})]})})}),L(m,{className:`p-2`})]})}),!o&&L(_,{open:s,onOpenChange:c,children:R(v,{children:[L(x,{className:`text-left`,children:L(S,{children:`Chào mừng bạn đến với Lunas Store!`})}),L(`div`,{className:`flex flex-1 flex-col`,children:L(`main`,{className:`flex size-full flex-1 flex-col p-4 pt-0`,children:R(`div`,{className:`flex flex-col items-center gap-y-1`,children:[L(`p`,{className:`text-text-positive-weak text-sm`,children:`Đăng nhập với Google`}),L(V,{size:`large`,theme:`outline`,onSuccess:async e=>{!e.clientId||!e.credential||!e.select_by||await i?.(e)}})]})})}),L(b,{})]})})]})},Le=({children:e,...t})=>{let{isLoggedIn:n}=U();return n?L(Ee,{variant:`inset`,collapsible:`icon`,...t,children:e}):null},Re=({children:t})=>{let{isLoggedIn:n,onGoogleLoginSuccess:r}=U(),i=B(`(min-width: 640px)`),[a,o]=I(!1);return n?L(De,{children:L(`section`,{className:`relative size-full`,children:L(`div`,{className:`absolute inset-0 flex flex-col`,children:t})})}):L(`div`,{className:`size-full p-4 pt-[calc(var(--header-height)+1.5rem)]`,children:R(`div`,{className:`bg-card shadow-card flex size-full flex-col items-center justify-center gap-6 rounded-lg p-8 text-center`,children:[L(`div`,{className:`bg-muted-foreground/10 flex size-20 items-center justify-center rounded-full`,children:L(fe,{className:`text-primary size-10`})}),R(`div`,{className:`flex max-w-md flex-col gap-2`,children:[L(`h2`,{className:`text-2xl font-semibold`,children:`Bạn chưa đăng nhập`}),L(`p`,{className:`text-text-positive-weak`,children:`Đăng nhập để khám phá đầy đủ các tính năng của Lunas Store và truy cập vào tài khoản của bạn.`})]}),R(e,{size:`lg`,className:`gap-2`,onClick:()=>o(!0),children:[L(O,{size:18}),L(`span`,{children:`Đăng nhập ngay`})]}),i&&L(f,{open:a,onOpenChange:o,children:R(p,{showCloseButton:!1,className:`flex flex-col gap-0 border-none p-0 sm:max-w-sm`,children:[L(h,{className:`flex-0 gap-2 p-6`,children:L(g,{className:`text-center`,children:`Chào mừng bạn đến với Lunas Store!`})}),L(`div`,{className:`flex flex-1 flex-col`,children:L(`main`,{className:`bg-card size-full flex-1 p-4 pt-0`,children:R(`div`,{className:`flex flex-col items-center gap-y-1`,children:[L(`p`,{className:`text-text-positive-weak text-sm`,children:`Đăng nhập với Google`}),L(V,{size:`large`,theme:`outline`,width:240,onSuccess:async e=>{!e.clientId||!e.credential||!e.select_by||(await r?.(e),o(!1))}})]})})}),L(m,{className:`p-2`})]})}),!i&&L(_,{open:a,onOpenChange:o,children:R(v,{children:[L(x,{className:`text-left`,children:L(S,{children:`Chào mừng bạn đến với Lunas Store!`})}),L(`div`,{className:`flex flex-1 flex-col`,children:L(`main`,{className:`flex size-full flex-1 flex-col p-4 pt-0`,children:R(`div`,{className:`flex flex-col items-center gap-y-1`,children:[L(`p`,{className:`text-text-positive-weak text-sm`,children:`Đăng nhập với Google`}),L(V,{size:`large`,theme:`outline`,onSuccess:async e=>{!e.clientId||!e.credential||!e.select_by||(await r?.(e),o(!1))}})]})})}),L(b,{})]})})]})})},ze=({className:e,children:t})=>L(`div`,{"data-slot":`main-header`,className:j(`flex-0 snap-start`,e),children:t}),Be=({className:e,children:t})=>L(`div`,{"data-slot":`main-content`,className:j(`flex w-full flex-1 flex-col gap-4 overflow-y-auto px-2 sm:px-4`,e),children:t}),Ve=({className:e,children:t})=>L(`div`,{"data-slot":`main-footer`,className:j(`border-border-weak hidden w-full flex-0 border-t pt-2 sm:flex`,e),children:t}),He=({children:e,className:t})=>L(`div`,{"data-slot":`main-group`,className:j(`flex size-full flex-col gap-4`,t),children:e}),Ue=({className:e,children:t})=>L(`div`,{"data-slot":`main-group-content`,className:j(`bg-card shadow-card max-w-8xl size-full flex-1 rounded-md p-4`,e),children:t});export{$ as ServiceLayoutCartInfo,Ie as ServiceLayoutHeader,Re as ServiceLayoutMain,Be as ServiceLayoutMainContent,Ve as ServiceLayoutMainFooter,He as ServiceLayoutMainGroup,Ue as ServiceLayoutMainGroupContent,ze as ServiceLayoutMainHeader,Pe as ServiceLayoutProvider,Le as ServiceLayoutSidebar,ke as ServiceLayoutSidebarContent,Oe as ServiceLayoutSidebarFooter,Ae as ServiceLayoutSidebarGroup,Me as ServiceLayoutSidebarGroupContent,je as ServiceLayoutSidebarGroupLabel,Y as ServiceLayoutSidebarMenu,Z as ServiceLayoutSidebarMenuButton,X as ServiceLayoutSidebarMenuItem,Q as ServiceLayoutUserInfo,Fe as ServiceLayoutWrapper};
+import"../../dist-BgkALM7U.js";import"../../button-variants-Y1GTBayz.js";import{Button as e}from"../../button-CYsnwc1-.js";import{Card as t,CardContent as n}from"../../card-DOv2mZU8.js";import"../../skeleton-ByN-MrQO.js";import{Image as r}from"../../image-CiQhTTyt.js";import{Tooltip as i,TooltipContent as a,TooltipProvider as o,TooltipTrigger as s}from"../../tooltip-BTrjCwd8.js";import{Avatar as c,AvatarFallback as l,AvatarImage as u}from"../../avatar-iX5Jhj8E.js";import{Separator as d}from"../../separator-D17HxS2f.js";import{Dialog as f,DialogContent as p,DialogFooter as m,DialogHeader as h,DialogTitle as g}from"../../dialog-BAlJ18xi.js";import{Drawer as _,DrawerContent as v,DrawerDescription as y,DrawerFooter as b,DrawerHeader as x,DrawerTitle as S}from"../../drawer-BT0osH1O.js";import{Input as ee}from"../../input-BStypTnq.js";import{DropdownMenu as C,DropdownMenuContent as w,DropdownMenuItem as te,DropdownMenuLabel as ne,DropdownMenuSeparator as re,DropdownMenuTrigger as ie}from"../../dropdown-menu-DtEPAmMV.js";import{ScrollArea as ae}from"../../scroll-area-DFENklE1.js";import{Sheet as oe,SheetContent as se,SheetHeader as ce,SheetTitle as le,SheetTrigger as ue}from"../../sheet-BhyEuJtA.js";import{Tabs as T,TabsContent as E,TabsList as de,TabsTrigger as D}from"../../tabs-BVCzl3vY.js";import{LockIcon as fe,LogInIcon as O,LogOutIcon as k,MenuIcon as pe,Minus as me,Plus as he,ShoppingBag as ge,ShoppingBasketIcon as _e,ShoppingCartIcon as A,Trash2 as ve,UserIcon as ye}from"lucide-react";import{cn as j}from"@customafk/react-toolkit/utils";import{createContext as M,useCallback as N,useContext as P,useEffect as F,useMemo as be,useState as I}from"react";import{Fragment as xe,jsx as L,jsxs as R}from"react/jsx-runtime";import{cva as Se}from"class-variance-authority";import{Slot as z}from"radix-ui";import{useMediaQuery as B}from"@customafk/react-toolkit/hooks/useMediaQuery";import{GoogleLogin as V}from"@react-oauth/google";import{useIsMobile as Ce}from"@customafk/react-toolkit/hooks/useMobile";import{useDebounceCallback as we}from"@customafk/react-toolkit/hooks/useDebounceCallback";const H=M(null),U=()=>{let e=P(H);if(!e)throw Error(`useServiceLayoutContext must be used within a ServiceLayoutProvider`);return e},Te=({type:i,productUuid:a,variantUuid:o,productName:s,variantName:c,imageUrl:l,optionValue:u,optionTitle:d,quantity:f,price:p})=>{let{onDeletingCart:m,onUpdatingCart:h}=U(),[g,_]=I(f),[v,y]=I(!1),b=N(()=>{h?.(o,g,i)},[h,o,g,i]),x=we(b,500),S=N(e=>{e<1&&(e=1),e>99&&(e=99),_(e)},[]),C=N(async()=>{y(!0),await m?.(a),y(!1)},[a,m]);return F(()=>(g!==f&&x(),()=>{x.cancel()}),[g,f,x]),R(t,{className:`border-border-weak relative mb-3 overflow-x-auto border p-4 shadow-none`,children:[v&&L(`div`,{className:`bg-muted-muted/80 absolute inset-0 z-10 flex items-center justify-center`,children:L(`div`,{className:`loader-dots`})}),R(n,{className:`p-0`,children:[R(e,{variant:`ghost`,size:`icon`,color:`muted`,disabled:v,className:`text-text-positive-weak absolute top-2 right-2 z-10`,onClick:C,children:[L(ve,{className:`h-4 w-4`}),L(`span`,{className:`sr-only`,children:`Remove item`})]}),R(`div`,{className:`flex gap-3`,children:[L(`div`,{className:`relative size-20 flex-shrink-0`,children:l?L(r,{src:l,alt:s,className:`rounded-md border-none shadow-xs`,width:80,height:80}):L(`div`,{className:`bg-muted text-muted-foreground flex size-full items-center justify-center text-xs`,children:`No image`})}),R(`div`,{className:`flex flex-1 flex-col`,children:[L(`div`,{className:`flex justify-between`,children:L(`h3`,{className:`text-text-positive line-clamp-1 text-sm font-medium`,children:s})}),R(`p`,{className:`text-text-positive-weak mb-1 text-xs`,children:[c,d&&` - ${d}: ${u}`]}),R(`div`,{className:`mt-auto flex items-center justify-between`,children:[R(`div`,{className:`flex items-center space-x-1`,children:[L(`button`,{disabled:g<=1,className:`border-border active:bg-muted-muted flex size-6 cursor-pointer items-center justify-center rounded-full border transition-all disabled:opacity-60`,onClick:()=>S(g-1),children:L(me,{size:12})}),L(ee,{value:g,onChange:e=>S(parseInt(e.target.value||`1`)),className:`border-border h-6.5 w-14 rounded-md border p-1 text-center text-sm`,min:1}),L(`button`,{disabled:g>=99,className:`border-border active:bg-muted-muted flex size-6 cursor-pointer items-center justify-center rounded-full border transition-all disabled:opacity-60`,onClick:()=>S(g+1),children:L(he,{size:12})})]}),R(`div`,{className:`text-sm font-semibold`,children:[(p*g).toLocaleString(),` ₫`]})]})]})]})]})]})},W=({items:t=[],cartType:n,className:r})=>{let i=t.reduce((e,t)=>e+t.price*t.quantity,0);return t.length===0?R(`div`,{className:j(`bg-muted-muted flex size-full max-h-80 flex-col items-center justify-center rounded-lg p-8`,r),children:[L(`div`,{className:`text-text-positive-weak bg-card shadow-card mb-4 flex size-20 items-center justify-center rounded-full text-5xl`,children:L(_e,{size:42,strokeWidth:1})}),R(`div`,{className:`flex flex-col space-y-1`,children:[L(`p`,{className:`text-text-positive text-center text-base font-semibold`,children:`Giỏ hàng trống`}),L(`p`,{className:`text-text-positive-weak mb-4 text-center text-sm`,children:n===`in_stock`?`Thêm sản phẩm có sẵn vào giỏ hàng của bạn!`:`Thêm sản phẩm đặt trước vào giỏ hàng của bạn!`})]})]}):R(`div`,{className:j(`flex h-full flex-col space-y-4 overflow-y-auto`,r),children:[L(ae,{className:`h-full flex-1`,children:t.map(e=>L(Te,{...e,type:n},`${e.productUuid}-${e.variantUuid}`))}),R(`div`,{className:`flex-0 space-y-3`,children:[R(`div`,{className:`flex justify-between`,children:[L(`span`,{className:`text-text-positive-weak text-sm`,children:`Tạm tính:`}),R(`span`,{className:`text-sm`,children:[i.toLocaleString(),` ₫`]})]}),L(d,{}),R(`div`,{className:`flex justify-between`,children:[L(`span`,{className:`text-text-positive font-medium`,children:`Tổng cộng:`}),R(`span`,{className:`text-lg font-semibold`,children:[i.toLocaleString(),` ₫`]})]}),L(e,{className:`mt-2 w-full`,children:`Thanh toán ngay`}),n===`pre_order`&&L(`p`,{className:`text-text-positive-weak text-center text-xs italic`,children:`* Sản phẩm đặt trước sẽ được giao sau khi có hàng`})]})]})},G=M(null),K=()=>{let e=P(G);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e};function q({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:i,children:a,...s}){let c=Ce(),[l,u]=I(!1),[d,f]=I(e),p=t??d,m=N(e=>{let t=typeof e==`function`?e(p):e;n?n(t):f(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,p]),h=N(()=>c?u(e=>!e):m(e=>!e),[c,m,u]);F(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),h())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[h]);let g=p?`expanded`:`collapsed`,_=be(()=>({state:g,isMobile:c,toggleSidebar:h,open:p,setOpen:m,openMobile:l,setOpenMobile:u}),[g,p,m,c,l,u,h]);return L(G.Provider,{value:_,children:L(o,{delayDuration:0,children:L(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...i},className:j(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,r),...s,children:a})})})}function Ee({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{isMobile:o,state:s,openMobile:c,setOpenMobile:l}=K();return n===`none`?L(`aside`,{"data-slot":`sidebar`,className:j(`bg-sidebar`,`text-sidebar-foreground`,`flex h-full w-(--sidebar-width) flex-col`,r),...a,children:i}):o?L(_,{direction:`left`,open:c,onOpenChange:l,children:R(v,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 data-[vaul-drawer-direction=left]:w-3xs data-[vaul-drawer-direction=left]:sm:max-w-3xs [&>button]:hidden`,style:{"--sidebar-width":`16rem`},children:[R(x,{className:`sr-only`,children:[L(S,{children:`Sidebar`}),L(y,{children:`Displays the mobile sidebar.`})]}),R(`div`,{className:`flex size-full flex-col`,children:[R(`div`,{className:`border-border-weak flex flex-0 items-center gap-x-2 border-b p-2 pr-4`,children:[L(J,{}),L(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground ml-2 flex aspect-square size-8 items-center justify-center rounded-lg`,children:L(A,{size:20})}),R(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[L(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),L(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),L(`div`,{className:`flex flex-1 flex-col p-2`,children:i})]})]})}):R(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":s,"data-collapsible":s===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[L(`div`,{"data-slot":`sidebar-gap`,className:j(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) w-(--sidebar-width)`,`sm:h-[calc(var(--header-height) + 0.5rem)]`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),L(`div`,{"data-slot":`sidebar-container`,className:j(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`h-[calc(100dvh-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)]`,t===`floating`||t===`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`,r),...a,children:L(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:j(`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:i})})]})}function J({className:t,onClick:n,...r}){let{toggleSidebar:i}=K();return R(e,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:j(`size-10 rounded-full`,t),onClick:e=>{n?.(e),i()},...r,children:[L(pe,{className:`!size-6`}),L(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function De({className:e,children:t,...n}){return R(`main`,{"data-slot":`sidebar-inset`,className:j(`relative flex w-full flex-1 flex-col`,e),...n,children:[L(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)_+_0.5rem)]`}),L(`div`,{className:j(`flex-1 inset-shadow-sm`),children:t})]})}function Oe({className:e,children:t,...n}){let{open:r}=K(),{onLogout:i}=U();return R(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:j(`flex flex-col gap-2`,e),...n,children:[t,R(Y,{children:[L(X,{children:R(Z,{className:`border-border border`,onClick:i,children:[L(k,{className:`text-text-positive-weak`}),`Đăng xuất`]})}),r&&L(X,{className:`border-t-border mt-2 border-t`,children:L(`p`,{className:`text-muted-foreground pt-2 text-center text-xs`,children:`Copyright © 2025, Lunas.`})})]})]})}function ke({className:e,...t}){return L(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:j(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function Ae({className:e,...t}){return L(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:j(`relative flex w-full min-w-0 flex-col`,e),...t})}function je({className:e,asChild:t=!1,...n}){let r=t?z.Slot:`div`;return L(r,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:j(`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),...n})}function Me({className:e,...t}){return L(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:j(`w-full text-sm`,e),...t})}function Y({className:e,...t}){return L(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:j(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function X({className:e,...t}){return L(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:j(`group/menu-item relative`,e),...t})}const Ne=Se(`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-12!.group-data-[collapsible=icon]:p-3!.group-data-[collapsible=icon]:gap-3!.[&>svg]:size-6.[&>svg]:shrink-0.[&>span:last-child]:truncate`.split(`.`),{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-10 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function Z({asChild:e=!1,isActive:t=!1,variant:n=`default`,size:r=`default`,tooltip:o,className:c,...l}){let u=e?z.Slot:`button`,{isMobile:d,state:f}=K(),p=L(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":r,"data-active":t,className:j(Ne({variant:n,size:r}),c),...l});return o?(typeof o==`string`&&(o={children:o}),R(i,{children:[L(s,{asChild:!0,children:p}),L(a,{side:`right`,align:`center`,hidden:f!==`collapsed`||d,...o})]})):p}const Pe=({isLoggedIn:e=!1,username:t,email:n,inStockCarts:r,orderedCarts:i,onGoogleLoginSuccess:a,onUpdatingCart:o,onDeletingCart:s,onLogout:c,children:l})=>L(H.Provider,{value:{isLoggedIn:e,username:t,email:n,inStockCarts:r,orderedCarts:i,onGoogleLoginSuccess:a,onUpdatingCart:o,onDeletingCart:s,onLogout:c},children:l}),Fe=({children:e})=>L(q,{children:e}),Q=({userName:t=`Keith Kennedy`,userEmail:n=`k.kennedy@originui.com`,onLogout:r})=>R(C,{children:[L(ie,{asChild:!0,children:L(e,{size:`icon`,variant:`ghost`,color:`secondary`,className:`size-10 rounded-full`,children:R(c,{className:`size-10`,children:[L(u,{}),L(l,{className:`bg-muted-muted size-full`,children:L(ye,{})})]})})}),R(w,{align:`end`,className:`max-w-64`,children:[R(ne,{className:`flex min-w-0 flex-col`,children:[L(`span`,{className:`text-text-positive truncate text-sm font-medium`,children:t}),L(`span`,{className:`text-text-positive-weak truncate text-xs font-normal`,children:n})]}),L(re,{}),R(te,{onClick:r,children:[L(k,{size:16,"aria-hidden":`true`}),L(`span`,{className:`text-text-positive`,children:`Logout`})]})]})]}),$=()=>{let{inStockCarts:t=[],orderedCarts:n=[]}=U(),r=t.length,i=n.length,a=r+i;return R(oe,{children:[L(ue,{asChild:!0,children:R(e,{size:`icon`,variant:`ghost`,color:`secondary`,className:`relative size-10 rounded-full`,children:[L(A,{}),a>0&&L(`span`,{className:`bg-primary text-primary-foreground absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-xs font-bold`,children:a})]})}),R(se,{className:`w-[95vw] sm:max-w-md`,children:[L(ce,{className:`border-border-weak flex-0 border-b pb-3`,children:R(le,{className:`flex items-center gap-2`,children:[L(ge,{className:`h-5 w-5`}),L(`span`,{children:`Giỏ hàng của bạn`}),a>0&&R(`span`,{className:`text-text-positive-weak text-sm font-normal`,children:[`(`,a,` sản phẩm)`]})]})}),R(T,{defaultValue:i>0?`pre_order`:`in_stock`,className:`h-full flex-1 overflow-y-auto p-4 pt-0`,children:[R(de,{className:`w-full flex-0`,children:[R(D,{value:`in_stock`,className:`relative`,children:[`Có sẵn`,r>0&&R(`span`,{children:[`(`,r,`)`]})]}),R(D,{value:`pre_order`,className:`relative`,children:[`Đặt trước`,i>0&&R(`span`,{children:[`(`,i,`)`]})]})]}),L(E,{value:`pre_order`,className:`flex-1 overflow-y-auto`,children:L(W,{items:n,cartType:`pre_order`})}),L(E,{value:`in_stock`,className:`flex-1 overflow-y-auto`,children:L(W,{items:t,cartType:`in_stock`})})]})]})]})},Ie=()=>{let{isLoggedIn:t,username:n,email:r,onGoogleLoginSuccess:i,onLogout:a}=U(),o=B(`(min-width: 640px)`),[s,c]=I(!1);return R(`header`,{className:j(`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`),children:[t&&L(J,{}),R(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[L(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg`,children:L(A,{size:20})}),R(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[L(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),L(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),R(`div`,{className:`flex flex-1 items-center justify-end gap-x-2`,children:[!t&&R(e,{className:`w-8 sm:w-fit`,onClick:()=>c(!0),children:[L(O,{}),L(`span`,{className:`sr-only sm:not-sr-only`,children:`Đăng nhập`})]}),t&&R(xe,{children:[L(Q,{userName:n,userEmail:r,onLogout:a}),L(d,{orientation:`vertical`,className:`min-h-6 w-px`}),L($,{})]})]}),o&&L(f,{open:s,onOpenChange:c,children:R(p,{showCloseButton:!1,className:`flex flex-col gap-0 border-none p-0 sm:max-w-sm`,children:[L(h,{className:`flex-0 gap-2 p-6`,children:L(g,{className:`text-center`,children:`Chào mừng bạn đến với Lunas Store!`})}),L(`div`,{className:`flex flex-1 flex-col`,children:L(`main`,{className:`bg-card size-full flex-1 p-4 pt-0`,children:R(`div`,{className:`flex flex-col items-center gap-y-1`,children:[L(`p`,{className:`text-text-positive-weak text-sm`,children:`Đăng nhập với Google`}),L(V,{size:`large`,theme:`outline`,width:240,onSuccess:async e=>{!e.clientId||!e.credential||!e.select_by||await i?.(e)}})]})})}),L(m,{className:`p-2`})]})}),!o&&L(_,{open:s,onOpenChange:c,children:R(v,{children:[L(x,{className:`text-left`,children:L(S,{children:`Chào mừng bạn đến với Lunas Store!`})}),L(`div`,{className:`flex flex-1 flex-col`,children:L(`main`,{className:`flex size-full flex-1 flex-col p-4 pt-0`,children:R(`div`,{className:`flex flex-col items-center gap-y-1`,children:[L(`p`,{className:`text-text-positive-weak text-sm`,children:`Đăng nhập với Google`}),L(V,{size:`large`,theme:`outline`,onSuccess:async e=>{!e.clientId||!e.credential||!e.select_by||await i?.(e)}})]})})}),L(b,{})]})})]})},Le=({children:e,...t})=>{let{isLoggedIn:n}=U();return n?L(Ee,{variant:`inset`,collapsible:`icon`,...t,children:e}):null},Re=({children:t})=>{let{isLoggedIn:n,onGoogleLoginSuccess:r}=U(),i=B(`(min-width: 640px)`),[a,o]=I(!1);return n?L(De,{children:L(`section`,{className:`relative size-full`,children:L(`div`,{className:`absolute inset-0 flex flex-col`,children:t})})}):L(`div`,{className:`size-full p-4 pt-[calc(var(--header-height)+1.5rem)]`,children:R(`div`,{className:`bg-card shadow-card flex size-full flex-col items-center justify-center gap-6 rounded-lg p-8 text-center`,children:[L(`div`,{className:`bg-muted-foreground/10 flex size-20 items-center justify-center rounded-full`,children:L(fe,{className:`text-primary size-10`})}),R(`div`,{className:`flex max-w-md flex-col gap-2`,children:[L(`h2`,{className:`text-2xl font-semibold`,children:`Bạn chưa đăng nhập`}),L(`p`,{className:`text-text-positive-weak`,children:`Đăng nhập để khám phá đầy đủ các tính năng của Lunas Store và truy cập vào tài khoản của bạn.`})]}),R(e,{size:`lg`,className:`gap-2`,onClick:()=>o(!0),children:[L(O,{size:18}),L(`span`,{children:`Đăng nhập ngay`})]}),i&&L(f,{open:a,onOpenChange:o,children:R(p,{showCloseButton:!1,className:`flex flex-col gap-0 border-none p-0 sm:max-w-sm`,children:[L(h,{className:`flex-0 gap-2 p-6`,children:L(g,{className:`text-center`,children:`Chào mừng bạn đến với Lunas Store!`})}),L(`div`,{className:`flex flex-1 flex-col`,children:L(`main`,{className:`bg-card size-full flex-1 p-4 pt-0`,children:R(`div`,{className:`flex flex-col items-center gap-y-1`,children:[L(`p`,{className:`text-text-positive-weak text-sm`,children:`Đăng nhập với Google`}),L(V,{size:`large`,theme:`outline`,width:240,onSuccess:async e=>{!e.clientId||!e.credential||!e.select_by||(await r?.(e),o(!1))}})]})})}),L(m,{className:`p-2`})]})}),!i&&L(_,{open:a,onOpenChange:o,children:R(v,{children:[L(x,{className:`text-left`,children:L(S,{children:`Chào mừng bạn đến với Lunas Store!`})}),L(`div`,{className:`flex flex-1 flex-col`,children:L(`main`,{className:`flex size-full flex-1 flex-col p-4 pt-0`,children:R(`div`,{className:`flex flex-col items-center gap-y-1`,children:[L(`p`,{className:`text-text-positive-weak text-sm`,children:`Đăng nhập với Google`}),L(V,{size:`large`,theme:`outline`,onSuccess:async e=>{!e.clientId||!e.credential||!e.select_by||(await r?.(e),o(!1))}})]})})}),L(b,{})]})})]})})},ze=({className:e,children:t})=>L(`div`,{"data-slot":`main-header`,className:j(`flex-0 snap-start`,e),children:t}),Be=({className:e,children:t})=>L(`div`,{"data-slot":`main-content`,className:j(`flex w-full flex-1 flex-col gap-4 overflow-y-auto px-2 sm:px-4`,e),children:t}),Ve=({className:e,children:t})=>L(`div`,{"data-slot":`main-footer`,className:j(`border-border-weak hidden w-full flex-0 border-t pt-2 sm:flex`,e),children:t}),He=({children:e,className:t})=>L(`div`,{"data-slot":`main-group`,className:j(`flex size-full flex-col gap-4`,t),children:e}),Ue=({className:e,children:t})=>L(`div`,{"data-slot":`main-group-content`,className:j(`bg-card shadow-card max-w-8xl size-full flex-1 rounded-md p-4`,e),children:t});export{$ as ServiceLayoutCartInfo,Ie as ServiceLayoutHeader,Re as ServiceLayoutMain,Be as ServiceLayoutMainContent,Ve as ServiceLayoutMainFooter,He as ServiceLayoutMainGroup,Ue as ServiceLayoutMainGroupContent,ze as ServiceLayoutMainHeader,Pe as ServiceLayoutProvider,Le as ServiceLayoutSidebar,ke as ServiceLayoutSidebarContent,Oe as ServiceLayoutSidebarFooter,Ae as ServiceLayoutSidebarGroup,Me as ServiceLayoutSidebarGroupContent,je as ServiceLayoutSidebarGroupLabel,Y as ServiceLayoutSidebarMenu,Z as ServiceLayoutSidebarMenuButton,X as ServiceLayoutSidebarMenuItem,Q as ServiceLayoutUserInfo,Fe as ServiceLayoutWrapper};
 //# sourceMappingURL=index.js.map

package/dist/{separator-LYCmJYd5.d.ts → separator-3Tqllk9s.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime188 from "react/jsx-runtime";
+import * as react_jsx_runtime75 from "react/jsx-runtime";
 import { Separator } from "radix-ui";
 
 //#region packages/components/ui/separator.d.ts
@@ -7,7 +7,7 @@ declare function Separator$1({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime75.JSX.Element;
 //#endregion
 export { Separator$1 as Separator };
-//# sourceMappingURL=separator-LYCmJYd5.d.ts.map
+//# sourceMappingURL=separator-3Tqllk9s.d.ts.map

package/dist/{separator-BBWO-2XW.d.cts → separator-Dxf2wDl5.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime206 from "react/jsx-runtime";
+import * as react_jsx_runtime208 from "react/jsx-runtime";
 import { Separator } from "radix-ui";
 
 //#region packages/components/ui/separator.d.ts
@@ -7,7 +7,7 @@ declare function Separator$1({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime206.JSX.Element;
+}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime208.JSX.Element;
 //#endregion
 export { Separator$1 as Separator };
-//# sourceMappingURL=separator-BBWO-2XW.d.cts.map
+//# sourceMappingURL=separator-Dxf2wDl5.d.cts.map

package/dist/table/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 import { ColumnDef } from "@tanstack/react-table";
 
 //#region packages/components/table/index.d.ts
@@ -25,7 +25,7 @@ declare function Table<T extends Record<string, unknown>>({
   onRefresh,
   onClickRow,
   onFetchNextPage
-}: Props<T>): react_jsx_runtime14.JSX.Element;
+}: Props<T>): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { Table };
 //# sourceMappingURL=index.d.cts.map

package/dist/{toggle-DaTd0CKm.d.ts → toggle-BNUNuWcd.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime260 from "react/jsx-runtime";
+import * as react_jsx_runtime270 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { Toggle } from "radix-ui";
 import * as class_variance_authority_types8 from "class-variance-authority/types";
@@ -13,7 +13,7 @@ declare function Toggle$1({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime260.JSX.Element;
+}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime270.JSX.Element;
 //#endregion
 export { Toggle$1 as Toggle, toggleVariants };
-//# sourceMappingURL=toggle-DaTd0CKm.d.ts.map
+//# sourceMappingURL=toggle-BNUNuWcd.d.ts.map

package/dist/{toggle-Bhwgx-y_.d.cts → toggle-C7HTp7p1.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime260 from "react/jsx-runtime";
+import * as react_jsx_runtime274 from "react/jsx-runtime";
 import * as class_variance_authority_types8 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { Toggle } from "radix-ui";
@@ -13,7 +13,7 @@ declare function Toggle$1({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime260.JSX.Element;
+}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime274.JSX.Element;
 //#endregion
 export { Toggle$1 as Toggle, toggleVariants };
-//# sourceMappingURL=toggle-Bhwgx-y_.d.cts.map
+//# sourceMappingURL=toggle-C7HTp7p1.d.cts.map

package/dist/{tooltip-B3mrjes6.d.cts → tooltip-BNynBa87.d.cts}

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime261 from "react/jsx-runtime";
+import * as react_jsx_runtime270 from "react/jsx-runtime";
 import { Tooltip } from "radix-ui";
 
 //#region packages/components/ui/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime261.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime270.JSX.Element;
 declare function Tooltip$1({
   ...props
-}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime261.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime270.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime261.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime270.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime261.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime270.JSX.Element;
 //#endregion
 export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=tooltip-B3mrjes6.d.cts.map
+//# sourceMappingURL=tooltip-BNynBa87.d.cts.map

package/dist/{tooltip-IMUjBDRr.d.ts → tooltip-Clkt7Knc.d.ts}

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime261 from "react/jsx-runtime";
+import * as react_jsx_runtime272 from "react/jsx-runtime";
 import { Tooltip } from "radix-ui";
 
 //#region packages/components/ui/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime261.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime272.JSX.Element;
 declare function Tooltip$1({
   ...props
-}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime261.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime272.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime261.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime272.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime261.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime272.JSX.Element;
 //#endregion
 export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=tooltip-IMUjBDRr.d.ts.map
+//# sourceMappingURL=tooltip-Clkt7Knc.d.ts.map

package/dist/typography/paragraph.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region packages/components/typography/paragraph.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Paragraph: ({
   variant,
   className,
   children
-}: Props) => react_jsx_runtime15.JSX.Element;
+}: Props) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { Paragraph };
 //# sourceMappingURL=paragraph.d.cts.map

package/dist/typography/paragraph.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region packages/components/typography/paragraph.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Paragraph: ({
   variant,
   className,
   children
-}: Props) => react_jsx_runtime13.JSX.Element;
+}: Props) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { Paragraph };
 //# sourceMappingURL=paragraph.d.ts.map

package/dist/typography/title.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region packages/components/typography/title.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Title: ({
   level,
   className,
   children
-}: Props) => react_jsx_runtime19.JSX.Element;
+}: Props) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { Title };
 //# sourceMappingURL=title.d.cts.map

package/dist/typography/title.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region packages/components/typography/title.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Title: ({
   level,
   className,
   children
-}: Props) => react_jsx_runtime27.JSX.Element;
+}: Props) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { Title };
 //# sourceMappingURL=title.d.ts.map

package/dist/ui/alert-dialog.d.cts

@@ -1,48 +1,48 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "radix-ui";
 
 //#region packages/components/ui/alert-dialog.d.ts
 declare function AlertDialog({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime12.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime12.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime12.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime12.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime12.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime12.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime12.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime12.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime12.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime12.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.d.cts.map

package/dist/ui/alert-dialog.d.ts

@@ -1,48 +1,48 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "radix-ui";
 
 //#region packages/components/ui/alert-dialog.d.ts
 declare function AlertDialog({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime27.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime27.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime27.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime27.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime27.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime27.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime27.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime27.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime15.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime27.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/ui/alert.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 import * as class_variance_authority_types10 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
@@ -7,7 +7,7 @@ import { VariantProps } from "class-variance-authority";
  * Alert component variants for styling using class-variance-authority
  */
 declare const alertVariants: (props?: ({
-  variant?: "default" | "destructive" | "warning" | "success" | "info" | null | undefined;
+  variant?: "default" | "success" | "info" | "warning" | "destructive" | null | undefined;
 } & class_variance_authority_types10.ClassProp) | undefined) => string;
 type AlertVariantProps = VariantProps<typeof alertVariants>;
 //#endregion
@@ -37,7 +37,7 @@ declare function Alert({
   dismissible,
   onDismiss,
   ...props
-}: AlertProps): react_jsx_runtime16.JSX.Element;
+}: AlertProps): react_jsx_runtime23.JSX.Element;
 interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Title text or elements
@@ -50,7 +50,7 @@ interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertTitle({
   className,
   ...props
-}: AlertTitleProps): react_jsx_runtime16.JSX.Element;
+}: AlertTitleProps): react_jsx_runtime23.JSX.Element;
 interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Description text or elements
@@ -63,7 +63,7 @@ interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertDescription({
   className,
   ...props
-}: AlertDescriptionProps): react_jsx_runtime16.JSX.Element;
+}: AlertDescriptionProps): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };
 //# sourceMappingURL=alert.d.cts.map

package/dist/ui/alert.d.ts

@@ -1,14 +1,14 @@
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
 
 //#region packages/components/ui/alert-variants.d.ts
 /**
  * Alert component variants for styling using class-variance-authority
  */
 declare const alertVariants: (props?: ({
-  variant?: "default" | "destructive" | "warning" | "success" | "info" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+  variant?: "default" | "success" | "info" | "warning" | "destructive" | null | undefined;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 type AlertVariantProps = VariantProps<typeof alertVariants>;
 //#endregion
 //#region packages/components/ui/alert.d.ts
@@ -37,7 +37,7 @@ declare function Alert({
   dismissible,
   onDismiss,
   ...props
-}: AlertProps): react_jsx_runtime34.JSX.Element;
+}: AlertProps): react_jsx_runtime38.JSX.Element;
 interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Title text or elements
@@ -50,7 +50,7 @@ interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertTitle({
   className,
   ...props
-}: AlertTitleProps): react_jsx_runtime34.JSX.Element;
+}: AlertTitleProps): react_jsx_runtime38.JSX.Element;
 interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Description text or elements
@@ -63,7 +63,7 @@ interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertDescription({
   className,
   ...props
-}: AlertDescriptionProps): react_jsx_runtime34.JSX.Element;
+}: AlertDescriptionProps): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };
 //# sourceMappingURL=alert.d.ts.map

package/dist/ui/aspect-ratio.d.cts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { AspectRatio as AspectRatio$1 } from "radix-ui";
 
 //#region packages/components/ui/aspect-ratio.d.ts
 declare function AspectRatio({
   className,
   ...props
-}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.cts.map