@photon-ai/pho-ui 0.1.1 → 0.2.0

package/dist/chunks/button-DjjSiLYz.js

@@ -1,334 +0,0 @@
-"use client";
-import { t as p } from "./cn-D6jQqeRj.js";
-import { n as T, r as S } from "./link-provider-9TFNyDqO.js";
-import { t as m } from "./resolve-variant-CcD8iG5l.js";
-import { isValidElement as B, useMemo as R } from "react";
-import { Fragment as _, jsx as a, jsxs as g } from "react/jsx-runtime";
-import { motion as y } from "motion/react";
-var q = p("group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-pho-brand transition duration-100 ease-linear before:absolute focus-visible:outline-2 focus-visible:outline-offset-2", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:pointer-events-none"), M = {
-  sm: {
-    classes: "gap-1 px-3 py-2 text-sm font-semibold data-svg-only:p-2",
-    description: "Small — compact rows, tables, and toolbars"
-  },
-  md: {
-    classes: "gap-1 px-3.5 py-2.5 text-sm font-semibold data-svg-only:p-2.5",
-    description: "Medium — the default"
-  },
-  lg: {
-    classes: "gap-1.5 px-4 py-2.5 text-md font-semibold data-svg-only:p-3",
-    description: "Large — prominent and marketing actions"
-  }
-}, O = {
-  square: {
-    classes: "rounded-lg before:rounded-[7px]",
-    description: "Default — gently rounded corners"
-  },
-  circle: {
-    classes: "rounded-full before:rounded-full",
-    description: "Circular — pair with svgOnly for round icon buttons"
-  },
-  rounded: {
-    classes: "rounded-full before:rounded-full",
-    description: "Pill — marketing CTAs, often with shadow"
-  }
-}, z = {
-  primary: {
-    classes: "bg-pho-brand-solid text-white shadow-pho-skeuo-xs ring-1 ring-transparent ring-inset hover:bg-pho-brand-solid-hover data-loading:bg-pho-brand-solid-hover before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0% *:data-icon:text-white/60 hover:*:data-icon:text-white/70",
-    description: "High-emphasis primary action (default)"
-  },
-  secondary: {
-    classes: "bg-pho-primary text-pho-secondary shadow-pho-skeuo-xs ring-1 ring-pho-primary ring-inset hover:bg-pho-primary-hover hover:text-pho-secondary-hover data-loading:bg-pho-primary-hover *:data-icon:text-fg-pho-quaternary hover:*:data-icon:text-fg-pho-quaternary-hover",
-    description: "Neutral, supporting action"
-  },
-  tertiary: {
-    classes: "text-pho-tertiary hover:bg-pho-primary-hover hover:text-pho-tertiary-hover data-loading:bg-pho-primary-hover *:data-icon:text-fg-pho-quaternary hover:*:data-icon:text-fg-pho-quaternary-hover",
-    description: "Low-emphasis, borderless action"
-  },
-  error: {
-    classes: "bg-pho-error-solid text-white shadow-pho-skeuo-xs ring-1 ring-transparent outline-pho-error ring-inset hover:bg-pho-error-solid-hover data-loading:bg-pho-error-solid-hover before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0% *:data-icon:text-white/60 hover:*:data-icon:text-white/70",
-    description: "Destructive confirmation"
-  }
-};
-function C(e) {
-  const { variant: r = "primary", size: i = "md", shape: n = "square", shadow: o, className: s } = e ?? {};
-  return p(q, m(O, n), m(M, i), m(z, r), o && "shadow-pho-md", s);
-}
-var D = "transition-inherit-all pointer-events-none inline-flex shrink-0 items-center [&>svg]:size-5 [&>svg]:shrink-0";
-function b({ position: e, children: r }) {
-  return /* @__PURE__ */ a("span", {
-    "data-icon": e,
-    className: D,
-    children: r
-  });
-}
-function v() {
-  return /* @__PURE__ */ g("svg", {
-    fill: "none",
-    viewBox: "0 0 20 20",
-    "aria-hidden": "true",
-    children: [/* @__PURE__ */ a("circle", {
-      className: "stroke-current opacity-30",
-      cx: "10",
-      cy: "10",
-      r: "8",
-      fill: "none",
-      strokeWidth: "2"
-    }), /* @__PURE__ */ a("circle", {
-      className: "origin-center animate-spin stroke-current",
-      cx: "10",
-      cy: "10",
-      r: "8",
-      fill: "none",
-      strokeWidth: "2",
-      strokeDasharray: "12.5 50",
-      strokeLinecap: "round"
-    })]
-  });
-}
-function w(e, r) {
-  return e == null || e === !1 ? null : S(e) ? /* @__PURE__ */ a(b, {
-    position: r,
-    children: /* @__PURE__ */ a(e, {})
-  }) : B(e) ? /* @__PURE__ */ a(b, {
-    position: r,
-    children: e
-  }) : null;
-}
-function F({ svgOnly: e, loading: r, prefix: i, suffix: n, children: o }) {
-  return e ? r ? /* @__PURE__ */ a(v, {}) : o : /* @__PURE__ */ g(_, { children: [
-    r ? /* @__PURE__ */ a(b, {
-      position: "loading",
-      children: /* @__PURE__ */ a(v, {})
-    }) : w(i, "prefix"),
-    o != null && o !== !1 && /* @__PURE__ */ a("span", {
-      "data-text": !0,
-      className: "transition-inherit-all px-0.5",
-      children: o
-    }),
-    w(n, "suffix")
-  ] });
-}
-function x(e, r) {
-  e && !r && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("Button: `svgOnly` buttons require an `aria-label` that names the action.");
-}
-function H({ variant: e, size: r, shape: i, shadow: n, prefix: o, suffix: s, svgOnly: t, loading: d, children: u, className: c, ref: l, ...h }) {
-  return x(t, h["aria-label"]), /* @__PURE__ */ a("button", {
-    ref: l,
-    type: "button",
-    ...h,
-    "aria-busy": d || void 0,
-    "data-loading": d ? "true" : void 0,
-    "data-svg-only": t ? "true" : void 0,
-    className: p(C({
-      variant: e,
-      size: r,
-      shape: i,
-      shadow: n
-    }), d && "pointer-events-none", t && "[&>svg]:size-5 [&>svg]:shrink-0", c),
-    children: F({
-      svgOnly: t,
-      loading: d,
-      prefix: o,
-      suffix: s,
-      children: u
-    })
-  });
-}
-H.displayName = "Button";
-function U({ variant: e, size: r, shape: i, shadow: n, prefix: o, suffix: s, svgOnly: t, loading: d, disabled: u, href: c, children: l, className: h, ...f }) {
-  return x(t, f["aria-label"]), /* @__PURE__ */ a(T(), {
-    href: c,
-    ...f,
-    "aria-disabled": u || d || void 0,
-    "aria-busy": d || void 0,
-    "data-loading": d ? "true" : void 0,
-    "data-svg-only": t ? "true" : void 0,
-    className: p(C({
-      variant: e,
-      size: r,
-      shape: i,
-      shadow: n
-    }), d && "pointer-events-none", t && "[&>svg]:size-5 [&>svg]:shrink-0", h),
-    children: F({
-      svgOnly: t,
-      loading: d,
-      prefix: o,
-      suffix: s,
-      children: l
-    })
-  });
-}
-U.displayName = "ButtonLink";
-var j = p("squircle relative inline-flex h-max cursor-pointer items-center justify-center overflow-hidden rounded-full border font-medium whitespace-nowrap", "outline-pho-brand focus-visible:outline-2 focus-visible:outline-offset-2", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"), A = {
-  type: "spring",
-  stiffness: 200,
-  damping: 30,
-  mass: 0.1
-}, P = "inset 0px 0px 5px 2px rgba(255, 255, 255, 0.5)", N = {
-  sm: {
-    boxShadow: "inset 0px -3px 8px 2px rgba(255, 255, 255, 0.5)",
-    gap: 0
-  },
-  md: {
-    boxShadow: "inset 0px -6px 14px 1px rgba(255, 255, 255, 0.5)",
-    gap: 4
-  }
-}, W = {
-  sm: {
-    classes: "p-2 text-sm data-svg-only:p-2",
-    description: "Small — the compact 'Variant 2' (14px label, 8px padding)"
-  },
-  md: {
-    classes: "px-4 py-3 text-md data-svg-only:p-3",
-    description: "Medium — the 'Variant 1' (16px label, 12×16 padding)"
-  }
-}, Z = {
-  primary: {
-    classes: "border-white/15 bg-pho-brand-solid text-white",
-    description: "Brand fill with the glossy inset sheen (default)"
-  },
-  secondary: {
-    classes: "border-transparent bg-pho-primary text-pho-secondary shadow-pho-skeuo-xs ring-1 ring-pho-primary ring-inset transition-colors duration-100 ease-linear not-disabled:hover:bg-pho-primary-hover not-disabled:hover:text-pho-secondary-hover data-loading:bg-pho-primary-hover",
-    description: "Neutral white-card pill (OAuth / supporting CTA), no sheen"
-  }
-};
-function L(e) {
-  const { variant: r = "primary", size: i = "md", fullWidth: n, className: o } = e ?? {};
-  return p(j, m(W, i), m(Z, r), n && "w-full", o);
-}
-function G(e, r) {
-  return r === "secondary" ? {
-    rest: { gap: 0 },
-    hover: { gap: N[e].gap }
-  } : {
-    rest: {
-      boxShadow: P,
-      gap: 0
-    },
-    hover: N[e]
-  };
-}
-var J = {
-  rest: {
-    opacity: 0,
-    width: 1,
-    height: 10
-  },
-  hover: {
-    opacity: 1,
-    width: 20,
-    height: 21
-  }
-};
-function E({ position: e, children: r }) {
-  return /* @__PURE__ */ a(y.span, {
-    "data-icon": e,
-    variants: J,
-    transition: A,
-    style: {
-      display: "inline-flex",
-      flex: "none",
-      alignItems: "center",
-      overflow: "hidden"
-    },
-    className: "pointer-events-none [&>svg]:block [&>svg]:size-full",
-    children: r
-  });
-}
-function k(e, r) {
-  return e == null || e === !1 ? null : S(e) ? /* @__PURE__ */ a(E, {
-    position: r,
-    children: /* @__PURE__ */ a(e, {})
-  }) : B(e) ? /* @__PURE__ */ a(E, {
-    position: r,
-    children: e
-  }) : null;
-}
-function V({ svgOnly: e, loading: r, prefix: i, suffix: n, children: o }) {
-  return e ? r ? /* @__PURE__ */ a(v, {}) : o : /* @__PURE__ */ g(_, { children: [
-    r ? /* @__PURE__ */ a(b, {
-      position: "loading",
-      children: /* @__PURE__ */ a(v, {})
-    }) : k(i, "prefix"),
-    o != null && o !== !1 && /* @__PURE__ */ a("span", {
-      "data-text": !0,
-      className: "px-0.5",
-      children: o
-    }),
-    k(n, "suffix")
-  ] });
-}
-function I(e, r, i) {
-  return {
-    initial: !1,
-    animate: "rest",
-    whileHover: i ? void 0 : "hover",
-    variants: G(e, r),
-    transition: A
-  };
-}
-function K({ variant: e = "primary", size: r = "md", fullWidth: i, prefix: n, suffix: o, svgOnly: s, loading: t, children: d, className: u, ref: c, ...l }) {
-  return x(s, l["aria-label"]), /* @__PURE__ */ a(y.button, {
-    ref: c,
-    type: "button",
-    ...I(r, e, l.disabled || t),
-    ...l,
-    "aria-busy": t || void 0,
-    "data-loading": t ? "true" : void 0,
-    "data-svg-only": s ? "true" : void 0,
-    className: p(L({
-      variant: e,
-      size: r,
-      fullWidth: i
-    }), t && "pointer-events-none", s && "[&>svg]:size-5 [&>svg]:shrink-0", u),
-    children: V({
-      svgOnly: s,
-      loading: t,
-      prefix: n,
-      suffix: o,
-      children: d
-    })
-  });
-}
-K.displayName = "EffectButton";
-function Q({ variant: e = "primary", size: r = "md", fullWidth: i, prefix: n, suffix: o, svgOnly: s, loading: t, disabled: d, href: u, children: c, className: l, ...h }) {
-  x(s, h["aria-label"]);
-  const f = T();
-  return /* @__PURE__ */ a(R(() => y.create(f), [f]), {
-    href: u,
-    ...I(r, e, d || t),
-    ...h,
-    "aria-disabled": d || t || void 0,
-    "aria-busy": t || void 0,
-    "data-loading": t ? "true" : void 0,
-    "data-svg-only": s ? "true" : void 0,
-    className: p(L({
-      variant: e,
-      size: r,
-      fullWidth: i
-    }), t && "pointer-events-none", s && "[&>svg]:size-5 [&>svg]:shrink-0", l),
-    children: V({
-      svgOnly: s,
-      loading: t,
-      prefix: n,
-      suffix: o,
-      children: c
-    })
-  });
-}
-Q.displayName = "EffectButtonLink";
-export {
-  U as a,
-  K as c,
-  L as d,
-  H as i,
-  Q as l,
-  M as n,
-  W as o,
-  z as r,
-  Z as s,
-  O as t,
-  C as u
-};
-
-//# sourceMappingURL=button-DjjSiLYz.js.map

package/dist/chunks/button-DjjSiLYz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-DjjSiLYz.js","names":[],"sources":["../../src/components/button/button.tsx"],"sourcesContent":["import {\n  isValidElement,\n  useMemo,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type FC,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport { motion, type HTMLMotionProps } from \"motion/react\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant, type VariantMap } from \"../../utils/resolve-variant\";\nimport { isReactComponent } from \"../../utils/is-react-component\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\n\n/**\n * Design notes (Geist-aligned):\n * - ONE emphasis axis, kept deliberately small. `variant` is a closed,\n *   semantic set — a single high-emphasis default plus the supporting and\n *   intent variants you actually reach for. There is no `ghost`, no `link`,\n *   and no second destructive: navigation belongs to `ButtonLink`, and an\n *   inline text link is an anchor, not a button.\n * - THREE sizes (`sm` / `md` / `lg`, default `md`). No `xs` / `xl`.\n * - `prefix` / `suffix` are generic slots (icon, spinner, count…), not\n *   icon-only props. `svgOnly` makes an icon button and *requires* an\n *   `aria-label`. Boolean flags (`loading`, `shadow`) are declarative.\n */\n\nconst COMMON_ROOT = cn(\n  \"group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-pho-brand transition duration-100 ease-linear before:absolute focus-visible:outline-2 focus-visible:outline-offset-2\",\n  // Disabled (native `disabled` on <button>, `aria-disabled` on links).\n  \"disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:pointer-events-none\",\n);\n\n/** Size axis — padding, text size, and icon-only (svgOnly) padding. */\nexport const BUTTON_SIZES = {\n  sm: {\n    classes: \"gap-1 px-3 py-2 text-sm font-semibold data-svg-only:p-2\",\n    description: \"Small — compact rows, tables, and toolbars\",\n  },\n  md: {\n    classes: \"gap-1 px-3.5 py-2.5 text-sm font-semibold data-svg-only:p-2.5\",\n    description: \"Medium — the default\",\n  },\n  lg: {\n    classes: \"gap-1.5 px-4 py-2.5 text-md font-semibold data-svg-only:p-3\",\n    description: \"Large — prominent and marketing actions\",\n  },\n} satisfies VariantMap;\n\n/** Shape axis — corner treatment. `square` is the default text-button shape. */\nexport const BUTTON_SHAPES = {\n  square: {\n    classes: \"rounded-lg before:rounded-[7px]\",\n    description: \"Default — gently rounded corners\",\n  },\n  circle: {\n    classes: \"rounded-full before:rounded-full\",\n    description: \"Circular — pair with svgOnly for round icon buttons\",\n  },\n  rounded: {\n    classes: \"rounded-full before:rounded-full\",\n    description: \"Pill — marketing CTAs, often with shadow\",\n  },\n} satisfies VariantMap;\n\n/** Emphasis axis — a tight, semantic set. `primary` is the default. */\nexport const BUTTON_VARIANTS = {\n  primary: {\n    classes:\n      \"bg-pho-brand-solid text-white shadow-pho-skeuo-xs ring-1 ring-transparent ring-inset hover:bg-pho-brand-solid-hover data-loading:bg-pho-brand-solid-hover before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0% *:data-icon:text-white/60 hover:*:data-icon:text-white/70\",\n    description: \"High-emphasis primary action (default)\",\n  },\n  secondary: {\n    classes:\n      \"bg-pho-primary text-pho-secondary shadow-pho-skeuo-xs ring-1 ring-pho-primary ring-inset hover:bg-pho-primary-hover hover:text-pho-secondary-hover data-loading:bg-pho-primary-hover *:data-icon:text-fg-pho-quaternary hover:*:data-icon:text-fg-pho-quaternary-hover\",\n    description: \"Neutral, supporting action\",\n  },\n  tertiary: {\n    classes:\n      \"text-pho-tertiary hover:bg-pho-primary-hover hover:text-pho-tertiary-hover data-loading:bg-pho-primary-hover *:data-icon:text-fg-pho-quaternary hover:*:data-icon:text-fg-pho-quaternary-hover\",\n    description: \"Low-emphasis, borderless action\",\n  },\n  error: {\n    classes:\n      \"bg-pho-error-solid text-white shadow-pho-skeuo-xs ring-1 ring-transparent outline-pho-error ring-inset hover:bg-pho-error-solid-hover data-loading:bg-pho-error-solid-hover before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0% *:data-icon:text-white/60 hover:*:data-icon:text-white/70\",\n    description: \"Destructive confirmation\",\n  },\n} satisfies VariantMap;\n\nexport type ButtonSize = keyof typeof BUTTON_SIZES;\nexport type ButtonShape = keyof typeof BUTTON_SHAPES;\nexport type ButtonVariant = keyof typeof BUTTON_VARIANTS;\n\n/** Compose the full class string for a button — exported for reuse/testing. */\nexport function buttonVariants(opts?: {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  shape?: ButtonShape;\n  shadow?: boolean;\n  className?: string;\n}): string {\n  const {\n    variant = \"primary\",\n    size = \"md\",\n    shape = \"square\",\n    shadow,\n    className,\n  } = opts ?? {};\n  return cn(\n    COMMON_ROOT,\n    resolveVariant(BUTTON_SHAPES, shape),\n    resolveVariant(BUTTON_SIZES, size),\n    resolveVariant(BUTTON_VARIANTS, variant),\n    shadow && \"shadow-pho-md\",\n    className,\n  );\n}\n\n/** An icon/element slot rendered before or after the label. */\ntype Slottable = ReactNode | FC<{ className?: string }>;\n\ninterface ButtonBaseProps {\n  /** Emphasis variant. @default \"primary\" */\n  variant?: ButtonVariant;\n  /** Size variant. @default \"md\" */\n  size?: ButtonSize;\n  /** Corner shape. @default \"square\" */\n  shape?: ButtonShape;\n  /** Add an elevation shadow (marketing / `rounded`). */\n  shadow?: boolean;\n  /** Slot before the label — a component (`Plus`) or element (`<Plus />`). */\n  prefix?: Slottable;\n  /** Slot after the label. */\n  suffix?: Slottable;\n  /** Render as an icon-only button. Requires an `aria-label`. */\n  svgOnly?: boolean;\n  /** Show a spinner and block interaction while staying readable. */\n  loading?: boolean;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface ButtonProps\n  extends\n    ButtonBaseProps,\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonBaseProps> {\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport interface ButtonLinkProps\n  extends\n    ButtonBaseProps,\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof ButtonBaseProps> {\n  /** Navigate to this URL (rendered via the host's `LinkProvider`). */\n  href: string;\n  /** Visually and semantically disable the link. */\n  disabled?: boolean;\n}\n\nconst SLOT_CLASS =\n  \"transition-inherit-all pointer-events-none inline-flex shrink-0 items-center [&>svg]:size-5 [&>svg]:shrink-0\";\n\nfunction Slot({\n  position,\n  children,\n}: {\n  position: \"prefix\" | \"suffix\" | \"loading\";\n  children: ReactNode;\n}) {\n  return (\n    <span data-icon={position} className={SLOT_CLASS}>\n      {children}\n    </span>\n  );\n}\n\nfunction Spinner() {\n  return (\n    <svg fill=\"none\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n      <circle\n        className=\"stroke-current opacity-30\"\n        cx=\"10\"\n        cy=\"10\"\n        r=\"8\"\n        fill=\"none\"\n        strokeWidth=\"2\"\n      />\n      <circle\n        className=\"origin-center animate-spin stroke-current\"\n        cx=\"10\"\n        cy=\"10\"\n        r=\"8\"\n        fill=\"none\"\n        strokeWidth=\"2\"\n        strokeDasharray=\"12.5 50\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nfunction renderSlot(icon: Slottable, position: \"prefix\" | \"suffix\") {\n  if (icon == null || icon === false) return null;\n  if (isReactComponent(icon)) {\n    const Icon = icon;\n    return (\n      <Slot position={position}>\n        <Icon />\n      </Slot>\n    );\n  }\n  if (isValidElement(icon)) return <Slot position={position}>{icon}</Slot>;\n  return null;\n}\n\nfunction buttonInner({\n  svgOnly,\n  loading,\n  prefix,\n  suffix,\n  children,\n}: Pick<\n  ButtonBaseProps,\n  \"svgOnly\" | \"loading\" | \"prefix\" | \"suffix\" | \"children\"\n>) {\n  if (svgOnly) {\n    return loading ? <Spinner /> : children;\n  }\n  return (\n    <>\n      {loading ? (\n        <Slot position=\"loading\">\n          <Spinner />\n        </Slot>\n      ) : (\n        renderSlot(prefix, \"prefix\")\n      )}\n      {children != null && children !== false && (\n        <span data-text className=\"transition-inherit-all px-0.5\">\n          {children}\n        </span>\n      )}\n      {renderSlot(suffix, \"suffix\")}\n    </>\n  );\n}\n\nfunction warnMissingLabel(svgOnly: boolean | undefined, label: unknown) {\n  if (\n    svgOnly &&\n    !label &&\n    typeof process !== \"undefined\" &&\n    process.env?.NODE_ENV !== \"production\"\n  ) {\n    console.warn(\n      \"Button: `svgOnly` buttons require an `aria-label` that names the action.\",\n    );\n  }\n}\n\n/**\n * Button — triggers an action that mutates state (submit, save, delete).\n * For navigation that changes the URL, use {@link ButtonLink}.\n */\nexport function Button({\n  variant,\n  size,\n  shape,\n  shadow,\n  prefix,\n  suffix,\n  svgOnly,\n  loading,\n  children,\n  className,\n  ref,\n  ...props\n}: ButtonProps) {\n  warnMissingLabel(svgOnly, props[\"aria-label\"]);\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      {...props}\n      aria-busy={loading || undefined}\n      data-loading={loading ? \"true\" : undefined}\n      data-svg-only={svgOnly ? \"true\" : undefined}\n      className={cn(\n        buttonVariants({ variant, size, shape, shadow }),\n        loading && \"pointer-events-none\",\n        svgOnly && \"[&>svg]:size-5 [&>svg]:shrink-0\",\n        className,\n      )}\n    >\n      {buttonInner({ svgOnly, loading, prefix, suffix, children })}\n    </button>\n  );\n}\n\nButton.displayName = \"Button\";\n\n/**\n * ButtonLink — a link styled as a button, for navigation that changes the URL.\n * Shares every visual prop with {@link Button}; renders the host router's link\n * via `LinkProvider`.\n */\nexport function ButtonLink({\n  variant,\n  size,\n  shape,\n  shadow,\n  prefix,\n  suffix,\n  svgOnly,\n  loading,\n  disabled,\n  href,\n  children,\n  className,\n  ...props\n}: ButtonLinkProps) {\n  warnMissingLabel(svgOnly, props[\"aria-label\"]);\n  const Link = useLinkComponent();\n  return (\n    <Link\n      href={href}\n      {...props}\n      aria-disabled={disabled || loading || undefined}\n      aria-busy={loading || undefined}\n      data-loading={loading ? \"true\" : undefined}\n      data-svg-only={svgOnly ? \"true\" : undefined}\n      className={cn(\n        buttonVariants({ variant, size, shape, shadow }),\n        loading && \"pointer-events-none\",\n        svgOnly && \"[&>svg]:size-5 [&>svg]:shrink-0\",\n        className,\n      )}\n    >\n      {buttonInner({ svgOnly, loading, prefix, suffix, children })}\n    </Link>\n  );\n}\n\nButtonLink.displayName = \"ButtonLink\";\n\n/* ============================= Effect button ============================= */\n\n/**\n * A frame-exact port of Photon's Framer \"Button - Effect\", driven by Motion\n * (the same engine Framer renders with) so every frame matches the source — not\n * a CSS approximation. On hover, three things spring together on the *identical*\n * transition (`spring-physics 200 30 0.1` → stiffness 200 / damping 30 / mass\n * 0.1): a glossy inset white sheen reshapes toward the bottom edge, the gap\n * eases open (md), and any icon grows and fades in from nothing.\n *\n * Because it's a real spring — not a fixed-duration tween — it's also velocity-\n * correct: hovering out mid-animation continues from the current velocity,\n * exactly like Framer.\n *\n * Fill and stroke are STATIC (the source keeps them identical between the base\n * and hover variants); `variant` picks the treatment — `primary` is the source\n * brand pill with the glossy sheen, `secondary` the neutral white-card pill\n * (Button's secondary surface tokens) with the sheen omitted. The gap + icon\n * reveal springs are shared. `size` maps to the two source variants: `md` =\n * \"Variant 1\" (16px label, 12×16 padding), `sm` = \"Variant 2\" (14px label,\n * 8px padding).\n */\nconst EFFECT_ROOT = cn(\n  // Every variant keeps the 1px border so the pill geometry never shifts.\n  \"squircle relative inline-flex h-max cursor-pointer items-center justify-center overflow-hidden rounded-full border font-medium whitespace-nowrap\",\n  \"outline-pho-brand focus-visible:outline-2 focus-visible:outline-offset-2\",\n  \"disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\",\n);\n\n/** The exact source transition: `spring-physics 200 30 0.1` (stiffness/damping/mass). */\nconst EFFECT_SPRING = {\n  type: \"spring\",\n  stiffness: 200,\n  damping: 30,\n  mass: 0.1,\n} as const;\n\n/** Resting inset sheen — identical across both sizes (source base variants). */\nconst EFFECT_REST_SHADOW = \"inset 0px 0px 5px 2px rgba(255, 255, 255, 0.5)\";\n\n/** Per-size hover targets, sampled 1:1 from the source hover (gesture) variants. */\nconst EFFECT_HOVER = {\n  sm: { boxShadow: \"inset 0px -3px 8px 2px rgba(255, 255, 255, 0.5)\", gap: 0 },\n  md: { boxShadow: \"inset 0px -6px 14px 1px rgba(255, 255, 255, 0.5)\", gap: 4 },\n} as const;\n\n/** Size axis for {@link EffectButton} — padding + label size per source variant. */\nexport const EFFECT_BUTTON_SIZES = {\n  sm: {\n    classes: \"p-2 text-sm data-svg-only:p-2\",\n    description: \"Small — the compact 'Variant 2' (14px label, 8px padding)\",\n  },\n  md: {\n    classes: \"px-4 py-3 text-md data-svg-only:p-3\",\n    description: \"Medium — the 'Variant 1' (16px label, 12×16 padding)\",\n  },\n} satisfies VariantMap;\n\n/**\n * Emphasis axis for {@link EffectButton} — the static fill + edge treatment.\n * `secondary` reuses the white-card surface tokens of Button's `secondary`\n * (white card, hairline ring, quiet hover) and skips the glossy sheen — that\n * inset shine is the brand-fill treatment.\n */\nexport const EFFECT_BUTTON_VARIANTS = {\n  primary: {\n    classes: \"border-white/15 bg-pho-brand-solid text-white\",\n    description: \"Brand fill with the glossy inset sheen (default)\",\n  },\n  secondary: {\n    // The colors-only hover is gated with `not-disabled:` — CSS `:hover` still\n    // matches a disabled <button> (only pointer *events* are suppressed), and\n    // `enabled:` would never match the <a> rendered by EffectButtonLink. A\n    // disabled link is already inert via `aria-disabled:pointer-events-none`.\n    classes:\n      \"border-transparent bg-pho-primary text-pho-secondary shadow-pho-skeuo-xs ring-1 ring-pho-primary ring-inset transition-colors duration-100 ease-linear not-disabled:hover:bg-pho-primary-hover not-disabled:hover:text-pho-secondary-hover data-loading:bg-pho-primary-hover\",\n    description: \"Neutral white-card pill (OAuth / supporting CTA), no sheen\",\n  },\n} satisfies VariantMap;\n\nexport type EffectButtonSize = keyof typeof EFFECT_BUTTON_SIZES;\nexport type EffectButtonVariant = keyof typeof EFFECT_BUTTON_VARIANTS;\n\n/** Compose the static class string for an effect button — exported for reuse. */\nexport function effectButtonVariants(opts?: {\n  variant?: EffectButtonVariant;\n  size?: EffectButtonSize;\n  fullWidth?: boolean;\n  className?: string;\n}): string {\n  const { variant = \"primary\", size = \"md\", fullWidth, className } = opts ?? {};\n  return cn(\n    EFFECT_ROOT,\n    resolveVariant(EFFECT_BUTTON_SIZES, size),\n    resolveVariant(EFFECT_BUTTON_VARIANTS, variant),\n    fullWidth && \"w-full\",\n    className,\n  );\n}\n\n/**\n * Motion variants for the pill root — the sheen (+ gap on md) spring on hover.\n * `secondary` springs only the gap: its box-shadow stays with the CSS classes\n * (ring + skeuomorphic shadow), so Motion must never write an inline one.\n */\nfunction effectRootVariants(\n  size: EffectButtonSize,\n  variant: EffectButtonVariant,\n) {\n  if (variant === \"secondary\") {\n    return {\n      rest: { gap: 0 },\n      hover: { gap: EFFECT_HOVER[size].gap },\n    };\n  }\n  return {\n    rest: { boxShadow: EFFECT_REST_SHADOW, gap: 0 },\n    hover: EFFECT_HOVER[size],\n  };\n}\n\n/**\n * Icon reveal — a 1:1 port of the source \"Arrow Right\" instance: collapsed and\n * invisible at rest (opacity 0, 1×10px), grown to full size on hover (opacity 1,\n * 20×21px). The child inherits the pill's `rest`/`hover` variant label, so it\n * springs in perfect lockstep with the sheen and gap.\n */\nconst EFFECT_ICON_VARIANTS = {\n  rest: { opacity: 0, width: 1, height: 10 },\n  hover: { opacity: 1, width: 20, height: 21 },\n} as const;\n\nfunction EffectSlot({\n  position,\n  children,\n}: {\n  position: \"prefix\" | \"suffix\";\n  children: ReactNode;\n}) {\n  return (\n    <motion.span\n      data-icon={position}\n      variants={EFFECT_ICON_VARIANTS}\n      transition={EFFECT_SPRING}\n      style={{\n        display: \"inline-flex\",\n        flex: \"none\",\n        alignItems: \"center\",\n        overflow: \"hidden\",\n      }}\n      className=\"pointer-events-none [&>svg]:block [&>svg]:size-full\"\n    >\n      {children}\n    </motion.span>\n  );\n}\n\nfunction renderEffectSlot(icon: Slottable, position: \"prefix\" | \"suffix\") {\n  if (icon == null || icon === false) return null;\n  if (isReactComponent(icon)) {\n    const Icon = icon;\n    return (\n      <EffectSlot position={position}>\n        <Icon />\n      </EffectSlot>\n    );\n  }\n  if (isValidElement(icon))\n    return <EffectSlot position={position}>{icon}</EffectSlot>;\n  return null;\n}\n\nfunction effectButtonInner({\n  svgOnly,\n  loading,\n  prefix,\n  suffix,\n  children,\n}: Pick<\n  EffectButtonBaseProps,\n  \"svgOnly\" | \"loading\" | \"prefix\" | \"suffix\" | \"children\"\n>) {\n  // An icon-only button keeps its icon always visible (nothing to reveal).\n  if (svgOnly) return loading ? <Spinner /> : children;\n  return (\n    <>\n      {loading ? (\n        <Slot position=\"loading\">\n          <Spinner />\n        </Slot>\n      ) : (\n        renderEffectSlot(prefix, \"prefix\")\n      )}\n      {children != null && children !== false && (\n        <span data-text className=\"px-0.5\">\n          {children}\n        </span>\n      )}\n      {renderEffectSlot(suffix, \"suffix\")}\n    </>\n  );\n}\n\n/** Motion props (initial/animate/hover/variants/transition) shared by both roots. */\nfunction effectMotionProps(\n  size: EffectButtonSize,\n  variant: EffectButtonVariant,\n  inert: boolean | undefined,\n) {\n  return {\n    initial: false as const,\n    animate: \"rest\",\n    // Browsers still dispatch pointerenter on a disabled <button>, so Motion's\n    // hover gesture would run the sheen / gap / icon-reveal springs on a pill\n    // that must read as inert. Omitting `whileHover` while disabled or loading\n    // is Motion's intended off-switch: the gesture never engages (no inline\n    // styles mutate), an in-flight hover springs back to `rest`, and restoring\n    // the prop re-arms hover in place — no remount, no rest-state change.\n    whileHover: inert ? undefined : \"hover\",\n    variants: effectRootVariants(size, variant),\n    transition: EFFECT_SPRING,\n  };\n}\n\n// Motion redefines these DOM handlers; drop them from our public props so\n// spreading onto a motion element type-checks cleanly.\ntype MotionConflicts =\n  | \"onAnimationStart\"\n  | \"onAnimationEnd\"\n  | \"onAnimationIteration\"\n  | \"onDrag\"\n  | \"onDragStart\"\n  | \"onDragEnd\"\n  | \"onDragEnter\"\n  | \"onDragExit\"\n  | \"onDragLeave\"\n  | \"onDragOver\"\n  | \"onDrop\"\n  | \"style\";\n\ninterface EffectButtonBaseProps {\n  /** Emphasis variant. @default \"primary\" */\n  variant?: EffectButtonVariant;\n  /** Size variant. @default \"md\" */\n  size?: EffectButtonSize;\n  /** Stretch to the container's full width (stacked login / OAuth pills). */\n  fullWidth?: boolean;\n  /** Slot before the label — a component (`Plus`) or element (`<Plus />`). */\n  prefix?: Slottable;\n  /** Slot after the label. */\n  suffix?: Slottable;\n  /** Render as an icon-only button. Requires an `aria-label`. */\n  svgOnly?: boolean;\n  /** Show a spinner and block interaction while staying readable. */\n  loading?: boolean;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface EffectButtonProps\n  extends\n    EffectButtonBaseProps,\n    Omit<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      keyof EffectButtonBaseProps | MotionConflicts\n    > {\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport interface EffectButtonLinkProps\n  extends\n    EffectButtonBaseProps,\n    Omit<\n      AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof EffectButtonBaseProps | MotionConflicts\n    > {\n  /** Navigate to this URL (rendered via the host's `LinkProvider`). */\n  href: string;\n  /** Visually and semantically disable the link. */\n  disabled?: boolean;\n}\n\n/**\n * EffectButton — the glossy, springy pill ported frame-for-frame from Photon's\n * Framer \"Button - Effect\", driven by Motion. `variant=\"secondary\"` swaps the\n * brand fill for the neutral white-card surface without the sheen (the login /\n * OAuth pill), and `fullWidth` stretches the pill across its container.\n * Triggers an action; for navigation use {@link EffectButtonLink}.\n */\nexport function EffectButton({\n  variant = \"primary\",\n  size = \"md\",\n  fullWidth,\n  prefix,\n  suffix,\n  svgOnly,\n  loading,\n  children,\n  className,\n  ref,\n  ...props\n}: EffectButtonProps) {\n  warnMissingLabel(svgOnly, props[\"aria-label\"]);\n  return (\n    <motion.button\n      ref={ref}\n      type=\"button\"\n      {...effectMotionProps(size, variant, props.disabled || loading)}\n      {...props}\n      aria-busy={loading || undefined}\n      data-loading={loading ? \"true\" : undefined}\n      data-svg-only={svgOnly ? \"true\" : undefined}\n      className={cn(\n        effectButtonVariants({ variant, size, fullWidth }),\n        loading && \"pointer-events-none\",\n        svgOnly && \"[&>svg]:size-5 [&>svg]:shrink-0\",\n        className,\n      )}\n    >\n      {effectButtonInner({ svgOnly, loading, prefix, suffix, children })}\n    </motion.button>\n  );\n}\n\nEffectButton.displayName = \"EffectButton\";\n\n/**\n * EffectButtonLink — {@link EffectButton} as a link, for navigation that changes\n * the URL. Renders the host router's link (via `LinkProvider`) wrapped by Motion,\n * so the pill animates identically to the button.\n */\nexport function EffectButtonLink({\n  variant = \"primary\",\n  size = \"md\",\n  fullWidth,\n  prefix,\n  suffix,\n  svgOnly,\n  loading,\n  disabled,\n  href,\n  children,\n  className,\n  ...props\n}: EffectButtonLinkProps) {\n  warnMissingLabel(svgOnly, props[\"aria-label\"]);\n  const Link = useLinkComponent();\n  // Wrap the host link once per link identity so Motion can drive the DOM node.\n  const MotionLink = useMemo(() => motion.create(Link), [Link]);\n  return (\n    <MotionLink\n      href={href}\n      {...effectMotionProps(size, variant, disabled || loading)}\n      {...(props as HTMLMotionProps<\"a\">)}\n      aria-disabled={disabled || loading || undefined}\n      aria-busy={loading || undefined}\n      data-loading={loading ? \"true\" : undefined}\n      data-svg-only={svgOnly ? \"true\" : undefined}\n      className={cn(\n        effectButtonVariants({ variant, size, fullWidth }),\n        loading && \"pointer-events-none\",\n        svgOnly && \"[&>svg]:size-5 [&>svg]:shrink-0\",\n        className,\n      )}\n    >\n      {effectButtonInner({ svgOnly, loading, prefix, suffix, children })}\n    </MotionLink>\n  );\n}\n\nEffectButtonLink.displayName = \"EffectButtonLink\";\n"],"mappings":"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"}

package/dist/chunks/dialog-BSBF1Wyq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-BSBF1Wyq.js","names":[],"sources":["../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType, type ReactNode } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { cn } from \"../../utils/cn\";\nimport { CloseButton } from \"../button/close-button\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\nconst Root = BaseDialog.Root;\nconst Trigger = BaseDialog.Trigger;\nconst Portal = BaseDialog.Portal;\nconst Close = BaseDialog.Close;\n\nfunction Backdrop({\n  className,\n  ...props\n}: StyledProps<typeof BaseDialog.Backdrop>) {\n  return (\n    <BaseDialog.Backdrop\n      className={cn(\n        \"bg-pho-overlay fixed inset-0 z-50 backdrop-blur-[2px] transition-opacity duration-200 ease-out\",\n        \"data-[ending-style]:opacity-0 data-[starting-style]:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({ className, ...props }: StyledProps<typeof BaseDialog.Popup>) {\n  return (\n    <BaseDialog.Popup\n      className={cn(\n        \"squircle border-pho-interactive bg-pho-primary shadow-pho-xl fixed top-1/2 left-1/2 z-50 w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-2xl border outline-none\",\n        \"transition-all duration-200 ease-out\",\n        \"data-[starting-style]:scale-95 data-[starting-style]:opacity-0\",\n        \"data-[ending-style]:scale-95 data-[ending-style]:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Title({ className, ...props }: StyledProps<typeof BaseDialog.Title>) {\n  return (\n    <BaseDialog.Title\n      className={cn(\"text-pho-primary text-lg font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Description({\n  className,\n  ...props\n}: StyledProps<typeof BaseDialog.Description>) {\n  return (\n    <BaseDialog.Description\n      className={cn(\"text-pho-tertiary text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\ninterface ContentProps extends Omit<\n  StyledProps<typeof BaseDialog.Popup>,\n  \"title\"\n> {\n  /** Heading rendered in the panel header. */\n  title?: ReactNode;\n  /** Supporting text under the title. */\n  description?: ReactNode;\n  /** Show the top-right close button. @default true */\n  showClose?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Convenience panel: renders the portal, backdrop, and styled popup with an\n * optional header (title/description + close). For full control, compose the\n * parts directly (`Dialog.Portal` / `Dialog.Backdrop` / `Dialog.Popup`).\n */\nfunction Content({\n  title,\n  description,\n  showClose = true,\n  children,\n  className,\n  ...props\n}: ContentProps) {\n  const hasHeader = Boolean(title || description || showClose);\n  return (\n    <Portal>\n      <Backdrop />\n      <Popup className={className} {...props}>\n        {hasHeader && (\n          <div className=\"flex items-start justify-between gap-4 px-6 pt-5\">\n            <div className=\"flex flex-col gap-1\">\n              {title && <Title>{title}</Title>}\n              {description && <Description>{description}</Description>}\n            </div>\n            {showClose && <Close render={<CloseButton />} />}\n          </div>\n        )}\n        <div className=\"px-6 py-5\">{children}</div>\n      </Popup>\n    </Portal>\n  );\n}\n\n/**\n * Modal dialog built on Base UI `Dialog`. Controlled or uncontrolled via\n * `Dialog.Root` (`open` / `onOpenChange` / `defaultOpen`).\n */\nexport const Dialog = {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Popup,\n  Title,\n  Description,\n  Close,\n  Content,\n};\n"],"mappings":";;;;;;AAaA,IAAM,IAAO,EAAW,MAClB,IAAU,EAAW,SACrB,IAAS,EAAW,QACpB,IAAQ,EAAW;AAEzB,SAAS,EAAS,EAChB,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAW,UAAZ;AAAA,IACE,WAAW,EACT,kGACA,iEACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA+C;AAC5E,SACE,gBAAA,EAAC,EAAW,OAAZ;AAAA,IACE,WAAW,EACT,2MACA,wCACA,kEACA,8DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA+C;AAC5E,SACE,gBAAA,EAAC,EAAW,OAAZ;AAAA,IACE,WAAW,EAAG,0CAA0C,CAAS;AAAA,IACjE,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAW,aAAZ;AAAA,IACE,WAAW,EAAG,6BAA6B,CAAS;AAAA,IACpD,GAAI;AAAA,EACL,CAAA;AAEL;AAoBA,SAAS,EAAQ,EACf,OAAA,GACA,aAAA,GACA,WAAA,IAAY,IACZ,UAAA,GACA,WAAA,GACA,GAAG,EAAA,GACY;AAEf,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,CAAW,CAAA,GACX,gBAAA,EAAC,GAAD;AAAA,IAAkB,WAAA;AAAA,IAAW,GAAI;AAAA,cAAjC,CAJc,GAAQ,KAAS,KAAe,MAM1C,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACE,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf,CACG,KAAS,gBAAA,EAAC,GAAD,EAAA,UAAQ,EAAa,CAAA,GAC9B,KAAe,gBAAA,EAAC,GAAD,EAAA,UAAc,EAAyB,CAAA,CACpD;AAAA,UACJ,KAAa,gBAAA,EAAC,GAAD,EAAO,QAAQ,gBAAA,EAAC,GAAD,CAAc,CAAA,EAAI,CAAA,CAC5C;AAAA,QAEP,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAa,UAAA;AAAA,IAAc,CAAA,CACrC;AAAA,IACD,EAAA,CAAA;AAEZ;AAMA,IAAa,IAAS;AAAA,EACpB,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AACF"}

package/dist/chunks/input-aZqjjV_m.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-aZqjjV_m.js","names":[],"sources":["../../src/components/input/input.tsx"],"sourcesContent":["import {\n  useState,\n  type ComponentType,\n  type InputHTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport { Eye, EyeSlash, WarningCircle } from \"@phosphor-icons/react\";\nimport { Field } from \"@base-ui/react/field\";\nimport { cn } from \"../../utils/cn\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nconst SIZE_PAD: Record<InputSize, string> = {\n  sm: \"px-3 py-2 text-sm\",\n  md: \"px-3 py-2 text-md\",\n  lg: \"px-3.5 py-2.5 text-md\",\n};\nconst LEADING_PAD: Record<InputSize, string> = {\n  sm: \"pl-9\",\n  md: \"pl-10\",\n  lg: \"pl-10.5\",\n};\nconst LEADING_ICON_POS: Record<InputSize, string> = {\n  sm: \"left-3 size-4\",\n  md: \"left-3 size-5\",\n  lg: \"left-3.5 size-5\",\n};\n\nexport interface InputProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> {\n  /** Field label (associated for accessibility). */\n  label?: ReactNode;\n  /** Helper text below the field; rendered in the error color when `invalid`. */\n  hint?: ReactNode;\n  /** Size variant. @default \"md\" */\n  size?: InputSize;\n  /** Render the invalid state (ring + icon + error-colored hint). */\n  invalid?: boolean;\n  /** Leading icon component (e.g. a Phosphor icon). */\n  icon?: ComponentType<{ className?: string }>;\n  /** Node rendered at the right edge of the label row (e.g. \"Forgot?\"). */\n  labelTrailing?: ReactNode;\n  /** Class applied to the input wrapper. */\n  wrapperClassName?: string;\n  ref?: Ref<HTMLInputElement>;\n}\n\n/**\n * Text input built on Base UI `Field` (label/description a11y wiring) with\n * Pho's bordered surface, leading icon, invalid state, and a built-in password\n * reveal toggle.\n */\nexport function Input({\n  label,\n  hint,\n  size = \"md\",\n  invalid,\n  icon: Icon,\n  labelTrailing,\n  disabled,\n  required,\n  type = \"text\",\n  className,\n  wrapperClassName,\n  id,\n  ref,\n  ...props\n}: InputProps) {\n  const [reveal, setReveal] = useState(false);\n  const isPassword = type === \"password\";\n  const resolvedType = isPassword && reveal ? \"text\" : type;\n  const hasLeadingIcon = Boolean(Icon);\n  const hasTrailingIcon = isPassword || invalid;\n\n  return (\n    <Field.Root\n      disabled={disabled}\n      className=\"group/field flex w-full flex-col gap-1.5\"\n    >\n      {label && (\n        <div className=\"flex items-center justify-between gap-2\">\n          <Field.Label className=\"text-pho-secondary flex cursor-default items-center gap-0.5 text-sm font-medium\">\n            {label}\n            {required && <span className=\"text-pho-brand\">*</span>}\n          </Field.Label>\n          {labelTrailing}\n        </div>\n      )}\n\n      <div\n        data-invalid={invalid || undefined}\n        className={cn(\n          \"bg-pho-primary shadow-pho-xs ring-pho-primary relative flex w-full items-center rounded-lg ring-1 transition-shadow duration-100 ease-linear ring-inset\",\n          \"has-[input:focus-visible]:ring-pho-brand has-[input:focus-visible]:ring-2\",\n          \"data-[invalid]:ring-pho-error-subtle data-[invalid]:has-[input:focus-visible]:ring-pho-error\",\n          \"group-data-[disabled]/field:cursor-not-allowed group-data-[disabled]/field:opacity-50\",\n          wrapperClassName,\n        )}\n      >\n        {Icon && (\n          <Icon\n            className={cn(\n              \"text-fg-pho-quaternary pointer-events-none absolute\",\n              LEADING_ICON_POS[size],\n            )}\n          />\n        )}\n\n        <Field.Control\n          ref={ref}\n          id={id}\n          type={resolvedType}\n          required={required}\n          {...props}\n          className={cn(\n            \"text-pho-primary placeholder:text-pho-placeholder m-0 w-full bg-transparent outline-none disabled:cursor-not-allowed\",\n            SIZE_PAD[size],\n            hasLeadingIcon && LEADING_PAD[size],\n            hasTrailingIcon && \"pr-9\",\n            className,\n          )}\n        />\n\n        {invalid && !isPassword && (\n          <WarningCircle\n            weight=\"fill\"\n            className=\"text-fg-pho-error pointer-events-none absolute right-3 size-4\"\n          />\n        )}\n\n        {isPassword && (\n          <button\n            type=\"button\"\n            // Reachable by click but skipped in tab order so Tab moves field→field.\n            tabIndex={-1}\n            aria-label=\"Toggle password visibility\"\n            onClick={() => setReveal((v) => !v)}\n            className=\"text-fg-pho-quaternary hover:text-fg-pho-quaternary-hover absolute right-3 flex cursor-pointer items-center transition duration-100 ease-linear focus:outline-none\"\n          >\n            {reveal ? (\n              <EyeSlash className=\"size-4\" />\n            ) : (\n              <Eye className=\"size-4\" />\n            )}\n          </button>\n        )}\n      </div>\n\n      {hint && (\n        <Field.Description\n          className={cn(\n            \"text-pho-tertiary text-sm\",\n            invalid && \"text-pho-error\",\n          )}\n        >\n          {hint}\n        </Field.Description>\n      )}\n    </Field.Root>\n  );\n}\n\nInput.displayName = \"Input\";\n"],"mappings":";;;;;;AAaA,IAAM,IAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GACM,IAAyC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GACM,IAA8C;AAAA,EAClD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AA4BA,SAAgB,EAAM,EACpB,OAAA,GACA,MAAA,GACA,MAAA,IAAO,MACP,SAAA,GACA,MAAM,GACN,eAAA,GACA,UAAA,GACA,UAAA,GACA,MAAA,IAAO,QACP,WAAA,GACA,kBAAA,GACA,IAAA,GACA,KAAA,GACA,GAAG,EAAA,GACU;AACb,QAAM,CAAC,GAAQ,CAAA,IAAa,EAAS,EAAK,GACpC,IAAa,MAAS,YACtB,IAAe,KAAc,IAAS,SAAS,GAC/C,IAAiB,EAAQ,GACzB,IAAkB,KAAc;AAEtC,SACE,gBAAA,EAAC,EAAM,MAAP;AAAA,IACY,UAAA;AAAA,IACV,WAAU;AAAA,cAFZ;AAAA,MAIG,KACC,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf,CACE,gBAAA,EAAC,EAAM,OAAP;AAAA,UAAa,WAAU;AAAA,oBAAvB,CACG,GACA,KAAY,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,sBAAiB;AAAA,UAAO,CAAA,CAC1C;AAAA,YACZ,CACE;AAAA;MAGP,gBAAA,EAAC,OAAD;AAAA,QACE,gBAAc,KAAW;AAAA,QACzB,WAAW,EACT,2JACA,6EACA,gGACA,yFACA,CACF;AAAA,kBARF;AAAA,UAUG,KACC,gBAAA,EAAC,GAAD,EACE,WAAW,EACT,uDACA,EAAiB,CAAA,CACnB,EACD,CAAA;AAAA,UAGH,gBAAA,EAAC,EAAM,SAAP;AAAA,YACO,KAAA;AAAA,YACD,IAAA;AAAA,YACJ,MAAM;AAAA,YACI,UAAA;AAAA,YACV,GAAI;AAAA,YACJ,WAAW,EACT,wHACA,EAAS,CAAA,GACT,KAAkB,EAAY,CAAA,GAC9B,KAAmB,QACnB,CACF;AAAA,UACD,CAAA;AAAA,UAEA,KAAW,CAAC,KACX,gBAAA,EAAC,GAAD;AAAA,YACE,QAAO;AAAA,YACP,WAAU;AAAA,UACX,CAAA;AAAA,UAGF,KACC,gBAAA,EAAC,UAAD;AAAA,YACE,MAAK;AAAA,YAEL,UAAU;AAAA,YACV,cAAW;AAAA,YACX,SAAA,MAAe,EAAA,CAAW,MAAM,CAAC,CAAC;AAAA,YAClC,WAAU;AAAA,sBAET,IACC,gBAAA,EAAC,GAAD,EAAU,WAAU,SAAU,CAAA,IAE9B,gBAAA,EAAC,GAAD,EAAK,WAAU,SAAU,CAAA;AAAA,UAErB,CAAA;AAAA,QAEP;AAAA;MAEJ,KACC,gBAAA,EAAC,EAAM,aAAP;AAAA,QACE,WAAW,EACT,6BACA,KAAW,gBACb;AAAA,kBAEC;AAAA,MACgB,CAAA;AAAA,IAEX;AAAA;AAEhB;AAEA,EAAM,cAAc"}

package/dist/chunks/menu-BkzDbNuX.js

@@ -1,101 +0,0 @@
-"use client";
-import { t as a } from "./cn-D6jQqeRj.js";
-import "react";
-import { jsx as o } from "react/jsx-runtime";
-import { Menu as r } from "@base-ui/react/menu";
-import { Separator as p } from "@base-ui/react/separator";
-var u = "squircle bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-interactive origin-[var(--transform-origin)] min-w-44 rounded-xl p-1 ring-1 ring-inset outline-none transition-[transform,opacity] duration-150 ease-out data-[starting-style]:scale-95 data-[starting-style]:opacity-0 data-[ending-style]:scale-95 data-[ending-style]:opacity-0", n = "relative flex cursor-pointer items-center gap-2 rounded-lg py-1.5 pr-2.5 pl-2.5 text-sm text-pho-secondary outline-none select-none data-[highlighted]:bg-pho-secondary data-[highlighted]:text-pho-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:text-fg-pho-quaternary", c = r.Root, m = r.Trigger, l = r.Portal, d = r.Group, g = r.RadioGroup, h = r.SubmenuRoot;
-function f({ className: t, sideOffset: e = 6, ...s }) {
-  return /* @__PURE__ */ o(r.Positioner, {
-    sideOffset: e,
-    className: a("z-50", t),
-    ...s
-  });
-}
-function x({ className: t, ...e }) {
-  return /* @__PURE__ */ o(r.Popup, {
-    className: a(u, t),
-    ...e
-  });
-}
-function y({ className: t, ...e }) {
-  return /* @__PURE__ */ o(r.Item, {
-    className: a(n, t),
-    ...e
-  });
-}
-function b({ className: t, ...e }) {
-  return /* @__PURE__ */ o(r.LinkItem, {
-    className: a(n, t),
-    ...e
-  });
-}
-function I({ className: t, ...e }) {
-  return /* @__PURE__ */ o(r.GroupLabel, {
-    className: a("text-pho-quaternary px-2.5 py-1.5 text-xs font-medium", t),
-    ...e
-  });
-}
-function v({ className: t, ...e }) {
-  return /* @__PURE__ */ o(p, {
-    className: a("-mx-1 my-1 h-px bg-[var(--border-color-pho-secondary)]", t),
-    ...e
-  });
-}
-function N({ className: t, ...e }) {
-  return /* @__PURE__ */ o(r.SubmenuTrigger, {
-    className: a(n, "data-[popup-open]:bg-pho-secondary", t),
-    ...e
-  });
-}
-function R({ className: t, ...e }) {
-  return /* @__PURE__ */ o(r.CheckboxItem, {
-    className: a(n, "pl-8", t),
-    ...e
-  });
-}
-function P({ className: t, ...e }) {
-  return /* @__PURE__ */ o(r.RadioItem, {
-    className: a(n, "pl-8", t),
-    ...e
-  });
-}
-var i = "text-pho-brand absolute left-2.5 flex items-center [&>svg]:size-4";
-function C({ className: t, ...e }) {
-  return /* @__PURE__ */ o(r.CheckboxItemIndicator, {
-    className: a(i, t),
-    ...e
-  });
-}
-function S({ className: t, ...e }) {
-  return /* @__PURE__ */ o(r.RadioItemIndicator, {
-    className: a(i, t),
-    ...e
-  });
-}
-var L = {
-  Root: c,
-  Trigger: m,
-  Portal: l,
-  Positioner: f,
-  Popup: x,
-  Item: y,
-  LinkItem: b,
-  Group: d,
-  GroupLabel: I,
-  Separator: v,
-  SubmenuRoot: h,
-  SubmenuTrigger: N,
-  CheckboxItem: R,
-  CheckboxItemIndicator: C,
-  RadioGroup: g,
-  RadioItem: P,
-  RadioItemIndicator: S
-};
-export {
-  u as n,
-  L as r,
-  n as t
-};
-
-//# sourceMappingURL=menu-BkzDbNuX.js.map

package/dist/chunks/menu-BkzDbNuX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-BkzDbNuX.js","names":[],"sources":["../../src/components/menu/menu.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { Separator as BaseSeparator } from \"@base-ui/react/separator\";\nimport { cn } from \"../../utils/cn\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\n/** Shared popup + item styles, reused by `ContextMenu` and `Menubar` menus. */\nexport const MENU_POPUP =\n  \"squircle bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-interactive origin-[var(--transform-origin)] min-w-44 rounded-xl p-1 ring-1 ring-inset outline-none transition-[transform,opacity] duration-150 ease-out data-[starting-style]:scale-95 data-[starting-style]:opacity-0 data-[ending-style]:scale-95 data-[ending-style]:opacity-0\";\nexport const MENU_ITEM =\n  \"relative flex cursor-pointer items-center gap-2 rounded-lg py-1.5 pr-2.5 pl-2.5 text-sm text-pho-secondary outline-none select-none data-[highlighted]:bg-pho-secondary data-[highlighted]:text-pho-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:text-fg-pho-quaternary\";\n\nconst Root = BaseMenu.Root;\nconst Trigger = BaseMenu.Trigger;\nconst Portal = BaseMenu.Portal;\nconst Group = BaseMenu.Group;\nconst RadioGroup = BaseMenu.RadioGroup;\nconst SubmenuRoot = BaseMenu.SubmenuRoot;\n\nfunction Positioner({\n  className,\n  sideOffset = 6,\n  ...props\n}: StyledProps<typeof BaseMenu.Positioner>) {\n  return (\n    <BaseMenu.Positioner\n      sideOffset={sideOffset}\n      className={cn(\"z-50\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({ className, ...props }: StyledProps<typeof BaseMenu.Popup>) {\n  return <BaseMenu.Popup className={cn(MENU_POPUP, className)} {...props} />;\n}\n\nfunction Item({ className, ...props }: StyledProps<typeof BaseMenu.Item>) {\n  return <BaseMenu.Item className={cn(MENU_ITEM, className)} {...props} />;\n}\n\nfunction LinkItem({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.LinkItem>) {\n  return <BaseMenu.LinkItem className={cn(MENU_ITEM, className)} {...props} />;\n}\n\nfunction GroupLabel({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.GroupLabel>) {\n  return (\n    <BaseMenu.GroupLabel\n      className={cn(\n        \"text-pho-quaternary px-2.5 py-1.5 text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Separator({ className, ...props }: StyledProps<typeof BaseSeparator>) {\n  return (\n    <BaseSeparator\n      className={cn(\n        \"-mx-1 my-1 h-px bg-[var(--border-color-pho-secondary)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SubmenuTrigger({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.SubmenuTrigger>) {\n  return (\n    <BaseMenu.SubmenuTrigger\n      className={cn(MENU_ITEM, \"data-[popup-open]:bg-pho-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CheckboxItem({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.CheckboxItem>) {\n  return (\n    <BaseMenu.CheckboxItem\n      className={cn(MENU_ITEM, \"pl-8\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioItem({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.RadioItem>) {\n  return (\n    <BaseMenu.RadioItem\n      className={cn(MENU_ITEM, \"pl-8\", className)}\n      {...props}\n    />\n  );\n}\n\nconst CHECK_INDICATOR =\n  \"text-pho-brand absolute left-2.5 flex items-center [&>svg]:size-4\";\n\nfunction CheckboxItemIndicator({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.CheckboxItemIndicator>) {\n  return (\n    <BaseMenu.CheckboxItemIndicator\n      className={cn(CHECK_INDICATOR, className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioItemIndicator({\n  className,\n  ...props\n}: StyledProps<typeof BaseMenu.RadioItemIndicator>) {\n  return (\n    <BaseMenu.RadioItemIndicator\n      className={cn(CHECK_INDICATOR, className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Dropdown menu built on Base UI `Menu` — a list of actions opened from a\n * trigger. Supports grouped items, separators, submenus\n * (`SubmenuRoot` + `SubmenuTrigger`), and stateful `CheckboxItem` /\n * `RadioItem`s. For a right-click menu use `ContextMenu`.\n */\nexport const Menu = {\n  Root,\n  Trigger,\n  Portal,\n  Positioner,\n  Popup,\n  Item,\n  LinkItem,\n  Group,\n  GroupLabel,\n  Separator,\n  SubmenuRoot,\n  SubmenuTrigger,\n  CheckboxItem,\n  CheckboxItemIndicator,\n  RadioGroup,\n  RadioItem,\n  RadioItemIndicator,\n};\n"],"mappings":"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"}