@photon-ai/pho-ui 0.1.0

package/dist/components/collapsible.js

@@ -0,0 +1,28 @@
+"use client";
+import { t as r } from "../chunks/cn-D6jQqeRj.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+import { Collapsible as o } from "@base-ui/react/collapsible";
+var n = o.Root;
+function a({ className: e, ...t }) {
+  return /* @__PURE__ */ i(o.Trigger, {
+    className: r("outline-pho-brand text-pho-secondary hover:text-pho-secondary-hover flex w-full cursor-pointer items-center justify-between gap-2 rounded-md text-sm font-medium transition focus-visible:outline-2 focus-visible:outline-offset-2", "[&>svg]:size-4 [&>svg]:transition-transform [&>svg]:duration-150 data-[panel-open]:[&>svg]:rotate-180", e),
+    ...t
+  });
+}
+function s({ className: e, ...t }) {
+  return /* @__PURE__ */ i(o.Panel, {
+    className: r("h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-150 ease-out", "data-[ending-style]:h-0 data-[starting-style]:h-0", e),
+    ...t
+  });
+}
+var f = {
+  Root: n,
+  Trigger: a,
+  Panel: s
+};
+export {
+  f as Collapsible
+};
+
+//# sourceMappingURL=collapsible.js.map

package/dist/components/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","names":[],"sources":["../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\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 = BaseCollapsible.Root;\n\nfunction Trigger({\n  className,\n  ...props\n}: StyledProps<typeof BaseCollapsible.Trigger>) {\n  return (\n    <BaseCollapsible.Trigger\n      className={cn(\n        \"outline-pho-brand text-pho-secondary hover:text-pho-secondary-hover flex w-full cursor-pointer items-center justify-between gap-2 rounded-md text-sm font-medium transition focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"[&>svg]:size-4 [&>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 BaseCollapsible.Panel>) {\n  return (\n    <BaseCollapsible.Panel\n      className={cn(\n        \"h-[var(--collapsible-panel-height)] overflow-hidden 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 * Show/hide a region of content, built on Base UI `Collapsible` with a smooth\n * height animation. Control with `open` / `onOpenChange` or leave uncontrolled\n * via `defaultOpen`. For several sections where one expands at a time, use\n * `Accordion`.\n */\nexport const Collapsible = { Root, Trigger, Panel };\n"],"mappings":";;;;;AAYA,IAAM,IAAO,EAAgB;AAE7B,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GAC2C;AAC9C,SACE,gBAAA,EAAC,EAAgB,SAAjB;AAAA,IACE,WAAW,EACT,sOACA,yGACA,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,iGACA,qDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,IAAa,IAAc;AAAA,EAAE,MAAA;AAAA,EAAM,SAAA;AAAA,EAAS,OAAA;AAAM"}

package/dist/components/combobox.js

@@ -0,0 +1,117 @@
+"use client";
+import { t as o } from "../chunks/cn-D6jQqeRj.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Combobox as r } from "@base-ui/react/combobox";
+var i = r.Root, s = r.Value, p = r.Portal, l = r.Group, u = r.Collection;
+function c({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.InputGroup, {
+    className: o("relative flex items-center", e),
+    ...t
+  });
+}
+function m({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.Input, {
+    className: o("squircle bg-pho-primary shadow-pho-xs 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", e),
+    ...t
+  });
+}
+function h({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.Clear, {
+    className: o("combobox-clear text-fg-pho-quaternary hover:text-fg-pho-quaternary-hover absolute right-2.5 flex cursor-pointer items-center [&>svg]:size-4", e),
+    ...t
+  });
+}
+function g({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.Trigger, {
+    className: o("text-fg-pho-quaternary hover:text-fg-pho-quaternary-hover absolute right-2.5 flex cursor-pointer items-center [&>svg]:size-4", e),
+    ...t
+  });
+}
+function d({ className: e, sideOffset: t = 6, ...a }) {
+  return /* @__PURE__ */ n(r.Positioner, {
+    sideOffset: t,
+    className: o("z-50 outline-none", e),
+    ...a
+  });
+}
+function x({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.Popup, {
+    className: o("squircle bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-interactive 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", e),
+    ...t
+  });
+}
+function f({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.List, {
+    className: o("max-h-[min(20rem,var(--available-height))] overflow-y-auto overscroll-contain", e),
+    ...t
+  });
+}
+function y({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.Empty, {
+    className: o("text-pho-tertiary px-2.5 py-6 text-center text-sm empty:m-0 empty:p-0", e),
+    ...t
+  });
+}
+function v({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.Item, {
+    className: o("text-pho-secondary grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 rounded-lg py-1.5 pr-2.5 pl-2 text-sm outline-none select-none", "data-[highlighted]:bg-pho-secondary data-[highlighted]:text-pho-primary", e),
+    ...t
+  });
+}
+function b({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.ItemIndicator, {
+    className: o("text-pho-brand col-start-1 flex items-center [&>svg]:size-4", e),
+    ...t
+  });
+}
+function w({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.GroupLabel, {
+    className: o("text-pho-quaternary px-2.5 py-1.5 text-xs font-medium", e),
+    ...t
+  });
+}
+function N({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.Chips, {
+    className: o("squircle bg-pho-primary shadow-pho-xs ring-pho-primary focus-within:ring-pho-brand flex flex-wrap items-center gap-1.5 rounded-lg p-1.5 ring-1 ring-inset focus-within:ring-2", e),
+    ...t
+  });
+}
+function C({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.Chip, {
+    className: o("bg-pho-secondary text-pho-secondary data-[highlighted]:bg-pho-tertiary flex items-center gap-1 rounded-md py-0.5 pr-1 pl-2 text-sm", e),
+    ...t
+  });
+}
+function q({ className: e, ...t }) {
+  return /* @__PURE__ */ n(r.ChipRemove, {
+    className: o("text-fg-pho-quaternary hover:text-fg-pho-quaternary-hover flex cursor-pointer items-center rounded-sm [&>svg]:size-3.5", e),
+    ...t
+  });
+}
+var L = {
+  Root: i,
+  Value: s,
+  InputGroup: c,
+  Input: m,
+  Trigger: g,
+  Clear: h,
+  Portal: p,
+  Positioner: d,
+  Popup: x,
+  List: f,
+  Collection: u,
+  Empty: y,
+  Item: v,
+  ItemIndicator: b,
+  Group: l,
+  GroupLabel: w,
+  Chips: N,
+  Chip: C,
+  ChipRemove: q
+};
+export {
+  L as Combobox
+};
+
+//# sourceMappingURL=combobox.js.map

package/dist/components/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","names":[],"sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\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 = BaseCombobox.Root;\nconst Value = BaseCombobox.Value;\nconst Portal = BaseCombobox.Portal;\nconst Group = BaseCombobox.Group;\nconst Collection = BaseCombobox.Collection;\n\nfunction InputGroup({\n  className,\n  ...props\n}: StyledProps<typeof BaseCombobox.InputGroup>) {\n  return (\n    <BaseCombobox.InputGroup\n      className={cn(\"relative flex items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Input({\n  className,\n  ...props\n}: StyledProps<typeof BaseCombobox.Input>) {\n  return (\n    <BaseCombobox.Input\n      className={cn(\n        \"squircle bg-pho-primary shadow-pho-xs 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 BaseCombobox.Clear>) {\n  return (\n    <BaseCombobox.Clear\n      className={cn(\n        \"combobox-clear 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 Trigger({\n  className,\n  ...props\n}: StyledProps<typeof BaseCombobox.Trigger>) {\n  return (\n    <BaseCombobox.Trigger\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 BaseCombobox.Positioner>) {\n  return (\n    <BaseCombobox.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 BaseCombobox.Popup>) {\n  return (\n    <BaseCombobox.Popup\n      className={cn(\n        \"squircle bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-interactive 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({ className, ...props }: StyledProps<typeof BaseCombobox.List>) {\n  return (\n    <BaseCombobox.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 BaseCombobox.Empty>) {\n  return (\n    <BaseCombobox.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({ className, ...props }: StyledProps<typeof BaseCombobox.Item>) {\n  return (\n    <BaseCombobox.Item\n      className={cn(\n        \"text-pho-secondary grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 rounded-lg py-1.5 pr-2.5 pl-2 text-sm outline-none select-none\",\n        \"data-[highlighted]:bg-pho-secondary data-[highlighted]:text-pho-primary\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemIndicator({\n  className,\n  ...props\n}: StyledProps<typeof BaseCombobox.ItemIndicator>) {\n  return (\n    <BaseCombobox.ItemIndicator\n      className={cn(\n        \"text-pho-brand col-start-1 flex items-center [&>svg]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction GroupLabel({\n  className,\n  ...props\n}: StyledProps<typeof BaseCombobox.GroupLabel>) {\n  return (\n    <BaseCombobox.GroupLabel\n      className={cn(\n        \"text-pho-quaternary px-2.5 py-1.5 text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Chips({\n  className,\n  ...props\n}: StyledProps<typeof BaseCombobox.Chips>) {\n  return (\n    <BaseCombobox.Chips\n      className={cn(\n        \"squircle bg-pho-primary shadow-pho-xs ring-pho-primary focus-within:ring-pho-brand flex flex-wrap items-center gap-1.5 rounded-lg p-1.5 ring-1 ring-inset focus-within:ring-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Chip({ className, ...props }: StyledProps<typeof BaseCombobox.Chip>) {\n  return (\n    <BaseCombobox.Chip\n      className={cn(\n        \"bg-pho-secondary text-pho-secondary data-[highlighted]:bg-pho-tertiary flex items-center gap-1 rounded-md py-0.5 pr-1 pl-2 text-sm\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ChipRemove({\n  className,\n  ...props\n}: StyledProps<typeof BaseCombobox.ChipRemove>) {\n  return (\n    <BaseCombobox.ChipRemove\n      className={cn(\n        \"text-fg-pho-quaternary hover:text-fg-pho-quaternary-hover flex cursor-pointer items-center rounded-sm [&>svg]:size-3.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Combobox built on Base UI `Combobox` — a text input that filters a list as\n * you type and commits to a value from it. Pass `items` to `Combobox.Root`;\n * `Combobox.List` takes a render function mapping each (filtered) item to a\n * `Combobox.Item`. Add `Combobox.Chips` for multi-select. For free-form text\n * with suggestions, use `Autocomplete`; for a small fixed set, use `Select`.\n */\nexport const Combobox = {\n  Root,\n  Value,\n  InputGroup,\n  Input,\n  Trigger,\n  Clear,\n  Portal,\n  Positioner,\n  Popup,\n  List,\n  Collection,\n  Empty,\n  Item,\n  ItemIndicator,\n  Group,\n  GroupLabel,\n  Chips,\n  Chip,\n  ChipRemove,\n};\n"],"mappings":"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"}

package/dist/components/context-menu.js

@@ -0,0 +1,63 @@
+"use client";
+import { t as e } from "../chunks/cn-D6jQqeRj.js";
+import { n as u, t as n } from "../chunks/menu-BkzDbNuX.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+import { ContextMenu as t } from "@base-ui/react/context-menu";
+import { Separator as p } from "@base-ui/react/separator";
+var m = t.Root, i = t.Trigger, s = t.Portal, c = t.Group, f = t.RadioGroup, l = t.SubmenuRoot;
+function x({ className: r, ...o }) {
+  return /* @__PURE__ */ a(t.Positioner, {
+    className: e("z-50", r),
+    ...o
+  });
+}
+function g({ className: r, ...o }) {
+  return /* @__PURE__ */ a(t.Popup, {
+    className: e(u, r),
+    ...o
+  });
+}
+function b({ className: r, ...o }) {
+  return /* @__PURE__ */ a(t.Item, {
+    className: e(n, r),
+    ...o
+  });
+}
+function P({ className: r, ...o }) {
+  return /* @__PURE__ */ a(t.GroupLabel, {
+    className: e("text-pho-quaternary px-2.5 py-1.5 text-xs font-medium", r),
+    ...o
+  });
+}
+function v({ className: r, ...o }) {
+  return /* @__PURE__ */ a(p, {
+    className: e("-mx-1 my-1 h-px bg-[var(--border-color-pho-secondary)]", r),
+    ...o
+  });
+}
+function N({ className: r, ...o }) {
+  return /* @__PURE__ */ a(t.SubmenuTrigger, {
+    className: e(n, "data-[popup-open]:bg-pho-secondary", r),
+    ...o
+  });
+}
+var T = {
+  Root: m,
+  Trigger: i,
+  Portal: s,
+  Positioner: x,
+  Popup: g,
+  Item: b,
+  Group: c,
+  GroupLabel: P,
+  Separator: v,
+  SubmenuRoot: l,
+  SubmenuTrigger: N,
+  RadioGroup: f
+};
+export {
+  T as ContextMenu
+};
+
+//# sourceMappingURL=context-menu.js.map

package/dist/components/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","names":[],"sources":["../../src/components/context-menu/context-menu.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { ContextMenu as BaseContextMenu } from \"@base-ui/react/context-menu\";\nimport { Separator as BaseSeparator } from \"@base-ui/react/separator\";\nimport { cn } from \"../../utils/cn\";\nimport { MENU_POPUP, MENU_ITEM } from \"../menu/menu\";\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 = BaseContextMenu.Root;\nconst Trigger = BaseContextMenu.Trigger;\nconst Portal = BaseContextMenu.Portal;\nconst Group = BaseContextMenu.Group;\nconst RadioGroup = BaseContextMenu.RadioGroup;\nconst SubmenuRoot = BaseContextMenu.SubmenuRoot;\n\nfunction Positioner({\n  className,\n  ...props\n}: StyledProps<typeof BaseContextMenu.Positioner>) {\n  return (\n    <BaseContextMenu.Positioner className={cn(\"z-50\", className)} {...props} />\n  );\n}\n\nfunction Popup({\n  className,\n  ...props\n}: StyledProps<typeof BaseContextMenu.Popup>) {\n  return (\n    <BaseContextMenu.Popup className={cn(MENU_POPUP, className)} {...props} />\n  );\n}\n\nfunction Item({\n  className,\n  ...props\n}: StyledProps<typeof BaseContextMenu.Item>) {\n  return (\n    <BaseContextMenu.Item className={cn(MENU_ITEM, className)} {...props} />\n  );\n}\n\nfunction GroupLabel({\n  className,\n  ...props\n}: StyledProps<typeof BaseContextMenu.GroupLabel>) {\n  return (\n    <BaseContextMenu.GroupLabel\n      className={cn(\n        \"text-pho-quaternary px-2.5 py-1.5 text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Separator({ className, ...props }: StyledProps<typeof BaseSeparator>) {\n  return (\n    <BaseSeparator\n      className={cn(\n        \"-mx-1 my-1 h-px bg-[var(--border-color-pho-secondary)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SubmenuTrigger({\n  className,\n  ...props\n}: StyledProps<typeof BaseContextMenu.SubmenuTrigger>) {\n  return (\n    <BaseContextMenu.SubmenuTrigger\n      className={cn(MENU_ITEM, \"data-[popup-open]:bg-pho-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Right-click (context) menu built on Base UI `ContextMenu`. `ContextMenu.Trigger`\n * wraps the area that opens the menu on right-click / long-press; the popup\n * shares its look with `Menu`. Always mirror these actions somewhere visible —\n * a context menu must not be the only way to reach them.\n */\nexport const ContextMenu = {\n  Root,\n  Trigger,\n  Portal,\n  Positioner,\n  Popup,\n  Item,\n  Group,\n  GroupLabel,\n  Separator,\n  SubmenuRoot,\n  SubmenuTrigger,\n  RadioGroup,\n};\n"],"mappings":";;;;;;;AAcA,IAAM,IAAO,EAAgB,MACvB,IAAU,EAAgB,SAC1B,IAAS,EAAgB,QACzB,IAAQ,EAAgB,OACxB,IAAa,EAAgB,YAC7B,IAAc,EAAgB;AAEpC,SAAS,EAAW,EAClB,WAAA,GACA,GAAG,EAAA,GAC8C;AACjD,SACE,gBAAA,EAAC,EAAgB,YAAjB;AAAA,IAA4B,WAAW,EAAG,QAAQ,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAE9E;AAEA,SAAS,EAAM,EACb,WAAA,GACA,GAAG,EAAA,GACyC;AAC5C,SACE,gBAAA,EAAC,EAAgB,OAAjB;AAAA,IAAuB,WAAW,EAAG,GAAY,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAE7E;AAEA,SAAS,EAAK,EACZ,WAAA,GACA,GAAG,EAAA,GACwC;AAC3C,SACE,gBAAA,EAAC,EAAgB,MAAjB;AAAA,IAAsB,WAAW,EAAG,GAAW,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAE3E;AAEA,SAAS,EAAW,EAClB,WAAA,GACA,GAAG,EAAA,GAC8C;AACjD,SACE,gBAAA,EAAC,EAAgB,YAAjB;AAAA,IACE,WAAW,EACT,yDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAU,EAAE,WAAA,GAAW,GAAG,EAAA,GAA4C;AAC7E,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW,EACT,0DACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,GAAG,EAAA,GACkD;AACrD,SACE,gBAAA,EAAC,EAAgB,gBAAjB;AAAA,IACE,WAAW,EAAG,GAAW,sCAAsC,CAAS;AAAA,IACxE,GAAI;AAAA,EACL,CAAA;AAEL;AAQA,IAAa,IAAc;AAAA,EACzB,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AACF"}

package/dist/components/dialog.js

@@ -0,0 +1,5 @@
+"use client";
+import { t } from "../chunks/dialog-BSBF1Wyq.js";
+export {
+  t as Dialog
+};

package/dist/components/drawer.js

@@ -0,0 +1,59 @@
+"use client";
+import { t as a } from "../chunks/cn-D6jQqeRj.js";
+import "react";
+import { jsx as o } from "react/jsx-runtime";
+import { Drawer as e } from "@base-ui/react/drawer";
+var n = e.Root, i = e.Trigger, s = e.Portal, l = e.Close;
+function p({ className: t, ...r }) {
+  return /* @__PURE__ */ o(e.Backdrop, {
+    className: a("bg-pho-overlay fixed inset-0 z-50 backdrop-blur-[2px] transition-opacity duration-300 ease-out", "data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 data-[swiping]:duration-0", t),
+    ...r
+  });
+}
+function c({ className: t, ...r }) {
+  return /* @__PURE__ */ o(e.Viewport, {
+    className: a("fixed inset-0 z-50 flex items-stretch justify-end", t),
+    ...r
+  });
+}
+function u({ className: t, ...r }) {
+  return /* @__PURE__ */ o(e.Popup, {
+    className: a("squircle border-pho-interactive bg-pho-primary shadow-pho-xl h-full w-[22rem] max-w-[calc(100vw-3rem)] overflow-y-auto overscroll-contain border-l p-6 outline-none", "[transform:translateX(var(--drawer-swipe-movement-x,0px))] transition-transform duration-300 ease-out", "data-[ending-style]:translate-x-full data-[starting-style]:translate-x-full data-[swiping]:duration-0", t),
+    ...r
+  });
+}
+function m({ className: t, ...r }) {
+  return /* @__PURE__ */ o(e.Content, {
+    className: a("flex h-full flex-col", t),
+    ...r
+  });
+}
+function d({ className: t, ...r }) {
+  return /* @__PURE__ */ o(e.Title, {
+    className: a("text-pho-primary text-lg font-semibold", t),
+    ...r
+  });
+}
+function f({ className: t, ...r }) {
+  return /* @__PURE__ */ o(e.Description, {
+    className: a("text-pho-tertiary mt-1 text-sm", t),
+    ...r
+  });
+}
+var v = {
+  Root: n,
+  Trigger: i,
+  Portal: s,
+  Backdrop: p,
+  Viewport: c,
+  Popup: u,
+  Content: m,
+  Title: d,
+  Description: f,
+  Close: l
+};
+export {
+  v as Drawer
+};
+
+//# sourceMappingURL=drawer.js.map

package/dist/components/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":[],"sources":["../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Drawer as BaseDrawer } from \"@base-ui/react/drawer\";\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 = BaseDrawer.Root;\nconst Trigger = BaseDrawer.Trigger;\nconst Portal = BaseDrawer.Portal;\nconst Close = BaseDrawer.Close;\n\nfunction Backdrop({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Backdrop>) {\n  return (\n    <BaseDrawer.Backdrop\n      className={cn(\n        \"bg-pho-overlay fixed inset-0 z-50 backdrop-blur-[2px] transition-opacity duration-300 ease-out\",\n        \"data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 data-[swiping]:duration-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Viewport({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Viewport>) {\n  return (\n    <BaseDrawer.Viewport\n      className={cn(\n        \"fixed inset-0 z-50 flex items-stretch justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({ className, ...props }: StyledProps<typeof BaseDrawer.Popup>) {\n  return (\n    <BaseDrawer.Popup\n      className={cn(\n        \"squircle border-pho-interactive bg-pho-primary shadow-pho-xl h-full w-[22rem] max-w-[calc(100vw-3rem)] overflow-y-auto overscroll-contain border-l p-6 outline-none\",\n        \"[transform:translateX(var(--drawer-swipe-movement-x,0px))] transition-transform duration-300 ease-out\",\n        \"data-[ending-style]:translate-x-full data-[starting-style]:translate-x-full data-[swiping]:duration-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Content({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Content>) {\n  return (\n    <BaseDrawer.Content\n      className={cn(\"flex h-full flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Title({ className, ...props }: StyledProps<typeof BaseDrawer.Title>) {\n  return (\n    <BaseDrawer.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 BaseDrawer.Description>) {\n  return (\n    <BaseDrawer.Description\n      className={cn(\"text-pho-tertiary mt-1 text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Drawer built on Base UI `Drawer` — a panel that slides in from the edge\n * (here, the right) with swipe-to-dismiss. Use it for secondary tasks and\n * navigation that should keep page context; for a forced decision use\n * `AlertDialog`, and for a centered modal use `Dialog`. Compose `Drawer.Portal`\n * → `Backdrop` → `Viewport` → `Popup` → `Content`.\n */\nexport const Drawer = {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Viewport,\n  Popup,\n  Content,\n  Title,\n  Description,\n  Close,\n};\n"],"mappings":";;;;;AAYA,IAAM,IAAO,EAAW,MAClB,IAAU,EAAW,SACrB,IAAS,EAAW,QACpB,IAAQ,EAAW;AAEzB,SAAS,EAAS,EAChB,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAW,UAAZ;AAAA,IACE,WAAW,EACT,kGACA,2FACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAChB,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAW,UAAZ;AAAA,IACE,WAAW,EACT,qDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA+C;AAC5E,SACE,gBAAA,EAAC,EAAW,OAAZ;AAAA,IACE,WAAW,EACT,uKACA,yGACA,yGACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACsC;AACzC,SACE,gBAAA,EAAC,EAAW,SAAZ;AAAA,IACE,WAAW,EAAG,wBAAwB,CAAS;AAAA,IAC/C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA+C;AAC5E,SACE,gBAAA,EAAC,EAAW,OAAZ;AAAA,IACE,WAAW,EAAG,0CAA0C,CAAS;AAAA,IACjE,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAW,aAAZ;AAAA,IACE,WAAW,EAAG,kCAAkC,CAAS;AAAA,IACzD,GAAI;AAAA,EACL,CAAA;AAEL;AASA,IAAa,IAAS;AAAA,EACpB,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AACF"}

package/dist/components/field.js

@@ -0,0 +1,49 @@
+"use client";
+import { t } from "../chunks/cn-D6jQqeRj.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+import { Field as e } from "@base-ui/react/field";
+function a({ className: r, ...o }) {
+  return /* @__PURE__ */ i(e.Root, {
+    className: t("group/field flex flex-col gap-1.5", r),
+    ...o
+  });
+}
+function n({ className: r, ...o }) {
+  return /* @__PURE__ */ i(e.Label, {
+    className: t("text-pho-secondary cursor-default text-sm font-medium", r),
+    ...o
+  });
+}
+function l({ className: r, ...o }) {
+  return /* @__PURE__ */ i(e.Control, {
+    className: t("bg-pho-primary shadow-pho-xs ring-pho-primary text-pho-primary placeholder:text-pho-placeholder text-md w-full rounded-lg 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),
+    ...o
+  });
+}
+function s({ className: r, ...o }) {
+  return /* @__PURE__ */ i(e.Description, {
+    className: t("text-pho-tertiary text-sm", r),
+    ...o
+  });
+}
+function p({ className: r, ...o }) {
+  return /* @__PURE__ */ i(e.Error, {
+    className: t("text-pho-error text-sm", r),
+    ...o
+  });
+}
+var f = {
+  Root: a,
+  Label: n,
+  Control: l,
+  Description: s,
+  Error: p,
+  Item: e.Item,
+  Validity: e.Validity
+};
+export {
+  f as Field
+};
+
+//# sourceMappingURL=field.js.map

package/dist/components/field.js.map

@@ -0,0 +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-sm 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        \"bg-pho-primary shadow-pho-xs ring-pho-primary text-pho-primary placeholder:text-pho-placeholder text-md w-full rounded-lg 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-tertiary text-sm\", 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-sm\", 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,yDACA,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,EACT,iNACA,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,6BAA6B,CAAS;AAAA,IACpD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EAAG,0BAA0B,CAAS;AAAA,IACjD,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/fieldset.js

@@ -0,0 +1,26 @@
+"use client";
+import { t as o } from "../chunks/cn-D6jQqeRj.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Fieldset as s } from "@base-ui/react/fieldset";
+function i({ className: e, ...t }) {
+  return /* @__PURE__ */ r(s.Root, {
+    className: o("flex flex-col gap-4", e),
+    ...t
+  });
+}
+function m({ className: e, ...t }) {
+  return /* @__PURE__ */ r(s.Legend, {
+    className: o("text-pho-primary text-sm font-semibold", e),
+    ...t
+  });
+}
+var p = {
+  Root: i,
+  Legend: m
+};
+export {
+  p as Fieldset
+};
+
+//# sourceMappingURL=fieldset.js.map

package/dist/components/fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.js","names":[],"sources":["../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Fieldset as BaseFieldset } from \"@base-ui/react/fieldset\";\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 BaseFieldset.Root>) {\n  return (\n    <BaseFieldset.Root\n      className={cn(\"flex flex-col gap-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Legend({\n  className,\n  ...props\n}: StyledProps<typeof BaseFieldset.Legend>) {\n  return (\n    <BaseFieldset.Legend\n      className={cn(\"text-pho-primary text-sm font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Groups related fields under a shared legend, built on Base UI `Fieldset`.\n * Use it to title a cluster of inputs (e.g. \"Billing address\") so the grouping\n * is announced to assistive tech.\n */\nexport const Fieldset = { Root, Legend };\n"],"mappings":";;;;;AAYA,SAAS,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAAgD;AAC5E,SACE,gBAAA,EAAC,EAAa,MAAd;AAAA,IACE,WAAW,EAAG,uBAAuB,CAAS;AAAA,IAC9C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAO,EACd,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAa,QAAd;AAAA,IACE,WAAW,EAAG,0CAA0C,CAAS;AAAA,IACjE,GAAI;AAAA,EACL,CAAA;AAEL;AAOA,IAAa,IAAW;AAAA,EAAE,MAAA;AAAA,EAAM,QAAA;AAAO"}

package/dist/components/form.js

@@ -0,0 +1,17 @@
+"use client";
+import { t as m } from "../chunks/cn-D6jQqeRj.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Form as e } from "@base-ui/react/form";
+function a({ className: o, ...r }) {
+  return /* @__PURE__ */ t(e, {
+    className: m("flex flex-col gap-5", o),
+    ...r
+  });
+}
+a.displayName = "Form";
+export {
+  a as Form
+};
+
+//# sourceMappingURL=form.js.map

package/dist/components/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":[],"sources":["../../src/components/form/form.tsx"],"sourcesContent":["import { type ComponentProps } from \"react\";\nimport { Form as BaseForm } from \"@base-ui/react/form\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface FormProps extends Omit<\n  ComponentProps<typeof BaseForm>,\n  \"className\"\n> {\n  className?: string;\n}\n\n/**\n * Form wrapper built on Base UI `Form`. Coordinates the contained `Field`s —\n * pass server-side `errors` and they surface on the matching fields, and\n * `onClearErrors` clears them as the user edits.\n */\nexport function Form({ className, ...props }: FormProps) {\n  return (\n    <BaseForm className={cn(\"flex flex-col gap-5\", className)} {...props} />\n  );\n}\n\nForm.displayName = \"Form\";\n"],"mappings":";;;;;AAgBA,SAAgB,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAAoB;AACvD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAU,WAAW,EAAG,uBAAuB,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAE3E;AAEA,EAAK,cAAc"}

package/dist/components/input.js

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

package/dist/components/kbd.js

@@ -0,0 +1,18 @@
+"use client";
+import { t as i } from "../chunks/cn-D6jQqeRj.js";
+import "react";
+import { jsx as m } from "react/jsx-runtime";
+var o = "inline-flex h-3.5 min-w-3.5 items-center justify-center rounded-[3px] px-1 text-2xs font-medium text-pho-quaternary ring-1 ring-pho-primary ring-inset select-none";
+function s({ keys: e, className: n, children: r, ...t }) {
+  return /* @__PURE__ */ m("kbd", {
+    className: i(o, n),
+    ...t,
+    children: r ?? e
+  });
+}
+s.displayName = "Kbd";
+export {
+  s as Kbd
+};
+
+//# sourceMappingURL=kbd.js.map

package/dist/components/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","names":[],"sources":["../../src/components/kbd/kbd.tsx"],"sourcesContent":["import { type ComponentProps } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** A single keycap surface — a tiny hairline-ringed pill in the quaternary ink. */\nconst KBD_CLASS =\n  \"inline-flex h-3.5 min-w-3.5 items-center justify-center rounded-[3px] px-1 text-2xs font-medium text-pho-quaternary ring-1 ring-pho-primary ring-inset select-none\";\n\ninterface KbdBaseProps {\n  /** Convenience string for the key(s) to show, e.g. \"⌘K\". Ignored when `children` are provided. */\n  keys?: string;\n}\n\nexport interface KbdProps\n  extends KbdBaseProps, Omit<ComponentProps<\"kbd\">, keyof KbdBaseProps> {}\n\n/**\n * Kbd — a keyboard keycap for documenting a shortcut (`⌘K`, `Esc`, `↵`). Supply\n * the key via `children` or the `keys` string; for a chord, place several in a\n * row (`Press ⌘ K`). It's purely presentational and carries no interaction — to\n * actually trigger a shortcut, wire a key handler on the target control.\n */\nexport function Kbd({ keys, className, children, ...props }: KbdProps) {\n  return (\n    <kbd className={cn(KBD_CLASS, className)} {...props}>\n      {children ?? keys}\n    </kbd>\n  );\n}\n\nKbd.displayName = \"Kbd\";\n"],"mappings":";;;;AAIA,IAAM,IACJ;AAgBF,SAAgB,EAAI,EAAE,MAAA,GAAM,WAAA,GAAW,UAAA,GAAU,GAAG,EAAA,GAAmB;AACrE,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,GAAW,CAAS;AAAA,IAAG,GAAI;AAAA,cAC3C,KAAY;AAAA,EACV,CAAA;AAET;AAEA,EAAI,cAAc"}

package/dist/components/menu.js

@@ -0,0 +1,7 @@
+"use client";
+import { n as r, r as s, t } from "../chunks/menu-BkzDbNuX.js";
+export {
+  t as MENU_ITEM,
+  r as MENU_POPUP,
+  s as Menu
+};

package/dist/components/menubar.js

@@ -0,0 +1,17 @@
+"use client";
+import { t as o } from "../chunks/cn-D6jQqeRj.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+import { Menubar as n } from "@base-ui/react/menubar";
+function i({ className: r, ...e }) {
+  return /* @__PURE__ */ a(n, {
+    className: o("squircle border-pho-secondary bg-pho-primary shadow-pho-xs inline-flex items-center gap-1 rounded-lg border p-1", r),
+    ...e
+  });
+}
+i.displayName = "Menubar";
+export {
+  i as Menubar
+};
+
+//# sourceMappingURL=menubar.js.map

package/dist/components/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","names":[],"sources":["../../src/components/menubar/menubar.tsx"],"sourcesContent":["import { type ComponentProps } from \"react\";\nimport { Menubar as BaseMenubar } from \"@base-ui/react/menubar\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface MenubarProps extends Omit<\n  ComponentProps<typeof BaseMenubar>,\n  \"className\"\n> {\n  className?: string;\n}\n\n/**\n * Horizontal bar of top-level menus, built on Base UI `Menubar` — the classic\n * desktop-app menu strip (File / Edit / View). Place `Menu` components inside;\n * the menubar coordinates roving focus and lets open menus switch on hover.\n */\nexport function Menubar({ className, ...props }: MenubarProps) {\n  return (\n    <BaseMenubar\n      className={cn(\n        \"squircle border-pho-secondary bg-pho-primary shadow-pho-xs inline-flex items-center gap-1 rounded-lg border p-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nMenubar.displayName = \"Menubar\";\n"],"mappings":";;;;;AAgBA,SAAgB,EAAQ,EAAE,WAAA,GAAW,GAAG,EAAA,GAAuB;AAC7D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW,EACT,mHACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,EAAQ,cAAc"}

package/dist/components/meter.js

@@ -0,0 +1,47 @@
+"use client";
+import { t as r } from "../chunks/cn-D6jQqeRj.js";
+import "react";
+import { jsx as o } from "react/jsx-runtime";
+import { Meter as a } from "@base-ui/react/meter";
+function l({ className: t, ...e }) {
+  return /* @__PURE__ */ o(a.Root, {
+    className: r("flex w-full flex-col gap-2", t),
+    ...e
+  });
+}
+function n({ className: t, ...e }) {
+  return /* @__PURE__ */ o(a.Label, {
+    className: r("text-pho-secondary text-sm font-medium", t),
+    ...e
+  });
+}
+function u({ className: t, ...e }) {
+  return /* @__PURE__ */ o(a.Value, {
+    className: r("text-pho-tertiary text-sm tabular-nums", t),
+    ...e
+  });
+}
+function i({ className: t, ...e }) {
+  return /* @__PURE__ */ o(a.Track, {
+    className: r("bg-pho-tertiary relative h-2 w-full overflow-hidden rounded-full", t),
+    ...e
+  });
+}
+function s({ className: t, ...e }) {
+  return /* @__PURE__ */ o(a.Indicator, {
+    className: r("bg-pho-brand-solid h-full rounded-full transition-all duration-200 ease-out", t),
+    ...e
+  });
+}
+var p = {
+  Root: l,
+  Label: n,
+  Value: u,
+  Track: i,
+  Indicator: s
+};
+export {
+  p as Meter
+};
+
+//# sourceMappingURL=meter.js.map

package/dist/components/meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter.js","names":[],"sources":["../../src/components/meter/meter.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Meter as BaseMeter } from \"@base-ui/react/meter\";\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 BaseMeter.Root>) {\n  return (\n    <BaseMeter.Root\n      className={cn(\"flex w-full flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Label({ className, ...props }: StyledProps<typeof BaseMeter.Label>) {\n  return (\n    <BaseMeter.Label\n      className={cn(\"text-pho-secondary text-sm font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Value({ className, ...props }: StyledProps<typeof BaseMeter.Value>) {\n  return (\n    <BaseMeter.Value\n      className={cn(\"text-pho-tertiary text-sm tabular-nums\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Track({ className, ...props }: StyledProps<typeof BaseMeter.Track>) {\n  return (\n    <BaseMeter.Track\n      className={cn(\n        \"bg-pho-tertiary relative h-2 w-full overflow-hidden rounded-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Indicator({\n  className,\n  ...props\n}: StyledProps<typeof BaseMeter.Indicator>) {\n  return (\n    <BaseMeter.Indicator\n      className={cn(\n        \"bg-pho-brand-solid h-full rounded-full transition-all duration-200 ease-out\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Meter built on Base UI `Meter`. Unlike `Progress`, a meter shows a static\n * measurement within a known range (disk usage, score, capacity) rather than\n * task completion. Set `value` on `Meter.Root`.\n */\nexport const Meter = { Root, Label, Value, Track, Indicator };\n"],"mappings":";;;;;AAYA,SAAS,EAAK,EAAE,WAAA,GAAW,GAAG,EAAA,GAA6C;AACzE,SACE,gBAAA,EAAC,EAAU,MAAX;AAAA,IACE,WAAW,EAAG,8BAA8B,CAAS;AAAA,IACrD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EAAG,0CAA0C,CAAS;AAAA,IACjE,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EAAG,0CAA0C,CAAS;AAAA,IACjE,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA8C;AAC3E,SACE,gBAAA,EAAC,EAAU,OAAX;AAAA,IACE,WAAW,EACT,oEACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAU,WAAX;AAAA,IACE,WAAW,EACT,+EACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAOA,IAAa,IAAQ;AAAA,EAAE,MAAA;AAAA,EAAM,OAAA;AAAA,EAAO,OAAA;AAAA,EAAO,OAAA;AAAA,EAAO,WAAA;AAAU"}

package/dist/components/navigation-menu.js

@@ -0,0 +1,74 @@
+"use client";
+import { t as n } from "../chunks/cn-D6jQqeRj.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+import { NavigationMenu as o } from "@base-ui/react/navigation-menu";
+function a({ className: t, ...e }) {
+  return /* @__PURE__ */ i(o.Root, {
+    className: n("relative min-w-max", t),
+    ...e
+  });
+}
+function s({ className: t, ...e }) {
+  return /* @__PURE__ */ i(o.List, {
+    className: n("relative flex items-center gap-1", t),
+    ...e
+  });
+}
+var p = o.Item, u = o.Icon;
+function l({ className: t, ...e }) {
+  return /* @__PURE__ */ i(o.Trigger, {
+    className: n("outline-pho-brand text-pho-secondary hover:bg-pho-secondary data-[popup-open]:bg-pho-secondary inline-flex cursor-pointer items-center gap-1 rounded-md px-3 py-2 text-sm font-medium transition focus-visible:outline-2 focus-visible:-outline-offset-1", "[&>svg]:size-4 [&>svg]:transition-transform [&>svg]:duration-150 data-[popup-open]:[&>svg]:rotate-180", t),
+    ...e
+  });
+}
+function c({ className: t, ...e }) {
+  return /* @__PURE__ */ i(o.Content, {
+    className: n("w-full p-2", t),
+    ...e
+  });
+}
+function m({ className: t, ...e }) {
+  return /* @__PURE__ */ i(o.Link, {
+    className: n("outline-pho-brand text-pho-secondary hover:bg-pho-secondary hover:text-pho-primary block rounded-lg px-3 py-2 text-sm transition focus-visible:outline-2 focus-visible:-outline-offset-1", t),
+    ...e
+  });
+}
+var d = o.Portal;
+function g({ className: t, sideOffset: e = 8, ...r }) {
+  return /* @__PURE__ */ i(o.Positioner, {
+    sideOffset: e,
+    className: n("z-50", t),
+    ...r
+  });
+}
+function f({ className: t, ...e }) {
+  return /* @__PURE__ */ i(o.Popup, {
+    className: n("squircle bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-interactive relative h-[var(--popup-height)] w-[var(--popup-width)] origin-[var(--transform-origin)] rounded-xl ring-1 transition-[opacity,transform,width,height] 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 v({ className: t, ...e }) {
+  return /* @__PURE__ */ i(o.Viewport, {
+    className: n("relative h-full w-full overflow-hidden", t),
+    ...e
+  });
+}
+var N = {
+  Root: a,
+  List: s,
+  Item: p,
+  Trigger: l,
+  Content: c,
+  Link: m,
+  Icon: u,
+  Portal: d,
+  Positioner: g,
+  Popup: f,
+  Viewport: v
+};
+export {
+  N as NavigationMenu
+};
+
+//# sourceMappingURL=navigation-menu.js.map