@customafk/lunas-ui 0.2.50 → 0.2.52

package/dist/layouts/flex.d.cts

@@ -1,117 +1,2 @@
-import * as react53 from "react";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/layouts/flex.d.ts
-declare const flexVariants: (props?: ({
-  vertical?: boolean | null | undefined;
-  width?: "full" | "auto" | "fit" | "screen" | "min" | "max" | "null" | null | undefined;
-  wrap?: boolean | null | undefined;
-  margin?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
-  padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
-  gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
-  justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch" | null | undefined;
-  align?: "start" | "center" | "end" | "stretch" | "baseline" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
-type Props = {
-  /** Additional Tailwind classes merged on top of the variant-generated classes. */
-  className?: string;
-  /**
-   * Stacks children vertically (`flex-col`) when `true`, horizontally (`flex-row`) when `false`.
-   * @default false
-   */
-  vertical?: boolean;
-  /**
-   * Controls the width of the flex container.
-   * - `'full'` — `w-full`
-   * - `'auto'` — `w-auto`
-   * - `'fit'`  — `w-fit` (default)
-   * - `'screen'` — `w-screen`
-   * - `'min'` — `w-min`
-   * - `'max'` — `w-max`
-   * - `'null'` — no width utility applied
-   * @default 'fit'
-   */
-  width?: 'full' | 'auto' | 'fit' | 'screen' | 'min' | 'max' | 'null';
-  /**
-   * Allows children to wrap onto multiple lines when `true`.
-   * @default true
-   */
-  wrap?: boolean;
-  /**
-   * Uniform margin applied to the container.
-   * - `'none'` — `m-0` (default)
-   * - `'sm'` — `m-2`
-   * - `'md'` — `m-4`
-   * - `'lg'` — `m-6`
-   * - `'xl'` — `m-8`
-   * @default 'none'
-   */
-  margin?: 'sm' | 'md' | 'lg' | 'xl' | 'none';
-  /**
-   * Uniform padding applied to the container.
-   * - `'none'` — `p-0`
-   * - `'sm'`  — `p-2` (default)
-   * - `'md'`  — `p-4`
-   * - `'lg'`  — `p-6`
-   * - `'xl'`  — `p-8`
-   * @default 'sm'
-   */
-  padding?: 'sm' | 'md' | 'lg' | 'xl' | 'none';
-  /**
-   * Gap between child elements.
-   * - `'none'` — `gap-0`
-   * - `'xs'`  — `gap-1` (default)
-   * - `'sm'`  — `gap-2`
-   * - `'md'`  — `gap-4`
-   * - `'lg'`  — `gap-6`
-   * - `'xl'`  — `gap-8`
-   * @default 'xs'
-   */
-  gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none';
-  /**
-   * Justification of children along the main axis (`justify-content`).
-   * @default 'start'
-   */
-  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';
-  /**
-   * Alignment of children along the cross axis (`align-items`).
-   * @default 'center'
-   */
-  align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
-} & VariantProps<typeof flexVariants>;
-/**
- * A flexible, variant-driven flex container built on CVA and TailwindCSS.
- *
- * @example
- * ```tsx
- * import { Flex } from '@customafk/lunas-ui/layouts/flex';
- *
- * // Horizontal row with centered children and a medium gap
- * <Flex gap="md" justify="between" align="center">
- *   <span>Left</span>
- *   <span>Right</span>
- * </Flex>
- *
- * // Vertical stack that fills parent width
- * <Flex vertical width="full" gap="sm" padding="md">
- *   <p>First item</p>
- *   <p>Second item</p>
- * </Flex>
- * ```
- */
-declare const Flex: react53.MemoExoticComponent<({
-  vertical,
-  wrap,
-  width,
-  margin,
-  padding,
-  gap,
-  justify,
-  align,
-  className,
-  children
-}: React.PropsWithChildren<Props>) => react53.JSX.Element>;
-//#endregion
-export { Flex };
-//# sourceMappingURL=flex.d.cts.map
+import { t as Flex } from "../flex-ClUVVSda.cjs";
+export { Flex };

package/dist/layouts/flex.d.mts

@@ -0,0 +1,2 @@
+import { t as Flex } from "../flex-BSTiMh2t.mjs";
+export { Flex };

package/dist/layouts/flex.mjs

@@ -0,0 +1 @@
+"use client";import{t as e}from"../flex-Bx9Nmr53.mjs";export{e as Flex};

package/dist/layouts/grid.cjs

@@ -1,2 +1 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`);const r=({children:e})=>(0,n.jsx)(`div`,{className:`@container size-full`,children:(0,n.jsx)(`div`,{className:(0,t.cn)(`grid grid-cols-1 gap-4`,`@3xs:grid-cols-1`,`@2xs:grid-cols-1`,`@xs:grid-cols-1`,`@sm:grid-cols-1`,`@md:grid-cols-2`,`@lg:grid-cols-2`,`@xl:grid-cols-2`,`@2xl:grid-cols-2`,`@3xl:grid-cols-3`,`@4xl:grid-cols-3`,`@5xl:grid-cols-4`,`@6xl:grid-cols-4`,`@7xl:grid-cols-5`,`@8xl:grid-cols-6`,`@9xl:grid-cols-7`,`@10xl:grid-cols-8`),children:e})});exports.Grid=r;
-//# sourceMappingURL=grid.cjs.map
+"use client";const e=require(`../grid-BXJ2x1oD.cjs`);exports.Grid=e.t;

package/dist/layouts/grid.d.cts

@@ -1,19 +1,2 @@
-//#region packages/components/layouts/grid.d.ts
-/**
- * A responsive, container-query-driven grid that automatically adjusts column count based on available width.
- *
- * @example
- * ```tsx
- * import { Grid } from '@customafk/lunas-ui/layouts/grid';
- *
- * <Grid>
- *   <Card />
- *   <Card />
- *   <Card />
- * </Grid>
- * ```
- */
-declare const Grid: React.FC<React.PropsWithChildren>;
-//#endregion
-export { Grid };
-//# sourceMappingURL=grid.d.cts.map
+import { t as Grid } from "../grid-BOqzD6m6.cjs";
+export { Grid };

package/dist/layouts/grid.d.mts

@@ -0,0 +1,2 @@
+import { t as Grid } from "../grid-Dw7tBNxf.mjs";
+export { Grid };

package/dist/layouts/grid.mjs

@@ -0,0 +1 @@
+"use client";import{t as e}from"../grid-C4ogfMWr.mjs";export{e as Grid};

package/dist/layouts/payment-layout/index.cjs

@@ -1 +1 @@
-require(`../../button.variants-4kw6plrv.cjs`),require(`../../button-C--DAN1D.cjs`),require(`../../paragraph-DvTZvbzw.cjs`),require(`../../skeleton-CX1USu1w.cjs`),require(`../../flex-DmWmOBn5.cjs`),require(`../../tooltip-CBdoIzoM.cjs`),require(`../../avatar-TyOphzGo.cjs`),require(`../../separator-KuymG9g0.cjs`),require(`../../sheet-CvKSi0UC.cjs`),require(`../../dropdown-menu-CVh520yG.cjs`),require(`../../input-WJ0DLHTR.cjs`);const e=require(`../../payment-layout-DyILfyVG.cjs`);exports.PaymentLayout=e.t;
+require(`../../button.variants-4kw6plrv.cjs`),require(`../../button-C--DAN1D.cjs`),require(`../../paragraph-DvTZvbzw.cjs`),require(`../../skeleton-BuscPZgb.cjs`),require(`../../flex-ld7BqXoM.cjs`),require(`../../tooltip-KEOJcYl8.cjs`),require(`../../avatar-CVRRoJ05.cjs`),require(`../../separator-BRoS5sU8.cjs`),require(`../../sheet-E5cMUzxr.cjs`),require(`../../dropdown-menu-CtJ_OM19.cjs`),require(`../../input-BatF2xqI.cjs`);const e=require(`../../payment-layout-neLk_obm.cjs`);exports.PaymentLayout=e.t;

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

@@ -1,74 +1,2 @@
-//#region packages/components/layouts/payment-layout/index.d.ts
-type PaymentLayoutUser = {
-  uuid?: string;
-  /** Display name shown in the header and dropdown. */
-  fullname: string;
-  /** Email address shown in the user dropdown. */
-  email: string;
-  /** Optional avatar image URL; falls back to initials when omitted. */
-  avatar?: string;
-};
-/**
- * Full-page payment application shell with a collapsible inset sidebar and a fixed header.
- * On mobile, the sidebar is replaced by a bottom navigation bar (up to 5 items).
- *
- * @example
- * ```tsx
- * import { PaymentLayout } from '@customafk/lunas-ui/layouts/payment-layout';
- * import { CreditCardIcon } from 'lucide-react';
- *
- * <PaymentLayout
- *   activeNavItemId="transactions"
- *   sidebar={{
- *     groupcontent: [
- *       {
- *         id: 'payment',
- *         label: 'Payment',
- *         items: [
- *           { id: 'transactions', label: 'Transactions', icon: <CreditCardIcon />, onClick: () => router.push('/transactions') },
- *         ],
- *       },
- *     ],
- *   }}
- *   user={{ fullname: 'Nguyen Van A', email: 'a@example.com' }}
- *   onLogin={() => setLoginOpen(true)}
- *   onLogout={() => authService.logout()}
- * >
- *   <TransactionsPage />
- * </PaymentLayout>
- * ```
- */
-declare const PaymentLayout: React.FC<React.PropsWithChildren<{
-  /** ID of the currently active navigation item; matched against each item's `id` to apply the active style. */
-  activeNavItemId?: string;
-  /** Sidebar navigation definition; omitting this prop renders an empty sidebar. */
-  sidebar?: {
-    groupcontent: {
-      /** Unique identifier for the group, used as React key. */
-      id: string;
-      /** Optional section heading rendered above the group's items. */
-      label?: string;
-      items: {
-        /** Unique identifier for the nav item, used as React key and for active-state comparison. */
-        id: string;
-        /** Human-readable label rendered inside the sidebar button. */
-        label: string;
-        /** Optional icon element rendered to the left of the label. */
-        icon?: React.ReactNode;
-        /** Callback fired when the sidebar button is clicked. */
-        onClick?: () => void;
-      }[];
-    }[];
-  };
-  /** Authenticated user; when provided the header shows user info and a logout option, otherwise a login button. */
-  user?: PaymentLayoutUser | null;
-  /** When false the sidebar and bottom nav are hidden entirely (e.g. unauthenticated state). Defaults to true. */
-  isLogin?: boolean;
-  /** Called when the login button in the header is clicked (only shown when `user` is absent). */
-  onLogin?: () => void;
-  /** Called when the logout item in the user dropdown is clicked. */
-  onLogout?: () => void;
-}>>;
-//#endregion
-export { PaymentLayout, PaymentLayoutUser };
-//# sourceMappingURL=index.d.cts.map
+import { n as PaymentLayoutUser, t as PaymentLayout } from "../../index-BWLHjQ6S.cjs";
+export { PaymentLayout, PaymentLayoutUser };

package/dist/layouts/payment-layout/index.d.mts

@@ -0,0 +1,2 @@
+import { n as PaymentLayoutUser, t as PaymentLayout } from "../../index-DYnzFF0T.mjs";
+export { PaymentLayout, PaymentLayoutUser };

package/dist/layouts/payment-layout/index.mjs

@@ -0,0 +1 @@
+import"../../button.variants-DkMqWB8G.mjs";import"../../button-CCVJTHBI.mjs";import"../../paragraph-DYLaQtTV.mjs";import"../../skeleton-teVJKfpX.mjs";import"../../flex-Bx9Nmr53.mjs";import"../../tooltip-BBEcyuAE.mjs";import"../../avatar-tjgTFpVU.mjs";import"../../separator-BjRgoiEx.mjs";import"../../sheet-Bk6mK6TN.mjs";import"../../dropdown-menu-DhKquziD.mjs";import"../../input-CFsouxvo.mjs";import{t as e}from"../../payment-layout-BTYaI9Mr.mjs";export{e as PaymentLayout};

package/dist/loading-dialog-CEkua3Lh.mjs

@@ -0,0 +1,2 @@
+import{l as e,r as t,t as n}from"./dialog--BvCecaD.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({open:a,onOpenChange:o})=>r(n,{open:a,onOpenChange:o,children:i(t,{showCloseButton:!1,className:`pointer-events-none border-none bg-transparent shadow-none outline-none [&>div]:bg-transparent`,children:[r(e,{}),r(`div`,{className:`flex items-center justify-center`,children:r(`div`,{className:`loader opacity-60`})})]})});export{a as t};
+//# sourceMappingURL=loading-dialog-CEkua3Lh.mjs.map

package/dist/loading-dialog-CEkua3Lh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-dialog-CEkua3Lh.mjs","names":["LoadingDialog: React.FC<LoadingDialogProps>"],"sources":["../packages/components/dialogs/loading-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog, DialogContent, DialogTitle } from '../ui/dialog';\n\nexport type LoadingDialogProps = {\n  /** Controls whether the dialog is open. */\n  open?: boolean;\n  /** Callback invoked when the dialog open state changes. */\n  onOpenChange?: (open: boolean) => void;\n};\n\n/**\n * Displays a transparent, pointer-events-disabled modal overlay with a centered loading spinner.\n *\n * @example\n * ```tsx\n * import { LoadingDialog } from '@customafk/lunas-ui/dialogs/loading-dialog';\n *\n * <LoadingDialog open={isLoading} onOpenChange={setIsLoading} />\n * ```\n */\nexport const LoadingDialog: React.FC<LoadingDialogProps> = ({ open, onOpenChange }) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent showCloseButton={false} className=\"pointer-events-none border-none bg-transparent shadow-none outline-none [&>div]:bg-transparent\">\n        <DialogTitle />\n        <div className=\"flex items-center justify-center\">\n          <div className=\"loader opacity-60\" />\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"0GAqBA,MAAaA,GAA+C,CAAE,OAAM,kBAEhE,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAc,gBAAiB,GAAO,UAAU,2GAC/C,EAAC,EAAA,EAAA,CAAc,CACf,EAAC,MAAA,CAAI,UAAU,4CACb,EAAC,MAAA,CAAI,UAAU,oBAAA,CAAsB,EACjC,CAAA,EACQ,EACT"}

package/dist/loading-dialog-D8kCsJID.d.cts

@@ -0,0 +1,21 @@
+//#region packages/components/dialogs/loading-dialog.d.ts
+type LoadingDialogProps = {
+  /** Controls whether the dialog is open. */
+  open?: boolean;
+  /** Callback invoked when the dialog open state changes. */
+  onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Displays a transparent, pointer-events-disabled modal overlay with a centered loading spinner.
+ *
+ * @example
+ * ```tsx
+ * import { LoadingDialog } from '@customafk/lunas-ui/dialogs/loading-dialog';
+ *
+ * <LoadingDialog open={isLoading} onOpenChange={setIsLoading} />
+ * ```
+ */
+declare const LoadingDialog: React.FC<LoadingDialogProps>;
+//#endregion
+export { LoadingDialogProps as n, LoadingDialog as t };
+//# sourceMappingURL=loading-dialog-D8kCsJID.d.cts.map

package/dist/loading-dialog-DLvA8-yT.d.mts

@@ -0,0 +1,21 @@
+//#region packages/components/dialogs/loading-dialog.d.ts
+type LoadingDialogProps = {
+  /** Controls whether the dialog is open. */
+  open?: boolean;
+  /** Callback invoked when the dialog open state changes. */
+  onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Displays a transparent, pointer-events-disabled modal overlay with a centered loading spinner.
+ *
+ * @example
+ * ```tsx
+ * import { LoadingDialog } from '@customafk/lunas-ui/dialogs/loading-dialog';
+ *
+ * <LoadingDialog open={isLoading} onOpenChange={setIsLoading} />
+ * ```
+ */
+declare const LoadingDialog: React.FC<LoadingDialogProps>;
+//#endregion
+export { LoadingDialogProps as n, LoadingDialog as t };
+//# sourceMappingURL=loading-dialog-DLvA8-yT.d.mts.map

package/dist/loading-dialog-DYZmHC1A.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./dialog-DNEUhYSv.cjs`);let n=require(`react/jsx-runtime`);const r=({open:e,onOpenChange:r})=>(0,n.jsx)(t.t,{open:e,onOpenChange:r,children:(0,n.jsxs)(t.r,{showCloseButton:!1,className:`pointer-events-none border-none bg-transparent shadow-none outline-none [&>div]:bg-transparent`,children:[(0,n.jsx)(t.l,{}),(0,n.jsx)(`div`,{className:`flex items-center justify-center`,children:(0,n.jsx)(`div`,{className:`loader opacity-60`})})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=loading-dialog-DYZmHC1A.cjs.map

package/dist/loading-dialog-DYZmHC1A.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-dialog-DYZmHC1A.cjs","names":["LoadingDialog: React.FC<LoadingDialogProps>","Dialog","DialogContent","DialogTitle"],"sources":["../packages/components/dialogs/loading-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog, DialogContent, DialogTitle } from '../ui/dialog';\n\nexport type LoadingDialogProps = {\n  /** Controls whether the dialog is open. */\n  open?: boolean;\n  /** Callback invoked when the dialog open state changes. */\n  onOpenChange?: (open: boolean) => void;\n};\n\n/**\n * Displays a transparent, pointer-events-disabled modal overlay with a centered loading spinner.\n *\n * @example\n * ```tsx\n * import { LoadingDialog } from '@customafk/lunas-ui/dialogs/loading-dialog';\n *\n * <LoadingDialog open={isLoading} onOpenChange={setIsLoading} />\n * ```\n */\nexport const LoadingDialog: React.FC<LoadingDialogProps> = ({ open, onOpenChange }) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent showCloseButton={false} className=\"pointer-events-none border-none bg-transparent shadow-none outline-none [&>div]:bg-transparent\">\n        <DialogTitle />\n        <div className=\"flex items-center justify-center\">\n          <div className=\"loader opacity-60\" />\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"8GAqBA,MAAaA,GAA+C,CAAE,OAAM,mBAEhE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAc,gBAAiB,GAAO,UAAU,4GAC/C,EAAA,EAAA,KAACC,EAAAA,EAAAA,EAAAA,CAAc,EACf,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,6CACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,oBAAA,CAAsB,EACjC,CAAA,EACQ,EACT"}

package/dist/menubar-BBFgdkch.d.cts

@@ -0,0 +1,135 @@
+import * as react200 from "react";
+import { Menubar } from "radix-ui";
+
+//#region packages/components/ui/menubar.d.ts
+
+/**
+ * A horizontal menu bar similar to a desktop application menu, composed of menus with dropdown content.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Menubar, MenubarMenu, MenubarTrigger, MenubarContent,
+ *   MenubarItem, MenubarSeparator,
+ * } from '@customafk/lunas-ui/ui/menubar';
+ *
+ * <Menubar>
+ *   <MenubarMenu>
+ *     <MenubarTrigger>File</MenubarTrigger>
+ *     <MenubarContent>
+ *       <MenubarItem>New Window</MenubarItem>
+ *       <MenubarSeparator />
+ *       <MenubarItem>Exit</MenubarItem>
+ *     </MenubarContent>
+ *   </MenubarMenu>
+ * </Menubar>
+ * ```
+ */
+declare function Menubar$1({
+  className,
+  ...props
+}: React.ComponentProps<typeof Menubar.Root>): react200.JSX.Element;
+/** Root container for a single drop-down menu entry within a Menubar. */
+declare function MenubarMenu({
+  ...props
+}: React.ComponentProps<typeof Menubar.Menu>): react200.JSX.Element;
+/** Groups related MenubarItems under a shared logical section. */
+declare function MenubarGroup({
+  ...props
+}: React.ComponentProps<typeof Menubar.Group>): react200.JSX.Element;
+/** Portals Menubar content outside the current DOM hierarchy. */
+declare function MenubarPortal({
+  ...props
+}: React.ComponentProps<typeof Menubar.Portal>): react200.JSX.Element;
+/** Groups MenubarRadioItems so only one can be selected at a time. */
+declare function MenubarRadioGroup({
+  ...props
+}: React.ComponentProps<typeof Menubar.RadioGroup>): react200.JSX.Element;
+/** Button in the Menubar that opens its associated MenubarContent dropdown. */
+declare function MenubarTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof Menubar.Trigger>): react200.JSX.Element;
+/** Animated floating panel that contains MenubarItems for a given MenubarMenu. */
+declare function MenubarContent({
+  className,
+  align,
+  alignOffset,
+  sideOffset,
+  ...props
+}: React.ComponentProps<typeof Menubar.Content>): react200.JSX.Element;
+/**
+ * A single clickable row inside a MenubarContent.
+ *
+ * @param inset - When true, adds left padding to align with items that have icons.
+ * @param variant - Visual style: `'default'` or `'destructive'`.
+ */
+declare function MenubarItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: React.ComponentProps<typeof Menubar.Item> & {
+  inset?: boolean;
+  variant?: 'default' | 'destructive';
+}): react200.JSX.Element;
+/** A checkable menubar item that displays a checkmark when selected. */
+declare function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof Menubar.CheckboxItem>): react200.JSX.Element;
+/** A radio-button menubar item; shows a filled circle when selected. */
+declare function MenubarRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof Menubar.RadioItem>): react200.JSX.Element;
+/**
+ * Non-interactive label used to describe a group of menubar items.
+ *
+ * @param inset - When true, adds left padding to align with inset items.
+ */
+declare function MenubarLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof Menubar.Label> & {
+  inset?: boolean;
+}): react200.JSX.Element;
+/** Horizontal dividing line between groups of menubar items. */
+declare function MenubarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Menubar.Separator>): react200.JSX.Element;
+/** Displays a keyboard shortcut hint aligned to the right of a menubar item. */
+declare function MenubarShortcut({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): react200.JSX.Element;
+/** Root container for a nested sub-menu inside a Menubar dropdown. */
+declare function MenubarSub({
+  ...props
+}: React.ComponentProps<typeof Menubar.Sub>): react200.JSX.Element;
+/**
+ * Menu item that reveals a nested MenubarSubContent on hover or activation.
+ *
+ * @param inset - When true, adds left padding to align with inset items.
+ */
+declare function MenubarSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof Menubar.SubTrigger> & {
+  inset?: boolean;
+}): react200.JSX.Element;
+/** Floating panel that contains the items of a nested Menubar sub-menu. */
+declare function MenubarSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof Menubar.SubContent>): react200.JSX.Element;
+//#endregion
+export { MenubarItem as a, MenubarPortal as c, MenubarSeparator as d, MenubarShortcut as f, MenubarTrigger as g, MenubarSubTrigger as h, MenubarGroup as i, MenubarRadioGroup as l, MenubarSubContent as m, MenubarCheckboxItem as n, MenubarLabel as o, MenubarSub as p, MenubarContent as r, MenubarMenu as s, Menubar$1 as t, MenubarRadioItem as u };
+//# sourceMappingURL=menubar-BBFgdkch.d.cts.map

package/dist/menubar-Bh9Ua6gx.mjs

@@ -0,0 +1,2 @@
+import{CheckIcon as e,ChevronRightIcon as t,CircleIcon as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Menubar as o}from"radix-ui";function s({className:e,...t}){return i(o.Root,{"data-slot":`menubar`,className:r(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,e),...t})}function c({...e}){return i(o.Menu,{"data-slot":`menubar-menu`,...e})}function l({...e}){return i(o.Group,{"data-slot":`menubar-group`,...e})}function u({...e}){return i(o.Portal,{"data-slot":`menubar-portal`,...e})}function d({...e}){return i(o.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function f({className:e,...t}){return i(o.Trigger,{"data-slot":`menubar-trigger`,className:r(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none`,e),...t})}function p({className:e,align:t=`start`,alignOffset:n=-4,sideOffset:a=8,...s}){return i(u,{children:i(o.Content,{"data-slot":`menubar-content`,align:t,alignOffset:n,sideOffset:a,className:r(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md`,e),...s})})}function m({className:e,inset:t,variant:n=`default`,...a}){return i(o.Item,{"data-slot":`menubar-item`,"data-inset":t,"data-variant":n,className:r(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...a})}function h({className:t,children:n,checked:s,...c}){return a(o.CheckboxItem,{"data-slot":`menubar-checkbox-item`,className:r(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,t),checked:s,...c,children:[i(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:i(o.ItemIndicator,{children:i(e,{className:`size-4`})})}),n]})}function g({className:e,children:t,...s}){return a(o.RadioItem,{"data-slot":`menubar-radio-item`,className:r(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[i(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:i(o.ItemIndicator,{children:i(n,{className:`size-2 fill-current`})})}),t]})}function _({className:e,inset:t,...n}){return i(o.Label,{"data-slot":`menubar-label`,"data-inset":t,className:r(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...n})}function v({className:e,...t}){return i(o.Separator,{"data-slot":`menubar-separator`,className:r(`bg-border -mx-1 my-1 h-px`,e),...t})}function y({className:e,...t}){return i(`span`,{"data-slot":`menubar-shortcut`,className:r(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t})}function b({...e}){return i(o.Sub,{"data-slot":`menubar-sub`,...e})}function x({className:e,inset:n,children:s,...c}){return a(o.SubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":n,className:r(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8`,e),...c,children:[s,i(t,{className:`ml-auto h-4 w-4`})]})}function S({className:e,...t}){return i(o.SubContent,{"data-slot":`menubar-sub-content`,className:r(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...t})}export{m as a,u as c,v as d,y as f,f as g,x as h,l as i,d as l,S as m,h as n,_ as o,b as p,p as r,c as s,s as t,g as u};
+//# sourceMappingURL=menubar-Bh9Ua6gx.mjs.map

package/dist/menubar-Bh9Ua6gx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar-Bh9Ua6gx.mjs","names":["Menubar","MenubarPrimitive"],"sources":["../packages/components/ui/menubar.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { Menubar as MenubarPrimitive } from 'radix-ui';\n\n/**\n * A horizontal menu bar similar to a desktop application menu, composed of menus with dropdown content.\n *\n * @example\n * ```tsx\n * import {\n *   Menubar, MenubarMenu, MenubarTrigger, MenubarContent,\n *   MenubarItem, MenubarSeparator,\n * } from '@customafk/lunas-ui/ui/menubar';\n *\n * <Menubar>\n *   <MenubarMenu>\n *     <MenubarTrigger>File</MenubarTrigger>\n *     <MenubarContent>\n *       <MenubarItem>New Window</MenubarItem>\n *       <MenubarSeparator />\n *       <MenubarItem>Exit</MenubarItem>\n *     </MenubarContent>\n *   </MenubarMenu>\n * </Menubar>\n * ```\n */\nfunction Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs', className)}\n      {...props}\n    />\n  );\n}\n\n/** Root container for a single drop-down menu entry within a Menubar. */\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\n/** Groups related MenubarItems under a shared logical section. */\nfunction MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\n/** Portals Menubar content outside the current DOM hierarchy. */\nfunction MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\n/** Groups MenubarRadioItems so only one can be selected at a time. */\nfunction MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\n/** Button in the Menubar that opens its associated MenubarContent dropdown. */\nfunction MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Animated floating panel that contains MenubarItems for a given MenubarMenu. */\nfunction MenubarContent({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  );\n}\n\n/**\n * A single clickable row inside a MenubarContent.\n *\n * @param inset - When true, adds left padding to align with items that have icons.\n * @param variant - Visual style: `'default'` or `'destructive'`.\n */\nfunction MenubarItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A checkable menubar item that displays a checkmark when selected. */\nfunction MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\n/** A radio-button menubar item; shows a filled circle when selected. */\nfunction MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\n/**\n * Non-interactive label used to describe a group of menubar items.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups of menubar items. */\nfunction MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return <MenubarPrimitive.Separator data-slot=\"menubar-separator\" className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />;\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a menubar item. */\nfunction MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"menubar-shortcut\" className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\n/** Root container for a nested sub-menu inside a Menubar dropdown. */\nfunction MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\n/**\n * Menu item that reveals a nested MenubarSubContent on hover or activation.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\n/** Floating panel that contains the items of a nested Menubar sub-menu. */\nfunction MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n"],"mappings":"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"}

package/dist/menubar-Sr0X6In7.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({className:e,...t}){return(0,r.jsx)(i.Menubar.Root,{"data-slot":`menubar`,className:(0,n.cn)(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,e),...t})}function o({...e}){return(0,r.jsx)(i.Menubar.Menu,{"data-slot":`menubar-menu`,...e})}function s({...e}){return(0,r.jsx)(i.Menubar.Group,{"data-slot":`menubar-group`,...e})}function c({...e}){return(0,r.jsx)(i.Menubar.Portal,{"data-slot":`menubar-portal`,...e})}function l({...e}){return(0,r.jsx)(i.Menubar.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function u({className:e,...t}){return(0,r.jsx)(i.Menubar.Trigger,{"data-slot":`menubar-trigger`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none`,e),...t})}function d({className:e,align:t=`start`,alignOffset:a=-4,sideOffset:o=8,...s}){return(0,r.jsx)(c,{children:(0,r.jsx)(i.Menubar.Content,{"data-slot":`menubar-content`,align:t,alignOffset:a,sideOffset:o,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md`,e),...s})})}function f({className:e,inset:t,variant:a=`default`,...o}){return(0,r.jsx)(i.Menubar.Item,{"data-slot":`menubar-item`,"data-inset":t,"data-variant":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function p({className:e,children:a,checked:o,...s}){return(0,r.jsxs)(i.Menubar.CheckboxItem,{"data-slot":`menubar-checkbox-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Menubar.ItemIndicator,{children:(0,r.jsx)(t.CheckIcon,{className:`size-4`})})}),a]})}function m({className:e,children:a,...o}){return(0,r.jsxs)(i.Menubar.RadioItem,{"data-slot":`menubar-radio-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Menubar.ItemIndicator,{children:(0,r.jsx)(t.CircleIcon,{className:`size-2 fill-current`})})}),a]})}function h({className:e,inset:t,...a}){return(0,r.jsx)(i.Menubar.Label,{"data-slot":`menubar-label`,"data-inset":t,className:(0,n.cn)(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function g({className:e,...t}){return(0,r.jsx)(i.Menubar.Separator,{"data-slot":`menubar-separator`,className:(0,n.cn)(`bg-border -mx-1 my-1 h-px`,e),...t})}function _({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:(0,n.cn)(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t})}function v({...e}){return(0,r.jsx)(i.Menubar.Sub,{"data-slot":`menubar-sub`,...e})}function y({className:e,inset:a,children:o,...s}){return(0,r.jsxs)(i.Menubar.SubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8`,e),...s,children:[o,(0,r.jsx)(t.ChevronRightIcon,{className:`ml-auto h-4 w-4`})]})}function b({className:e,...t}){return(0,r.jsx)(i.Menubar.SubContent,{"data-slot":`menubar-sub-content`,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return m}});
+//# sourceMappingURL=menubar-Sr0X6In7.cjs.map

package/dist/menubar-Sr0X6In7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar-Sr0X6In7.cjs","names":["MenubarPrimitive","CheckIcon","CircleIcon","ChevronRightIcon"],"sources":["../packages/components/ui/menubar.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { Menubar as MenubarPrimitive } from 'radix-ui';\n\n/**\n * A horizontal menu bar similar to a desktop application menu, composed of menus with dropdown content.\n *\n * @example\n * ```tsx\n * import {\n *   Menubar, MenubarMenu, MenubarTrigger, MenubarContent,\n *   MenubarItem, MenubarSeparator,\n * } from '@customafk/lunas-ui/ui/menubar';\n *\n * <Menubar>\n *   <MenubarMenu>\n *     <MenubarTrigger>File</MenubarTrigger>\n *     <MenubarContent>\n *       <MenubarItem>New Window</MenubarItem>\n *       <MenubarSeparator />\n *       <MenubarItem>Exit</MenubarItem>\n *     </MenubarContent>\n *   </MenubarMenu>\n * </Menubar>\n * ```\n */\nfunction Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs', className)}\n      {...props}\n    />\n  );\n}\n\n/** Root container for a single drop-down menu entry within a Menubar. */\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\n/** Groups related MenubarItems under a shared logical section. */\nfunction MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\n/** Portals Menubar content outside the current DOM hierarchy. */\nfunction MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\n/** Groups MenubarRadioItems so only one can be selected at a time. */\nfunction MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\n/** Button in the Menubar that opens its associated MenubarContent dropdown. */\nfunction MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Animated floating panel that contains MenubarItems for a given MenubarMenu. */\nfunction MenubarContent({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  );\n}\n\n/**\n * A single clickable row inside a MenubarContent.\n *\n * @param inset - When true, adds left padding to align with items that have icons.\n * @param variant - Visual style: `'default'` or `'destructive'`.\n */\nfunction MenubarItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A checkable menubar item that displays a checkmark when selected. */\nfunction MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\n/** A radio-button menubar item; shows a filled circle when selected. */\nfunction MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\n/**\n * Non-interactive label used to describe a group of menubar items.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups of menubar items. */\nfunction MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return <MenubarPrimitive.Separator data-slot=\"menubar-separator\" className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />;\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a menubar item. */\nfunction MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"menubar-shortcut\" className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\n/** Root container for a nested sub-menu inside a Menubar dropdown. */\nfunction MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\n/**\n * Menu item that reveals a nested MenubarSubContent on hover or activation.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\n/** Floating panel that contains the items of a nested Menubar sub-menu. */\nfunction MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n"],"mappings":"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"}