@wow-two-beta/ui 0.0.4 → 0.0.5

package/dist/actions/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, ReactNode, AnchorHTMLAttributes } from 'react';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
@@ -88,4 +88,242 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVar
 }
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
-export { Button, type ButtonProps, type ButtonVariants, buttonVariants };
+declare const iconButtonVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: string;
+        soft: string;
+        outline: string;
+        ghost: string;
+        danger: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    shape: {
+        square: string;
+        circle: string;
+    };
+}, undefined, "inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50", tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        solid: string;
+        soft: string;
+        outline: string;
+        ghost: string;
+        danger: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    shape: {
+        square: string;
+        circle: string;
+    };
+}, {
+    variant: {
+        solid: string;
+        soft: string;
+        outline: string;
+        ghost: string;
+        danger: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    shape: {
+        square: string;
+        circle: string;
+    };
+}>, {
+    variant: {
+        solid: string;
+        soft: string;
+        outline: string;
+        ghost: string;
+        danger: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    shape: {
+        square: string;
+        circle: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: string;
+        soft: string;
+        outline: string;
+        ghost: string;
+        danger: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    shape: {
+        square: string;
+        circle: string;
+    };
+}, undefined, "inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50", tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        solid: string;
+        soft: string;
+        outline: string;
+        ghost: string;
+        danger: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    shape: {
+        square: string;
+        circle: string;
+    };
+}, {
+    variant: {
+        solid: string;
+        soft: string;
+        outline: string;
+        ghost: string;
+        danger: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    shape: {
+        square: string;
+        circle: string;
+    };
+}>, unknown, unknown, undefined>>;
+type IconButtonVariants = VariantProps<typeof iconButtonVariants>;
+
+interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, IconButtonVariants {
+    /** REQUIRED accessible label. IconButton has no visible text. */
+    'aria-label': string;
+    children: ReactNode;
+}
+/**
+ * Square / circular button containing only an icon. `aria-label` is
+ * required by the type — there is no visible text fallback.
+ */
+declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const linkVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        subtle: string;
+        muted: string;
+        inherit: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 rounded-sm", tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        default: string;
+        subtle: string;
+        muted: string;
+        inherit: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        default: string;
+        subtle: string;
+        muted: string;
+        inherit: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        subtle: string;
+        muted: string;
+        inherit: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        subtle: string;
+        muted: string;
+        inherit: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 rounded-sm", tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        default: string;
+        subtle: string;
+        muted: string;
+        inherit: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        default: string;
+        subtle: string;
+        muted: string;
+        inherit: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+type LinkVariants = VariantProps<typeof linkVariants>;
+
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, LinkVariants {
+    /** When true, render the child element as the link instead of an `<a>`.
+     *  Use for router `<Link>` components from Next.js / React Router. */
+    asChild?: boolean;
+}
+/**
+ * Anchor with consistent focus / hover styling. Pass `asChild` to render a
+ * router `<Link>` while inheriting our visuals.
+ */
+declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
+
+export { Button, type ButtonProps, type ButtonVariants, IconButton, type IconButtonProps, type IconButtonVariants, Link, type LinkProps, type LinkVariants, buttonVariants, iconButtonVariants, linkVariants };

package/dist/actions/index.js

@@ -1,5 +1,6 @@
-export { Button, buttonVariants } from '../chunk-OEEYNBEO.js';
+export { Button, IconButton, Link, buttonVariants, iconButtonVariants, linkVariants } from '../chunk-4CIRBYYP.js';
 import '../chunk-BMBIZLO4.js';
+import '../chunk-33IOXQYO.js';
 import '../chunk-DN7WBRIV.js';
 import '../chunk-KZ4VFY2T.js';
 import '../chunk-PZ5AY32C.js';

package/dist/chunk-33IOXQYO.js

@@ -0,0 +1,47 @@
+import { composeRefs } from './chunk-DN7WBRIV.js';
+import { forwardRef, isValidElement, Children, cloneElement } from 'react';
+
+function mergeProps(slotProps, childProps) {
+  const merged = { ...childProps };
+  for (const key of Object.keys(slotProps)) {
+    const slotVal = slotProps[key];
+    const childVal = childProps[key];
+    if (key === "className") {
+      merged.className = [slotVal, childVal].filter(Boolean).join(" ");
+    } else if (key === "style") {
+      merged.style = { ...slotVal, ...childVal };
+    } else if (/^on[A-Z]/.test(key)) {
+      const slotFn = slotVal;
+      const childFn = childVal;
+      if (slotFn && childFn) {
+        merged[key] = (...args) => {
+          childFn(...args);
+          slotFn(...args);
+        };
+      } else if (slotFn) {
+        merged[key] = slotFn;
+      }
+    } else if (childVal === void 0) {
+      merged[key] = slotVal;
+    }
+  }
+  return merged;
+}
+var Slot = forwardRef(
+  ({ children, ...slotProps }, forwardedRef) => {
+    if (!isValidElement(children)) {
+      return Children.count(children) > 1 ? Children.only(null) : null;
+    }
+    const child = children;
+    const merged = mergeProps(slotProps, child.props ?? {});
+    return cloneElement(child, {
+      ...merged,
+      ref: composeRefs(forwardedRef, child.ref)
+    });
+  }
+);
+Slot.displayName = "Slot";
+
+export { Slot };
+//# sourceMappingURL=chunk-33IOXQYO.js.map
+//# sourceMappingURL=chunk-33IOXQYO.js.map

package/dist/chunk-33IOXQYO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/slot/Slot.tsx"],"names":[],"mappings":";;;AAkBA,SAAS,UAAA,CAAW,WAAqB,UAAA,EAAgC;AACvE,EAAA,MAAM,MAAA,GAAmB,EAAE,GAAG,UAAA,EAAW;AACzC,EAAA,KAAA,MAAW,GAAA,IAAO,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA,EAAG;AACxC,IAAA,MAAM,OAAA,GAAU,UAAU,GAAG,CAAA;AAC7B,IAAA,MAAM,QAAA,GAAW,WAAW,GAAG,CAAA;AAC/B,IAAA,IAAI,QAAQ,WAAA,EAAa;AACvB,MAAA,MAAA,CAAO,SAAA,GAAY,CAAC,OAAA,EAAS,QAAQ,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,IACjE,CAAA,MAAA,IAAW,QAAQ,OAAA,EAAS;AAC1B,MAAA,MAAA,CAAO,KAAA,GAAQ,EAAE,GAAI,OAAA,EAA2B,GAAI,QAAA,EAA2B;AAAA,IACjF,CAAA,MAAA,IAAW,UAAA,CAAW,IAAA,CAAK,GAAG,CAAA,EAAG;AAC/B,MAAA,MAAM,MAAA,GAAS,OAAA;AACf,MAAA,MAAM,OAAA,GAAU,QAAA;AAChB,MAAA,IAAI,UAAU,OAAA,EAAS;AACrB,QAAA,MAAA,CAAO,GAAG,CAAA,GAAI,CAAA,GAAI,IAAA,KAAoB;AACpC,UAAA,OAAA,CAAQ,GAAG,IAAI,CAAA;AACf,UAAA,MAAA,CAAO,GAAG,IAAI,CAAA;AAAA,QAChB,CAAA;AAAA,MACF,WAAW,MAAA,EAAQ;AACjB,QAAA,MAAA,CAAO,GAAG,CAAA,GAAI,MAAA;AAAA,MAChB;AAAA,IACF,CAAA,MAAA,IAAW,aAAa,MAAA,EAAW;AACjC,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,OAAA;AAAA,IAChB;AAAA,EACF;AACA,EAAA,OAAO,MAAA;AACT;AAWO,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,QAAA,EAAU,GAAG,SAAA,IAAa,YAAA,KAAiB;AAC5C,IAAA,IAAI,CAAC,cAAA,CAAe,QAAQ,CAAA,EAAG;AAC7B,MAAA,OAAO,QAAA,CAAS,MAAM,QAAQ,CAAA,GAAI,IAAI,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,GAAI,IAAA;AAAA,IAC9D;AACA,IAAA,MAAM,KAAA,GAAQ,QAAA;AACd,IAAA,MAAM,SAAS,UAAA,CAAW,SAAA,EAAwB,KAAA,CAAM,KAAA,IAAS,EAAe,CAAA;AAChF,IAAA,OAAO,aAAa,KAAA,EAAO;AAAA,MACzB,GAAG,MAAA;AAAA,MACH,GAAA,EAAK,WAAA,CAAY,YAAA,EAAc,KAAA,CAAM,GAAG;AAAA,KACzC,CAAA;AAAA,EACH;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-33IOXQYO.js","sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type Ref,\n} from 'react';\nimport { composeRefs } from '../../utils/composeRefs';\n\nexport interface SlotProps extends HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\ntype AnyProps = Record<string, unknown>;\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\n  const merged: AnyProps = { ...childProps };\n  for (const key of Object.keys(slotProps)) {\n    const slotVal = slotProps[key];\n    const childVal = childProps[key];\n    if (key === 'className') {\n      merged.className = [slotVal, childVal].filter(Boolean).join(' ');\n    } else if (key === 'style') {\n      merged.style = { ...(slotVal as CSSProperties), ...(childVal as CSSProperties) };\n    } else if (/^on[A-Z]/.test(key)) {\n      const slotFn = slotVal as ((...args: unknown[]) => void) | undefined;\n      const childFn = childVal as ((...args: unknown[]) => void) | undefined;\n      if (slotFn && childFn) {\n        merged[key] = (...args: unknown[]) => {\n          childFn(...args);\n          slotFn(...args);\n        };\n      } else if (slotFn) {\n        merged[key] = slotFn;\n      }\n    } else if (childVal === undefined) {\n      merged[key] = slotVal;\n    }\n  }\n  return merged;\n}\n\n/**\n * Polymorphic slot — renders the single child element with the parent's props\n * merged in (className concatenated, handlers chained, refs composed).\n *\n * Use to enable an `asChild` API on a component:\n * ```tsx\n * <Button asChild><a href=\"/x\">Open</a></Button>\n * ```\n */\nexport const Slot = forwardRef<HTMLElement, SlotProps>(\n  ({ children, ...slotProps }, forwardedRef) => {\n    if (!isValidElement(children)) {\n      return Children.count(children) > 1 ? Children.only(null) : null;\n    }\n    const child = children as ReactElement<AnyProps> & { ref?: Ref<HTMLElement> };\n    const merged = mergeProps(slotProps as AnyProps, (child.props ?? {}) as AnyProps);\n    return cloneElement(child, {\n      ...merged,\n      ref: composeRefs(forwardedRef, child.ref),\n    });\n  },\n);\nSlot.displayName = 'Slot';\n"]}

package/dist/chunk-4CIRBYYP.js

@@ -0,0 +1,120 @@
+import { tv as tv$1 } from './chunk-BMBIZLO4.js';
+import { Slot } from './chunk-33IOXQYO.js';
+import { cn } from './chunk-KZ4VFY2T.js';
+import { forwardRef } from 'react';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonVariants = tv({
+  base: "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50",
+  variants: {
+    variant: {
+      primary: "bg-brand-600 text-white hover:bg-brand-700",
+      secondary: "bg-neutral-200 text-neutral-900 hover:bg-neutral-100",
+      ghost: "bg-transparent text-neutral-900 hover:bg-neutral-100"
+    },
+    size: {
+      sm: "h-8 px-3 text-sm rounded-md",
+      md: "h-10 px-4 text-sm rounded-md",
+      lg: "h-12 px-6 text-base rounded-lg"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+var Button = forwardRef(
+  ({ className, variant, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        className: cn(buttonVariants({ variant, size }), className),
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/actions/iconButton/IconButton.variants.ts
+var iconButtonVariants = tv$1({
+  base: "inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50",
+  variants: {
+    variant: {
+      solid: "bg-brand-600 text-white hover:bg-brand-700",
+      soft: "bg-brand-50 text-brand-700 hover:bg-brand-100",
+      outline: "border border-neutral-300 bg-white text-neutral-900 hover:bg-neutral-50",
+      ghost: "bg-transparent text-neutral-900 hover:bg-neutral-100",
+      danger: "bg-danger-600 text-white hover:bg-danger-700"
+    },
+    size: {
+      xs: "h-6 w-6 rounded-sm",
+      sm: "h-8 w-8 rounded-md",
+      md: "h-10 w-10 rounded-md",
+      lg: "h-12 w-12 rounded-lg"
+    },
+    shape: {
+      square: "",
+      circle: "rounded-full"
+    }
+  },
+  defaultVariants: {
+    variant: "ghost",
+    size: "md",
+    shape: "square"
+  }
+});
+var IconButton = forwardRef(
+  ({ className, variant, size, shape, type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type,
+      className: cn(iconButtonVariants({ variant, size, shape }), className),
+      ...props
+    }
+  )
+);
+IconButton.displayName = "IconButton";
+
+// src/actions/link/Link.variants.ts
+var linkVariants = tv$1({
+  base: "inline-flex items-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 rounded-sm",
+  variants: {
+    variant: {
+      default: "text-brand-600 hover:text-brand-700 hover:underline",
+      subtle: "text-neutral-700 hover:text-neutral-900 hover:underline",
+      muted: "text-neutral-500 hover:text-neutral-700 hover:underline",
+      inherit: "text-current underline-offset-2 hover:underline"
+    },
+    size: {
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+var Link = forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(linkVariants({ variant, size }), className),
+        ...props
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+
+export { Button, IconButton, Link, buttonVariants, iconButtonVariants, linkVariants };
+//# sourceMappingURL=chunk-4CIRBYYP.js.map
+//# sourceMappingURL=chunk-4CIRBYYP.js.map

package/dist/chunk-4CIRBYYP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/actions/button/Button.variants.ts","../src/actions/button/Button.tsx","../src/actions/iconButton/IconButton.variants.ts","../src/actions/iconButton/IconButton.tsx","../src/actions/link/Link.variants.ts","../src/actions/link/Link.tsx"],"names":["tv","forwardRef","jsx"],"mappings":"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","file":"chunk-4CIRBYYP.js","sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const buttonVariants = tv({\n  base: 'inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50',\n  variants: {\n    variant: {\n      primary: 'bg-brand-600 text-white hover:bg-brand-700',\n      secondary: 'bg-neutral-200 text-neutral-900 hover:bg-neutral-100',\n      ghost: 'bg-transparent text-neutral-900 hover:bg-neutral-100',\n    },\n    size: {\n      sm: 'h-8 px-3 text-sm rounded-md',\n      md: 'h-10 px-4 text-sm rounded-md',\n      lg: 'h-12 px-6 text-base rounded-lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n","import { forwardRef, type ButtonHTMLAttributes } from 'react';\nimport { cn } from '../../utils';\nimport { buttonVariants, type ButtonVariants } from './Button.variants';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariants {}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        className={cn(buttonVariants({ variant, size }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nButton.displayName = 'Button';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const iconButtonVariants = tv({\n  base: 'inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50',\n  variants: {\n    variant: {\n      solid: 'bg-brand-600 text-white hover:bg-brand-700',\n      soft: 'bg-brand-50 text-brand-700 hover:bg-brand-100',\n      outline: 'border border-neutral-300 bg-white text-neutral-900 hover:bg-neutral-50',\n      ghost: 'bg-transparent text-neutral-900 hover:bg-neutral-100',\n      danger: 'bg-danger-600 text-white hover:bg-danger-700',\n    },\n    size: {\n      xs: 'h-6 w-6 rounded-sm',\n      sm: 'h-8 w-8 rounded-md',\n      md: 'h-10 w-10 rounded-md',\n      lg: 'h-12 w-12 rounded-lg',\n    },\n    shape: {\n      square: '',\n      circle: 'rounded-full',\n    },\n  },\n  defaultVariants: {\n    variant: 'ghost',\n    size: 'md',\n    shape: 'square',\n  },\n});\n\nexport type IconButtonVariants = VariantProps<typeof iconButtonVariants>;\n","import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react';\nimport { cn } from '../../utils';\nimport { iconButtonVariants, type IconButtonVariants } from './IconButton.variants';\n\nexport interface IconButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    IconButtonVariants {\n  /** REQUIRED accessible label. IconButton has no visible text. */\n  'aria-label': string;\n  children: ReactNode;\n}\n\n/**\n * Square / circular button containing only an icon. `aria-label` is\n * required by the type — there is no visible text fallback.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ className, variant, size, shape, type = 'button', ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      className={cn(iconButtonVariants({ variant, size, shape }), className)}\n      {...props}\n    />\n  ),\n);\nIconButton.displayName = 'IconButton';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const linkVariants = tv({\n  base: 'inline-flex items-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 rounded-sm',\n  variants: {\n    variant: {\n      default: 'text-brand-600 hover:text-brand-700 hover:underline',\n      subtle: 'text-neutral-700 hover:text-neutral-900 hover:underline',\n      muted: 'text-neutral-500 hover:text-neutral-700 hover:underline',\n      inherit: 'text-current underline-offset-2 hover:underline',\n    },\n    size: {\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\nexport type LinkVariants = VariantProps<typeof linkVariants>;\n","import { forwardRef, type AnchorHTMLAttributes } from 'react';\nimport { cn } from '../../utils';\nimport { Slot } from '../../primitives/slot/Slot';\nimport { linkVariants, type LinkVariants } from './Link.variants';\n\nexport interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, LinkVariants {\n  /** When true, render the child element as the link instead of an `<a>`.\n   *  Use for router `<Link>` components from Next.js / React Router. */\n  asChild?: boolean;\n}\n\n/**\n * Anchor with consistent focus / hover styling. Pass `asChild` to render a\n * router `<Link>` while inheriting our visuals.\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'a';\n    return (\n      <Comp\n        ref={ref}\n        className={cn(linkVariants({ variant, size }), className)}\n        {...(props as AnchorHTMLAttributes<HTMLAnchorElement>)}\n      />\n    );\n  },\n);\nLink.displayName = 'Link';\n"]}

package/dist/{chunk-AOHZGL6F.js → chunk-6NYTRHP7.js}

@@ -1,4 +1,5 @@
-import { useScrollLock, useId } from './chunk-KDXJQNB6.js';
+import { useScrollLock } from './chunk-77WSI427.js';
+import { useId } from './chunk-JTJEI6MF.js';
 import { __export } from './chunk-PZ5AY32C.js';
 import { useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
 
@@ -163,5 +164,5 @@ function useMediaQuery(query) {
 }
 
 export { hooks_exports, useControlled, useDisclosure, useEscape, useEventListener, useFocusTrap, useMediaQuery, useOutsideClick, useResizeObserver };
-//# sourceMappingURL=chunk-AOHZGL6F.js.map
-//# sourceMappingURL=chunk-AOHZGL6F.js.map
+//# sourceMappingURL=chunk-6NYTRHP7.js.map
+//# sourceMappingURL=chunk-6NYTRHP7.js.map

package/dist/chunk-6NYTRHP7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/index.ts","../src/hooks/useControlled.ts","../src/hooks/useDisclosure.ts","../src/hooks/useEventListener.ts","../src/hooks/useOutsideClick.ts","../src/hooks/useEscape.ts","../src/hooks/useFocusTrap.ts","../src/hooks/useResizeObserver.ts","../src/hooks/useMediaQuery.ts"],"names":["useState","useCallback","useRef","useEffect"],"mappings":"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","file":"chunk-6NYTRHP7.js","sourcesContent":["export { useId } from './useId';\nexport { useControlled } from './useControlled';\nexport { useDisclosure, type DisclosureControls } from './useDisclosure';\nexport { useEventListener } from './useEventListener';\nexport { useOutsideClick } from './useOutsideClick';\nexport { useEscape } from './useEscape';\nexport { useFocusTrap } from './useFocusTrap';\nexport { useScrollLock } from './useScrollLock';\nexport { useResizeObserver } from './useResizeObserver';\nexport { useMediaQuery } from './useMediaQuery';\n","import { useCallback, useRef, useState } from 'react';\n\ninterface UseControlledOptions<T> {\n  controlled: T | undefined;\n  default: T;\n  onChange?: (value: T) => void;\n}\n\n/**\n * Standard controlled/uncontrolled pattern.\n *\n * - If `controlled` is defined, the component is controlled — internal state is\n *   ignored, `setValue` only fires `onChange`.\n * - Otherwise the component owns its state, `setValue` updates it, and `onChange`\n *   still fires for consumers that want to observe changes.\n */\nexport function useControlled<T>({\n  controlled,\n  default: defaultValue,\n  onChange,\n}: UseControlledOptions<T>): [T, (value: T) => void] {\n  const [uncontrolled, setUncontrolled] = useState<T>(defaultValue);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const isControlled = controlled !== undefined;\n  const value = isControlled ? controlled : uncontrolled;\n\n  const setValue = useCallback(\n    (next: T) => {\n      if (!isControlled) setUncontrolled(next);\n      onChangeRef.current?.(next);\n    },\n    [isControlled],\n  );\n\n  return [value, setValue];\n}\n","import { useCallback, useState } from 'react';\n\nexport interface DisclosureControls {\n  isOpen: boolean;\n  open: () => void;\n  close: () => void;\n  toggle: () => void;\n  setOpen: (next: boolean) => void;\n}\n\n/**\n * Minimal open/close state with stable callbacks. The standard backbone for\n * Modal, Drawer, Popover, Menu, Accordion, etc. Use `useControlled` underneath\n * when the consumer may also pass a controlled `open` prop.\n */\nexport function useDisclosure(initial = false): DisclosureControls {\n  const [isOpen, setIsOpen] = useState(initial);\n  const open = useCallback(() => setIsOpen(true), []);\n  const close = useCallback(() => setIsOpen(false), []);\n  const toggle = useCallback(() => setIsOpen((o) => !o), []);\n  return { isOpen, open, close, toggle, setOpen: setIsOpen };\n}\n","import { useEffect, useLayoutEffect, useRef } from 'react';\n\ntype Target = Window | Document | HTMLElement | null;\n\n/**\n * Add an event listener and clean it up automatically. Handler is read from\n * a ref so consumers don't need to memoize it.\n */\nexport function useEventListener<K extends string>(\n  event: K,\n  handler: (event: Event) => void,\n  target: Target = document,\n  options?: boolean | AddEventListenerOptions,\n): void {\n  const handlerRef = useRef(handler);\n  useLayoutEffect(() => {\n    handlerRef.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    if (!target) return;\n    const listener = (e: Event) => handlerRef.current(e);\n    target.addEventListener(event, listener, options);\n    return () => target.removeEventListener(event, listener, options);\n  }, [event, target, options]);\n}\n","import { useEffect, useRef, type RefObject } from 'react';\n\n/**\n * Fire `handler` when the user clicks outside any of the provided refs.\n * Uses `pointerdown` so it fires before focus shifts (avoids losing focus\n * inside an overlay before a click on a trigger registers).\n */\nexport function useOutsideClick(\n  refs: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[],\n  handler: (event: PointerEvent) => void,\n  enabled = true,\n): void {\n  const handlerRef = useRef(handler);\n  handlerRef.current = handler;\n\n  useEffect(() => {\n    if (!enabled) return;\n    const refList = Array.isArray(refs) ? refs : [refs];\n\n    const onPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node | null;\n      if (!target) return;\n      for (const ref of refList) {\n        if (ref.current && ref.current.contains(target)) return;\n      }\n      handlerRef.current(e);\n    };\n\n    document.addEventListener('pointerdown', onPointerDown, true);\n    return () => document.removeEventListener('pointerdown', onPointerDown, true);\n  }, [refs, enabled]);\n}\n","import { useEffect, useRef } from 'react';\n\n/**\n * Fire `handler` when the Escape key is pressed at the document level.\n * For nested overlays, the topmost should call `event.stopPropagation()` in\n * its handler — `DismissableLayer` handles this stack-style.\n */\nexport function useEscape(handler: (event: KeyboardEvent) => void, enabled = true): void {\n  const handlerRef = useRef(handler);\n  handlerRef.current = handler;\n\n  useEffect(() => {\n    if (!enabled) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') handlerRef.current(e);\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [enabled]);\n}\n","import { useEffect, type RefObject } from 'react';\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n].join(',');\n\nfunction getFocusable(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n    (el) => !el.hasAttribute('aria-hidden') && el.offsetParent !== null,\n  );\n}\n\n/**\n * Trap Tab / Shift+Tab focus inside the referenced element. On mount, focuses\n * the first focusable child (unless already focused inside). On unmount,\n * returns focus to the element that had it before mounting.\n *\n * For richer behavior (sentinels, nested traps), wrap `FocusScope` instead —\n * this hook is the lower primitive.\n */\nexport function useFocusTrap(ref: RefObject<HTMLElement | null>, enabled = true): void {\n  useEffect(() => {\n    if (!enabled || !ref.current) return;\n    const container = ref.current;\n    const previouslyFocused = document.activeElement as HTMLElement | null;\n\n    const focusables = getFocusable(container);\n    if (focusables.length > 0 && !container.contains(document.activeElement)) {\n      focusables[0]?.focus();\n    } else if (focusables.length === 0) {\n      container.tabIndex = -1;\n      container.focus();\n    }\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return;\n      const items = getFocusable(container);\n      if (items.length === 0) {\n        e.preventDefault();\n        return;\n      }\n      const first = items[0];\n      const last = items[items.length - 1];\n      if (!first || !last) return;\n      const active = document.activeElement;\n      if (e.shiftKey && active === first) {\n        e.preventDefault();\n        last.focus();\n      } else if (!e.shiftKey && active === last) {\n        e.preventDefault();\n        first.focus();\n      }\n    };\n\n    container.addEventListener('keydown', onKeyDown);\n    return () => {\n      container.removeEventListener('keydown', onKeyDown);\n      previouslyFocused?.focus?.();\n    };\n  }, [ref, enabled]);\n}\n","import { useEffect, useRef, type RefObject } from 'react';\n\n/**\n * Run `callback` whenever the referenced element's size changes. Returns\n * synchronously after layout, before paint. Cleans up automatically.\n */\nexport function useResizeObserver<T extends HTMLElement>(\n  ref: RefObject<T | null>,\n  callback: (entry: ResizeObserverEntry) => void,\n  enabled = true,\n): void {\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled || !ref.current || typeof ResizeObserver === 'undefined') return;\n    const element = ref.current;\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) callbackRef.current(entry);\n    });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref, enabled]);\n}\n","import { useEffect, useState } from 'react';\n\n/**\n * Reactively follow a CSS media query. Pass a query string like\n * `'(min-width: 768px)'` or `'(prefers-reduced-motion: reduce)'`.\n */\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState(() => window.matchMedia(query).matches);\n\n  useEffect(() => {\n    const mql = window.matchMedia(query);\n    setMatches(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => setMatches(e.matches);\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, [query]);\n\n  return matches;\n}\n"]}

package/dist/{chunk-KDXJQNB6.js → chunk-77WSI427.js}

@@ -1,10 +1,6 @@
-import { useId as useId$1, useEffect } from 'react';
+import { useEffect } from 'react';
 
-// src/hooks/useId.ts
-function useId(prefix) {
-  const id = useId$1();
-  return prefix ? `${id}-${prefix}` : id;
-}
+// src/hooks/useScrollLock.ts
 var lockCount = 0;
 var originalOverflow = null;
 var originalPaddingRight = null;
@@ -38,6 +34,6 @@ function useScrollLock(enabled = true) {
   }, [enabled]);
 }
 
-export { useId, useScrollLock };
-//# sourceMappingURL=chunk-KDXJQNB6.js.map
-//# sourceMappingURL=chunk-KDXJQNB6.js.map
+export { useScrollLock };
+//# sourceMappingURL=chunk-77WSI427.js.map
+//# sourceMappingURL=chunk-77WSI427.js.map

package/dist/chunk-77WSI427.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useScrollLock.ts"],"names":[],"mappings":";;;AAEA,IAAI,SAAA,GAAY,CAAA;AAChB,IAAI,gBAAA,GAAkC,IAAA;AACtC,IAAI,oBAAA,GAAsC,IAAA;AAE1C,SAAS,iBAAA,GAA4B;AACnC,EAAA,OAAO,MAAA,CAAO,UAAA,GAAa,QAAA,CAAS,eAAA,CAAgB,WAAA;AACtD;AAOO,SAAS,aAAA,CAAc,UAAU,IAAA,EAAY;AAClD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,IAAI,cAAc,CAAA,EAAG;AACnB,MAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,MAAA,MAAM,iBAAiB,iBAAA,EAAkB;AACzC,MAAA,gBAAA,GAAmB,KAAK,KAAA,CAAM,QAAA;AAC9B,MAAA,oBAAA,GAAuB,KAAK,KAAA,CAAM,YAAA;AAClC,MAAA,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AACtB,MAAA,IAAI,iBAAiB,CAAA,EAAG;AACtB,QAAA,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,CAAA,EAAG,cAAc,CAAA,EAAA,CAAA;AAAA,MAC7C;AAAA,IACF;AACA,IAAA,SAAA,IAAa,CAAA;AAEb,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,IAAa,CAAA;AACb,MAAA,IAAI,cAAc,CAAA,EAAG;AACnB,QAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,QAAA,IAAA,CAAK,KAAA,CAAM,WAAW,gBAAA,IAAoB,EAAA;AAC1C,QAAA,IAAA,CAAK,KAAA,CAAM,eAAe,oBAAA,IAAwB,EAAA;AAClD,QAAA,gBAAA,GAAmB,IAAA;AACnB,QAAA,oBAAA,GAAuB,IAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACd","file":"chunk-77WSI427.js","sourcesContent":["import { useEffect } from 'react';\n\nlet lockCount = 0;\nlet originalOverflow: string | null = null;\nlet originalPaddingRight: string | null = null;\n\nfunction getScrollbarWidth(): number {\n  return window.innerWidth - document.documentElement.clientWidth;\n}\n\n/**\n * Prevent body scroll while at least one consumer has the lock active.\n * Internally counted — multiple overlays may lock; only the last unlock restores.\n * Compensates for scrollbar width to avoid layout shift.\n */\nexport function useScrollLock(enabled = true): void {\n  useEffect(() => {\n    if (!enabled) return;\n    if (lockCount === 0) {\n      const body = document.body;\n      const scrollbarWidth = getScrollbarWidth();\n      originalOverflow = body.style.overflow;\n      originalPaddingRight = body.style.paddingRight;\n      body.style.overflow = 'hidden';\n      if (scrollbarWidth > 0) {\n        body.style.paddingRight = `${scrollbarWidth}px`;\n      }\n    }\n    lockCount += 1;\n\n    return () => {\n      lockCount -= 1;\n      if (lockCount === 0) {\n        const body = document.body;\n        body.style.overflow = originalOverflow ?? '';\n        body.style.paddingRight = originalPaddingRight ?? '';\n        originalOverflow = null;\n        originalPaddingRight = null;\n      }\n    };\n  }, [enabled]);\n}\n"]}

package/dist/{chunk-T3JN5Y3E.js → chunk-JCMV6IT4.js}

@@ -1,8 +1,10 @@
-import { useId as useId$1, useScrollLock } from './chunk-KDXJQNB6.js';
+import { useFormControl, FormControlProvider } from './chunk-Q27NAHVB.js';
+import { useScrollLock } from './chunk-77WSI427.js';
+import { Slot } from './chunk-33IOXQYO.js';
 import { composeRefs } from './chunk-DN7WBRIV.js';
 import { cn } from './chunk-KZ4VFY2T.js';
 import { __export } from './chunk-PZ5AY32C.js';
-import { forwardRef, isValidElement, Children, cloneElement, useState, useRef, useEffect, createContext, useContext, useCallback, useMemo, useId } from 'react';
+import { forwardRef, useState, useRef, useEffect, isValidElement, cloneElement, createContext, useContext, useCallback, useMemo, useId } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { FocusScope as FocusScope$1 } from '@radix-ui/react-focus-scope';
@@ -28,46 +30,6 @@ __export(primitives_exports, {
   useFormControl: () => useFormControl,
   useRovingFocusItem: () => useRovingFocusItem
 });
-function mergeProps(slotProps, childProps) {
-  const merged = { ...childProps };
-  for (const key of Object.keys(slotProps)) {
-    const slotVal = slotProps[key];
-    const childVal = childProps[key];
-    if (key === "className") {
-      merged.className = [slotVal, childVal].filter(Boolean).join(" ");
-    } else if (key === "style") {
-      merged.style = { ...slotVal, ...childVal };
-    } else if (/^on[A-Z]/.test(key)) {
-      const slotFn = slotVal;
-      const childFn = childVal;
-      if (slotFn && childFn) {
-        merged[key] = (...args) => {
-          childFn(...args);
-          slotFn(...args);
-        };
-      } else if (slotFn) {
-        merged[key] = slotFn;
-      }
-    } else if (childVal === void 0) {
-      merged[key] = slotVal;
-    }
-  }
-  return merged;
-}
-var Slot = forwardRef(
-  ({ children, ...slotProps }, forwardedRef) => {
-    if (!isValidElement(children)) {
-      return Children.count(children) > 1 ? Children.only(null) : null;
-    }
-    const child = children;
-    const merged = mergeProps(slotProps, child.props ?? {});
-    return cloneElement(child, {
-      ...merged,
-      ref: composeRefs(forwardedRef, child.ref)
-    });
-  }
-);
-Slot.displayName = "Slot";
 function Portal({ children, container, name }) {
   const target = container ?? document.body;
   return createPortal(/* @__PURE__ */ jsx("div", { "data-portal-name": name, children }), target);
@@ -296,37 +258,11 @@ function createCollection() {
   }
   return { Provider, useCollection, Context: CollectionContext };
 }
-var Context = createContext(null);
-function FormControlProvider({
-  id: providedId,
-  isInvalid = false,
-  isDisabled = false,
-  isRequired = false,
-  isReadOnly = false,
-  children
-}) {
-  const generatedId = useId$1();
-  const id = providedId ?? generatedId;
-  const value = {
-    id,
-    labelId: `${id}-label`,
-    helperId: `${id}-helper`,
-    errorId: `${id}-error`,
-    isInvalid,
-    isDisabled,
-    isRequired,
-    isReadOnly
-  };
-  return /* @__PURE__ */ jsx(Context.Provider, { value, children });
-}
-function useFormControl() {
-  return useContext(Context);
-}
 function ScrollLockProvider({ enabled = true, children }) {
   useScrollLock(enabled);
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 
-export { AccessibleIcon, AnchoredPositioner, DirectionProvider, DismissableLayer, FocusScope, FormControlProvider, Portal, Presence, RovingFocusGroup, ScrollLockProvider, Slot, VisuallyHidden, createCollection, primitives_exports, useDirection, useFormControl, useRovingFocusItem };
-//# sourceMappingURL=chunk-T3JN5Y3E.js.map
-//# sourceMappingURL=chunk-T3JN5Y3E.js.map
+export { AccessibleIcon, AnchoredPositioner, DirectionProvider, DismissableLayer, FocusScope, Portal, Presence, RovingFocusGroup, ScrollLockProvider, VisuallyHidden, createCollection, primitives_exports, useDirection, useRovingFocusItem };
+//# sourceMappingURL=chunk-JCMV6IT4.js.map
+//# sourceMappingURL=chunk-JCMV6IT4.js.map