@photon-ai/pho-ui 0.7.1 → 1.0.0

package/dist/chunks/{sidebar-CivriTLb.js → sidebar-16Pfn7IC.js}

@@ -1,11 +1,11 @@
 "use client";
-import { t as o } from "./cn-7uGUzCOM.js";
+import { t as o } from "./cn-DTiB6ek_.js";
 import { n as g, r as v } from "./link-provider-9TFNyDqO.js";
-import { l as x } from "./button-CQ4cZvkC.js";
+import { d as x } from "./close-button-8f-oRJXt.js";
 import { t as h } from "./createReactComponent-BqCmnqfX.js";
-import { n as l } from "./avatar-Bb4RZQIa.js";
-import { isValidElement as y } from "react";
-import { Fragment as b, jsx as t, jsxs as a } from "react/jsx-runtime";
+import { n as l } from "./avatar-CiAvJNNs.js";
+import { isValidElement as b } from "react";
+import { Fragment as y, jsx as t, jsxs as a } from "react/jsx-runtime";
 var N = [["path", {
   d: "M17 7l-10 10",
   key: "svg-0"
@@ -25,7 +25,7 @@ var N = [["path", {
     d: "M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",
     key: "svg-2"
   }]
-], w = h("outline", "dots", "Dots", k), R = "border-pho-secondary bg-pho-page sticky top-0 flex h-dvh w-64 shrink-0 flex-col border-r px-4 py-5", _ = "outline-pho-brand flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors focus-visible:outline-2 focus-visible:-outline-offset-1", A = "bg-pho-primary text-pho-primary ring-pho-secondary font-medium ring-1 ring-inset *:data-icon:text-fg-pho-primary", E = o("text-pho-secondary *:data-icon:text-fg-pho-secondary", "hover:bg-pho-ghost-hover hover:text-pho-primary hover:*:data-icon:text-fg-pho-primary");
+], w = h("outline", "dots", "Dots", k), R = "border-pho-secondary bg-pho-page sticky top-0 flex h-dvh w-64 shrink-0 flex-col border-r px-4 py-5", _ = "outline-pho-brand flex 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", A = "bg-pho-primary text-pho-primary ring-pho-secondary font-medium ring-1 ring-inset *:data-icon:text-pho-primary", E = o("text-pho-secondary *:data-icon:text-pho-secondary", "hover:bg-pho-ghost-hover hover:text-pho-primary hover:*:data-icon:text-pho-primary");
 function C({ className: r, ...e }) {
   return /* @__PURE__ */ t("aside", {
     className: o(R, r),
@@ -52,7 +52,7 @@ function D({ className: r, ...e }) {
 }
 function B({ className: r, ...e }) {
   return /* @__PURE__ */ t("div", {
-    className: o("text-pho-secondary mb-2 px-2 text-xs font-medium", r),
+    className: o("text-pho-description mb-2 px-2 text-xs font-normal", r),
     ...e
   });
 }
@@ -71,7 +71,7 @@ function F({ className: r, ...e }) {
 function p(r) {
   if (r == null || r === !1) return null;
   let e = null;
-  return v(r) ? e = /* @__PURE__ */ t(r, {}) : y(r) && (e = r), e == null ? null : /* @__PURE__ */ t("span", {
+  return v(r) ? e = /* @__PURE__ */ t(r, {}) : b(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
@@ -94,7 +94,7 @@ function L({ icon: r, active: e, className: n, children: i, href: s, external: c
     children: [
       p(r),
       m,
-      c && /* @__PURE__ */ a(b, { children: [p(/* @__PURE__ */ t(I, { "aria-hidden": !0 })), /* @__PURE__ */ t("span", {
+      c && /* @__PURE__ */ a(y, { children: [p(/* @__PURE__ */ t(I, { "aria-hidden": !0 })), /* @__PURE__ */ t("span", {
         className: "sr-only",
         children: "(opens in a new tab)"
       })] })
@@ -107,7 +107,7 @@ function L({ icon: r, active: e, className: n, children: i, href: s, external: c
     children: [p(r), m]
   }) });
 }
-var O = "group outline-pho-brand flex w-full cursor-pointer items-center gap-2 rounded-lg p-2 text-left focus-visible:outline-2 focus-visible:outline-offset-2";
+var O = "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 S(r) {
   const e = r.split(/\s+/).filter(Boolean);
   return ((e[0]?.[0] ?? r[0] ?? "?") + (e.length >= 2 ? e[e.length - 1]?.[0] ?? "" : "")).toUpperCase();
@@ -132,7 +132,7 @@ function U({ name: r, avatarSrc: e, initials: n, className: i, ...s }) {
       /* @__PURE__ */ t("span", {
         "aria-hidden": !0,
         className: x({
-          variant: "secondary",
+          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]"
@@ -161,4 +161,4 @@ export {
   _ as t
 };
 
-//# sourceMappingURL=sidebar-CivriTLb.js.map
+//# sourceMappingURL=sidebar-16Pfn7IC.js.map

package/dist/chunks/sidebar-16Pfn7IC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-16Pfn7IC.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  isValidElement,\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\n/* ------------------------------- class map ------------------------------- */\n\n/** The rail itself — sticky, full-height, hairline right edge. */\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 px-4 py-5\";\n\n/** A nav row at rest and on hover. Active/inactive inks split below. */\nexport const SIDEBAR_ITEM =\n  \"outline-pho-brand flex 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%), ghost wash on hover. Icon tracks the\n * 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-ghost-hover hover:text-pho-primary hover:*:data-icon:text-pho-primary\",\n);\n\n/* --------------------------------- frame --------------------------------- */\n\ninterface RootProps extends ComponentProps<\"aside\"> {\n  ref?: Ref<HTMLElement>;\n}\n\n/** The rail — a sticky, full-height `<aside>` with the hairline right edge. */\nfunction Root({ className, ...props }: RootProps) {\n  return <aside className={cn(SIDEBAR_ROOT, className)} {...props} />;\n}\n\n/** Brand slot at the top of the rail — logo, wordmark, workspace switcher. */\nfunction Header({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"mb-6 flex items-center gap-2.5 px-2\", className)}\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-xs\">\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/spinner-Cy8bkyJf.js

@@ -0,0 +1,54 @@
+"use client";
+import { t } from "./cn-DTiB6ek_.js";
+import { t as c } from "./resolve-variant-CcD8iG5l.js";
+import "react";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+var m = {
+  sm: {
+    classes: "size-3.5",
+    description: "Small — dense rows and compact chrome"
+  },
+  md: {
+    classes: "size-4",
+    description: "Medium — the default (menu rows, button icons)"
+  },
+  lg: {
+    classes: "size-5",
+    description: "Large — standalone or roomy surfaces"
+  }
+};
+function d({ size: i = "md", className: a, "aria-label": e, "aria-hidden": s, ...n }) {
+  const r = e != null && e !== "";
+  return /* @__PURE__ */ l("svg", {
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 20 20",
+    role: r ? "status" : void 0,
+    "aria-label": e,
+    "aria-hidden": r ? s : s ?? !0,
+    className: t("shrink-0", c(m, i), a),
+    ...n,
+    children: [/* @__PURE__ */ o("circle", {
+      className: "opacity-30",
+      cx: "10",
+      cy: "10",
+      r: "8",
+      strokeWidth: "2"
+    }), /* @__PURE__ */ o("circle", {
+      className: "animate-pho-spinner origin-center",
+      cx: "10",
+      cy: "10",
+      r: "8",
+      strokeWidth: "2",
+      strokeDasharray: "12.5 50",
+      strokeLinecap: "round"
+    })]
+  });
+}
+d.displayName = "Spinner";
+export {
+  d as n,
+  m as t
+};
+
+//# sourceMappingURL=spinner-Cy8bkyJf.js.map

package/dist/chunks/spinner-Cy8bkyJf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-Cy8bkyJf.js","names":[],"sources":["../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { type ComponentProps } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant, type VariantMap } from \"../../utils/resolve-variant\";\n\n/** Size axis — the ring scales with the surrounding control. */\nexport const SPINNER_SIZES = {\n  sm: {\n    classes: \"size-3.5\",\n    description: \"Small — dense rows and compact chrome\",\n  },\n  md: {\n    classes: \"size-4\",\n    description: \"Medium — the default (menu rows, button icons)\",\n  },\n  lg: {\n    classes: \"size-5\",\n    description: \"Large — standalone or roomy surfaces\",\n  },\n} satisfies VariantMap;\n\nexport type SpinnerSize = keyof typeof SPINNER_SIZES;\n\nexport interface SpinnerProps extends Omit<ComponentProps<\"svg\">, \"children\"> {\n  /** Size variant. @default \"md\" */\n  size?: SpinnerSize;\n}\n\n/**\n * Indeterminate loading ring — a hairline track with a quarter-circle arc\n * rotating over it. The continuous 2px round-cap stroke matches Pho's\n * hairline rings and Tabler icon language. Uses `currentColor`, so ink\n * follows the parent (`text-pho-*`, white on overlays). Decorative by default\n * (`aria-hidden`); pass `aria-label` when the spinner is the only loading cue.\n */\nexport function Spinner({\n  size = \"md\",\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-hidden\": ariaHidden,\n  ...props\n}: SpinnerProps) {\n  const labeled = ariaLabel != null && ariaLabel !== \"\";\n  return (\n    <svg\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      role={labeled ? \"status\" : undefined}\n      aria-label={ariaLabel}\n      aria-hidden={labeled ? ariaHidden : (ariaHidden ?? true)}\n      className={cn(\"shrink-0\", resolveVariant(SPINNER_SIZES, size), className)}\n      {...props}\n    >\n      <circle className=\"opacity-30\" cx=\"10\" cy=\"10\" r=\"8\" strokeWidth=\"2\" />\n      {/* Quarter arc (2π·8 ≈ 50.3 → dash 12.5) rotating at 800ms/rev. */}\n      <circle\n        className=\"animate-pho-spinner origin-center\"\n        cx=\"10\"\n        cy=\"10\"\n        r=\"8\"\n        strokeWidth=\"2\"\n        strokeDasharray=\"12.5 50\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n"],"mappings":";;;;;AAKA,IAAa,IAAgB;AAAA,EAC3B,IAAI;AAAA,IACF,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AACF;AAgBA,SAAgB,EAAQ,EACtB,MAAA,IAAO,MACP,WAAA,GACA,cAAc,GACd,eAAe,GACf,GAAG,EAAA,GACY;AACf,QAAM,IAAU,KAAa,QAAQ,MAAc;AACnD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAM,IAAU,WAAW;AAAA,IAC3B,cAAY;AAAA,IACZ,eAAa,IAAU,IAAc,KAAc;AAAA,IACnD,WAAW,EAAG,YAAY,EAAe,GAAe,CAAI,GAAG,CAAS;AAAA,IACxE,GAAI;AAAA,cARN,CAUE,gBAAA,EAAC,UAAD;AAAA,MAAQ,WAAU;AAAA,MAAa,IAAG;AAAA,MAAK,IAAG;AAAA,MAAK,GAAE;AAAA,MAAI,aAAY;AAAA,IAAK,CAAA,GAEtE,gBAAA,EAAC,UAAD;AAAA,MACE,WAAU;AAAA,MACV,IAAG;AAAA,MACH,IAAG;AAAA,MACH,GAAE;AAAA,MACF,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,eAAc;AAAA,IACf,CAAA,CACE;AAAA;AAET;AAEA,EAAQ,cAAc"}

package/dist/components/accordion.js

@@ -1,36 +1,36 @@
 "use client";
-import { t as o } from "../chunks/cn-7uGUzCOM.js";
+import { t as r } from "../chunks/cn-DTiB6ek_.js";
 import "react";
 import { jsx as n } from "react/jsx-runtime";
-import { Accordion as r } from "@base-ui/react/accordion";
-function a({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Root, {
-    className: o("w-full divide-y divide-[var(--border-color-pho-secondary)] border-y border-[var(--border-color-pho-secondary)]", e),
-    ...t
+import { Accordion as t } from "@base-ui/react/accordion";
+function i({ className: e, ...o }) {
+  return /* @__PURE__ */ n(t.Root, {
+    className: r("w-full divide-y divide-[var(--border-color-pho-secondary)] border-y border-[var(--border-color-pho-secondary)]", e),
+    ...o
   });
 }
-var i = r.Item;
-function s({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Header, {
-    className: o("flex", e),
-    ...t
+var a = t.Item;
+function s({ className: e, ...o }) {
+  return /* @__PURE__ */ n(t.Header, {
+    className: r("flex", e),
+    ...o
   });
 }
-function c({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Trigger, {
-    className: o("outline-pho-brand text-pho-secondary hover:text-pho-secondary-hover flex flex-1 cursor-pointer items-center justify-between gap-3 py-4 text-left text-sm font-medium transition focus-visible:outline-2 focus-visible:-outline-offset-2", "[&>svg]:text-fg-pho-quaternary [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:transition-transform [&>svg]:duration-150 data-[panel-open]:[&>svg]:rotate-180", e),
-    ...t
+function c({ className: e, ...o }) {
+  return /* @__PURE__ */ n(t.Trigger, {
+    className: r("outline-pho-brand text-pho-secondary hover:text-pho-secondary-hover flex flex-1 cursor-pointer items-center justify-between gap-3 py-4 text-left text-base font-medium transition focus-visible:outline-2 focus-visible:-outline-offset-2", "[&>svg]:text-pho-secondary [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:transition-transform [&>svg]:duration-150 data-[panel-open]:[&>svg]:rotate-180", e),
+    ...o
   });
 }
-function d({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Panel, {
-    className: o("text-pho-tertiary h-[var(--accordion-panel-height)] overflow-hidden text-sm transition-[height] duration-150 ease-out", "data-[ending-style]:h-0 data-[starting-style]:h-0", e),
-    ...t
+function d({ className: e, ...o }) {
+  return /* @__PURE__ */ n(t.Panel, {
+    className: r("text-pho-description h-[var(--accordion-panel-height)] overflow-hidden text-base transition-[height] duration-150 ease-out", "data-[ending-style]:h-0 data-[starting-style]:h-0", e),
+    ...o
   });
 }
 var h = {
-  Root: a,
-  Item: i,
+  Root: i,
+  Item: a,
   Header: s,
   Trigger: c,
   Panel: d

package/dist/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":[],"sources":["../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\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 BaseAccordion.Root>) {\n  return (\n    <BaseAccordion.Root\n      className={cn(\n        \"w-full divide-y divide-[var(--border-color-pho-secondary)] border-y border-[var(--border-color-pho-secondary)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst Item = BaseAccordion.Item;\n\nfunction Header({\n  className,\n  ...props\n}: StyledProps<typeof BaseAccordion.Header>) {\n  return <BaseAccordion.Header className={cn(\"flex\", className)} {...props} />;\n}\n\nfunction Trigger({\n  className,\n  ...props\n}: StyledProps<typeof BaseAccordion.Trigger>) {\n  return (\n    <BaseAccordion.Trigger\n      className={cn(\n        \"outline-pho-brand text-pho-secondary hover:text-pho-secondary-hover flex flex-1 cursor-pointer items-center justify-between gap-3 py-4 text-left text-sm font-medium transition focus-visible:outline-2 focus-visible:-outline-offset-2\",\n        \"[&>svg]:text-fg-pho-quaternary [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:transition-transform [&>svg]:duration-150 data-[panel-open]:[&>svg]:rotate-180\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Panel({\n  className,\n  ...props\n}: StyledProps<typeof BaseAccordion.Panel>) {\n  return (\n    <BaseAccordion.Panel\n      className={cn(\n        \"text-pho-tertiary h-[var(--accordion-panel-height)] overflow-hidden text-sm transition-[height] duration-150 ease-out\",\n        \"data-[ending-style]:h-0 data-[starting-style]:h-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Stacked, individually-collapsible sections built on Base UI `Accordion`.\n * Single-open by default; set `openMultiple` to allow several at once. Each\n * `Accordion.Item` needs a `value`; control the open set with `value` /\n * `onValueChange` or `defaultValue`.\n */\nexport const Accordion = { Root, Item, Header, Trigger, Panel };\n"],"mappings":";;;;;AAYA,SAAS,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAAiD;AAC7E,SACE,gBAAA,EAAC,EAAc,MAAf;AAAA,IACE,WAAW,EACT,kHACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,IAAM,IAAO,EAAc;AAE3B,SAAS,EAAO,EACd,WAAA,GACA,GAAG,EAAA,GACwC;AAC3C,SAAO,gBAAA,EAAC,EAAc,QAAf;AAAA,IAAsB,WAAW,EAAG,QAAQ,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAC7E;AAEA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAc,SAAf;AAAA,IACE,WAAW,EACT,2OACA,yJACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAc,OAAf;AAAA,IACE,WAAW,EACT,yHACA,qDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,IAAa,IAAY;AAAA,EAAE,MAAA;AAAA,EAAM,MAAA;AAAA,EAAM,QAAA;AAAA,EAAQ,SAAA;AAAA,EAAS,OAAA;AAAM"}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\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 BaseAccordion.Root>) {\n  return (\n    <BaseAccordion.Root\n      className={cn(\n        \"w-full divide-y divide-[var(--border-color-pho-secondary)] border-y border-[var(--border-color-pho-secondary)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst Item = BaseAccordion.Item;\n\nfunction Header({\n  className,\n  ...props\n}: StyledProps<typeof BaseAccordion.Header>) {\n  return <BaseAccordion.Header className={cn(\"flex\", className)} {...props} />;\n}\n\nfunction Trigger({\n  className,\n  ...props\n}: StyledProps<typeof BaseAccordion.Trigger>) {\n  return (\n    <BaseAccordion.Trigger\n      className={cn(\n        \"outline-pho-brand text-pho-secondary hover:text-pho-secondary-hover flex flex-1 cursor-pointer items-center justify-between gap-3 py-4 text-left text-base font-medium transition focus-visible:outline-2 focus-visible:-outline-offset-2\",\n        \"[&>svg]:text-pho-secondary [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:transition-transform [&>svg]:duration-150 data-[panel-open]:[&>svg]:rotate-180\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Panel({\n  className,\n  ...props\n}: StyledProps<typeof BaseAccordion.Panel>) {\n  return (\n    <BaseAccordion.Panel\n      className={cn(\n        \"text-pho-description h-[var(--accordion-panel-height)] overflow-hidden text-base transition-[height] duration-150 ease-out\",\n        \"data-[ending-style]:h-0 data-[starting-style]:h-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Stacked, individually-collapsible sections built on Base UI `Accordion`.\n * Single-open by default; set `openMultiple` to allow several at once. Each\n * `Accordion.Item` needs a `value`; control the open set with `value` /\n * `onValueChange` or `defaultValue`.\n */\nexport const Accordion = { Root, Item, Header, Trigger, Panel };\n"],"mappings":";;;;;AAYA,SAAS,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAAiD;AAC7E,SACE,gBAAA,EAAC,EAAc,MAAf;AAAA,IACE,WAAW,EACT,kHACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,IAAM,IAAO,EAAc;AAE3B,SAAS,EAAO,EACd,WAAA,GACA,GAAG,EAAA,GACwC;AAC3C,SAAO,gBAAA,EAAC,EAAc,QAAf;AAAA,IAAsB,WAAW,EAAG,QAAQ,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAC7E;AAEA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAc,SAAf;AAAA,IACE,WAAW,EACT,6OACA,qJACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAc,OAAf;AAAA,IACE,WAAW,EACT,8HACA,qDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,IAAa,IAAY;AAAA,EAAE,MAAA;AAAA,EAAM,MAAA;AAAA,EAAM,QAAA;AAAA,EAAQ,SAAA;AAAA,EAAS,OAAA;AAAM"}

package/dist/components/alert-dialog.js

@@ -1,55 +1,55 @@
 "use client";
-import { t as o } from "../chunks/cn-7uGUzCOM.js";
+import { t as r } from "../chunks/cn-DTiB6ek_.js";
 import "react";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { AlertDialog as r } from "@base-ui/react/alert-dialog";
-var x = r.Root, y = r.Trigger, n = r.Portal, g = r.Close;
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { AlertDialog as o } from "@base-ui/react/alert-dialog";
+var u = o.Root, g = o.Trigger, i = o.Portal, x = o.Close;
 function l({ className: t, ...a }) {
-  return /* @__PURE__ */ e(r.Backdrop, {
-    className: o("bg-pho-overlay fixed inset-0 z-50 backdrop-blur-[2px] transition-opacity duration-200 ease-out", "data-[ending-style]:opacity-0 data-[starting-style]:opacity-0", t),
+  return /* @__PURE__ */ e(o.Backdrop, {
+    className: r("bg-pho-overlay fixed inset-0 z-50 transition-opacity duration-200 ease-out", "data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0", t),
     ...a
   });
 }
 function s({ className: t, ...a }) {
-  return /* @__PURE__ */ e(r.Popup, {
-    className: o("squircle border-pho-secondary bg-pho-primary shadow-pho-xl fixed top-1/2 left-1/2 z-50 w-[calc(100%-2rem)] max-w-md -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-2xl border outline-none", "transition-all duration-200 ease-out", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0", t),
+  return /* @__PURE__ */ e(o.Popup, {
+    className: r("border-pho-secondary bg-pho-primary shadow-pho-xl fixed top-1/2 left-1/2 z-50 w-[calc(100%-2rem)] max-w-md -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border outline-none", "transition-[opacity,scale] duration-200 ease-out", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:duration-150", t),
     ...a
   });
 }
-function c({ className: t, ...a }) {
-  return /* @__PURE__ */ e(r.Title, {
-    className: o("text-pho-primary text-lg font-semibold", t),
+function d({ className: t, ...a }) {
+  return /* @__PURE__ */ e(o.Title, {
+    className: r("text-pho-primary font-display text-display-sm font-medium text-balance", t),
     ...a
   });
 }
-function p({ className: t, ...a }) {
-  return /* @__PURE__ */ e(r.Description, {
-    className: o("text-pho-tertiary mt-1 text-sm", t),
+function c({ className: t, ...a }) {
+  return /* @__PURE__ */ e(o.Description, {
+    className: r("text-pho-description text-display-xs mt-1 font-normal", t),
     ...a
   });
 }
-function f({ title: t, description: a, children: d, className: m, ...u }) {
-  return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ e(l, {}), /* @__PURE__ */ i(s, {
+function f({ title: t, description: a, children: p, className: m, ...y }) {
+  return /* @__PURE__ */ n(i, { children: [/* @__PURE__ */ e(l, {}), /* @__PURE__ */ n(s, {
     className: m,
-    ...u,
-    children: [(t || a) && /* @__PURE__ */ i("div", {
+    ...y,
+    children: [(t || a) && /* @__PURE__ */ n("div", {
       className: "flex flex-col gap-1 px-6 pt-5",
-      children: [t && /* @__PURE__ */ e(c, { children: t }), a && /* @__PURE__ */ e(p, { children: a })]
+      children: [t && /* @__PURE__ */ e(d, { children: t }), a && /* @__PURE__ */ e(c, { children: a })]
     }), /* @__PURE__ */ e("div", {
       className: "px-6 py-5",
-      children: d
+      children: p
     })]
   })] });
 }
 var D = {
-  Root: x,
-  Trigger: y,
-  Portal: n,
+  Root: u,
+  Trigger: g,
+  Portal: i,
   Backdrop: l,
   Popup: s,
-  Title: c,
-  Description: p,
-  Close: g,
+  Title: d,
+  Description: c,
+  Close: x,
   Content: f
 };
 export {

package/dist/components/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType, type ReactNode } from \"react\";\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\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\nconst Root = BaseAlertDialog.Root;\nconst Trigger = BaseAlertDialog.Trigger;\nconst Portal = BaseAlertDialog.Portal;\nconst Close = BaseAlertDialog.Close;\n\nfunction Backdrop({\n  className,\n  ...props\n}: StyledProps<typeof BaseAlertDialog.Backdrop>) {\n  return (\n    <BaseAlertDialog.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({\n  className,\n  ...props\n}: StyledProps<typeof BaseAlertDialog.Popup>) {\n  return (\n    <BaseAlertDialog.Popup\n      className={cn(\n        \"squircle border-pho-secondary bg-pho-primary shadow-pho-xl fixed top-1/2 left-1/2 z-50 w-[calc(100%-2rem)] max-w-md -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({\n  className,\n  ...props\n}: StyledProps<typeof BaseAlertDialog.Title>) {\n  return (\n    <BaseAlertDialog.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 BaseAlertDialog.Description>) {\n  return (\n    <BaseAlertDialog.Description\n      className={cn(\"text-pho-tertiary mt-1 text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\ninterface ContentProps extends Omit<\n  StyledProps<typeof BaseAlertDialog.Popup>,\n  \"title\"\n> {\n  /** Heading rendered in the panel header. */\n  title?: ReactNode;\n  /** Supporting text under the title. */\n  description?: ReactNode;\n  children?: ReactNode;\n}\n\n/**\n * Convenience panel: portal + backdrop + styled popup with a title/description\n * header. The action buttons are your responsibility — an alert dialog requires\n * an explicit choice and must not be dismissed by clicking away.\n */\nfunction Content({\n  title,\n  description,\n  children,\n  className,\n  ...props\n}: ContentProps) {\n  return (\n    <Portal>\n      <Backdrop />\n      <Popup className={className} {...props}>\n        {(title || description) && (\n          <div className=\"flex flex-col gap-1 px-6 pt-5\">\n            {title && <Title>{title}</Title>}\n            {description && <Description>{description}</Description>}\n          </div>\n        )}\n        <div className=\"px-6 py-5\">{children}</div>\n      </Popup>\n    </Portal>\n  );\n}\n\n/**\n * Alert dialog built on Base UI `AlertDialog` — a modal that interrupts to\n * confirm a consequential or destructive action. Unlike `Dialog`, it does not\n * close on outside press or Escape: the user must pick an action. Reach for\n * `Dialog` for anything that isn't a forced decision.\n */\nexport const AlertDialog = {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Popup,\n  Title,\n  Description,\n  Close,\n  Content,\n};\n"],"mappings":";;;;;AAYA,IAAM,IAAO,EAAgB,MACvB,IAAU,EAAgB,SAC1B,IAAS,EAAgB,QACzB,IAAQ,EAAgB;AAE9B,SAAS,EAAS,EAChB,WAAA,GACA,GAAG,EAAA,GAC4C;AAC/C,SACE,gBAAA,EAAC,EAAgB,UAAjB;AAAA,IACE,WAAW,EACT,kGACA,iEACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAgB,OAAjB;AAAA,IACE,WAAW,EACT,yMACA,wCACA,kEACA,8DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAgB,OAAjB;AAAA,IACE,WAAW,EAAG,0CAA0C,CAAS;AAAA,IACjE,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GAC+C;AAClD,SACE,gBAAA,EAAC,EAAgB,aAAjB;AAAA,IACE,WAAW,EAAG,kCAAkC,CAAS;AAAA,IACzD,GAAI;AAAA,EACL,CAAA;AAEL;AAkBA,SAAS,EAAQ,EACf,OAAA,GACA,aAAA,GACA,UAAA,GACA,WAAA,GACA,GAAG,EAAA,GACY;AACf,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,CAAW,CAAA,GACX,gBAAA,EAAC,GAAD;AAAA,IAAkB,WAAA;AAAA,IAAW,GAAI;AAAA,cAAjC,EACI,KAAS,MACT,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACG,KAAS,gBAAA,EAAC,GAAD,EAAA,UAAQ,EAAa,CAAA,GAC9B,KAAe,gBAAA,EAAC,GAAD,EAAA,UAAc,EAAyB,CAAA,CACpD;AAAA,QAEP,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAa,UAAA;AAAA,IAAc,CAAA,CACrC;AAAA,IACD,EAAA,CAAA;AAEZ;AAQA,IAAa,IAAc;AAAA,EACzB,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"}
+{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType, type ReactNode } from \"react\";\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\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\nconst Root = BaseAlertDialog.Root;\nconst Trigger = BaseAlertDialog.Trigger;\nconst Portal = BaseAlertDialog.Portal;\nconst Close = BaseAlertDialog.Close;\n\nfunction Backdrop({\n  className,\n  ...props\n}: StyledProps<typeof BaseAlertDialog.Backdrop>) {\n  return (\n    <BaseAlertDialog.Backdrop\n      className={cn(\n        \"bg-pho-overlay fixed inset-0 z-50 transition-opacity duration-200 ease-out\",\n        \"data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({\n  className,\n  ...props\n}: StyledProps<typeof BaseAlertDialog.Popup>) {\n  return (\n    <BaseAlertDialog.Popup\n      className={cn(\n        \"border-pho-secondary bg-pho-primary shadow-pho-xl fixed top-1/2 left-1/2 z-50 w-[calc(100%-2rem)] max-w-md -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border outline-none\",\n        // Opacity + scale only — leave translate centering alone (no transition-all).\n        \"transition-[opacity,scale] 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 data-[ending-style]:duration-150\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Title({\n  className,\n  ...props\n}: StyledProps<typeof BaseAlertDialog.Title>) {\n  return (\n    <BaseAlertDialog.Title\n      className={cn(\n        \"text-pho-primary font-display text-display-sm font-medium text-balance\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Description({\n  className,\n  ...props\n}: StyledProps<typeof BaseAlertDialog.Description>) {\n  return (\n    <BaseAlertDialog.Description\n      className={cn(\n        \"text-pho-description text-display-xs mt-1 font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface ContentProps extends Omit<\n  StyledProps<typeof BaseAlertDialog.Popup>,\n  \"title\"\n> {\n  /** Heading rendered in the panel header. */\n  title?: ReactNode;\n  /** Supporting text under the title. */\n  description?: ReactNode;\n  children?: ReactNode;\n}\n\n/**\n * Convenience panel: portal + backdrop + styled popup with a title/description\n * header. The action buttons are your responsibility — an alert dialog requires\n * an explicit choice and must not be dismissed by clicking away.\n */\nfunction Content({\n  title,\n  description,\n  children,\n  className,\n  ...props\n}: ContentProps) {\n  return (\n    <Portal>\n      <Backdrop />\n      <Popup className={className} {...props}>\n        {(title || description) && (\n          <div className=\"flex flex-col gap-1 px-6 pt-5\">\n            {title && <Title>{title}</Title>}\n            {description && <Description>{description}</Description>}\n          </div>\n        )}\n        <div className=\"px-6 py-5\">{children}</div>\n      </Popup>\n    </Portal>\n  );\n}\n\n/**\n * Alert dialog built on Base UI `AlertDialog` — a modal that interrupts to\n * confirm a consequential or destructive action. Unlike `Dialog`, it does not\n * close on outside press or Escape: the user must pick an action. Reach for\n * `Dialog` for anything that isn't a forced decision.\n */\nexport const AlertDialog = {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Popup,\n  Title,\n  Description,\n  Close,\n  Content,\n};\n"],"mappings":";;;;;AAYA,IAAM,IAAO,EAAgB,MACvB,IAAU,EAAgB,SAC1B,IAAS,EAAgB,QACzB,IAAQ,EAAgB;AAE9B,SAAS,EAAS,EAChB,WAAA,GACA,GAAG,EAAA,GAC4C;AAC/C,SACE,gBAAA,EAAC,EAAgB,UAAjB;AAAA,IACE,WAAW,EACT,8EACA,kGACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAgB,OAAjB;AAAA,IACE,WAAW,EACT,+LAEA,oDACA,kEACA,+FACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAgB,OAAjB;AAAA,IACE,WAAW,EACT,0EACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GAC+C;AAClD,SACE,gBAAA,EAAC,EAAgB,aAAjB;AAAA,IACE,WAAW,EACT,yDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAkBA,SAAS,EAAQ,EACf,OAAA,GACA,aAAA,GACA,UAAA,GACA,WAAA,GACA,GAAG,EAAA,GACY;AACf,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,CAAW,CAAA,GACX,gBAAA,EAAC,GAAD;AAAA,IAAkB,WAAA;AAAA,IAAW,GAAI;AAAA,cAAjC,EACI,KAAS,MACT,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACG,KAAS,gBAAA,EAAC,GAAD,EAAA,UAAQ,EAAa,CAAA,GAC9B,KAAe,gBAAA,EAAC,GAAD,EAAA,UAAc,EAAyB,CAAA,CACpD;AAAA,QAEP,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAa,UAAA;AAAA,IAAc,CAAA,CACrC;AAAA,IACD,EAAA,CAAA;AAEZ;AAQA,IAAa,IAAc;AAAA,EACzB,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/components/autocomplete.js

@@ -1,78 +1,78 @@
 "use client";
-import { t as o } from "../chunks/cn-7uGUzCOM.js";
+import { t as r } from "../chunks/cn-DTiB6ek_.js";
 import "react";
 import { jsx as a } from "react/jsx-runtime";
-import { Autocomplete as r } from "@base-ui/react/autocomplete";
-var i = r.Root, l = r.Value, s = r.Portal, p = r.Group, u = r.Collection;
-function c({ className: t, ...e }) {
-  return /* @__PURE__ */ a(r.InputGroup, {
-    className: o("relative flex items-center", t),
-    ...e
+import { Autocomplete as o } from "@base-ui/react/autocomplete";
+var i = o.Root, s = o.Value, p = o.Portal, l = o.Group, u = o.Collection;
+function c({ className: e, ...t }) {
+  return /* @__PURE__ */ a(o.InputGroup, {
+    className: r("relative flex items-center", e),
+    ...t
   });
 }
-function m({ className: t, ...e }) {
-  return /* @__PURE__ */ a(r.Input, {
-    className: o("squircle bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder focus-visible:ring-pho-brand w-full rounded-lg px-3 py-2 text-sm ring-1 transition-shadow duration-100 ease-linear outline-none ring-inset focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50", t),
-    ...e
+function m({ className: e, ...t }) {
+  return /* @__PURE__ */ a(o.Input, {
+    className: r("bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder focus-visible:ring-pho-brand 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-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-base", e),
+    ...t
   });
 }
-function h({ className: t, ...e }) {
-  return /* @__PURE__ */ a(r.Clear, {
-    className: o("text-fg-pho-quaternary hover:text-fg-pho-quaternary-hover absolute right-2.5 flex cursor-pointer items-center [&>svg]:size-4", t),
-    ...e
+function d({ className: e, ...t }) {
+  return /* @__PURE__ */ a(o.Clear, {
+    className: r("text-pho-secondary hover:text-pho-secondary-hover absolute right-2.5 flex cursor-pointer items-center [&>svg]:size-4", e),
+    ...t
   });
 }
-function d({ className: t, sideOffset: e = 6, ...n }) {
-  return /* @__PURE__ */ a(r.Positioner, {
-    sideOffset: e,
-    className: o("z-50 outline-none", t),
+function h({ className: e, sideOffset: t = 6, ...n }) {
+  return /* @__PURE__ */ a(o.Positioner, {
+    sideOffset: t,
+    className: r("z-50 outline-none", e),
     ...n
   });
 }
-function g({ className: t, ...e }) {
-  return /* @__PURE__ */ a(r.Popup, {
-    className: o("squircle bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary w-[var(--anchor-width)] max-w-[var(--available-width)] origin-[var(--transform-origin)] rounded-xl p-1 ring-1 transition-[transform,opacity] duration-150 ease-out outline-none ring-inset", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0", t),
-    ...e
+function y({ className: e, ...t }) {
+  return /* @__PURE__ */ a(o.Popup, {
+    className: r("bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary rounded-base w-[var(--anchor-width)] max-w-[var(--available-width)] origin-[var(--transform-origin)] p-1 ring-1 transition-[transform,opacity] duration-150 ease-out outline-none ring-inset", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0", e),
+    ...t
   });
 }
-function y({ className: t, ...e }) {
-  return /* @__PURE__ */ a(r.List, {
-    className: o("max-h-[min(20rem,var(--available-height))] overflow-y-auto overscroll-contain", t),
-    ...e
+function g({ className: e, ...t }) {
+  return /* @__PURE__ */ a(o.List, {
+    className: r("max-h-[min(20rem,var(--available-height))] overflow-y-auto overscroll-contain", e),
+    ...t
   });
 }
-function x({ className: t, ...e }) {
-  return /* @__PURE__ */ a(r.Empty, {
-    className: o("text-pho-tertiary px-2.5 py-6 text-center text-sm empty:m-0 empty:p-0", t),
-    ...e
+function x({ className: e, ...t }) {
+  return /* @__PURE__ */ a(o.Empty, {
+    className: r("text-pho-description px-2.5 py-6 text-center text-base empty:m-0 empty:p-0", e),
+    ...t
   });
 }
-function f({ className: t, ...e }) {
-  return /* @__PURE__ */ a(r.Item, {
-    className: o("text-pho-secondary flex cursor-pointer items-center gap-2 rounded-lg py-1.5 pr-2.5 pl-2 text-sm outline-none select-none", "data-[highlighted]:bg-pho-ghost-hover data-[highlighted]:text-pho-primary", t),
-    ...e
+function f({ className: e, ...t }) {
+  return /* @__PURE__ */ a(o.Item, {
+    className: r("text-pho-secondary rounded-base flex cursor-pointer items-center gap-2 py-1.5 pr-2.5 pl-2 text-base outline-none select-none", "data-[highlighted]:bg-pho-ghost-hover data-[highlighted]:text-pho-primary", e),
+    ...t
   });
 }
-function v({ className: t, ...e }) {
-  return /* @__PURE__ */ a(r.GroupLabel, {
-    className: o("text-pho-quaternary px-2.5 py-1.5 text-xs font-medium", t),
-    ...e
+function v({ className: e, ...t }) {
+  return /* @__PURE__ */ a(o.GroupLabel, {
+    className: r("text-pho-secondary px-2.5 py-1.5 text-xs font-medium", e),
+    ...t
   });
 }
 var I = {
   Root: i,
-  Value: l,
+  Value: s,
   InputGroup: c,
   Input: m,
-  Clear: h,
-  Portal: s,
-  Positioner: d,
-  Popup: g,
-  List: y,
+  Clear: d,
+  Portal: p,
+  Positioner: h,
+  Popup: y,
+  List: g,
   Collection: u,
   Empty: x,
   Item: f,
-  Group: p,
+  Group: l,
   GroupLabel: v
 };
 export {

package/dist/components/autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","names":[],"sources":["../../src/components/autocomplete/autocomplete.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\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\nconst Root = BaseAutocomplete.Root;\nconst Value = BaseAutocomplete.Value;\nconst Portal = BaseAutocomplete.Portal;\nconst Group = BaseAutocomplete.Group;\nconst Collection = BaseAutocomplete.Collection;\n\nfunction InputGroup({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.InputGroup>) {\n  return (\n    <BaseAutocomplete.InputGroup\n      className={cn(\"relative flex items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Input({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Input>) {\n  return (\n    <BaseAutocomplete.Input\n      className={cn(\n        // Flat field surface — the 15% hairline ring carries the edge; shadows\n        // are reserved for floating layers.\n        \"squircle bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder focus-visible:ring-pho-brand w-full rounded-lg px-3 py-2 text-sm ring-1 transition-shadow duration-100 ease-linear outline-none ring-inset focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Clear({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Clear>) {\n  return (\n    <BaseAutocomplete.Clear\n      className={cn(\n        \"text-fg-pho-quaternary hover:text-fg-pho-quaternary-hover absolute right-2.5 flex cursor-pointer items-center [&>svg]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Positioner({\n  className,\n  sideOffset = 6,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Positioner>) {\n  return (\n    <BaseAutocomplete.Positioner\n      sideOffset={sideOffset}\n      className={cn(\"z-50 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Popup>) {\n  return (\n    <BaseAutocomplete.Popup\n      className={cn(\n        // Floating layer: keeps its elevation shadow, edged with the site\n        // hairline (ring-pho-secondary).\n        \"squircle bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary w-[var(--anchor-width)] max-w-[var(--available-width)] origin-[var(--transform-origin)] rounded-xl p-1 ring-1 transition-[transform,opacity] duration-150 ease-out outline-none ring-inset\",\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 List({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.List>) {\n  return (\n    <BaseAutocomplete.List\n      className={cn(\n        \"max-h-[min(20rem,var(--available-height))] overflow-y-auto overscroll-contain\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Empty({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Empty>) {\n  return (\n    <BaseAutocomplete.Empty\n      className={cn(\n        \"text-pho-tertiary px-2.5 py-6 text-center text-sm empty:m-0 empty:p-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Item({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Item>) {\n  return (\n    <BaseAutocomplete.Item\n      className={cn(\n        \"text-pho-secondary flex cursor-pointer items-center gap-2 rounded-lg py-1.5 pr-2.5 pl-2 text-sm outline-none select-none\",\n        // Ghost-hover wash (Font/5%) stays visible on the popup surface in both\n        // modes — bg-pho-secondary (#0b0b0b dark) vanishes against the #101010\n        // popup.\n        \"data-[highlighted]:bg-pho-ghost-hover data-[highlighted]:text-pho-primary\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction GroupLabel({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.GroupLabel>) {\n  return (\n    <BaseAutocomplete.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\n/**\n * Autocomplete built on Base UI `Autocomplete` — a free-text input that offers\n * matching suggestions as you type. Unlike `Combobox`, the value isn't\n * constrained to the list: the user can submit text that matches no suggestion.\n * Pass `items` to `Autocomplete.Root` and render an `Item` per suggestion.\n */\nexport const Autocomplete = {\n  Root,\n  Value,\n  InputGroup,\n  Input,\n  Clear,\n  Portal,\n  Positioner,\n  Popup,\n  List,\n  Collection,\n  Empty,\n  Item,\n  Group,\n  GroupLabel,\n};\n"],"mappings":";;;;;AAYA,IAAM,IAAO,EAAiB,MACxB,IAAQ,EAAiB,OACzB,IAAS,EAAiB,QAC1B,IAAQ,EAAiB,OACzB,IAAa,EAAiB;AAEpC,SAAS,EAAW,EAClB,WAAA,GACA,GAAG,EAAA,GAC+C;AAClD,SACE,gBAAA,EAAC,EAAiB,YAAlB;AAAA,IACE,WAAW,EAAG,8BAA8B,CAAS;AAAA,IACrD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,WAAW,EAGT,8SACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,WAAW,EACT,gIACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,WAAA,GACA,YAAA,IAAa,GACb,GAAG,EAAA,GAC+C;AAClD,SACE,gBAAA,EAAC,EAAiB,YAAlB;AAAA,IACc,YAAA;AAAA,IACZ,WAAW,EAAG,qBAAqB,CAAS;AAAA,IAC5C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,WAAW,EAGT,wQACA,kEACA,8DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAK,EACZ,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAiB,MAAlB;AAAA,IACE,WAAW,EACT,iFACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,WAAW,EACT,yEACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAK,EACZ,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAiB,MAAlB;AAAA,IACE,WAAW,EACT,4HAIA,6EACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,WAAA,GACA,GAAG,EAAA,GAC+C;AAClD,SACE,gBAAA,EAAC,EAAiB,YAAlB;AAAA,IACE,WAAW,EACT,yDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,IAAa,IAAe;AAAA,EAC1B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AACF"}
+{"version":3,"file":"autocomplete.js","names":[],"sources":["../../src/components/autocomplete/autocomplete.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\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\nconst Root = BaseAutocomplete.Root;\nconst Value = BaseAutocomplete.Value;\nconst Portal = BaseAutocomplete.Portal;\nconst Group = BaseAutocomplete.Group;\nconst Collection = BaseAutocomplete.Collection;\n\nfunction InputGroup({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.InputGroup>) {\n  return (\n    <BaseAutocomplete.InputGroup\n      className={cn(\"relative flex items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Input({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Input>) {\n  return (\n    <BaseAutocomplete.Input\n      className={cn(\n        // Flat field surface — the 15% hairline ring carries the edge; shadows\n        // are reserved for floating layers.\n        // text-md on small viewports — iOS zooms into fields under 16px.\n        \"bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder focus-visible:ring-pho-brand 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-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-base\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Clear({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Clear>) {\n  return (\n    <BaseAutocomplete.Clear\n      className={cn(\n        \"text-pho-secondary hover:text-pho-secondary-hover absolute right-2.5 flex cursor-pointer items-center [&>svg]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Positioner({\n  className,\n  sideOffset = 6,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Positioner>) {\n  return (\n    <BaseAutocomplete.Positioner\n      sideOffset={sideOffset}\n      className={cn(\"z-50 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Popup>) {\n  return (\n    <BaseAutocomplete.Popup\n      className={cn(\n        // Floating layer: keeps its elevation shadow, edged with the site\n        // hairline (ring-pho-secondary).\n        \"bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary rounded-base w-[var(--anchor-width)] max-w-[var(--available-width)] origin-[var(--transform-origin)] p-1 ring-1 transition-[transform,opacity] duration-150 ease-out outline-none ring-inset\",\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 List({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.List>) {\n  return (\n    <BaseAutocomplete.List\n      className={cn(\n        \"max-h-[min(20rem,var(--available-height))] overflow-y-auto overscroll-contain\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Empty({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Empty>) {\n  return (\n    <BaseAutocomplete.Empty\n      className={cn(\n        \"text-pho-description px-2.5 py-6 text-center text-base empty:m-0 empty:p-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Item({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.Item>) {\n  return (\n    <BaseAutocomplete.Item\n      className={cn(\n        \"text-pho-secondary rounded-base flex cursor-pointer items-center gap-2 py-1.5 pr-2.5 pl-2 text-base outline-none select-none\",\n        // Secondary at rest; highlight lifts to primary + ghost wash (Menu idiom).\n        \"data-[highlighted]:bg-pho-ghost-hover data-[highlighted]:text-pho-primary\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction GroupLabel({\n  className,\n  ...props\n}: StyledProps<typeof BaseAutocomplete.GroupLabel>) {\n  return (\n    <BaseAutocomplete.GroupLabel\n      className={cn(\n        \"text-pho-secondary px-2.5 py-1.5 text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Autocomplete built on Base UI `Autocomplete` — a free-text input that offers\n * matching suggestions as you type. Unlike `Combobox`, the value isn't\n * constrained to the list: the user can submit text that matches no suggestion.\n * Pass `items` to `Autocomplete.Root` and render an `Item` per suggestion.\n */\nexport const Autocomplete = {\n  Root,\n  Value,\n  InputGroup,\n  Input,\n  Clear,\n  Portal,\n  Positioner,\n  Popup,\n  List,\n  Collection,\n  Empty,\n  Item,\n  Group,\n  GroupLabel,\n};\n"],"mappings":";;;;;AAYA,IAAM,IAAO,EAAiB,MACxB,IAAQ,EAAiB,OACzB,IAAS,EAAiB,QAC1B,IAAQ,EAAiB,OACzB,IAAa,EAAiB;AAEpC,SAAS,EAAW,EAClB,WAAA,GACA,GAAG,EAAA,GAC+C;AAClD,SACE,gBAAA,EAAC,EAAiB,YAAlB;AAAA,IACE,WAAW,EAAG,8BAA8B,CAAS;AAAA,IACrD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,WAAW,EAIT,oTACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,WAAW,EACT,wHACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,WAAA,GACA,YAAA,IAAa,GACb,GAAG,EAAA,GAC+C;AAClD,SACE,gBAAA,EAAC,EAAiB,YAAlB;AAAA,IACc,YAAA;AAAA,IACZ,WAAW,EAAG,qBAAqB,CAAS;AAAA,IAC5C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,WAAW,EAGT,iQACA,kEACA,8DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAK,EACZ,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAiB,MAAlB;AAAA,IACE,WAAW,EACT,iFACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAiB,OAAlB;AAAA,IACE,WAAW,EACT,8EACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAK,EACZ,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAiB,MAAlB;AAAA,IACE,WAAW,EACT,gIAEA,6EACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,WAAA,GACA,GAAG,EAAA,GAC+C;AAClD,SACE,gBAAA,EAAC,EAAiB,YAAlB;AAAA,IACE,WAAW,EACT,wDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,IAAa,IAAe;AAAA,EAC1B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AACF"}

package/dist/components/avatar.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as a, t as r } from "../chunks/avatar-Bb4RZQIa.js";
+import { n as a, t as r } from "../chunks/avatar-CiAvJNNs.js";
 export {
   r as AVATAR_SIZES,
   a as Avatar

package/dist/components/badge.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as a } from "../chunks/cn-7uGUzCOM.js";
+import { t as a } from "../chunks/cn-DTiB6ek_.js";
 import { t as i } from "../chunks/resolve-variant-CcD8iG5l.js";
 import "react";
 import { jsx as o } from "react/jsx-runtime";

package/dist/components/button.js

@@ -1,16 +1,16 @@
 "use client";
-import { a, c as s, i as o, l as n, n as B, o as T, r as u, s as e, t as f, u as i } from "../chunks/button-CQ4cZvkC.js";
-import { t as E } from "../chunks/close-button-CNhn8z0w.js";
+import { a, c as s, d as n, f as o, i as T, l as B, n as u, o as e, r as f, s as S, t as i, u as E } from "../chunks/close-button-8f-oRJXt.js";
 export {
+  u as BUTTON_COLORS,
   f as BUTTON_SHAPES,
-  B as BUTTON_SIZES,
-  u as BUTTON_VARIANTS,
-  o as Button,
-  a as ButtonLink,
-  E as CloseButton,
-  T as EFFECT_BUTTON_SIZES,
-  e as EffectButton,
-  s as EffectButtonLink,
+  T as BUTTON_SIZES,
+  a as BUTTON_VARIANTS,
+  e as Button,
+  S as ButtonLink,
+  i as CloseButton,
+  s as EFFECT_BUTTON_SIZES,
+  B as EffectButton,
+  E as EffectButtonLink,
   n as buttonVariants,
-  i as effectButtonVariants
+  o as effectButtonVariants
 };

package/dist/components/checkbox.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as a } from "../chunks/cn-7uGUzCOM.js";
+import { t as a } from "../chunks/cn-DTiB6ek_.js";
 import { t as d } from "../chunks/createReactComponent-BqCmnqfX.js";
 import "react";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
@@ -20,7 +20,7 @@ var p = [["path", {
 };
 function f({ className: o, label: r, size: t = "md", ...l }) {
   const n = /* @__PURE__ */ e(s.Root, {
-    className: a("group/cb squircle outline-pho-brand bg-pho-primary ring-pho-primary text-pho-on-brand flex shrink-0 cursor-pointer items-center justify-center rounded-md 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),
+    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),
     ...l,
     children: /* @__PURE__ */ i(s.Indicator, {
       className: "flex items-center justify-center",
@@ -30,7 +30,7 @@ function f({ className: o, label: r, size: t = "md", ...l }) {
   return r ? /* @__PURE__ */ i("label", {
     className: "flex cursor-pointer items-center gap-2 select-none",
     children: [n, /* @__PURE__ */ e("span", {
-      className: "text-pho-secondary text-sm",
+      className: "text-pho-secondary text-base",
       children: r
     })]
   }) : n;