@customafk/lunas-ui 0.0.90 → 0.0.91

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

@@ -1,8 +1,8 @@
-import "../../button-DvLPviNh.cjs";
-import "../../separator-CrQFgLB_.cjs";
-import { TooltipContent } from "../../tooltip-BgwfJliB.cjs";
-import * as react_jsx_runtime304 from "react/jsx-runtime";
-import * as class_variance_authority_types11 from "class-variance-authority/types";
+import "../../button-BuyrlYHs.cjs";
+import "../../separator-D_c8h0Aq.cjs";
+import { TooltipContent } from "../../tooltip-DfswK7wk.cjs";
+import * as react_jsx_runtime326 from "react/jsx-runtime";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { CredentialResponse } from "@react-oauth/google";
 
@@ -14,8 +14,10 @@ type Cart = {
   variantUuid: string;
   variantName: string;
   imageUrl: string;
-  optionValue: string;
-  optionTitle: string;
+  options: Array<{
+    label: string;
+    value: string;
+  }>;
   quantity: number;
   price: number;
 };
@@ -43,43 +45,43 @@ declare function ServiceLayoutSidebar$1({
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
   collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime304.JSX.Element;
+}): react_jsx_runtime326.JSX.Element;
 declare function ServiceLayoutSidebarFooter({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime304.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime326.JSX.Element;
 declare function ServiceLayoutSidebarContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime304.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime326.JSX.Element;
 declare function ServiceLayoutSidebarGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime304.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime326.JSX.Element;
 declare function ServiceLayoutSidebarGroupLabel({
   className,
   asChild,
   ...props
 }: React.ComponentProps<'div'> & {
   asChild?: boolean;
-}): react_jsx_runtime304.JSX.Element;
+}): react_jsx_runtime326.JSX.Element;
 declare function ServiceLayoutSidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime304.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime326.JSX.Element;
 declare function ServiceLayoutSidebarMenu({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime304.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime326.JSX.Element;
 declare function ServiceLayoutSidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime304.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime326.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types11.ClassProp) | undefined) => string;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
 declare function ServiceLayoutSidebarMenuButton({
   asChild,
   isActive,
@@ -92,7 +94,7 @@ declare function ServiceLayoutSidebarMenuButton({
   asChild?: boolean;
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime304.JSX.Element;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime326.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.d.ts

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