@dowel-ui/react 0.1.0

package/dist/components/slider/slider.js

@@ -0,0 +1,61 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Slider } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+//#region src/components/slider/slider.tsx
+function Slider$1({ className, value, defaultValue, min = 0, max = 100, thumbLabels, thumbValueTexts, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-valuetext": ariaValueText, ...props }) {
+	const thumbCount = useMemo(() => (value ?? defaultValue ?? [min]).length, [
+		value,
+		defaultValue,
+		min
+	]);
+	useMissingLabelWarning(thumbCount, thumbLabels, ariaLabel, ariaLabelledBy);
+	return /* @__PURE__ */ jsxs(Slider.Root, {
+		"data-slot": "slider",
+		value,
+		defaultValue,
+		min,
+		max,
+		className: cn("relative flex w-full touch-none items-center select-none", "data-[orientation=vertical]:h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", "data-[disabled]:opacity-55", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Slider.Track, {
+			"data-slot": "slider-track",
+			className: cn("relative grow overflow-hidden rounded-full bg-muted", "data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
+			children: /* @__PURE__ */ jsx(Slider.Range, {
+				"data-slot": "slider-range",
+				className: cn("absolute bg-primary", "data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+			})
+		}), Array.from({ length: thumbCount }, (_, index) => /* @__PURE__ */ jsx(Slider.Thumb, {
+			"data-slot": "slider-thumb",
+			"aria-label": thumbLabels?.[index] ?? ariaLabel,
+			"aria-labelledby": thumbLabels?.[index] ? void 0 : ariaLabelledBy,
+			"aria-valuetext": thumbValueTexts?.[index] ?? ariaValueText,
+			className: cn("block size-4 shrink-0 rounded-full border-2 border-primary bg-background shadow-sm", "transition-[box-shadow,transform] duration-[var(--duration-instant)]", "hover:scale-110 disabled:pointer-events-none", focusRing)
+		}, index))]
+	});
+}
+/**
+* Warns, in development only, when a thumb would render without a name.
+*
+* An unnamed slider is invisible on screen and serious for screen reader users,
+* so it is surfaced where it is introduced rather than left for an audit.
+*/
+function useMissingLabelWarning(thumbCount, thumbLabels, ariaLabel, ariaLabelledBy) {
+	useEffect(() => {
+		if (process.env.NODE_ENV === "production") return;
+		const fallbackName = ariaLabel ?? ariaLabelledBy;
+		if (!Array.from({ length: thumbCount }).some((_, index) => !(thumbLabels?.[index] ?? fallbackName))) return;
+		console.warn("[Slider] A thumb has no accessible name. Pass aria-label or aria-labelledby, or thumbLabels to name each thumb of a range slider individually.");
+	}, [
+		thumbCount,
+		thumbLabels,
+		ariaLabel,
+		ariaLabelledBy
+	]);
+}
+//#endregion
+export { Slider$1 as Slider };
+
+//# sourceMappingURL=slider.js.map

package/dist/components/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["Slider","SliderPrimitive"],"sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as SliderPrimitive } from \"radix-ui\";\nimport { useEffect, useMemo, type ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Selects a value, or a range, from a continuous span.\n *\n * Renders one thumb per value, so a range slider is just two values. Sliders\n * are imprecise by nature: if the exact number matters, pair it with a numeric\n * input rather than asking people to land on a pixel.\n */\nexport interface SliderProps extends ComponentPropsWithRef<typeof SliderPrimitive.Root> {\n  /**\n   * Accessible name per thumb, in order.\n   *\n   * A range slider is two independent `role=\"slider\"` controls, and naming both\n   * of them \"Price\" tells a screen reader user nothing about which one they are\n   * on. Give them distinct names — \"Minimum price\", \"Maximum price\".\n   */\n  thumbLabels?: string[];\n  /**\n   * Spoken value per thumb, in order, for values whose raw number is not\n   * meaningful on its own — a price, a duration, a rating.\n   */\n  thumbValueTexts?: string[];\n}\n\nexport function Slider({\n  className,\n  value,\n  defaultValue,\n  min = 0,\n  max = 100,\n  thumbLabels,\n  thumbValueTexts,\n  // Every naming and value-describing attribute has to move to the thumbs for\n  // the same reason: the thumb is the element with role=\"slider\".\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-valuetext\": ariaValueText,\n  ...props\n}: SliderProps) {\n  // One thumb per value. Falling back to a single thumb keeps the bare\n  // <Slider /> case working without forcing a defaultValue.\n  const thumbCount = useMemo(\n    () => (value ?? defaultValue ?? [min]).length,\n    [value, defaultValue, min],\n  );\n\n  // The name has to live on the thumb, because the thumb is the element with\n  // role=\"slider\". Left on the root it names an element with no role, and the\n  // control a screen reader actually lands on is announced unnamed.\n  useMissingLabelWarning(thumbCount, thumbLabels, ariaLabel, ariaLabelledBy);\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      value={value}\n      defaultValue={defaultValue}\n      min={min}\n      max={max}\n      className={cn(\n        \"relative flex w-full touch-none items-center select-none\",\n        \"data-[orientation=vertical]:h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\n        \"data-[disabled]:opacity-55\",\n        className,\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className={cn(\n          \"relative grow overflow-hidden rounded-full bg-muted\",\n          \"data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full\",\n          \"data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5\",\n        )}\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className={cn(\n            \"absolute bg-primary\",\n            \"data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\",\n          )}\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: thumbCount }, (_, index) => (\n        <SliderPrimitive.Thumb\n          key={index}\n          data-slot=\"slider-thumb\"\n          aria-label={thumbLabels?.[index] ?? ariaLabel}\n          aria-labelledby={thumbLabels?.[index] ? undefined : ariaLabelledBy}\n          aria-valuetext={thumbValueTexts?.[index] ?? ariaValueText}\n          className={cn(\n            \"block size-4 shrink-0 rounded-full border-2 border-primary bg-background shadow-sm\",\n            \"transition-[box-shadow,transform] duration-[var(--duration-instant)]\",\n            \"hover:scale-110 disabled:pointer-events-none\",\n            focusRing,\n          )}\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\n/**\n * Warns, in development only, when a thumb would render without a name.\n *\n * An unnamed slider is invisible on screen and serious for screen reader users,\n * so it is surfaced where it is introduced rather than left for an audit.\n */\nfunction useMissingLabelWarning(\n  thumbCount: number,\n  thumbLabels: string[] | undefined,\n  ariaLabel: string | undefined,\n  ariaLabelledBy: string | undefined,\n) {\n  useEffect(() => {\n    if (process.env.NODE_ENV === \"production\") return;\n\n    const fallbackName = ariaLabel ?? ariaLabelledBy;\n    const unnamed = Array.from({ length: thumbCount }).some(\n      (_, index) => !(thumbLabels?.[index] ?? fallbackName),\n    );\n    if (!unnamed) return;\n\n    console.warn(\n      \"[Slider] A thumb has no accessible name. Pass aria-label or aria-labelledby, or \" +\n        \"thumbLabels to name each thumb of a range slider individually.\",\n    );\n  }, [thumbCount, thumbLabels, ariaLabel, ariaLabelledBy]);\n}\n"],"mappings":";;;;;;;AA+BA,SAAgBA,SAAO,EACrB,WACA,OACA,cACA,MAAM,GACN,MAAM,KACN,aACA,iBAGA,cAAc,WACd,mBAAmB,gBACnB,kBAAkB,eAClB,GAAG,SACW;CAGd,MAAM,aAAa,eACV,SAAS,gBAAgB,CAAC,GAAG,EAAA,CAAG,QACvC;EAAC;EAAO;EAAc;CAAG,CAC3B;CAKA,uBAAuB,YAAY,aAAa,WAAW,cAAc;CAEzE,OACE,qBAACC,OAAgB,MAAjB;EACE,aAAU;EACH;EACO;EACT;EACA;EACL,WAAW,GACT,4DACA,4GACA,8BACA,SACF;EACA,GAAI;EAZN,UAAA,CAcE,oBAACA,OAAgB,OAAjB;GACE,aAAU;GACV,WAAW,GACT,uDACA,4EACA,sEACF;GAEA,UAAA,oBAACA,OAAgB,OAAjB;IACE,aAAU;IACV,WAAW,GACT,uBACA,yEACF;GACD,CAAA;EACoB,CAAA,GACtB,MAAM,KAAK,EAAE,QAAQ,WAAW,IAAI,GAAG,UACtC,oBAACA,OAAgB,OAAjB;GAEE,aAAU;GACV,cAAY,cAAc,UAAU;GACpC,mBAAiB,cAAc,SAAS,KAAA,IAAY;GACpD,kBAAgB,kBAAkB,UAAU;GAC5C,WAAW,GACT,sFACA,wEACA,gDACA,SACF;EACD,GAXM,KAWN,CACF,CACmB;;AAE1B;;;;;;;AAQA,SAAS,uBACP,YACA,aACA,WACA,gBACA;CACA,gBAAgB;EACd,IAAI,QAAQ,IAAI,aAAa,cAAc;EAE3C,MAAM,eAAe,aAAa;EAIlC,IAAI,CAHY,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,CAAC,CAAC,MAChD,GAAG,UAAU,EAAE,cAAc,UAAU,aAE/B,GAAG;EAEd,QAAQ,KACN,gJAEF;CACF,GAAG;EAAC;EAAY;EAAa;EAAW;CAAc,CAAC;AACzD"}

package/dist/components/spinner/index.d.ts

@@ -0,0 +1,2 @@
+import { Spinner, SpinnerProps, spinnerVariants } from "./spinner.js";
+export { Spinner, type SpinnerProps, spinnerVariants };

package/dist/components/spinner/index.js

@@ -0,0 +1,2 @@
+import { Spinner, spinnerVariants } from "./spinner.js";
+export { Spinner, spinnerVariants };

package/dist/components/spinner/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/spinner/meta.ts
+const meta = defineMeta({
+	name: "spinner",
+	title: "Spinner",
+	description: "An indeterminate loading indicator for buttons, panels and inline content.",
+	category: "feedback",
+	status: "stable",
+	dependencies: ["class-variance-authority"],
+	registryDependencies: [],
+	files: ["spinner.tsx"],
+	a11y: "Renders aria-hidden by default so it does not announce inside controls that already expose a busy state. Pass `label` to announce it standalone via role=\"status\"."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/spinner/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/spinner/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"spinner\",\n  title: \"Spinner\",\n  description: \"An indeterminate loading indicator for buttons, panels and inline content.\",\n  category: \"feedback\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\"],\n  registryDependencies: [],\n  files: [\"spinner.tsx\"],\n  a11y:\n    \"Renders aria-hidden by default so it does not announce inside controls that already \" +\n    'expose a busy state. Pass `label` to announce it standalone via role=\"status\".',\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,0BAA0B;CACzC,sBAAsB,CAAC;CACvB,OAAO,CAAC,aAAa;CACrB,MACE;AAEJ,CAAC"}

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,21 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/spinner/spinner.d.ts
+declare const spinnerVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SpinnerProps extends Omit<ComponentPropsWithRef<"svg">, "children">, VariantProps<typeof spinnerVariants> {
+  /**
+   * Announced to assistive technology while the spinner is visible.
+   *
+   * Omit it when the spinner sits inside a control that already communicates
+   * its busy state (a loading Button, for example) — announcing twice is worse
+   * than not announcing at all.
+   */
+  label?: string;
+}
+/** Indeterminate loading indicator. */
+declare function Spinner({ className, size, label, ...props }: SpinnerProps): import("react").JSX.Element;
+//#endregion
+export { Spinner, SpinnerProps, spinnerVariants };
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","names":[],"sources":["../../../src/components/spinner/spinner.tsx"],"mappings":";;;cAKM,kBAAe;;6CAanB;UAEe,qBACP,KAAK,2CAA2C,oBAAoB;;;;;;;;EAQ5E;;;iBAIc,UAAU,WAAW,MAAM,UAAU,SAAS,+BAAY,IAAA"}

package/dist/components/spinner/spinner.js

@@ -0,0 +1,45 @@
+import { cn } from "../../lib/utils.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/spinner/spinner.tsx
+const spinnerVariants = cva("animate-spin text-current", {
+	variants: { size: {
+		xs: "size-3",
+		sm: "size-3.5",
+		md: "size-4",
+		lg: "size-5",
+		xl: "size-6"
+	} },
+	defaultVariants: { size: "md" }
+});
+/** Indeterminate loading indicator. */
+function Spinner({ className, size, label, ...props }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		className: cn(spinnerVariants({ size }), className),
+		...props,
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "9.5",
+			stroke: "currentColor",
+			strokeWidth: "2.5",
+			opacity: "0.22"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M12 2.5a9.5 9.5 0 0 1 9.5 9.5",
+			stroke: "currentColor",
+			strokeWidth: "2.5",
+			strokeLinecap: "round"
+		})]
+	}), label ? /* @__PURE__ */ jsx("span", {
+		role: "status",
+		className: "sr-only",
+		children: label
+	}) : null] });
+}
+//#endregion
+export { Spinner, spinnerVariants };
+
+//# sourceMappingURL=spinner.js.map

package/dist/components/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","names":[],"sources":["../../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst spinnerVariants = cva(\"animate-spin text-current\", {\n  variants: {\n    size: {\n      xs: \"size-3\",\n      sm: \"size-3.5\",\n      md: \"size-4\",\n      lg: \"size-5\",\n      xl: \"size-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport interface SpinnerProps\n  extends Omit<ComponentPropsWithRef<\"svg\">, \"children\">, VariantProps<typeof spinnerVariants> {\n  /**\n   * Announced to assistive technology while the spinner is visible.\n   *\n   * Omit it when the spinner sits inside a control that already communicates\n   * its busy state (a loading Button, for example) — announcing twice is worse\n   * than not announcing at all.\n   */\n  label?: string;\n}\n\n/** Indeterminate loading indicator. */\nexport function Spinner({ className, size, label, ...props }: SpinnerProps) {\n  return (\n    <>\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className={cn(spinnerVariants({ size }), className)}\n        {...props}\n      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9.5\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          opacity=\"0.22\"\n        />\n        <path\n          d=\"M12 2.5a9.5 9.5 0 0 1 9.5 9.5\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n      {label ? (\n        <span role=\"status\" className=\"sr-only\">\n          {label}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport { spinnerVariants };\n"],"mappings":";;;;AAKA,MAAM,kBAAkB,IAAI,6BAA6B;CACvD,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;;AAeD,SAAgB,QAAQ,EAAE,WAAW,MAAM,OAAO,GAAG,SAAuB;CAC1E,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,gBAAgB,EAAE,KAAK,CAAC,GAAG,SAAS;EAClD,GAAI;EALN,UAAA,CAOE,oBAAC,UAAD;GACE,IAAG;GACH,IAAG;GACH,GAAE;GACF,QAAO;GACP,aAAY;GACZ,SAAQ;EACT,CAAA,GACD,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACf,CAAA,CACE;CACJ,CAAA,GAAA,QACC,oBAAC,QAAD;EAAM,MAAK;EAAS,WAAU;EAC3B,UAAA;CACG,CAAA,IACJ,IACJ,EAAA,CAAA;AAEN"}

package/dist/components/switch/index.d.ts

@@ -0,0 +1,2 @@
+import { Switch, SwitchProps } from "./switch.js";
+export { Switch, type SwitchProps };

package/dist/components/switch/index.js

@@ -0,0 +1,2 @@
+import { Switch } from "./switch.js";
+export { Switch };

package/dist/components/switch/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/switch/meta.ts
+const meta = defineMeta({
+	name: "switch",
+	title: "Switch",
+	description: "An immediate on/off toggle for settings that apply straight away.",
+	category: "form",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["switch.tsx"],
+	a11y: "Exposed as role=\"switch\" and toggled with Space or Enter. Needs a visible label tied with htmlFor/id. Do not rely on colour alone to show state — position and the label carry it too."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/switch/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/switch/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"switch\",\n  title: \"Switch\",\n  description: \"An immediate on/off toggle for settings that apply straight away.\",\n  category: \"form\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"switch.tsx\"],\n  a11y:\n    'Exposed as role=\"switch\" and toggled with Space or Enter. Needs a visible label tied with ' +\n    \"htmlFor/id. Do not rely on colour alone to show state — position and the label carry it too.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,YAAY;CACpB,MACE;AAEJ,CAAC"}

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,15 @@
+import { Switch } from "radix-ui";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/switch/switch.d.ts
+/**
+ * An immediate on/off toggle.
+ *
+ * Use a Switch when the change takes effect at once, and a Checkbox when it is
+ * staged until the form is submitted. The difference is real to users: a switch
+ * that needs a Save button is a broken promise.
+ */
+type SwitchProps = ComponentPropsWithRef<typeof Switch.Root>;
+declare function Switch$1({ className, ...props }: SwitchProps): import("react").JSX.Element;
+//#endregion
+export { Switch$1 as Switch, SwitchProps };
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../../../src/components/switch/switch.tsx"],"mappings":";;;;;;;;;;KAeY,cAAc,6BAA6B,OAAgB;iBAEvD,WAAS,cAAc,SAAS,8BAAW,IAAA"}

package/dist/components/switch/switch.js

@@ -0,0 +1,21 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Switch } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/switch/switch.tsx
+function Switch$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Switch.Root, {
+		"data-slot": "switch",
+		className: cn("peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent p-0.5", "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quint)]", "bg-input data-[state=checked]:bg-primary", "disabled:cursor-not-allowed disabled:opacity-55", focusRing, className),
+		...props,
+		children: /* @__PURE__ */ jsx(Switch.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("pointer-events-none block size-4 rounded-full bg-background shadow-sm ring-0", "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-out-quint)]", "translate-x-0 data-[state=checked]:translate-x-4")
+		})
+	});
+}
+//#endregion
+export { Switch$1 as Switch };
+
+//# sourceMappingURL=switch.js.map

package/dist/components/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["Switch","SwitchPrimitive"],"sources":["../../../src/components/switch/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as SwitchPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * An immediate on/off toggle.\n *\n * Use a Switch when the change takes effect at once, and a Checkbox when it is\n * staged until the form is submitted. The difference is real to users: a switch\n * that needs a Save button is a broken promise.\n */\nexport type SwitchProps = ComponentPropsWithRef<typeof SwitchPrimitive.Root>;\n\nexport function Switch({ className, ...props }: SwitchProps) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        \"peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent p-0.5\",\n        \"transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quint)]\",\n        \"bg-input data-[state=checked]:bg-primary\",\n        \"disabled:cursor-not-allowed disabled:opacity-55\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          \"pointer-events-none block size-4 rounded-full bg-background shadow-sm ring-0\",\n          \"transition-transform duration-[var(--duration-fast)] ease-[var(--ease-out-quint)]\",\n          \"translate-x-0 data-[state=checked]:translate-x-4\",\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgBA,SAAO,EAAE,WAAW,GAAG,SAAsB;CAC3D,OACE,oBAACC,OAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GACT,+FACA,kFACA,4CACA,mDACA,WACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAACA,OAAgB,OAAjB;GACE,aAAU;GACV,WAAW,GACT,gFACA,qFACA,kDACF;EACD,CAAA;CACmB,CAAA;AAE1B"}

package/dist/components/table/index.d.ts

@@ -0,0 +1,2 @@
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableProps, TableRow } from "./table.js";
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow };

package/dist/components/table/index.js

@@ -0,0 +1,2 @@
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table.js";
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/table/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/table/meta.ts
+const meta = defineMeta({
+	name: "table",
+	title: "Table",
+	description: "Semantic table primitives for tabular data.",
+	category: "data",
+	status: "stable",
+	dependencies: [],
+	registryDependencies: [],
+	files: ["table.tsx"],
+	a11y: "A native table, so row and column position, header association and dimensions are all announced without ARIA. Give it a name with TableCaption or aria-label. The scrolling wrapper is focusable so an overflowing table can be scrolled by keyboard — without that, columns past the edge are unreachable. Use scope=\"row\" on th elements inside tbody."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/table/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/table/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"table\",\n  title: \"Table\",\n  description: \"Semantic table primitives for tabular data.\",\n  category: \"data\",\n  status: \"stable\",\n  dependencies: [],\n  registryDependencies: [],\n  files: [\"table.tsx\"],\n  a11y:\n    \"A native table, so row and column position, header association and dimensions are all \" +\n    \"announced without ARIA. Give it a name with TableCaption or aria-label. The scrolling \" +\n    \"wrapper is focusable so an overflowing table can be scrolled by keyboard — without that, \" +\n    'columns past the edge are unreachable. Use scope=\"row\" on th elements inside tbody.',\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC;CACvB,OAAO,CAAC,WAAW;CACnB,MACE;AAIJ,CAAC"}

package/dist/components/table/table.d.ts

@@ -0,0 +1,41 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/table/table.d.ts
+/**
+ * Semantic table primitives.
+ *
+ * A real `<table>`, not a grid of divs: screen readers announce row and column
+ * position, header association and table dimensions from the native elements,
+ * and none of that can be recovered with ARIA after the fact.
+ *
+ * The wrapper scrolls horizontally and is focusable, because a table that
+ * overflows its container is otherwise unreachable by keyboard.
+ */
+/**
+ * Arbitrary `data-*` attributes.
+ *
+ * TypeScript accepts `data-*` written directly on JSX, but not inside an object
+ * literal typed as HTML attributes — so without this, `containerProps` could not
+ * carry a test id or a styling hook.
+ */
+type DataAttributes = Record<`data-${string}`, string | number | boolean | undefined>;
+interface TableProps extends ComponentPropsWithRef<"table"> {
+  /** Props for the scrolling wrapper around the table. */
+  containerProps?: ComponentPropsWithRef<"div"> & DataAttributes;
+}
+declare function Table({ className, containerProps, ...props }: TableProps): import("react").JSX.Element;
+declare function TableHeader({ className, ...props }: ComponentPropsWithRef<"thead">): import("react").JSX.Element;
+declare function TableBody({ className, ...props }: ComponentPropsWithRef<"tbody">): import("react").JSX.Element;
+declare function TableFooter({ className, ...props }: ComponentPropsWithRef<"tfoot">): import("react").JSX.Element;
+declare function TableRow({ className, ...props }: ComponentPropsWithRef<"tr">): import("react").JSX.Element;
+declare function TableHead({ className, ...props }: ComponentPropsWithRef<"th">): import("react").JSX.Element;
+declare function TableCell({ className, ...props }: ComponentPropsWithRef<"td">): import("react").JSX.Element;
+/**
+ * A caption describing the table.
+ *
+ * Rendered below the table but announced as its accessible name, which is why
+ * it belongs here rather than as a heading above.
+ */
+declare function TableCaption({ className, ...props }: ComponentPropsWithRef<"caption">): import("react").JSX.Element;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableProps, TableRow };
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","names":[],"sources":["../../../src/components/table/table.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;KAqBK,iBAAiB;UAEL,mBAAmB;;EAElC,iBAAiB,+BAA+B;;iBAGlC,QAAQ,WAAW,mBAAmB,SAAS,6BAAU,IAAA;iBAuBzD,cAAc,cAAc,SAAS,iDAA8B,IAAA;iBAUnE,YAAY,cAAc,SAAS,iDAA8B,IAAA;iBAUjE,cAAc,cAAc,SAAS,iDAA8B,IAAA;iBAUnE,WAAW,cAAc,SAAS,8CAA2B,IAAA;iBAc7D,YAAY,cAAc,SAAS,8CAA2B,IAAA;iBAc9D,YAAY,cAAc,SAAS,8CAA2B,IAAA;;;;;;;iBAoB9D,eAAe,cAAc,SAAS,mDAAgC,IAAA"}

package/dist/components/table/table.js

@@ -0,0 +1,78 @@
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/table/table.tsx
+function Table({ className, containerProps, ...props }) {
+	const { className: containerClassName, ...restContainer } = containerProps ?? {};
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		tabIndex: 0,
+		role: "region",
+		"aria-label": props["aria-label"] ?? "Table",
+		className: cn("relative w-full overflow-x-auto", containerClassName),
+		...restContainer,
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom border-collapse text-sm", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b [&_tr]:border-border", className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: cn("border-t border-border bg-muted/40 font-medium", className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("border-b border-border transition-colors duration-[var(--duration-instant)]", "hover:bg-muted/50 data-[state=selected]:bg-accent", className),
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: cn("h-10 px-3 text-left align-middle text-xs font-medium whitespace-nowrap text-muted-foreground", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-0", className),
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("px-3 py-2.5 align-middle", "[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-0", className),
+		...props
+	});
+}
+/**
+* A caption describing the table.
+*
+* Rendered below the table but announced as its accessible name, which is why
+* it belongs here rather than as a heading above.
+*/
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: cn("mt-4 text-sm text-muted-foreground", className),
+		...props
+	});
+}
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+
+//# sourceMappingURL=table.js.map

package/dist/components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Semantic table primitives.\n *\n * A real `<table>`, not a grid of divs: screen readers announce row and column\n * position, header association and table dimensions from the native elements,\n * and none of that can be recovered with ARIA after the fact.\n *\n * The wrapper scrolls horizontally and is focusable, because a table that\n * overflows its container is otherwise unreachable by keyboard.\n */\n/**\n * Arbitrary `data-*` attributes.\n *\n * TypeScript accepts `data-*` written directly on JSX, but not inside an object\n * literal typed as HTML attributes — so without this, `containerProps` could not\n * carry a test id or a styling hook.\n */\ntype DataAttributes = Record<`data-${string}`, string | number | boolean | undefined>;\n\nexport interface TableProps extends ComponentPropsWithRef<\"table\"> {\n  /** Props for the scrolling wrapper around the table. */\n  containerProps?: ComponentPropsWithRef<\"div\"> & DataAttributes;\n}\n\nexport function Table({ className, containerProps, ...props }: TableProps) {\n  const { className: containerClassName, ...restContainer } = containerProps ?? {};\n\n  return (\n    <div\n      data-slot=\"table-container\"\n      // tabIndex 0 with a role and label makes an overflowing table scrollable\n      // by keyboard. Without it, the columns past the edge are unreachable.\n      tabIndex={0}\n      role=\"region\"\n      aria-label={props[\"aria-label\"] ?? \"Table\"}\n      className={cn(\"relative w-full overflow-x-auto\", containerClassName)}\n      {...restContainer}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom border-collapse text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nexport function TableHeader({ className, ...props }: ComponentPropsWithRef<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b [&_tr]:border-border\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableBody({ className, ...props }: ComponentPropsWithRef<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableFooter({ className, ...props }: ComponentPropsWithRef<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\"border-t border-border bg-muted/40 font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableRow({ className, ...props }: ComponentPropsWithRef<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"border-b border-border transition-colors duration-[var(--duration-instant)]\",\n        \"hover:bg-muted/50 data-[state=selected]:bg-accent\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TableHead({ className, ...props }: ComponentPropsWithRef<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-10 px-3 text-left align-middle text-xs font-medium whitespace-nowrap text-muted-foreground\",\n        \"[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TableCell({ className, ...props }: ComponentPropsWithRef<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"px-3 py-2.5 align-middle\",\n        \"[&:has([role=checkbox])]:w-px [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A caption describing the table.\n *\n * Rendered below the table but announced as its accessible name, which is why\n * it belongs here rather than as a heading above.\n */\nexport function TableCaption({ className, ...props }: ComponentPropsWithRef<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;AA4BA,SAAgB,MAAM,EAAE,WAAW,gBAAgB,GAAG,SAAqB;CACzE,MAAM,EAAE,WAAW,oBAAoB,GAAG,kBAAkB,kBAAkB,CAAC;CAE/E,OACE,oBAAC,OAAD;EACE,aAAU;EAGV,UAAU;EACV,MAAK;EACL,cAAY,MAAM,iBAAiB;EACnC,WAAW,GAAG,mCAAmC,kBAAkB;EACnE,GAAI;EAEJ,UAAA,oBAAC,SAAD;GACE,aAAU;GACV,WAAW,GAAG,iDAAiD,SAAS;GACxE,GAAI;EACL,CAAA;CACE,CAAA;AAET;AAEA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAyC;CACnF,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAyC;CACjF,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,8BAA8B,SAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAyC;CACnF,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,kDAAkD,SAAS;EACzE,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,SAAS,EAAE,WAAW,GAAG,SAAsC;CAC7E,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,+EACA,qDACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAsC;CAC9E,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,gGACA,+DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAsC;CAC9E,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,4BACA,+DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;;;;;;AAQA,SAAgB,aAAa,EAAE,WAAW,GAAG,SAA2C;CACtF,OACE,oBAAC,WAAD;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL"}

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+import { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, tabsListVariants, tabsTriggerVariants } from "./tabs.js";
+export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, tabsListVariants, tabsTriggerVariants };

package/dist/components/tabs/index.js

@@ -0,0 +1,2 @@
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./tabs.js";
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };

package/dist/components/tabs/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/tabs/meta.ts
+const meta = defineMeta({
+	name: "tabs",
+	title: "Tabs",
+	description: "Switches between panels of related content.",
+	category: "navigation",
+	status: "stable",
+	dependencies: ["class-variance-authority", "radix-ui"],
+	registryDependencies: [],
+	files: ["tabs.tsx"],
+	a11y: "Implements the ARIA tabs pattern: arrows move between tabs, Home/End jump to the ends, and only the active tab is in the tab sequence. Panels are focusable so keyboard users reach their content directly. Use activationMode=\"manual\" when showing a panel is expensive, so arrowing past it does not load it."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/tabs/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/tabs/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"tabs\",\n  title: \"Tabs\",\n  description: \"Switches between panels of related content.\",\n  category: \"navigation\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\", \"radix-ui\"],\n  registryDependencies: [],\n  files: [\"tabs.tsx\"],\n  a11y:\n    \"Implements the ARIA tabs pattern: arrows move between tabs, Home/End jump to the ends, \" +\n    \"and only the active tab is in the tab sequence. Panels are focusable so keyboard users \" +\n    'reach their content directly. Use activationMode=\"manual\" when showing a panel is ' +\n    \"expensive, so arrowing past it does not load it.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,4BAA4B,UAAU;CACrD,sBAAsB,CAAC;CACvB,OAAO,CAAC,UAAU;CAClB,MACE;AAIJ,CAAC"}

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,28 @@
+import { Tabs } from "radix-ui";
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/tabs/tabs.d.ts
+/**
+ * Switches between panels of related content.
+ *
+ * Tabs are for alternate views of the same subject, not for steps in a process
+ * — a user can leave a tab and come back with nothing lost. Activation is
+ * automatic on arrow keys by default; pass `activationMode="manual"` when
+ * revealing a panel is expensive.
+ */
+declare const Tabs$1: import("react").ForwardRefExoticComponent<Tabs.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const tabsListVariants: (props?: ({
+  variant?: "solid" | "underline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+  variant?: "solid" | "underline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface TabsListProps extends ComponentPropsWithRef<typeof Tabs.List>, VariantProps<typeof tabsListVariants> {}
+declare function TabsList({ className, variant, ...props }: TabsListProps): import("react").JSX.Element;
+interface TabsTriggerProps extends ComponentPropsWithRef<typeof Tabs.Trigger>, VariantProps<typeof tabsTriggerVariants> {}
+declare function TabsTrigger({ className, variant, ...props }: TabsTriggerProps): import("react").JSX.Element;
+type TabsContentProps = ComponentPropsWithRef<typeof Tabs.Content>;
+declare function TabsContent({ className, ...props }: TabsContentProps): import("react").JSX.Element;
+//#endregion
+export { Tabs$1 as Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, tabsListVariants, tabsTriggerVariants };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../../src/components/tabs/tabs.tsx"],"mappings":";;;;;;;;;;;;cAiBa,wBAAI,0BAAA,KAAA,4BAAA,cAAA;cAEX,mBAAgB;;6CAYpB;cAEI,sBAAmB;;6CA2BxB;UAEgB,sBAEb,6BAA6B,KAAc,OAC3C,oBAAoB;iBAER,WAAW,WAAW,YAAY,SAAS,gCAAa,IAAA;UAWvD,yBAEb,6BAA6B,KAAc,UAC3C,oBAAoB;iBAER,cAAc,WAAW,YAAY,SAAS,mCAAgB,IAAA;KAUlE,mBAAmB,6BAA6B,KAAc;iBAE1D,cAAc,cAAc,SAAS,mCAAgB,IAAA"}

package/dist/components/tabs/tabs.js

@@ -0,0 +1,58 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Tabs } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/tabs/tabs.tsx
+/**
+* Switches between panels of related content.
+*
+* Tabs are for alternate views of the same subject, not for steps in a process
+* — a user can leave a tab and come back with nothing lost. Activation is
+* automatic on arrow keys by default; pass `activationMode="manual"` when
+* revealing a panel is expensive.
+*/
+const Tabs$1 = Tabs.Root;
+const tabsListVariants = cva("inline-flex items-center", {
+	variants: { variant: {
+		/** Pill track. Reads as a segmented control. */
+		solid: "gap-1 rounded-lg bg-muted p-1",
+		/** Underlined. Reads as page-level navigation between views. */
+		underline: "gap-4 border-b border-border"
+	} },
+	defaultVariants: { variant: "solid" }
+});
+const tabsTriggerVariants = cva(cn("inline-flex items-center justify-center gap-2 text-sm font-medium whitespace-nowrap", "transition-colors duration-[var(--duration-fast)]", "disabled:pointer-events-none disabled:opacity-55", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", focusRing), {
+	variants: { variant: {
+		solid: cn("h-7 rounded-md px-3 text-muted-foreground", "hover:text-foreground", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs"),
+		underline: cn("-mb-px h-9 border-b-2 border-transparent px-0.5 text-muted-foreground", "hover:text-foreground", "data-[state=active]:border-primary data-[state=active]:text-foreground")
+	} },
+	defaultVariants: { variant: "solid" }
+});
+function TabsList({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		"data-slot": "tabs-list",
+		"data-variant": variant ?? "solid",
+		className: cn(tabsListVariants({ variant }), className),
+		...props
+	});
+}
+function TabsTrigger({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn(tabsTriggerVariants({ variant }), className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Content, {
+		"data-slot": "tabs-content",
+		className: cn("mt-4 outline-none", focusRing, className),
+		...props
+	});
+}
+//#endregion
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };
+
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["Tabs","TabsPrimitive"],"sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Switches between panels of related content.\n *\n * Tabs are for alternate views of the same subject, not for steps in a process\n * — a user can leave a tab and come back with nothing lost. Activation is\n * automatic on arrow keys by default; pass `activationMode=\"manual\"` when\n * revealing a panel is expensive.\n */\nexport const Tabs = TabsPrimitive.Root;\n\nconst tabsListVariants = cva(\"inline-flex items-center\", {\n  variants: {\n    variant: {\n      /** Pill track. Reads as a segmented control. */\n      solid: \"gap-1 rounded-lg bg-muted p-1\",\n      /** Underlined. Reads as page-level navigation between views. */\n      underline: \"gap-4 border-b border-border\",\n    },\n  },\n  defaultVariants: {\n    variant: \"solid\",\n  },\n});\n\nconst tabsTriggerVariants = cva(\n  cn(\n    \"inline-flex items-center justify-center gap-2 text-sm font-medium whitespace-nowrap\",\n    \"transition-colors duration-[var(--duration-fast)]\",\n    \"disabled:pointer-events-none disabled:opacity-55\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    focusRing,\n  ),\n  {\n    variants: {\n      variant: {\n        solid: cn(\n          \"h-7 rounded-md px-3 text-muted-foreground\",\n          \"hover:text-foreground\",\n          \"data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs\",\n        ),\n        underline: cn(\n          \"-mb-px h-9 border-b-2 border-transparent px-0.5 text-muted-foreground\",\n          \"hover:text-foreground\",\n          \"data-[state=active]:border-primary data-[state=active]:text-foreground\",\n        ),\n      },\n    },\n    defaultVariants: {\n      variant: \"solid\",\n    },\n  },\n);\n\nexport interface TabsListProps\n  extends\n    ComponentPropsWithRef<typeof TabsPrimitive.List>,\n    VariantProps<typeof tabsListVariants> {}\n\nexport function TabsList({ className, variant, ...props }: TabsListProps) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant ?? \"solid\"}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport interface TabsTriggerProps\n  extends\n    ComponentPropsWithRef<typeof TabsPrimitive.Trigger>,\n    VariantProps<typeof tabsTriggerVariants> {}\n\nexport function TabsTrigger({ className, variant, ...props }: TabsTriggerProps) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(tabsTriggerVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport type TabsContentProps = ComponentPropsWithRef<typeof TabsPrimitive.Content>;\n\nexport function TabsContent({ className, ...props }: TabsContentProps) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"mt-4 outline-none\", focusRing, className)}\n      {...props}\n    />\n  );\n}\n\nexport { tabsListVariants, tabsTriggerVariants };\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAaA,SAAOC,KAAc;AAElC,MAAM,mBAAmB,IAAI,4BAA4B;CACvD,UAAU,EACR,SAAS;;EAEP,OAAO;;EAEP,WAAW;CACb,EACF;CACA,iBAAiB,EACf,SAAS,QACX;AACF,CAAC;AAED,MAAM,sBAAsB,IAC1B,GACE,uFACA,qDACA,oDACA,qFACA,SACF,GACA;CACE,UAAU,EACR,SAAS;EACP,OAAO,GACL,6CACA,yBACA,qGACF;EACA,WAAW,GACT,yEACA,yBACA,wEACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,QACX;AACF,CACF;AAOA,SAAgB,SAAS,EAAE,WAAW,SAAS,GAAG,SAAwB;CACxE,OACE,oBAACA,KAAc,MAAf;EACE,aAAU;EACV,gBAAc,WAAW;EACzB,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAOA,SAAgB,YAAY,EAAE,WAAW,SAAS,GAAG,SAA2B;CAC9E,OACE,oBAACA,KAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,oBAAoB,EAAE,QAAQ,CAAC,GAAG,SAAS;EACzD,GAAI;CACL,CAAA;AAEL;AAIA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAA2B;CACrE,OACE,oBAACA,KAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,qBAAqB,WAAW,SAAS;EACvD,GAAI;CACL,CAAA;AAEL"}

package/dist/components/toast/index.d.ts

@@ -0,0 +1,3 @@
+import { Toast, ToastAction, ToastClose, ToastDescription, ToastPosition, ToastProps, ToastProvider, ToastTitle, Toaster, ToasterProps, toastVariants } from "./toast.js";
+import { DEFAULT_TOAST_DURATION, TOAST_LIMIT, ToastAction as ToastAction$1, ToastOptions, ToastPromiseMessages, ToastRecord, ToastVariant, toast, useToasts } from "./toast-store.js";
+export { DEFAULT_TOAST_DURATION, TOAST_LIMIT, Toast, ToastAction, type ToastAction$1 as ToastActionOptions, ToastClose, ToastDescription, type ToastOptions, type ToastPosition, type ToastPromiseMessages, type ToastProps, ToastProvider, type ToastRecord, ToastTitle, type ToastVariant, Toaster, type ToasterProps, toast, toastVariants, useToasts };

package/dist/components/toast/index.js

@@ -0,0 +1,3 @@
+import { DEFAULT_TOAST_DURATION, TOAST_LIMIT, toast, useToasts } from "./toast-store.js";
+import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, Toaster, toastVariants } from "./toast.js";
+export { DEFAULT_TOAST_DURATION, TOAST_LIMIT, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, Toaster, toast, toastVariants, useToasts };

package/dist/components/toast/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/toast/meta.ts
+const meta = defineMeta({
+	name: "toast",
+	title: "Toast",
+	description: "Brief, non-blocking messages with an imperative API callable from anywhere.",
+	category: "feedback",
+	status: "stable",
+	dependencies: ["class-variance-authority", "radix-ui"],
+	registryDependencies: [],
+	files: ["toast-store.ts", "toast.tsx"],
+	a11y: "Toasts are announced through a live region: destructive and warning variants interrupt (foreground), the rest wait for a pause (background). Auto-dismiss timers pause on hover, focus and window blur, and F8 moves focus into the toast list from anywhere. An action must carry altText describing how to do the same thing without the toast, since it may be gone before a screen reader user reaches it."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/toast/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/toast/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"toast\",\n  title: \"Toast\",\n  description: \"Brief, non-blocking messages with an imperative API callable from anywhere.\",\n  category: \"feedback\",\n  status: \"stable\",\n  dependencies: [\"class-variance-authority\", \"radix-ui\"],\n  registryDependencies: [],\n  files: [\"toast-store.ts\", \"toast.tsx\"],\n  a11y:\n    \"Toasts are announced through a live region: destructive and warning variants interrupt \" +\n    \"(foreground), the rest wait for a pause (background). Auto-dismiss timers pause on hover, \" +\n    \"focus and window blur, and F8 moves focus into the toast list from anywhere. An action \" +\n    \"must carry altText describing how to do the same thing without the toast, since it may \" +\n    \"be gone before a screen reader user reaches it.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,4BAA4B,UAAU;CACrD,sBAAsB,CAAC;CACvB,OAAO,CAAC,kBAAkB,WAAW;CACrC,MACE;AAKJ,CAAC"}