@openrails/contentkit-ui 0.0.0-placeholder → 0.68.0

package/dist/ui/select.d.ts

@@ -0,0 +1,15 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+import * as React from "react";
+declare const Select: typeof SelectPrimitive.Root;
+declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): React.JSX.Element;
+declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: SelectPrimitive.Trigger.Props & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/ui/select.js

@@ -0,0 +1,98 @@
+"use client";
+import { useScopeProps as e } from "../scope.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { cn as r } from "cn";
+import { ArrowDown01Icon as i, ArrowUp01Icon as a, Tick02Icon as o, UnfoldMoreIcon as s } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as c } from "@hugeicons/react";
+import { Select as l } from "@base-ui/react/select";
+//#region src/ui/select.tsx
+var u = l.Root;
+function d({ className: e, ...n }) {
+	return /* @__PURE__ */ t(l.Value, {
+		"data-slot": "select-value",
+		className: r("flex flex-1 text-left", e),
+		...n
+	});
+}
+function f({ className: e, size: i = "default", children: a, ...o }) {
+	return /* @__PURE__ */ n(l.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": i,
+		className: r("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", e),
+		...o,
+		children: [a, /* @__PURE__ */ t(l.Icon, { render: /* @__PURE__ */ t(c, {
+			icon: s,
+			strokeWidth: 2,
+			className: "pointer-events-none size-4 text-muted-foreground"
+		}) })]
+	});
+}
+function p({ className: i, children: a, side: o = "bottom", sideOffset: s = 4, align: c = "center", alignOffset: u = 0, alignItemWithTrigger: d = !0, ...f }) {
+	return /* @__PURE__ */ t(l.Portal, {
+		...e(),
+		children: /* @__PURE__ */ t(l.Positioner, {
+			side: o,
+			sideOffset: s,
+			align: c,
+			alignOffset: u,
+			alignItemWithTrigger: d,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ n(l.Popup, {
+				"data-slot": "select-content",
+				"data-align-trigger": d,
+				className: r("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", i),
+				...f,
+				children: [
+					/* @__PURE__ */ t(h, {}),
+					/* @__PURE__ */ t(l.List, { children: a }),
+					/* @__PURE__ */ t(g, {})
+				]
+			})
+		})
+	});
+}
+function m({ className: e, children: i, ...a }) {
+	return /* @__PURE__ */ n(l.Item, {
+		"data-slot": "select-item",
+		className: r("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", e),
+		...a,
+		children: [/* @__PURE__ */ t(l.ItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children: i
+		}), /* @__PURE__ */ t(l.ItemIndicator, {
+			render: /* @__PURE__ */ t("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ t(c, {
+				icon: o,
+				strokeWidth: 2,
+				className: "pointer-events-none"
+			})
+		})]
+	});
+}
+function h({ className: e, ...n }) {
+	return /* @__PURE__ */ t(l.ScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: r("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", e),
+		...n,
+		children: /* @__PURE__ */ t(c, {
+			icon: a,
+			strokeWidth: 2
+		})
+	});
+}
+function g({ className: e, ...n }) {
+	return /* @__PURE__ */ t(l.ScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: r("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", e),
+		...n,
+		children: /* @__PURE__ */ t(c, {
+			icon: i,
+			strokeWidth: 2
+		})
+	});
+}
+//#endregion
+export { u as Select, p as SelectContent, m as SelectItem, g as SelectScrollDownButton, h as SelectScrollUpButton, f as SelectTrigger, d as SelectValue };
+
+//# sourceMappingURL=select.js.map

package/dist/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":[],"sources":["../../src/ui/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\nimport { cn } from \"cn\"\n\nimport { useScopeProps } from \"#ckui/scope\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { UnfoldMoreIcon, Tick02Icon, ArrowUp01Icon, ArrowDown01Icon } from \"@hugeicons/core-free-icons\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <HugeiconsIcon icon={UnfoldMoreIcon} strokeWidth={2} className=\"pointer-events-none size-4 text-muted-foreground\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal {...useScopeProps()} /* Local: the portal carries the `.ckui` scope. */>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"px-2 py-1.5 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <HugeiconsIcon icon={Tick02Icon} strokeWidth={2} className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"pointer-events-none -mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowUp01Icon} strokeWidth={2} />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowDown01Icon} strokeWidth={2} />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAS,EAAgB;AAY/B,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EAAG,yBAAyB,CAAS;EAChD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EACrB,cACA,UAAO,WACP,aACA,GAAG,KAGF;CACD,OACE,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,6zBACA,CACF;EACA,GAAI;EAPN,UAAA,CASG,GACD,kBAAC,EAAgB,MAAjB,EACE,QACE,kBAAC,GAAD;GAAe,MAAM;GAAgB,aAAa;GAAG,WAAU;EAAoD,CAAA,EAEtH,CAAA,CACsB;;AAE7B;AAEA,SAAS,EAAc,EACrB,cACA,aACA,UAAO,UACP,gBAAa,GACb,WAAQ,UACR,iBAAc,GACd,0BAAuB,IACvB,GAAG,KAKA;CACH,OACE,kBAAC,EAAgB,QAAjB;EAAwB,GAAI,EAAc;EACxC,UAAA,kBAAC,EAAgB,YAAjB;GACQ;GACM;GACL;GACM;GACS;GACtB,WAAU;GAEV,UAAA,kBAAC,EAAgB,OAAjB;IACE,aAAU;IACV,sBAAoB;IACpB,WAAW,EAAG,gpBAAgpB,CAAU;IACxqB,GAAI;IAJN,UAAA;KAME,kBAAC,GAAD,CAAuB,CAAA;KACvB,kBAAC,EAAgB,MAAjB,EAAuB,YAA+B,CAAA;KACtD,kBAAC,GAAD,CAAyB,CAAA;IACJ;;EACG,CAAA;CACN,CAAA;AAE5B;AAeA,SAAS,EAAW,EAClB,cACA,aACA,GAAG,KAC0B;CAC7B,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,obACA,CACF;EACA,GAAI;EANN,UAAA,CAQE,kBAAC,EAAgB,UAAjB;GAA0B,WAAU;GACjC;EACuB,CAAA,GAC1B,kBAAC,EAAgB,eAAjB;GACE,QACE,kBAAC,QAAD,EAAM,WAAU,+EAAgF,CAAA;GAGlG,UAAA,kBAAC,GAAD;IAAe,MAAM;IAAY,aAAa;IAAG,WAAU;GAAuB,CAAA;EACrD,CAAA,CACX;;AAE1B;AAeA,SAAS,EAAqB,EAC5B,cACA,GAAG,KAC0D;CAC7D,OACE,kBAAC,EAAgB,eAAjB;EACE,aAAU;EACV,WAAW,EACT,0HACA,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,GAAD;GAAe,MAAM;GAAe,aAAa;EAAI,CAAA;CACxB,CAAA;AAEnC;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC4D;CAC/D,OACE,kBAAC,EAAgB,iBAAjB;EACE,aAAU;EACV,WAAW,EACT,6HACA,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,GAAD;GAAe,MAAM;GAAiB,aAAa;EAAI,CAAA;CACxB,CAAA;AAErC"}

package/dist/ui/skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import('react').JSX.Element;
+export { Skeleton };

package/dist/ui/skeleton.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "cn";
+//#region src/ui/skeleton.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		"data-slot": "skeleton",
+		className: t("animate-pulse rounded-md bg-muted", n),
+		...r
+	});
+}
+//#endregion
+export { n as Skeleton };
+
+//# sourceMappingURL=skeleton.js.map

package/dist/ui/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../src/ui/skeleton.tsx"],"sourcesContent":["import { cn } from \"cn\"\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"animate-pulse rounded-md bg-muted\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"mappings":";;;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAsC;CACtE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,qCAAqC,CAAS;EAC5D,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/slider.d.ts

@@ -0,0 +1,3 @@
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+declare function Slider({ className, defaultValue, value, min, max, ...props }: SliderPrimitive.Root.Props): import('react').JSX.Element;
+export { Slider };

package/dist/ui/slider.js

@@ -0,0 +1,35 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { cn as n } from "cn";
+import { Slider as r } from "@base-ui/react/slider";
+//#region src/ui/slider.tsx
+function i({ className: i, defaultValue: a, value: o, min: s = 0, max: c = 100, ...l }) {
+	let u = Array.isArray(o) ? o : Array.isArray(a) ? a : [s, c];
+	return /* @__PURE__ */ e(r.Root, {
+		className: n("data-horizontal:w-full data-vertical:h-full", i),
+		"data-slot": "slider",
+		defaultValue: a,
+		value: o,
+		min: s,
+		max: c,
+		thumbAlignment: "edge",
+		...l,
+		children: /* @__PURE__ */ t(r.Control, {
+			className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
+			children: [/* @__PURE__ */ e(r.Track, {
+				"data-slot": "slider-track",
+				className: "relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1.5 data-horizontal:w-full data-vertical:h-full data-vertical:w-1.5",
+				children: /* @__PURE__ */ e(r.Indicator, {
+					"data-slot": "slider-range",
+					className: "bg-primary select-none data-horizontal:h-full data-vertical:w-full"
+				})
+			}), Array.from({ length: u.length }, (t, n) => /* @__PURE__ */ e(r.Thumb, {
+				"data-slot": "slider-thumb",
+				className: "block size-4 shrink-0 rounded-full border border-primary bg-white shadow-sm ring-ring/50 transition-[color,box-shadow] select-none hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+			}, n))]
+		})
+	});
+}
+//#endregion
+export { i as Slider };
+
+//# sourceMappingURL=slider.js.map

package/dist/ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":[],"sources":["../../src/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\nimport { cn } from \"cn\"\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: SliderPrimitive.Root.Props) {\n  const _values = Array.isArray(value)\n    ? value\n    : Array.isArray(defaultValue)\n      ? defaultValue\n      : [min, max]\n\n  return (\n    <SliderPrimitive.Root\n      className={cn(\"data-horizontal:w-full data-vertical:h-full\", className)}\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      thumbAlignment=\"edge\"\n      {...props}\n    >\n      <SliderPrimitive.Control className=\"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\">\n        <SliderPrimitive.Track\n          data-slot=\"slider-track\"\n          className=\"relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1.5 data-horizontal:w-full data-vertical:h-full data-vertical:w-1.5\"\n        >\n          <SliderPrimitive.Indicator\n            data-slot=\"slider-range\"\n            className=\"bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n          />\n        </SliderPrimitive.Track>\n        {Array.from({ length: _values.length }, (_, index) => (\n          <SliderPrimitive.Thumb\n            data-slot=\"slider-thumb\"\n            key={index}\n            className=\"block size-4 shrink-0 rounded-full border border-primary bg-white shadow-sm ring-ring/50 transition-[color,box-shadow] select-none hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n          />\n        ))}\n      </SliderPrimitive.Control>\n    </SliderPrimitive.Root>\n  )\n}\n\nexport { Slider }\n"],"mappings":";;;;AAGA,SAAS,EAAO,EACd,cACA,iBACA,UACA,SAAM,GACN,SAAM,KACN,GAAG,KAC0B;CAC7B,IAAM,IAAU,MAAM,QAAQ,CAAK,IAC/B,IACA,MAAM,QAAQ,CAAY,IACxB,IACA,CAAC,GAAK,CAAG;CAEf,OACE,kBAAC,EAAgB,MAAjB;EACE,WAAW,EAAG,+CAA+C,CAAS;EACtE,aAAU;EACI;EACP;EACF;EACA;EACL,gBAAe;EACf,GAAI;EAEJ,UAAA,kBAAC,EAAgB,SAAjB;GAAyB,WAAU;GAAnC,UAAA,CACE,kBAAC,EAAgB,OAAjB;IACE,aAAU;IACV,WAAU;IAEV,UAAA,kBAAC,EAAgB,WAAjB;KACE,aAAU;KACV,WAAU;IACX,CAAA;GACoB,CAAA,GACtB,MAAM,KAAK,EAAE,QAAQ,EAAQ,OAAO,IAAI,GAAG,MAC1C,kBAAC,EAAgB,OAAjB;IACE,aAAU;IAEV,WAAU;GACX,GAFM,CAEN,CACF,CACsB;;CACL,CAAA;AAE1B"}

package/dist/ui/switch.d.ts

@@ -0,0 +1,5 @@
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+declare function Switch({ className, size, ...props }: SwitchPrimitive.Root.Props & {
+    size?: "sm" | "default";
+}): import('react').JSX.Element;
+export { Switch };

package/dist/ui/switch.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "cn";
+import { Switch as n } from "@base-ui/react/switch";
+//#region src/ui/switch.tsx
+function r({ className: r, size: i = "default", ...a }) {
+	return /* @__PURE__ */ e(n.Root, {
+		"data-slot": "switch",
+		"data-size": i,
+		className: t("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50", r),
+		...a,
+		children: /* @__PURE__ */ e(n.Thumb, {
+			"data-slot": "switch-thumb",
+			className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+		})
+	});
+}
+//#endregion
+export { r as Switch };
+
+//# sourceMappingURL=switch.js.map

package/dist/ui/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":[],"sources":["../../src/ui/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\nimport { cn } from \"cn\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"mappings":";;;;AAGA,SAAS,EAAO,EACd,cACA,UAAO,WACP,GAAG,KAGF;CACD,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,ywBACA,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CACmB,CAAA;AAE1B"}

package/dist/ui/tabs.d.ts

@@ -0,0 +1,10 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+import { VariantProps } from 'class-variance-authority';
+declare function Tabs({ className, orientation, ...props }: TabsPrimitive.Root.Props): import('react').JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>): import('react').JSX.Element;
+declare function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props): import('react').JSX.Element;
+declare function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props): import('react').JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };

package/dist/ui/tabs.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "cn";
+import { cva as n } from "class-variance-authority";
+import { Tabs as r } from "@base-ui/react/tabs";
+//#region src/ui/tabs.tsx
+function i({ className: n, orientation: i = "horizontal", ...a }) {
+	return /* @__PURE__ */ e(r.Root, {
+		"data-slot": "tabs",
+		"data-orientation": i,
+		className: t("group/tabs flex gap-2 data-horizontal:flex-col", n),
+		...a
+	});
+}
+var a = n("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function o({ className: n, variant: i = "default", ...o }) {
+	return /* @__PURE__ */ e(r.List, {
+		"data-slot": "tabs-list",
+		"data-variant": i,
+		className: t(a({ variant: i }), n),
+		...o
+	});
+}
+function s({ className: n, ...i }) {
+	return /* @__PURE__ */ e(r.Tab, {
+		"data-slot": "tabs-trigger",
+		className: t("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", n),
+		...i
+	});
+}
+function c({ className: n, ...i }) {
+	return /* @__PURE__ */ e(r.Panel, {
+		"data-slot": "tabs-content",
+		className: t("flex-1 text-sm outline-none", n),
+		...i
+	});
+}
+//#endregion
+export { i as Tabs, c as TabsContent, o as TabsList, s as TabsTrigger, a as tabsListVariants };
+
+//# sourceMappingURL=tabs.js.map

package/dist/ui/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":[],"sources":["../../src/ui/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"cn\"\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn(\n        \"group/tabs flex gap-2 data-horizontal:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\",\n        \"data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground\",\n        \"after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 text-sm outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n"],"mappings":";;;;;;AAMA,SAAS,EAAK,EACZ,cACA,iBAAc,cACd,GAAG,KACwB;CAC3B,OACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,oBAAkB;EAClB,WAAW,EACT,kDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAmB,EACvB,2OACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAS,EAChB,cACA,aAAU,WACV,GAAG,KACgE;CACnE,OACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,gBAAc;EACd,WAAW,EAAG,EAAiB,EAAE,WAAQ,CAAC,GAAG,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAkC;CACrE,OACE,kBAAC,EAAc,KAAf;EACE,aAAU;EACV,WAAW,EACT,81BACA,iQACA,qJACA,wYACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAoC;CACvE,OACE,kBAAC,EAAc,OAAf;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { Textarea };

package/dist/ui/textarea.js

@@ -0,0 +1,15 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "cn";
+//#region src/ui/textarea.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ e("textarea", {
+		"data-slot": "textarea",
+		className: t("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", n),
+		...r
+	});
+}
+//#endregion
+export { n as Textarea };
+
+//# sourceMappingURL=textarea.js.map

package/dist/ui/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../src/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"cn\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;;AAGA,SAAS,EAAS,EAAE,cAAW,GAAG,KAA2C;CAC3E,OACE,kBAAC,YAAD;EACE,aAAU;EACV,WAAW,EACT,igBACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/toggle-group.d.ts

@@ -0,0 +1,5 @@
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';
+declare function ToggleGroup({ className, ...props }: ToggleGroupPrimitive.Props): import('react').JSX.Element;
+declare function ToggleGroupItem({ className, ...props }: TogglePrimitive.Props): import('react').JSX.Element;
+export { ToggleGroup, ToggleGroupItem };

package/dist/ui/toggle-group.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "cn";
+import { Toggle as n } from "@base-ui/react/toggle";
+import { ToggleGroup as r } from "@base-ui/react/toggle-group";
+//#region src/ui/toggle-group.tsx
+function i({ className: n, ...i }) {
+	return /* @__PURE__ */ e(r, {
+		"data-slot": "toggle-group",
+		className: t("flex w-fit items-center gap-0.5 rounded-lg bg-muted p-0.5", n),
+		...i
+	});
+}
+function a({ className: r, ...i }) {
+	return /* @__PURE__ */ e(n, {
+		"data-slot": "toggle-group-item",
+		className: t("inline-flex size-7 items-center justify-center rounded-md text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 data-pressed:bg-background data-pressed:text-foreground data-pressed:shadow-xs dark:data-pressed:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", r),
+		...i
+	});
+}
+//#endregion
+export { i as ToggleGroup, a as ToggleGroupItem };
+
+//# sourceMappingURL=toggle-group.js.map

package/dist/ui/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","names":[],"sources":["../../src/ui/toggle-group.tsx"],"sourcesContent":["import { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\"\nimport { cn } from \"cn\"\n\nfunction ToggleGroup({ className, ...props }: ToggleGroupPrimitive.Props) {\n  return (\n    <ToggleGroupPrimitive\n      data-slot=\"toggle-group\"\n      className={cn(\"flex w-fit items-center gap-0.5 rounded-lg bg-muted p-0.5\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToggleGroupItem({ className, ...props }: TogglePrimitive.Props) {\n  return (\n    <TogglePrimitive\n      data-slot=\"toggle-group-item\"\n      className={cn(\n        \"inline-flex size-7 items-center justify-center rounded-md text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 data-pressed:bg-background data-pressed:text-foreground data-pressed:shadow-xs dark:data-pressed:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"mappings":";;;;;AAIA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAqC;CACxE,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,6DAA6D,CAAS;EACpF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAgC;CACvE,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,uXACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/urls/index.d.ts

@@ -0,0 +1,100 @@
+export declare const CODE_LENGTH = 9;
+/** Crockford base32: digits and uppercase letters without I, L, O, U. */
+export declare const CODE_ALPHABET = "0123456789ABCDEFGHJKMNPQRSTVWXYZ";
+/**
+ * Reads a code with Crockford's decoding rules (any case, O as 0, I and L as 1,
+ * hyphens ignored) and returns its canonical form, or null when the input is
+ * not a code. An all-digit result is never a code (it reads as a legacy id).
+ */
+export declare function parseCode(input: string): string | null;
+/** Reports whether input is a code in canonical form. */
+export declare function isCode(input: string): boolean;
+/** A resolved content link, as ContentKit and host APIs return it. */
+export interface ContentLink {
+    content_kind: string;
+    code: string;
+    slug: string;
+    /** Localized slugs keyed by language; the default slug applies otherwise. */
+    slugs?: Record<string, string>;
+}
+/** The slug for language, falling back to the default slug. */
+export declare function slugFor(link: Pick<ContentLink, "slug" | "slugs">, language?: string): string;
+export type QueryInit = string | URLSearchParams | Record<string, string | number | boolean | null | undefined>;
+export interface PathOptions {
+    /** Language prefix segment; omitted when empty. */
+    language?: string;
+    /** Query string for sub-pages, e.g. { p: 12 }. Null and undefined values are dropped. */
+    query?: QueryInit;
+}
+/** Joins [/{language}]/{route}/{code}[/{slug}][?query]. */
+export declare function contentPath(route: string, code: string, slug?: string, options?: PathOptions): string;
+export interface ContentURLConfig {
+    /** Content kind -> the host's route segment ({ video: "watch", gallery: "g" }). */
+    routes: Record<string, string>;
+    /** Language segments a path may start with; kept in canonical paths. */
+    languages?: string[];
+    /** The site's origin ("https://example.com") for absolute URLs (canonical links, og:url). */
+    origin?: string;
+}
+export interface ParsedContentPath {
+    /** "" when unprefixed. */
+    language: string;
+    route: string;
+    /** Canonical form. */
+    code: string;
+    rawCode: string;
+    /** As written; "" when absent. */
+    slug: string;
+}
+export interface CanonicalResult {
+    /** The canonical path. */
+    path: string;
+    /** path plus the location's query. */
+    location: string;
+    /** The location's path is not canonical: replace it with location. */
+    redirect: boolean;
+}
+export interface HreflangOptions {
+    /** Languages the content exists in; default every configured language. */
+    languages?: readonly string[];
+    /** The language x-default points at. */
+    defaultLanguage?: string;
+    /** The origin for absolute URLs; default the configured one (throws without either). */
+    origin?: string;
+}
+export interface ContentURLs {
+    /** The configured language segments. */
+    readonly languages: readonly string[];
+    /** The configured origin, without a trailing slash. */
+    readonly origin?: string;
+    /** The canonical path of link; throws when its kind has no route. */
+    path(link: ContentLink, options?: PathOptions): string;
+    /** path() on the configured origin; throws without one. */
+    url(link: ContentLink, options?: PathOptions): string;
+    /** Splits a pathname; null when it is not a content path (or its code is invalid). */
+    parse(pathname: string): ParsedContentPath | null;
+    /**
+     * Compares a location (pathname plus optional ?query and #hash) with link's
+     * canonical path, for a client-side history.replaceState after the page's
+     * data arrives. null when the location is not a content path or link's kind
+     * has no route.
+     */
+    canonical(location: string, link: ContentLink): CanonicalResult | null;
+    /**
+     * hreflang alternates: each language's absolute URL of link (its own
+     * slug), plus x-default; empty when no language is configured.
+     */
+    hreflang(link: ContentLink, options?: HreflangOptions): Record<string, string>;
+}
+/** Query parameters that only track a visit: never part of a canonical URL. */
+export declare const TRACKING_PARAMS: string[];
+/**
+ * href without tracking parameters (utm_* and TRACKING_PARAMS, plus drop),
+ * its fragment or a trailing slash: the canonical URL of a page that is not
+ * a content page.
+ */
+export declare function canonicalURL(href: string, options?: {
+    drop?: readonly string[];
+}): string;
+/** Builds the URL helpers for one host's routes. */
+export declare function createContentURLs(config: ContentURLConfig): ContentURLs;

package/dist/urls.js

@@ -0,0 +1,118 @@
+//#region src/urls/index.ts
+var e = 9, t = "0123456789ABCDEFGHJKMNPQRSTVWXYZ";
+function n(e) {
+	let t = "";
+	for (let n of e) {
+		if (n === "-") continue;
+		if (n.length !== 1 || n.charCodeAt(0) > 127) return null;
+		let e = n.toUpperCase();
+		if (e === "O" ? e = "0" : (e === "I" || e === "L") && (e = "1"), !"0123456789ABCDEFGHJKMNPQRSTVWXYZ".includes(e) || t.length === 9) return null;
+		t += e;
+	}
+	return t.length !== 9 || !/[A-Z]/.test(t) ? null : t;
+}
+function r(e) {
+	return n(e) === e;
+}
+function i(e, t = "") {
+	return t && e.slugs?.[t] || e.slug;
+}
+function a(e) {
+	if (e === void 0) return "";
+	let t;
+	if (typeof e == "string" || e instanceof URLSearchParams) t = new URLSearchParams(e);
+	else {
+		t = new URLSearchParams();
+		for (let [n, r] of Object.entries(e)) r != null && t.append(n, String(r));
+	}
+	let n = t.toString();
+	return n ? `?${n}` : "";
+}
+function o(e, t, n = "", r = {}) {
+	return `${r.language ? `/${r.language}` : ""}/${e}/${t}${n ? `/${n}` : ""}${a(r.query)}`;
+}
+var s = [
+	"gclid",
+	"gbraid",
+	"wbraid",
+	"dclid",
+	"fbclid",
+	"msclkid",
+	"yclid",
+	"twclid",
+	"igshid",
+	"mc_cid",
+	"mc_eid",
+	"_ga",
+	"_gl"
+];
+function c(e, t = {}) {
+	let n = new URL(e), r = /* @__PURE__ */ new Set([...s, ...t.drop ?? []]);
+	for (let e of [...n.searchParams.keys()]) (e.startsWith("utm_") || r.has(e)) && n.searchParams.delete(e);
+	return n.hash = "", n.pathname.length > 1 && n.pathname.endsWith("/") && (n.pathname = n.pathname.replace(/\/+$/, "")), n.toString();
+}
+var l = /^[a-z0-9][a-z0-9_-]*$/;
+function u(e) {
+	let t = { ...e.routes }, r = e.origin?.replace(/\/+$/, "");
+	if (r !== void 0 && !/^https?:\/\/[^/?#]+$/.test(r)) throw Error(`contentkit-ui/urls: origin ${JSON.stringify(e.origin)} is not an http(s) origin`);
+	let a = [...e.languages ?? []], s = new Set(Object.values(t));
+	if (s.size === 0) throw Error("contentkit-ui/urls: routes is empty");
+	for (let e of [...s, ...a]) if (!l.test(e)) throw Error(`contentkit-ui/urls: ${JSON.stringify(e)} is not one lowercase path segment`);
+	for (let e of a) if (s.has(e)) throw Error(`contentkit-ui/urls: language ${JSON.stringify(e)} is also a route`);
+	let c = (e, n) => {
+		let r = t[e.content_kind];
+		return r === void 0 ? null : o(r, e.code, i(e, n), { language: n });
+	}, u = (e) => {
+		if (!e.startsWith("/")) return null;
+		let t = e.slice(1);
+		t.endsWith("/") && (t = t.slice(0, -1));
+		let r = t.split("/");
+		if (r.some((e) => e === "")) return null;
+		let i = "";
+		if (r.length > 2 && a.includes(r[0]) && (i = r[0], r = r.slice(1)), r.length < 2 || r.length > 3 || !s.has(r[0])) return null;
+		let o = n(r[1]);
+		return o === null ? null : {
+			language: i,
+			route: r[0],
+			code: o,
+			rawCode: r[1],
+			slug: r[2] ?? ""
+		};
+	}, d = (e, n = {}) => {
+		let r = t[e.content_kind];
+		if (r === void 0) throw Error(`contentkit-ui/urls: no route for kind ${JSON.stringify(e.content_kind)}`);
+		return o(r, e.code, i(e, n.language), n);
+	};
+	return {
+		languages: a,
+		origin: r,
+		path: d,
+		url(e, t) {
+			if (r === void 0) throw Error("contentkit-ui/urls: url() needs ContentURLConfig.origin");
+			return r + d(e, t);
+		},
+		parse: u,
+		canonical(e, t) {
+			let n = e.split("#", 1)[0], r = n.indexOf("?"), i = r < 0 ? n : n.slice(0, r), a = r < 0 ? "" : n.slice(r + 1), o = u(i);
+			if (o === null) return null;
+			let s = c(t, o.language);
+			return s === null ? null : {
+				path: s,
+				location: a ? `${s}?${a}` : s,
+				redirect: i !== s
+			};
+		},
+		hreflang(e, t = {}) {
+			let n = t.origin?.replace(/\/+$/, "") ?? r;
+			if (n === void 0) throw Error("contentkit-ui/urls: hreflang() needs an origin");
+			let i = {}, o = (t.languages ?? a).filter((e) => a.includes(e));
+			for (let t of o) i[t] = n + d(e, { language: t });
+			let s = t.defaultLanguage;
+			return s && i[s] && (i["x-default"] = i[s]), i;
+		}
+	};
+}
+//#endregion
+export { t as CODE_ALPHABET, e as CODE_LENGTH, s as TRACKING_PARAMS, c as canonicalURL, o as contentPath, u as createContentURLs, r as isCode, n as parseCode, i as slugFor };
+
+//# sourceMappingURL=urls.js.map