@customafk/lunas-ui 0.2.64 → 0.2.66

package/dist/item-DTR2f2CX.d.cts

@@ -0,0 +1,99 @@
+import { t as Separator } from "./separator-D6_fMJtM.cjs";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/item.d.ts
+/**
+ * A list-row layout primitive for rendering structured content rows with optional media, title, description, and action areas.
+ *
+ * @example
+ * ```tsx
+ * import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemGroup } from '@customafk/lunas-ui/ui/item';
+ * import { User } from 'lucide-react';
+ *
+ * <ItemGroup>
+ *   <Item variant="outline">
+ *     <ItemMedia variant="icon"><User /></ItemMedia>
+ *     <ItemContent>
+ *       <ItemTitle>Alice</ItemTitle>
+ *       <ItemDescription>alice@example.com</ItemDescription>
+ *     </ItemContent>
+ *     <ItemActions><button>Edit</button></ItemActions>
+ *   </Item>
+ * </ItemGroup>
+ * ```
+ */
+declare function ItemGroup({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Horizontal separator rendered between items in an ItemGroup. */
+declare function ItemSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+declare const itemVariants: (props?: ({
+  variant?: "default" | "muted" | "outline" | null | undefined;
+  size?: "sm" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * The primary row container inside an ItemGroup.
+ *
+ * @param variant - Visual style: `'default'`, `'outline'`, or `'muted'`.
+ * @param size - Spacing size: `'default'` or `'sm'`.
+ * @param asChild - When true, renders as the child element via Radix Slot.
+ */
+declare function Item({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
+  asChild?: boolean;
+}): import("react").JSX.Element;
+declare const itemMediaVariants: (props?: ({
+  variant?: "default" | "image" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Left-aligned slot for an avatar, icon, or image within an Item.
+ *
+ * @param variant - `'default'` for a transparent wrapper, `'icon'` for a small bordered square, or `'image'` for a rounded thumbnail.
+ */
+declare function ItemMedia({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): import("react").JSX.Element;
+/** Flex-1 column that holds the ItemTitle and ItemDescription. */
+declare function ItemContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Primary label text rendered in medium weight inside an ItemContent. */
+declare function ItemTitle({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Secondary, muted body text clamped to two lines inside an ItemContent. */
+declare function ItemDescription({
+  className,
+  ...props
+}: React.ComponentProps<'p'>): import("react").JSX.Element;
+/** Right-aligned slot for buttons or other interactive controls within an Item. */
+declare function ItemActions({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Full-width row at the top of an Item for header-level labels or metadata. */
+declare function ItemHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
+declare function ItemFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+//#endregion
+export { ItemFooter as a, ItemMedia as c, ItemDescription as i, ItemSeparator as l, ItemActions as n, ItemGroup as o, ItemContent as r, ItemHeader as s, Item as t, ItemTitle as u };
+//# sourceMappingURL=item-DTR2f2CX.d.cts.map

package/dist/item-cIhkI3ZI.d.mts

@@ -0,0 +1,99 @@
+import { t as Separator } from "./separator-D6_fMJtM.mjs";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/item.d.ts
+/**
+ * A list-row layout primitive for rendering structured content rows with optional media, title, description, and action areas.
+ *
+ * @example
+ * ```tsx
+ * import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemGroup } from '@customafk/lunas-ui/ui/item';
+ * import { User } from 'lucide-react';
+ *
+ * <ItemGroup>
+ *   <Item variant="outline">
+ *     <ItemMedia variant="icon"><User /></ItemMedia>
+ *     <ItemContent>
+ *       <ItemTitle>Alice</ItemTitle>
+ *       <ItemDescription>alice@example.com</ItemDescription>
+ *     </ItemContent>
+ *     <ItemActions><button>Edit</button></ItemActions>
+ *   </Item>
+ * </ItemGroup>
+ * ```
+ */
+declare function ItemGroup({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Horizontal separator rendered between items in an ItemGroup. */
+declare function ItemSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+declare const itemVariants: (props?: ({
+  variant?: "default" | "muted" | "outline" | null | undefined;
+  size?: "sm" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * The primary row container inside an ItemGroup.
+ *
+ * @param variant - Visual style: `'default'`, `'outline'`, or `'muted'`.
+ * @param size - Spacing size: `'default'` or `'sm'`.
+ * @param asChild - When true, renders as the child element via Radix Slot.
+ */
+declare function Item({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
+  asChild?: boolean;
+}): import("react").JSX.Element;
+declare const itemMediaVariants: (props?: ({
+  variant?: "default" | "image" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Left-aligned slot for an avatar, icon, or image within an Item.
+ *
+ * @param variant - `'default'` for a transparent wrapper, `'icon'` for a small bordered square, or `'image'` for a rounded thumbnail.
+ */
+declare function ItemMedia({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): import("react").JSX.Element;
+/** Flex-1 column that holds the ItemTitle and ItemDescription. */
+declare function ItemContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Primary label text rendered in medium weight inside an ItemContent. */
+declare function ItemTitle({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Secondary, muted body text clamped to two lines inside an ItemContent. */
+declare function ItemDescription({
+  className,
+  ...props
+}: React.ComponentProps<'p'>): import("react").JSX.Element;
+/** Right-aligned slot for buttons or other interactive controls within an Item. */
+declare function ItemActions({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Full-width row at the top of an Item for header-level labels or metadata. */
+declare function ItemHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
+declare function ItemFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+//#endregion
+export { ItemFooter as a, ItemMedia as c, ItemDescription as i, ItemSeparator as l, ItemActions as n, ItemGroup as o, ItemContent as r, ItemHeader as s, Item as t, ItemTitle as u };
+//# sourceMappingURL=item-cIhkI3ZI.d.mts.map

package/dist/label-DPG_GY7h.d.cts

@@ -0,0 +1,22 @@
+import { Label } from "radix-ui";
+
+//#region packages/components/ui/label.d.ts
+/**
+ * Accessible form label built on Radix UI's `Label.Root`, with styles for disabled and peer-disabled states.
+ *
+ * @example
+ * ```tsx
+ * import { Label } from '@customafk/lunas-ui/ui/label';
+ * import { Input } from '@customafk/lunas-ui/ui/input';
+ *
+ * <Label htmlFor="email">Email address</Label>
+ * <Input id="email" type="email" placeholder="you@example.com" />
+ * ```
+ */
+declare function Label$1({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label.Root>): import("react").JSX.Element;
+//#endregion
+export { Label$1 as t };
+//# sourceMappingURL=label-DPG_GY7h.d.cts.map

package/dist/label-DPG_GY7h.d.mts

@@ -0,0 +1,22 @@
+import { Label } from "radix-ui";
+
+//#region packages/components/ui/label.d.ts
+/**
+ * Accessible form label built on Radix UI's `Label.Root`, with styles for disabled and peer-disabled states.
+ *
+ * @example
+ * ```tsx
+ * import { Label } from '@customafk/lunas-ui/ui/label';
+ * import { Input } from '@customafk/lunas-ui/ui/input';
+ *
+ * <Label htmlFor="email">Email address</Label>
+ * <Input id="email" type="email" placeholder="you@example.com" />
+ * ```
+ */
+declare function Label$1({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label.Root>): import("react").JSX.Element;
+//#endregion
+export { Label$1 as t };
+//# sourceMappingURL=label-DPG_GY7h.d.mts.map

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

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../cms-layout-SubgSF72.cjs");exports.CMSLayout=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../cms-layout-CGGJqbr0.cjs");exports.CMSLayout=e.t;

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

@@ -1 +1 @@
-"use client";import{t as e}from"../../cms-layout-CuF5ahpj.mjs";export{e as CMSLayout};
+"use client";import{t as e}from"../../cms-layout-ePySxIQN.mjs";export{e as CMSLayout};

package/dist/layouts/flex.d.cts

@@ -1,114 +1,2 @@
-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;
-} & import("class-variance-authority/types").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: import("react").MemoExoticComponent<({
-  vertical,
-  wrap,
-  width,
-  margin,
-  padding,
-  gap,
-  justify,
-  align,
-  className,
-  children
-}: React.PropsWithChildren<Props>) => import("react").JSX.Element>;
-//#endregion
-export { Flex };
-//# sourceMappingURL=flex.d.cts.map
+import { t as Flex } from "../flex-CT71VV-I.cjs";
+export { Flex };

package/dist/layouts/flex.d.mts

@@ -1,114 +1,2 @@
-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;
-} & import("class-variance-authority/types").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: import("react").MemoExoticComponent<({
-  vertical,
-  wrap,
-  width,
-  margin,
-  padding,
-  gap,
-  justify,
-  align,
-  className,
-  children
-}: React.PropsWithChildren<Props>) => import("react").JSX.Element>;
-//#endregion
-export { Flex };
-//# sourceMappingURL=flex.d.mts.map
+import { t as Flex } from "../flex-CT71VV-I.mjs";
+export { Flex };

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-i7Oz2Izf.cjs";
+export { Grid };

package/dist/layouts/grid.d.mts

@@ -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.mts.map
+import { t as Grid } from "../grid-i7Oz2Izf.mjs";
+export { Grid };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../payment-layout-BLrXT-oc.cjs");exports.PaymentLayout=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../payment-layout-Cb-Q8KD2.cjs");exports.PaymentLayout=e.t;

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

@@ -1,59 +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-DJiiPHPf.cjs";
+export { PaymentLayout, PaymentLayoutUser };

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

@@ -1,59 +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.mts.map
+import { n as PaymentLayoutUser, t as PaymentLayout } from "../../index-DJiiPHPf.mjs";
+export { PaymentLayout, PaymentLayoutUser };

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

@@ -1 +1 @@
-import{t as e}from"../../payment-layout-Dsz6wYT1.mjs";export{e as PaymentLayout};
+import{t as e}from"../../payment-layout-DS5CEH1h.mjs";export{e as PaymentLayout};

package/dist/list-display-BuRCso6J.mjs

@@ -0,0 +1,2 @@
+import{Tooltip as e,TooltipContent as t,TooltipProvider as n,TooltipTrigger as r}from"./ui/tooltip.mjs";import{Y as i}from"./tables-UikqnT9q.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({items:s,maxVisible:c=3})=>{if(!s||s.length===0)return a(i,{});let l=s.slice(0,c),u=s.slice(c);return o(`div`,{className:`flex flex-wrap gap-1`,children:[l.map((e,t)=>a(`span`,{className:`inline-flex items-center rounded-full border border-border bg-muted-weak px-2 py-0.5 text-text-positive text-xs`,children:e},t)),u.length>0&&a(n,{children:o(e,{children:[a(r,{asChild:!0,children:o(`span`,{className:`inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs`,children:[`+`,u.length,` more`]})}),a(t,{align:`start`,className:`flex max-w-64 flex-wrap gap-1 p-2`,children:u.map((e,t)=>a(`span`,{className:`inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs`,children:e},t))})]})})]})};export{s as UITableListDisplay};
+//# sourceMappingURL=list-display-BuRCso6J.mjs.map