@customafk/lunas-ui 0.2.53 → 0.2.54

package/dist/file-uploader-Bcq3zzxa.d.cts

@@ -1,103 +0,0 @@
-import * as react253 from "react";
-import { DropzoneProps } from "react-dropzone";
-
-//#region packages/components/ui/file-uploader.d.ts
-
-/**
- * Props for the FileUploader component.
- *
- * @example
- * ```tsx
- * import { FileUploader } from '@customafk/lunas-ui/ui/file-uploader';
- *
- * <FileUploader
- *   accept={{ 'image/*': [] }}
- *   maxSize={1024 * 1024 * 5}
- *   maxFileCount={3}
- *   multiple
- *   onUpload={async (files) => { await uploadFiles(files); }}
- * />
- * ```
- */
-interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * Value of the uploader.
-   * @type File[]
-   * @default undefined
-   * @example value={files}
-   */
-  value?: File[];
-  /**
-   * Function to be called when the value changes.
-   * @type (files: File[]) => void
-   * @default undefined
-   * @example onValueChange={(files) => setFiles(files)}
-   */
-  onValueChange?: (files: File[]) => void;
-  /**
-   * Function to be called when files are uploaded.
-   * @type (files: File[]) => Promise<void>
-   * @default undefined
-   * @example onUpload={(files) => uploadFiles(files)}
-   */
-  onUpload?: (files: File[]) => Promise<void>;
-  /**
-   * Progress of the uploaded files.
-   * @type Record<string, number> | undefined
-   * @default undefined
-   * @example progresses={{ "file1.png": 50 }}
-   */
-  progresses?: Record<string, number>;
-  /**
-   * Accepted file types for the uploader.
-   * @type { [key: string]: string[]}
-   * @default
-   * ```ts
-   * { "image/*": [] }
-   * ```
-   * @example accept={["image/png", "image/jpeg"]}
-   */
-  accept?: DropzoneProps['accept'];
-  /**
-   * Maximum file size for the uploader.
-   * @type number | undefined
-   * @default 1024 * 1024 * 2 // 2MB
-   * @example maxSize={1024 * 1024 * 2} // 2MB
-   */
-  maxSize?: DropzoneProps['maxSize'];
-  /**
-   * Maximum number of files for the uploader.
-   * @type number | undefined
-   * @default 1
-   * @example maxFileCount={4}
-   */
-  maxFileCount?: DropzoneProps['maxFiles'];
-  /**
-   * Whether the uploader should accept multiple files.
-   * @type boolean
-   * @default false
-   * @example multiple
-   */
-  multiple?: boolean;
-  /**
-   * Whether the uploader is disabled.
-   * @type boolean
-   * @default false
-   * @example disabled
-   */
-  disabled?: boolean;
-  /**
-   * Whether to show the instructional drag-and-drop text inside the drop zone.
-   * @default true
-   */
-  showText?: boolean;
-  /** Size in pixels for the upload icon. */
-  iconSize?: number;
-}
-/**
- * A drag-and-drop file upload zone that manages file selection, validation, preview generation, and optional async upload with progress tracking.
- */
-declare function FileUploader(props: FileUploaderProps): react253.JSX.Element;
-//#endregion
-export { FileUploader as t };
-//# sourceMappingURL=file-uploader-Bcq3zzxa.d.cts.map

package/dist/file-uploader-nUOkG_fv.d.mts

@@ -1,103 +0,0 @@
-import * as react132 from "react";
-import { DropzoneProps } from "react-dropzone";
-
-//#region packages/components/ui/file-uploader.d.ts
-
-/**
- * Props for the FileUploader component.
- *
- * @example
- * ```tsx
- * import { FileUploader } from '@customafk/lunas-ui/ui/file-uploader';
- *
- * <FileUploader
- *   accept={{ 'image/*': [] }}
- *   maxSize={1024 * 1024 * 5}
- *   maxFileCount={3}
- *   multiple
- *   onUpload={async (files) => { await uploadFiles(files); }}
- * />
- * ```
- */
-interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * Value of the uploader.
-   * @type File[]
-   * @default undefined
-   * @example value={files}
-   */
-  value?: File[];
-  /**
-   * Function to be called when the value changes.
-   * @type (files: File[]) => void
-   * @default undefined
-   * @example onValueChange={(files) => setFiles(files)}
-   */
-  onValueChange?: (files: File[]) => void;
-  /**
-   * Function to be called when files are uploaded.
-   * @type (files: File[]) => Promise<void>
-   * @default undefined
-   * @example onUpload={(files) => uploadFiles(files)}
-   */
-  onUpload?: (files: File[]) => Promise<void>;
-  /**
-   * Progress of the uploaded files.
-   * @type Record<string, number> | undefined
-   * @default undefined
-   * @example progresses={{ "file1.png": 50 }}
-   */
-  progresses?: Record<string, number>;
-  /**
-   * Accepted file types for the uploader.
-   * @type { [key: string]: string[]}
-   * @default
-   * ```ts
-   * { "image/*": [] }
-   * ```
-   * @example accept={["image/png", "image/jpeg"]}
-   */
-  accept?: DropzoneProps['accept'];
-  /**
-   * Maximum file size for the uploader.
-   * @type number | undefined
-   * @default 1024 * 1024 * 2 // 2MB
-   * @example maxSize={1024 * 1024 * 2} // 2MB
-   */
-  maxSize?: DropzoneProps['maxSize'];
-  /**
-   * Maximum number of files for the uploader.
-   * @type number | undefined
-   * @default 1
-   * @example maxFileCount={4}
-   */
-  maxFileCount?: DropzoneProps['maxFiles'];
-  /**
-   * Whether the uploader should accept multiple files.
-   * @type boolean
-   * @default false
-   * @example multiple
-   */
-  multiple?: boolean;
-  /**
-   * Whether the uploader is disabled.
-   * @type boolean
-   * @default false
-   * @example disabled
-   */
-  disabled?: boolean;
-  /**
-   * Whether to show the instructional drag-and-drop text inside the drop zone.
-   * @default true
-   */
-  showText?: boolean;
-  /** Size in pixels for the upload icon. */
-  iconSize?: number;
-}
-/**
- * A drag-and-drop file upload zone that manages file selection, validation, preview generation, and optional async upload with progress tracking.
- */
-declare function FileUploader(props: FileUploaderProps): react132.JSX.Element;
-//#endregion
-export { FileUploader as t };
-//# sourceMappingURL=file-uploader-nUOkG_fv.d.mts.map

package/dist/flex-BSTiMh2t.d.mts

@@ -1,117 +0,0 @@
-import * as react187 from "react";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
-
-//#region packages/components/layouts/flex.d.ts
-declare const flexVariants: (props?: ({
-  vertical?: boolean | null | undefined;
-  width?: "max" | "min" | "full" | "auto" | "fit" | "screen" | "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?: "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | null | undefined;
-  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-} & class_variance_authority_types10.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: react187.MemoExoticComponent<({
-  vertical,
-  wrap,
-  width,
-  margin,
-  padding,
-  gap,
-  justify,
-  align,
-  className,
-  children
-}: React.PropsWithChildren<Props>) => react187.JSX.Element>;
-//#endregion
-export { Flex as t };
-//# sourceMappingURL=flex-BSTiMh2t.d.mts.map

package/dist/flex-Bx9Nmr53.mjs

@@ -1,2 +0,0 @@
-import{memo as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{cva as n}from"class-variance-authority";import{jsx as r}from"react/jsx-runtime";const i=n([`relative flex`,`text-sm`],{variants:{vertical:{true:`flex-col`,false:`flex-row`},width:{full:`w-full`,auto:`w-auto`,fit:`w-fit`,screen:`w-screen`,min:`w-min`,max:`w-max`,null:``},wrap:{true:`flex-wrap`,false:`flex-nowrap`},margin:{sm:`m-2`,md:`m-4`,lg:`m-6`,xl:`m-8`,none:`m-0`},padding:{sm:`p-2`,md:`p-4`,lg:`p-6`,xl:`p-8`,none:`p-0`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`},justify:{start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`,stretch:`justify-stretch`},align:{start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`,stretch:`items-stretch`}},defaultVariants:{vertical:!1,wrap:!0,width:`fit`,margin:`none`,padding:`sm`,gap:`xs`,justify:`start`,align:`center`}}),a=e(({vertical:e,wrap:n,width:a,margin:o,padding:s,gap:c,justify:l,align:u,className:d,children:f})=>r(`div`,{className:t(i({vertical:e,width:a,wrap:n,margin:o,padding:s,gap:c,justify:l,align:u,className:d})),children:f}));a.displayName=`Flex`;export{a as t};
-//# sourceMappingURL=flex-Bx9Nmr53.mjs.map

package/dist/flex-Bx9Nmr53.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"flex-Bx9Nmr53.mjs","names":[],"sources":["../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n});\n\ntype Props = {\n  /** Additional Tailwind classes merged on top of the variant-generated classes. */\n  className?: string;\n  /**\n   * Stacks children vertically (`flex-col`) when `true`, horizontally (`flex-row`) when `false`.\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Controls the width of the flex container.\n   * - `'full'` — `w-full`\n   * - `'auto'` — `w-auto`\n   * - `'fit'`  — `w-fit` (default)\n   * - `'screen'` — `w-screen`\n   * - `'min'` — `w-min`\n   * - `'max'` — `w-max`\n   * - `'null'` — no width utility applied\n   * @default 'fit'\n   */\n  width?: 'full' | 'auto' | 'fit' | 'screen' | 'min' | 'max' | 'null';\n  /**\n   * Allows children to wrap onto multiple lines when `true`.\n   * @default true\n   */\n  wrap?: boolean;\n  /**\n   * Uniform margin applied to the container.\n   * - `'none'` — `m-0` (default)\n   * - `'sm'` — `m-2`\n   * - `'md'` — `m-4`\n   * - `'lg'` — `m-6`\n   * - `'xl'` — `m-8`\n   * @default 'none'\n   */\n  margin?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Uniform padding applied to the container.\n   * - `'none'` — `p-0`\n   * - `'sm'`  — `p-2` (default)\n   * - `'md'`  — `p-4`\n   * - `'lg'`  — `p-6`\n   * - `'xl'`  — `p-8`\n   * @default 'sm'\n   */\n  padding?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Gap between child elements.\n   * - `'none'` — `gap-0`\n   * - `'xs'`  — `gap-1` (default)\n   * - `'sm'`  — `gap-2`\n   * - `'md'`  — `gap-4`\n   * - `'lg'`  — `gap-6`\n   * - `'xl'`  — `gap-8`\n   * @default 'xs'\n   */\n  gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Justification of children along the main axis (`justify-content`).\n   * @default 'start'\n   */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';\n  /**\n   * Alignment of children along the cross axis (`align-items`).\n   * @default 'center'\n   */\n  align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';\n} & VariantProps<typeof flexVariants>;\n\n/**\n * A flexible, variant-driven flex container built on CVA and TailwindCSS.\n *\n * @example\n * ```tsx\n * import { Flex } from '@customafk/lunas-ui/layouts/flex';\n *\n * // Horizontal row with centered children and a medium gap\n * <Flex gap=\"md\" justify=\"between\" align=\"center\">\n *   <span>Left</span>\n *   <span>Right</span>\n * </Flex>\n *\n * // Vertical stack that fills parent width\n * <Flex vertical width=\"full\" gap=\"sm\" padding=\"md\">\n *   <p>First item</p>\n *   <p>Second item</p>\n * </Flex>\n * ```\n */\nexport const Flex = memo(({ vertical, wrap, width, margin, padding, gap, justify, align, className, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        })\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nFlex.displayName = 'Flex';\n"],"mappings":"wKAOA,MAAM,EAAe,EAAI,CAAC,gBAAiB,UAAU,CAAE,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,WACR,CACD,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,GACP,CACD,KAAM,CACJ,KAAM,YACN,MAAO,cACR,CACD,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,QACP,CACD,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,kBACV,CACD,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,gBACV,CACF,CACD,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,SACR,CACF,CAAC,CA0FW,EAAO,GAAM,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,cAEhG,EAAC,MAAA,CACC,UAAW,EACT,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,YACD,CAAC,CACH,CAEA,YACG,CAER,CACF,EAAK,YAAc"}

package/dist/flex-ClUVVSda.d.cts

@@ -1,117 +0,0 @@
-import * as react6 from "react";
-import * as class_variance_authority_types0 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?: "max" | "min" | "full" | "auto" | "fit" | "screen" | "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?: "center" | "start" | "end" | "between" | "around" | "evenly" | "stretch" | null | undefined;
-  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
-} & class_variance_authority_types0.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: react6.MemoExoticComponent<({
-  vertical,
-  wrap,
-  width,
-  margin,
-  padding,
-  gap,
-  justify,
-  align,
-  className,
-  children
-}: React.PropsWithChildren<Props>) => react6.JSX.Element>;
-//#endregion
-export { Flex as t };
-//# sourceMappingURL=flex-ClUVVSda.d.cts.map

package/dist/flex-ld7BqXoM.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`);let t=require(`react`),n=require(`@customafk/react-toolkit/utils`),r=require(`class-variance-authority`),i=require(`react/jsx-runtime`);const a=(0,r.cva)([`relative flex`,`text-sm`],{variants:{vertical:{true:`flex-col`,false:`flex-row`},width:{full:`w-full`,auto:`w-auto`,fit:`w-fit`,screen:`w-screen`,min:`w-min`,max:`w-max`,null:``},wrap:{true:`flex-wrap`,false:`flex-nowrap`},margin:{sm:`m-2`,md:`m-4`,lg:`m-6`,xl:`m-8`,none:`m-0`},padding:{sm:`p-2`,md:`p-4`,lg:`p-6`,xl:`p-8`,none:`p-0`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`},justify:{start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`,stretch:`justify-stretch`},align:{start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`,stretch:`items-stretch`}},defaultVariants:{vertical:!1,wrap:!0,width:`fit`,margin:`none`,padding:`sm`,gap:`xs`,justify:`start`,align:`center`}}),o=(0,t.memo)(({vertical:e,wrap:t,width:r,margin:o,padding:s,gap:c,justify:l,align:u,className:d,children:f})=>(0,i.jsx)(`div`,{className:(0,n.cn)(a({vertical:e,width:r,wrap:t,margin:o,padding:s,gap:c,justify:l,align:u,className:d})),children:f}));o.displayName=`Flex`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=flex-ld7BqXoM.cjs.map

package/dist/flex-ld7BqXoM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"flex-ld7BqXoM.cjs","names":[],"sources":["../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n});\n\ntype Props = {\n  /** Additional Tailwind classes merged on top of the variant-generated classes. */\n  className?: string;\n  /**\n   * Stacks children vertically (`flex-col`) when `true`, horizontally (`flex-row`) when `false`.\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Controls the width of the flex container.\n   * - `'full'` — `w-full`\n   * - `'auto'` — `w-auto`\n   * - `'fit'`  — `w-fit` (default)\n   * - `'screen'` — `w-screen`\n   * - `'min'` — `w-min`\n   * - `'max'` — `w-max`\n   * - `'null'` — no width utility applied\n   * @default 'fit'\n   */\n  width?: 'full' | 'auto' | 'fit' | 'screen' | 'min' | 'max' | 'null';\n  /**\n   * Allows children to wrap onto multiple lines when `true`.\n   * @default true\n   */\n  wrap?: boolean;\n  /**\n   * Uniform margin applied to the container.\n   * - `'none'` — `m-0` (default)\n   * - `'sm'` — `m-2`\n   * - `'md'` — `m-4`\n   * - `'lg'` — `m-6`\n   * - `'xl'` — `m-8`\n   * @default 'none'\n   */\n  margin?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Uniform padding applied to the container.\n   * - `'none'` — `p-0`\n   * - `'sm'`  — `p-2` (default)\n   * - `'md'`  — `p-4`\n   * - `'lg'`  — `p-6`\n   * - `'xl'`  — `p-8`\n   * @default 'sm'\n   */\n  padding?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Gap between child elements.\n   * - `'none'` — `gap-0`\n   * - `'xs'`  — `gap-1` (default)\n   * - `'sm'`  — `gap-2`\n   * - `'md'`  — `gap-4`\n   * - `'lg'`  — `gap-6`\n   * - `'xl'`  — `gap-8`\n   * @default 'xs'\n   */\n  gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Justification of children along the main axis (`justify-content`).\n   * @default 'start'\n   */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';\n  /**\n   * Alignment of children along the cross axis (`align-items`).\n   * @default 'center'\n   */\n  align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';\n} & VariantProps<typeof flexVariants>;\n\n/**\n * A flexible, variant-driven flex container built on CVA and TailwindCSS.\n *\n * @example\n * ```tsx\n * import { Flex } from '@customafk/lunas-ui/layouts/flex';\n *\n * // Horizontal row with centered children and a medium gap\n * <Flex gap=\"md\" justify=\"between\" align=\"center\">\n *   <span>Left</span>\n *   <span>Right</span>\n * </Flex>\n *\n * // Vertical stack that fills parent width\n * <Flex vertical width=\"full\" gap=\"sm\" padding=\"md\">\n *   <p>First item</p>\n *   <p>Second item</p>\n * </Flex>\n * ```\n */\nexport const Flex = memo(({ vertical, wrap, width, margin, padding, gap, justify, align, className, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        })\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nFlex.displayName = 'Flex';\n"],"mappings":"gLAOA,MAAM,GAAA,EAAA,EAAA,KAAmB,CAAC,gBAAiB,UAAU,CAAE,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,WACR,CACD,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,GACP,CACD,KAAM,CACJ,KAAM,YACN,MAAO,cACR,CACD,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,MACP,CACD,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,QACP,CACD,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,kBACV,CACD,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,gBACV,CACF,CACD,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,SACR,CACF,CAAC,CA0FW,GAAA,EAAA,EAAA,OAAa,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,eAEhG,EAAA,EAAA,KAAC,MAAA,CACC,WAAA,EAAA,EAAA,IACE,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,YACD,CAAC,CACH,CAEA,YACG,CAER,CACF,EAAK,YAAc"}

package/dist/form-BZAtjwSL.d.mts

@@ -1,112 +0,0 @@
-import * as react258 from "react";
-import { Label, Slot } from "radix-ui";
-import * as react_hook_form0 from "react-hook-form";
-import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/ui/form.d.ts
-
-/**
- * Re-export of react-hook-form's `FormProvider`; wrap your form with this to give all nested form components access to the form context.
- *
- * @example
- * ```tsx
- * import { Form, FormField, FormItem, FormLabel, FormControl, FormMessage } from '@customafk/lunas-ui/ui/form';
- * import { useForm } from 'react-hook-form';
- *
- * const form = useForm<{ username: string }>();
- *
- * <Form {...form}>
- *   <form onSubmit={form.handleSubmit(onSubmit)}>
- *     <FormField
- *       control={form.control}
- *       name="username"
- *       render={({ field }) => (
- *         <FormItem>
- *           <FormLabel>Username</FormLabel>
- *           <FormControl><input {...field} /></FormControl>
- *           <FormMessage />
- *         </FormItem>
- *       )}
- *     />
- *   </form>
- * </Form>
- * ```
- */
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({
-  children,
-  watch,
-  getValues,
-  getFieldState,
-  setError,
-  clearErrors,
-  setValue,
-  setValues,
-  trigger,
-  formState,
-  resetField,
-  reset,
-  handleSubmit,
-  unregister,
-  control,
-  register,
-  setFocus,
-  subscribe
-}: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-/**
- * Connects a single react-hook-form field to the form context; renders a `Controller` and passes `name` down to nested FormItem, FormLabel, FormControl, and FormMessage.
- */
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
-  ...props
-}: ControllerProps<TFieldValues, TName>) => react258.JSX.Element;
-/**
- * Hook that returns the field state and IDs for the enclosing FormField.
- * Must be called inside a component rendered within a `<FormField>`.
- */
-declare const useFormField: () => {
-  invalid: boolean;
-  isDirty: boolean;
-  isTouched: boolean;
-  isValidating: boolean;
-  error?: react_hook_form0.FieldError;
-  id: string;
-  control: react_hook_form0.Control<FieldValues, any, FieldValues>;
-  resetField: react_hook_form0.UseFormResetField<FieldValues>;
-  name: string;
-  formItemId: string;
-  formDescriptionId: string;
-  formMessageId: string;
-};
-/**
- * Container for a single form field — generates a unique ID and provides it via context to FormLabel, FormControl, and FormMessage.
- *
- * @param orientation - Layout direction: `'vertical'`, `'horizontal'`, or `'responsive'` (default).
- */
-declare const FormItem: react258.MemoExoticComponent<({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<"div"> & {
-  orientation?: "vertical" | "horizontal" | "responsive";
-}) => react258.JSX.Element>;
-/** Styled label automatically associated with the FormItem's control via `htmlFor`. */
-declare const FormLabel: react258.MemoExoticComponent<({
-  ...props
-}: React.ComponentProps<typeof Label.Root>) => react258.JSX.Element>;
-/** Radix Slot wrapper that wires the correct `id`, `aria-describedby`, and `aria-invalid` attributes onto the underlying control element. */
-declare const FormControl: react258.MemoExoticComponent<({
-  ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react258.JSX.Element>;
-/** Helper text displayed below the control that provides additional context about the field. */
-declare function FormDescription({
-  className,
-  ...props
-}: React.ComponentProps<'p'>): react258.JSX.Element;
-/** Displays the validation error message for the field, or falls back to `children` when there is no error. */
-declare function FormMessage({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<'p'>): react258.JSX.Element;
-//#endregion
-export { FormItem as a, useFormField as c, FormField as i, FormControl as n, FormLabel as o, FormDescription as r, FormMessage as s, Form as t };
-//# sourceMappingURL=form-BZAtjwSL.d.mts.map