@nationaldesignstudio/react 0.5.1 → 0.5.2

package/dist/components/atoms/input/input.d.ts

@@ -1,121 +0,0 @@
-import { VariantProps } from 'tailwind-variants';
-import * as React from "react";
-/**
- * Input variants for styling based on Figma BaseKit / Interface / Input
- *
- * States (handled via CSS pseudo-classes and props):
- * - Default: White background, subtle border
- * - Hover: Light gray background (via :hover)
- * - Focus: Accent border with focus ring (via :focus-visible)
- * - Error: Error border color (via error prop)
- * - Disabled: Disabled background (via :disabled)
- *
- * Sizes:
- * - sm: Smaller height and padding (36px)
- * - default: Standard height (48px)
- * - lg: Larger height and padding (56px)
- */
-declare const inputVariants: import('tailwind-variants').TVReturnType<{
-    size: {
-        readonly sm: "h-spatial-ui-input-height-small px-spatial-ui-input-padding-x-small py-spatial-ui-input-padding-y-small typography-body-sm-md";
-        readonly default: "h-spatial-ui-input-height-medium px-spatial-ui-input-padding-x-medium py-spatial-ui-input-padding-y-medium typography-body-md-md";
-        readonly lg: "h-spatial-ui-input-height-large px-spatial-ui-input-padding-x-large py-spatial-ui-input-padding-y-large typography-body-md-lg";
-    };
-    error: {
-        true: string;
-        false: "";
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        readonly sm: "h-spatial-ui-input-height-small px-spatial-ui-input-padding-x-small py-spatial-ui-input-padding-y-small typography-body-sm-md";
-        readonly default: "h-spatial-ui-input-height-medium px-spatial-ui-input-padding-x-medium py-spatial-ui-input-padding-y-medium typography-body-md-md";
-        readonly lg: "h-spatial-ui-input-height-large px-spatial-ui-input-padding-x-large py-spatial-ui-input-padding-y-large typography-body-md-lg";
-    };
-    error: {
-        true: string;
-        false: "";
-    };
-}, {
-    size: {
-        readonly sm: "h-spatial-ui-input-height-small px-spatial-ui-input-padding-x-small py-spatial-ui-input-padding-y-small typography-body-sm-md";
-        readonly default: "h-spatial-ui-input-height-medium px-spatial-ui-input-padding-x-medium py-spatial-ui-input-padding-y-medium typography-body-md-md";
-        readonly lg: "h-spatial-ui-input-height-large px-spatial-ui-input-padding-x-large py-spatial-ui-input-padding-y-large typography-body-md-lg";
-    };
-    error: {
-        true: string;
-        false: "";
-    };
-}>, {
-    size: {
-        readonly sm: "h-spatial-ui-input-height-small px-spatial-ui-input-padding-x-small py-spatial-ui-input-padding-y-small typography-body-sm-md";
-        readonly default: "h-spatial-ui-input-height-medium px-spatial-ui-input-padding-x-medium py-spatial-ui-input-padding-y-medium typography-body-md-md";
-        readonly lg: "h-spatial-ui-input-height-large px-spatial-ui-input-padding-x-large py-spatial-ui-input-padding-y-large typography-body-md-lg";
-    };
-    error: {
-        true: string;
-        false: "";
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        readonly sm: "h-spatial-ui-input-height-small px-spatial-ui-input-padding-x-small py-spatial-ui-input-padding-y-small typography-body-sm-md";
-        readonly default: "h-spatial-ui-input-height-medium px-spatial-ui-input-padding-x-medium py-spatial-ui-input-padding-y-medium typography-body-md-md";
-        readonly lg: "h-spatial-ui-input-height-large px-spatial-ui-input-padding-x-large py-spatial-ui-input-padding-y-large typography-body-md-lg";
-    };
-    error: {
-        true: string;
-        false: "";
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        readonly sm: "h-spatial-ui-input-height-small px-spatial-ui-input-padding-x-small py-spatial-ui-input-padding-y-small typography-body-sm-md";
-        readonly default: "h-spatial-ui-input-height-medium px-spatial-ui-input-padding-x-medium py-spatial-ui-input-padding-y-medium typography-body-md-md";
-        readonly lg: "h-spatial-ui-input-height-large px-spatial-ui-input-padding-x-large py-spatial-ui-input-padding-y-large typography-body-md-lg";
-    };
-    error: {
-        true: string;
-        false: "";
-    };
-}, {
-    size: {
-        readonly sm: "h-spatial-ui-input-height-small px-spatial-ui-input-padding-x-small py-spatial-ui-input-padding-y-small typography-body-sm-md";
-        readonly default: "h-spatial-ui-input-height-medium px-spatial-ui-input-padding-x-medium py-spatial-ui-input-padding-y-medium typography-body-md-md";
-        readonly lg: "h-spatial-ui-input-height-large px-spatial-ui-input-padding-x-large py-spatial-ui-input-padding-y-large typography-body-md-lg";
-    };
-    error: {
-        true: string;
-        false: "";
-    };
-}>, unknown, unknown, undefined>>;
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
-    /**
-     * Whether the input is in an error state
-     */
-    error?: boolean;
-}
-/**
- * Input component based on Figma BaseKit / Interface / Input
- *
- * A styled text input with support for various states:
- * - Default, hover, focus, error, and disabled states
- * - Three size variants: sm, default, lg
- *
- * Uses semantic UI tokens for theming support.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Input placeholder="Enter your email" />
- *
- * // With error state
- * <Input error placeholder="Invalid input" />
- *
- * // Different sizes
- * <Input size="sm" placeholder="Small" />
- * <Input size="lg" placeholder="Large" />
- *
- * // Disabled
- * <Input disabled placeholder="Disabled input" />
- * ```
- */
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export { Input, inputVariants };

package/dist/components/atoms/input/input.js

@@ -1,45 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as d from "react";
-import { tv as u, cnBase as o } from "../../../node_modules/.bun/tailwind-variants@0.3.1_b0c4767bcd570450/node_modules/tailwind-variants/dist/index.js";
-import { formControlError as i, formControlBase as n } from "../../../lib/form-control.js";
-const m = {
-  sm: "h-spatial-ui-input-height-small px-spatial-ui-input-padding-x-small py-spatial-ui-input-padding-y-small typography-body-sm-md",
-  default: "h-spatial-ui-input-height-medium px-spatial-ui-input-padding-x-medium py-spatial-ui-input-padding-y-medium typography-body-md-md",
-  lg: "h-spatial-ui-input-height-large px-spatial-ui-input-padding-x-large py-spatial-ui-input-padding-y-large typography-body-md-lg"
-}, g = u({
-  base: [
-    ...n,
-    // Input-specific: Placeholder styling
-    "placeholder:text-text-muted"
-  ],
-  variants: {
-    size: m,
-    error: {
-      ...i,
-      true: `${i.true} placeholder:text-ui-error-color/60`
-    }
-  },
-  defaultVariants: {
-    size: "default",
-    error: !1
-  }
-}), y = d.forwardRef(
-  ({ className: p, size: t, error: a, type: e = "text", ...r }, l) => /* @__PURE__ */ s(
-    "input",
-    {
-      ref: l,
-      type: e,
-      "aria-invalid": a || void 0,
-      className: o(g({ size: t, error: a, class: p })),
-      "data-size": t ?? "default",
-      "data-error": a ?? !1,
-      ...r
-    }
-  )
-);
-y.displayName = "Input";
-export {
-  y as Input,
-  g as inputVariants
-};
-//# sourceMappingURL=input.js.map

package/dist/components/atoms/input/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","sources":["../../../../src/components/atoms/input/input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { formControlBase, formControlError } from \"@/lib/form-control\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Input-specific size variants using semantic input tokens.\n * These tokens allow input sizing to be customized independently from other controls.\n */\nconst inputSizes = {\n\tsm: \"h-spatial-ui-input-height-small px-spatial-ui-input-padding-x-small py-spatial-ui-input-padding-y-small typography-body-sm-md\",\n\tdefault:\n\t\t\"h-spatial-ui-input-height-medium px-spatial-ui-input-padding-x-medium py-spatial-ui-input-padding-y-medium typography-body-md-md\",\n\tlg: \"h-spatial-ui-input-height-large px-spatial-ui-input-padding-x-large py-spatial-ui-input-padding-y-large typography-body-md-lg\",\n} as const;\n\n/**\n * Input variants for styling based on Figma BaseKit / Interface / Input\n *\n * States (handled via CSS pseudo-classes and props):\n * - Default: White background, subtle border\n * - Hover: Light gray background (via :hover)\n * - Focus: Accent border with focus ring (via :focus-visible)\n * - Error: Error border color (via error prop)\n * - Disabled: Disabled background (via :disabled)\n *\n * Sizes:\n * - sm: Smaller height and padding (36px)\n * - default: Standard height (48px)\n * - lg: Larger height and padding (56px)\n */\nconst inputVariants = tv({\n\tbase: [\n\t\t...formControlBase,\n\t\t// Input-specific: Placeholder styling\n\t\t\"placeholder:text-text-muted\",\n\t],\n\tvariants: {\n\t\tsize: inputSizes,\n\t\terror: {\n\t\t\t...formControlError,\n\t\t\ttrue: `${formControlError.true} placeholder:text-ui-error-color/60`,\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"default\",\n\t\terror: false,\n\t},\n});\n\nexport interface InputProps\n\textends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n\t\tVariantProps<typeof inputVariants> {\n\t/**\n\t * Whether the input is in an error state\n\t */\n\terror?: boolean;\n}\n\n/**\n * Input component based on Figma BaseKit / Interface / Input\n *\n * A styled text input with support for various states:\n * - Default, hover, focus, error, and disabled states\n * - Three size variants: sm, default, lg\n *\n * Uses semantic UI tokens for theming support.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Input placeholder=\"Enter your email\" />\n *\n * // With error state\n * <Input error placeholder=\"Invalid input\" />\n *\n * // Different sizes\n * <Input size=\"sm\" placeholder=\"Small\" />\n * <Input size=\"lg\" placeholder=\"Large\" />\n *\n * // Disabled\n * <Input disabled placeholder=\"Disabled input\" />\n * ```\n */\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n\t({ className, size, error, type = \"text\", ...props }, ref) => {\n\t\treturn (\n\t\t\t<input\n\t\t\t\tref={ref}\n\t\t\t\ttype={type}\n\t\t\t\taria-invalid={error || undefined}\n\t\t\t\tclassName={cn(inputVariants({ size, error, class: className }))}\n\t\t\t\tdata-size={size ?? \"default\"}\n\t\t\t\tdata-error={error ?? false}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"names":["inputSizes","inputVariants","tv","formControlBase","formControlError","Input","React","className","size","error","type","props","ref","jsx","cn"],"mappings":";;;;AAWA,MAAMA,IAAa;AAAA,EAClB,IAAI;AAAA,EACJ,SACC;AAAA,EACD,IAAI;AACL,GAiBMC,IAAgBC,EAAG;AAAA,EACxB,MAAM;AAAA,IACL,GAAGC;AAAA;AAAA,IAEH;AAAA,EAAA;AAAA,EAED,UAAU;AAAA,IACT,MAAMH;AAAA,IACN,OAAO;AAAA,MACN,GAAGI;AAAA,MACH,MAAM,GAAGA,EAAiB,IAAI;AAAA,IAAA;AAAA,EAC/B;AAAA,EAED,iBAAiB;AAAA,IAChB,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAET,CAAC,GAoCKC,IAAQC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,OAAAC,GAAO,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GAASC,MAEpD,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAD;AAAA,MACA,MAAAF;AAAA,MACA,gBAAcD,KAAS;AAAA,MACvB,WAAWK,EAAGb,EAAc,EAAE,MAAAO,GAAM,OAAAC,GAAO,OAAOF,EAAA,CAAW,CAAC;AAAA,MAC9D,aAAWC,KAAQ;AAAA,MACnB,cAAYC,KAAS;AAAA,MACpB,GAAGE;AAAA,IAAA;AAAA,EAAA;AAIR;AACAN,EAAM,cAAc;"}

package/dist/components/atoms/ndstudio-footer/ndstudio-footer.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-export interface NdstudioFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The URL to link to
-     * @default "https://ndstudio.gov"
-     */
-    href?: string;
-}
-/**
- * NdstudioFooter component displays a "Designed and Engineered in DC by National Design Studio" footer link.
- *
- * This component is designed to be used as a footer within other components like Tout,
- * but can also be used standalone.
- *
- * @example
- * ```tsx
- * // Used within a Tout component via footer slot
- * <Tout
- *   headline="Feature Headline"
- *   primaryAction={<Button>Primary</Button>}
- *   backgroundMedia={<img src="/bg.jpg" alt="" />}
- *   footer={<NdstudioFooter />}
- * />
- *
- * // Standalone usage
- * <NdstudioFooter className="my-custom-class" />
- * ```
- */
-declare const NdstudioFooter: React.ForwardRefExoticComponent<NdstudioFooterProps & React.RefAttributes<HTMLDivElement>>;
-export { NdstudioFooter };

package/dist/components/atoms/ndstudio-footer/ndstudio-footer.js

@@ -1,27 +0,0 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import * as t from "react";
-import { cnBase as i } from "../../../node_modules/.bun/tailwind-variants@0.3.1_b0c4767bcd570450/node_modules/tailwind-variants/dist/index.js";
-const d = t.forwardRef(
-  ({ className: a, href: n = "https://ndstudio.gov", ...o }, s) => /* @__PURE__ */ e("div", { ref: s, className: i("text-center", a), ...o, children: /* @__PURE__ */ r("p", { className: "typography-label-large uppercase text-ivory-alpha-75", children: [
-    "Designed and Engineered in DC by",
-    " ",
-    /* @__PURE__ */ r(
-      "a",
-      {
-        href: n,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "hover:underline",
-        children: [
-          "National Design Studio",
-          /* @__PURE__ */ e("span", { className: "sr-only", children: " (opens in new tab)" })
-        ]
-      }
-    )
-  ] }) })
-);
-d.displayName = "NdstudioFooter";
-export {
-  d as NdstudioFooter
-};
-//# sourceMappingURL=ndstudio-footer.js.map

package/dist/components/atoms/ndstudio-footer/ndstudio-footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ndstudio-footer.js","sources":["../../../../src/components/atoms/ndstudio-footer/ndstudio-footer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface NdstudioFooterProps\n\textends React.HTMLAttributes<HTMLDivElement> {\n\t/**\n\t * The URL to link to\n\t * @default \"https://ndstudio.gov\"\n\t */\n\thref?: string;\n}\n\n/**\n * NdstudioFooter component displays a \"Designed and Engineered in DC by National Design Studio\" footer link.\n *\n * This component is designed to be used as a footer within other components like Tout,\n * but can also be used standalone.\n *\n * @example\n * ```tsx\n * // Used within a Tout component via footer slot\n * <Tout\n *   headline=\"Feature Headline\"\n *   primaryAction={<Button>Primary</Button>}\n *   backgroundMedia={<img src=\"/bg.jpg\" alt=\"\" />}\n *   footer={<NdstudioFooter />}\n * />\n *\n * // Standalone usage\n * <NdstudioFooter className=\"my-custom-class\" />\n * ```\n */\nconst NdstudioFooter = React.forwardRef<HTMLDivElement, NdstudioFooterProps>(\n\t({ className, href = \"https://ndstudio.gov\", ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(\"text-center\", className)} {...props}>\n\t\t\t\t<p className=\"typography-label-large uppercase text-ivory-alpha-75\">\n\t\t\t\t\tDesigned and Engineered in DC by{\" \"}\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={href}\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\tclassName=\"hover:underline\"\n\t\t\t\t\t>\n\t\t\t\t\t\tNational Design Studio\n\t\t\t\t\t\t<span className=\"sr-only\"> (opens in new tab)</span>\n\t\t\t\t\t</a>\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t);\n\t},\n);\nNdstudioFooter.displayName = \"NdstudioFooter\";\n\nexport { NdstudioFooter };\n"],"names":["NdstudioFooter","React","className","href","props","ref","jsx","cn","jsxs"],"mappings":";;;AAgCA,MAAMA,IAAiBC,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,wBAAwB,GAAGC,EAAA,GAASC,MAEvD,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,eAAeL,CAAS,GAAI,GAAGE,GAC3D,UAAA,gBAAAI,EAAC,KAAA,EAAE,WAAU,wDAAuD,UAAA;AAAA,IAAA;AAAA,IAClC;AAAA,IACjC,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAAL;AAAA,QACA,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QACV,UAAA;AAAA,UAAA;AAAA,UAEA,gBAAAG,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,sBAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9C,EAAA,CACD,EAAA,CACD;AAGH;AACAN,EAAe,cAAc;"}

package/dist/components/atoms/pager-control/pager-control.d.ts

@@ -1,169 +0,0 @@
-import { VariantProps } from 'tailwind-variants';
-import * as React from "react";
-declare const pagerControlVariants: import('tailwind-variants').TVReturnType<{
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}, undefined, "flex items-center", import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}, {
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}>, {
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}, undefined, "flex items-center", import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}, {
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-}>, unknown, unknown, undefined>>;
-declare const dotBaseVariants: import('tailwind-variants').TVReturnType<{
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    variant: {
-        charcoal: string;
-        ivory: string;
-    };
-}, undefined, "cursor-pointer rounded-full transition-all duration-500 ease-[cubic-bezier(0.23,1,0.32,1)]", import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    variant: {
-        charcoal: string;
-        ivory: string;
-    };
-}, {
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    variant: {
-        charcoal: string;
-        ivory: string;
-    };
-}>, {
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    variant: {
-        charcoal: string;
-        ivory: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    variant: {
-        charcoal: string;
-        ivory: string;
-    };
-}, undefined, "cursor-pointer rounded-full transition-all duration-500 ease-[cubic-bezier(0.23,1,0.32,1)]", import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    variant: {
-        charcoal: string;
-        ivory: string;
-    };
-}, {
-    size: {
-        sm: string;
-        default: string;
-        lg: string;
-    };
-    variant: {
-        charcoal: string;
-        ivory: string;
-    };
-}>, unknown, unknown, undefined>>;
-export interface PagerControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps<typeof pagerControlVariants>, VariantProps<typeof dotBaseVariants> {
-    /**
-     * Total number of pages/items
-     */
-    count: number;
-    /**
-     * Current active page index (0-based)
-     */
-    activeIndex?: number;
-    /**
-     * Duration in milliseconds for each page before auto-advancing
-     * Set to 0 to disable auto-advance
-     * @default 5000
-     */
-    duration?: number;
-    /**
-     * Whether the pager should auto-advance
-     * @default true
-     */
-    autoPlay?: boolean;
-    /**
-     * Callback when the active page changes
-     */
-    onChange?: (index: number) => void;
-    /**
-     * Whether to pause auto-advance on hover
-     * @default true
-     */
-    pauseOnHover?: boolean;
-    /**
-     * Whether to loop back to the first page after the last
-     * @default true
-     */
-    loop?: boolean;
-}
-/**
- * PagerControl component for indicating progress through a series of pages/slides.
- *
- * Features smooth width transitions when switching between dots and an animated
- * progress fill on the active dot that shows time remaining before auto-advancing
- * (similar to Apple's carousel indicators).
- *
- * Variants:
- * - charcoal: Dark dots (for light backgrounds)
- * - ivory: Light dots (for dark backgrounds)
- *
- * Sizes:
- * - sm: Small dots (6px height)
- * - default: Medium dots (10px height)
- * - lg: Large dots (16px height)
- */
-declare const PagerControl: React.ForwardRefExoticComponent<PagerControlProps & React.RefAttributes<HTMLDivElement>>;
-export { PagerControl, pagerControlVariants };

package/dist/components/atoms/pager-control/pager-control.js

@@ -1,165 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import * as e from "react";
-import { tv as E, cnBase as k } from "../../../node_modules/.bun/tailwind-variants@0.3.1_b0c4767bcd570450/node_modules/tailwind-variants/dist/index.js";
-const D = E({
-  base: "flex items-center",
-  variants: {
-    size: {
-      // Uses primitive spacing tokens
-      sm: "gap-2",
-      default: "gap-2",
-      lg: "gap-4"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-}), F = E({
-  base: "cursor-pointer rounded-full transition-all duration-500 ease-[cubic-bezier(0.23,1,0.32,1)]",
-  variants: {
-    size: {
-      // Uses primitive spacing tokens
-      sm: "h-6",
-      default: "h-10",
-      lg: "h-16"
-    },
-    variant: {
-      charcoal: "",
-      ivory: ""
-    }
-  },
-  defaultVariants: {
-    size: "default",
-    variant: "charcoal"
-  }
-}), G = e.forwardRef(
-  ({
-    className: $,
-    size: u,
-    variant: i,
-    count: s,
-    activeIndex: b,
-    duration: o = 5e3,
-    autoPlay: h = !0,
-    onChange: c,
-    pauseOnHover: m = !0,
-    loop: y = !0,
-    ...T
-  }, V) => {
-    const [x, p] = e.useState(0), [A, C] = e.useState(!1), [v, g] = e.useState(0), S = b !== void 0 ? b : x, a = b !== void 0;
-    e.useEffect(() => {
-    }, [s, b, a, c]);
-    const w = Math.max(0, Math.min(S, s - 1)), l = e.useRef(null), n = e.useRef(null), f = e.useRef(0), P = e.useCallback(() => {
-      const t = w + 1;
-      t >= s ? y && (a || p(0), c?.(0)) : (a || p(t), c?.(t));
-    }, [w, s, y, a, c]), R = e.useCallback(
-      (t) => {
-        a || p(t), c?.(t), g(0), f.current = 0, n.current = null;
-      },
-      [a, c]
-    );
-    e.useEffect(() => {
-      if (!h || o <= 0 || A) {
-        l.current && (cancelAnimationFrame(l.current), l.current = null);
-        return;
-      }
-      const t = (r) => {
-        n.current === null && (n.current = r - f.current / 100 * o);
-        const M = r - n.current, N = Math.min(M / o * 100, 100);
-        g(N), N >= 100 ? (P(), g(0), f.current = 0, n.current = null) : l.current = requestAnimationFrame(t);
-      };
-      return l.current = requestAnimationFrame(t), () => {
-        l.current && cancelAnimationFrame(l.current);
-      };
-    }, [h, o, A, P]);
-    const q = e.useCallback(() => {
-      m && (f.current = v, n.current = null, C(!0));
-    }, [m, v]), z = e.useCallback(() => {
-      m && C(!1);
-    }, [m]);
-    e.useEffect(() => {
-      a && (g(0), f.current = 0, n.current = null);
-    }, [a]);
-    const I = (t) => {
-      if (t)
-        switch (u) {
-          case "sm":
-            return "w-16";
-          case "lg":
-            return "w-36";
-          default:
-            return "w-28";
-        }
-      switch (u) {
-        case "sm":
-          return "w-6";
-        case "lg":
-          return "w-16";
-        default:
-          return "w-10";
-      }
-    }, B = () => i === "ivory" ? "bg-alpha-white-30 hover:bg-alpha-white-60" : "bg-alpha-black-30 hover:bg-alpha-black-60", L = () => i === "ivory" ? "bg-alpha-white-30" : "bg-alpha-black-30", j = () => i === "ivory" ? "bg-gray-50" : "bg-gray-1200";
-    return /* @__PURE__ */ d(
-      "div",
-      {
-        ref: V,
-        role: "tablist",
-        "aria-label": "Page indicators",
-        className: D({ size: u, class: $ }),
-        onMouseEnter: q,
-        onMouseLeave: z,
-        ...T,
-        children: Array.from({ length: s }, (t, r) => r === w ? /* @__PURE__ */ d(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": !0,
-            "aria-label": `Page ${r + 1} of ${s}, current`,
-            className: k(
-              "relative cursor-pointer overflow-hidden rounded-full transition-all duration-500 ease-[cubic-bezier(0.23,1,0.32,1)]",
-              F({ size: u, variant: i }),
-              I(!0),
-              L()
-            ),
-            onClick: () => R(r),
-            children: /* @__PURE__ */ d(
-              "div",
-              {
-                className: k(
-                  "absolute top-0 bottom-0 left-0 h-full rounded-full",
-                  j()
-                ),
-                style: {
-                  width: h && o > 0 ? `${v}%` : "100%"
-                }
-              }
-            )
-          },
-          r
-        ) : /* @__PURE__ */ d(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": !1,
-            "aria-label": `Go to page ${r + 1} of ${s}`,
-            className: k(
-              F({ size: u, variant: i }),
-              I(!1),
-              B()
-            ),
-            onClick: () => R(r)
-          },
-          r
-        ))
-      }
-    );
-  }
-);
-G.displayName = "PagerControl";
-export {
-  G as PagerControl,
-  D as pagerControlVariants
-};
-//# sourceMappingURL=pager-control.js.map

package/dist/components/atoms/pager-control/pager-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pager-control.js","sources":["../../../../src/components/atoms/pager-control/pager-control.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"@/lib/utils\";\n\nconst pagerControlVariants = tv({\n\tbase: \"flex items-center\",\n\tvariants: {\n\t\tsize: {\n\t\t\t// Uses primitive spacing tokens\n\t\t\tsm: \"gap-2\",\n\t\t\tdefault: \"gap-2\",\n\t\t\tlg: \"gap-4\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"default\",\n\t},\n});\n\nconst dotBaseVariants = tv({\n\tbase: \"cursor-pointer rounded-full transition-all duration-500 ease-[cubic-bezier(0.23,1,0.32,1)]\",\n\tvariants: {\n\t\tsize: {\n\t\t\t// Uses primitive spacing tokens\n\t\t\tsm: \"h-6\",\n\t\t\tdefault: \"h-10\",\n\t\t\tlg: \"h-16\",\n\t\t},\n\t\tvariant: {\n\t\t\tcharcoal: \"\",\n\t\t\tivory: \"\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"default\",\n\t\tvariant: \"charcoal\",\n\t},\n});\n\nexport interface PagerControlProps\n\textends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n\t\tVariantProps<typeof pagerControlVariants>,\n\t\tVariantProps<typeof dotBaseVariants> {\n\t/**\n\t * Total number of pages/items\n\t */\n\tcount: number;\n\t/**\n\t * Current active page index (0-based)\n\t */\n\tactiveIndex?: number;\n\t/**\n\t * Duration in milliseconds for each page before auto-advancing\n\t * Set to 0 to disable auto-advance\n\t * @default 5000\n\t */\n\tduration?: number;\n\t/**\n\t * Whether the pager should auto-advance\n\t * @default true\n\t */\n\tautoPlay?: boolean;\n\t/**\n\t * Callback when the active page changes\n\t */\n\tonChange?: (index: number) => void;\n\t/**\n\t * Whether to pause auto-advance on hover\n\t * @default true\n\t */\n\tpauseOnHover?: boolean;\n\t/**\n\t * Whether to loop back to the first page after the last\n\t * @default true\n\t */\n\tloop?: boolean;\n}\n\n/**\n * PagerControl component for indicating progress through a series of pages/slides.\n *\n * Features smooth width transitions when switching between dots and an animated\n * progress fill on the active dot that shows time remaining before auto-advancing\n * (similar to Apple's carousel indicators).\n *\n * Variants:\n * - charcoal: Dark dots (for light backgrounds)\n * - ivory: Light dots (for dark backgrounds)\n *\n * Sizes:\n * - sm: Small dots (6px height)\n * - default: Medium dots (10px height)\n * - lg: Large dots (16px height)\n */\nconst PagerControl = React.forwardRef<HTMLDivElement, PagerControlProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tsize,\n\t\t\tvariant,\n\t\t\tcount,\n\t\t\tactiveIndex: controlledIndex,\n\t\t\tduration = 5000,\n\t\t\tautoPlay = true,\n\t\t\tonChange,\n\t\t\tpauseOnHover = true,\n\t\t\tloop = true,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst [internalIndex, setInternalIndex] = React.useState(0);\n\t\tconst [isPaused, setIsPaused] = React.useState(false);\n\t\tconst [progress, setProgress] = React.useState(0);\n\n\t\t// Use controlled index if provided, otherwise use internal state\n\t\tconst activeIndex =\n\t\t\tcontrolledIndex !== undefined ? controlledIndex : internalIndex;\n\t\tconst isControlled = controlledIndex !== undefined;\n\n\t\t// Development warnings for common issues\n\t\tReact.useEffect(() => {\n\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\tif (count < 1) {\n\t\t\t\t\tconsole.warn(\"PagerControl: count must be at least 1\");\n\t\t\t\t}\n\t\t\t\tif (controlledIndex !== undefined && controlledIndex >= count) {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`PagerControl: activeIndex (${controlledIndex}) is out of bounds. Must be less than count (${count}).`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif (controlledIndex !== undefined && controlledIndex < 0) {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`PagerControl: activeIndex (${controlledIndex}) cannot be negative.`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif (isControlled && onChange === undefined) {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t\"PagerControl: controlled mode (activeIndex provided) requires an onChange handler.\",\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}, [count, controlledIndex, isControlled, onChange]);\n\n\t\t// Clamp activeIndex to valid bounds\n\t\tconst safeActiveIndex = Math.max(0, Math.min(activeIndex, count - 1));\n\n\t\tconst animationFrameRef = React.useRef<number | null>(null);\n\t\tconst startTimeRef = React.useRef<number | null>(null);\n\t\tconst pausedProgressRef = React.useRef<number>(0);\n\n\t\tconst goToNext = React.useCallback(() => {\n\t\t\tconst nextIndex = safeActiveIndex + 1;\n\t\t\tif (nextIndex >= count) {\n\t\t\t\tif (loop) {\n\t\t\t\t\tif (!isControlled) setInternalIndex(0);\n\t\t\t\t\tonChange?.(0);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (!isControlled) setInternalIndex(nextIndex);\n\t\t\t\tonChange?.(nextIndex);\n\t\t\t}\n\t\t}, [safeActiveIndex, count, loop, isControlled, onChange]);\n\n\t\tconst goToIndex = React.useCallback(\n\t\t\t(index: number) => {\n\t\t\t\tif (!isControlled) setInternalIndex(index);\n\t\t\t\tonChange?.(index);\n\t\t\t\t// Reset progress when manually changing\n\t\t\t\tsetProgress(0);\n\t\t\t\tpausedProgressRef.current = 0;\n\t\t\t\tstartTimeRef.current = null;\n\t\t\t},\n\t\t\t[isControlled, onChange],\n\t\t);\n\n\t\t// Animation loop for smooth progress fill\n\t\tReact.useEffect(() => {\n\t\t\tif (!autoPlay || duration <= 0 || isPaused) {\n\t\t\t\tif (animationFrameRef.current) {\n\t\t\t\t\tcancelAnimationFrame(animationFrameRef.current);\n\t\t\t\t\tanimationFrameRef.current = null;\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst animate = (timestamp: number) => {\n\t\t\t\tif (startTimeRef.current === null) {\n\t\t\t\t\tstartTimeRef.current =\n\t\t\t\t\t\ttimestamp - (pausedProgressRef.current / 100) * duration;\n\t\t\t\t}\n\n\t\t\t\tconst elapsed = timestamp - startTimeRef.current;\n\t\t\t\tconst newProgress = Math.min((elapsed / duration) * 100, 100);\n\t\t\t\tsetProgress(newProgress);\n\n\t\t\t\tif (newProgress >= 100) {\n\t\t\t\t\tgoToNext();\n\t\t\t\t\t// Reset for next cycle\n\t\t\t\t\tsetProgress(0);\n\t\t\t\t\tpausedProgressRef.current = 0;\n\t\t\t\t\tstartTimeRef.current = null;\n\t\t\t\t} else {\n\t\t\t\t\tanimationFrameRef.current = requestAnimationFrame(animate);\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tanimationFrameRef.current = requestAnimationFrame(animate);\n\n\t\t\treturn () => {\n\t\t\t\tif (animationFrameRef.current) {\n\t\t\t\t\tcancelAnimationFrame(animationFrameRef.current);\n\t\t\t\t}\n\t\t\t};\n\t\t}, [autoPlay, duration, isPaused, goToNext]);\n\n\t\t// Handle pause/resume\n\t\tconst handleMouseEnter = React.useCallback(() => {\n\t\t\tif (pauseOnHover) {\n\t\t\t\tpausedProgressRef.current = progress;\n\t\t\t\tstartTimeRef.current = null;\n\t\t\t\tsetIsPaused(true);\n\t\t\t}\n\t\t}, [pauseOnHover, progress]);\n\n\t\tconst handleMouseLeave = React.useCallback(() => {\n\t\t\tif (pauseOnHover) {\n\t\t\t\tsetIsPaused(false);\n\t\t\t}\n\t\t}, [pauseOnHover]);\n\n\t\t// Reset progress when activeIndex changes externally (controlled mode)\n\t\tReact.useEffect(() => {\n\t\t\tif (isControlled) {\n\t\t\t\tsetProgress(0);\n\t\t\t\tpausedProgressRef.current = 0;\n\t\t\t\tstartTimeRef.current = null;\n\t\t\t}\n\t\t}, [isControlled]);\n\n\t\t// Get dot dimensions based on size - uses primitive spacing tokens\n\t\tconst getDotWidth = (isActive: boolean) => {\n\t\t\tif (isActive) {\n\t\t\t\tswitch (size) {\n\t\t\t\t\tcase \"sm\":\n\t\t\t\t\t\treturn \"w-16\";\n\t\t\t\t\tcase \"lg\":\n\t\t\t\t\t\treturn \"w-36\";\n\t\t\t\t\tdefault:\n\t\t\t\t\t\treturn \"w-28\";\n\t\t\t\t}\n\t\t\t}\n\t\t\tswitch (size) {\n\t\t\t\tcase \"sm\":\n\t\t\t\t\treturn \"w-6\";\n\t\t\t\tcase \"lg\":\n\t\t\t\t\treturn \"w-16\";\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"w-10\";\n\t\t\t}\n\t\t};\n\n\t\t// Get background classes for inactive dots\n\t\tconst getInactiveClasses = () => {\n\t\t\tif (variant === \"ivory\") {\n\t\t\t\treturn \"bg-alpha-white-30 hover:bg-alpha-white-60\";\n\t\t\t}\n\t\t\treturn \"bg-alpha-black-30 hover:bg-alpha-black-60\";\n\t\t};\n\n\t\t// Get background class for active dot (the track/background)\n\t\tconst getActiveTrackClass = () => {\n\t\t\tif (variant === \"ivory\") {\n\t\t\t\treturn \"bg-alpha-white-30\";\n\t\t\t}\n\t\t\treturn \"bg-alpha-black-30\";\n\t\t};\n\n\t\t// Get fill color for the progress indicator\n\t\tconst getProgressFillClass = () => {\n\t\t\tif (variant === \"ivory\") {\n\t\t\t\treturn \"bg-gray-50\";\n\t\t\t}\n\t\t\treturn \"bg-gray-1200\";\n\t\t};\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\trole=\"tablist\"\n\t\t\t\taria-label=\"Page indicators\"\n\t\t\t\tclassName={pagerControlVariants({ size, class: className })}\n\t\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{Array.from({ length: count }, (_, index) => {\n\t\t\t\t\tconst isActive = index === safeActiveIndex;\n\n\t\t\t\t\tif (isActive) {\n\t\t\t\t\t\t// Active dot with progress fill\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t// biome-ignore lint/suspicious/noArrayIndexKey: Pagination dots have fixed order based on count\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\taria-selected={true}\n\t\t\t\t\t\t\t\taria-label={`Page ${index + 1} of ${count}, current`}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"relative cursor-pointer overflow-hidden rounded-full transition-all duration-500 ease-[cubic-bezier(0.23,1,0.32,1)]\",\n\t\t\t\t\t\t\t\t\tdotBaseVariants({ size, variant }),\n\t\t\t\t\t\t\t\t\tgetDotWidth(true),\n\t\t\t\t\t\t\t\t\tgetActiveTrackClass(),\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={() => goToIndex(index)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/* Progress fill */}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\"absolute top-0 bottom-0 left-0 h-full rounded-full\",\n\t\t\t\t\t\t\t\t\t\tgetProgressFillClass(),\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\twidth: autoPlay && duration > 0 ? `${progress}%` : \"100%\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\t// Inactive dot\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t// biome-ignore lint/suspicious/noArrayIndexKey: Pagination dots have fixed order based on count\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\taria-selected={false}\n\t\t\t\t\t\t\taria-label={`Go to page ${index + 1} of ${count}`}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\tdotBaseVariants({ size, variant }),\n\t\t\t\t\t\t\t\tgetDotWidth(false),\n\t\t\t\t\t\t\t\tgetInactiveClasses(),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tonClick={() => goToIndex(index)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t},\n);\nPagerControl.displayName = \"PagerControl\";\n\nexport { PagerControl, pagerControlVariants };\n"],"names":["pagerControlVariants","tv","dotBaseVariants","PagerControl","React","className","size","variant","count","controlledIndex","duration","autoPlay","onChange","pauseOnHover","loop","props","ref","internalIndex","setInternalIndex","isPaused","setIsPaused","progress","setProgress","activeIndex","isControlled","safeActiveIndex","animationFrameRef","startTimeRef","pausedProgressRef","goToNext","nextIndex","goToIndex","index","animate","timestamp","elapsed","newProgress","handleMouseEnter","handleMouseLeave","getDotWidth","isActive","getInactiveClasses","getActiveTrackClass","getProgressFillClass","jsx","_","cn"],"mappings":"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"}