@wow-two-beta/ui 0.0.3 → 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,8 @@
-export { Button, buttonVariants } from '../chunk-7CP7KR5F.js';
-import '../chunk-ECZ4YFAI.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';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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-6NYTRHP7.js

@@ -0,0 +1,168 @@
+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';
+
+// src/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useControlled: () => useControlled,
+  useDisclosure: () => useDisclosure,
+  useEscape: () => useEscape,
+  useEventListener: () => useEventListener,
+  useFocusTrap: () => useFocusTrap,
+  useId: () => useId,
+  useMediaQuery: () => useMediaQuery,
+  useOutsideClick: () => useOutsideClick,
+  useResizeObserver: () => useResizeObserver,
+  useScrollLock: () => useScrollLock
+});
+function useControlled({
+  controlled,
+  default: defaultValue,
+  onChange
+}) {
+  const [uncontrolled, setUncontrolled] = useState(defaultValue);
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const isControlled = controlled !== void 0;
+  const value = isControlled ? controlled : uncontrolled;
+  const setValue = useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolled(next);
+      onChangeRef.current?.(next);
+    },
+    [isControlled]
+  );
+  return [value, setValue];
+}
+function useDisclosure(initial = false) {
+  const [isOpen, setIsOpen] = useState(initial);
+  const open = useCallback(() => setIsOpen(true), []);
+  const close = useCallback(() => setIsOpen(false), []);
+  const toggle = useCallback(() => setIsOpen((o) => !o), []);
+  return { isOpen, open, close, toggle, setOpen: setIsOpen };
+}
+function useEventListener(event, handler, target = document, options) {
+  const handlerRef = useRef(handler);
+  useLayoutEffect(() => {
+    handlerRef.current = handler;
+  }, [handler]);
+  useEffect(() => {
+    if (!target) return;
+    const listener = (e) => handlerRef.current(e);
+    target.addEventListener(event, listener, options);
+    return () => target.removeEventListener(event, listener, options);
+  }, [event, target, options]);
+}
+function useOutsideClick(refs, handler, enabled = true) {
+  const handlerRef = useRef(handler);
+  handlerRef.current = handler;
+  useEffect(() => {
+    if (!enabled) return;
+    const refList = Array.isArray(refs) ? refs : [refs];
+    const onPointerDown = (e) => {
+      const target = e.target;
+      if (!target) return;
+      for (const ref of refList) {
+        if (ref.current && ref.current.contains(target)) return;
+      }
+      handlerRef.current(e);
+    };
+    document.addEventListener("pointerdown", onPointerDown, true);
+    return () => document.removeEventListener("pointerdown", onPointerDown, true);
+  }, [refs, enabled]);
+}
+function useEscape(handler, enabled = true) {
+  const handlerRef = useRef(handler);
+  handlerRef.current = handler;
+  useEffect(() => {
+    if (!enabled) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") handlerRef.current(e);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [enabled]);
+}
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])',
+  '[contenteditable="true"]'
+].join(",");
+function getFocusable(container) {
+  return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
+    (el) => !el.hasAttribute("aria-hidden") && el.offsetParent !== null
+  );
+}
+function useFocusTrap(ref, enabled = true) {
+  useEffect(() => {
+    if (!enabled || !ref.current) return;
+    const container = ref.current;
+    const previouslyFocused = document.activeElement;
+    const focusables = getFocusable(container);
+    if (focusables.length > 0 && !container.contains(document.activeElement)) {
+      focusables[0]?.focus();
+    } else if (focusables.length === 0) {
+      container.tabIndex = -1;
+      container.focus();
+    }
+    const onKeyDown = (e) => {
+      if (e.key !== "Tab") return;
+      const items = getFocusable(container);
+      if (items.length === 0) {
+        e.preventDefault();
+        return;
+      }
+      const first = items[0];
+      const last = items[items.length - 1];
+      if (!first || !last) return;
+      const active = document.activeElement;
+      if (e.shiftKey && active === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    container.addEventListener("keydown", onKeyDown);
+    return () => {
+      container.removeEventListener("keydown", onKeyDown);
+      previouslyFocused?.focus?.();
+    };
+  }, [ref, enabled]);
+}
+function useResizeObserver(ref, callback, enabled = true) {
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  useEffect(() => {
+    if (!enabled || !ref.current || typeof ResizeObserver === "undefined") return;
+    const element = ref.current;
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) callbackRef.current(entry);
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [ref, enabled]);
+}
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(() => window.matchMedia(query).matches);
+  useEffect(() => {
+    const mql = window.matchMedia(query);
+    setMatches(mql.matches);
+    const onChange = (e) => setMatches(e.matches);
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, [query]);
+  return matches;
+}
+
+export { hooks_exports, useControlled, useDisclosure, useEscape, useEventListener, useFocusTrap, useMediaQuery, useOutsideClick, useResizeObserver };
+//# 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"]}