@photon-ai/pho-ui 1.1.0 → 1.2.0

package/dist/chunks/sidebar-BCqq58hV.js

@@ -0,0 +1,177 @@
+"use client";
+import { t as a } from "./cn-DTiB6ek_.js";
+import { n as b, r as y } from "./link-provider-9TFNyDqO.js";
+import { d as N } from "./close-button-Bq9f-H15.js";
+import { t as h } from "./createReactComponent-BqCmnqfX.js";
+import { n as l } from "./avatar-CiAvJNNs.js";
+import { createContext as I, isValidElement as R, useContext as E } from "react";
+import { Fragment as _, jsx as t, jsxs as n } from "react/jsx-runtime";
+var A = [["path", {
+  d: "M17 7l-10 10",
+  key: "svg-0"
+}], ["path", {
+  d: "M8 7l9 0l0 9",
+  key: "svg-1"
+}]], k = h("outline", "arrow-up-right", "ArrowUpRight", A), w = [
+  ["path", {
+    d: "M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",
+    key: "svg-0"
+  }],
+  ["path", {
+    d: "M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",
+    key: "svg-1"
+  }],
+  ["path", {
+    d: "M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",
+    key: "svg-2"
+  }]
+], C = h("outline", "dots", "Dots", w), f = "border-pho-secondary bg-pho-page sticky top-0 flex h-dvh w-64 shrink-0 flex-col border-r", v = {
+  base: "px-4 pt-5 pb-4",
+  sm: "px-3 pt-4 pb-3"
+}, Y = a(f, v.base), S = {
+  base: "mb-6 px-2",
+  sm: "mb-3 px-0"
+}, T = "outline-pho-brand flex min-h-8 w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left text-base transition-colors focus-visible:outline-2 focus-visible:-outline-offset-1", D = "bg-pho-primary text-pho-primary ring-pho-secondary font-medium ring-1 ring-inset *:data-icon:text-pho-primary", B = a("text-pho-secondary *:data-icon:text-pho-secondary", "hover:bg-pho-primary hover:text-pho-primary hover:*:data-icon:text-pho-primary"), x = I("base");
+function M({ className: r, inset: e = "base", ...o }) {
+  return /* @__PURE__ */ t(x.Provider, {
+    value: e,
+    children: /* @__PURE__ */ t("aside", {
+      className: a(f, v[e], r),
+      ...o,
+      "data-inset": e
+    })
+  });
+}
+function O({ className: r, ...e }) {
+  return /* @__PURE__ */ t("div", {
+    className: a("flex items-center gap-2.5", S[E(x)], r),
+    ...e
+  });
+}
+function z({ className: r, ...e }) {
+  return /* @__PURE__ */ t("nav", {
+    className: a("flex flex-1 flex-col gap-6 overflow-y-auto", r),
+    ...e
+  });
+}
+function F({ className: r, ...e }) {
+  return /* @__PURE__ */ t("div", {
+    className: r,
+    ...e
+  });
+}
+function L({ className: r, ...e }) {
+  return /* @__PURE__ */ t("div", {
+    className: a("text-pho-description mb-2 px-2 text-xs font-normal", r),
+    ...e
+  });
+}
+function U({ className: r, columns: e, ...o }) {
+  return /* @__PURE__ */ t("ul", {
+    className: a("m-0 list-none p-0 *:m-0", e ? "grid grid-cols-2 gap-x-2 gap-y-0.5" : "flex flex-col gap-0.5", r),
+    ...o
+  });
+}
+function V({ className: r, ...e }) {
+  return /* @__PURE__ */ t("div", {
+    className: a("mt-4 flex flex-col gap-0.5", r),
+    ...e
+  });
+}
+function p(r) {
+  if (r == null || r === !1) return null;
+  let e = null;
+  return y(r) ? e = /* @__PURE__ */ t(r, {}) : R(r) && (e = r), e == null ? null : /* @__PURE__ */ t("span", {
+    "data-icon": !0,
+    className: "pointer-events-none inline-flex shrink-0 items-center [&>svg]:size-4 [&>svg]:shrink-0",
+    children: e
+  });
+}
+function j({ icon: r, active: e, className: o, children: i, href: s, external: c, ...u }) {
+  const g = b(), d = a(T, e ? D : B, o), m = /* @__PURE__ */ t("span", {
+    className: "min-w-0 flex-1 truncate",
+    children: i
+  });
+  return s !== void 0 ? /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n(g, {
+    href: s,
+    "aria-current": e ? "page" : void 0,
+    ...c && {
+      target: "_blank",
+      rel: "noopener noreferrer"
+    },
+    ...u,
+    className: d,
+    children: [
+      p(r),
+      m,
+      c && /* @__PURE__ */ n(_, { children: [p(/* @__PURE__ */ t(k, { "aria-hidden": !0 })), /* @__PURE__ */ t("span", {
+        className: "sr-only",
+        children: "(opens in a new tab)"
+      })] })
+    ]
+  }) }) : /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("button", {
+    type: "button",
+    "aria-current": e ? "page" : void 0,
+    ...u,
+    className: d,
+    children: [p(r), m]
+  }) });
+}
+var G = "group outline-pho-brand flex w-full cursor-pointer items-center gap-2 rounded-base p-2 text-left focus-visible:outline-2 focus-visible:outline-offset-2";
+function H(r) {
+  const e = r.split(/\s+/).filter(Boolean);
+  return ((e[0]?.[0] ?? r[0] ?? "?") + (e.length >= 2 ? e[e.length - 1]?.[0] ?? "" : "")).toUpperCase();
+}
+function P({ name: r, avatarSrc: e, initials: o, className: i, ...s }) {
+  return /* @__PURE__ */ n("button", {
+    type: "button",
+    className: a(G, i),
+    ...s,
+    children: [
+      /* @__PURE__ */ n(l.Root, {
+        size: "xs",
+        children: [e && /* @__PURE__ */ t(l.Image, {
+          src: e,
+          alt: ""
+        }), /* @__PURE__ */ t(l.Fallback, { children: o ?? H(r) })]
+      }),
+      /* @__PURE__ */ t("span", {
+        className: "text-pho-primary min-w-0 flex-1 truncate text-base",
+        children: r
+      }),
+      /* @__PURE__ */ t("span", {
+        "aria-hidden": !0,
+        className: N({
+          variant: "outlined",
+          size: "sm",
+          shape: "circle",
+          className: "group-hover:bg-pho-primary-hover group-hover:text-pho-secondary-hover group-data-[popup-open]:bg-pho-primary-hover group-data-[popup-open]:text-pho-secondary-hover p-1 group-data-[pressed]:scale-[0.97]"
+        }),
+        children: /* @__PURE__ */ t(C, { className: "size-4" })
+      })
+    ]
+  });
+}
+var Z = {
+  Root: M,
+  Header: O,
+  Nav: z,
+  Group: F,
+  GroupLabel: L,
+  List: U,
+  Item: j,
+  Footer: V,
+  AccountRow: P
+};
+export {
+  f as a,
+  Z as c,
+  B as i,
+  T as n,
+  Y as o,
+  D as r,
+  v as s,
+  S as t
+};
+
+//# sourceMappingURL=sidebar-BCqq58hV.js.map

package/dist/chunks/sidebar-BCqq58hV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-BCqq58hV.js","names":["__iconNode"],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.44.0_react@19.2.7/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowUpRight.mjs","../../../../node_modules/.pnpm/@tabler+icons-react@3.44.0_react@19.2.7/node_modules/@tabler/icons-react/dist/esm/icons/IconDots.mjs","../../src/sections/sidebar/sidebar.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M17 7l-10 10\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M8 7l9 0l0 9\", \"key\": \"svg-1\" }]];\nconst IconArrowUpRight = createReactComponent(\"outline\", \"arrow-up-right\", \"ArrowUpRight\", __iconNode);\n\nexport { __iconNode, IconArrowUpRight as default };\n//# sourceMappingURL=IconArrowUpRight.mjs.map\n","/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDots = createReactComponent(\"outline\", \"dots\", \"Dots\", __iconNode);\n\nexport { __iconNode, IconDots as default };\n//# sourceMappingURL=IconDots.mjs.map\n","import {\n  createContext,\n  isValidElement,\n  useContext,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type ComponentProps,\n  type FC,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport { IconArrowUpRight, IconDots } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils/cn\";\nimport { isReactComponent } from \"../../utils/is-react-component\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\nimport { Avatar } from \"../../components/avatar\";\nimport { buttonVariants } from \"../../components/button\";\n\n/**\n * Sidebar — Pho's first SECTION: a composed app rail, not a micro component.\n * It encodes the navigation rail used across Photon surfaces (the Pho docs\n * site, the dashboard): a sticky full-height column with a brand header, a\n * scrollable stack of titled nav groups, and a pinned footer that usually\n * carries the account row.\n *\n * Sections stay presentational — no router, no data fetching, no theme\n * plumbing. Links render through the host's `LinkProvider` (same contract as\n * `ButtonLink`), state arrives via props (`active`), and interactive footers\n * compose with other Pho parts (e.g. wrap `Sidebar.AccountRow` in a\n * `Menu.Trigger render={...}` to open an account menu).\n *\n * `Root` takes `inset` (`base` | `sm`, default `base`) for the rail's outer\n * padding and header spacing — prefer that over host-app class overrides.\n */\n\n/* ------------------------------- class map ------------------------------- */\n\n/** The rail itself — sticky, full-height, hairline right edge (no inset). */\nexport const SIDEBAR_ROOT =\n  \"border-pho-secondary bg-pho-page sticky top-0 flex h-dvh w-64 shrink-0 flex-col border-r\";\n\n/** Outer inset on `Root` — `base` is the docs/default rail; `sm` is tighter. */\nexport const SIDEBAR_ROOT_INSET = {\n  base: \"px-4 pt-5 pb-4\",\n  sm: \"px-3 pt-4 pb-3\",\n} as const;\n\n/** `SIDEBAR_ROOT` with the default `base` inset — one string for docs chrome. */\nexport const SIDEBAR_ROOT_BASE = cn(SIDEBAR_ROOT, SIDEBAR_ROOT_INSET.base);\n\n/** Header spacing paired with `Root`'s `inset`. */\nexport const SIDEBAR_HEADER_INSET = {\n  base: \"mb-6 px-2\",\n  sm: \"mb-3 px-0\",\n} as const;\n\nexport type SidebarInset = keyof typeof SIDEBAR_ROOT_INSET;\n\n/** A nav row at rest and on hover. Active/inactive inks split below. */\nexport const SIDEBAR_ITEM =\n  \"outline-pho-brand flex min-h-8 w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left text-base transition-colors focus-visible:outline-2 focus-visible:-outline-offset-1\";\n\n/**\n * Selected row — lifted onto the primary surface with the site hairline.\n * The icon carries the same ink as the label so the pair reads as one unit.\n */\nexport const SIDEBAR_ITEM_ACTIVE =\n  \"bg-pho-primary text-pho-primary ring-pho-secondary font-medium ring-1 ring-inset *:data-icon:text-pho-primary\";\n\n/**\n * Resting row — secondary ink (75%). Hover lifts onto the primary surface\n * (same plane as the active chip, without the ring) so the wash stays quiet\n * on `pho-page`. Icon tracks the label's ink at every state.\n */\nexport const SIDEBAR_ITEM_INACTIVE = cn(\n  \"text-pho-secondary *:data-icon:text-pho-secondary\",\n  \"hover:bg-pho-primary hover:text-pho-primary hover:*:data-icon:text-pho-primary\",\n);\n\nconst SidebarInsetContext = createContext<SidebarInset>(\"base\");\n\n/* --------------------------------- frame --------------------------------- */\n\ninterface RootProps extends ComponentProps<\"aside\"> {\n  /** Outer padding + header spacing. Defaults to `base`. */\n  inset?: SidebarInset;\n  ref?: Ref<HTMLElement>;\n}\n\n/** The rail — a sticky, full-height `<aside>` with the hairline right edge. */\nfunction Root({ className, inset = \"base\", ...props }: RootProps) {\n  return (\n    <SidebarInsetContext.Provider value={inset}>\n      <aside\n        className={cn(SIDEBAR_ROOT, SIDEBAR_ROOT_INSET[inset], className)}\n        {...props}\n        data-inset={inset}\n      />\n    </SidebarInsetContext.Provider>\n  );\n}\n\n/** Brand slot at the top of the rail — logo, wordmark, workspace switcher. */\nfunction Header({ className, ...props }: ComponentProps<\"div\">) {\n  const inset = useContext(SidebarInsetContext);\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2.5\",\n        SIDEBAR_HEADER_INSET[inset],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** The scrollable middle — a stack of `Sidebar.Group`s. */\nfunction Nav({ className, ...props }: ComponentProps<\"nav\">) {\n  return (\n    <nav\n      className={cn(\"flex flex-1 flex-col gap-6 overflow-y-auto\", className)}\n      {...props}\n    />\n  );\n}\n\n/** One titled cluster of nav rows: a `GroupLabel` followed by a `List`. */\nfunction Group({ className, ...props }: ComponentProps<\"div\">) {\n  return <div className={className} {...props} />;\n}\n\n/** The cluster's caption — description ink, regular weight. */\nfunction GroupLabel({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"text-pho-description mb-2 px-2 text-xs font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface ListProps extends ComponentProps<\"ul\"> {\n  /** Lay the rows out in two columns — for long, flat registries. */\n  columns?: boolean;\n}\n\n/** The rows of a group. `columns` switches to a two-column grid. */\nfunction List({ className, columns, ...props }: ListProps) {\n  return (\n    <ul\n      className={cn(\n        // list-none/m-0/p-0 shield the rail from host prose styles.\n        \"m-0 list-none p-0 *:m-0\",\n        columns\n          ? \"grid grid-cols-2 gap-x-2 gap-y-0.5\"\n          : \"flex flex-col gap-0.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Pinned bottom cluster — docs link, account row, theme toggle. */\nfunction Footer({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"mt-4 flex flex-col gap-0.5\", className)} {...props} />\n  );\n}\n\n/* --------------------------------- item ---------------------------------- */\n\n/** An icon slot — a component (`IconBook`) or element (`<IconBook />`). */\ntype Slottable = ReactNode | FC<{ className?: string }>;\n\nfunction renderIcon(icon: Slottable): ReactNode {\n  if (icon == null || icon === false) return null;\n  let content: ReactNode = null;\n  if (isReactComponent(icon)) {\n    const Icon = icon;\n    content = <Icon />;\n  } else if (isValidElement(icon)) {\n    content = icon;\n  }\n  if (content == null) return null;\n  return (\n    <span\n      data-icon\n      className=\"pointer-events-none inline-flex shrink-0 items-center [&>svg]:size-4 [&>svg]:shrink-0\"\n    >\n      {content}\n    </span>\n  );\n}\n\ninterface ItemBaseProps {\n  /** Slot before the label — a component (`IconBook`) or element. */\n  icon?: Slottable;\n  /** Marks the row as the current destination (adds `aria-current=\"page\"`). */\n  active?: boolean;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface SidebarItemLinkProps\n  extends\n    ItemBaseProps,\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof ItemBaseProps> {\n  /** Destination — rendered through the host's `LinkProvider`. */\n  href: string;\n  /** Leaves the app: opens in a new tab and renders a ↗ cue. */\n  external?: boolean;\n}\n\nexport interface SidebarItemButtonProps\n  extends\n    ItemBaseProps,\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ItemBaseProps> {\n  href?: undefined;\n  external?: undefined;\n}\n\nexport type SidebarItemProps = SidebarItemLinkProps | SidebarItemButtonProps;\n\n/**\n * A nav row — a link when `href` is given (rendered through the host's\n * `LinkProvider`), otherwise a button. `active` lifts the row onto the\n * primary surface; `external` opens a new tab and appends a ↗ cue.\n */\nfunction Item({\n  icon,\n  active,\n  className,\n  children,\n  href,\n  external,\n  ...rest\n}: SidebarItemProps) {\n  const Link = useLinkComponent();\n  const rowClass = cn(\n    SIDEBAR_ITEM,\n    active ? SIDEBAR_ITEM_ACTIVE : SIDEBAR_ITEM_INACTIVE,\n    className,\n  );\n  const label = <span className=\"min-w-0 flex-1 truncate\">{children}</span>;\n\n  if (href !== undefined) {\n    return (\n      <li>\n        <Link\n          href={href}\n          aria-current={active ? \"page\" : undefined}\n          {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n          {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n          className={rowClass}\n        >\n          {renderIcon(icon)}\n          {label}\n          {external && (\n            <>\n              {renderIcon(<IconArrowUpRight aria-hidden />)}\n              <span className=\"sr-only\">(opens in a new tab)</span>\n            </>\n          )}\n        </Link>\n      </li>\n    );\n  }\n\n  return (\n    <li>\n      <button\n        type=\"button\"\n        aria-current={active ? \"page\" : undefined}\n        {...(rest as ButtonHTMLAttributes<HTMLButtonElement>)}\n        className={rowClass}\n      >\n        {renderIcon(icon)}\n        {label}\n      </button>\n    </li>\n  );\n}\n\n/* ------------------------------ account row ------------------------------ */\n\n/**\n * Whole-row account trigger. The row itself stays visually quiet — it only\n * carries the `group` state (hover/press/popup-open) and the focus ring;\n * all visual feedback renders on the ⋯ circle via `group-*` classes.\n */\nconst ACCOUNT_ROW =\n  \"group outline-pho-brand flex w-full cursor-pointer items-center gap-2 rounded-base p-2 text-left focus-visible:outline-2 focus-visible:outline-offset-2\";\n\n/** Avatar initials: first + last word initial, else the first character. */\nfunction initialsFrom(name: string): string {\n  const words = name.split(/\\s+/).filter(Boolean);\n  const first = words[0]?.[0] ?? name[0] ?? \"?\";\n  const last = words.length >= 2 ? (words[words.length - 1]?.[0] ?? \"\") : \"\";\n  return (first + last).toUpperCase();\n}\n\nexport interface SidebarAccountRowProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\"\n> {\n  /** Display name — also the source for fallback initials. */\n  name: string;\n  /** Avatar image URL; falls back to initials while loading or on error. */\n  avatarSrc?: string;\n  /** Override the derived initials. */\n  initials?: string;\n  ref?: Ref<HTMLButtonElement>;\n}\n\n/**\n * The account chip pinned to the rail's footer — an xs avatar, the name, and\n * a decorative ⋯ circle. The WHOLE row is one button, but the row is only the\n * control — the circle is the indicator: hover, press, and menu-open feedback\n * all render on the ⋯ (a span wearing the stock secondary-circle button\n * classes), driven by the row's `group` state, so it reads as a button\n * without nesting one.\n *\n * It renders a plain `<button>` and forwards every prop, so it slots straight\n * into a menu: `<Menu.Trigger render={<Sidebar.AccountRow name=\"…\" />} />` —\n * Base UI's `data-popup-open` / `data-pressed` states light up the circle.\n */\nfunction AccountRow({\n  name,\n  avatarSrc,\n  initials,\n  className,\n  ...props\n}: SidebarAccountRowProps) {\n  return (\n    <button type=\"button\" className={cn(ACCOUNT_ROW, className)} {...props}>\n      <Avatar.Root size=\"xs\">\n        {avatarSrc && <Avatar.Image src={avatarSrc} alt=\"\" />}\n        <Avatar.Fallback>{initials ?? initialsFrom(name)}</Avatar.Fallback>\n      </Avatar.Root>\n      <span className=\"text-pho-primary min-w-0 flex-1 truncate text-base\">\n        {name}\n      </span>\n      <span\n        aria-hidden\n        className={buttonVariants({\n          variant: \"outlined\",\n          size: \"sm\",\n          shape: \"circle\",\n          className:\n            \"group-hover:bg-pho-primary-hover group-hover:text-pho-secondary-hover group-data-[popup-open]:bg-pho-primary-hover group-data-[popup-open]:text-pho-secondary-hover p-1 group-data-[pressed]:scale-[0.97]\",\n        })}\n      >\n        <IconDots className=\"size-4\" />\n      </span>\n    </button>\n  );\n}\n\n/* -------------------------------- assembly ------------------------------- */\n\n/**\n * The composed sidebar rail. Assemble the frame parts and fill them with\n * rows; wire interactivity by composing other Pho parts around them:\n *\n * ```tsx\n * <Sidebar.Root>\n *   <Sidebar.Header>…brand…</Sidebar.Header>\n *   <Sidebar.Nav>\n *     <Sidebar.Group>\n *       <Sidebar.GroupLabel>Pages</Sidebar.GroupLabel>\n *       <Sidebar.List>\n *         <Sidebar.Item href=\"/\" icon={IconHome} active>\n *           Overview\n *         </Sidebar.Item>\n *       </Sidebar.List>\n *     </Sidebar.Group>\n *   </Sidebar.Nav>\n *   <Sidebar.Footer>\n *     <Menu.Root>\n *       <Menu.Trigger render={<Sidebar.AccountRow name=\"Ada Lovelace\" />} />\n *       …\n *     </Menu.Root>\n *   </Sidebar.Footer>\n * </Sidebar.Root>\n * ```\n */\nexport const Sidebar = {\n  Root,\n  Header,\n  Nav,\n  Group,\n  GroupLabel,\n  List,\n  Item,\n  Footer,\n  AccountRow,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/chunks/use-press-pulse-CMwPTOR2.js

@@ -0,0 +1,44 @@
+"use client";
+import { useCallback as o, useRef as c } from "react";
+import { useAnimationControls as u } from "motion/react";
+var f = {
+  type: "spring",
+  stiffness: 700,
+  damping: 32,
+  mass: 0.06
+}, p = 0.96;
+function R(s) {
+  const a = s?.scale ?? 0.96, i = s?.disabled ?? !1, t = s?.transition ?? f, n = u(), e = c(!1), r = o(() => {
+    i || e.current || (e.current = !0, n.start({
+      scale: a,
+      transition: t
+    }).then(() => n.start({
+      scale: 1,
+      transition: t
+    })).finally(() => {
+      e.current = !1;
+    }));
+  }, [
+    n,
+    i,
+    a,
+    t
+  ]);
+  return {
+    pulse: r,
+    motionProps: {
+      initial: !1,
+      animate: n,
+      onPointerDown: o((l) => {
+        l.button === 0 && r();
+      }, [r])
+    }
+  };
+}
+export {
+  f as n,
+  R as r,
+  p as t
+};
+
+//# sourceMappingURL=use-press-pulse-CMwPTOR2.js.map

package/dist/chunks/use-press-pulse-CMwPTOR2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-press-pulse-CMwPTOR2.js","names":[],"sources":["../../src/utils/use-press-pulse.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { useAnimationControls, type Transition } from \"motion/react\";\n\n/**\n * Press pulse for selection controls (Select trigger, Checkbox…) — the same\n * spring family as Button's effect press, with one deliberate difference:\n * Button compresses only while held (`whileTap`); these controls play ONE\n * FULL pulse (press in → spring back) from the moment of pointer-down, even\n * if the pointer lifts early — a discrete \"it took\" tick, kept shallow and\n * quick so it registers without drawing attention.\n */\nexport const CONTROL_PRESS_SPRING = {\n  type: \"spring\",\n  stiffness: 700,\n  damping: 32,\n  mass: 0.06,\n} as const;\n\n/** Default pulse depth — shallow; each control can tune its own. */\nexport const CONTROL_PRESS_SCALE = 0.96;\n\n/**\n * One-shot scale pulse driven by Motion controls. Spread `motionProps` onto a\n * `motion.*` element (via Base UI `render`): pointer-down (primary button)\n * plays press → rest in full; re-presses during the pulse are coalesced.\n */\nexport function usePressPulse(opts?: {\n  scale?: number;\n  disabled?: boolean;\n  /** Spring override for both legs of the pulse. @default CONTROL_PRESS_SPRING */\n  transition?: Transition;\n}) {\n  const scale = opts?.scale ?? CONTROL_PRESS_SCALE;\n  const disabled = opts?.disabled ?? false;\n  const transition = opts?.transition ?? CONTROL_PRESS_SPRING;\n  const controls = useAnimationControls();\n  const running = useRef(false);\n\n  const pulse = useCallback(() => {\n    if (disabled || running.current) return;\n    running.current = true;\n    void controls\n      .start({ scale, transition })\n      .then(() => controls.start({ scale: 1, transition }))\n      .finally(() => {\n        running.current = false;\n      });\n  }, [controls, disabled, scale, transition]);\n\n  const onPointerDown = useCallback(\n    (event: { button: number }) => {\n      if (event.button === 0) pulse();\n    },\n    [pulse],\n  );\n\n  return {\n    pulse,\n    motionProps: { initial: false as const, animate: controls, onPointerDown },\n  };\n}\n"],"mappings":";;;AAWA,IAAa,IAAuB;AAAA,EAClC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAsB;AAOnC,SAAgB,EAAc,GAK3B;AACD,QAAM,IAAQ,GAAM,SAAA,MACd,IAAW,GAAM,YAAY,IAC7B,IAAa,GAAM,cAAc,GACjC,IAAW,EAAqB,GAChC,IAAU,EAAO,EAAK,GAEtB,IAAQ,EAAA,MAAkB;AAC9B,IAAI,KAAY,EAAQ,YACxB,EAAQ,UAAU,IAClB,EACG,MAAM;AAAA,MAAE,OAAA;AAAA,MAAO,YAAA;AAAA,IAAW,CAAC,EAC3B,KAAA,MAAW,EAAS,MAAM;AAAA,MAAE,OAAO;AAAA,MAAG,YAAA;AAAA,IAAW,CAAC,CAAC,EACnD,QAAA,MAAc;AACb,MAAA,EAAQ,UAAU;AAAA,IACpB,CAAC;AAAA,EACL,GAAG;AAAA,IAAC;AAAA,IAAU;AAAA,IAAU;AAAA,IAAO;AAAA,EAAU,CAAC;AAS1C,SAAO;AAAA,IACL,OAAA;AAAA,IACA,aAAa;AAAA,MAAE,SAAS;AAAA,MAAgB,SAAS;AAAA,MAAU,eATvC,EAAA,CACnB,MAA8B;AAC7B,QAAI,EAAM,WAAW,KAAG,EAAM;AAAA,MAChC,GACA,CAAC,CAAK,CAKqD;AAAA,IAAc;AAAA,EAC3E;AACF"}

package/dist/components/card.js

@@ -0,0 +1,6 @@
+"use client";
+import { n as t, t as a } from "../chunks/card-9cGnv-VD.js";
+export {
+  a as CARD_SURFACE,
+  t as Card
+};

package/dist/components/checkbox.js

@@ -1,51 +1,56 @@
 "use client";
-import { t as a } from "../chunks/cn-DTiB6ek_.js";
-import { t as d } from "../chunks/createReactComponent-BqCmnqfX.js";
+import { t as o } from "../chunks/cn-DTiB6ek_.js";
+import { r as p } from "../chunks/use-press-pulse-CMwPTOR2.js";
+import { t as u } from "../chunks/createReactComponent-BqCmnqfX.js";
+import { t as b } from "../chunks/IconCheck-D2WuculQ.js";
 import "react";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Checkbox as s } from "@base-ui/react/checkbox";
-import { CheckboxGroup as m } from "@base-ui/react/checkbox-group";
-var p = [["path", {
-  d: "M5 12l5 5l10 -10",
-  key: "svg-0"
-}]], u = d("outline", "check", "Check", p), h = [["path", {
+import { motion as h } from "motion/react";
+import { Checkbox as c } from "@base-ui/react/checkbox";
+import { CheckboxGroup as f } from "@base-ui/react/checkbox-group";
+var x = [["path", {
   d: "M5 12l14 0",
   key: "svg-0"
-}]], b = d("outline", "minus", "Minus", h), x = {
+}]], g = u("outline", "minus", "Minus", x), y = {
   sm: "size-4",
   md: "size-5"
-}, c = {
+}, d = {
   sm: "size-3",
   md: "size-3.5"
 };
-function f({ className: o, label: r, size: t = "md", ...l }) {
-  const n = /* @__PURE__ */ e(s.Root, {
-    className: a("group/cb outline-pho-brand bg-pho-primary ring-pho-primary text-pho-on-brand flex shrink-0 cursor-pointer items-center justify-center rounded-sm ring-1 transition duration-100 ease-linear ring-inset focus-visible:outline-2 focus-visible:outline-offset-2", "data-[checked]:bg-pho-brand-solid data-[checked]:ring-transparent", "data-[indeterminate]:bg-pho-brand-solid data-[indeterminate]:ring-transparent", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", x[t], o),
+function k({ className: a, label: t, size: r = "md", disabled: n, ...l }) {
+  const { motionProps: m } = p({
+    scale: 0.94,
+    disabled: !!n
+  }), s = /* @__PURE__ */ e(c.Root, {
+    disabled: n,
+    render: /* @__PURE__ */ e(h.span, { ...m }),
+    className: o("group/cb outline-pho-brand bg-pho-primary ring-pho-primary text-pho-on-brand flex shrink-0 cursor-pointer items-center justify-center rounded-sm ring-1 ring-inset focus-visible:outline-2 focus-visible:outline-offset-2", "transition-[background-color,box-shadow,color,outline-color] duration-150 ease-out", "data-[checked]:bg-pho-brand-solid data-[checked]:ring-transparent", "data-[indeterminate]:bg-pho-brand-solid data-[indeterminate]:ring-transparent", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", y[r], a),
     ...l,
-    children: /* @__PURE__ */ i(s.Indicator, {
-      className: "flex items-center justify-center",
-      children: [/* @__PURE__ */ e(u, { className: a(c[t], "group-data-[indeterminate]/cb:hidden") }), /* @__PURE__ */ e(b, { className: a(c[t], "hidden group-data-[indeterminate]/cb:block") })]
+    children: /* @__PURE__ */ i(c.Indicator, {
+      className: o("flex items-center justify-center", "transition-[transform,opacity] duration-150 ease-out", "data-[starting-style]:scale-50 data-[starting-style]:opacity-0", "data-[ending-style]:scale-50 data-[ending-style]:opacity-0"),
+      children: [/* @__PURE__ */ e(b, { className: o(d[r], "group-data-[indeterminate]/cb:hidden") }), /* @__PURE__ */ e(g, { className: o(d[r], "hidden group-data-[indeterminate]/cb:block") })]
     })
   });
-  return r ? /* @__PURE__ */ i("label", {
+  return t ? /* @__PURE__ */ i("label", {
     className: "flex cursor-pointer items-center gap-2 select-none",
-    children: [n, /* @__PURE__ */ e("span", {
+    children: [s, /* @__PURE__ */ e("span", {
       className: "text-pho-secondary text-base",
-      children: r
+      children: t
     })]
-  }) : n;
+  }) : s;
 }
-f.displayName = "Checkbox";
-function k({ className: o, ...r }) {
-  return /* @__PURE__ */ e(m, {
-    className: a("flex flex-col gap-3", o),
-    ...r
+k.displayName = "Checkbox";
+function C({ className: a, ...t }) {
+  return /* @__PURE__ */ e(f, {
+    className: o("flex flex-col gap-3", a),
+    ...t
   });
 }
-k.displayName = "CheckboxGroup";
+C.displayName = "CheckboxGroup";
 export {
-  f as Checkbox,
-  k as CheckboxGroup
+  k as Checkbox,
+  C as CheckboxGroup
 };
 
 //# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["__iconNode"],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.44.0_react@19.2.7/node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.mjs","../../../../node_modules/.pnpm/@tabler+icons-react@3.44.0_react@19.2.7/node_modules/@tabler/icons-react/dist/esm/icons/IconMinus.mjs","../../src/components/checkbox/checkbox.tsx","../../src/components/checkbox/checkbox-group.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M5 12l5 5l10 -10\", \"key\": \"svg-0\" }]];\nconst IconCheck = createReactComponent(\"outline\", \"check\", \"Check\", __iconNode);\n\nexport { __iconNode, IconCheck as default };\n//# sourceMappingURL=IconCheck.mjs.map\n","/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M5 12l14 0\", \"key\": \"svg-0\" }]];\nconst IconMinus = createReactComponent(\"outline\", \"minus\", \"Minus\", __iconNode);\n\nexport { __iconNode, IconMinus as default };\n//# sourceMappingURL=IconMinus.mjs.map\n","import { type ComponentProps, type ReactNode } from \"react\";\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { IconCheck, IconMinus } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils/cn\";\n\nexport type CheckboxSize = \"sm\" | \"md\";\n\nconst BOX: Record<CheckboxSize, string> = { sm: \"size-4\", md: \"size-5\" };\nconst ICON: Record<CheckboxSize, string> = { sm: \"size-3\", md: \"size-3.5\" };\n\nexport interface CheckboxProps extends Omit<\n  ComponentProps<typeof BaseCheckbox.Root>,\n  \"className\"\n> {\n  className?: string;\n  /** Text rendered beside the box; the whole row toggles the checkbox. */\n  label?: ReactNode;\n  /** Size variant. @default \"md\" */\n  size?: CheckboxSize;\n}\n\n/**\n * Checkbox built on Base UI `Checkbox`. Supports checked, unchecked, and\n * `indeterminate` states; pass `label` for a clickable text row, or omit it\n * and provide an `aria-label`. For a set of related options that submit\n * together, wrap them in `CheckboxGroup`.\n */\nexport function Checkbox({\n  className,\n  label,\n  size = \"md\",\n  ...props\n}: CheckboxProps) {\n  const box = (\n    <BaseCheckbox.Root\n      className={cn(\n        // Flat field surface with the input-strength ring; the glyph only shows\n        // on the brand-solid checked fill, so it must be on-brand (not white —\n        // brand-solid is white in dark mode).\n        \"group/cb outline-pho-brand bg-pho-primary ring-pho-primary text-pho-on-brand flex shrink-0 cursor-pointer items-center justify-center rounded-sm ring-1 transition duration-100 ease-linear ring-inset focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"data-[checked]:bg-pho-brand-solid data-[checked]:ring-transparent\",\n        \"data-[indeterminate]:bg-pho-brand-solid data-[indeterminate]:ring-transparent\",\n        \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n        BOX[size],\n        className,\n      )}\n      {...props}\n    >\n      <BaseCheckbox.Indicator className=\"flex items-center justify-center\">\n        <IconCheck\n          className={cn(ICON[size], \"group-data-[indeterminate]/cb:hidden\")}\n        />\n        <IconMinus\n          className={cn(\n            ICON[size],\n            \"hidden group-data-[indeterminate]/cb:block\",\n          )}\n        />\n      </BaseCheckbox.Indicator>\n    </BaseCheckbox.Root>\n  );\n\n  if (!label) return box;\n  return (\n    <label className=\"flex cursor-pointer items-center gap-2 select-none\">\n      {box}\n      <span className=\"text-pho-secondary text-base\">{label}</span>\n    </label>\n  );\n}\n\nCheckbox.displayName = \"Checkbox\";\n","import { type ComponentProps } from \"react\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface CheckboxGroupProps extends Omit<\n  ComponentProps<typeof BaseCheckboxGroup>,\n  \"className\"\n> {\n  className?: string;\n}\n\n/**\n * Groups related `Checkbox`es and tracks their values as one. Built on Base UI\n * `CheckboxGroup` — supports a parent \"select all\" checkbox via `allValues`.\n * Control with `value` / `onValueChange` or leave uncontrolled with\n * `defaultValue`.\n */\nexport function CheckboxGroup({ className, ...props }: CheckboxGroupProps) {\n  return (\n    <BaseCheckboxGroup\n      className={cn(\"flex flex-col gap-3\", className)}\n      {...props}\n    />\n  );\n}\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n"],"x_google_ignoreList":[0,1],"mappings":";;;;;;;AASA,IAAMA,IAAa,CAAC,CAAC,QAAQ;AAAA,EAAE,GAAK;AAAA,EAAoB,KAAO;AAAQ,CAAC,CAAC,GACnE,IAAY,EAAqB,WAAW,SAAS,SAASA,CAAU,GCDxE,IAAa,CAAC,CAAC,QAAQ;AAAA,EAAE,GAAK;AAAA,EAAc,KAAO;AAAQ,CAAC,CAAC,GAC7D,IAAY,EAAqB,WAAW,SAAS,SAAS,CAAU,GCHxE,IAAoC;AAAA,EAAE,IAAI;AAAA,EAAU,IAAI;AAAS,GACjE,IAAqC;AAAA,EAAE,IAAI;AAAA,EAAU,IAAI;AAAW;AAmB1E,SAAgB,EAAS,EACvB,WAAA,GACA,OAAA,GACA,MAAA,IAAO,MACP,GAAG,EAAA,GACa;AAChB,QAAM,IACJ,gBAAA,EAAC,EAAa,MAAd;AAAA,IACE,WAAW,EAIT,iQACA,qEACA,iFACA,iEACA,EAAI,CAAA,GACJ,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,EAAa,WAAd;AAAA,MAAwB,WAAU;AAAA,gBAAlC,CACE,gBAAA,EAAC,GAAD,EACE,WAAW,EAAG,EAAK,CAAA,GAAO,sCAAsC,EACjE,CAAA,GACD,gBAAA,EAAC,GAAD,EACE,WAAW,EACT,EAAK,CAAA,GACL,4CACF,EACD,CAAA,CACqB;AAAA;EACP,CAAA;AAGrB,SAAK,IAEH,gBAAA,EAAC,SAAD;AAAA,IAAO,WAAU;AAAA,cAAjB,CACG,GACD,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBAAgC;AAAA,IAAY,CAAA,CACvD;AAAA,OALU;AAOrB;AAEA,EAAS,cAAc;ACtDvB,SAAgB,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAA6B;AACzE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW,EAAG,uBAAuB,CAAS;AAAA,IAC9C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,EAAc,cAAc"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.44.0_react@19.2.7/node_modules/@tabler/icons-react/dist/esm/icons/IconMinus.mjs","../../src/components/checkbox/checkbox.tsx","../../src/components/checkbox/checkbox-group.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M5 12l14 0\", \"key\": \"svg-0\" }]];\nconst IconMinus = createReactComponent(\"outline\", \"minus\", \"Minus\", __iconNode);\n\nexport { __iconNode, IconMinus as default };\n//# sourceMappingURL=IconMinus.mjs.map\n","import { type ComponentProps, type ReactNode } from \"react\";\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { motion } from \"motion/react\";\nimport { IconCheck, IconMinus } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils/cn\";\nimport { usePressPulse } from \"../../utils/use-press-pulse\";\n\nexport type CheckboxSize = \"sm\" | \"md\";\n\nconst BOX: Record<CheckboxSize, string> = { sm: \"size-4\", md: \"size-5\" };\nconst ICON: Record<CheckboxSize, string> = { sm: \"size-3\", md: \"size-3.5\" };\n\nexport interface CheckboxProps extends Omit<\n  ComponentProps<typeof BaseCheckbox.Root>,\n  \"className\"\n> {\n  className?: string;\n  /** Text rendered beside the box; the whole row toggles the checkbox. */\n  label?: ReactNode;\n  /** Size variant. @default \"md\" */\n  size?: CheckboxSize;\n}\n\n/**\n * Checkbox built on Base UI `Checkbox`. Supports checked, unchecked, and\n * `indeterminate` states; pass `label` for a clickable text row, or omit it\n * and provide an `aria-label`. For a set of related options that submit\n * together, wrap them in `CheckboxGroup`.\n *\n * Animation is the Effect Button family scaled to a toggle, kept restrained:\n * a quick shallow press pulse on pointer-down (always plays out), the\n * fill/stroke easing between states, and the glyph popping in.\n */\nexport function Checkbox({\n  className,\n  label,\n  size = \"md\",\n  disabled,\n  ...props\n}: CheckboxProps) {\n  const { motionProps } = usePressPulse({\n    scale: 0.94,\n    disabled: Boolean(disabled),\n  });\n\n  const box = (\n    <BaseCheckbox.Root\n      disabled={disabled}\n      render={<motion.span {...motionProps} />}\n      className={cn(\n        // Flat field surface with the input-strength ring; the glyph only shows\n        // on the brand-solid checked fill, so it must be on-brand (not white —\n        // brand-solid is white in dark mode).\n        \"group/cb outline-pho-brand bg-pho-primary ring-pho-primary text-pho-on-brand flex shrink-0 cursor-pointer items-center justify-center rounded-sm ring-1 ring-inset focus-visible:outline-2 focus-visible:outline-offset-2\",\n        // Fill and stroke ease between states (stroke dissolves into the\n        // fill on tick). Transform stays out — Motion owns the press pulse.\n        \"transition-[background-color,box-shadow,color,outline-color] duration-150 ease-out\",\n        \"data-[checked]:bg-pho-brand-solid data-[checked]:ring-transparent\",\n        \"data-[indeterminate]:bg-pho-brand-solid data-[indeterminate]:ring-transparent\",\n        \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n        BOX[size],\n        className,\n      )}\n      {...props}\n    >\n      <BaseCheckbox.Indicator\n        className={cn(\n          \"flex items-center justify-center\",\n          // Glyph pops in with the fill — short and readable, no bounce.\n          \"transition-[transform,opacity] duration-150 ease-out\",\n          \"data-[starting-style]:scale-50 data-[starting-style]:opacity-0\",\n          \"data-[ending-style]:scale-50 data-[ending-style]:opacity-0\",\n        )}\n      >\n        <IconCheck\n          className={cn(ICON[size], \"group-data-[indeterminate]/cb:hidden\")}\n        />\n        <IconMinus\n          className={cn(\n            ICON[size],\n            \"hidden group-data-[indeterminate]/cb:block\",\n          )}\n        />\n      </BaseCheckbox.Indicator>\n    </BaseCheckbox.Root>\n  );\n\n  if (!label) return box;\n  return (\n    <label className=\"flex cursor-pointer items-center gap-2 select-none\">\n      {box}\n      <span className=\"text-pho-secondary text-base\">{label}</span>\n    </label>\n  );\n}\n\nCheckbox.displayName = \"Checkbox\";\n","import { type ComponentProps } from \"react\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface CheckboxGroupProps extends Omit<\n  ComponentProps<typeof BaseCheckboxGroup>,\n  \"className\"\n> {\n  className?: string;\n}\n\n/**\n * Groups related `Checkbox`es and tracks their values as one. Built on Base UI\n * `CheckboxGroup` — supports a parent \"select all\" checkbox via `allValues`.\n * Control with `value` / `onValueChange` or leave uncontrolled with\n * `defaultValue`.\n */\nexport function CheckboxGroup({ className, ...props }: CheckboxGroupProps) {\n  return (\n    <BaseCheckboxGroup\n      className={cn(\"flex flex-col gap-3\", className)}\n      {...props}\n    />\n  );\n}\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;AASA,IAAM,IAAa,CAAC,CAAC,QAAQ;AAAA,EAAE,GAAK;AAAA,EAAc,KAAO;AAAQ,CAAC,CAAC,GAC7D,IAAY,EAAqB,WAAW,SAAS,SAAS,CAAU,GCDxE,IAAoC;AAAA,EAAE,IAAI;AAAA,EAAU,IAAI;AAAS,GACjE,IAAqC;AAAA,EAAE,IAAI;AAAA,EAAU,IAAI;AAAW;AAuB1E,SAAgB,EAAS,EACvB,WAAA,GACA,OAAA,GACA,MAAA,IAAO,MACP,UAAA,GACA,GAAG,EAAA,GACa;AAChB,QAAM,EAAE,aAAA,EAAA,IAAgB,EAAc;AAAA,IACpC,OAAO;AAAA,IACP,UAAU,EAAQ;AAAA,EACpB,CAAC,GAEK,IACJ,gBAAA,EAAC,EAAa,MAAd;AAAA,IACY,UAAA;AAAA,IACV,QAAQ,gBAAA,EAAC,EAAO,MAAR,EAAa,GAAI,EAAc,CAAA;AAAA,IACvC,WAAW,EAIT,6NAGA,sFACA,qEACA,iFACA,iEACA,EAAI,CAAA,GACJ,CACF;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,EAAa,WAAd;AAAA,MACE,WAAW,EACT,oCAEA,wDACA,kEACA,4DACF;AAAA,gBAPF,CASE,gBAAA,EAAC,GAAD,EACE,WAAW,EAAG,EAAK,CAAA,GAAO,sCAAsC,EACjE,CAAA,GACD,gBAAA,EAAC,GAAD,EACE,WAAW,EACT,EAAK,CAAA,GACL,4CACF,EACD,CAAA,CACqB;AAAA;EACP,CAAA;AAGrB,SAAK,IAEH,gBAAA,EAAC,SAAD;AAAA,IAAO,WAAU;AAAA,cAAjB,CACG,GACD,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBAAgC;AAAA,IAAY,CAAA,CACvD;AAAA,OALU;AAOrB;AAEA,EAAS,cAAc;AC/EvB,SAAgB,EAAc,EAAE,WAAA,GAAW,GAAG,EAAA,GAA6B;AACzE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW,EAAG,uBAAuB,CAAS;AAAA,IAC9C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,EAAc,cAAc"}

package/dist/components/context-menu.js

@@ -1,11 +1,11 @@
 "use client";
 import { t as a } from "../chunks/cn-DTiB6ek_.js";
 import { t as v } from "../chunks/resolve-variant-CcD8iG5l.js";
-import { a as b, c as x, n as M, o as h, r as N, t as s } from "../chunks/menu-Dan0oRvL.js";
+import { a as b, c as x, n as M, o as h, r as N, t as s } from "../chunks/menu-BSXds3Rt.js";
 import "react";
 import { Fragment as P, jsx as t, jsxs as i } from "react/jsx-runtime";
-import { ContextMenu as e } from "@base-ui/react/context-menu";
 import { Separator as S } from "@base-ui/react/separator";
+import { ContextMenu as e } from "@base-ui/react/context-menu";
 var R = x(e.Root), y = e.Trigger, G = e.Portal, I = e.Group, T = e.RadioGroup, C = e.SubmenuRoot;
 function E({ className: r, ...o }) {
   return /* @__PURE__ */ t(e.Positioner, {

package/dist/components/field.js

@@ -1,35 +1,35 @@
 "use client";
-import { t } from "../chunks/cn-DTiB6ek_.js";
+import { t as o } from "../chunks/cn-DTiB6ek_.js";
 import "react";
-import { jsx as i } from "react/jsx-runtime";
-import { Field as o } from "@base-ui/react/field";
+import { jsx as t } from "react/jsx-runtime";
+import { Field as i } from "@base-ui/react/field";
 function a({ className: r, ...e }) {
-  return /* @__PURE__ */ i(o.Root, {
-    className: t("group/field flex flex-col gap-1.5", r),
+  return /* @__PURE__ */ t(i.Root, {
+    className: o("group/field flex flex-col gap-1.5", r),
     ...e
   });
 }
 function n({ className: r, ...e }) {
-  return /* @__PURE__ */ i(o.Label, {
-    className: t("text-pho-secondary cursor-default text-base font-medium", r),
+  return /* @__PURE__ */ t(i.Label, {
+    className: o("text-pho-secondary cursor-default text-base font-medium", r),
     ...e
   });
 }
 function l({ className: r, ...e }) {
-  return /* @__PURE__ */ i(o.Control, {
-    className: t("bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder text-md rounded-base w-full px-3 py-2 ring-1 transition-shadow duration-100 ease-linear outline-none ring-inset", "focus-visible:ring-pho-brand focus-visible:ring-2", "data-[invalid]:ring-pho-error-subtle data-[invalid]:focus-visible:ring-pho-error", "disabled:cursor-not-allowed disabled:opacity-50", r),
+  return /* @__PURE__ */ t(i.Control, {
+    className: o("bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder text-md rounded-base w-full px-3 py-2 ring-1 transition-shadow duration-100 ease-linear outline-none ring-inset", "focus-visible:ring-pho-brand focus-visible:ring-2", "data-[invalid]:ring-pho-error-subtle data-[invalid]:focus-visible:ring-pho-error data-[invalid]:ring-[1.5px] data-[invalid]:focus-visible:ring-2", "disabled:cursor-not-allowed disabled:opacity-50", r),
     ...e
   });
 }
 function s({ className: r, ...e }) {
-  return /* @__PURE__ */ i(o.Description, {
-    className: t("text-pho-description text-base", r),
+  return /* @__PURE__ */ t(i.Description, {
+    className: o("text-pho-description text-base", r),
     ...e
   });
 }
-function p({ className: r, ...e }) {
-  return /* @__PURE__ */ i(o.Error, {
-    className: t("text-pho-error text-base", r),
+function d({ className: r, ...e }) {
+  return /* @__PURE__ */ t(i.Error, {
+    className: o("text-pho-error text-base", r),
     ...e
   });
 }
@@ -38,9 +38,9 @@ var f = {
   Label: n,
   Control: l,
   Description: s,
-  Error: p,
-  Item: o.Item,
-  Validity: o.Validity
+  Error: d,
+  Item: i.Item,
+  Validity: i.Validity
 };
 export {
   f as Field

package/dist/components/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field/field.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\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\nfunction Root({ className, ...props }: StyledProps<typeof BaseField.Root>) {\n  return (\n    <BaseField.Root\n      className={cn(\"group/field flex flex-col gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Label({ className, ...props }: StyledProps<typeof BaseField.Label>) {\n  return (\n    <BaseField.Label\n      className={cn(\n        \"text-pho-secondary cursor-default text-base font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Control({\n  className,\n  ...props\n}: StyledProps<typeof BaseField.Control>) {\n  return (\n    <BaseField.Control\n      className={cn(\n        // Flat field surface — hairline ring carries the edge (site has no\n        // resting shadows outside floating layers).\n        \"bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder text-md rounded-base w-full px-3 py-2 ring-1 transition-shadow duration-100 ease-linear outline-none ring-inset\",\n        \"focus-visible:ring-pho-brand focus-visible:ring-2\",\n        \"data-[invalid]:ring-pho-error-subtle data-[invalid]:focus-visible:ring-pho-error\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Description({\n  className,\n  ...props\n}: StyledProps<typeof BaseField.Description>) {\n  return (\n    <BaseField.Description\n      className={cn(\"text-pho-description text-base\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Error({ className, ...props }: StyledProps<typeof BaseField.Error>) {\n  return (\n    <BaseField.Error\n      className={cn(\"text-pho-error text-base\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Form field built on Base UI `Field`. Wires a label, description, and\n * validation error to a control for you — compose it around `Field.Control`\n * (or any control via `render`). `Field.Error` shows when the control is\n * invalid; `Field.Validity` exposes raw validity for custom messages.\n */\nexport const Field = {\n  Root,\n  Label,\n  Control,\n  Description,\n  Error,\n  Item: BaseField.Item,\n  Validity: BaseField.Validity,\n};\n"],"mappings":";;;;;AAYA,SAAS,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAA6C;AACzE,SACE,gBAAA,EAAC,EAAU,MAAX;AAAA,IACE,WAAW,EAAG,qCAAqC,CAAS;AAAA,IAC5D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EACT,2DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACqC;AACxC,SACE,gBAAA,EAAC,EAAU,SAAX;AAAA,IACE,WAAW,EAGT,qMACA,qDACA,oFACA,mDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAU,aAAX;AAAA,IACE,WAAW,EAAG,kCAAkC,CAAS;AAAA,IACzD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EAAG,4BAA4B,CAAS;AAAA,IACnD,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,IAAa,IAAQ;AAAA,EACnB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAM,EAAU;AAAA,EAChB,UAAU,EAAU;AACtB"}
+{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field/field.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\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\nfunction Root({ className, ...props }: StyledProps<typeof BaseField.Root>) {\n  return (\n    <BaseField.Root\n      className={cn(\"group/field flex flex-col gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Label({ className, ...props }: StyledProps<typeof BaseField.Label>) {\n  return (\n    <BaseField.Label\n      className={cn(\n        \"text-pho-secondary cursor-default text-base font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Control({\n  className,\n  ...props\n}: StyledProps<typeof BaseField.Control>) {\n  return (\n    <BaseField.Control\n      className={cn(\n        // Flat field surface — hairline ring carries the edge (site has no\n        // resting shadows outside floating layers).\n        \"bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder text-md rounded-base w-full px-3 py-2 ring-1 transition-shadow duration-100 ease-linear outline-none ring-inset\",\n        \"focus-visible:ring-pho-brand focus-visible:ring-2\",\n        // Invalid is mid-weight: thicker than the 1px rest hairline, thinner\n        // than the 2px focus ring. Rest uses the subtle error ink; focus\n        // steps up to the solid error.\n        \"data-[invalid]:ring-pho-error-subtle data-[invalid]:focus-visible:ring-pho-error data-[invalid]:ring-[1.5px] data-[invalid]:focus-visible:ring-2\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Description({\n  className,\n  ...props\n}: StyledProps<typeof BaseField.Description>) {\n  return (\n    <BaseField.Description\n      className={cn(\"text-pho-description text-base\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Error({ className, ...props }: StyledProps<typeof BaseField.Error>) {\n  return (\n    <BaseField.Error\n      className={cn(\"text-pho-error text-base\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Form field built on Base UI `Field`. Wires a label, description, and\n * validation error to a control for you — compose it around `Field.Control`\n * (or any control via `render`). `Field.Error` shows when the control is\n * invalid; `Field.Validity` exposes raw validity for custom messages.\n */\nexport const Field = {\n  Root,\n  Label,\n  Control,\n  Description,\n  Error,\n  Item: BaseField.Item,\n  Validity: BaseField.Validity,\n};\n"],"mappings":";;;;;AAYA,SAAS,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAA6C;AACzE,SACE,gBAAA,EAAC,EAAU,MAAX;AAAA,IACE,WAAW,EAAG,qCAAqC,CAAS;AAAA,IAC5D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EACT,2DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACqC;AACxC,SACE,gBAAA,EAAC,EAAU,SAAX;AAAA,IACE,WAAW,EAGT,qMACA,qDAIA,oJACA,mDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAU,aAAX;AAAA,IACE,WAAW,EAAG,kCAAkC,CAAS;AAAA,IACzD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EAAG,4BAA4B,CAAS;AAAA,IACnD,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,IAAa,IAAQ;AAAA,EACnB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAM,EAAU;AAAA,EAChB,UAAU,EAAU;AACtB"}

package/dist/components/input-group.js

@@ -0,0 +1,5 @@
+"use client";
+import { t as o } from "../chunks/input-group-D6dlma8k.js";
+export {
+  o as InputGroup
+};

package/dist/components/input.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/input-BSJGBUbf.js";
+import { t as e } from "../chunks/input-CxS7ndpb.js";
 export {
   e as Input
 };

package/dist/components/menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as e, n as M, r as n, s as a, t as E } from "../chunks/menu-Dan0oRvL.js";
+import { i as e, n as M, r as n, s as a, t as E } from "../chunks/menu-BSXds3Rt.js";
 export {
   E as MENU_ITEM,
   M as MENU_ITEM_COLORS,