@nuka-ui/core 1.0.0

package/dist/styles.css

@@ -0,0 +1,455 @@
+/* nuka-ui styles */
+
+:root {
+  /* Color primitives */
+
+  --color-neutral-0: oklch(100% 0 0);
+  --color-neutral-50: oklch(98.4% 0 0);
+  --color-neutral-100: oklch(96.8% 0 0);
+  --color-neutral-150: oklch(93% 0.004 257);
+  --color-neutral-200: oklch(92.9% 0 0);
+  --color-neutral-300: oklch(86.9% 0 0);
+  --color-neutral-400: oklch(70.4% 0 0);
+  --color-neutral-500: oklch(55.4% 0 0);
+  --color-neutral-600: oklch(44.6% 0 0);
+  --color-neutral-700: oklch(34% 0.014 257);
+  --color-neutral-800: oklch(26% 0.012 257);
+  --color-neutral-900: oklch(20% 0.01 257);
+  --color-neutral-950: oklch(14% 0.008 257);
+  --color-neutral-1000: oklch(0% 0 0);
+
+  /* Dark surface primitives: purpose-built for dark theme surface hierarchy.
+     Consumers remap these to control dark theme surfaces independently of the
+     light-mode neutral scale. */
+  --color-neutral-dark-base: oklch(30% 0.012 257);
+  --color-neutral-dark-subtle: oklch(36% 0.014 257);
+  --color-neutral-dark-muted: oklch(38% 0.016 257);
+  --color-neutral-dark-border: oklch(46% 0.016 257);
+  --color-neutral-dark-input: oklch(26% 0.012 257);
+  --color-neutral-dark-input-readonly: oklch(27% 0.012 257);
+
+  /* Slate accent: hue 257, low chroma */
+  --color-accent-100: oklch(96.8% 0.007 257);
+  --color-accent-200: oklch(92.9% 0.013 257);
+  --color-accent-300: oklch(86.9% 0.022 257);
+  --color-accent-400: oklch(70.4% 0.04 257);
+  --color-accent-460: oklch(60% 0.055 257);
+  --color-accent-480: oklch(52% 0.05 257);
+  --color-accent-500: oklch(44% 0.043 257);
+  --color-accent-600: oklch(37.2% 0.044 257);
+  --color-accent-700: oklch(27.9% 0.041 257);
+  --color-accent-800: oklch(20.8% 0.042 257);
+
+  /* Feedback color primitives: numeric scale per category.
+     Steps 100-600: lightest to darkest, matching accent scale pattern.
+     Light semantic tokens reference 100 (bg), 300 (base/border), 500 (text).
+     Dark semantic tokens reference 200 (text), 300 (base), 400 (border), 600 (bg). */
+
+  --color-success-100: oklch(94% 0.08 145);
+  --color-success-200: oklch(75% 0.16 145);
+  --color-success-250: oklch(58% 0.16 145);
+  /* Dark-mode filled surface. n950-on: 5.04:1, passes AA. */
+  --color-success-300: oklch(52% 0.18 145);
+  --color-success-400: oklch(40% 0.14 145);
+  --color-success-500: oklch(38% 0.16 145);
+  --color-success-600: oklch(20% 0.06 145);
+
+  --color-warning-100: oklch(95% 0.1 85);
+  --color-warning-200: oklch(82% 0.18 85);
+  --color-warning-300: oklch(72% 0.22 85);
+  --color-warning-400: oklch(55% 0.18 85);
+  --color-warning-500: oklch(48% 0.18 85);
+  --color-warning-600: oklch(20% 0.06 85);
+
+  --color-danger-100: oklch(95% 0.06 15);
+  --color-danger-200: oklch(75% 0.18 15);
+  --color-danger-250: oklch(60% 0.2 15);
+  /* Dark-mode filled surface. n950-on: 4.59:1, passes AA. */
+  --color-danger-300: oklch(56% 0.22 15);
+  --color-danger-400: oklch(50% 0.18 15);
+  --color-danger-500: oklch(42% 0.2 15);
+  --color-danger-600: oklch(20% 0.05 15);
+
+  --color-info-100: oklch(94% 0.06 230);
+  --color-info-200: oklch(75% 0.16 230);
+  --color-info-300: oklch(53% 0.18 230);
+  /* Darkened from 55% for white-on contrast: 4.69:1, passes AA. */
+  --color-info-400: oklch(48% 0.14 230);
+  --color-info-500: oklch(40% 0.16 230);
+  --color-info-600: oklch(18% 0.05 230);
+
+  /* Space primitives */
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-10: 2.5rem;
+  --space-12: 3rem;
+  --space-16: 4rem;
+
+  /* Shadow primitives */
+  --shadow-sm: 0 1px 3px oklch(0% 0 0 / 0.1), 0 1px 2px oklch(0% 0 0 / 0.06);
+  --shadow-md: 0 4px 6px oklch(0% 0 0 / 0.1), 0 2px 4px oklch(0% 0 0 / 0.06);
+  --shadow-lg: 0 10px 15px oklch(0% 0 0 / 0.1), 0 4px 6px oklch(0% 0 0 / 0.05);
+  --shadow-sm-dark:
+    0 1px 3px oklch(0% 0 0 / 0.4), 0 1px 2px oklch(0% 0 0 / 0.24);
+  --shadow-md-dark:
+    0 4px 6px oklch(0% 0 0 / 0.4), 0 2px 4px oklch(0% 0 0 / 0.24);
+  --shadow-lg-dark:
+    0 10px 15px oklch(0% 0 0 / 0.5), 0 4px 6px oklch(0% 0 0 / 0.3);
+
+  /* Z-index primitives */
+  --z-header: 10;
+  --z-dropdown: 50;
+  --z-modal: 100;
+  --z-toast: 150;
+
+  /* Radius primitives */
+  --radius-none: 0;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-full: 9999px;
+
+  /* Duration primitives */
+  --duration-fast: 100ms;
+  --duration-base: 200ms;
+  --duration-slow: 300ms;
+  --duration-deliberate: 500ms;
+
+  /* Typography primitives */
+  --font-size-xs: 0.75rem;
+  --font-size-sm: 0.875rem;
+  --font-size-md: 1rem;
+  --font-size-lg: 1.125rem;
+  --font-size-xl: 1.25rem;
+  --font-size-2xl: 1.5rem;
+  --font-size-3xl: 1.875rem;
+  --font-size-4xl: 2.25rem;
+
+  --line-height-tight: 1.25;
+  --line-height-snug: 1.375;
+  --line-height-normal: 1.5;
+  --line-height-relaxed: 1.625;
+
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+}
+
+/* Semantic tokens: light theme */
+:root,
+[data-theme="light"] {
+  /* Surfaces */
+  --nuka-bg-base: var(--color-neutral-0);
+  --nuka-bg-subtle: var(--color-neutral-50);
+  --nuka-bg-muted: var(--color-neutral-100);
+  --nuka-bg-emphasis: var(--color-neutral-900);
+
+  /* Borders */
+  --nuka-border-base: var(--color-neutral-200);
+  --nuka-border-strong: var(--color-neutral-400);
+  --nuka-border-focus: var(--color-accent-500);
+
+  /* Text */
+  --nuka-text-base: var(--color-neutral-900);
+  --nuka-text-muted: var(--color-neutral-600);
+  --nuka-text-subtle: var(--color-neutral-400);
+  --nuka-text-inverse: var(--color-neutral-0);
+  --nuka-text-disabled: var(--color-neutral-300);
+
+  /* Accent */
+  --nuka-accent-bg: var(--color-accent-500);
+  --nuka-accent-bg-hover: var(--color-accent-600);
+  --nuka-accent-bg-active: var(--color-accent-700);
+  --nuka-accent-bg-subtle: var(--color-accent-100);
+  --nuka-accent-border: var(--color-accent-400);
+  --nuka-accent-text: var(--color-accent-500);
+  /*
+   * NOTE: --nuka-accent-text uses accent-500 (#43546a) on neutral-0 (white).
+   * Contrast: 7.74:1, passes AAA. Safe to use for any text size.
+   */
+  --nuka-accent-fg: var(--color-neutral-0);
+  /* Foreground for content on --nuka-accent-bg. Override independently of
+     --nuka-text-inverse when the accent color is customized. 7.74:1 on accent-500. */
+  --nuka-accent-bg-disabled: var(--color-neutral-200);
+
+  /* Borders */
+  --nuka-border-disabled: var(--color-neutral-200);
+
+  /* Shadows */
+  --nuka-shadow-card: var(--shadow-sm);
+  --nuka-shadow-overlay: var(--shadow-md);
+  --nuka-shadow-modal: var(--shadow-lg);
+
+  /* Z-index */
+  --nuka-z-header: var(--z-header);
+  --nuka-z-dropdown: var(--z-dropdown);
+  --nuka-z-modal: var(--z-modal);
+  --nuka-z-toast: var(--z-toast);
+
+  /* Overlay */
+  /* No matching primitive: alpha-composite value, not a scale step.
+     0.5 opacity is intentional for both themes. Consumer-overridable
+     if dark mode needs higher opacity for visual weight. */
+  --nuka-bg-overlay: oklch(0% 0 0 / 0.5);
+
+  /* Duration */
+  --nuka-duration-fast: var(--duration-fast);
+  --nuka-duration-base: var(--duration-base);
+  --nuka-duration-slow: var(--duration-slow);
+  --nuka-duration-deliberate: var(--duration-deliberate);
+
+  /* Input surfaces */
+  --nuka-input-bg: var(--color-neutral-0);
+  --nuka-input-bg-disabled: var(--color-neutral-100);
+  --nuka-input-bg-readonly: var(--color-neutral-50);
+
+  /* Input borders */
+  --nuka-input-border: var(--color-neutral-300);
+  --nuka-input-border-hover: var(--color-neutral-400);
+
+  /* Feedback */
+  --nuka-success-base: var(--color-success-300);
+  --nuka-success-bg: var(--color-success-100);
+  --nuka-success-text: var(--color-success-500);
+  --nuka-success-border: var(--color-success-300);
+  --nuka-success-fg: var(--color-neutral-0);
+  /* 5.51:1 on success-base (success-300). White on filled success surfaces. */
+
+  --nuka-warning-base: var(--color-warning-300);
+  --nuka-warning-fg: var(--color-neutral-900);
+  /* Warning hue cannot pass 4.5:1 with white text at amber lightness.
+     Dark foreground on warning surfaces. 7.11:1 on warning-300. */
+  --nuka-warning-bg: var(--color-warning-100);
+  --nuka-warning-text: var(--color-warning-500);
+  --nuka-warning-border: var(--color-warning-400);
+
+  --nuka-danger-base: var(--color-danger-300);
+  --nuka-danger-bg: var(--color-danger-100);
+  --nuka-danger-text: var(--color-danger-500);
+  --nuka-danger-border: var(--color-danger-300);
+  --nuka-danger-fg: var(--color-neutral-0);
+  /* 4.65:1 on danger-base (danger-300). White on filled danger surfaces. */
+
+  --nuka-info-base: var(--color-info-300);
+  --nuka-info-bg: var(--color-info-100);
+  --nuka-info-text: var(--color-info-500);
+  --nuka-info-border: var(--color-info-300);
+}
+
+/* Semantic tokens: dark theme */
+[data-theme="dark"] {
+  /* Surfaces */
+  --nuka-bg-base: var(--color-neutral-dark-base);
+  --nuka-bg-subtle: var(--color-neutral-dark-subtle);
+  --nuka-bg-muted: var(--color-neutral-dark-muted);
+  --nuka-bg-emphasis: var(--color-neutral-0);
+
+  /* Borders */
+  --nuka-border-base: var(--color-neutral-dark-border);
+  --nuka-border-strong: var(--color-neutral-500);
+  --nuka-border-focus: var(--color-accent-400);
+
+  /* Text */
+  --nuka-text-base: var(--color-neutral-150);
+  --nuka-text-muted: oklch(
+    68% 0.01 257
+  ); /* dark-only: trace tint for color temperature consistency */
+  --nuka-text-subtle: oklch(
+    46% 0.01 257
+  ); /* dark-only: trace tint for color temperature consistency */
+  --nuka-text-inverse: var(--color-neutral-950);
+  --nuka-text-disabled: oklch(
+    50% 0.01 257
+  ); /* dark-only: visible but subdued */
+
+  /* Accent */
+  --nuka-accent-bg: var(--color-accent-500);
+  --nuka-accent-bg-hover: var(--color-accent-480);
+  --nuka-accent-bg-active: var(--color-accent-460);
+  --nuka-accent-bg-subtle: oklch(
+    35% 0.02 257
+  ); /* dark-only: sits above bg-base */
+  --nuka-accent-border: var(--color-accent-400);
+  --nuka-accent-text: var(--color-accent-300);
+  /*
+   * NOTE: --nuka-accent-text uses accent-300 in dark mode.
+   * Verified: 6.74:1 minimum (on bg-muted at 38% L). Passes AA.
+   */
+  --nuka-accent-fg: var(--color-neutral-0);
+  --nuka-accent-bg-disabled: var(--color-neutral-700);
+
+  /* Borders */
+  --nuka-border-disabled: var(--color-neutral-700);
+
+  /* Shadows */
+  --nuka-shadow-card: var(--shadow-sm-dark);
+  --nuka-shadow-overlay: var(--shadow-md-dark);
+  --nuka-shadow-modal: var(--shadow-lg-dark);
+
+  /* Overlay */
+  --nuka-bg-overlay: oklch(0% 0 0 / 0.72);
+
+  /* Input surfaces */
+  --nuka-input-bg: var(--color-neutral-dark-input);
+  --nuka-input-bg-disabled: var(--color-neutral-800);
+  --nuka-input-bg-readonly: var(--color-neutral-dark-input-readonly);
+
+  /* Input borders */
+  --nuka-input-border: var(--color-neutral-700);
+  --nuka-input-border-hover: var(--color-neutral-500);
+
+  /* Feedback */
+  --nuka-success-base: var(--color-success-250);
+  --nuka-success-bg: var(--color-success-600);
+  --nuka-success-text: var(--color-success-200);
+  --nuka-success-border: var(--color-success-300);
+  --nuka-success-fg: var(--color-neutral-950);
+  /* 4.65:1 on success-base (success-250). Dark fg on lighter dark-mode surface. */
+
+  --nuka-warning-base: var(--color-warning-300);
+  --nuka-warning-fg: var(--color-neutral-900);
+  /* 7.30:1 on warning-base (warning-300). Only valid on warning-base,
+     not warning-bg. See variants.ts for actual pairings. */
+  --nuka-warning-bg: var(--color-warning-600);
+  --nuka-warning-text: var(--color-warning-200);
+  --nuka-warning-border: var(--color-warning-400);
+
+  --nuka-danger-base: var(--color-danger-250);
+  --nuka-danger-bg: var(--color-danger-600);
+  --nuka-danger-text: var(--color-danger-200);
+  --nuka-danger-border: var(--color-danger-400);
+  --nuka-danger-fg: var(--color-neutral-950);
+  /* 5.04:1 on danger-base (danger-250). Dark fg on lighter dark-mode surface. */
+
+  --nuka-info-base: var(--color-info-300);
+  --nuka-info-bg: var(--color-info-600);
+  --nuka-info-text: var(--color-info-200);
+  --nuka-info-border: var(--color-info-400);
+}
+
+
+@keyframes nuka-spinner-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.nuka-spinner {
+  animation: nuka-spinner-rotate 750ms linear infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .nuka-spinner {
+    animation: none;
+  }
+}
+
+@keyframes nuka-toast-enter {
+  from {
+    opacity: 0;
+    transform: translateY(8px) scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+@keyframes nuka-toast-exit {
+  from {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(8px) scale(0.96);
+  }
+}
+
+@keyframes nuka-dialog-overlay-enter {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes nuka-dialog-overlay-exit {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes nuka-dialog-enter {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
+@keyframes nuka-dialog-exit {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.95);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [data-state="open"],
+  [data-state="closed"] {
+    animation: none !important;
+  }
+}
+
+@keyframes nuka-progress-indeterminate {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(400%);
+  }
+}
+
+/* Reduced motion */
+
+@media (prefers-reduced-motion: reduce) {
+  .nuka-progress-indeterminate {
+    animation: none;
+  }
+
+  .animate-pulse {
+    animation: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --nuka-duration-fast: 0ms;
+    --nuka-duration-base: 0ms;
+    --nuka-duration-slow: 0ms;
+    --nuka-duration-deliberate: 0ms;
+  }
+}

package/dist/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}

package/dist/utils/dismiss-button.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface DismissButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> {
+    onClick: () => void;
+    label?: string;
+}
+declare const DismissButton: React.ForwardRefExoticComponent<DismissButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { DismissButton };
+export type { DismissButtonProps };
+//# sourceMappingURL=dismiss-button.d.ts.map

package/dist/utils/dismiss-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-button.d.ts","sourceRoot":"","sources":["../../src/utils/dismiss-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,kBAAmB,SAAQ,IAAI,CACvC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,SAAS,CACV;IACC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,aAAa,8FAmClB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/utils/field-base.d.ts

@@ -0,0 +1,3 @@
+declare const fieldBaseClasses: string[];
+export { fieldBaseClasses };
+//# sourceMappingURL=field-base.d.ts.map

package/dist/utils/field-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-base.d.ts","sourceRoot":"","sources":["../../src/utils/field-base.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,UAUrB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/utils/modal-primitive.d.ts

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { useEscapeKey } from "@nuka/hooks/use-escape-key";
+declare function useModalTitleWarning(displayName: string, titleId: string, open: boolean): void;
+export interface ModalContextValue {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    titleId: string;
+    descriptionId: string;
+    hasDescription: boolean;
+    setHasDescription: (value: boolean) => void;
+}
+interface ModalPrimitiveOptions {
+    displayNamePrefix: string;
+    closeLabel: string;
+    Context: React.Context<ModalContextValue | null>;
+    useContext: () => ModalContextValue;
+}
+export interface ModalRootProps {
+    children: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export interface ModalTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+export interface ModalTitleProps extends Omit<React.HTMLAttributes<HTMLElement>, "color"> {
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}
+export interface ModalDescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, "color"> {
+}
+export interface ModalCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+interface ModalPrimitiveResult {
+    Root: React.FC<ModalRootProps>;
+    Trigger: React.ForwardRefExoticComponent<ModalTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Title: React.ForwardRefExoticComponent<ModalTitleProps & React.RefAttributes<HTMLElement>>;
+    Description: React.ForwardRefExoticComponent<ModalDescriptionProps & React.RefAttributes<HTMLElement>>;
+    Close: React.ForwardRefExoticComponent<ModalCloseProps & React.RefAttributes<HTMLButtonElement>>;
+}
+declare function createModalPrimitive(options: ModalPrimitiveOptions): ModalPrimitiveResult;
+export { createModalPrimitive, useEscapeKey, useModalTitleWarning };
+//# sourceMappingURL=modal-primitive.d.ts.map

package/dist/utils/modal-primitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-primitive.d.ts","sourceRoot":"","sources":["../../src/utils/modal-primitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,iBAAS,oBAAoB,CAC3B,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,OAAO,GACZ,IAAI,CAeN;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,UAAU,qBAAqB;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACjD,UAAU,EAAE,MAAM,iBAAiB,CAAC;CACrC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;IACC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9C;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;CAAG;AAEJ,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,KAAK,CAAC,yBAAyB,CACtC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAC3D,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACnD,CAAC;IACF,WAAW,EAAE,KAAK,CAAC,yBAAyB,CAC1C,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACzD,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CACzD,CAAC;CACH;AAED,iBAAS,oBAAoB,CAC3B,OAAO,EAAE,qBAAqB,GAC7B,oBAAoB,CAsItB;AAED,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/utils/portal.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+interface PortalProps {
+    children: ReactNode;
+}
+declare function Portal({ children }: PortalProps): import("react").ReactPortal | null;
+declare namespace Portal {
+    var displayName: string;
+}
+export { Portal };
+export type { PortalProps };
+//# sourceMappingURL=portal.d.ts.map

package/dist/utils/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/utils/portal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,sCAGxC;kBAHQ,MAAM;;;AAOf,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/utils/responsive.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Responsive prop utilities for layout primitives.
+ *
+ * Uses static lookup tables so every emitted class is present
+ * as a complete string in source. Required for Tailwind v4 scanning.
+ */
+export type Breakpoint = "base" | "sm" | "md" | "lg" | "xl" | "2xl";
+export type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+export type GapScale = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+export declare function resolveResponsiveClasses<T extends string | number>(value: Responsive<T> | undefined, lookup: Record<Breakpoint, Record<T, string>>): string[];
+export declare const gapClasses: Record<Breakpoint, Record<GapScale, string>>;
+export declare const colGapClasses: Record<Breakpoint, Record<GapScale, string>>;
+export declare const rowGapClasses: Record<Breakpoint, Record<GapScale, string>>;
+export type Direction = "row" | "column" | "row-reverse" | "column-reverse";
+export declare const directionClasses: Record<Breakpoint, Record<Direction, string>>;
+export type Align = "start" | "center" | "end" | "stretch" | "baseline";
+export declare const alignClasses: Record<Breakpoint, Record<Align, string>>;
+export type Justify = "start" | "center" | "end" | "between" | "around" | "evenly";
+export declare const justifyClasses: Record<Breakpoint, Record<Justify, string>>;
+export type Wrap = "wrap" | "nowrap" | "wrap-reverse";
+export declare const wrapClasses: Record<Breakpoint, Record<Wrap, string>>;
+export type ColCount = 1 | 2 | 3 | 4 | 6 | 12;
+export declare const colsClasses: Record<Breakpoint, Record<ColCount, string>>;
+//# sourceMappingURL=responsive.d.ts.map

package/dist/utils/responsive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/utils/responsive.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpE,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;AAE/D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAIzE,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAChE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,EAChC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAC5C,MAAM,EAAE,CAeV;AA0BD,eAAO,MAAM,UAAU,8CAQrB,CAAC;AAEH,eAAO,MAAM,aAAa,8CAQxB,CAAC;AAEH,eAAO,MAAM,aAAa,8CAQxB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE5E,eAAO,MAAM,gBAAgB,+CAK3B,CAAC;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAExE,eAAO,MAAM,YAAY,2CAMvB,CAAC;AAEH,MAAM,MAAM,OAAO,GACf,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,eAAO,MAAM,cAAc,6CAOzB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,cAAc,CAAC;AAEtD,eAAO,MAAM,WAAW,0CAItB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAE9C,eAAO,MAAM,WAAW,8CAOtB,CAAC"}

package/dist/utils/slot.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+/**
+ * Composes multiple refs into a single ref callback.
+ * Handles function refs, ref objects, null, and undefined.
+ */
+declare function composeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+declare const Slot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+export { Slot, composeRefs };
+//# sourceMappingURL=slot.d.ts.map

package/dist/utils/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/utils/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,iBAAS,WAAW,CAAC,CAAC,EACpB,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GACpC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAWtB;AA6CD,QAAA,MAAM,IAAI,uGAoCT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC"}

package/dist/utils/variants.d.ts

@@ -0,0 +1,57 @@
+/**
+ * CVA conventions for nuka-ui components
+ *
+ * Structure every component's variants file as follows:
+ *
+ *   1. Import cva and VariantProps from 'class-variance-authority'
+ *   2. Define the base classes (always applied)
+ *   3. Define variants (mutually exclusive options per axis)
+ *   4. Define compoundVariants (classes applied when multiple variants combine)
+ *   5. Define defaultVariants
+ *   6. Export the VariantProps type alongside the cva instance
+ *
+ * Naming:
+ *   - cva instance: <componentName>Variants  (e.g. buttonVariants)
+ *   - props type:   <ComponentName>VariantProps  (e.g. ButtonVariantProps)
+ *
+ * Token usage:
+ *   - Always reference CSS custom properties, never raw Tailwind color utilities
+ *   - Correct:   bg-(--nuka-accent-bg)
+ *   - Incorrect: bg-blue-500
+ *
+ * Class ordering within a variant value:
+ *   - Layout first, then visual, then interactive
+ *   - e.g. 'px-4 py-2 rounded-md bg-(--nuka-accent-bg) hover:bg-(--nuka-accent-bg-hover)'
+ */
+export { cva, type VariantProps } from "class-variance-authority";
+interface IntentCompoundVariant {
+    variant: "primary" | "secondary" | "outline" | "ghost";
+    intent: "default" | "danger" | "success" | "warning";
+    className: string[];
+}
+/**
+ * Returns the standard 16-cell compound variant matrix (4 variants x 4 intents).
+ *
+ * The secondary-default cell differs between components (e.g. Tag uses neutral
+ * tokens, Alert uses accent tokens). Pass `secondaryDefault` to override that
+ * single cell. When omitted, defaults to Tag's neutral treatment.
+ */
+declare function intentCompoundVariants(options?: {
+    secondaryDefault?: string[];
+}): IntentCompoundVariant[];
+declare const selectionIndicatorIntentVariants: ({
+    intent: "default";
+    className: string[];
+} | {
+    intent: "danger";
+    className: string[];
+} | {
+    intent: "success";
+    className: string[];
+} | {
+    intent: "warning";
+    className: string[];
+})[];
+export { intentCompoundVariants, selectionIndicatorIntentVariants };
+export type { IntentCompoundVariant };
+//# sourceMappingURL=variants.d.ts.map

package/dist/utils/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/utils/variants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAE,GAAG,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IACvD,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACrD,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;;;;;GAMG;AACH,iBAAS,sBAAsB,CAAC,OAAO,CAAC,EAAE;IACxC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,GAAG,qBAAqB,EAAE,CA8G1B;AAED,QAAA,MAAM,gCAAgC;;;;;;;;;;;;IAkCrC,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,gCAAgC,EAAE,CAAC;AACpE,YAAY,EAAE,qBAAqB,EAAE,CAAC"}