@code-sherpas/pharos-react 1.0.2 → 1.1.0

package/dist/components/Badge.d.ts

@@ -4,13 +4,18 @@ import { VariantProps } from 'class-variance-authority';
  * Maps the `variant` axis to per-class names inside `Badge.module.css`.
  * The variant set follows shadcn/ui — `default`, `secondary`, `destructive`,
  * `outline` — extended with the semantic tones every modern DS exposes
- * (`success`, `warning`, `info`). Naming stays asymmetric on purpose:
+ * (`success`, `warning`, `info`) and the brand terracotta (`accent`,
+ * `accent-soft`, D25). Naming stays asymmetric on purpose:
  * `destructive` is the canonical shadcn name for "negative tone" and we
  * keep it instead of renaming it to `error`, so consumers familiar with
  * shadcn pick the right value without re-learning the API.
+ *
+ * The semantic tones are for system state only; the accent tones are for
+ * content identity only — a module mark, a topic tag, a category — never for
+ * an action, a selection or a state, which stay blue or semantic.
  */
 declare const badgeVariants: (props?: ({
-    variant?: "secondary" | "destructive" | "default" | "outline" | "success" | "warning" | "info" | null | undefined;
+    variant?: "secondary" | "destructive" | "default" | "outline" | "success" | "warning" | "info" | "accent" | "accent-soft" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type BadgeVariantProps = VariantProps<typeof badgeVariants>;
 export interface BadgeProps extends ComponentPropsWithoutRef<'span'>, BadgeVariantProps {

package/dist/components/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa;;8EAejB,CAAC;AAEH,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,wBAAwB,CAAC,MAAM,CAAC,EAAE,iBAAiB;CAAG;AAE1F,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAShE;yBATe,KAAK;;;AAarB,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,aAAa;;8EAiBjB,CAAC;AAEH,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,wBAAwB,CAAC,MAAM,CAAC,EAAE,iBAAiB;CAAG;AAE1F,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAShE;yBATe,KAAK;;;AAarB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Badge.js

@@ -11,7 +11,9 @@ var i = n(t.badge, {
 		outline: t.outline,
 		success: t.success,
 		warning: t.warning,
-		info: t.info
+		info: t.info,
+		accent: t.accent,
+		"accent-soft": t.accentSoft
 	} },
 	defaultVariants: { variant: "default" }
 });

package/dist/components/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":[],"sources":["../../src/components/Badge.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn';\nimport styles from './Badge.module.css';\n\n/**\n * Maps the `variant` axis to per-class names inside `Badge.module.css`.\n * The variant set follows shadcn/ui — `default`, `secondary`, `destructive`,\n * `outline` — extended with the semantic tones every modern DS exposes\n * (`success`, `warning`, `info`). Naming stays asymmetric on purpose:\n * `destructive` is the canonical shadcn name for \"negative tone\" and we\n * keep it instead of renaming it to `error`, so consumers familiar with\n * shadcn pick the right value without re-learning the API.\n */\nconst badgeVariants = cva(styles.badge, {\n  variants: {\n    variant: {\n      default: styles.default,\n      secondary: styles.secondary,\n      destructive: styles.destructive,\n      outline: styles.outline,\n      success: styles.success,\n      warning: styles.warning,\n      info: styles.info,\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ntype BadgeVariantProps = VariantProps<typeof badgeVariants>;\n\nexport interface BadgeProps extends ComponentPropsWithoutRef<'span'>, BadgeVariantProps {}\n\nexport function Badge({ variant, className, ...rest }: BadgeProps) {\n  const resolvedVariant = variant ?? 'default';\n  return (\n    <span\n      data-pharos-variant={resolvedVariant}\n      className={cn(badgeVariants({ variant: resolvedVariant }), className)}\n      {...rest}\n    />\n  );\n}\n\nBadge.displayName = 'Badge';\n\nexport { badgeVariants };\n"],"mappings":";;;;;AAcA,IAAM,IAAgB,EAAI,EAAO,OAAO;CACtC,UAAU,EACR,SAAS;EACP,SAAS,EAAO;EAChB,WAAW,EAAO;EAClB,aAAa,EAAO;EACpB,SAAS,EAAO;EAChB,SAAS,EAAO;EAChB,SAAS,EAAO;EAChB,MAAM,EAAO;CACf,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAMD,SAAgB,EAAM,EAAE,YAAS,cAAW,GAAG,KAAoB;CACjE,IAAM,IAAkB,KAAW;CACnC,OACE,kBAAC,QAAD;EACE,uBAAqB;EACrB,WAAW,EAAG,EAAc,EAAE,SAAS,EAAgB,CAAC,GAAG,CAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,EAAM,cAAc"}
+{"version":3,"file":"Badge.js","names":[],"sources":["../../src/components/Badge.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn';\nimport styles from './Badge.module.css';\n\n/**\n * Maps the `variant` axis to per-class names inside `Badge.module.css`.\n * The variant set follows shadcn/ui — `default`, `secondary`, `destructive`,\n * `outline` — extended with the semantic tones every modern DS exposes\n * (`success`, `warning`, `info`) and the brand terracotta (`accent`,\n * `accent-soft`, D25). Naming stays asymmetric on purpose:\n * `destructive` is the canonical shadcn name for \"negative tone\" and we\n * keep it instead of renaming it to `error`, so consumers familiar with\n * shadcn pick the right value without re-learning the API.\n *\n * The semantic tones are for system state only; the accent tones are for\n * content identity only — a module mark, a topic tag, a category — never for\n * an action, a selection or a state, which stay blue or semantic.\n */\nconst badgeVariants = cva(styles.badge, {\n  variants: {\n    variant: {\n      default: styles.default,\n      secondary: styles.secondary,\n      destructive: styles.destructive,\n      outline: styles.outline,\n      success: styles.success,\n      warning: styles.warning,\n      info: styles.info,\n      accent: styles.accent,\n      'accent-soft': styles.accentSoft,\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ntype BadgeVariantProps = VariantProps<typeof badgeVariants>;\n\nexport interface BadgeProps extends ComponentPropsWithoutRef<'span'>, BadgeVariantProps {}\n\nexport function Badge({ variant, className, ...rest }: BadgeProps) {\n  const resolvedVariant = variant ?? 'default';\n  return (\n    <span\n      data-pharos-variant={resolvedVariant}\n      className={cn(badgeVariants({ variant: resolvedVariant }), className)}\n      {...rest}\n    />\n  );\n}\n\nBadge.displayName = 'Badge';\n\nexport { badgeVariants };\n"],"mappings":";;;;;AAmBA,IAAM,IAAgB,EAAI,EAAO,OAAO;CACtC,UAAU,EACR,SAAS;EACP,SAAS,EAAO;EAChB,WAAW,EAAO;EAClB,aAAa,EAAO;EACpB,SAAS,EAAO;EAChB,SAAS,EAAO;EAChB,SAAS,EAAO;EAChB,MAAM,EAAO;EACb,QAAQ,EAAO;EACf,eAAe,EAAO;CACxB,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAMD,SAAgB,EAAM,EAAE,YAAS,cAAW,GAAG,KAAoB;CACjE,IAAM,IAAkB,KAAW;CACnC,OACE,kBAAC,QAAD;EACE,uBAAqB;EACrB,WAAW,EAAG,EAAc,EAAE,SAAS,EAAgB,CAAC,GAAG,CAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,EAAM,cAAc"}

package/dist/components/Badge.module.js

@@ -1,12 +1,14 @@
 var e = {
-	badge: "_badge_zrawy_5",
-	default: "_default_zrawy_30",
-	secondary: "_secondary_zrawy_35",
-	destructive: "_destructive_zrawy_40",
-	outline: "_outline_zrawy_45",
-	success: "_success_zrawy_55",
-	warning: "_warning_zrawy_60",
-	info: "_info_zrawy_65"
+	badge: "_badge_5pviu_5",
+	default: "_default_5pviu_30",
+	secondary: "_secondary_5pviu_35",
+	destructive: "_destructive_5pviu_40",
+	outline: "_outline_5pviu_45",
+	success: "_success_5pviu_55",
+	warning: "_warning_5pviu_60",
+	info: "_info_5pviu_65",
+	accent: "_accent_5pviu_73",
+	accentSoft: "_accentSoft_5pviu_80"
 };
 //#endregion
 export { e as default };

package/dist/components/Badge.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.module.js","names":[],"sources":["../../src/components/Badge.module.css"],"sourcesContent":["/* Base layout. Same across every variant — only surface, label and border\n * change. Inline-flex so a child SVG (rendered by the consumer as plain\n * children) sits on the same baseline as the label. The font-relative SVG\n * sizing rule mirrors shadcn's `[&>svg]:size-3` utility. */\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--pharos-spacing-1);\n  padding: 0 var(--pharos-spacing-2);\n  height: var(--pharos-spacing-5);\n  border: 1px solid transparent;\n  border-radius: var(--pharos-radius-full);\n  font-family: var(--pharos-font-family-sans);\n  font-size: var(--pharos-font-size-xs);\n  font-weight: var(--pharos-font-weight-medium);\n  line-height: 1;\n  white-space: nowrap;\n  width: fit-content;\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n}\n\n.badge > svg {\n  width: 0.75em;\n  height: 0.75em;\n  flex: 0 0 auto;\n  pointer-events: none;\n}\n\n.default {\n  background: var(--pharos-color-neutral-900);\n  color: var(--pharos-color-base-white);\n}\n\n.secondary {\n  background: var(--pharos-color-neutral-100);\n  color: var(--pharos-color-neutral-900);\n}\n\n.destructive {\n  background: var(--pharos-color-semantic-error-fg);\n  color: var(--pharos-color-semantic-error-on);\n}\n\n.outline {\n  background: transparent;\n  color: var(--pharos-color-neutral-900);\n  /* `neutral-500` clears WCAG 1.4.11 (Non-text Contrast, 3:1 against the\n   * surrounding surface) and matches the resting border of Input and\n   * Button secondary so the system has one accessible boundary intensity\n   * across primitives. See `Input.module.css` for the cross-DS rationale. */\n  border-color: var(--pharos-color-neutral-500);\n}\n\n.success {\n  background: var(--pharos-color-semantic-success-fg);\n  color: var(--pharos-color-semantic-success-on);\n}\n\n.warning {\n  background: var(--pharos-color-semantic-warning-fg);\n  color: var(--pharos-color-semantic-warning-on);\n}\n\n.info {\n  background: var(--pharos-color-semantic-info-fg);\n  color: var(--pharos-color-semantic-info-on);\n}\n"],"mappings":""}
+{"version":3,"file":"Badge.module.js","names":[],"sources":["../../src/components/Badge.module.css"],"sourcesContent":["/* Base layout. Same across every variant — only surface, label and border\n * change. Inline-flex so a child SVG (rendered by the consumer as plain\n * children) sits on the same baseline as the label. The font-relative SVG\n * sizing rule mirrors shadcn's `[&>svg]:size-3` utility. */\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--pharos-spacing-1);\n  padding: 0 var(--pharos-spacing-2);\n  height: var(--pharos-spacing-5);\n  border: 1px solid transparent;\n  border-radius: var(--pharos-radius-full);\n  font-family: var(--pharos-font-family-sans);\n  font-size: var(--pharos-font-size-xs);\n  font-weight: var(--pharos-font-weight-medium);\n  line-height: 1;\n  white-space: nowrap;\n  width: fit-content;\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n}\n\n.badge > svg {\n  width: 0.75em;\n  height: 0.75em;\n  flex: 0 0 auto;\n  pointer-events: none;\n}\n\n.default {\n  background: var(--pharos-color-neutral-900);\n  color: var(--pharos-color-base-white);\n}\n\n.secondary {\n  background: var(--pharos-color-neutral-100);\n  color: var(--pharos-color-neutral-900);\n}\n\n.destructive {\n  background: var(--pharos-color-semantic-error-fg);\n  color: var(--pharos-color-semantic-error-on);\n}\n\n.outline {\n  background: transparent;\n  color: var(--pharos-color-neutral-900);\n  /* `neutral-500` clears WCAG 1.4.11 (Non-text Contrast, 3:1 against the\n   * surrounding surface) and matches the resting border of Input and\n   * Button secondary so the system has one accessible boundary intensity\n   * across primitives. See `Input.module.css` for the cross-DS rationale. */\n  border-color: var(--pharos-color-neutral-500);\n}\n\n.success {\n  background: var(--pharos-color-semantic-success-fg);\n  color: var(--pharos-color-semantic-success-on);\n}\n\n.warning {\n  background: var(--pharos-color-semantic-warning-fg);\n  color: var(--pharos-color-semantic-warning-on);\n}\n\n.info {\n  background: var(--pharos-color-semantic-info-fg);\n  color: var(--pharos-color-semantic-info-on);\n}\n\n/* Brand accent (D25): content identity, never system state. Solid terracotta\n * 700, not the 600 base: white on 600 is 4.04:1 and fails AA at 12px; on 700\n * it is 5.92:1. Use it for the single mark that matters. */\n.accent {\n  background: var(--pharos-color-accent-terracotta-700);\n  color: var(--pharos-color-base-white);\n}\n\n/* The tint, for many tags shown together: terracotta-700 ink on the 50 tint\n * keeps AA for the 12px label. */\n.accentSoft {\n  background: var(--pharos-color-accent-terracotta-50);\n  color: var(--pharos-color-accent-terracotta-700);\n}\n"],"mappings":""}

package/dist/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE;;;;;;;GAOG;AACH,QAAA,MAAM,cAAc;;;8EAsBlB,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE9D;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,kBAAkB;CAAG;AAE9F,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,SAAS,EACT,MAAM,EACN,IAAI,EACJ,IAAe,EACf,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,8FAsBb;yBA9Be,MAAM;;;AAkCtB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;;;;;GAOG;AACH,QAAA,MAAM,cAAc;;;8EAsBlB,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE9D;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,kBAAkB;CAAG;AAE9F,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,SAAS,EACT,MAAM,EACN,IAAI,EACJ,IAAe,EACf,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,8FAmBb;yBA3Be,MAAM;;;AA+BtB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Button.js

@@ -1,23 +1,22 @@
 "use client";
 import { cn as e } from "../lib/cn.js";
-import { ignorePressWhenAriaDisabled as t } from "../lib/focusableDisabled.js";
-import n from "./Button.module.js";
-import { useRender as r } from "@base-ui/react/use-render";
-import { cva as i } from "class-variance-authority";
-import { jsx as a } from "react/jsx-runtime";
+import t from "./Button.module.js";
+import { useRender as n } from "@base-ui/react/use-render";
+import { cva as r } from "class-variance-authority";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Button.tsx
-var o = i(n.button, {
+var a = r(t.button, {
 	variants: {
 		intent: {
-			primary: n.primary,
-			secondary: n.secondary,
-			ghost: n.ghost,
-			destructive: n.destructive
+			primary: t.primary,
+			secondary: t.secondary,
+			ghost: t.ghost,
+			destructive: t.destructive
 		},
 		size: {
-			sm: n.sizeSm,
-			md: n.sizeMd,
-			lg: n.sizeLg
+			sm: t.sizeSm,
+			md: t.sizeMd,
+			lg: t.sizeLg
 		}
 	},
 	defaultVariants: {
@@ -25,27 +24,26 @@ var o = i(n.button, {
 		size: "md"
 	}
 });
-function s({ render: n, className: i, intent: s, size: c, type: l = "button", ref: u, ...d }) {
-	let f = s ?? "primary", p = c ?? "md";
-	return r({
-		render: n ?? /* @__PURE__ */ a("button", {}),
-		ref: u,
+function o({ render: t, className: r, intent: o, size: s, type: c = "button", ref: l, ...u }) {
+	let d = o ?? "primary", f = s ?? "md";
+	return n({
+		render: t ?? /* @__PURE__ */ i("button", {}),
+		ref: l,
 		defaultTagName: "button",
 		props: {
-			type: l,
-			"data-pharos-intent": f,
-			"data-pharos-size": p,
-			className: e(o({
-				intent: f,
-				size: p
-			}), i),
-			...d,
-			onClick: t(d["aria-disabled"], d.onClick)
+			type: c,
+			"data-pharos-intent": d,
+			"data-pharos-size": f,
+			className: e(a({
+				intent: d,
+				size: f
+			}), r),
+			...u
 		}
 	});
 }
-s.displayName = "Button";
+o.displayName = "Button";
 //#endregion
-export { s as Button, o as buttonVariants };
+export { o as Button, a as buttonVariants };
 
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":[],"sources":["../../src/components/Button.tsx"],"sourcesContent":["'use client';\n\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn';\nimport { ignorePressWhenAriaDisabled } from '../lib/focusableDisabled';\nimport styles from './Button.module.css';\n\n/**\n * Maps the two public variant axes (`intent`, `size`) to the per-class names\n * inside `Button.module.css`. CVA stays as the typed-variants mechanism\n * (Decision D9 keeps the authoring DX) but each value points at a hashed\n * CSS Modules class instead of a Tailwind utility string. The base class\n * carries layout, typography and the focus-visible ring — every variant\n * stacks on top of it.\n */\nconst buttonVariants = cva(styles.button, {\n  variants: {\n    intent: {\n      // `primary` is the most emphasized CTA, filled in seablue\n      // (`primary-600`, decision D24): blue is the colour of every\n      // interaction, and the primary action is the one blue anchor of a\n      // view.\n      primary: styles.primary,\n      secondary: styles.secondary,\n      ghost: styles.ghost,\n      destructive: styles.destructive,\n    },\n    size: {\n      sm: styles.sizeSm,\n      md: styles.sizeMd,\n      lg: styles.sizeLg,\n    },\n  },\n  defaultVariants: {\n    intent: 'primary',\n    size: 'md',\n  },\n});\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\n/**\n * Props accepted by `<Button>`. Extends Base UI's `useRender.ComponentProps<'button'>`,\n * which means the component accepts every native `<button>` attribute plus the\n * `render` prop for composition:\n *\n * ```tsx\n * // Render as a router link (inherits all Button styles and behavior):\n * <Button render={<Link to=\"/dashboard\" />}>Dashboard</Button>\n * // Or as a function receiving props + state:\n * <Button render={(props) => <a {...props} href=\"/x\" />}>External</Button>\n * ```\n */\nexport interface ButtonProps extends useRender.ComponentProps<'button'>, ButtonVariantProps {}\n\nexport function Button({\n  render,\n  className,\n  intent,\n  size,\n  type = 'button',\n  ref,\n  ...rest\n}: ButtonProps) {\n  const resolvedIntent = intent ?? 'primary';\n  const resolvedSize = size ?? 'md';\n  return useRender({\n    render: render ?? <button />,\n    ref,\n    defaultTagName: 'button',\n    props: {\n      type,\n      // `data-pharos-intent` / `data-pharos-size` are stable hooks for\n      // selectors and tests. They mirror the CSS Modules class but stay\n      // semantic — consumer queries do not need to know the hashed class\n      // name and tests do not need to import the module to assert variant.\n      'data-pharos-intent': resolvedIntent,\n      'data-pharos-size': resolvedSize,\n      className: cn(buttonVariants({ intent: resolvedIntent, size: resolvedSize }), className),\n      ...rest,\n      // `aria-disabled=\"true\"` keeps the button focusable and looks disabled\n      // (see Button.module.css); a press from the keyboard is ignored here.\n      onClick: ignorePressWhenAriaDisabled(rest['aria-disabled'], rest.onClick),\n    },\n  });\n}\n\nButton.displayName = 'Button';\n\nexport { buttonVariants };\n"],"mappings":";;;;;;;;AAgBA,IAAM,IAAiB,EAAI,EAAO,QAAQ;CACxC,UAAU;EACR,QAAQ;GAKN,SAAS,EAAO;GAChB,WAAW,EAAO;GAClB,OAAO,EAAO;GACd,aAAa,EAAO;EACtB;EACA,MAAM;GACJ,IAAI,EAAO;GACX,IAAI,EAAO;GACX,IAAI,EAAO;EACb;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;AACF,CAAC;AAkBD,SAAgB,EAAO,EACrB,WACA,cACA,WACA,SACA,UAAO,UACP,QACA,GAAG,KACW;CACd,IAAM,IAAiB,KAAU,WAC3B,IAAe,KAAQ;CAC7B,OAAO,EAAU;EACf,QAAQ,KAAU,kBAAC,UAAD,CAAS,CAAA;EAC3B;EACA,gBAAgB;EAChB,OAAO;GACL;GAKA,sBAAsB;GACtB,oBAAoB;GACpB,WAAW,EAAG,EAAe;IAAE,QAAQ;IAAgB,MAAM;GAAa,CAAC,GAAG,CAAS;GACvF,GAAG;GAGH,SAAS,EAA4B,EAAK,kBAAkB,EAAK,OAAO;EAC1E;CACF,CAAC;AACH;AAEA,EAAO,cAAc"}
+{"version":3,"file":"Button.js","names":[],"sources":["../../src/components/Button.tsx"],"sourcesContent":["'use client';\n\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn';\nimport styles from './Button.module.css';\n\n/**\n * Maps the two public variant axes (`intent`, `size`) to the per-class names\n * inside `Button.module.css`. CVA stays as the typed-variants mechanism\n * (Decision D9 keeps the authoring DX) but each value points at a hashed\n * CSS Modules class instead of a Tailwind utility string. The base class\n * carries layout, typography and the focus-visible ring — every variant\n * stacks on top of it.\n */\nconst buttonVariants = cva(styles.button, {\n  variants: {\n    intent: {\n      // `primary` is the most emphasized CTA, filled in seablue\n      // (`primary-600`, decision D24): blue is the colour of every\n      // interaction, and the primary action is the one blue anchor of a\n      // view.\n      primary: styles.primary,\n      secondary: styles.secondary,\n      ghost: styles.ghost,\n      destructive: styles.destructive,\n    },\n    size: {\n      sm: styles.sizeSm,\n      md: styles.sizeMd,\n      lg: styles.sizeLg,\n    },\n  },\n  defaultVariants: {\n    intent: 'primary',\n    size: 'md',\n  },\n});\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\n/**\n * Props accepted by `<Button>`. Extends Base UI's `useRender.ComponentProps<'button'>`,\n * which means the component accepts every native `<button>` attribute plus the\n * `render` prop for composition:\n *\n * ```tsx\n * // Render as a router link (inherits all Button styles and behavior):\n * <Button render={<Link to=\"/dashboard\" />}>Dashboard</Button>\n * // Or as a function receiving props + state:\n * <Button render={(props) => <a {...props} href=\"/x\" />}>External</Button>\n * ```\n */\nexport interface ButtonProps extends useRender.ComponentProps<'button'>, ButtonVariantProps {}\n\nexport function Button({\n  render,\n  className,\n  intent,\n  size,\n  type = 'button',\n  ref,\n  ...rest\n}: ButtonProps) {\n  const resolvedIntent = intent ?? 'primary';\n  const resolvedSize = size ?? 'md';\n  return useRender({\n    render: render ?? <button />,\n    ref,\n    defaultTagName: 'button',\n    props: {\n      type,\n      // `data-pharos-intent` / `data-pharos-size` are stable hooks for\n      // selectors and tests. They mirror the CSS Modules class but stay\n      // semantic — consumer queries do not need to know the hashed class\n      // name and tests do not need to import the module to assert variant.\n      'data-pharos-intent': resolvedIntent,\n      'data-pharos-size': resolvedSize,\n      className: cn(buttonVariants({ intent: resolvedIntent, size: resolvedSize }), className),\n      ...rest,\n    },\n  });\n}\n\nButton.displayName = 'Button';\n\nexport { buttonVariants };\n"],"mappings":";;;;;;;AAeA,IAAM,IAAiB,EAAI,EAAO,QAAQ;CACxC,UAAU;EACR,QAAQ;GAKN,SAAS,EAAO;GAChB,WAAW,EAAO;GAClB,OAAO,EAAO;GACd,aAAa,EAAO;EACtB;EACA,MAAM;GACJ,IAAI,EAAO;GACX,IAAI,EAAO;GACX,IAAI,EAAO;EACb;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;AACF,CAAC;AAkBD,SAAgB,EAAO,EACrB,WACA,cACA,WACA,SACA,UAAO,UACP,QACA,GAAG,KACW;CACd,IAAM,IAAiB,KAAU,WAC3B,IAAe,KAAQ;CAC7B,OAAO,EAAU;EACf,QAAQ,KAAU,kBAAC,UAAD,CAAS,CAAA;EAC3B;EACA,gBAAgB;EAChB,OAAO;GACL;GAKA,sBAAsB;GACtB,oBAAoB;GACpB,WAAW,EAAG,EAAe;IAAE,QAAQ;IAAgB,MAAM;GAAa,CAAC,GAAG,CAAS;GACvF,GAAG;EACL;CACF,CAAC;AACH;AAEA,EAAO,cAAc"}

package/dist/components/Button.module.js

@@ -1,12 +1,12 @@
 var e = {
-	button: "_button_1yzt8_18",
-	primary: "_primary_1yzt8_136",
-	secondary: "_secondary_1yzt8_150",
-	ghost: "_ghost_1yzt8_170",
-	destructive: "_destructive_1yzt8_184",
-	sizeSm: "_sizeSm_1yzt8_206",
-	sizeMd: "_sizeMd_1yzt8_214",
-	sizeLg: "_sizeLg_1yzt8_222"
+	button: "_button_1g7u9_18",
+	primary: "_primary_1g7u9_142",
+	secondary: "_secondary_1g7u9_156",
+	ghost: "_ghost_1g7u9_176",
+	destructive: "_destructive_1g7u9_190",
+	sizeSm: "_sizeSm_1g7u9_212",
+	sizeMd: "_sizeMd_1g7u9_220",
+	sizeLg: "_sizeLg_1g7u9_228"
 };
 //#endregion
 export { e as default };

package/dist/components/Button.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.module.js","names":[],"sources":["../../src/components/Button.module.css"],"sourcesContent":["/* Button.module.css\n *\n * Per-component CSS Modules definition (Decision D9). The build emits hashed\n * class names (e.g. `Button_button__a3f2`) into dist/styles.css; the runtime\n * JS references those names through the `styles` object imported by Button.tsx.\n *\n * Every visual value comes from a `--pharos-*` token. No hex, no raw px/rem\n * for design dimensions, no Tailwind. Hover / active / focus states are\n * authored with native CSS pseudo-classes — no preprocessor, no utility-first\n * shorthand, no framework dependency at runtime.\n *\n * Consumers do not need Tailwind (any version) or any other CSS framework to\n * use this component. They only need to load the published `dist/styles.css`\n * once and the consumer's app must define `--pharos-*` (achieved by importing\n * `@code-sherpas/pharos-tokens/css`, which is a peer dependency).\n */\n\n.button {\n  /* Strip native button rendering. The component is fully custom-styled,\n   * so platform-specific drawing (rounded corners, shadows, focus rings\n   * on macOS, push-button gradient on iOS) only adds variance without\n   * adding value. `appearance: none` keeps every consumer rendering the\n   * exact same pixel set. The `-webkit-appearance` line is a no-op on\n   * modern Chromium but stays for older WebKit. */\n  appearance: none;\n  -webkit-appearance: none;\n\n  /* === Box model ===\n   * Explicit so the rendered control matches the height set in the size\n   * rules even when the consumer's app does not ship a CSS reset. With\n   * the consumer-side preflight gone, `border-box`, `margin: 0` and the\n   * zero block-padding neutralise the user-agent's `padding: 1px 6px`\n   * (Chrome) or `padding: 0 8px` (Firefox) on `<button>`. */\n  box-sizing: border-box;\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  border: 0 solid transparent;\n  border-radius: var(--pharos-radius-full);\n\n  /* === Layout === */\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n\n  /* === Optical text centering ===\n   * `text-box-trim` strips the leading above the cap-line and below the\n   * alphabetic baseline so `align-items: center` centres the actual\n   * cap-block instead of the line-box (which includes per-font half-\n   * leading that biases the visual centre upward or downward depending\n   * on the font's vertical metrics). Without this, fonts with a high\n   * baseline like Outfit (the D8 sans) render visibly above the\n   * geometric centre even though `align-items: center` is correctly\n   * applied — matching what Chromatic flagged on the migration PR.\n   * The `text-box-edge` longhand picks the cap-line at the start and\n   * the alphabetic baseline at the end so descenders (\"y\", \"g\", ...)\n   * still hang below the cap-block as the font intended; only the\n   * extra leading is trimmed.\n   *\n   * Browser support: Chromium 133+ / Safari 18.2+ ship the property,\n   * Firefox has it behind a flag at the time of writing. In engines\n   * without support the declaration is ignored and the text falls\n   * back to standard line-box centring — which is the same behaviour\n   * the bundle had before this rule, so the fallback is safe. */\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n\n  /* === Typography ===\n   * Each font longhand is set explicitly. The shorthand `font: inherit`\n   * was tempting but the CSS spec says the `font` shorthand resets a\n   * dozen related properties (`font-feature-settings`,\n   * `font-variation-settings`, `font-kerning`, `font-optical-sizing`,\n   * `font-size-adjust`, etc.) to their *initial* values rather than\n   * inheriting them. That subtle reset shifted the rendered baseline\n   * by a fraction of a pixel against the consumer's surrounding text,\n   * which Chromatic flagged as a diff vs 0.2.x. The size variants\n   * below override `font-size` and `line-height` per size. */\n  font-family: var(--pharos-font-family-sans);\n  font-style: normal;\n  font-weight: var(--pharos-font-weight-medium);\n  font-stretch: normal;\n  font-variant: normal;\n  font-kerning: auto;\n  font-optical-sizing: auto;\n  font-size-adjust: none;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  letter-spacing: normal;\n  text-decoration: none;\n  text-transform: none;\n  /* Default size (overridden per size variant) — keeps a sensible\n   * fallback if a Button is somehow rendered without a size class. */\n  font-size: var(--pharos-font-size-sm);\n  line-height: 1.5;\n\n  /* === Interactivity === */\n  user-select: none;\n  cursor: pointer;\n  background-color: transparent;\n  color: inherit;\n\n  /* === Transitions === */\n  transition-property: color, background-color, border-color, box-shadow;\n  transition-duration: var(--pharos-duration-normal);\n  transition-timing-function: var(--pharos-easing-out);\n}\n\n.button:focus-visible {\n  outline: none;\n  /* Two-stop box-shadow mimics the Tailwind `ring-offset-2 ring-2` pattern:\n   * an inner halo in the surface color separates the ring from the button\n   * fill, and the outer color is the per-intent focus accent. */\n  box-shadow:\n    0 0 0 2px var(--pharos-color-base-white),\n    0 0 0 4px var(--button-focus-ring, var(--pharos-color-primary-600));\n}\n\n/* Disabled the focusable way (`aria-disabled=\"true\"`, ARIA APG) looks exactly\n * like `disabled`: a control that turns busy while it has focus keeps it, and\n * reads as unavailable. The component ignores a keyboard press on it. */\n.button:disabled,\n.button[aria-disabled='true'] {\n  pointer-events: none;\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* === Intents === */\n\n/* Primary is seablue (D24): blue is the colour of every interaction, and the\n * primary action is the one blue anchor of a view. White on primary-600 is\n * about 6.6:1; hover and active darken one and two steps of the ramp, as\n * destructive does with its own. The focus ring keeps primary-600, set apart\n * from the fill by the white halo. */\n.primary {\n  background-color: var(--pharos-color-primary-600);\n  color: var(--pharos-color-base-white);\n  --button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.primary:hover {\n  background-color: var(--pharos-color-primary-700);\n}\n\n.primary:active {\n  background-color: var(--pharos-color-primary-800);\n}\n\n.secondary {\n  background-color: var(--pharos-color-base-white);\n  color: var(--pharos-color-neutral-900);\n  /* `neutral-500` clears WCAG 1.4.11 (Non-text Contrast, 3:1 against the\n   * surrounding surface). See Input.module.css for the full rationale and\n   * the cross-DS comparison; Button secondary, Input and Badge outline\n   * share the same border tone so the system has one accessible boundary\n   * intensity across primitives. */\n  border: 1px solid var(--pharos-color-neutral-500);\n  --button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.secondary:hover {\n  background-color: var(--pharos-color-neutral-50);\n}\n\n.secondary:active {\n  background-color: var(--pharos-color-neutral-100);\n}\n\n.ghost {\n  background-color: transparent;\n  color: var(--pharos-color-neutral-900);\n  --button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.ghost:hover {\n  background-color: var(--pharos-color-neutral-100);\n}\n\n.ghost:active {\n  background-color: var(--pharos-color-neutral-200);\n}\n\n.destructive {\n  background-color: var(--pharos-color-semantic-error-fg);\n  color: var(--pharos-color-semantic-error-on);\n  --button-focus-ring: var(--pharos-color-semantic-error-fg);\n}\n\n.destructive:hover {\n  background-color: var(--pharos-color-semantic-error-fg-hover);\n}\n\n.destructive:active {\n  background-color: var(--pharos-color-semantic-error-fg-active);\n}\n\n/* === Sizes ===\n *\n * Heights and paddings are derived from `--pharos-spacing-*` so a runtime\n * override of the spacing scale rescales the whole control proportionally.\n * Font sizes use `--pharos-font-size-*` tokens; the line-height ratios match\n * the Tailwind v4 defaults that shipped in 0.2.x so visual fidelity is\n * preserved across the migration. */\n\n.sizeSm {\n  height: var(--pharos-spacing-8);\n  gap: var(--pharos-spacing-1-5);\n  padding: 0 var(--pharos-spacing-3);\n  font-size: var(--pharos-font-size-sm);\n  line-height: calc(1.25 / 0.875);\n}\n\n.sizeMd {\n  height: var(--pharos-spacing-10);\n  gap: var(--pharos-spacing-2);\n  padding: 0 var(--pharos-spacing-4);\n  font-size: var(--pharos-font-size-sm);\n  line-height: calc(1.25 / 0.875);\n}\n\n.sizeLg {\n  height: var(--pharos-spacing-12);\n  gap: var(--pharos-spacing-2);\n  padding: 0 var(--pharos-spacing-6);\n  font-size: var(--pharos-font-size-base);\n  line-height: 1.5;\n}\n"],"mappings":""}
+{"version":3,"file":"Button.module.js","names":[],"sources":["../../src/components/Button.module.css"],"sourcesContent":["/* Button.module.css\n *\n * Per-component CSS Modules definition (Decision D9). The build emits hashed\n * class names (e.g. `Button_button__a3f2`) into dist/styles.css; the runtime\n * JS references those names through the `styles` object imported by Button.tsx.\n *\n * Every visual value comes from a `--pharos-*` token. No hex, no raw px/rem\n * for design dimensions, no Tailwind. Hover / active / focus states are\n * authored with native CSS pseudo-classes — no preprocessor, no utility-first\n * shorthand, no framework dependency at runtime.\n *\n * Consumers do not need Tailwind (any version) or any other CSS framework to\n * use this component. They only need to load the published `dist/styles.css`\n * once and the consumer's app must define `--pharos-*` (achieved by importing\n * `@code-sherpas/pharos-tokens/css`, which is a peer dependency).\n */\n\n.button {\n  /* Strip native button rendering. The component is fully custom-styled,\n   * so platform-specific drawing (rounded corners, shadows, focus rings\n   * on macOS, push-button gradient on iOS) only adds variance without\n   * adding value. `appearance: none` keeps every consumer rendering the\n   * exact same pixel set. The `-webkit-appearance` line is a no-op on\n   * modern Chromium but stays for older WebKit. */\n  appearance: none;\n  -webkit-appearance: none;\n\n  /* === Box model ===\n   * Explicit so the rendered control matches the height set in the size\n   * rules even when the consumer's app does not ship a CSS reset. With\n   * the consumer-side preflight gone, `border-box`, `margin: 0` and the\n   * zero block-padding neutralise the user-agent's `padding: 1px 6px`\n   * (Chrome) or `padding: 0 8px` (Firefox) on `<button>`. */\n  box-sizing: border-box;\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  border: 0 solid transparent;\n  border-radius: var(--pharos-radius-full);\n\n  /* === Layout === */\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n\n  /* === Optical text centering ===\n   * `text-box-trim` strips the leading above the cap-line and below the\n   * alphabetic baseline so `align-items: center` centres the actual\n   * cap-block instead of the line-box (which includes per-font half-\n   * leading that biases the visual centre upward or downward depending\n   * on the font's vertical metrics). Without this, fonts with a high\n   * baseline like Outfit (the D8 sans) render visibly above the\n   * geometric centre even though `align-items: center` is correctly\n   * applied — matching what Chromatic flagged on the migration PR.\n   * The `text-box-edge` longhand picks the cap-line at the start and\n   * the alphabetic baseline at the end so descenders (\"y\", \"g\", ...)\n   * still hang below the cap-block as the font intended; only the\n   * extra leading is trimmed.\n   *\n   * Browser support: Chromium 133+ / Safari 18.2+ ship the property,\n   * Firefox has it behind a flag at the time of writing. In engines\n   * without support the declaration is ignored and the text falls\n   * back to standard line-box centring — which is the same behaviour\n   * the bundle had before this rule, so the fallback is safe. */\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n\n  /* === Typography ===\n   * Each font longhand is set explicitly. The shorthand `font: inherit`\n   * was tempting but the CSS spec says the `font` shorthand resets a\n   * dozen related properties (`font-feature-settings`,\n   * `font-variation-settings`, `font-kerning`, `font-optical-sizing`,\n   * `font-size-adjust`, etc.) to their *initial* values rather than\n   * inheriting them. That subtle reset shifted the rendered baseline\n   * by a fraction of a pixel against the consumer's surrounding text,\n   * which Chromatic flagged as a diff vs 0.2.x. The size variants\n   * below override `font-size` and `line-height` per size. */\n  font-family: var(--pharos-font-family-sans);\n  font-style: normal;\n  font-weight: var(--pharos-font-weight-medium);\n  font-stretch: normal;\n  font-variant: normal;\n  font-kerning: auto;\n  font-optical-sizing: auto;\n  font-size-adjust: none;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  letter-spacing: normal;\n  text-decoration: none;\n  text-transform: none;\n  /* Default size (overridden per size variant) — keeps a sensible\n   * fallback if a Button is somehow rendered without a size class. */\n  font-size: var(--pharos-font-size-sm);\n  line-height: 1.5;\n\n  /* === Interactivity === */\n  user-select: none;\n  cursor: pointer;\n  background-color: transparent;\n  color: inherit;\n\n  /* === Transitions === */\n  transition-property: color, background-color, border-color, box-shadow;\n  transition-duration: var(--pharos-duration-normal);\n  transition-timing-function: var(--pharos-easing-out);\n}\n\n.button:focus-visible {\n  outline: none;\n  /* Two-stop box-shadow mimics the Tailwind `ring-offset-2 ring-2` pattern:\n   * an inner halo in the surface color separates the ring from the button\n   * fill, and the outer color is the per-intent focus accent. */\n  box-shadow:\n    0 0 0 2px var(--pharos-color-base-white),\n    0 0 0 4px var(--button-focus-ring, var(--pharos-color-primary-600));\n}\n\n/* Disabled the focusable way (`aria-disabled=\"true\"`, ARIA APG) looks like\n * `disabled` but stays focusable and still receives the press: the consumer\n * decides what a press does — nothing while a request travels, or saying why\n * the action is unavailable. Hover and active do not change it (see the\n * `:not([aria-disabled='true'])` on each intent). */\n.button:disabled {\n  pointer-events: none;\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.button[aria-disabled='true'] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* === Intents === */\n\n/* Primary is seablue (D24): blue is the colour of every interaction, and the\n * primary action is the one blue anchor of a view. White on primary-600 is\n * about 6.6:1; hover and active darken one and two steps of the ramp, as\n * destructive does with its own. The focus ring keeps primary-600, set apart\n * from the fill by the white halo. */\n.primary {\n  background-color: var(--pharos-color-primary-600);\n  color: var(--pharos-color-base-white);\n  --button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.primary:hover:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-primary-700);\n}\n\n.primary:active:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-primary-800);\n}\n\n.secondary {\n  background-color: var(--pharos-color-base-white);\n  color: var(--pharos-color-neutral-900);\n  /* `neutral-500` clears WCAG 1.4.11 (Non-text Contrast, 3:1 against the\n   * surrounding surface). See Input.module.css for the full rationale and\n   * the cross-DS comparison; Button secondary, Input and Badge outline\n   * share the same border tone so the system has one accessible boundary\n   * intensity across primitives. */\n  border: 1px solid var(--pharos-color-neutral-500);\n  --button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.secondary:hover:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-neutral-50);\n}\n\n.secondary:active:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-neutral-100);\n}\n\n.ghost {\n  background-color: transparent;\n  color: var(--pharos-color-neutral-900);\n  --button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.ghost:hover:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-neutral-100);\n}\n\n.ghost:active:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-neutral-200);\n}\n\n.destructive {\n  background-color: var(--pharos-color-semantic-error-fg);\n  color: var(--pharos-color-semantic-error-on);\n  --button-focus-ring: var(--pharos-color-semantic-error-fg);\n}\n\n.destructive:hover:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-semantic-error-fg-hover);\n}\n\n.destructive:active:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-semantic-error-fg-active);\n}\n\n/* === Sizes ===\n *\n * Heights and paddings are derived from `--pharos-spacing-*` so a runtime\n * override of the spacing scale rescales the whole control proportionally.\n * Font sizes use `--pharos-font-size-*` tokens; the line-height ratios match\n * the Tailwind v4 defaults that shipped in 0.2.x so visual fidelity is\n * preserved across the migration. */\n\n.sizeSm {\n  height: var(--pharos-spacing-8);\n  gap: var(--pharos-spacing-1-5);\n  padding: 0 var(--pharos-spacing-3);\n  font-size: var(--pharos-font-size-sm);\n  line-height: calc(1.25 / 0.875);\n}\n\n.sizeMd {\n  height: var(--pharos-spacing-10);\n  gap: var(--pharos-spacing-2);\n  padding: 0 var(--pharos-spacing-4);\n  font-size: var(--pharos-font-size-sm);\n  line-height: calc(1.25 / 0.875);\n}\n\n.sizeLg {\n  height: var(--pharos-spacing-12);\n  gap: var(--pharos-spacing-2);\n  padding: 0 var(--pharos-spacing-6);\n  font-size: var(--pharos-font-size-base);\n  line-height: 1.5;\n}\n"],"mappings":""}

package/dist/components/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE;;;;;;;GAOG;AACH,QAAA,MAAM,kBAAkB;;;8EAkBtB,CAAC;AAEH,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEtE;;;;;;GAMG;AACH,KAAK,sBAAsB,GACvB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,EAClC,YAAY,GAAG,iBAAiB,CACjC,GACC,sBAAsB,GACtB,sBAAsB,GAAG;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,MAAM,EACN,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,IAAe,EACf,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,8FAoBjB;yBA/Be,UAAU;;;AAmC1B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE;;;;;;;GAOG;AACH,QAAA,MAAM,kBAAkB;;;8EAkBtB,CAAC;AAEH,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEtE;;;;;;GAMG;AACH,KAAK,sBAAsB,GACvB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,EAClC,YAAY,GAAG,iBAAiB,CACjC,GACC,sBAAsB,GACtB,sBAAsB,GAAG;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,MAAM,EACN,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,IAAe,EACf,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,8FAmBjB;yBA9Be,UAAU;;;AAkC1B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/IconButton.js

@@ -1,24 +1,23 @@
 "use client";
 import { cn as e } from "../lib/cn.js";
-import { ignorePressWhenAriaDisabled as t } from "../lib/focusableDisabled.js";
-import { Spinner as n } from "./Spinner.js";
-import r from "./IconButton.module.js";
-import { useRender as i } from "@base-ui/react/use-render";
-import { cva as a } from "class-variance-authority";
-import { jsx as o } from "react/jsx-runtime";
+import { Spinner as t } from "./Spinner.js";
+import n from "./IconButton.module.js";
+import { useRender as r } from "@base-ui/react/use-render";
+import { cva as i } from "class-variance-authority";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/IconButton.tsx
-var s = a(r.button, {
+var o = i(n.button, {
 	variants: {
 		intent: {
-			primary: r.primary,
-			secondary: r.secondary,
-			ghost: r.ghost,
-			destructive: r.destructive
+			primary: n.primary,
+			secondary: n.secondary,
+			ghost: n.ghost,
+			destructive: n.destructive
 		},
 		size: {
-			sm: r.sizeSm,
-			md: r.sizeMd,
-			lg: r.sizeLg
+			sm: n.sizeSm,
+			md: n.sizeMd,
+			lg: n.sizeLg
 		}
 	},
 	defaultVariants: {
@@ -26,30 +25,29 @@ var s = a(r.button, {
 		size: "md"
 	}
 });
-function c({ render: r, className: a, intent: c, size: l, isLoading: u, disabled: d, type: f = "button", children: p, ref: m, ...h }) {
-	let g = c ?? "ghost", _ = l ?? "md";
-	return i({
-		render: r ?? /* @__PURE__ */ o("button", {}),
-		ref: m,
+function s({ render: n, className: i, intent: s, size: c, isLoading: l, disabled: u, type: d = "button", children: f, ref: p, ...m }) {
+	let h = s ?? "ghost", g = c ?? "md";
+	return r({
+		render: n ?? /* @__PURE__ */ a("button", {}),
+		ref: p,
 		defaultTagName: "button",
 		props: {
-			type: f,
-			"data-pharos-intent": g,
-			"data-pharos-size": _,
-			"aria-busy": u ? !0 : void 0,
-			disabled: !!d || !!u,
-			className: e(s({
-				intent: g,
-				size: _
-			}), a),
-			...h,
-			onClick: t(h["aria-disabled"], h.onClick),
-			children: u ? /* @__PURE__ */ o(n, { size: _ }) : p
+			type: d,
+			"data-pharos-intent": h,
+			"data-pharos-size": g,
+			"aria-busy": l ? !0 : void 0,
+			disabled: !!u || !!l,
+			className: e(o({
+				intent: h,
+				size: g
+			}), i),
+			...m,
+			children: l ? /* @__PURE__ */ a(t, { size: g }) : f
 		}
 	});
 }
-c.displayName = "IconButton";
+s.displayName = "IconButton";
 //#endregion
-export { c as IconButton, s as iconButtonVariants };
+export { s as IconButton, o as iconButtonVariants };
 
 //# sourceMappingURL=IconButton.js.map

package/dist/components/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","names":[],"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["'use client';\n\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn';\nimport { ignorePressWhenAriaDisabled } from '../lib/focusableDisabled';\nimport { Spinner } from './Spinner';\nimport styles from './IconButton.module.css';\n\n/**\n * Maps the two public variant axes (`intent`, `size`) to the per-class names\n * inside `IconButton.module.css`. Mirrors the Button atom so an IconButton\n * sits next to a Button of the same size with matching height (32 / 40 /\n * 48 px) and shares the same intent vocabulary — `ghost` is the dominant\n * intent for icon-only controls (close, expand, dismiss…) so it is the\n * default, unlike Button where `primary` defaults.\n */\nconst iconButtonVariants = cva(styles.button, {\n  variants: {\n    intent: {\n      primary: styles.primary,\n      secondary: styles.secondary,\n      ghost: styles.ghost,\n      destructive: styles.destructive,\n    },\n    size: {\n      sm: styles.sizeSm,\n      md: styles.sizeMd,\n      lg: styles.sizeLg,\n    },\n  },\n  defaultVariants: {\n    intent: 'ghost',\n    size: 'md',\n  },\n});\n\ntype IconButtonVariantProps = VariantProps<typeof iconButtonVariants>;\n\n/**\n * Either `aria-label` or `aria-labelledby` is required at the type level.\n * An icon-only control with no accessible name is unusable for assistive\n * tech (WCAG 4.1.2). The atom enforces the constraint by construction —\n * the equivalent runtime check Chakra / Mantine emit as a console warning\n * is here a TypeScript error, so a missing label cannot ship.\n */\ntype IconButtonRequiredA11y =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string };\n\n/**\n * Props accepted by `<IconButton>`. Extends Base UI's\n * `useRender.ComponentProps<'button'>` minus the optional `aria-label` /\n * `aria-labelledby` (re-added as required), plus the variant axes and an\n * `isLoading` toggle that swaps the icon for a `<Spinner>` of the same\n * size.\n *\n * The `render` prop composes the IconButton as a different element while\n * keeping its styles and behaviour — same shape as Button, useful for\n * `<IconButton render={<Link to=\"/next\" />} aria-label=\"Next\">…</IconButton>`\n * call-sites (e.g. circle navigation buttons).\n */\nexport type IconButtonProps = Omit<\n  useRender.ComponentProps<'button'>,\n  'aria-label' | 'aria-labelledby'\n> &\n  IconButtonVariantProps &\n  IconButtonRequiredA11y & {\n    /**\n     * When `true`, replaces the icon with a `<Spinner>` of matching size,\n     * sets `disabled` so the action cannot fire mid-flight, and exposes\n     * `aria-busy=\"true\"` so screen readers announce the in-progress state.\n     */\n    isLoading?: boolean;\n  };\n\nexport function IconButton({\n  render,\n  className,\n  intent,\n  size,\n  isLoading,\n  disabled,\n  type = 'button',\n  children,\n  ref,\n  ...rest\n}: IconButtonProps) {\n  const resolvedIntent = intent ?? 'ghost';\n  const resolvedSize = size ?? 'md';\n  const isDisabled = Boolean(disabled) || Boolean(isLoading);\n  return useRender({\n    render: render ?? <button />,\n    ref,\n    defaultTagName: 'button',\n    props: {\n      type,\n      'data-pharos-intent': resolvedIntent,\n      'data-pharos-size': resolvedSize,\n      'aria-busy': isLoading ? true : undefined,\n      disabled: isDisabled,\n      className: cn(iconButtonVariants({ intent: resolvedIntent, size: resolvedSize }), className),\n      ...rest,\n      onClick: ignorePressWhenAriaDisabled(rest['aria-disabled'], rest.onClick),\n      children: isLoading ? <Spinner size={resolvedSize} /> : children,\n    },\n  });\n}\n\nIconButton.displayName = 'IconButton';\n\nexport { iconButtonVariants };\n"],"mappings":";;;;;;;;;AAiBA,IAAM,IAAqB,EAAI,EAAO,QAAQ;CAC5C,UAAU;EACR,QAAQ;GACN,SAAS,EAAO;GAChB,WAAW,EAAO;GAClB,OAAO,EAAO;GACd,aAAa,EAAO;EACtB;EACA,MAAM;GACJ,IAAI,EAAO;GACX,IAAI,EAAO;GACX,IAAI,EAAO;EACb;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;AACF,CAAC;AAyCD,SAAgB,EAAW,EACzB,WACA,cACA,WACA,SACA,cACA,aACA,UAAO,UACP,aACA,QACA,GAAG,KACe;CAClB,IAAM,IAAiB,KAAU,SAC3B,IAAe,KAAQ;CAE7B,OAAO,EAAU;EACf,QAAQ,KAAU,kBAAC,UAAD,CAAS,CAAA;EAC3B;EACA,gBAAgB;EAChB,OAAO;GACL;GACA,sBAAsB;GACtB,oBAAoB;GACpB,aAAa,IAAY,KAAO,KAAA;GAChC,UAVe,EAAQ,KAAa,EAAQ;GAW5C,WAAW,EAAG,EAAmB;IAAE,QAAQ;IAAgB,MAAM;GAAa,CAAC,GAAG,CAAS;GAC3F,GAAG;GACH,SAAS,EAA4B,EAAK,kBAAkB,EAAK,OAAO;GACxE,UAAU,IAAY,kBAAC,GAAD,EAAS,MAAM,EAAe,CAAA,IAAI;EAC1D;CACF,CAAC;AACH;AAEA,EAAW,cAAc"}
+{"version":3,"file":"IconButton.js","names":[],"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["'use client';\n\nimport { useRender } from '@base-ui/react/use-render';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn';\nimport { Spinner } from './Spinner';\nimport styles from './IconButton.module.css';\n\n/**\n * Maps the two public variant axes (`intent`, `size`) to the per-class names\n * inside `IconButton.module.css`. Mirrors the Button atom so an IconButton\n * sits next to a Button of the same size with matching height (32 / 40 /\n * 48 px) and shares the same intent vocabulary — `ghost` is the dominant\n * intent for icon-only controls (close, expand, dismiss…) so it is the\n * default, unlike Button where `primary` defaults.\n */\nconst iconButtonVariants = cva(styles.button, {\n  variants: {\n    intent: {\n      primary: styles.primary,\n      secondary: styles.secondary,\n      ghost: styles.ghost,\n      destructive: styles.destructive,\n    },\n    size: {\n      sm: styles.sizeSm,\n      md: styles.sizeMd,\n      lg: styles.sizeLg,\n    },\n  },\n  defaultVariants: {\n    intent: 'ghost',\n    size: 'md',\n  },\n});\n\ntype IconButtonVariantProps = VariantProps<typeof iconButtonVariants>;\n\n/**\n * Either `aria-label` or `aria-labelledby` is required at the type level.\n * An icon-only control with no accessible name is unusable for assistive\n * tech (WCAG 4.1.2). The atom enforces the constraint by construction —\n * the equivalent runtime check Chakra / Mantine emit as a console warning\n * is here a TypeScript error, so a missing label cannot ship.\n */\ntype IconButtonRequiredA11y =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string };\n\n/**\n * Props accepted by `<IconButton>`. Extends Base UI's\n * `useRender.ComponentProps<'button'>` minus the optional `aria-label` /\n * `aria-labelledby` (re-added as required), plus the variant axes and an\n * `isLoading` toggle that swaps the icon for a `<Spinner>` of the same\n * size.\n *\n * The `render` prop composes the IconButton as a different element while\n * keeping its styles and behaviour — same shape as Button, useful for\n * `<IconButton render={<Link to=\"/next\" />} aria-label=\"Next\">…</IconButton>`\n * call-sites (e.g. circle navigation buttons).\n */\nexport type IconButtonProps = Omit<\n  useRender.ComponentProps<'button'>,\n  'aria-label' | 'aria-labelledby'\n> &\n  IconButtonVariantProps &\n  IconButtonRequiredA11y & {\n    /**\n     * When `true`, replaces the icon with a `<Spinner>` of matching size,\n     * sets `disabled` so the action cannot fire mid-flight, and exposes\n     * `aria-busy=\"true\"` so screen readers announce the in-progress state.\n     */\n    isLoading?: boolean;\n  };\n\nexport function IconButton({\n  render,\n  className,\n  intent,\n  size,\n  isLoading,\n  disabled,\n  type = 'button',\n  children,\n  ref,\n  ...rest\n}: IconButtonProps) {\n  const resolvedIntent = intent ?? 'ghost';\n  const resolvedSize = size ?? 'md';\n  const isDisabled = Boolean(disabled) || Boolean(isLoading);\n  return useRender({\n    render: render ?? <button />,\n    ref,\n    defaultTagName: 'button',\n    props: {\n      type,\n      'data-pharos-intent': resolvedIntent,\n      'data-pharos-size': resolvedSize,\n      'aria-busy': isLoading ? true : undefined,\n      disabled: isDisabled,\n      className: cn(iconButtonVariants({ intent: resolvedIntent, size: resolvedSize }), className),\n      ...rest,\n      children: isLoading ? <Spinner size={resolvedSize} /> : children,\n    },\n  });\n}\n\nIconButton.displayName = 'IconButton';\n\nexport { iconButtonVariants };\n"],"mappings":";;;;;;;;AAgBA,IAAM,IAAqB,EAAI,EAAO,QAAQ;CAC5C,UAAU;EACR,QAAQ;GACN,SAAS,EAAO;GAChB,WAAW,EAAO;GAClB,OAAO,EAAO;GACd,aAAa,EAAO;EACtB;EACA,MAAM;GACJ,IAAI,EAAO;GACX,IAAI,EAAO;GACX,IAAI,EAAO;EACb;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;AACF,CAAC;AAyCD,SAAgB,EAAW,EACzB,WACA,cACA,WACA,SACA,cACA,aACA,UAAO,UACP,aACA,QACA,GAAG,KACe;CAClB,IAAM,IAAiB,KAAU,SAC3B,IAAe,KAAQ;CAE7B,OAAO,EAAU;EACf,QAAQ,KAAU,kBAAC,UAAD,CAAS,CAAA;EAC3B;EACA,gBAAgB;EAChB,OAAO;GACL;GACA,sBAAsB;GACtB,oBAAoB;GACpB,aAAa,IAAY,KAAO,KAAA;GAChC,UAVe,EAAQ,KAAa,EAAQ;GAW5C,WAAW,EAAG,EAAmB;IAAE,QAAQ;IAAgB,MAAM;GAAa,CAAC,GAAG,CAAS;GAC3F,GAAG;GACH,UAAU,IAAY,kBAAC,GAAD,EAAS,MAAM,EAAe,CAAA,IAAI;EAC1D;CACF,CAAC;AACH;AAEA,EAAW,cAAc"}

package/dist/components/IconButton.module.js

@@ -1,12 +1,12 @@
 var e = {
-	button: "_button_me0or_14",
-	primary: "_primary_me0or_83",
-	secondary: "_secondary_me0or_97",
-	ghost: "_ghost_me0or_116",
-	destructive: "_destructive_me0or_130",
-	sizeSm: "_sizeSm_me0or_159",
-	sizeMd: "_sizeMd_me0or_169",
-	sizeLg: "_sizeLg_me0or_179"
+	button: "_button_m4r6t_14",
+	primary: "_primary_m4r6t_89",
+	secondary: "_secondary_m4r6t_103",
+	ghost: "_ghost_m4r6t_122",
+	destructive: "_destructive_m4r6t_136",
+	sizeSm: "_sizeSm_m4r6t_165",
+	sizeMd: "_sizeMd_m4r6t_175",
+	sizeLg: "_sizeLg_m4r6t_185"
 };
 //#endregion
 export { e as default };

package/dist/components/IconButton.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.module.js","names":[],"sources":["../../src/components/IconButton.module.css"],"sourcesContent":["/* IconButton.module.css\n *\n * Per-component CSS Modules definition (Decision D9). The build emits hashed\n * class names (`IconButton_button__xxxx`) into `dist/styles.css`; the runtime\n * JS references them through the `styles` object imported by IconButton.tsx.\n *\n * Square dimensions across every size — the wrapper width matches the\n * height, so the rounded-full radius produces a perfect circle (matches\n * Material 3 / MUI / Mantine ActionIcon transparent variant). Icon child\n * SVGs are sized via the `> svg` direct-child selector so a Lucide icon\n * does not need explicit `size` props on the consumer side.\n */\n\n.button {\n  /* Strip native button rendering. Same rationale as Button.module.css —\n   * platform-specific drawing only adds variance without value. */\n  appearance: none;\n  -webkit-appearance: none;\n\n  /* === Box model ===\n   * `padding: 0` plus equal width / height gives the square that the\n   * `border-radius: var(--pharos-radius-full)` turns into a circle. Hard\n   * `flex-shrink: 0` so the IconButton keeps its dimensions inside a flex\n   * row (toolbar, header) where surrounding labels could otherwise force\n   * it to compress. */\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: 0 solid transparent;\n  border-radius: var(--pharos-radius-full);\n  flex-shrink: 0;\n\n  /* === Layout === */\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  /* === Interactivity === */\n  user-select: none;\n  cursor: pointer;\n  background-color: transparent;\n  color: inherit;\n  font-family: var(--pharos-font-family-sans);\n\n  /* === Transitions === */\n  transition-property: color, background-color, border-color, box-shadow;\n  transition-duration: var(--pharos-duration-normal);\n  transition-timing-function: var(--pharos-easing-out);\n}\n\n.button:focus-visible {\n  outline: none;\n  /* Two-stop box-shadow mirrors the Button focus ring so a row of mixed\n   * Buttons + IconButtons share a single focus look. */\n  box-shadow:\n    0 0 0 2px var(--pharos-color-base-white),\n    0 0 0 4px var(--icon-button-focus-ring, var(--pharos-color-primary-600));\n}\n\n/* Disabled the focusable way (`aria-disabled=\"true\"`, ARIA APG) looks exactly\n * like `disabled`: a control that turns busy while it has focus keeps it, and\n * reads as unavailable. The component ignores a keyboard press on it. */\n.button:disabled,\n.button[aria-disabled='true'] {\n  pointer-events: none;\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* === Intents ===\n *\n * Same palette as Button (D-cardinal: state-of-the-art coherence first,\n * Alexandria adapts). `ghost` is the most common icon-button case\n * (toolbars, close buttons, action icons), but the four intents stay\n * available for the rare deliberate emphasis (primary \"send\" icon,\n * destructive \"delete\" icon, secondary bordered circle navigation). */\n\n/* Primary is seablue (D24): blue is the colour of every interaction, and the\n * primary action is the one blue anchor of a view. White on primary-600 is\n * about 6.6:1; hover and active darken one and two steps of the ramp, as\n * destructive does with its own. The focus ring keeps primary-600, set apart\n * from the fill by the white halo. */\n.primary {\n  background-color: var(--pharos-color-primary-600);\n  color: var(--pharos-color-base-white);\n  --icon-button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.primary:hover {\n  background-color: var(--pharos-color-primary-700);\n}\n\n.primary:active {\n  background-color: var(--pharos-color-primary-800);\n}\n\n.secondary {\n  background-color: var(--pharos-color-base-white);\n  color: var(--pharos-color-neutral-900);\n  /* `neutral-500` clears WCAG 1.4.11 (Non-text Contrast, 3:1 vs surface).\n   * Same border tone Button secondary / Input / Badge outline use — the\n   * three-tier border hierarchy (D10) treats every interactive control\n   * the same way. */\n  border: 1px solid var(--pharos-color-neutral-500);\n  --icon-button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.secondary:hover {\n  background-color: var(--pharos-color-neutral-50);\n}\n\n.secondary:active {\n  background-color: var(--pharos-color-neutral-100);\n}\n\n.ghost {\n  background-color: transparent;\n  color: var(--pharos-color-neutral-900);\n  --icon-button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.ghost:hover {\n  background-color: var(--pharos-color-neutral-100);\n}\n\n.ghost:active {\n  background-color: var(--pharos-color-neutral-200);\n}\n\n.destructive {\n  background-color: var(--pharos-color-semantic-error-fg);\n  color: var(--pharos-color-semantic-error-on);\n  --icon-button-focus-ring: var(--pharos-color-semantic-error-fg);\n}\n\n.destructive:hover {\n  background-color: var(--pharos-color-semantic-error-fg-hover);\n}\n\n.destructive:active {\n  background-color: var(--pharos-color-semantic-error-fg-active);\n}\n\n/* === Sizes ===\n *\n * Square dimensions match the Button height grid so an IconButton + Button\n * pair on the same row sit flush (32 / 40 / 48 px). Direct-child `> svg`\n * sizing forces a passed Lucide icon (which renders with hardcoded\n * width/height=\"24\") to fill the icon slot proportionally — 16 / 20 / 24\n * matching the Spinner sizes so `<IconButton isLoading>` looks identical\n * in size to the resting icon state.\n *\n * `> svg` (direct child) is deliberate: Spinner renders a `<span>` wrapper\n * around its own SVG and sizes itself via `size={resolvedSize}`, so the\n * rule does not need to (and should not) double-size the spinner SVG.\n * Consumers wrapping an icon in a custom component remain responsible for\n * sizing — same contract shadcn / Mantine document. */\n\n.sizeSm {\n  width: var(--pharos-spacing-8); /* 32 px */\n  height: var(--pharos-spacing-8);\n}\n\n.sizeSm > svg {\n  width: var(--pharos-spacing-4); /* 16 px */\n  height: var(--pharos-spacing-4);\n}\n\n.sizeMd {\n  width: var(--pharos-spacing-10); /* 40 px */\n  height: var(--pharos-spacing-10);\n}\n\n.sizeMd > svg {\n  width: var(--pharos-spacing-5); /* 20 px */\n  height: var(--pharos-spacing-5);\n}\n\n.sizeLg {\n  width: var(--pharos-spacing-12); /* 48 px */\n  height: var(--pharos-spacing-12);\n}\n\n.sizeLg > svg {\n  width: var(--pharos-spacing-6); /* 24 px */\n  height: var(--pharos-spacing-6);\n}\n"],"mappings":""}
+{"version":3,"file":"IconButton.module.js","names":[],"sources":["../../src/components/IconButton.module.css"],"sourcesContent":["/* IconButton.module.css\n *\n * Per-component CSS Modules definition (Decision D9). The build emits hashed\n * class names (`IconButton_button__xxxx`) into `dist/styles.css`; the runtime\n * JS references them through the `styles` object imported by IconButton.tsx.\n *\n * Square dimensions across every size — the wrapper width matches the\n * height, so the rounded-full radius produces a perfect circle (matches\n * Material 3 / MUI / Mantine ActionIcon transparent variant). Icon child\n * SVGs are sized via the `> svg` direct-child selector so a Lucide icon\n * does not need explicit `size` props on the consumer side.\n */\n\n.button {\n  /* Strip native button rendering. Same rationale as Button.module.css —\n   * platform-specific drawing only adds variance without value. */\n  appearance: none;\n  -webkit-appearance: none;\n\n  /* === Box model ===\n   * `padding: 0` plus equal width / height gives the square that the\n   * `border-radius: var(--pharos-radius-full)` turns into a circle. Hard\n   * `flex-shrink: 0` so the IconButton keeps its dimensions inside a flex\n   * row (toolbar, header) where surrounding labels could otherwise force\n   * it to compress. */\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: 0 solid transparent;\n  border-radius: var(--pharos-radius-full);\n  flex-shrink: 0;\n\n  /* === Layout === */\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  /* === Interactivity === */\n  user-select: none;\n  cursor: pointer;\n  background-color: transparent;\n  color: inherit;\n  font-family: var(--pharos-font-family-sans);\n\n  /* === Transitions === */\n  transition-property: color, background-color, border-color, box-shadow;\n  transition-duration: var(--pharos-duration-normal);\n  transition-timing-function: var(--pharos-easing-out);\n}\n\n.button:focus-visible {\n  outline: none;\n  /* Two-stop box-shadow mirrors the Button focus ring so a row of mixed\n   * Buttons + IconButtons share a single focus look. */\n  box-shadow:\n    0 0 0 2px var(--pharos-color-base-white),\n    0 0 0 4px var(--icon-button-focus-ring, var(--pharos-color-primary-600));\n}\n\n/* Disabled the focusable way (`aria-disabled=\"true\"`, ARIA APG) looks like\n * `disabled` but stays focusable and still receives the press: the consumer\n * decides what a press does — nothing while a request travels, or saying why\n * the action is unavailable. Hover and active do not change it (see the\n * `:not([aria-disabled='true'])` on each intent). */\n.button:disabled {\n  pointer-events: none;\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.button[aria-disabled='true'] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* === Intents ===\n *\n * Same palette as Button (D-cardinal: state-of-the-art coherence first,\n * Alexandria adapts). `ghost` is the most common icon-button case\n * (toolbars, close buttons, action icons), but the four intents stay\n * available for the rare deliberate emphasis (primary \"send\" icon,\n * destructive \"delete\" icon, secondary bordered circle navigation). */\n\n/* Primary is seablue (D24): blue is the colour of every interaction, and the\n * primary action is the one blue anchor of a view. White on primary-600 is\n * about 6.6:1; hover and active darken one and two steps of the ramp, as\n * destructive does with its own. The focus ring keeps primary-600, set apart\n * from the fill by the white halo. */\n.primary {\n  background-color: var(--pharos-color-primary-600);\n  color: var(--pharos-color-base-white);\n  --icon-button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.primary:hover:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-primary-700);\n}\n\n.primary:active:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-primary-800);\n}\n\n.secondary {\n  background-color: var(--pharos-color-base-white);\n  color: var(--pharos-color-neutral-900);\n  /* `neutral-500` clears WCAG 1.4.11 (Non-text Contrast, 3:1 vs surface).\n   * Same border tone Button secondary / Input / Badge outline use — the\n   * three-tier border hierarchy (D10) treats every interactive control\n   * the same way. */\n  border: 1px solid var(--pharos-color-neutral-500);\n  --icon-button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.secondary:hover:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-neutral-50);\n}\n\n.secondary:active:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-neutral-100);\n}\n\n.ghost {\n  background-color: transparent;\n  color: var(--pharos-color-neutral-900);\n  --icon-button-focus-ring: var(--pharos-color-primary-600);\n}\n\n.ghost:hover:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-neutral-100);\n}\n\n.ghost:active:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-neutral-200);\n}\n\n.destructive {\n  background-color: var(--pharos-color-semantic-error-fg);\n  color: var(--pharos-color-semantic-error-on);\n  --icon-button-focus-ring: var(--pharos-color-semantic-error-fg);\n}\n\n.destructive:hover:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-semantic-error-fg-hover);\n}\n\n.destructive:active:not([aria-disabled='true']) {\n  background-color: var(--pharos-color-semantic-error-fg-active);\n}\n\n/* === Sizes ===\n *\n * Square dimensions match the Button height grid so an IconButton + Button\n * pair on the same row sit flush (32 / 40 / 48 px). Direct-child `> svg`\n * sizing forces a passed Lucide icon (which renders with hardcoded\n * width/height=\"24\") to fill the icon slot proportionally — 16 / 20 / 24\n * matching the Spinner sizes so `<IconButton isLoading>` looks identical\n * in size to the resting icon state.\n *\n * `> svg` (direct child) is deliberate: Spinner renders a `<span>` wrapper\n * around its own SVG and sizes itself via `size={resolvedSize}`, so the\n * rule does not need to (and should not) double-size the spinner SVG.\n * Consumers wrapping an icon in a custom component remain responsible for\n * sizing — same contract shadcn / Mantine document. */\n\n.sizeSm {\n  width: var(--pharos-spacing-8); /* 32 px */\n  height: var(--pharos-spacing-8);\n}\n\n.sizeSm > svg {\n  width: var(--pharos-spacing-4); /* 16 px */\n  height: var(--pharos-spacing-4);\n}\n\n.sizeMd {\n  width: var(--pharos-spacing-10); /* 40 px */\n  height: var(--pharos-spacing-10);\n}\n\n.sizeMd > svg {\n  width: var(--pharos-spacing-5); /* 20 px */\n  height: var(--pharos-spacing-5);\n}\n\n.sizeLg {\n  width: var(--pharos-spacing-12); /* 48 px */\n  height: var(--pharos-spacing-12);\n}\n\n.sizeLg > svg {\n  width: var(--pharos-spacing-6); /* 24 px */\n  height: var(--pharos-spacing-6);\n}\n"],"mappings":""}

package/dist/components/Switch.module.js

@@ -1,6 +1,6 @@
 var e = {
-	root: "_root_5v2er_17",
-	thumb: "_thumb_5v2er_72"
+	root: "_root_1n9ji_17",
+	thumb: "_thumb_1n9ji_73"
 };
 //#endregion
 export { e as default };

package/dist/components/Switch.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.module.js","names":[],"sources":["../../src/components/Switch.module.css"],"sourcesContent":["/* Switch.module.css\n *\n * Per-component CSS Modules definition (Decision D9). Hashed into\n * `dist/styles.css`. Styles a single on/off toggle (the shadcn \"Switch\"\n * contract) over Base UI's `Switch`. State is driven by Base UI's\n * `data-checked` / `data-disabled` attributes.\n *\n * The atom owns no label (Escuela 1, D11): the consumer pairs it with a\n * `<label htmlFor>`. Error state is conveyed with `aria-invalid`, like Input /\n * Textarea / Checkbox. No icon dependency — the thumb is a plain `<span>`.\n *\n * Geometry is fully token-derived: a 40×24 track (spacing-10 × spacing-6) with\n * spacing-1 (4px) padding houses a 16px (spacing-4) thumb, so the thumb travels\n * exactly spacing-4 (32px inner − 16px thumb) with no hardcoded pixel value.\n */\n\n.root {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: var(--pharos-spacing-10);\n  height: var(--pharos-spacing-6);\n  padding: var(--pharos-spacing-1);\n\n  border: none;\n  border-radius: var(--pharos-radius-full);\n  /* Off track. The perceivable state indicator is the thumb (white with a\n   * neutral-500 hairline, ≈5.4:1) — it stays distinguishable on both the light\n   * off track and the dark on track, satisfying WCAG 1.4.11. */\n  background-color: var(--pharos-color-neutral-300);\n\n  cursor: pointer;\n  transition-property: background-color, box-shadow;\n  transition-duration: var(--pharos-duration-fast);\n  transition-timing-function: var(--pharos-easing-out);\n}\n\n.root:hover:not([data-disabled]):not([data-checked]) {\n  background-color: var(--pharos-color-neutral-400);\n}\n\n/* On track — the neutral-900 fill, matching the Checkbox's checked look. */\n.root[data-checked] {\n  background-color: var(--pharos-color-neutral-900);\n}\n\n.root[data-checked]:hover:not([data-disabled]) {\n  background-color: var(--pharos-color-neutral-700);\n}\n\n/* Error state via the standard aria-invalid attribute (D11). An inset ring so\n * the track keeps its geometry (no border-driven layout shift on the thumb). */\n.root[aria-invalid='true'] {\n  box-shadow: inset 0 0 0 1px var(--pharos-color-semantic-error-fg);\n}\n\n.root:focus-visible {\n  outline: none;\n  /* Same two-stop ring as Button / Input / Checkbox so the system has one\n   * focus look. */\n  box-shadow:\n    0 0 0 2px var(--pharos-color-base-white),\n    0 0 0 4px var(--pharos-color-primary-600);\n}\n\n.root[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.thumb {\n  box-sizing: border-box;\n  width: var(--pharos-spacing-4);\n  height: var(--pharos-spacing-4);\n  border: 1px solid var(--pharos-color-neutral-500);\n  border-radius: var(--pharos-radius-full);\n  background-color: var(--pharos-color-base-white);\n\n  transition-property: transform;\n  transition-duration: var(--pharos-duration-fast);\n  transition-timing-function: var(--pharos-easing-out);\n}\n\n/* Slide to the far edge: inner width (32px) − thumb (16px) = spacing-4. */\n.root[data-checked] .thumb {\n  transform: translateX(var(--pharos-spacing-4));\n}\n"],"mappings":""}
+{"version":3,"file":"Switch.module.js","names":[],"sources":["../../src/components/Switch.module.css"],"sourcesContent":["/* Switch.module.css\n *\n * Per-component CSS Modules definition (Decision D9). Hashed into\n * `dist/styles.css`. Styles a single on/off toggle (the shadcn \"Switch\"\n * contract) over Base UI's `Switch`. State is driven by Base UI's\n * `data-checked` / `data-disabled` attributes.\n *\n * The atom owns no label (Escuela 1, D11): the consumer pairs it with a\n * `<label htmlFor>`. Error state is conveyed with `aria-invalid`, like Input /\n * Textarea / Checkbox. No icon dependency — the thumb is a plain `<span>`.\n *\n * Geometry is fully token-derived: a 40×24 track (spacing-10 × spacing-6) with\n * spacing-1 (4px) padding houses a 16px (spacing-4) thumb, so the thumb travels\n * exactly spacing-4 (32px inner − 16px thumb) with no hardcoded pixel value.\n */\n\n.root {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: var(--pharos-spacing-10);\n  height: var(--pharos-spacing-6);\n  padding: var(--pharos-spacing-1);\n\n  border: none;\n  border-radius: var(--pharos-radius-full);\n  /* Off track: the warm paper fill the tokens reserve for it. The perceivable\n   * state indicator is the thumb (white with a neutral-500 hairline, ≈5.4:1) —\n   * it stays distinguishable on both the light off track and the dark on track,\n   * satisfying WCAG 1.4.11. */\n  background-color: var(--pharos-color-paper-300);\n\n  cursor: pointer;\n  transition-property: background-color, box-shadow;\n  transition-duration: var(--pharos-duration-fast);\n  transition-timing-function: var(--pharos-easing-out);\n}\n\n.root:hover:not([data-disabled]):not([data-checked]) {\n  background-color: var(--pharos-color-neutral-300);\n}\n\n/* On track — the neutral-900 fill, matching the Checkbox's checked look. */\n.root[data-checked] {\n  background-color: var(--pharos-color-neutral-900);\n}\n\n.root[data-checked]:hover:not([data-disabled]) {\n  background-color: var(--pharos-color-neutral-700);\n}\n\n/* Error state via the standard aria-invalid attribute (D11). An inset ring so\n * the track keeps its geometry (no border-driven layout shift on the thumb). */\n.root[aria-invalid='true'] {\n  box-shadow: inset 0 0 0 1px var(--pharos-color-semantic-error-fg);\n}\n\n.root:focus-visible {\n  outline: none;\n  /* Same two-stop ring as Button / Input / Checkbox so the system has one\n   * focus look. */\n  box-shadow:\n    0 0 0 2px var(--pharos-color-base-white),\n    0 0 0 4px var(--pharos-color-primary-600);\n}\n\n.root[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.thumb {\n  box-sizing: border-box;\n  width: var(--pharos-spacing-4);\n  height: var(--pharos-spacing-4);\n  border: 1px solid var(--pharos-color-neutral-500);\n  border-radius: var(--pharos-radius-full);\n  background-color: var(--pharos-color-base-white);\n\n  transition-property: transform;\n  transition-duration: var(--pharos-duration-fast);\n  transition-timing-function: var(--pharos-easing-out);\n}\n\n/* Slide to the far edge: inner width (32px) − thumb (16px) = spacing-4. */\n.root[data-checked] .thumb {\n  transform: translateX(var(--pharos-spacing-4));\n}\n"],"mappings":""}

package/dist/components/ToggleGroup.d.ts

@@ -0,0 +1,48 @@
+import { ComponentProps } from 'react';
+import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { VariantProps } from 'class-variance-authority';
+declare const toggleGroupVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Two to five options shown side by side, where choosing one changes what the
+ * surrounding view shows at once — a list shown as List / Grid. The shadcn
+ * **ToggleGroup** contract (D25: the artifact's SegmentedControl under its
+ * canonical name), over Base UI's `ToggleGroup`: a `role="group"` of toggle
+ * buttons with `aria-pressed`, one tab stop and arrow keys to move between
+ * them; Enter or Space presses the focused one.
+ *
+ * In the default single mode one item always stays pressed: pressing the
+ * pressed item again is ignored, so the view always has an answer. With
+ * `multiple`, any number can be pressed, none included.
+ *
+ * Like the other form atoms (D11) it owns no label: name the group with
+ * `aria-label` or `aria-labelledby`. The value is always an array, as in
+ * Base UI: `value={[view]}` and `onValueChange={(v) => setView(v[0])}`.
+ *
+ * @example
+ * <ToggleGroup aria-label="View" value={[view]} onValueChange={(v) => setView(v[0])}>
+ *   <ToggleGroupItem value="list">List</ToggleGroupItem>
+ *   <ToggleGroupItem value="grid">Grid</ToggleGroupItem>
+ * </ToggleGroup>
+ */
+export interface ToggleGroupProps extends ComponentProps<typeof BaseToggleGroup>, VariantProps<typeof toggleGroupVariants> {
+}
+export declare function ToggleGroup({ size, multiple, onValueChange, className, ...rest }: ToggleGroupProps): import("react").JSX.Element;
+export declare namespace ToggleGroup {
+    var displayName: string;
+}
+/**
+ * One option of a `ToggleGroup`. Wraps Base UI's `Toggle` and requires a
+ * `value` unique within the group. Its text names it; an icon-only item needs
+ * an `aria-label`.
+ */
+export interface ToggleGroupItemProps extends ComponentProps<typeof BaseToggle> {
+}
+export declare function ToggleGroupItem({ className, ...rest }: ToggleGroupItemProps): import("react").JSX.Element;
+export declare namespace ToggleGroupItem {
+    var displayName: string;
+}
+export { toggleGroupVariants };
+//# sourceMappingURL=ToggleGroup.d.ts.map

package/dist/components/ToggleGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../src/components/ToggleGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,mBAAmB;;8EAUvB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAE7F,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAgB,EAChB,aAAa,EACb,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAqBlB;yBA3Be,WAAW;;;AA+B3B;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;CAAG;AAElF,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,+BAQ3E;yBARe,eAAe;;;AAY/B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/ToggleGroup.js

@@ -0,0 +1,46 @@
+"use client";
+import { cn as e } from "../lib/cn.js";
+import t from "./ToggleGroup.module.js";
+import { cva as n } from "class-variance-authority";
+import { jsx as r } from "react/jsx-runtime";
+import { ToggleGroup as i } from "@base-ui/react/toggle-group";
+import { Toggle as a } from "@base-ui/react/toggle";
+//#region src/components/ToggleGroup.tsx
+var o = n(t.group, {
+	variants: { size: {
+		sm: t.sizeSm,
+		md: t.sizeMd
+	} },
+	defaultVariants: { size: "md" }
+});
+function s({ size: t, multiple: n = !1, onValueChange: a, className: s, ...c }) {
+	let l = t ?? "md";
+	return /* @__PURE__ */ r(i, {
+		"data-pharos-slot": "toggle-group",
+		"data-pharos-size": l,
+		multiple: n,
+		onValueChange: function(e, t) {
+			if (!n && e.length === 0) {
+				t.cancel();
+				return;
+			}
+			a?.(e, t);
+		},
+		className: e(o({ size: l }), s),
+		...c,
+		"aria-orientation": void 0
+	});
+}
+s.displayName = "ToggleGroup";
+function c({ className: n, ...i }) {
+	return /* @__PURE__ */ r(a, {
+		"data-pharos-slot": "toggle-group-item",
+		className: e(t.item, n),
+		...i
+	});
+}
+c.displayName = "ToggleGroupItem";
+//#endregion
+export { s as ToggleGroup, c as ToggleGroupItem };
+
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/components/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","names":[],"sources":["../../src/components/ToggleGroup.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps } from 'react';\nimport { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';\nimport { Toggle as BaseToggle } from '@base-ui/react/toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn';\nimport styles from './ToggleGroup.module.css';\n\nconst toggleGroupVariants = cva(styles.group, {\n  variants: {\n    size: {\n      sm: styles.sizeSm,\n      md: styles.sizeMd,\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n/**\n * Two to five options shown side by side, where choosing one changes what the\n * surrounding view shows at once — a list shown as List / Grid. The shadcn\n * **ToggleGroup** contract (D25: the artifact's SegmentedControl under its\n * canonical name), over Base UI's `ToggleGroup`: a `role=\"group\"` of toggle\n * buttons with `aria-pressed`, one tab stop and arrow keys to move between\n * them; Enter or Space presses the focused one.\n *\n * In the default single mode one item always stays pressed: pressing the\n * pressed item again is ignored, so the view always has an answer. With\n * `multiple`, any number can be pressed, none included.\n *\n * Like the other form atoms (D11) it owns no label: name the group with\n * `aria-label` or `aria-labelledby`. The value is always an array, as in\n * Base UI: `value={[view]}` and `onValueChange={(v) => setView(v[0])}`.\n *\n * @example\n * <ToggleGroup aria-label=\"View\" value={[view]} onValueChange={(v) => setView(v[0])}>\n *   <ToggleGroupItem value=\"list\">List</ToggleGroupItem>\n *   <ToggleGroupItem value=\"grid\">Grid</ToggleGroupItem>\n * </ToggleGroup>\n */\nexport interface ToggleGroupProps\n  extends ComponentProps<typeof BaseToggleGroup>, VariantProps<typeof toggleGroupVariants> {}\n\nexport function ToggleGroup({\n  size,\n  multiple = false,\n  onValueChange,\n  className,\n  ...rest\n}: ToggleGroupProps) {\n  const resolvedSize = size ?? 'md';\n  return (\n    <BaseToggleGroup\n      data-pharos-slot=\"toggle-group\"\n      data-pharos-size={resolvedSize}\n      multiple={multiple}\n      onValueChange={function keepOnePressed(groupValue, eventDetails) {\n        if (!multiple && groupValue.length === 0) {\n          eventDetails.cancel();\n          return;\n        }\n        onValueChange?.(groupValue, eventDetails);\n      }}\n      className={cn(toggleGroupVariants({ size: resolvedSize }), className)}\n      {...rest}\n      // Base UI sets aria-orientation, which ARIA does not allow on\n      // role=\"group\" (axe: aria-allowed-attr). The arrow keys work without it.\n      aria-orientation={undefined}\n    />\n  );\n}\n\nToggleGroup.displayName = 'ToggleGroup';\n\n/**\n * One option of a `ToggleGroup`. Wraps Base UI's `Toggle` and requires a\n * `value` unique within the group. Its text names it; an icon-only item needs\n * an `aria-label`.\n */\nexport interface ToggleGroupItemProps extends ComponentProps<typeof BaseToggle> {}\n\nexport function ToggleGroupItem({ className, ...rest }: ToggleGroupItemProps) {\n  return (\n    <BaseToggle\n      data-pharos-slot=\"toggle-group-item\"\n      className={cn(styles.item, className)}\n      {...rest}\n    />\n  );\n}\n\nToggleGroupItem.displayName = 'ToggleGroupItem';\n\nexport { toggleGroupVariants };\n"],"mappings":";;;;;;;;AASA,IAAM,IAAsB,EAAI,EAAO,OAAO;CAC5C,UAAU,EACR,MAAM;EACJ,IAAI,EAAO;EACX,IAAI,EAAO;CACb,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AA2BD,SAAgB,EAAY,EAC1B,SACA,cAAW,IACX,kBACA,cACA,GAAG,KACgB;CACnB,IAAM,IAAe,KAAQ;CAC7B,OACE,kBAAC,GAAD;EACE,oBAAiB;EACjB,oBAAkB;EACR;EACV,eAAe,SAAwB,GAAY,GAAc;GAC/D,IAAI,CAAC,KAAY,EAAW,WAAW,GAAG;IACxC,EAAa,OAAO;IACpB;GACF;GACA,IAAgB,GAAY,CAAY;EAC1C;EACA,WAAW,EAAG,EAAoB,EAAE,MAAM,EAAa,CAAC,GAAG,CAAS;EACpE,GAAI;EAGJ,oBAAkB,KAAA;CACnB,CAAA;AAEL;AAEA,EAAY,cAAc;AAS1B,SAAgB,EAAgB,EAAE,cAAW,GAAG,KAA8B;CAC5E,OACE,kBAAC,GAAD;EACE,oBAAiB;EACjB,WAAW,EAAG,EAAO,MAAM,CAAS;EACpC,GAAI;CACL,CAAA;AAEL;AAEA,EAAgB,cAAc"}

package/dist/components/ToggleGroup.module.js

@@ -0,0 +1,10 @@
+var e = {
+	group: "_group_zoq3z_13",
+	sizeSm: "_sizeSm_zoq3z_25",
+	sizeMd: "_sizeMd_zoq3z_29",
+	item: "_item_zoq3z_33"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=ToggleGroup.module.js.map

package/dist/components/ToggleGroup.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.module.js","names":[],"sources":["../../src/components/ToggleGroup.module.css"],"sourcesContent":["/* ToggleGroup.module.css\n *\n * Per-component CSS Modules definition (Decision D9). Hashed into\n * `dist/styles.css`. Styles the shadcn \"ToggleGroup\" contract over Base UI's\n * `ToggleGroup` + `Toggle`, with the look of the artifact's SegmentedControl\n * (D25): a warm paper rail holding pill segments, the pressed one lifted in\n * white. Item state is driven by Base UI's `data-pressed` / `data-disabled`.\n *\n * Heights sit on the control grid (32 / 40px: spacing-8 / spacing-10), with a\n * spacing-0-5 rail inset and gap.\n */\n\n.group {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: stretch;\n  gap: var(--pharos-spacing-0-5);\n  max-width: 100%;\n  padding: var(--pharos-spacing-0-5);\n  border-radius: var(--pharos-radius-full);\n  background-color: var(--pharos-color-paper-200);\n  font-family: var(--pharos-font-family-sans);\n}\n\n.sizeSm {\n  height: var(--pharos-spacing-8);\n}\n\n.sizeMd {\n  height: var(--pharos-spacing-10);\n}\n\n.item {\n  appearance: none;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: center;\n  gap: var(--pharos-spacing-1-5);\n  min-width: 0;\n  margin: 0;\n  padding: 0 var(--pharos-spacing-3);\n\n  border: 0;\n  border-radius: var(--pharos-radius-full);\n  background: transparent;\n  /* neutral-600 on paper-200 keeps the resting labels above 4.5:1. */\n  color: var(--pharos-color-neutral-600);\n  font: inherit;\n  font-size: var(--pharos-font-size-sm);\n  font-weight: var(--pharos-font-weight-medium);\n  line-height: 1;\n  white-space: nowrap;\n\n  cursor: pointer;\n  transition-property: color, background-color, box-shadow;\n  transition-duration: var(--pharos-duration-fast);\n  transition-timing-function: var(--pharos-easing-out);\n}\n\n.sizeMd .item {\n  padding: 0 var(--pharos-spacing-4);\n}\n\n.item > svg {\n  width: 1em;\n  height: 1em;\n  flex: 0 0 auto;\n}\n\n.item:hover:not([data-pressed]):not([data-disabled]) {\n  color: var(--pharos-color-neutral-900);\n  background-color: var(--pharos-color-paper-300);\n}\n\n/* Pressed: lifted in white. The paper-300 hairline draws its edge where the\n * shadow alone would be too faint on the warm rail. */\n.item[data-pressed] {\n  color: var(--pharos-color-neutral-900);\n  background-color: var(--pharos-color-base-white);\n  box-shadow:\n    var(--pharos-shadow-sm),\n    0 0 0 1px var(--pharos-color-paper-300);\n}\n\n.item:focus-visible {\n  outline: none;\n  /* Same two-stop ring as every other control. */\n  box-shadow:\n    0 0 0 2px var(--pharos-color-base-white),\n    0 0 0 4px var(--pharos-color-primary-600);\n}\n\n.item[data-disabled] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .item {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/index.d.ts

@@ -34,6 +34,8 @@ export { Switch } from './components/Switch';
 export type { SwitchProps } from './components/Switch';
 export { RadioGroup, RadioGroupItem } from './components/RadioGroup';
 export type { RadioGroupProps, RadioGroupItemProps } from './components/RadioGroup';
+export { ToggleGroup, ToggleGroupItem } from './components/ToggleGroup';
+export type { ToggleGroupProps, ToggleGroupItemProps } from './components/ToggleGroup';
 export { ToastProvider, Toaster, useToast } from './components/Toast';
 export type { ToastProviderProps, ToasterProps, ToasterPosition, ToastOptions, ToastVariant, UseToastReturnValue, } from './components/Toast';
 export { cn } from './lib/cn';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACzE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC1D,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC1D,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAChE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvF,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,iBAAiB,EACjB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,YAAY,GACb,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACb,aAAa,EACb,eAAe,EACf,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,EACvB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACtE,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACzE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC1D,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC1D,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAChE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvF,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,iBAAiB,EACjB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,YAAY,GACb,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACb,aAAa,EACb,eAAe,EACf,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,EACvB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACxE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACtE,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -17,5 +17,6 @@ import { Dialog as ge, DialogClose as _e, DialogContent as ve, DialogDescription
 import { Checkbox as we } from "./components/Checkbox.js";
 import { Switch as Te } from "./components/Switch.js";
 import { RadioGroup as Ee, RadioGroupItem as De } from "./components/RadioGroup.js";
-import { ToastProvider as Oe, Toaster as ke, useToast as Ae } from "./components/Toast.js";
-export { x as Avatar, S as AvatarFallback, C as AvatarGroup, w as AvatarImage, s as Badge, t as Button, m as Card, h as CardContent, g as CardDescription, _ as CardFooter, v as CardHeader, y as CardTitle, we as Checkbox, K as Combobox, q as ComboboxChip, J as ComboboxChipRemove, Y as ComboboxChips, X as ComboboxClear, Z as ComboboxContent, Q as ComboboxControl, $ as ComboboxEmpty, ee as ComboboxGroup, te as ComboboxGroupLabel, ne as ComboboxInput, re as ComboboxItem, ie as ComboboxList, ae as ComboboxSeparator, oe as ComboboxTrigger, ge as Dialog, _e as DialogClose, ve as DialogContent, ye as DialogDescription, be as DialogFooter, xe as DialogHeader, Se as DialogTitle, Ce as DialogTrigger, T as DropdownMenu, E as DropdownMenuContent, D as DropdownMenuGroup, O as DropdownMenuItem, k as DropdownMenuLabel, A as DropdownMenuSeparator, j as DropdownMenuTrigger, a as IconButton, l as Input, M as Popover, N as PopoverClose, P as PopoverContent, F as PopoverDescription, I as PopoverTitle, L as PopoverTrigger, Ee as RadioGroup, De as RadioGroupItem, R as Select, z as SelectContent, B as SelectGroup, V as SelectItem, H as SelectLabel, U as SelectSeparator, W as SelectTrigger, G as SelectValue, p as Separator, se as Sheet, ce as SheetClose, le as SheetContent, ue as SheetDescription, de as SheetFooter, fe as SheetHeader, pe as SheetTitle, me as SheetTrigger, r as Spinner, Te as Switch, d as Textarea, Oe as ToastProvider, ke as Toaster, c as badgeVariants, n as buttonVariants, b as cardVariants, e as cn, o as iconButtonVariants, u as inputVariants, he as sheetVariants, i as spinnerVariants, f as textareaVariants, Ae as useToast };
+import { ToggleGroup as Oe, ToggleGroupItem as ke } from "./components/ToggleGroup.js";
+import { ToastProvider as Ae, Toaster as je, useToast as Me } from "./components/Toast.js";
+export { x as Avatar, S as AvatarFallback, C as AvatarGroup, w as AvatarImage, s as Badge, t as Button, m as Card, h as CardContent, g as CardDescription, _ as CardFooter, v as CardHeader, y as CardTitle, we as Checkbox, K as Combobox, q as ComboboxChip, J as ComboboxChipRemove, Y as ComboboxChips, X as ComboboxClear, Z as ComboboxContent, Q as ComboboxControl, $ as ComboboxEmpty, ee as ComboboxGroup, te as ComboboxGroupLabel, ne as ComboboxInput, re as ComboboxItem, ie as ComboboxList, ae as ComboboxSeparator, oe as ComboboxTrigger, ge as Dialog, _e as DialogClose, ve as DialogContent, ye as DialogDescription, be as DialogFooter, xe as DialogHeader, Se as DialogTitle, Ce as DialogTrigger, T as DropdownMenu, E as DropdownMenuContent, D as DropdownMenuGroup, O as DropdownMenuItem, k as DropdownMenuLabel, A as DropdownMenuSeparator, j as DropdownMenuTrigger, a as IconButton, l as Input, M as Popover, N as PopoverClose, P as PopoverContent, F as PopoverDescription, I as PopoverTitle, L as PopoverTrigger, Ee as RadioGroup, De as RadioGroupItem, R as Select, z as SelectContent, B as SelectGroup, V as SelectItem, H as SelectLabel, U as SelectSeparator, W as SelectTrigger, G as SelectValue, p as Separator, se as Sheet, ce as SheetClose, le as SheetContent, ue as SheetDescription, de as SheetFooter, fe as SheetHeader, pe as SheetTitle, me as SheetTrigger, r as Spinner, Te as Switch, d as Textarea, Ae as ToastProvider, je as Toaster, Oe as ToggleGroup, ke as ToggleGroupItem, c as badgeVariants, n as buttonVariants, b as cardVariants, e as cn, o as iconButtonVariants, u as inputVariants, he as sheetVariants, i as spinnerVariants, f as textareaVariants, Me as useToast };

package/dist/styles.css

@@ -1,2 +1,2 @@
-._root_1xx27_21{box-sizing:border-box;background-color:var(--pharos-color-neutral-100);color:var(--pharos-color-neutral-700);font-family:var(--pharos-font-family-sans);-webkit-user-select:none;user-select:none;--pharos-avatar-overlap:calc(var(--pharos-spacing-2) * -1);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-flex;position:relative;overflow:hidden}._shapeCircle_1xx27_63{border-radius:var(--pharos-radius-full)}._shapeSquare_1xx27_67{border-radius:var(--pharos-radius-md)}._sizeSm_1xx27_86{width:var(--pharos-spacing-8);height:var(--pharos-spacing-8);--pharos-avatar-overlap:calc(var(--pharos-spacing-2) * -.75);font-size:.75rem}._sizeMd_1xx27_93{width:var(--pharos-spacing-10);height:var(--pharos-spacing-10);--pharos-avatar-overlap:calc(var(--pharos-spacing-2) * -1);font-size:.875rem}._sizeLg_1xx27_100{width:var(--pharos-spacing-12);height:var(--pharos-spacing-12);--pharos-avatar-overlap:calc(var(--pharos-spacing-2) * -1.25);font-size:1rem}._image_1xx27_118{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}._fallback_1xx27_134{text-align:center;width:100%;height:100%;font:inherit;color:inherit;justify-content:center;align-items:center;display:inline-flex}._sizeSm_1xx27_86 ._fallback_1xx27_134>svg{width:var(--pharos-spacing-5);height:var(--pharos-spacing-5)}._sizeMd_1xx27_93 ._fallback_1xx27_134>svg{width:var(--pharos-spacing-6);height:var(--pharos-spacing-6)}._sizeLg_1xx27_100 ._fallback_1xx27_134>svg{width:var(--pharos-spacing-7);height:var(--pharos-spacing-7)}._group_1xx27_175{align-items:center;display:inline-flex}._group_1xx27_175>._root_1xx27_21{box-shadow:0 0 0 2px var(--pharos-avatar-group-ring,var(--pharos-color-base-white));position:relative}._group_1xx27_175>._root_1xx27_21+._root_1xx27_21{margin-left:var(--pharos-avatar-overlap)}._badge_zrawy_5{align-items:center;gap:var(--pharos-spacing-1);padding:0 var(--pharos-spacing-2);height:var(--pharos-spacing-5);border-radius:var(--pharos-radius-full);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-xs);font-weight:var(--pharos-font-weight-medium);white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;border:1px solid #0000;width:fit-content;line-height:1;display:inline-flex}._badge_zrawy_5>svg{pointer-events:none;flex:none;width:.75em;height:.75em}._default_zrawy_30{background:var(--pharos-color-neutral-900);color:var(--pharos-color-base-white)}._secondary_zrawy_35{background:var(--pharos-color-neutral-100);color:var(--pharos-color-neutral-900)}._destructive_zrawy_40{background:var(--pharos-color-semantic-error-fg);color:var(--pharos-color-semantic-error-on)}._outline_zrawy_45{color:var(--pharos-color-neutral-900);border-color:var(--pharos-color-neutral-500);background:0 0}._success_zrawy_55{background:var(--pharos-color-semantic-success-fg);color:var(--pharos-color-semantic-success-on)}._warning_zrawy_60{background:var(--pharos-color-semantic-warning-fg);color:var(--pharos-color-semantic-warning-on)}._info_zrawy_65{background:var(--pharos-color-semantic-info-fg);color:var(--pharos-color-semantic-info-on)}._button_1yzt8_18{appearance:none;box-sizing:border-box;border-radius:var(--pharos-radius-full);white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;font-family:var(--pharos-font-family-sans);font-style:normal;font-weight:var(--pharos-font-weight-medium);font-variant:normal;font-kerning:auto;font-optical-sizing:auto;font-size-adjust:none;font-feature-settings:normal;font-variation-settings:normal;letter-spacing:normal;text-transform:none;font-stretch:100%;font-size:var(--pharos-font-size-sm);-webkit-user-select:none;user-select:none;cursor:pointer;color:inherit;transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);background-color:#0000;border:0 solid #0000;justify-content:center;align-items:center;margin:0;padding-top:0;padding-bottom:0;line-height:1.5;text-decoration:none;display:inline-flex}._button_1yzt8_18:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--button-focus-ring,var(--pharos-color-primary-600));outline:none}._button_1yzt8_18:disabled,._button_1yzt8_18[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.5}._primary_1yzt8_136{background-color:var(--pharos-color-primary-600);color:var(--pharos-color-base-white);--button-focus-ring:var(--pharos-color-primary-600)}._primary_1yzt8_136:hover{background-color:var(--pharos-color-primary-700)}._primary_1yzt8_136:active{background-color:var(--pharos-color-primary-800)}._secondary_1yzt8_150{background-color:var(--pharos-color-base-white);color:var(--pharos-color-neutral-900);border:1px solid var(--pharos-color-neutral-500);--button-focus-ring:var(--pharos-color-primary-600)}._secondary_1yzt8_150:hover{background-color:var(--pharos-color-neutral-50)}._secondary_1yzt8_150:active{background-color:var(--pharos-color-neutral-100)}._ghost_1yzt8_170{color:var(--pharos-color-neutral-900);--button-focus-ring:var(--pharos-color-primary-600);background-color:#0000}._ghost_1yzt8_170:hover{background-color:var(--pharos-color-neutral-100)}._ghost_1yzt8_170:active{background-color:var(--pharos-color-neutral-200)}._destructive_1yzt8_184{background-color:var(--pharos-color-semantic-error-fg);color:var(--pharos-color-semantic-error-on);--button-focus-ring:var(--pharos-color-semantic-error-fg)}._destructive_1yzt8_184:hover{background-color:var(--pharos-color-semantic-error-fg-hover)}._destructive_1yzt8_184:active{background-color:var(--pharos-color-semantic-error-fg-active)}._sizeSm_1yzt8_206{height:var(--pharos-spacing-8);gap:var(--pharos-spacing-1-5);padding:0 var(--pharos-spacing-3);font-size:var(--pharos-font-size-sm);line-height:1.42857}._sizeMd_1yzt8_214{height:var(--pharos-spacing-10);gap:var(--pharos-spacing-2);padding:0 var(--pharos-spacing-4);font-size:var(--pharos-font-size-sm);line-height:1.42857}._sizeLg_1yzt8_222{height:var(--pharos-spacing-12);gap:var(--pharos-spacing-2);padding:0 var(--pharos-spacing-6);font-size:var(--pharos-font-size-base);line-height:1.5}._card_yxgwa_10{background-color:var(--pharos-color-base-white);border-radius:var(--pharos-radius-2xl);gap:var(--pharos-spacing-6);font-family:var(--pharos-font-family-sans);color:var(--pharos-color-neutral-900);transition-property:border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);border:0 solid #0000;flex-direction:column;display:flex}._default_yxgwa_42{border:1px solid var(--pharos-color-neutral-200)}._elevated_yxgwa_46{box-shadow:var(--pharos-shadow-md);border:0 solid #0000}._outlined_yxgwa_51{border:1px solid var(--pharos-color-neutral-300)}._header_yxgwa_62{gap:var(--pharos-spacing-1-5);padding:var(--pharos-spacing-6) var(--pharos-spacing-6) 0;flex-direction:column;display:flex}._title_yxgwa_69{font-size:var(--pharos-font-size-base);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-900);margin:0;line-height:1.25}._description_yxgwa_77{font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-regular);color:var(--pharos-color-neutral-500);margin:0;line-height:1.5}._content_yxgwa_85{padding:0 var(--pharos-spacing-6)}._footer_yxgwa_95{align-items:center;gap:var(--pharos-spacing-3);padding:0 var(--pharos-spacing-6) var(--pharos-spacing-6);display:flex}._root_1v9tz_14{box-sizing:border-box;width:var(--pharos-spacing-5);height:var(--pharos-spacing-5);border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-sm);background-color:var(--pharos-color-base-white);color:var(--pharos-color-base-white);cursor:pointer;transition-property:background-color,border-color,box-shadow;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._root_1v9tz_14:hover:not([data-disabled]):not([data-checked]):not([data-indeterminate]){border-color:var(--pharos-color-neutral-700)}._root_1v9tz_14[data-checked],._root_1v9tz_14[data-indeterminate]{background-color:var(--pharos-color-neutral-900);border-color:var(--pharos-color-neutral-900)}._root_1v9tz_14[aria-invalid=true]{border-color:var(--pharos-color-semantic-error-fg)}._root_1v9tz_14:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._root_1v9tz_14[data-disabled]{cursor:not-allowed;opacity:.5}._indicator_1v9tz_65{color:var(--pharos-color-base-white);justify-content:center;align-items:center;display:inline-flex}._icon_1v9tz_72{width:var(--pharos-spacing-3);height:var(--pharos-spacing-3)}._iconIndeterminate_1v9tz_79,._indicator_1v9tz_65[data-indeterminate] ._iconCheck_1v9tz_83{display:none}._indicator_1v9tz_65[data-indeterminate] ._iconIndeterminate_1v9tz_79{display:block}._control_12m6b_5{box-sizing:border-box;align-items:center;gap:var(--pharos-spacing-2);border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-md);background-color:var(--pharos-color-base-white);width:100%;font-family:var(--pharos-font-family-sans);transition-property:border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);display:flex}._control_12m6b_5:focus-within{border-color:var(--pharos-color-primary-600);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600)}._control_12m6b_5[aria-invalid=true]{border-color:var(--pharos-color-semantic-error-fg)}._control_12m6b_5:has([aria-invalid=true]){border-color:var(--pharos-color-semantic-error-fg)}._control_12m6b_5[data-disabled]{opacity:.5;cursor:not-allowed}._control_12m6b_5:has(._input_12m6b_66:disabled){opacity:.5;cursor:not-allowed}._chips_12m6b_72{gap:var(--pharos-spacing-1);padding:var(--pharos-spacing-1) var(--pharos-spacing-2);flex-wrap:wrap}._input_12m6b_66{appearance:none;min-width:0;color:var(--pharos-color-neutral-900);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-regular);background:0 0;border:none;outline:none;flex:auto;margin:0;line-height:1.25}._input_12m6b_66::placeholder{color:var(--pharos-color-neutral-500);opacity:1}._input_12m6b_66:disabled{cursor:not-allowed}._inputSizeSm_12m6b_110{height:var(--pharos-spacing-8);padding:0 var(--pharos-spacing-3)}._inputSizeMd_12m6b_115{height:var(--pharos-spacing-10);padding:0 var(--pharos-spacing-4)}._inputSizeLg_12m6b_120{height:var(--pharos-spacing-12);padding:0 var(--pharos-spacing-6);font-size:var(--pharos-font-size-base)}._chipsInput_12m6b_128{height:var(--pharos-spacing-7);padding:0 var(--pharos-spacing-1);flex:4rem}._trigger_12m6b_135,._clear_12m6b_136{width:var(--pharos-spacing-6);height:var(--pharos-spacing-6);color:var(--pharos-color-neutral-500);cursor:default;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-end:var(--pharos-spacing-1);padding:0;display:inline-flex}._trigger_12m6b_135 svg,._clear_12m6b_136 svg{width:1rem;height:1rem}._trigger_12m6b_135[data-popup-open] svg{transition:transform var(--pharos-duration-fast) var(--pharos-easing-out);transform:rotate(180deg)}._chip_12m6b_72{align-items:center;gap:var(--pharos-spacing-1);padding:0 var(--pharos-spacing-1) 0 var(--pharos-spacing-2);height:var(--pharos-spacing-6);border-radius:var(--pharos-radius-sm);background-color:var(--pharos-color-neutral-100);color:var(--pharos-color-neutral-900);font-size:var(--pharos-font-size-xs);display:inline-flex}._chip_12m6b_72[data-highlighted]{background-color:var(--pharos-color-neutral-200)}._chipRemove_12m6b_180{width:var(--pharos-spacing-4);height:var(--pharos-spacing-4);border-radius:var(--pharos-radius-sm);color:var(--pharos-color-neutral-500);cursor:default;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._chipRemove_12m6b_180:hover{color:var(--pharos-color-neutral-900)}._trigger_12m6b_135[data-disabled],._clear_12m6b_136[data-disabled],._chipRemove_12m6b_180[data-disabled]{cursor:not-allowed}._chipRemove_12m6b_180[data-disabled]:hover{color:var(--pharos-color-neutral-500)}._chipRemove_12m6b_180 svg{width:.875rem;height:.875rem}._positioner_12m6b_227{z-index:var(--pharos-z-index-popover)}._content_12m6b_217{box-sizing:border-box;width:var(--anchor-width);max-height:var(--available-height);padding:var(--pharos-spacing-1);background-color:var(--pharos-color-base-white);border:1px solid var(--pharos-color-neutral-200);border-radius:var(--pharos-radius-md);box-shadow:var(--pharos-shadow-lg);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transform-origin:var(--transform-origin);transition-property:opacity,transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);outline:none;overflow-y:auto}._content_12m6b_217[data-starting-style],._content_12m6b_217[data-ending-style]{opacity:0;transform:scale(.96)}._item_12m6b_14{align-items:flex-start;gap:var(--pharos-spacing-2);padding:var(--pharos-spacing-2) var(--pharos-spacing-3);border-radius:var(--pharos-radius-sm);color:var(--pharos-color-neutral-900);cursor:default;-webkit-user-select:none;user-select:none;scroll-margin:var(--pharos-spacing-1);outline:none;display:flex;position:relative}._item_12m6b_14[data-highlighted]{background-color:var(--pharos-color-neutral-100)}._item_12m6b_14[data-disabled]{color:var(--pharos-color-neutral-400);pointer-events:none}._itemText_12m6b_14{overflow-wrap:anywhere;white-space:normal;flex:auto;min-width:0}._itemIndicator_12m6b_298{block-size:1lh;color:var(--pharos-color-primary-600);flex:none;justify-content:center;align-items:center;display:inline-flex}._itemIndicator_12m6b_298 svg{width:1rem;height:1rem}._empty_12m6b_322{color:var(--pharos-color-neutral-500);text-align:center}._empty_12m6b_322:not(:empty){padding:var(--pharos-spacing-3)}._label_12m6b_332{padding:var(--pharos-spacing-2) var(--pharos-spacing-3) var(--pharos-spacing-1);font-size:var(--pharos-font-size-xs);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-600)}._separator_12m6b_339{height:1px;margin:var(--pharos-spacing-1) 0;background-color:var(--pharos-color-neutral-200)}@media (pointer:coarse){._input_12m6b_66{font-size:var(--pharos-font-size-base)}}._backdrop_1d4e6_19{z-index:var(--pharos-z-index-modal);background-color:color-mix(in srgb, var(--pharos-color-base-black) 50%, transparent);transition:opacity var(--pharos-duration-normal) var(--pharos-easing-out);position:fixed;inset:0}._backdrop_1d4e6_19[data-starting-style],._backdrop_1d4e6_19[data-ending-style]{opacity:0}._content_1d4e6_33{transform-origin:50%;z-index:var(--pharos-z-index-modal);box-sizing:border-box;width:calc(100% - 2 * var(--pharos-spacing-4));max-width:32rem;max-height:calc(100dvh - 2 * var(--pharos-spacing-6));gap:var(--pharos-spacing-4);padding:var(--pharos-spacing-6);background-color:var(--pharos-color-base-white);border-radius:var(--pharos-radius-lg);box-shadow:var(--pharos-shadow-xl);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transition-property:opacity,transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);outline:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}._content_1d4e6_33[data-starting-style],._content_1d4e6_33[data-ending-style]{opacity:0;transform:translate(-50%,-50%)scale(.96)}._header_1d4e6_76{gap:var(--pharos-spacing-1);flex-direction:column;display:flex}._title_1d4e6_82{font-size:var(--pharos-font-size-lg);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-900);margin:0;line-height:1.4}._description_1d4e6_90{font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-600);margin:0;line-height:1.5}._footer_1d4e6_97{gap:var(--pharos-spacing-2);justify-content:flex-end;margin-top:auto;display:flex}._positioner_e7uyk_9{z-index:var(--pharos-z-index-popover)}._content_e7uyk_4{box-sizing:border-box;min-width:12rem;padding:var(--pharos-spacing-1);background-color:var(--pharos-color-base-white);border:1px solid var(--pharos-color-neutral-200);border-radius:var(--pharos-radius-md);box-shadow:var(--pharos-shadow-lg);font-family:var(--pharos-font-family-sans);color:var(--pharos-color-neutral-900);transform-origin:var(--transform-origin);transition-property:opacity,transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out)}._content_e7uyk_4[data-starting-style],._content_e7uyk_4[data-ending-style]{opacity:0;transform:scale(.96)}._item_e7uyk_5{box-sizing:border-box;align-items:center;gap:var(--pharos-spacing-2);width:100%;padding:var(--pharos-spacing-1-5) var(--pharos-spacing-2);border-radius:var(--pharos-radius-sm);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-medium);color:var(--pharos-color-neutral-700);cursor:default;-webkit-user-select:none;user-select:none;scroll-margin:var(--pharos-spacing-1);transition-property:background-color,color;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);outline:none;line-height:1.25;display:flex}._item_e7uyk_5[data-highlighted]{background-color:var(--pharos-color-neutral-100);color:var(--pharos-color-neutral-900)}._item_e7uyk_5[data-disabled]{color:var(--pharos-color-neutral-500);opacity:.6;pointer-events:none}._item_e7uyk_5>svg{flex-shrink:0;width:1rem;height:1rem}._itemDestructive_e7uyk_113{color:var(--pharos-color-semantic-error-fg)}._itemDestructive_e7uyk_113[data-highlighted]{background-color:var(--pharos-color-semantic-error-bg);color:var(--pharos-color-semantic-error-fg-hover)}._separator_e7uyk_6{height:1px;margin:var(--pharos-spacing-1) calc(var(--pharos-spacing-1) * -1);background-color:var(--pharos-color-neutral-200)}._label_e7uyk_6{padding:var(--pharos-spacing-1-5) var(--pharos-spacing-2);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-500)}._button_me0or_14{appearance:none;box-sizing:border-box;border-radius:var(--pharos-radius-full);-webkit-user-select:none;user-select:none;cursor:pointer;color:inherit;font-family:var(--pharos-font-family-sans);transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);background-color:#0000;border:0 solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}._button_me0or_14:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--icon-button-focus-ring,var(--pharos-color-primary-600));outline:none}._button_me0or_14:disabled,._button_me0or_14[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.5}._primary_me0or_83{background-color:var(--pharos-color-primary-600);color:var(--pharos-color-base-white);--icon-button-focus-ring:var(--pharos-color-primary-600)}._primary_me0or_83:hover{background-color:var(--pharos-color-primary-700)}._primary_me0or_83:active{background-color:var(--pharos-color-primary-800)}._secondary_me0or_97{background-color:var(--pharos-color-base-white);color:var(--pharos-color-neutral-900);border:1px solid var(--pharos-color-neutral-500);--icon-button-focus-ring:var(--pharos-color-primary-600)}._secondary_me0or_97:hover{background-color:var(--pharos-color-neutral-50)}._secondary_me0or_97:active{background-color:var(--pharos-color-neutral-100)}._ghost_me0or_116{color:var(--pharos-color-neutral-900);--icon-button-focus-ring:var(--pharos-color-primary-600);background-color:#0000}._ghost_me0or_116:hover{background-color:var(--pharos-color-neutral-100)}._ghost_me0or_116:active{background-color:var(--pharos-color-neutral-200)}._destructive_me0or_130{background-color:var(--pharos-color-semantic-error-fg);color:var(--pharos-color-semantic-error-on);--icon-button-focus-ring:var(--pharos-color-semantic-error-fg)}._destructive_me0or_130:hover{background-color:var(--pharos-color-semantic-error-fg-hover)}._destructive_me0or_130:active{background-color:var(--pharos-color-semantic-error-fg-active)}._sizeSm_me0or_159{width:var(--pharos-spacing-8);height:var(--pharos-spacing-8)}._sizeSm_me0or_159>svg{width:var(--pharos-spacing-4);height:var(--pharos-spacing-4)}._sizeMd_me0or_169{width:var(--pharos-spacing-10);height:var(--pharos-spacing-10)}._sizeMd_me0or_169>svg{width:var(--pharos-spacing-5);height:var(--pharos-spacing-5)}._sizeLg_me0or_179{width:var(--pharos-spacing-12);height:var(--pharos-spacing-12)}._sizeLg_me0or_179>svg{width:var(--pharos-spacing-6);height:var(--pharos-spacing-6)}@keyframes _pharos-spinner-spin_gg970_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_gg970_28{color:currentColor;vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}._icon_gg970_46{width:100%;height:100%;animation:_pharos-spinner-spin_gg970_1 var(--pharos-duration-slow,1s) linear infinite}@media (prefers-reduced-motion:reduce){._icon_gg970_46{animation-duration:4s}}._sizeSm_gg970_69{width:var(--pharos-spacing-4);height:var(--pharos-spacing-4)}._sizeMd_gg970_74{width:var(--pharos-spacing-5);height:var(--pharos-spacing-5)}._sizeLg_gg970_79{width:var(--pharos-spacing-6);height:var(--pharos-spacing-6)}._srOnly_gg970_87{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._input_1ueoc_14{appearance:none;box-sizing:border-box;border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-md);background-color:var(--pharos-color-base-white);width:100%;color:var(--pharos-color-neutral-900);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-regular);transition-property:border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);margin:0;line-height:1.25}._input_1ueoc_14::placeholder{color:var(--pharos-color-neutral-500);opacity:1}._input_1ueoc_14:focus-visible{border-color:var(--pharos-color-primary-600);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._input_1ueoc_14:disabled{cursor:not-allowed;opacity:.5}._input_1ueoc_14[aria-invalid=true]{border-color:var(--pharos-color-semantic-error-fg)}._input_1ueoc_14[aria-invalid=true]:focus-visible{border-color:var(--pharos-color-semantic-error-fg);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-semantic-error-fg)}._sizeSm_1ueoc_97{height:var(--pharos-spacing-8);padding:0 var(--pharos-spacing-3);font-size:var(--pharos-font-size-sm)}._sizeMd_1ueoc_103{height:var(--pharos-spacing-10);padding:0 var(--pharos-spacing-4);font-size:var(--pharos-font-size-sm)}._sizeLg_1ueoc_109{height:var(--pharos-spacing-12);padding:0 var(--pharos-spacing-6);font-size:var(--pharos-font-size-base)}@media (pointer:coarse){._input_1ueoc_14,._sizeSm_1ueoc_97,._sizeMd_1ueoc_103{font-size:var(--pharos-font-size-base)}}._positioner_l8xbr_15{z-index:var(--pharos-z-index-popover)}._content_l8xbr_4{box-sizing:border-box;max-width:20rem;padding:var(--pharos-spacing-4);background-color:var(--pharos-color-base-white);border:1px solid var(--pharos-color-neutral-200);border-radius:var(--pharos-radius-md);box-shadow:var(--pharos-shadow-lg);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transform-origin:var(--transform-origin);transition-property:opacity,transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);outline:none}._content_l8xbr_4[data-starting-style],._content_l8xbr_4[data-ending-style]{opacity:0;transform:scale(.96)}._title_l8xbr_5{font-size:var(--pharos-font-size-base);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-900);margin:0;line-height:1.4}._description_l8xbr_5{margin:var(--pharos-spacing-1) 0 0;font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-600);line-height:1.5}._group_rsllu_18{gap:var(--pharos-spacing-2);flex-direction:column;display:flex}._item_rsllu_24{box-sizing:border-box;width:var(--pharos-spacing-5);height:var(--pharos-spacing-5);border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-full);background-color:var(--pharos-color-base-white);cursor:pointer;transition-property:background-color,border-color,box-shadow;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._item_rsllu_24:hover:not([data-disabled]):not([data-checked]){border-color:var(--pharos-color-neutral-700)}._item_rsllu_24[data-checked]{border-color:var(--pharos-color-neutral-900)}._group_rsllu_18[aria-invalid=true] ._item_rsllu_24{border-color:var(--pharos-color-semantic-error-fg)}._item_rsllu_24:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._item_rsllu_24[data-disabled]{cursor:not-allowed;opacity:.5}._indicator_rsllu_75{width:var(--pharos-spacing-2);height:var(--pharos-spacing-2);border-radius:var(--pharos-radius-full);background-color:var(--pharos-color-neutral-900);display:inline-flex}._trigger_g5qz6_35{appearance:none;box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--pharos-spacing-2);border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-md);background-color:var(--pharos-color-base-white);width:100%;color:var(--pharos-color-neutral-900);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-regular);text-align:start;cursor:default;transition-property:border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);margin:0;line-height:1.25;display:inline-flex}._trigger_g5qz6_35:focus-visible{border-color:var(--pharos-color-primary-600);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._trigger_g5qz6_35:disabled,._trigger_g5qz6_35[data-disabled]{cursor:not-allowed;opacity:.5}._trigger_g5qz6_35[aria-invalid=true]{border-color:var(--pharos-color-semantic-error-fg)}._trigger_g5qz6_35[aria-invalid=true]:focus-visible{border-color:var(--pharos-color-semantic-error-fg);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-semantic-error-fg)}._sizeSm_g5qz6_92{height:var(--pharos-spacing-8);padding:0 var(--pharos-spacing-3);font-size:var(--pharos-font-size-sm)}._sizeMd_g5qz6_98{height:var(--pharos-spacing-10);padding:0 var(--pharos-spacing-4);font-size:var(--pharos-font-size-sm)}._sizeLg_g5qz6_104{height:var(--pharos-spacing-12);padding:0 var(--pharos-spacing-6);font-size:var(--pharos-font-size-base)}._value_g5qz6_113{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}._value_g5qz6_113[data-placeholder]{color:var(--pharos-color-neutral-500)}._icon_g5qz6_127{color:var(--pharos-color-neutral-500);transition:transform var(--pharos-duration-fast) var(--pharos-easing-out);flex:none;justify-content:center;align-items:center;display:inline-flex}._icon_g5qz6_127 svg{width:1rem;height:1rem}._icon_g5qz6_127[data-popup-open]{transform:rotate(180deg)}._positioner_g5qz6_24{z-index:var(--pharos-z-index-popover)}._content_g5qz6_146{box-sizing:border-box;width:var(--anchor-width);max-height:var(--available-height);padding:var(--pharos-spacing-1);background-color:var(--pharos-color-base-white);border:1px solid var(--pharos-color-neutral-200);border-radius:var(--pharos-radius-md);box-shadow:var(--pharos-shadow-lg);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transform-origin:var(--transform-origin);transition-property:opacity,transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);outline:none;overflow-y:auto}._content_g5qz6_146[data-starting-style],._content_g5qz6_146[data-ending-style]{opacity:0;transform:scale(.96)}._item_g5qz6_17{align-items:flex-start;gap:var(--pharos-spacing-2);padding:var(--pharos-spacing-2) var(--pharos-spacing-3);border-radius:var(--pharos-radius-sm);color:var(--pharos-color-neutral-900);cursor:default;-webkit-user-select:none;user-select:none;scroll-margin:var(--pharos-spacing-1);outline:none;display:flex;position:relative}._item_g5qz6_17[data-highlighted]{background-color:var(--pharos-color-neutral-100)}._item_g5qz6_17[data-disabled]{color:var(--pharos-color-neutral-400);pointer-events:none}._itemText_g5qz6_17{overflow-wrap:anywhere;white-space:normal;flex:auto;min-width:0}._itemIndicator_g5qz6_230{block-size:1lh;color:var(--pharos-color-primary-600);flex:none;justify-content:center;align-items:center;display:inline-flex}._itemIndicator_g5qz6_230 svg{width:1rem;height:1rem}._label_g5qz6_246{padding:var(--pharos-spacing-2) var(--pharos-spacing-3) var(--pharos-spacing-1);font-size:var(--pharos-font-size-xs);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-600)}._separator_g5qz6_254{height:1px;margin:var(--pharos-spacing-1) 0;background-color:var(--pharos-color-neutral-200)}._separator_da90p_13{background-color:var(--pharos-color-neutral-200);border:0;flex-shrink:0;margin:0}._horizontal_da90p_29{width:100%;height:1px}._vertical_da90p_34{width:1px;height:100%}._backdrop_1jbnh_17{z-index:var(--pharos-z-index-modal);background-color:color-mix(in srgb, var(--pharos-color-base-black) 50%, transparent);transition:opacity var(--pharos-duration-normal) var(--pharos-easing-out);position:fixed;inset:0}._backdrop_1jbnh_17[data-starting-style],._backdrop_1jbnh_17[data-ending-style]{opacity:0}._content_1jbnh_33{z-index:var(--pharos-z-index-modal);box-sizing:border-box;gap:var(--pharos-spacing-4);padding:var(--pharos-spacing-6);background-color:var(--pharos-color-base-white);box-shadow:var(--pharos-shadow-xl);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transition:transform var(--pharos-duration-normal) var(--pharos-easing-out);outline:none;flex-direction:column;display:flex;position:fixed;overflow-y:auto}._sideRight_1jbnh_56{border-left:1px solid var(--pharos-color-neutral-200);width:min(24rem,100vw);height:100dvh;top:0;bottom:0;right:0}._sideRight_1jbnh_56[data-starting-style],._sideRight_1jbnh_56[data-ending-style]{transform:translate(100%)}._sideLeft_1jbnh_69{border-right:1px solid var(--pharos-color-neutral-200);width:min(24rem,100vw);height:100dvh;top:0;bottom:0;left:0}._sideLeft_1jbnh_69[data-starting-style],._sideLeft_1jbnh_69[data-ending-style]{transform:translate(-100%)}._sideTop_1jbnh_82{border-bottom:1px solid var(--pharos-color-neutral-200);width:100vw;max-height:100dvh;top:0;left:0;right:0}._sideTop_1jbnh_82[data-starting-style],._sideTop_1jbnh_82[data-ending-style]{transform:translateY(-100%)}._sideBottom_1jbnh_95{border-top:1px solid var(--pharos-color-neutral-200);width:100vw;max-height:100dvh;bottom:0;left:0;right:0}._sideBottom_1jbnh_95[data-starting-style],._sideBottom_1jbnh_95[data-ending-style]{transform:translateY(100%)}._header_1jbnh_109{gap:var(--pharos-spacing-1);flex-direction:column;display:flex}._title_1jbnh_115{font-size:var(--pharos-font-size-lg);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-900);margin:0;line-height:1.4}._description_1jbnh_123{font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-600);margin:0;line-height:1.5}._footer_1jbnh_130{gap:var(--pharos-spacing-2);justify-content:flex-end;margin-top:auto;display:flex}._root_5v2er_17{box-sizing:border-box;width:var(--pharos-spacing-10);height:var(--pharos-spacing-6);padding:var(--pharos-spacing-1);border-radius:var(--pharos-radius-full);background-color:var(--pharos-color-neutral-300);cursor:pointer;transition-property:background-color,box-shadow;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);border:none;flex-shrink:0;align-items:center;display:inline-flex}._root_5v2er_17:hover:not([data-disabled]):not([data-checked]){background-color:var(--pharos-color-neutral-400)}._root_5v2er_17[data-checked]{background-color:var(--pharos-color-neutral-900)}._root_5v2er_17[data-checked]:hover:not([data-disabled]){background-color:var(--pharos-color-neutral-700)}._root_5v2er_17[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--pharos-color-semantic-error-fg)}._root_5v2er_17:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._root_5v2er_17[data-disabled]{cursor:not-allowed;opacity:.5}._thumb_5v2er_72{box-sizing:border-box;width:var(--pharos-spacing-4);height:var(--pharos-spacing-4);border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-full);background-color:var(--pharos-color-base-white);transition-property:transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out)}._root_5v2er_17[data-checked] ._thumb_5v2er_72{transform:translateX(var(--pharos-spacing-4))}._textarea_145hb_21{appearance:none;box-sizing:border-box;border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-md);background-color:var(--pharos-color-base-white);width:100%;color:var(--pharos-color-neutral-900);resize:vertical;font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-regular);transition-property:border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);margin:0;line-height:1.5}._textarea_145hb_21::placeholder{color:var(--pharos-color-neutral-500);opacity:1}._textarea_145hb_21:focus-visible{border-color:var(--pharos-color-primary-600);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._textarea_145hb_21:disabled{cursor:not-allowed;opacity:.5;resize:none}._textarea_145hb_21[aria-invalid=true]{border-color:var(--pharos-color-semantic-error-fg)}._textarea_145hb_21[aria-invalid=true]:focus-visible{border-color:var(--pharos-color-semantic-error-fg);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-semantic-error-fg)}._sizeSm_145hb_113{min-height:var(--pharos-spacing-16);padding:var(--pharos-spacing-2) var(--pharos-spacing-3);font-size:var(--pharos-font-size-sm)}._sizeMd_145hb_119{min-height:var(--pharos-spacing-20);padding:var(--pharos-spacing-2-5) var(--pharos-spacing-4);font-size:var(--pharos-font-size-sm)}._sizeLg_145hb_125{min-height:var(--pharos-spacing-24);padding:var(--pharos-spacing-3) var(--pharos-spacing-6);font-size:var(--pharos-font-size-base)}@media (pointer:coarse){._textarea_145hb_21,._sizeSm_145hb_113,._sizeMd_145hb_119{font-size:var(--pharos-font-size-base)}}._viewport_1l5b5_17{--pharos-toast-edge-gap:var(--pharos-spacing-4);z-index:var(--pharos-z-index-toast);box-sizing:border-box;inline-size:min(22.5rem, calc(100% - 2 * var(--pharos-toast-edge-gap)));gap:var(--pharos-spacing-2);pointer-events:none;outline:none;flex-direction:column;display:flex;position:fixed}._viewport_1l5b5_17[data-pharos-position^=top]{inset-block-start:var(--pharos-toast-offset,var(--pharos-toast-edge-gap))}._viewport_1l5b5_17[data-pharos-position^=bottom]{flex-direction:column-reverse;inset-block-end:var(--pharos-toast-offset,var(--pharos-toast-edge-gap))}._viewport_1l5b5_17[data-pharos-position$=start]{inset-inline-start:var(--pharos-toast-edge-gap)}._viewport_1l5b5_17[data-pharos-position$=end]{inset-inline-end:var(--pharos-toast-edge-gap)}._viewport_1l5b5_17[data-pharos-position$=center]{margin-inline:auto;inset-inline:0}._toast_1l5b5_60{--pharos-toast-enter-shift:calc(-1 * var(--pharos-spacing-4));box-sizing:border-box;pointer-events:auto;background-color:var(--pharos-color-surface-card);border:1px solid var(--pharos-color-border-subtle);border-radius:var(--pharos-radius-lg);box-shadow:var(--pharos-shadow-lg);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transform:translate(var(--toast-swipe-movement-x,0), var(--toast-swipe-movement-y,0));transition-property:opacity,transform;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);line-height:1.43}._viewport_1l5b5_17[data-pharos-position^=bottom] ._toast_1l5b5_60{--pharos-toast-enter-shift:var(--pharos-spacing-4)}._toast_1l5b5_60[data-starting-style],._toast_1l5b5_60[data-ending-style]{opacity:0;transform:translateY(var(--pharos-toast-enter-shift))}._toast_1l5b5_60[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x,0) - 100%))}._toast_1l5b5_60[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x,0) + 100%))}._toast_1l5b5_60[data-limited]{opacity:0}._toast_1l5b5_60:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600), var(--pharos-shadow-lg);outline:none}@media (prefers-reduced-motion:reduce){._toast_1l5b5_60,._toast_1l5b5_60[data-starting-style],._toast_1l5b5_60[data-ending-style]{transition-property:opacity;transform:none}}._content_1l5b5_127{align-items:flex-start;gap:var(--pharos-spacing-3);padding-block:var(--pharos-spacing-3);padding-inline:var(--pharos-spacing-4) var(--pharos-spacing-2);display:flex}._icon_1l5b5_136{inline-size:var(--pharos-spacing-5);block-size:var(--pharos-spacing-5);flex-shrink:0}._text_1l5b5_142{gap:var(--pharos-spacing-0-5);overflow-wrap:anywhere;flex-direction:column;flex:1;min-inline-size:0;display:flex}._toast_1l5b5_60[data-pharos-variant=success] ._icon_1l5b5_136{color:var(--pharos-color-semantic-success-fg)}._toast_1l5b5_60[data-pharos-variant=info] ._icon_1l5b5_136{color:var(--pharos-color-semantic-info-fg)}._toast_1l5b5_60[data-pharos-variant=destructive] ._icon_1l5b5_136{color:var(--pharos-color-semantic-error-fg)}._toast_1l5b5_60[data-pharos-variant=warning] ._icon_1l5b5_136{color:var(--pharos-color-semantic-warning-on)}._warningFill_1l5b5_169{fill:var(--pharos-color-semantic-warning-fg);stroke:var(--pharos-color-semantic-warning-fg)}._title_1l5b5_176{font-size:var(--pharos-font-size-sm);line-height:inherit;font-weight:var(--pharos-font-weight-semibold);margin:0}._description_1l5b5_183{font-size:var(--pharos-font-size-sm);line-height:inherit;color:var(--pharos-color-neutral-600);margin:0}._action_1l5b5_190{align-self:flex-start;margin-block-start:var(--pharos-spacing-2)}._close_1l5b5_197{margin-block:calc(-1 * var(--pharos-spacing-1-5)) calc(-1 * var(--pharos-spacing-1-5));flex-shrink:0}
+._root_1xx27_21{box-sizing:border-box;background-color:var(--pharos-color-neutral-100);color:var(--pharos-color-neutral-700);font-family:var(--pharos-font-family-sans);-webkit-user-select:none;user-select:none;--pharos-avatar-overlap:calc(var(--pharos-spacing-2) * -1);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-flex;position:relative;overflow:hidden}._shapeCircle_1xx27_63{border-radius:var(--pharos-radius-full)}._shapeSquare_1xx27_67{border-radius:var(--pharos-radius-md)}._sizeSm_1xx27_86{width:var(--pharos-spacing-8);height:var(--pharos-spacing-8);--pharos-avatar-overlap:calc(var(--pharos-spacing-2) * -.75);font-size:.75rem}._sizeMd_1xx27_93{width:var(--pharos-spacing-10);height:var(--pharos-spacing-10);--pharos-avatar-overlap:calc(var(--pharos-spacing-2) * -1);font-size:.875rem}._sizeLg_1xx27_100{width:var(--pharos-spacing-12);height:var(--pharos-spacing-12);--pharos-avatar-overlap:calc(var(--pharos-spacing-2) * -1.25);font-size:1rem}._image_1xx27_118{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}._fallback_1xx27_134{text-align:center;width:100%;height:100%;font:inherit;color:inherit;justify-content:center;align-items:center;display:inline-flex}._sizeSm_1xx27_86 ._fallback_1xx27_134>svg{width:var(--pharos-spacing-5);height:var(--pharos-spacing-5)}._sizeMd_1xx27_93 ._fallback_1xx27_134>svg{width:var(--pharos-spacing-6);height:var(--pharos-spacing-6)}._sizeLg_1xx27_100 ._fallback_1xx27_134>svg{width:var(--pharos-spacing-7);height:var(--pharos-spacing-7)}._group_1xx27_175{align-items:center;display:inline-flex}._group_1xx27_175>._root_1xx27_21{box-shadow:0 0 0 2px var(--pharos-avatar-group-ring,var(--pharos-color-base-white));position:relative}._group_1xx27_175>._root_1xx27_21+._root_1xx27_21{margin-left:var(--pharos-avatar-overlap)}._badge_5pviu_5{align-items:center;gap:var(--pharos-spacing-1);padding:0 var(--pharos-spacing-2);height:var(--pharos-spacing-5);border-radius:var(--pharos-radius-full);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-xs);font-weight:var(--pharos-font-weight-medium);white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;border:1px solid #0000;width:fit-content;line-height:1;display:inline-flex}._badge_5pviu_5>svg{pointer-events:none;flex:none;width:.75em;height:.75em}._default_5pviu_30{background:var(--pharos-color-neutral-900);color:var(--pharos-color-base-white)}._secondary_5pviu_35{background:var(--pharos-color-neutral-100);color:var(--pharos-color-neutral-900)}._destructive_5pviu_40{background:var(--pharos-color-semantic-error-fg);color:var(--pharos-color-semantic-error-on)}._outline_5pviu_45{color:var(--pharos-color-neutral-900);border-color:var(--pharos-color-neutral-500);background:0 0}._success_5pviu_55{background:var(--pharos-color-semantic-success-fg);color:var(--pharos-color-semantic-success-on)}._warning_5pviu_60{background:var(--pharos-color-semantic-warning-fg);color:var(--pharos-color-semantic-warning-on)}._info_5pviu_65{background:var(--pharos-color-semantic-info-fg);color:var(--pharos-color-semantic-info-on)}._accent_5pviu_73{background:var(--pharos-color-accent-terracotta-700);color:var(--pharos-color-base-white)}._accentSoft_5pviu_80{background:var(--pharos-color-accent-terracotta-50);color:var(--pharos-color-accent-terracotta-700)}._button_1g7u9_18{appearance:none;box-sizing:border-box;border-radius:var(--pharos-radius-full);white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;font-family:var(--pharos-font-family-sans);font-style:normal;font-weight:var(--pharos-font-weight-medium);font-variant:normal;font-kerning:auto;font-optical-sizing:auto;font-size-adjust:none;font-feature-settings:normal;font-variation-settings:normal;letter-spacing:normal;text-transform:none;font-stretch:100%;font-size:var(--pharos-font-size-sm);-webkit-user-select:none;user-select:none;cursor:pointer;color:inherit;transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);background-color:#0000;border:0 solid #0000;justify-content:center;align-items:center;margin:0;padding-top:0;padding-bottom:0;line-height:1.5;text-decoration:none;display:inline-flex}._button_1g7u9_18:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--button-focus-ring,var(--pharos-color-primary-600));outline:none}._button_1g7u9_18:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}._button_1g7u9_18[aria-disabled=true]{cursor:not-allowed;opacity:.5}._primary_1g7u9_142{background-color:var(--pharos-color-primary-600);color:var(--pharos-color-base-white);--button-focus-ring:var(--pharos-color-primary-600)}._primary_1g7u9_142:hover:not([aria-disabled=true]){background-color:var(--pharos-color-primary-700)}._primary_1g7u9_142:active:not([aria-disabled=true]){background-color:var(--pharos-color-primary-800)}._secondary_1g7u9_156{background-color:var(--pharos-color-base-white);color:var(--pharos-color-neutral-900);border:1px solid var(--pharos-color-neutral-500);--button-focus-ring:var(--pharos-color-primary-600)}._secondary_1g7u9_156:hover:not([aria-disabled=true]){background-color:var(--pharos-color-neutral-50)}._secondary_1g7u9_156:active:not([aria-disabled=true]){background-color:var(--pharos-color-neutral-100)}._ghost_1g7u9_176{color:var(--pharos-color-neutral-900);--button-focus-ring:var(--pharos-color-primary-600);background-color:#0000}._ghost_1g7u9_176:hover:not([aria-disabled=true]){background-color:var(--pharos-color-neutral-100)}._ghost_1g7u9_176:active:not([aria-disabled=true]){background-color:var(--pharos-color-neutral-200)}._destructive_1g7u9_190{background-color:var(--pharos-color-semantic-error-fg);color:var(--pharos-color-semantic-error-on);--button-focus-ring:var(--pharos-color-semantic-error-fg)}._destructive_1g7u9_190:hover:not([aria-disabled=true]){background-color:var(--pharos-color-semantic-error-fg-hover)}._destructive_1g7u9_190:active:not([aria-disabled=true]){background-color:var(--pharos-color-semantic-error-fg-active)}._sizeSm_1g7u9_212{height:var(--pharos-spacing-8);gap:var(--pharos-spacing-1-5);padding:0 var(--pharos-spacing-3);font-size:var(--pharos-font-size-sm);line-height:1.42857}._sizeMd_1g7u9_220{height:var(--pharos-spacing-10);gap:var(--pharos-spacing-2);padding:0 var(--pharos-spacing-4);font-size:var(--pharos-font-size-sm);line-height:1.42857}._sizeLg_1g7u9_228{height:var(--pharos-spacing-12);gap:var(--pharos-spacing-2);padding:0 var(--pharos-spacing-6);font-size:var(--pharos-font-size-base);line-height:1.5}._card_yxgwa_10{background-color:var(--pharos-color-base-white);border-radius:var(--pharos-radius-2xl);gap:var(--pharos-spacing-6);font-family:var(--pharos-font-family-sans);color:var(--pharos-color-neutral-900);transition-property:border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);border:0 solid #0000;flex-direction:column;display:flex}._default_yxgwa_42{border:1px solid var(--pharos-color-neutral-200)}._elevated_yxgwa_46{box-shadow:var(--pharos-shadow-md);border:0 solid #0000}._outlined_yxgwa_51{border:1px solid var(--pharos-color-neutral-300)}._header_yxgwa_62{gap:var(--pharos-spacing-1-5);padding:var(--pharos-spacing-6) var(--pharos-spacing-6) 0;flex-direction:column;display:flex}._title_yxgwa_69{font-size:var(--pharos-font-size-base);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-900);margin:0;line-height:1.25}._description_yxgwa_77{font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-regular);color:var(--pharos-color-neutral-500);margin:0;line-height:1.5}._content_yxgwa_85{padding:0 var(--pharos-spacing-6)}._footer_yxgwa_95{align-items:center;gap:var(--pharos-spacing-3);padding:0 var(--pharos-spacing-6) var(--pharos-spacing-6);display:flex}._root_1v9tz_14{box-sizing:border-box;width:var(--pharos-spacing-5);height:var(--pharos-spacing-5);border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-sm);background-color:var(--pharos-color-base-white);color:var(--pharos-color-base-white);cursor:pointer;transition-property:background-color,border-color,box-shadow;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._root_1v9tz_14:hover:not([data-disabled]):not([data-checked]):not([data-indeterminate]){border-color:var(--pharos-color-neutral-700)}._root_1v9tz_14[data-checked],._root_1v9tz_14[data-indeterminate]{background-color:var(--pharos-color-neutral-900);border-color:var(--pharos-color-neutral-900)}._root_1v9tz_14[aria-invalid=true]{border-color:var(--pharos-color-semantic-error-fg)}._root_1v9tz_14:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._root_1v9tz_14[data-disabled]{cursor:not-allowed;opacity:.5}._indicator_1v9tz_65{color:var(--pharos-color-base-white);justify-content:center;align-items:center;display:inline-flex}._icon_1v9tz_72{width:var(--pharos-spacing-3);height:var(--pharos-spacing-3)}._iconIndeterminate_1v9tz_79,._indicator_1v9tz_65[data-indeterminate] ._iconCheck_1v9tz_83{display:none}._indicator_1v9tz_65[data-indeterminate] ._iconIndeterminate_1v9tz_79{display:block}._control_12m6b_5{box-sizing:border-box;align-items:center;gap:var(--pharos-spacing-2);border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-md);background-color:var(--pharos-color-base-white);width:100%;font-family:var(--pharos-font-family-sans);transition-property:border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);display:flex}._control_12m6b_5:focus-within{border-color:var(--pharos-color-primary-600);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600)}._control_12m6b_5[aria-invalid=true]{border-color:var(--pharos-color-semantic-error-fg)}._control_12m6b_5:has([aria-invalid=true]){border-color:var(--pharos-color-semantic-error-fg)}._control_12m6b_5[data-disabled]{opacity:.5;cursor:not-allowed}._control_12m6b_5:has(._input_12m6b_66:disabled){opacity:.5;cursor:not-allowed}._chips_12m6b_72{gap:var(--pharos-spacing-1);padding:var(--pharos-spacing-1) var(--pharos-spacing-2);flex-wrap:wrap}._input_12m6b_66{appearance:none;min-width:0;color:var(--pharos-color-neutral-900);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-regular);background:0 0;border:none;outline:none;flex:auto;margin:0;line-height:1.25}._input_12m6b_66::placeholder{color:var(--pharos-color-neutral-500);opacity:1}._input_12m6b_66:disabled{cursor:not-allowed}._inputSizeSm_12m6b_110{height:var(--pharos-spacing-8);padding:0 var(--pharos-spacing-3)}._inputSizeMd_12m6b_115{height:var(--pharos-spacing-10);padding:0 var(--pharos-spacing-4)}._inputSizeLg_12m6b_120{height:var(--pharos-spacing-12);padding:0 var(--pharos-spacing-6);font-size:var(--pharos-font-size-base)}._chipsInput_12m6b_128{height:var(--pharos-spacing-7);padding:0 var(--pharos-spacing-1);flex:4rem}._trigger_12m6b_135,._clear_12m6b_136{width:var(--pharos-spacing-6);height:var(--pharos-spacing-6);color:var(--pharos-color-neutral-500);cursor:default;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-end:var(--pharos-spacing-1);padding:0;display:inline-flex}._trigger_12m6b_135 svg,._clear_12m6b_136 svg{width:1rem;height:1rem}._trigger_12m6b_135[data-popup-open] svg{transition:transform var(--pharos-duration-fast) var(--pharos-easing-out);transform:rotate(180deg)}._chip_12m6b_72{align-items:center;gap:var(--pharos-spacing-1);padding:0 var(--pharos-spacing-1) 0 var(--pharos-spacing-2);height:var(--pharos-spacing-6);border-radius:var(--pharos-radius-sm);background-color:var(--pharos-color-neutral-100);color:var(--pharos-color-neutral-900);font-size:var(--pharos-font-size-xs);display:inline-flex}._chip_12m6b_72[data-highlighted]{background-color:var(--pharos-color-neutral-200)}._chipRemove_12m6b_180{width:var(--pharos-spacing-4);height:var(--pharos-spacing-4);border-radius:var(--pharos-radius-sm);color:var(--pharos-color-neutral-500);cursor:default;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._chipRemove_12m6b_180:hover{color:var(--pharos-color-neutral-900)}._trigger_12m6b_135[data-disabled],._clear_12m6b_136[data-disabled],._chipRemove_12m6b_180[data-disabled]{cursor:not-allowed}._chipRemove_12m6b_180[data-disabled]:hover{color:var(--pharos-color-neutral-500)}._chipRemove_12m6b_180 svg{width:.875rem;height:.875rem}._positioner_12m6b_227{z-index:var(--pharos-z-index-popover)}._content_12m6b_217{box-sizing:border-box;width:var(--anchor-width);max-height:var(--available-height);padding:var(--pharos-spacing-1);background-color:var(--pharos-color-base-white);border:1px solid var(--pharos-color-neutral-200);border-radius:var(--pharos-radius-md);box-shadow:var(--pharos-shadow-lg);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transform-origin:var(--transform-origin);transition-property:opacity,transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);outline:none;overflow-y:auto}._content_12m6b_217[data-starting-style],._content_12m6b_217[data-ending-style]{opacity:0;transform:scale(.96)}._item_12m6b_14{align-items:flex-start;gap:var(--pharos-spacing-2);padding:var(--pharos-spacing-2) var(--pharos-spacing-3);border-radius:var(--pharos-radius-sm);color:var(--pharos-color-neutral-900);cursor:default;-webkit-user-select:none;user-select:none;scroll-margin:var(--pharos-spacing-1);outline:none;display:flex;position:relative}._item_12m6b_14[data-highlighted]{background-color:var(--pharos-color-neutral-100)}._item_12m6b_14[data-disabled]{color:var(--pharos-color-neutral-400);pointer-events:none}._itemText_12m6b_14{overflow-wrap:anywhere;white-space:normal;flex:auto;min-width:0}._itemIndicator_12m6b_298{block-size:1lh;color:var(--pharos-color-primary-600);flex:none;justify-content:center;align-items:center;display:inline-flex}._itemIndicator_12m6b_298 svg{width:1rem;height:1rem}._empty_12m6b_322{color:var(--pharos-color-neutral-500);text-align:center}._empty_12m6b_322:not(:empty){padding:var(--pharos-spacing-3)}._label_12m6b_332{padding:var(--pharos-spacing-2) var(--pharos-spacing-3) var(--pharos-spacing-1);font-size:var(--pharos-font-size-xs);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-600)}._separator_12m6b_339{height:1px;margin:var(--pharos-spacing-1) 0;background-color:var(--pharos-color-neutral-200)}@media (pointer:coarse){._input_12m6b_66{font-size:var(--pharos-font-size-base)}}._backdrop_1d4e6_19{z-index:var(--pharos-z-index-modal);background-color:color-mix(in srgb, var(--pharos-color-base-black) 50%, transparent);transition:opacity var(--pharos-duration-normal) var(--pharos-easing-out);position:fixed;inset:0}._backdrop_1d4e6_19[data-starting-style],._backdrop_1d4e6_19[data-ending-style]{opacity:0}._content_1d4e6_33{transform-origin:50%;z-index:var(--pharos-z-index-modal);box-sizing:border-box;width:calc(100% - 2 * var(--pharos-spacing-4));max-width:32rem;max-height:calc(100dvh - 2 * var(--pharos-spacing-6));gap:var(--pharos-spacing-4);padding:var(--pharos-spacing-6);background-color:var(--pharos-color-base-white);border-radius:var(--pharos-radius-lg);box-shadow:var(--pharos-shadow-xl);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transition-property:opacity,transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);outline:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}._content_1d4e6_33[data-starting-style],._content_1d4e6_33[data-ending-style]{opacity:0;transform:translate(-50%,-50%)scale(.96)}._header_1d4e6_76{gap:var(--pharos-spacing-1);flex-direction:column;display:flex}._title_1d4e6_82{font-size:var(--pharos-font-size-lg);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-900);margin:0;line-height:1.4}._description_1d4e6_90{font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-600);margin:0;line-height:1.5}._footer_1d4e6_97{gap:var(--pharos-spacing-2);justify-content:flex-end;margin-top:auto;display:flex}._positioner_e7uyk_9{z-index:var(--pharos-z-index-popover)}._content_e7uyk_4{box-sizing:border-box;min-width:12rem;padding:var(--pharos-spacing-1);background-color:var(--pharos-color-base-white);border:1px solid var(--pharos-color-neutral-200);border-radius:var(--pharos-radius-md);box-shadow:var(--pharos-shadow-lg);font-family:var(--pharos-font-family-sans);color:var(--pharos-color-neutral-900);transform-origin:var(--transform-origin);transition-property:opacity,transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out)}._content_e7uyk_4[data-starting-style],._content_e7uyk_4[data-ending-style]{opacity:0;transform:scale(.96)}._item_e7uyk_5{box-sizing:border-box;align-items:center;gap:var(--pharos-spacing-2);width:100%;padding:var(--pharos-spacing-1-5) var(--pharos-spacing-2);border-radius:var(--pharos-radius-sm);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-medium);color:var(--pharos-color-neutral-700);cursor:default;-webkit-user-select:none;user-select:none;scroll-margin:var(--pharos-spacing-1);transition-property:background-color,color;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);outline:none;line-height:1.25;display:flex}._item_e7uyk_5[data-highlighted]{background-color:var(--pharos-color-neutral-100);color:var(--pharos-color-neutral-900)}._item_e7uyk_5[data-disabled]{color:var(--pharos-color-neutral-500);opacity:.6;pointer-events:none}._item_e7uyk_5>svg{flex-shrink:0;width:1rem;height:1rem}._itemDestructive_e7uyk_113{color:var(--pharos-color-semantic-error-fg)}._itemDestructive_e7uyk_113[data-highlighted]{background-color:var(--pharos-color-semantic-error-bg);color:var(--pharos-color-semantic-error-fg-hover)}._separator_e7uyk_6{height:1px;margin:var(--pharos-spacing-1) calc(var(--pharos-spacing-1) * -1);background-color:var(--pharos-color-neutral-200)}._label_e7uyk_6{padding:var(--pharos-spacing-1-5) var(--pharos-spacing-2);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-500)}._button_m4r6t_14{appearance:none;box-sizing:border-box;border-radius:var(--pharos-radius-full);-webkit-user-select:none;user-select:none;cursor:pointer;color:inherit;font-family:var(--pharos-font-family-sans);transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);background-color:#0000;border:0 solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}._button_m4r6t_14:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--icon-button-focus-ring,var(--pharos-color-primary-600));outline:none}._button_m4r6t_14:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}._button_m4r6t_14[aria-disabled=true]{cursor:not-allowed;opacity:.5}._primary_m4r6t_89{background-color:var(--pharos-color-primary-600);color:var(--pharos-color-base-white);--icon-button-focus-ring:var(--pharos-color-primary-600)}._primary_m4r6t_89:hover:not([aria-disabled=true]){background-color:var(--pharos-color-primary-700)}._primary_m4r6t_89:active:not([aria-disabled=true]){background-color:var(--pharos-color-primary-800)}._secondary_m4r6t_103{background-color:var(--pharos-color-base-white);color:var(--pharos-color-neutral-900);border:1px solid var(--pharos-color-neutral-500);--icon-button-focus-ring:var(--pharos-color-primary-600)}._secondary_m4r6t_103:hover:not([aria-disabled=true]){background-color:var(--pharos-color-neutral-50)}._secondary_m4r6t_103:active:not([aria-disabled=true]){background-color:var(--pharos-color-neutral-100)}._ghost_m4r6t_122{color:var(--pharos-color-neutral-900);--icon-button-focus-ring:var(--pharos-color-primary-600);background-color:#0000}._ghost_m4r6t_122:hover:not([aria-disabled=true]){background-color:var(--pharos-color-neutral-100)}._ghost_m4r6t_122:active:not([aria-disabled=true]){background-color:var(--pharos-color-neutral-200)}._destructive_m4r6t_136{background-color:var(--pharos-color-semantic-error-fg);color:var(--pharos-color-semantic-error-on);--icon-button-focus-ring:var(--pharos-color-semantic-error-fg)}._destructive_m4r6t_136:hover:not([aria-disabled=true]){background-color:var(--pharos-color-semantic-error-fg-hover)}._destructive_m4r6t_136:active:not([aria-disabled=true]){background-color:var(--pharos-color-semantic-error-fg-active)}._sizeSm_m4r6t_165{width:var(--pharos-spacing-8);height:var(--pharos-spacing-8)}._sizeSm_m4r6t_165>svg{width:var(--pharos-spacing-4);height:var(--pharos-spacing-4)}._sizeMd_m4r6t_175{width:var(--pharos-spacing-10);height:var(--pharos-spacing-10)}._sizeMd_m4r6t_175>svg{width:var(--pharos-spacing-5);height:var(--pharos-spacing-5)}._sizeLg_m4r6t_185{width:var(--pharos-spacing-12);height:var(--pharos-spacing-12)}._sizeLg_m4r6t_185>svg{width:var(--pharos-spacing-6);height:var(--pharos-spacing-6)}@keyframes _pharos-spinner-spin_gg970_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_gg970_28{color:currentColor;vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}._icon_gg970_46{width:100%;height:100%;animation:_pharos-spinner-spin_gg970_1 var(--pharos-duration-slow,1s) linear infinite}@media (prefers-reduced-motion:reduce){._icon_gg970_46{animation-duration:4s}}._sizeSm_gg970_69{width:var(--pharos-spacing-4);height:var(--pharos-spacing-4)}._sizeMd_gg970_74{width:var(--pharos-spacing-5);height:var(--pharos-spacing-5)}._sizeLg_gg970_79{width:var(--pharos-spacing-6);height:var(--pharos-spacing-6)}._srOnly_gg970_87{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._input_1ueoc_14{appearance:none;box-sizing:border-box;border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-md);background-color:var(--pharos-color-base-white);width:100%;color:var(--pharos-color-neutral-900);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-regular);transition-property:border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);margin:0;line-height:1.25}._input_1ueoc_14::placeholder{color:var(--pharos-color-neutral-500);opacity:1}._input_1ueoc_14:focus-visible{border-color:var(--pharos-color-primary-600);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._input_1ueoc_14:disabled{cursor:not-allowed;opacity:.5}._input_1ueoc_14[aria-invalid=true]{border-color:var(--pharos-color-semantic-error-fg)}._input_1ueoc_14[aria-invalid=true]:focus-visible{border-color:var(--pharos-color-semantic-error-fg);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-semantic-error-fg)}._sizeSm_1ueoc_97{height:var(--pharos-spacing-8);padding:0 var(--pharos-spacing-3);font-size:var(--pharos-font-size-sm)}._sizeMd_1ueoc_103{height:var(--pharos-spacing-10);padding:0 var(--pharos-spacing-4);font-size:var(--pharos-font-size-sm)}._sizeLg_1ueoc_109{height:var(--pharos-spacing-12);padding:0 var(--pharos-spacing-6);font-size:var(--pharos-font-size-base)}@media (pointer:coarse){._input_1ueoc_14,._sizeSm_1ueoc_97,._sizeMd_1ueoc_103{font-size:var(--pharos-font-size-base)}}._positioner_l8xbr_15{z-index:var(--pharos-z-index-popover)}._content_l8xbr_4{box-sizing:border-box;max-width:20rem;padding:var(--pharos-spacing-4);background-color:var(--pharos-color-base-white);border:1px solid var(--pharos-color-neutral-200);border-radius:var(--pharos-radius-md);box-shadow:var(--pharos-shadow-lg);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transform-origin:var(--transform-origin);transition-property:opacity,transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);outline:none}._content_l8xbr_4[data-starting-style],._content_l8xbr_4[data-ending-style]{opacity:0;transform:scale(.96)}._title_l8xbr_5{font-size:var(--pharos-font-size-base);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-900);margin:0;line-height:1.4}._description_l8xbr_5{margin:var(--pharos-spacing-1) 0 0;font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-600);line-height:1.5}._group_rsllu_18{gap:var(--pharos-spacing-2);flex-direction:column;display:flex}._item_rsllu_24{box-sizing:border-box;width:var(--pharos-spacing-5);height:var(--pharos-spacing-5);border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-full);background-color:var(--pharos-color-base-white);cursor:pointer;transition-property:background-color,border-color,box-shadow;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._item_rsllu_24:hover:not([data-disabled]):not([data-checked]){border-color:var(--pharos-color-neutral-700)}._item_rsllu_24[data-checked]{border-color:var(--pharos-color-neutral-900)}._group_rsllu_18[aria-invalid=true] ._item_rsllu_24{border-color:var(--pharos-color-semantic-error-fg)}._item_rsllu_24:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._item_rsllu_24[data-disabled]{cursor:not-allowed;opacity:.5}._indicator_rsllu_75{width:var(--pharos-spacing-2);height:var(--pharos-spacing-2);border-radius:var(--pharos-radius-full);background-color:var(--pharos-color-neutral-900);display:inline-flex}._trigger_g5qz6_35{appearance:none;box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--pharos-spacing-2);border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-md);background-color:var(--pharos-color-base-white);width:100%;color:var(--pharos-color-neutral-900);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-regular);text-align:start;cursor:default;transition-property:border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);margin:0;line-height:1.25;display:inline-flex}._trigger_g5qz6_35:focus-visible{border-color:var(--pharos-color-primary-600);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._trigger_g5qz6_35:disabled,._trigger_g5qz6_35[data-disabled]{cursor:not-allowed;opacity:.5}._trigger_g5qz6_35[aria-invalid=true]{border-color:var(--pharos-color-semantic-error-fg)}._trigger_g5qz6_35[aria-invalid=true]:focus-visible{border-color:var(--pharos-color-semantic-error-fg);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-semantic-error-fg)}._sizeSm_g5qz6_92{height:var(--pharos-spacing-8);padding:0 var(--pharos-spacing-3);font-size:var(--pharos-font-size-sm)}._sizeMd_g5qz6_98{height:var(--pharos-spacing-10);padding:0 var(--pharos-spacing-4);font-size:var(--pharos-font-size-sm)}._sizeLg_g5qz6_104{height:var(--pharos-spacing-12);padding:0 var(--pharos-spacing-6);font-size:var(--pharos-font-size-base)}._value_g5qz6_113{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}._value_g5qz6_113[data-placeholder]{color:var(--pharos-color-neutral-500)}._icon_g5qz6_127{color:var(--pharos-color-neutral-500);transition:transform var(--pharos-duration-fast) var(--pharos-easing-out);flex:none;justify-content:center;align-items:center;display:inline-flex}._icon_g5qz6_127 svg{width:1rem;height:1rem}._icon_g5qz6_127[data-popup-open]{transform:rotate(180deg)}._positioner_g5qz6_24{z-index:var(--pharos-z-index-popover)}._content_g5qz6_146{box-sizing:border-box;width:var(--anchor-width);max-height:var(--available-height);padding:var(--pharos-spacing-1);background-color:var(--pharos-color-base-white);border:1px solid var(--pharos-color-neutral-200);border-radius:var(--pharos-radius-md);box-shadow:var(--pharos-shadow-lg);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transform-origin:var(--transform-origin);transition-property:opacity,transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);outline:none;overflow-y:auto}._content_g5qz6_146[data-starting-style],._content_g5qz6_146[data-ending-style]{opacity:0;transform:scale(.96)}._item_g5qz6_17{align-items:flex-start;gap:var(--pharos-spacing-2);padding:var(--pharos-spacing-2) var(--pharos-spacing-3);border-radius:var(--pharos-radius-sm);color:var(--pharos-color-neutral-900);cursor:default;-webkit-user-select:none;user-select:none;scroll-margin:var(--pharos-spacing-1);outline:none;display:flex;position:relative}._item_g5qz6_17[data-highlighted]{background-color:var(--pharos-color-neutral-100)}._item_g5qz6_17[data-disabled]{color:var(--pharos-color-neutral-400);pointer-events:none}._itemText_g5qz6_17{overflow-wrap:anywhere;white-space:normal;flex:auto;min-width:0}._itemIndicator_g5qz6_230{block-size:1lh;color:var(--pharos-color-primary-600);flex:none;justify-content:center;align-items:center;display:inline-flex}._itemIndicator_g5qz6_230 svg{width:1rem;height:1rem}._label_g5qz6_246{padding:var(--pharos-spacing-2) var(--pharos-spacing-3) var(--pharos-spacing-1);font-size:var(--pharos-font-size-xs);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-600)}._separator_g5qz6_254{height:1px;margin:var(--pharos-spacing-1) 0;background-color:var(--pharos-color-neutral-200)}._separator_da90p_13{background-color:var(--pharos-color-neutral-200);border:0;flex-shrink:0;margin:0}._horizontal_da90p_29{width:100%;height:1px}._vertical_da90p_34{width:1px;height:100%}._backdrop_1jbnh_17{z-index:var(--pharos-z-index-modal);background-color:color-mix(in srgb, var(--pharos-color-base-black) 50%, transparent);transition:opacity var(--pharos-duration-normal) var(--pharos-easing-out);position:fixed;inset:0}._backdrop_1jbnh_17[data-starting-style],._backdrop_1jbnh_17[data-ending-style]{opacity:0}._content_1jbnh_33{z-index:var(--pharos-z-index-modal);box-sizing:border-box;gap:var(--pharos-spacing-4);padding:var(--pharos-spacing-6);background-color:var(--pharos-color-base-white);box-shadow:var(--pharos-shadow-xl);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transition:transform var(--pharos-duration-normal) var(--pharos-easing-out);outline:none;flex-direction:column;display:flex;position:fixed;overflow-y:auto}._sideRight_1jbnh_56{border-left:1px solid var(--pharos-color-neutral-200);width:min(24rem,100vw);height:100dvh;top:0;bottom:0;right:0}._sideRight_1jbnh_56[data-starting-style],._sideRight_1jbnh_56[data-ending-style]{transform:translate(100%)}._sideLeft_1jbnh_69{border-right:1px solid var(--pharos-color-neutral-200);width:min(24rem,100vw);height:100dvh;top:0;bottom:0;left:0}._sideLeft_1jbnh_69[data-starting-style],._sideLeft_1jbnh_69[data-ending-style]{transform:translate(-100%)}._sideTop_1jbnh_82{border-bottom:1px solid var(--pharos-color-neutral-200);width:100vw;max-height:100dvh;top:0;left:0;right:0}._sideTop_1jbnh_82[data-starting-style],._sideTop_1jbnh_82[data-ending-style]{transform:translateY(-100%)}._sideBottom_1jbnh_95{border-top:1px solid var(--pharos-color-neutral-200);width:100vw;max-height:100dvh;bottom:0;left:0;right:0}._sideBottom_1jbnh_95[data-starting-style],._sideBottom_1jbnh_95[data-ending-style]{transform:translateY(100%)}._header_1jbnh_109{gap:var(--pharos-spacing-1);flex-direction:column;display:flex}._title_1jbnh_115{font-size:var(--pharos-font-size-lg);font-weight:var(--pharos-font-weight-semibold);color:var(--pharos-color-neutral-900);margin:0;line-height:1.4}._description_1jbnh_123{font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-600);margin:0;line-height:1.5}._footer_1jbnh_130{gap:var(--pharos-spacing-2);justify-content:flex-end;margin-top:auto;display:flex}._root_1n9ji_17{box-sizing:border-box;width:var(--pharos-spacing-10);height:var(--pharos-spacing-6);padding:var(--pharos-spacing-1);border-radius:var(--pharos-radius-full);background-color:var(--pharos-color-paper-300);cursor:pointer;transition-property:background-color,box-shadow;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);border:none;flex-shrink:0;align-items:center;display:inline-flex}._root_1n9ji_17:hover:not([data-disabled]):not([data-checked]){background-color:var(--pharos-color-neutral-300)}._root_1n9ji_17[data-checked]{background-color:var(--pharos-color-neutral-900)}._root_1n9ji_17[data-checked]:hover:not([data-disabled]){background-color:var(--pharos-color-neutral-700)}._root_1n9ji_17[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--pharos-color-semantic-error-fg)}._root_1n9ji_17:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._root_1n9ji_17[data-disabled]{cursor:not-allowed;opacity:.5}._thumb_1n9ji_73{box-sizing:border-box;width:var(--pharos-spacing-4);height:var(--pharos-spacing-4);border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-full);background-color:var(--pharos-color-base-white);transition-property:transform;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out)}._root_1n9ji_17[data-checked] ._thumb_1n9ji_73{transform:translateX(var(--pharos-spacing-4))}._textarea_145hb_21{appearance:none;box-sizing:border-box;border:1px solid var(--pharos-color-neutral-500);border-radius:var(--pharos-radius-md);background-color:var(--pharos-color-base-white);width:100%;color:var(--pharos-color-neutral-900);resize:vertical;font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-regular);transition-property:border-color,box-shadow;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);margin:0;line-height:1.5}._textarea_145hb_21::placeholder{color:var(--pharos-color-neutral-500);opacity:1}._textarea_145hb_21:focus-visible{border-color:var(--pharos-color-primary-600);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._textarea_145hb_21:disabled{cursor:not-allowed;opacity:.5;resize:none}._textarea_145hb_21[aria-invalid=true]{border-color:var(--pharos-color-semantic-error-fg)}._textarea_145hb_21[aria-invalid=true]:focus-visible{border-color:var(--pharos-color-semantic-error-fg);box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-semantic-error-fg)}._sizeSm_145hb_113{min-height:var(--pharos-spacing-16);padding:var(--pharos-spacing-2) var(--pharos-spacing-3);font-size:var(--pharos-font-size-sm)}._sizeMd_145hb_119{min-height:var(--pharos-spacing-20);padding:var(--pharos-spacing-2-5) var(--pharos-spacing-4);font-size:var(--pharos-font-size-sm)}._sizeLg_145hb_125{min-height:var(--pharos-spacing-24);padding:var(--pharos-spacing-3) var(--pharos-spacing-6);font-size:var(--pharos-font-size-base)}@media (pointer:coarse){._textarea_145hb_21,._sizeSm_145hb_113,._sizeMd_145hb_119{font-size:var(--pharos-font-size-base)}}._viewport_1l5b5_17{--pharos-toast-edge-gap:var(--pharos-spacing-4);z-index:var(--pharos-z-index-toast);box-sizing:border-box;inline-size:min(22.5rem, calc(100% - 2 * var(--pharos-toast-edge-gap)));gap:var(--pharos-spacing-2);pointer-events:none;outline:none;flex-direction:column;display:flex;position:fixed}._viewport_1l5b5_17[data-pharos-position^=top]{inset-block-start:var(--pharos-toast-offset,var(--pharos-toast-edge-gap))}._viewport_1l5b5_17[data-pharos-position^=bottom]{flex-direction:column-reverse;inset-block-end:var(--pharos-toast-offset,var(--pharos-toast-edge-gap))}._viewport_1l5b5_17[data-pharos-position$=start]{inset-inline-start:var(--pharos-toast-edge-gap)}._viewport_1l5b5_17[data-pharos-position$=end]{inset-inline-end:var(--pharos-toast-edge-gap)}._viewport_1l5b5_17[data-pharos-position$=center]{margin-inline:auto;inset-inline:0}._toast_1l5b5_60{--pharos-toast-enter-shift:calc(-1 * var(--pharos-spacing-4));box-sizing:border-box;pointer-events:auto;background-color:var(--pharos-color-surface-card);border:1px solid var(--pharos-color-border-subtle);border-radius:var(--pharos-radius-lg);box-shadow:var(--pharos-shadow-lg);font-family:var(--pharos-font-family-sans);font-size:var(--pharos-font-size-sm);color:var(--pharos-color-neutral-900);transform:translate(var(--toast-swipe-movement-x,0), var(--toast-swipe-movement-y,0));transition-property:opacity,transform;transition-duration:var(--pharos-duration-normal);transition-timing-function:var(--pharos-easing-out);line-height:1.43}._viewport_1l5b5_17[data-pharos-position^=bottom] ._toast_1l5b5_60{--pharos-toast-enter-shift:var(--pharos-spacing-4)}._toast_1l5b5_60[data-starting-style],._toast_1l5b5_60[data-ending-style]{opacity:0;transform:translateY(var(--pharos-toast-enter-shift))}._toast_1l5b5_60[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x,0) - 100%))}._toast_1l5b5_60[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x,0) + 100%))}._toast_1l5b5_60[data-limited]{opacity:0}._toast_1l5b5_60:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600), var(--pharos-shadow-lg);outline:none}@media (prefers-reduced-motion:reduce){._toast_1l5b5_60,._toast_1l5b5_60[data-starting-style],._toast_1l5b5_60[data-ending-style]{transition-property:opacity;transform:none}}._content_1l5b5_127{align-items:flex-start;gap:var(--pharos-spacing-3);padding-block:var(--pharos-spacing-3);padding-inline:var(--pharos-spacing-4) var(--pharos-spacing-2);display:flex}._icon_1l5b5_136{inline-size:var(--pharos-spacing-5);block-size:var(--pharos-spacing-5);flex-shrink:0}._text_1l5b5_142{gap:var(--pharos-spacing-0-5);overflow-wrap:anywhere;flex-direction:column;flex:1;min-inline-size:0;display:flex}._toast_1l5b5_60[data-pharos-variant=success] ._icon_1l5b5_136{color:var(--pharos-color-semantic-success-fg)}._toast_1l5b5_60[data-pharos-variant=info] ._icon_1l5b5_136{color:var(--pharos-color-semantic-info-fg)}._toast_1l5b5_60[data-pharos-variant=destructive] ._icon_1l5b5_136{color:var(--pharos-color-semantic-error-fg)}._toast_1l5b5_60[data-pharos-variant=warning] ._icon_1l5b5_136{color:var(--pharos-color-semantic-warning-on)}._warningFill_1l5b5_169{fill:var(--pharos-color-semantic-warning-fg);stroke:var(--pharos-color-semantic-warning-fg)}._title_1l5b5_176{font-size:var(--pharos-font-size-sm);line-height:inherit;font-weight:var(--pharos-font-weight-semibold);margin:0}._description_1l5b5_183{font-size:var(--pharos-font-size-sm);line-height:inherit;color:var(--pharos-color-neutral-600);margin:0}._action_1l5b5_190{align-self:flex-start;margin-block-start:var(--pharos-spacing-2)}._close_1l5b5_197{margin-block:calc(-1 * var(--pharos-spacing-1-5)) calc(-1 * var(--pharos-spacing-1-5));flex-shrink:0}._group_zoq3z_13{box-sizing:border-box;align-items:stretch;gap:var(--pharos-spacing-0-5);max-width:100%;padding:var(--pharos-spacing-0-5);border-radius:var(--pharos-radius-full);background-color:var(--pharos-color-paper-200);font-family:var(--pharos-font-family-sans);display:inline-flex}._sizeSm_zoq3z_25{height:var(--pharos-spacing-8)}._sizeMd_zoq3z_29{height:var(--pharos-spacing-10)}._item_zoq3z_33{appearance:none;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--pharos-spacing-1-5);min-width:0;padding:0 var(--pharos-spacing-3);border-radius:var(--pharos-radius-full);color:var(--pharos-color-neutral-600);font:inherit;font-size:var(--pharos-font-size-sm);font-weight:var(--pharos-font-weight-medium);white-space:nowrap;cursor:pointer;transition-property:color,background-color,box-shadow;transition-duration:var(--pharos-duration-fast);transition-timing-function:var(--pharos-easing-out);background:0 0;border:0;flex:auto;margin:0;line-height:1;display:inline-flex}._sizeMd_zoq3z_29 ._item_zoq3z_33{padding:0 var(--pharos-spacing-4)}._item_zoq3z_33>svg{flex:none;width:1em;height:1em}._item_zoq3z_33:hover:not([data-pressed]):not([data-disabled]){color:var(--pharos-color-neutral-900);background-color:var(--pharos-color-paper-300)}._item_zoq3z_33[data-pressed]{color:var(--pharos-color-neutral-900);background-color:var(--pharos-color-base-white);box-shadow:var(--pharos-shadow-sm), 0 0 0 1px var(--pharos-color-paper-300)}._item_zoq3z_33:focus-visible{box-shadow:0 0 0 2px var(--pharos-color-base-white), 0 0 0 4px var(--pharos-color-primary-600);outline:none}._item_zoq3z_33[data-disabled]{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){._item_zoq3z_33{transition:none}}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code-sherpas/pharos-react",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "React component library for Code Sherpas. Consumes @code-sherpas/pharos-tokens. Vite library mode + CSS Modules — no Tailwind, no CSS framework required at the consumer.",
   "license": "MIT",
   "repository": {
@@ -101,6 +101,10 @@
     "./Toast": {
       "types": "./dist/components/Toast.d.ts",
       "import": "./dist/components/Toast.js"
+    },
+    "./ToggleGroup": {
+      "types": "./dist/components/ToggleGroup.d.ts",
+      "import": "./dist/components/ToggleGroup.js"
     }
   },
   "sideEffects": [

package/dist/lib/focusableDisabled.d.ts

@@ -1,17 +0,0 @@
-import { MouseEventHandler } from 'react';
-/**
- * Whether a control is disabled the focusable way: `aria-disabled="true"`
- * rather than the `disabled` attribute (ARIA APG, "Focusability of disabled
- * controls"). The browser blurs a control the moment it gets `disabled`, so a
- * button that turns busy while it has focus would drop a keyboard user on
- * `<body>`; `aria-disabled` keeps it focusable and announced as unavailable.
- */
-export declare function isAriaDisabled(value: unknown): boolean;
-/**
- * Wraps a click handler so a press on an `aria-disabled` control does nothing:
- * the handler is not called and, when the control renders as a link, the
- * navigation is cancelled. Mouse presses never reach it (the CSS sets
- * `pointer-events: none`); this covers Enter and Space from the keyboard.
- */
-export declare function ignorePressWhenAriaDisabled<T extends Element>(ariaDisabled: unknown, onClick: MouseEventHandler<T> | undefined): MouseEventHandler<T> | undefined;
-//# sourceMappingURL=focusableDisabled.d.ts.map

package/dist/lib/focusableDisabled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusableDisabled.d.ts","sourceRoot":"","sources":["../../src/lib/focusableDisabled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE3D;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAEtD;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,OAAO,EAC3D,YAAY,EAAE,OAAO,EACrB,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,GACxC,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,CAKlC"}

package/dist/lib/focusableDisabled.js

@@ -1,13 +0,0 @@
-//#region src/lib/focusableDisabled.ts
-function e(e) {
-	return e === !0 || e === "true";
-}
-function t(t, n) {
-	return e(t) ? function(e) {
-		e.preventDefault();
-	} : n;
-}
-//#endregion
-export { t as ignorePressWhenAriaDisabled };
-
-//# sourceMappingURL=focusableDisabled.js.map

package/dist/lib/focusableDisabled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusableDisabled.js","names":[],"sources":["../../src/lib/focusableDisabled.ts"],"sourcesContent":["import type { MouseEvent, MouseEventHandler } from 'react';\n\n/**\n * Whether a control is disabled the focusable way: `aria-disabled=\"true\"`\n * rather than the `disabled` attribute (ARIA APG, \"Focusability of disabled\n * controls\"). The browser blurs a control the moment it gets `disabled`, so a\n * button that turns busy while it has focus would drop a keyboard user on\n * `<body>`; `aria-disabled` keeps it focusable and announced as unavailable.\n */\nexport function isAriaDisabled(value: unknown): boolean {\n  return value === true || value === 'true';\n}\n\n/**\n * Wraps a click handler so a press on an `aria-disabled` control does nothing:\n * the handler is not called and, when the control renders as a link, the\n * navigation is cancelled. Mouse presses never reach it (the CSS sets\n * `pointer-events: none`); this covers Enter and Space from the keyboard.\n */\nexport function ignorePressWhenAriaDisabled<T extends Element>(\n  ariaDisabled: unknown,\n  onClick: MouseEventHandler<T> | undefined,\n): MouseEventHandler<T> | undefined {\n  if (!isAriaDisabled(ariaDisabled)) return onClick;\n  return function ignorePress(event: MouseEvent<T>) {\n    event.preventDefault();\n  };\n}\n"],"mappings":";AASA,SAAgB,EAAe,GAAyB;CACtD,OAAO,MAAU,MAAQ,MAAU;AACrC;AAQA,SAAgB,EACd,GACA,GACkC;CAElC,OADK,EAAe,CAAY,IACzB,SAAqB,GAAsB;EAChD,EAAM,eAAe;CACvB,IAH0C;AAI5C"}