@customafk/lunas-ui 0.2.64 → 0.2.66

package/dist/card-form-D9fNO-6F.mjs

@@ -0,0 +1,2 @@
+import{Button as e}from"./ui/button.mjs";import{t}from"./separator-BlNAFSJv.mjs";import{Trash2Icon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a,description:o,onDelete:s,children:c})=>i(`section`,{"data-slot":`card-form`,className:`relative flex flex-col rounded-md bg-card pb-4 shadow-card ring-1 ring-border`,children:[i(`div`,{"data-slot":`card-form-header`,className:`flex flex-col space-y-0.5 px-4 py-3`,children:[r(`p`,{className:`font-semibold text-base tracking-tight`,children:a}),!!o&&r(`p`,{className:`text-text-positive-weak text-sm`,children:o})]}),r(t,{}),r(`div`,{"data-slot":`card-form-main`,className:`flex flex-col py-4`,children:c}),!!s&&i(e,{color:`danger`,variant:`ghost`,size:`sm`,className:`absolute top-2.5 right-3`,onClick:e=>{s?.(),e.preventDefault(),e.stopPropagation()},children:[r(n,{}),`Remove`]})]});export{a as TanStackCardForm};
+//# sourceMappingURL=card-form-D9fNO-6F.mjs.map

package/dist/card-form-D9fNO-6F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-form-D9fNO-6F.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/forms/card-form.tsx"],"sourcesContent":["'use client';\n\nimport { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { Separator } from '../ui/separator';\n\n/**\n * Renders a card-style form section with a header, optional description, a delete button, and a content area for fields.\n *\n * @example\n * import { TanStackCardForm } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <TanStackCardForm\n *   title=\"Shipping Address\"\n *   description=\"Where should we deliver your order?\"\n *   onDelete={() => removeAddress(id)}\n * >\n *   <TextField name=\"street\" />\n * </TanStackCardForm>\n */\nexport const TanStackCardForm: React.FC<\n  React.PropsWithChildren<{\n    /** Bold heading text shown at the top of the card. */\n    title: string;\n    /** Optional secondary text rendered beneath the title. */\n    description?: string;\n    /** When provided, renders a danger \"Remove\" button in the card's top-right corner. */\n    onDelete?: () => void | Promise<void>;\n  }>\n> = ({ title, description, onDelete, children }) => {\n  return (\n    <section data-slot=\"card-form\" className=\"relative flex flex-col rounded-md bg-card pb-4 shadow-card ring-1 ring-border\">\n      <div data-slot=\"card-form-header\" className=\"flex flex-col space-y-0.5 px-4 py-3\">\n        <p className=\"font-semibold text-base tracking-tight\">{title}</p>\n        {!!description && <p className=\"text-text-positive-weak text-sm\">{description}</p>}\n      </div>\n      <Separator />\n      <div data-slot=\"card-form-main\" className=\"flex flex-col py-4\">\n        {children}\n      </div>\n      {!!onDelete && (\n        <Button\n          color=\"danger\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"absolute top-2.5 right-3\"\n          onClick={e => {\n            onDelete?.();\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <Trash2Icon />\n          Remove\n        </Button>\n      )}\n    </section>\n  );\n};\n"],"mappings":"6KAsBA,MAAa,GASR,CAAE,QAAO,cAAa,WAAU,cAEjC,EAAC,UAAD,CAAS,YAAU,YAAY,UAAU,yFAAzC,CACE,EAAC,MAAD,CAAK,YAAU,mBAAmB,UAAU,+CAA5C,CACE,EAAC,IAAD,CAAG,UAAU,kDAA0C,CAAS,CAAA,EAC/D,CAAC,CAAC,GAAe,EAAC,IAAD,CAAG,UAAU,2CAAmC,CAAe,CAAA,CAC9E,IACL,EAAC,EAAD,CAAY,CAAA,EACZ,EAAC,MAAD,CAAK,YAAU,iBAAiB,UAAU,qBACvC,UACE,CAAA,EACJ,CAAC,CAAC,GACD,EAAC,EAAD,CACE,MAAM,SACN,QAAQ,QACR,KAAK,KACL,UAAU,2BACV,QAAS,GAAK,CACZ,IAAW,EACX,EAAE,eAAe,EACjB,EAAE,gBAAgB,CACpB,WATF,CAWE,EAAC,EAAD,CAAa,CAAA,EAAC,QAER,GAEH"}

package/dist/cards/grid-product-card.d.cts

@@ -1,30 +1,2 @@
-//#region packages/components/cards/grid-product-card.d.ts
-type Props = {
-  /** Unique identifier for the product. */id: string; /** URL-friendly slug for the product. */
-  slug: string; /** Display name of the product shown on the card. */
-  name: string; /** URL of the product's thumbnail image. */
-  thumbnail: string; /** Regular price of the product in VND. */
-  price: number; /** Optional sale / discounted price in VND. */
-  salePrice?: number; /** Optional sale discount percentage (0–100). */
-  salePercentage?: number;
-};
-/**
- * A horizontal (grid-row) product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.
- *
- * @example
- * ```tsx
- * import { GridProductCard } from '@customafk/lunas-ui/cards/grid-product-card';
- *
- * <GridProductCard
- *   id="prod-1"
- *   slug="awesome-widget"
- *   name="Awesome Widget"
- *   thumbnail="/images/widget.png"
- *   price={299000}
- * />
- * ```
- */
-declare const GridProductCard: React.FC<Props>;
-//#endregion
-export { GridProductCard };
-//# sourceMappingURL=grid-product-card.d.cts.map
+import { t as GridProductCard } from "../grid-product-card-bpADqDOQ.cjs";
+export { GridProductCard };

package/dist/cards/grid-product-card.d.mts

@@ -1,30 +1,2 @@
-//#region packages/components/cards/grid-product-card.d.ts
-type Props = {
-  /** Unique identifier for the product. */id: string; /** URL-friendly slug for the product. */
-  slug: string; /** Display name of the product shown on the card. */
-  name: string; /** URL of the product's thumbnail image. */
-  thumbnail: string; /** Regular price of the product in VND. */
-  price: number; /** Optional sale / discounted price in VND. */
-  salePrice?: number; /** Optional sale discount percentage (0–100). */
-  salePercentage?: number;
-};
-/**
- * A horizontal (grid-row) product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.
- *
- * @example
- * ```tsx
- * import { GridProductCard } from '@customafk/lunas-ui/cards/grid-product-card';
- *
- * <GridProductCard
- *   id="prod-1"
- *   slug="awesome-widget"
- *   name="Awesome Widget"
- *   thumbnail="/images/widget.png"
- *   price={299000}
- * />
- * ```
- */
-declare const GridProductCard: React.FC<Props>;
-//#endregion
-export { GridProductCard };
-//# sourceMappingURL=grid-product-card.d.mts.map
+import { t as GridProductCard } from "../grid-product-card-bpADqDOQ.mjs";
+export { GridProductCard };

package/dist/cards/product-card.d.cts

@@ -1,30 +1,2 @@
-//#region packages/components/cards/product-card.d.ts
-type Props = {
-  /** Unique identifier for the product. */id: string; /** URL-friendly slug for the product. */
-  slug: string; /** Display name of the product shown on the card. */
-  name: string; /** URL of the product's thumbnail image. */
-  thumbnail: string; /** Regular price of the product in VND. */
-  price: number; /** Optional sale / discounted price in VND. */
-  salePrice?: number; /** Optional sale discount percentage (0–100). */
-  salePercentage?: number;
-};
-/**
- * A vertical product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.
- *
- * @example
- * ```tsx
- * import { ProductCard } from '@customafk/lunas-ui/cards/product-card';
- *
- * <ProductCard
- *   id="prod-1"
- *   slug="awesome-widget"
- *   name="Awesome Widget"
- *   thumbnail="/images/widget.png"
- *   price={299000}
- * />
- * ```
- */
-declare const ProductCard: React.FC<Props>;
-//#endregion
-export { ProductCard };
-//# sourceMappingURL=product-card.d.cts.map
+import { t as ProductCard } from "../product-card-CvXLXbpV.cjs";
+export { ProductCard };

package/dist/cards/product-card.d.mts

@@ -1,30 +1,2 @@
-//#region packages/components/cards/product-card.d.ts
-type Props = {
-  /** Unique identifier for the product. */id: string; /** URL-friendly slug for the product. */
-  slug: string; /** Display name of the product shown on the card. */
-  name: string; /** URL of the product's thumbnail image. */
-  thumbnail: string; /** Regular price of the product in VND. */
-  price: number; /** Optional sale / discounted price in VND. */
-  salePrice?: number; /** Optional sale discount percentage (0–100). */
-  salePercentage?: number;
-};
-/**
- * A vertical product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.
- *
- * @example
- * ```tsx
- * import { ProductCard } from '@customafk/lunas-ui/cards/product-card';
- *
- * <ProductCard
- *   id="prod-1"
- *   slug="awesome-widget"
- *   name="Awesome Widget"
- *   thumbnail="/images/widget.png"
- *   price={299000}
- * />
- * ```
- */
-declare const ProductCard: React.FC<Props>;
-//#endregion
-export { ProductCard };
-//# sourceMappingURL=product-card.d.mts.map
+import { t as ProductCard } from "../product-card-CvXLXbpV.mjs";
+export { ProductCard };

package/dist/cards/simple-card.d.cts

@@ -1,29 +1,2 @@
-//#region packages/components/cards/simple-card.d.ts
-type Props = {
-  /** The card's heading text displayed in the header. */title: string; /** Optional subtitle or description shown below the title. */
-  description?: string; /** Optional node rendered as a card action (e.g. a button) in the header. */
-  action?: React.ReactNode; /** Optional node rendered inside the card footer. */
-  footer?: React.ReactNode;
-};
-/**
- * A general-purpose card with a header, optional description, action slot, content area, and footer.
- *
- * @example
- * ```tsx
- * import { SimpleCard } from '@customafk/lunas-ui/cards/simple-card';
- *
- * <SimpleCard title="Summary" description="Overview of results">
- *   <p>Card body content goes here.</p>
- * </SimpleCard>
- * ```
- */
-declare const SimpleCard: ({
-  title,
-  description,
-  action,
-  footer,
-  children
-}: React.PropsWithChildren<Props>) => import("react").JSX.Element;
-//#endregion
-export { SimpleCard };
-//# sourceMappingURL=simple-card.d.cts.map
+import { t as SimpleCard } from "../simple-card-6P377r4A.cjs";
+export { SimpleCard };

package/dist/cards/simple-card.d.mts

@@ -1,29 +1,2 @@
-//#region packages/components/cards/simple-card.d.ts
-type Props = {
-  /** The card's heading text displayed in the header. */title: string; /** Optional subtitle or description shown below the title. */
-  description?: string; /** Optional node rendered as a card action (e.g. a button) in the header. */
-  action?: React.ReactNode; /** Optional node rendered inside the card footer. */
-  footer?: React.ReactNode;
-};
-/**
- * A general-purpose card with a header, optional description, action slot, content area, and footer.
- *
- * @example
- * ```tsx
- * import { SimpleCard } from '@customafk/lunas-ui/cards/simple-card';
- *
- * <SimpleCard title="Summary" description="Overview of results">
- *   <p>Card body content goes here.</p>
- * </SimpleCard>
- * ```
- */
-declare const SimpleCard: ({
-  title,
-  description,
-  action,
-  footer,
-  children
-}: React.PropsWithChildren<Props>) => import("react").JSX.Element;
-//#endregion
-export { SimpleCard };
-//# sourceMappingURL=simple-card.d.mts.map
+import { t as SimpleCard } from "../simple-card-6P377r4A.mjs";
+export { SimpleCard };

package/dist/carousel-CV3IZ96x.d.mts

@@ -0,0 +1,70 @@
+import { t as Button } from "./button-Bk4Y6_9I.mjs";
+import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
+
+//#region packages/components/ui/carousel.d.ts
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+  opts?: CarouselOptions;
+  plugins?: CarouselPlugin;
+  orientation?: 'horizontal' | 'vertical';
+  setApi?: (api: CarouselApi) => void;
+};
+/**
+ * Embla-powered carousel that supports horizontal and vertical orientations with keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Carousel, CarouselContent, CarouselItem,
+ *   CarouselPrevious, CarouselNext,
+ * } from '@customafk/lunas-ui/ui/carousel';
+ *
+ * <Carousel>
+ *   <CarouselContent>
+ *     <CarouselItem>Slide 1</CarouselItem>
+ *     <CarouselItem>Slide 2</CarouselItem>
+ *   </CarouselContent>
+ *   <CarouselPrevious />
+ *   <CarouselNext />
+ * </Carousel>
+ * ```
+ */
+declare function Carousel({
+  orientation,
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}: React.ComponentProps<'div'> & CarouselProps): import("react").JSX.Element;
+/** The scrollable track that holds all CarouselItem elements. */
+declare function CarouselContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** A single slide within a CarouselContent; occupies the full width (or height for vertical carousels). */
+declare function CarouselItem({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Circular button positioned to the left (or top for vertical) that scrolls to the previous slide. */
+declare function CarouselPrevious({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof Button>): import("react").JSX.Element;
+/** Circular button positioned to the right (or bottom for vertical) that scrolls to the next slide. */
+declare function CarouselNext({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof Button>): import("react").JSX.Element;
+//#endregion
+export { CarouselNext as a, CarouselItem as i, CarouselApi as n, CarouselPrevious as o, CarouselContent as r, Carousel as t };
+//# sourceMappingURL=carousel-CV3IZ96x.d.mts.map

package/dist/carousel-c2XuzmYN.d.cts

@@ -0,0 +1,70 @@
+import { t as Button } from "./button-Bk4Y6_9I.cjs";
+import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
+
+//#region packages/components/ui/carousel.d.ts
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+  opts?: CarouselOptions;
+  plugins?: CarouselPlugin;
+  orientation?: 'horizontal' | 'vertical';
+  setApi?: (api: CarouselApi) => void;
+};
+/**
+ * Embla-powered carousel that supports horizontal and vertical orientations with keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Carousel, CarouselContent, CarouselItem,
+ *   CarouselPrevious, CarouselNext,
+ * } from '@customafk/lunas-ui/ui/carousel';
+ *
+ * <Carousel>
+ *   <CarouselContent>
+ *     <CarouselItem>Slide 1</CarouselItem>
+ *     <CarouselItem>Slide 2</CarouselItem>
+ *   </CarouselContent>
+ *   <CarouselPrevious />
+ *   <CarouselNext />
+ * </Carousel>
+ * ```
+ */
+declare function Carousel({
+  orientation,
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}: React.ComponentProps<'div'> & CarouselProps): import("react").JSX.Element;
+/** The scrollable track that holds all CarouselItem elements. */
+declare function CarouselContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** A single slide within a CarouselContent; occupies the full width (or height for vertical carousels). */
+declare function CarouselItem({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Circular button positioned to the left (or top for vertical) that scrolls to the previous slide. */
+declare function CarouselPrevious({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof Button>): import("react").JSX.Element;
+/** Circular button positioned to the right (or bottom for vertical) that scrolls to the next slide. */
+declare function CarouselNext({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof Button>): import("react").JSX.Element;
+//#endregion
+export { CarouselNext as a, CarouselItem as i, CarouselApi as n, CarouselPrevious as o, CarouselContent as r, Carousel as t };
+//# sourceMappingURL=carousel-c2XuzmYN.d.cts.map

package/dist/chart-sYFksFMk.d.cts

@@ -0,0 +1,80 @@
+import { LegendPayload, ResponsiveContainer, Tooltip, TooltipContentProps } from "recharts";
+
+//#region packages/components/ui/chart.d.ts
+declare const THEMES: {
+  readonly light: "";
+  readonly dark: ".dark";
+};
+type ChartConfig = { [k in string]: {
+  label?: React.ReactNode;
+  icon?: React.ComponentType;
+} & ({
+  color?: string;
+  theme?: never;
+} | {
+  color?: never;
+  theme: Record<keyof typeof THEMES, string>;
+}) };
+type ChartContextProps = {
+  config: ChartConfig;
+};
+declare const useChart: () => ChartContextProps;
+type ChartContainerProps = React.ComponentProps<'div'> & {
+  config: ChartConfig;
+  children: React.ComponentProps<typeof ResponsiveContainer>['children'];
+};
+declare const ChartContainer: ({
+  id,
+  className,
+  children,
+  config,
+  ...props
+}: ChartContainerProps) => import("react").JSX.Element;
+declare const ChartStyle: ({
+  id,
+  config
+}: {
+  id: string;
+  config: ChartConfig;
+}) => import("react").JSX.Element | null;
+declare const ChartTooltip: typeof Tooltip;
+type ChartTooltipContentProps = React.ComponentProps<'div'> & Partial<Pick<TooltipContentProps<number | string, string>, 'active' | 'payload' | 'label' | 'labelFormatter' | 'formatter'>> & {
+  hideLabel?: boolean;
+  hideIndicator?: boolean;
+  indicator?: 'line' | 'dot' | 'dashed';
+  nameKey?: string;
+  labelKey?: string;
+  labelClassName?: string;
+};
+declare const ChartTooltipContent: ({
+  active,
+  payload,
+  className,
+  indicator,
+  hideLabel,
+  hideIndicator,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey
+}: ChartTooltipContentProps) => import("react").JSX.Element | null;
+declare const ChartLegend: import("react").MemoExoticComponent<(outsideProps: import("recharts").LegendProps) => React.ReactPortal | null>;
+type ChartLegendContentProps = React.ComponentProps<'div'> & {
+  payload?: readonly LegendPayload[];
+  verticalAlign?: 'top' | 'bottom' | 'middle';
+  hideIcon?: boolean;
+  nameKey?: string;
+};
+declare const ChartLegendContent: ({
+  className,
+  hideIcon,
+  payload,
+  verticalAlign,
+  nameKey
+}: ChartLegendContentProps) => import("react").JSX.Element | null;
+//#endregion
+export { ChartLegendContent as a, ChartTooltip as c, useChart as d, ChartLegend as i, ChartTooltipContent as l, ChartContainer as n, ChartLegendContentProps as o, ChartContainerProps as r, ChartStyle as s, ChartConfig as t, ChartTooltipContentProps as u };
+//# sourceMappingURL=chart-sYFksFMk.d.cts.map

package/dist/chart-sYFksFMk.d.mts

@@ -0,0 +1,80 @@
+import { LegendPayload, ResponsiveContainer, Tooltip, TooltipContentProps } from "recharts";
+
+//#region packages/components/ui/chart.d.ts
+declare const THEMES: {
+  readonly light: "";
+  readonly dark: ".dark";
+};
+type ChartConfig = { [k in string]: {
+  label?: React.ReactNode;
+  icon?: React.ComponentType;
+} & ({
+  color?: string;
+  theme?: never;
+} | {
+  color?: never;
+  theme: Record<keyof typeof THEMES, string>;
+}) };
+type ChartContextProps = {
+  config: ChartConfig;
+};
+declare const useChart: () => ChartContextProps;
+type ChartContainerProps = React.ComponentProps<'div'> & {
+  config: ChartConfig;
+  children: React.ComponentProps<typeof ResponsiveContainer>['children'];
+};
+declare const ChartContainer: ({
+  id,
+  className,
+  children,
+  config,
+  ...props
+}: ChartContainerProps) => import("react").JSX.Element;
+declare const ChartStyle: ({
+  id,
+  config
+}: {
+  id: string;
+  config: ChartConfig;
+}) => import("react").JSX.Element | null;
+declare const ChartTooltip: typeof Tooltip;
+type ChartTooltipContentProps = React.ComponentProps<'div'> & Partial<Pick<TooltipContentProps<number | string, string>, 'active' | 'payload' | 'label' | 'labelFormatter' | 'formatter'>> & {
+  hideLabel?: boolean;
+  hideIndicator?: boolean;
+  indicator?: 'line' | 'dot' | 'dashed';
+  nameKey?: string;
+  labelKey?: string;
+  labelClassName?: string;
+};
+declare const ChartTooltipContent: ({
+  active,
+  payload,
+  className,
+  indicator,
+  hideLabel,
+  hideIndicator,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey
+}: ChartTooltipContentProps) => import("react").JSX.Element | null;
+declare const ChartLegend: import("react").MemoExoticComponent<(outsideProps: import("recharts").LegendProps) => React.ReactPortal | null>;
+type ChartLegendContentProps = React.ComponentProps<'div'> & {
+  payload?: readonly LegendPayload[];
+  verticalAlign?: 'top' | 'bottom' | 'middle';
+  hideIcon?: boolean;
+  nameKey?: string;
+};
+declare const ChartLegendContent: ({
+  className,
+  hideIcon,
+  payload,
+  verticalAlign,
+  nameKey
+}: ChartLegendContentProps) => import("react").JSX.Element | null;
+//#endregion
+export { ChartLegendContent as a, ChartTooltip as c, useChart as d, ChartLegend as i, ChartTooltipContent as l, ChartContainer as n, ChartLegendContentProps as o, ChartContainerProps as r, ChartStyle as s, ChartConfig as t, ChartTooltipContentProps as u };
+//# sourceMappingURL=chart-sYFksFMk.d.mts.map

package/dist/checkbox-XfLNnG0S.d.cts

@@ -0,0 +1,24 @@
+import { Checkbox } from "radix-ui";
+
+//#region packages/components/ui/checkbox.d.ts
+/**
+ * Accessible checkbox input built on Radix UI's Checkbox primitive with checked, indeterminate, focus, invalid, and read-only states.
+ *
+ * @example
+ * ```tsx
+ * import { Checkbox } from '@customafk/lunas-ui/ui/checkbox';
+ * import { Label } from '@customafk/lunas-ui/ui/label';
+ *
+ * <div className="flex items-center gap-2">
+ *   <Checkbox id="terms" />
+ *   <Label htmlFor="terms">Accept terms and conditions</Label>
+ * </div>
+ * ```
+ */
+declare function Checkbox$1({
+  className,
+  ...props
+}: React.ComponentProps<typeof Checkbox.Root>): import("react").JSX.Element;
+//#endregion
+export { Checkbox$1 as t };
+//# sourceMappingURL=checkbox-XfLNnG0S.d.cts.map

package/dist/checkbox-XfLNnG0S.d.mts

@@ -0,0 +1,24 @@
+import { Checkbox } from "radix-ui";
+
+//#region packages/components/ui/checkbox.d.ts
+/**
+ * Accessible checkbox input built on Radix UI's Checkbox primitive with checked, indeterminate, focus, invalid, and read-only states.
+ *
+ * @example
+ * ```tsx
+ * import { Checkbox } from '@customafk/lunas-ui/ui/checkbox';
+ * import { Label } from '@customafk/lunas-ui/ui/label';
+ *
+ * <div className="flex items-center gap-2">
+ *   <Checkbox id="terms" />
+ *   <Label htmlFor="terms">Accept terms and conditions</Label>
+ * </div>
+ * ```
+ */
+declare function Checkbox$1({
+  className,
+  ...props
+}: React.ComponentProps<typeof Checkbox.Root>): import("react").JSX.Element;
+//#endregion
+export { Checkbox$1 as t };
+//# sourceMappingURL=checkbox-XfLNnG0S.d.mts.map

package/dist/checkbox-field-B1vCz-Wf.cjs

@@ -0,0 +1,2 @@
+const e=require("./ui/checkbox.cjs"),t=require("./tanstack-form-CNrZQZhn.cjs"),n=require("./field-BV5twmKA.cjs");let r=require("react/jsx-runtime"),i=require("@tanstack/react-form");const a=({label:a,description:o,options:s,tooltip:c,helperText:l,orientation:u})=>{let d=t.G(),f=(0,i.useStore)(d.form.store,({isSubmitting:e})=>e);return(0,r.jsxs)(n.FieldGroup,{className:`gap-y-4 px-4`,children:[(0,r.jsxs)(n.Field,{orientation:u,children:[(0,r.jsxs)(n.FieldContent,{children:[(0,r.jsxs)(n.FieldLabel,{children:[a,c&&(0,r.jsx)(n.FieldTooltip,{tooltip:c})]}),(0,r.jsx)(n.FieldDescription,{children:o}),(0,r.jsx)(n.FieldNote,{isShow:!!l,children:l})]}),(0,r.jsx)(n.FieldContentMain,{children:(0,r.jsx)(n.FieldGroup,{className:`flex flex-col gap-y-2`,children:s.map(t=>(0,r.jsxs)(n.Field,{orientation:`horizontal`,children:[(0,r.jsx)(e.Checkbox,{id:`${d.name}-${t.value}`,name:d.name,checked:d.state.value?.includes(t.value)??!1,disabled:f,onCheckedChange:e=>{if(e&&d.state.value!==null)d.pushValue(t.value);else if(e&&d.state.value===null)d.setValue([t.value]);else if(!e&&d.state.value!==null){let e=d.state.value.indexOf(t.value);e>-1&&d.removeValue(e)}else d.setValue(null)}}),(0,r.jsx)(n.FieldLabel,{htmlFor:`${d.name}-${t.value}`,className:`text-text-positive`,children:t.label})]},t.value))})})]}),(0,r.jsx)(n.FieldSeparator,{})]})};exports.CheckboxField=a;
+//# sourceMappingURL=checkbox-field-B1vCz-Wf.cjs.map

package/dist/checkbox-field-B1vCz-Wf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field-B1vCz-Wf.cjs","names":["useTanStackFieldContext","FieldGroup","Field","FieldContent","FieldLabel","FieldTooltip","FieldDescription","FieldNote","FieldContentMain","Checkbox","FieldSeparator"],"sources":["../packages/components/features/tanstack-form/components/fields/checkbox-field.tsx"],"sourcesContent":["'use client';\n\nimport { useStore } from '@tanstack/react-form';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport { Field, FieldContent, FieldContentMain, FieldDescription, FieldGroup, FieldLabel, FieldNote, FieldSeparator, FieldTooltip } from '../ui/field';\nimport { Checkbox } from '@/components/ui/checkbox';\n\nimport type { CheckboxFieldProps as Props } from '../../types';\n\n/**\n * A TanStack Form-connected checkbox group field that manages an array of selected string values,\n * supporting multi-selection and submission-state disabling.\n *\n * @example\n * import { CheckboxField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"roles\">\n *   {() => (\n *     <CheckboxField\n *       label=\"Roles\"\n *       options={[\n *         { value: 'admin', label: 'Admin' },\n *         { value: 'editor', label: 'Editor' },\n *       ]}\n *       helperText=\"Select one or more roles\"\n *     />\n *   )}\n * </form.Field>\n */\nexport const CheckboxField: React.FC<Props> = ({ label, description, options, tooltip, helperText, orientation }) => {\n  const field = useTanStackFieldContext<string[] | null>();\n  const isSubmitting = useStore(field.form.store, ({ isSubmitting }) => isSubmitting);\n\n  return (\n    <FieldGroup className=\"gap-y-4 px-4\">\n      <Field orientation={orientation}>\n        <FieldContent>\n          <FieldLabel>\n            {label}\n            {tooltip && <FieldTooltip tooltip={tooltip} />}\n          </FieldLabel>\n          <FieldDescription>{description}</FieldDescription>\n          <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n        </FieldContent>\n        <FieldContentMain>\n          <FieldGroup className=\"flex flex-col gap-y-2\">\n            {options.map(option => {\n              return (\n                <Field key={option.value} orientation=\"horizontal\">\n                  <Checkbox\n                    id={`${field.name}-${option.value}`}\n                    name={field.name}\n                    checked={field.state.value?.includes(option.value) ?? false}\n                    disabled={isSubmitting}\n                    onCheckedChange={checked => {\n                      if (checked && field.state.value !== null) {\n                        field.pushValue(option.value);\n                      } else if (checked && field.state.value === null) {\n                        field.setValue([option.value]);\n                      } else if (!checked && field.state.value !== null) {\n                        const index = field.state.value.indexOf(option.value);\n                        if (index > -1) field.removeValue(index);\n                      } else {\n                        field.setValue(null);\n                      }\n                    }}\n                  />\n                  <FieldLabel htmlFor={`${field.name}-${option.value}`} className=\"text-text-positive\">\n                    {option.label}\n                  </FieldLabel>\n                </Field>\n              );\n            })}\n          </FieldGroup>\n        </FieldContentMain>\n      </Field>\n      <FieldSeparator />\n    </FieldGroup>\n  );\n};\n"],"mappings":"sLA8BA,MAAa,GAAkC,CAAE,QAAO,cAAa,UAAS,UAAS,aAAY,iBAAkB,CACnH,IAAM,EAAQA,EAAAA,EAAyC,EACjD,GAAA,EAAA,EAAA,SAAA,CAAwB,EAAM,KAAK,OAAQ,CAAE,kBAAmB,CAAY,EAElF,OACE,EAAA,EAAA,KAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,wBAAtB,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,MAAD,CAAoB,uBAApB,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,aAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,WAAD,CAAA,SAAA,CACG,EACA,IAAW,EAAA,EAAA,IAAA,CAACC,EAAAA,aAAD,CAAuB,SAAU,CAAA,CACnC,CAAA,CAAA,GACZ,EAAA,EAAA,IAAA,CAACC,EAAAA,iBAAD,CAAA,SAAmB,CAA8B,CAAA,GACjD,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,OAAQ,CAAC,CAAC,WAAa,CAAsB,CAAA,CAC5C,CAAA,CAAA,GACd,EAAA,EAAA,IAAA,CAACC,EAAAA,iBAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAACP,EAAAA,WAAD,CAAY,UAAU,iCACnB,EAAQ,IAAI,IAET,EAAA,EAAA,KAAA,CAACC,EAAAA,MAAD,CAA0B,YAAY,sBAAtC,EACE,EAAA,EAAA,IAAA,CAACO,EAAAA,SAAD,CACE,GAAI,GAAG,EAAM,KAAK,GAAG,EAAO,QAC5B,KAAM,EAAM,KACZ,QAAS,EAAM,MAAM,OAAO,SAAS,EAAO,KAAK,GAAK,GACtD,SAAU,EACV,gBAAiB,GAAW,CAC1B,GAAI,GAAW,EAAM,MAAM,QAAU,KACnC,EAAM,UAAU,EAAO,KAAK,OACvB,GAAI,GAAW,EAAM,MAAM,QAAU,KAC1C,EAAM,SAAS,CAAC,EAAO,KAAK,CAAC,OACxB,GAAI,CAAC,GAAW,EAAM,MAAM,QAAU,KAAM,CACjD,IAAM,EAAQ,EAAM,MAAM,MAAM,QAAQ,EAAO,KAAK,EAChD,EAAQ,IAAI,EAAM,YAAY,CAAK,CACzC,MACE,EAAM,SAAS,IAAI,CAEvB,CACD,CAAA,GACD,EAAA,EAAA,IAAA,CAACL,EAAAA,WAAD,CAAY,QAAS,GAAG,EAAM,KAAK,GAAG,EAAO,QAAS,UAAU,8BAC7D,EAAO,KACE,CAAA,CACP,GAtBK,EAAO,KAsBZ,CAEV,CACS,CAAA,CACI,CAAA,CACb,KACP,EAAA,EAAA,IAAA,CAACM,EAAAA,eAAD,CAAiB,CAAA,CACP,GAEhB"}

package/dist/checkbox-field-FqCe38_D.mjs

@@ -0,0 +1,2 @@
+import{Checkbox as e}from"./ui/checkbox.mjs";import{G as t}from"./tanstack-form-PC9YNeeo.mjs";import{Field as n,FieldContent as r,FieldContentMain as i,FieldDescription as a,FieldGroup as o,FieldLabel as s,FieldNote as c,FieldSeparator as l,FieldTooltip as u}from"./field-BKyUqvzh.mjs";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useStore as p}from"@tanstack/react-form";const m=({label:m,description:h,options:g,tooltip:_,helperText:v,orientation:y})=>{let b=t(),x=p(b.form.store,({isSubmitting:e})=>e);return f(o,{className:`gap-y-4 px-4`,children:[f(n,{orientation:y,children:[f(r,{children:[f(s,{children:[m,_&&d(u,{tooltip:_})]}),d(a,{children:h}),d(c,{isShow:!!v,children:v})]}),d(i,{children:d(o,{className:`flex flex-col gap-y-2`,children:g.map(t=>f(n,{orientation:`horizontal`,children:[d(e,{id:`${b.name}-${t.value}`,name:b.name,checked:b.state.value?.includes(t.value)??!1,disabled:x,onCheckedChange:e=>{if(e&&b.state.value!==null)b.pushValue(t.value);else if(e&&b.state.value===null)b.setValue([t.value]);else if(!e&&b.state.value!==null){let e=b.state.value.indexOf(t.value);e>-1&&b.removeValue(e)}else b.setValue(null)}}),d(s,{htmlFor:`${b.name}-${t.value}`,className:`text-text-positive`,children:t.label})]},t.value))})})]}),d(l,{})]})};export{m as CheckboxField};
+//# sourceMappingURL=checkbox-field-FqCe38_D.mjs.map

package/dist/checkbox-field-FqCe38_D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field-FqCe38_D.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/fields/checkbox-field.tsx"],"sourcesContent":["'use client';\n\nimport { useStore } from '@tanstack/react-form';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport { Field, FieldContent, FieldContentMain, FieldDescription, FieldGroup, FieldLabel, FieldNote, FieldSeparator, FieldTooltip } from '../ui/field';\nimport { Checkbox } from '@/components/ui/checkbox';\n\nimport type { CheckboxFieldProps as Props } from '../../types';\n\n/**\n * A TanStack Form-connected checkbox group field that manages an array of selected string values,\n * supporting multi-selection and submission-state disabling.\n *\n * @example\n * import { CheckboxField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"roles\">\n *   {() => (\n *     <CheckboxField\n *       label=\"Roles\"\n *       options={[\n *         { value: 'admin', label: 'Admin' },\n *         { value: 'editor', label: 'Editor' },\n *       ]}\n *       helperText=\"Select one or more roles\"\n *     />\n *   )}\n * </form.Field>\n */\nexport const CheckboxField: React.FC<Props> = ({ label, description, options, tooltip, helperText, orientation }) => {\n  const field = useTanStackFieldContext<string[] | null>();\n  const isSubmitting = useStore(field.form.store, ({ isSubmitting }) => isSubmitting);\n\n  return (\n    <FieldGroup className=\"gap-y-4 px-4\">\n      <Field orientation={orientation}>\n        <FieldContent>\n          <FieldLabel>\n            {label}\n            {tooltip && <FieldTooltip tooltip={tooltip} />}\n          </FieldLabel>\n          <FieldDescription>{description}</FieldDescription>\n          <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n        </FieldContent>\n        <FieldContentMain>\n          <FieldGroup className=\"flex flex-col gap-y-2\">\n            {options.map(option => {\n              return (\n                <Field key={option.value} orientation=\"horizontal\">\n                  <Checkbox\n                    id={`${field.name}-${option.value}`}\n                    name={field.name}\n                    checked={field.state.value?.includes(option.value) ?? false}\n                    disabled={isSubmitting}\n                    onCheckedChange={checked => {\n                      if (checked && field.state.value !== null) {\n                        field.pushValue(option.value);\n                      } else if (checked && field.state.value === null) {\n                        field.setValue([option.value]);\n                      } else if (!checked && field.state.value !== null) {\n                        const index = field.state.value.indexOf(option.value);\n                        if (index > -1) field.removeValue(index);\n                      } else {\n                        field.setValue(null);\n                      }\n                    }}\n                  />\n                  <FieldLabel htmlFor={`${field.name}-${option.value}`} className=\"text-text-positive\">\n                    {option.label}\n                  </FieldLabel>\n                </Field>\n              );\n            })}\n          </FieldGroup>\n        </FieldContentMain>\n      </Field>\n      <FieldSeparator />\n    </FieldGroup>\n  );\n};\n"],"mappings":"gYA8BA,MAAa,GAAkC,CAAE,QAAO,cAAa,UAAS,UAAS,aAAY,iBAAkB,CACnH,IAAM,EAAQ,EAAyC,EACjD,EAAe,EAAS,EAAM,KAAK,OAAQ,CAAE,kBAAmB,CAAY,EAElF,OACE,EAAC,EAAD,CAAY,UAAU,wBAAtB,CACE,EAAC,EAAD,CAAoB,uBAApB,CACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAA,SAAA,CACG,EACA,GAAW,EAAC,EAAD,CAAuB,SAAU,CAAA,CACnC,CAAA,CAAA,EACZ,EAAC,EAAD,CAAA,SAAmB,CAA8B,CAAA,EACjD,EAAC,EAAD,CAAW,OAAQ,CAAC,CAAC,WAAa,CAAsB,CAAA,CAC5C,CAAA,CAAA,EACd,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAY,UAAU,iCACnB,EAAQ,IAAI,GAET,EAAC,EAAD,CAA0B,YAAY,sBAAtC,CACE,EAAC,EAAD,CACE,GAAI,GAAG,EAAM,KAAK,GAAG,EAAO,QAC5B,KAAM,EAAM,KACZ,QAAS,EAAM,MAAM,OAAO,SAAS,EAAO,KAAK,GAAK,GACtD,SAAU,EACV,gBAAiB,GAAW,CAC1B,GAAI,GAAW,EAAM,MAAM,QAAU,KACnC,EAAM,UAAU,EAAO,KAAK,OACvB,GAAI,GAAW,EAAM,MAAM,QAAU,KAC1C,EAAM,SAAS,CAAC,EAAO,KAAK,CAAC,OACxB,GAAI,CAAC,GAAW,EAAM,MAAM,QAAU,KAAM,CACjD,IAAM,EAAQ,EAAM,MAAM,MAAM,QAAQ,EAAO,KAAK,EAChD,EAAQ,IAAI,EAAM,YAAY,CAAK,CACzC,MACE,EAAM,SAAS,IAAI,CAEvB,CACD,CAAA,EACD,EAAC,EAAD,CAAY,QAAS,GAAG,EAAM,KAAK,GAAG,EAAO,QAAS,UAAU,8BAC7D,EAAO,KACE,CAAA,CACP,GAtBK,EAAO,KAsBZ,CAEV,CACS,CAAA,CACI,CAAA,CACb,IACP,EAAC,EAAD,CAAiB,CAAA,CACP,GAEhB"}