@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/slider-types-BejlapyA.d.ts

@@ -0,0 +1,192 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Slider } from "@base-ui/react/slider";
+
+//#region src/ui/slider/shared/slider-style-tokens.d.ts
+declare const sliderSemanticSizes: {
+  readonly xs: {
+    readonly thumbSize: "0.875rem";
+    readonly trackSize: "0.25rem";
+  };
+  readonly sm: {
+    readonly thumbSize: "1rem";
+    readonly trackSize: "0.375rem";
+  };
+  readonly md: {
+    readonly thumbSize: "1.25rem";
+    readonly trackSize: "0.5rem";
+  };
+  readonly lg: {
+    readonly thumbSize: "1.5rem";
+    readonly trackSize: "0.625rem";
+  };
+  readonly xl: {
+    readonly thumbSize: "1.75rem";
+    readonly trackSize: "0.75rem";
+  };
+};
+declare const sliderSemanticRadii: {
+  readonly xs: "calc(var(--radius-sm) - 2px)";
+  readonly sm: "var(--radius-sm)";
+  readonly md: "var(--radius-md)";
+  readonly lg: "var(--radius-lg)";
+  readonly xl: "var(--radius-xl)";
+};
+type SliderSemanticSize = keyof typeof sliderSemanticSizes;
+type SliderSemanticRadius = keyof typeof sliderSemanticRadii;
+type SliderSize = SliderSemanticSize | number | string;
+type SliderRadius = SliderSemanticRadius | number | string;
+//#endregion
+//#region src/ui/slider/shared/slider-transition.d.ts
+interface SliderLabelTransitionProps {
+  delay?: number;
+  duration?: number;
+  timingFunction?: string;
+}
+//#endregion
+//#region src/ui/slider/shared/slider-types.d.ts
+type SliderValue$1 = number;
+interface SliderMark$1 {
+  label?: ReactNode;
+  value: number;
+}
+type SliderLabel = ((value: number) => ReactNode) | ReactNode | null;
+//#endregion
+//#region src/ui/slider/primitives/slider-control.d.ts
+type SliderControlProps = Slider.Control.Props;
+declare const SliderControl: ({
+  className,
+  ...props
+}: SliderControlProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/slider/primitives/slider-indicator.d.ts
+type SliderIndicatorProps = Slider.Indicator.Props;
+declare const SliderIndicator: ({
+  className,
+  ...props
+}: SliderIndicatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/slider/primitives/slider-mark.d.ts
+interface SliderMarkProps {
+  disabled?: boolean;
+  filled?: boolean;
+  label?: ReactNode;
+  orientation?: "horizontal" | "vertical";
+  position: number;
+}
+declare const SliderMark: ({
+  disabled,
+  filled,
+  label,
+  orientation,
+  position
+}: SliderMarkProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/slider/primitives/slider-marks.d.ts
+interface SliderMarksProps {
+  disabled?: boolean;
+  inverted?: boolean;
+  marks?: readonly SliderMark$1[];
+  max: number;
+  min: number;
+  orientation?: "horizontal" | "vertical";
+  values: readonly number[];
+}
+declare const SliderMarks: ({
+  disabled,
+  inverted,
+  marks,
+  max,
+  min,
+  orientation,
+  values
+}: SliderMarksProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/ui/slider/primitives/slider-thumb.d.ts
+type SliderThumbProps = Slider.Thumb.Props;
+declare const SliderThumb: ({
+  className,
+  ...props
+}: SliderThumbProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/slider/primitives/slider-thumb-label.d.ts
+interface SliderThumbLabelProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
+  label: ReactNode;
+  labelAlwaysOn?: boolean;
+  orientation?: "horizontal" | "vertical";
+  showLabelOnHover?: boolean;
+  transitionProps?: SliderLabelTransitionProps;
+}
+declare const SliderThumbLabel: ({
+  className,
+  label,
+  labelAlwaysOn,
+  orientation,
+  showLabelOnHover,
+  style,
+  transitionProps,
+  ...props
+}: SliderThumbLabelProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/ui/slider/primitives/slider-track.d.ts
+type SliderTrackProps = Slider.Track.Props;
+declare const SliderTrack: ({
+  className,
+  ...props
+}: SliderTrackProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/slider/primitives/slider-value.d.ts
+type SliderValueProps = Slider.Value.Props;
+declare const SliderValue: ({
+  className,
+  ...props
+}: SliderValueProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/slider/single/slider.d.ts
+type SliderRootProps = Omit<Slider.Root.Props<number>, "defaultValue" | "max" | "min" | "name" | "onChange" | "onValueChange" | "onValueCommitted" | "minStepsBetweenValues" | "thumbCollisionBehavior" | "thumbAlignment" | "value">;
+interface SliderProps extends SliderRootProps {
+  color?: string;
+  defaultValue?: number;
+  domain?: [number, number];
+  hiddenInputProps?: Omit<ComponentPropsWithoutRef<"input">, "name" | "type" | "value">;
+  inverted?: boolean;
+  label?: SliderLabel;
+  labelAlwaysOn?: boolean;
+  labelTransitionProps?: SliderLabelTransitionProps;
+  marks?: readonly SliderMark$1[];
+  max?: number;
+  min?: number;
+  name?: string;
+  onChange?: ((value: SliderValue$1) => void) | undefined;
+  onChangeEnd?: ((value: SliderValue$1) => void) | undefined;
+  precision?: number;
+  radius?: SliderRadius;
+  restrictToMarks?: boolean;
+  scale?: ((value: number) => number) | undefined;
+  size?: SliderSize;
+  showLabelOnHover?: boolean;
+  step?: number;
+  thumbChildren?: ReactNode;
+  thumbLabel?: string;
+  thumbLabelOffset?: number | string;
+  thumbLabelOffsetVertical?: number | string;
+  thumbProps?: Omit<SliderThumbProps, "aria-label" | "children" | "index">;
+  thumbSize?: number | string;
+  trackSize?: number | string;
+  markSize?: number | string;
+  value?: number;
+}
+type SliderComponent = ((props: SliderProps) => ReactNode) & {
+  Control: typeof SliderControl;
+  Indicator: typeof SliderIndicator;
+  Mark: typeof SliderMark;
+  Marks: typeof SliderMarks;
+  Thumb: typeof SliderThumb;
+  ThumbLabel: typeof SliderThumbLabel;
+  Track: typeof SliderTrack;
+  Value: typeof SliderValue;
+};
+declare const Slider$1: SliderComponent;
+//#endregion
+export { SliderRadius as C, SliderSize as E, SliderLabelTransitionProps as S, SliderSemanticSize as T, SliderControl as _, SliderTrack as a, SliderMark$1 as b, SliderThumbLabelProps as c, SliderMarks as d, SliderMarksProps as f, SliderIndicatorProps as g, SliderIndicator as h, SliderValueProps as i, SliderThumb as l, SliderMarkProps as m, SliderProps as n, SliderTrackProps as o, SliderMark as p, SliderValue as r, SliderThumbLabel as s, Slider$1 as t, SliderThumbProps as u, SliderControlProps as v, SliderSemanticRadius as w, SliderValue$1 as x, SliderLabel as y };
+//# sourceMappingURL=slider-types-BejlapyA.d.ts.map

package/dist/slider-types-BejlapyA.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-types-BejlapyA.d.ts","names":[],"sources":["../src/ui/slider/shared/slider-style-tokens.ts","../src/ui/slider/shared/slider-transition.ts","../src/ui/slider/shared/slider-types.ts","../src/ui/slider/primitives/slider-control.tsx","../src/ui/slider/primitives/slider-indicator.tsx","../src/ui/slider/primitives/slider-mark.tsx","../src/ui/slider/primitives/slider-marks.tsx","../src/ui/slider/primitives/slider-thumb.tsx","../src/ui/slider/primitives/slider-thumb-label.tsx","../src/ui/slider/primitives/slider-track.tsx","../src/ui/slider/primitives/slider-value.tsx","../src/ui/slider/single/slider.tsx"],"mappings":"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"}

package/dist/slider.d.ts

@@ -1,16 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Slider as Slider$1 } from "@base-ui/react/slider";
-
-//#region src/ui/slider/slider.d.ts
-type SliderProps = Slider$1.Root.Props;
-declare const Slider: ({
-  className,
-  defaultValue,
-  value,
-  min,
-  max,
-  ...props
-}: SliderProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Slider, SliderProps };
-//# sourceMappingURL=slider.d.ts.map
+import { C as SliderRadius, E as SliderSize, S as SliderLabelTransitionProps, T as SliderSemanticSize, _ as SliderControl, a as SliderTrack, b as SliderMark$1, c as SliderThumbLabelProps, d as SliderMarks, f as SliderMarksProps, g as SliderIndicatorProps, h as SliderIndicator, i as SliderValueProps, l as SliderThumb, m as SliderMarkProps, n as SliderProps, o as SliderTrackProps, p as SliderMark, r as SliderValue, s as SliderThumbLabel, t as Slider, u as SliderThumbProps, v as SliderControlProps, w as SliderSemanticRadius, x as SliderValue$1, y as SliderLabel } from "./slider-types-BejlapyA.js";
+export { Slider, SliderControl, type SliderControlProps, SliderIndicator, type SliderIndicatorProps, type SliderLabel, type SliderLabelTransitionProps, SliderMark, type SliderMark$1 as SliderMarkDefinition, type SliderMark$1 as SliderMarkType, type SliderMarkProps, SliderMarks, type SliderMarksProps, type SliderProps, type SliderRadius, type SliderSemanticRadius, type SliderSemanticSize, type SliderSize, SliderThumb, SliderThumbLabel, type SliderThumbLabelProps, type SliderThumbProps, SliderTrack, type SliderTrackProps, SliderValue, type SliderValueProps, type SliderValue$1 as SliderValueType };

package/dist/slider.js

@@ -1,48 +1,3 @@
-"use client";
+import { c as SliderThumbLabel, d as SliderMark, f as SliderIndicator, l as SliderThumb, o as SliderValue, p as SliderControl, s as SliderTrack, t as Slider, u as SliderMarks } from "./slider-CqapJ6Pa.js";
 
-import { cn } from "tailwind-variants";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Slider as Slider$1 } from "@base-ui/react/slider";
-
-//#region src/ui/slider/slider.tsx
-const Slider = ({ className, defaultValue, value, min = 0, max = 100, ...props }) => {
-	const _values = useMemo(() => {
-		if (Array.isArray(value)) return value;
-		if (Array.isArray(defaultValue)) return defaultValue;
-		return [min, max];
-	}, [
-		value,
-		defaultValue,
-		min,
-		max
-	]);
-	return /* @__PURE__ */ jsx(Slider$1.Root, {
-		className: "data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full",
-		"data-slot": "slider",
-		defaultValue,
-		max,
-		min,
-		thumbAlignment: "edge",
-		value,
-		...props,
-		children: /* @__PURE__ */ jsxs(Slider$1.Control, {
-			className: cn("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
-			children: [/* @__PURE__ */ jsx(Slider$1.Track, {
-				className: "relative overflow-hidden rounded-sm bg-muted select-none data-[orientation=horizontal]:h-4 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-9",
-				"data-slot": "slider-track",
-				children: /* @__PURE__ */ jsx(Slider$1.Indicator, {
-					className: "rounded-sm bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
-					"data-slot": "slider-range"
-				})
-			}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(Slider$1.Thumb, {
-				className: "relative block h-5 w-5 shrink-0 cursor-pointer rounded-sm border border-ring/20 bg-white shadow-md ring-ring/50 transition-[color,box-shadow] select-none hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] disabled:pointer-events-none disabled:opacity-50",
-				"data-slot": "slider-thumb"
-			}, index))]
-		})
-	});
-};
-
-//#endregion
-export { Slider };
-//# sourceMappingURL=slider.js.map
+export { Slider, SliderControl, SliderIndicator, SliderMark, SliderMarks, SliderThumb, SliderThumbLabel, SliderTrack, SliderValue };

package/dist/spinner.d.ts

@@ -1,10 +1,14 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/ui/spinner/spinner.d.ts
-type SpinnerProps = ComponentProps<"svg">;
+type SpinnerProps = Omit<ComponentProps<"svg">, "size"> & {
+  size?: UISize;
+};
 declare const Spinner: ({
   className,
+  size: providedSize,
   strokeWidth,
   ...props
 }: SpinnerProps) => react_jsx_runtime0.JSX.Element;

package/dist/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","names":[],"sources":["../src/ui/spinner/spinner.tsx"],"mappings":";;;;KAMY,YAAA,GAAe,cAAA;AAAA,cAErB,OAAA;EAAW,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAA0C,YAAA,KAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"spinner.d.ts","names":[],"sources":["../src/ui/spinner/spinner.tsx"],"mappings":";;;;;KAWY,YAAA,GAAe,IAAA,CAAK,cAAA;EAC9B,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,OAAA;EAAW,SAAA;EAAA,IAAA,EAAA,YAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAKd,YAAA,KAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/spinner.js

@@ -1,17 +1,22 @@
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { t as COMPACT_VISUAL_CLASS_BY_SIZE } from "./size-system-BNfPN2hb.js";
 import { cn } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 import { Loading03Icon } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/react";
 
 //#region src/ui/spinner/spinner.tsx
-const Spinner = ({ className, strokeWidth = 2, ...props }) => /* @__PURE__ */ jsx(HugeiconsIcon, {
-	"aria-label": "Loading",
-	className: cn("size-4 animate-spin", className),
-	icon: Loading03Icon,
-	role: "status",
-	strokeWidth: typeof strokeWidth === "string" ? Number(strokeWidth) : strokeWidth,
-	...props
-});
+const Spinner = ({ className, size: providedSize, strokeWidth = 2, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		"aria-label": "Loading",
+		className: cn(COMPACT_VISUAL_CLASS_BY_SIZE[size], "animate-spin", className),
+		icon: Loading03Icon,
+		role: "status",
+		strokeWidth: typeof strokeWidth === "string" ? Number(strokeWidth) : strokeWidth,
+		...props
+	});
+};
 
 //#endregion
 export { Spinner };

package/dist/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":[],"sources":["../src/ui/spinner/spinner.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Loading03Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SpinnerProps = ComponentProps<\"svg\">;\n\nconst Spinner = ({ className, strokeWidth = 2, ...props }: SpinnerProps) => (\n  <HugeiconsIcon\n    aria-label=\"Loading\"\n    className={cn(\"size-4 animate-spin\", className)}\n    icon={Loading03Icon}\n    role=\"status\"\n    strokeWidth={\n      typeof strokeWidth === \"string\" ? Number(strokeWidth) : strokeWidth\n    }\n    {...props}\n  />\n);\n\nexport { Spinner };\n"],"mappings":";;;;;;AAQA,MAAM,WAAW,EAAE,WAAW,cAAc,GAAG,GAAG,YAChD,oBAAC;CACC,cAAW;CACX,WAAW,GAAG,uBAAuB,UAAU;CAC/C,MAAM;CACN,MAAK;CACL,aACE,OAAO,gBAAgB,WAAW,OAAO,YAAY,GAAG;CAE1D,GAAI;EACJ"}
+{"version":3,"file":"spinner.js","names":[],"sources":["../src/ui/spinner/spinner.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Loading03Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { COMPACT_VISUAL_CLASS_BY_SIZE } from \"../shared/size/size-system\";\n\nexport type SpinnerProps = Omit<ComponentProps<\"svg\">, \"size\"> & {\n  size?: UISize;\n};\n\nconst Spinner = ({\n  className,\n  size: providedSize,\n  strokeWidth = 2,\n  ...props\n}: SpinnerProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <HugeiconsIcon\n      aria-label=\"Loading\"\n      className={cn(\n        COMPACT_VISUAL_CLASS_BY_SIZE[size],\n        \"animate-spin\",\n        className\n      )}\n      icon={Loading03Icon}\n      role=\"status\"\n      strokeWidth={\n        typeof strokeWidth === \"string\" ? Number(strokeWidth) : strokeWidth\n      }\n      {...props}\n    />\n  );\n};\n\nexport { Spinner };\n"],"mappings":";;;;;;;;AAeA,MAAM,WAAW,EACf,WACA,MAAM,cACN,cAAc,GACd,GAAG,YACe;CAClB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC;EACC,cAAW;EACX,WAAW,GACT,6BAA6B,OAC7B,gBACA,UACD;EACD,MAAM;EACN,MAAK;EACL,aACE,OAAO,gBAAgB,WAAW,OAAO,YAAY,GAAG;EAE1D,GAAI;GACJ"}

package/dist/switch-thumb-B1oq_Il-.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Switch } from "@base-ui/react/switch";
+
+//#region src/ui/switch/switch-thumb.d.ts
+type SwitchThumbProps = Switch.Thumb.Props;
+declare const SwitchThumb: ({
+  className,
+  ...props
+}: SwitchThumbProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SwitchThumbProps as n, SwitchThumb as t };
+//# sourceMappingURL=switch-thumb-B1oq_Il-.d.ts.map

package/dist/switch-thumb-B1oq_Il-.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-thumb-B1oq_Il-.d.ts","names":[],"sources":["../src/ui/switch/switch-thumb.tsx"],"mappings":";;;;KAMY,gBAAA,GAAmB,MAAA,CAAgB,KAAA,CAAM,KAAA;AAAA,cAE/C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/switch-thumb-BcrfgKM7.js

@@ -0,0 +1,14 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@base-ui/react/switch";
+
+//#region src/ui/switch/switch-thumb.tsx
+const SwitchThumb = ({ className, ...props }) => /* @__PURE__ */ jsx(Switch.Thumb, {
+	className: mergeBaseUIClassName("pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=xs]/switch:size-2.5 group-data-[size=sm]/switch:size-3 group-data-[size=md]/switch:size-3.5 group-data-[size=lg]/switch:size-4 group-data-[size=xl]/switch:size-[18px] data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground", className),
+	"data-slot": "switch-thumb",
+	...props
+});
+
+//#endregion
+export { SwitchThumb as t };
+//# sourceMappingURL=switch-thumb-BcrfgKM7.js.map

package/dist/switch-thumb-BcrfgKM7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-thumb-BcrfgKM7.js","names":["SwitchPrimitive"],"sources":["../src/ui/switch/switch-thumb.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SwitchThumbProps = SwitchPrimitive.Thumb.Props;\n\nconst SwitchThumb = ({ className, ...props }: SwitchThumbProps) => (\n  <SwitchPrimitive.Thumb\n    className={mergeBaseUIClassName<SwitchPrimitive.Thumb.State>(\n      \"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=xs]/switch:size-2.5 group-data-[size=sm]/switch:size-3 group-data-[size=md]/switch:size-3.5 group-data-[size=lg]/switch:size-4 group-data-[size=xl]/switch:size-[18px] data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground\",\n      className\n    )}\n    data-slot=\"switch-thumb\"\n    {...props}\n  />\n);\n\nexport { SwitchThumb };\n"],"mappings":";;;;;AAQA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACA,OAAgB;CACf,WAAW,qBACT,6ZACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/switch.d.ts

@@ -1,15 +1,52 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { n as SwitchThumbProps, t as SwitchThumb } from "./switch-thumb-B1oq_Il-.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 
 //#region src/ui/switch/switch.d.ts
-type SwitchProps = Switch$1.Root.Props & {
-  size?: "sm" | "default";
+declare const switchVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80", unknown, unknown, undefined>>;
+type SwitchVariantProps = Omit<VariantProps<typeof switchVariants>, "size"> & {
+  size?: UISize;
+};
+type SwitchProps = Switch$1.Root.Props & SwitchVariantProps;
+declare const Switch: {
+  ({
+    className,
+    size: providedSize,
+    children,
+    ...props
+  }: SwitchProps): react_jsx_runtime0.JSX.Element;
+  Thumb: ({
+    className,
+    ...props
+  }: SwitchThumbProps) => react_jsx_runtime0.JSX.Element;
 };
-declare const Switch: ({
-  className,
-  size,
-  ...props
-}: SwitchProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Switch, SwitchProps };
+export { Switch, SwitchProps, SwitchThumb, type SwitchThumbProps };
 //# sourceMappingURL=switch.d.ts.map

package/dist/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","names":[],"sources":["../src/ui/switch/switch.tsx"],"mappings":";;;;KAKY,WAAA,GAAc,QAAA,CAAgB,IAAA,CAAK,KAAA;EAC7C,IAAA;AAAA;AAAA,cAGI,MAAA;EAAU,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA2C,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../src/ui/switch/switch.tsx"],"mappings":";;;;;;;;cAWM,cAAA,EAcJ,kBAAA,CAdkB,YAAA;;;;;;;;;;;;;;;;cAclB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,kBAAA,GAAqB,IAAA,CAAK,YAAA,QAAoB,cAAA;EACjD,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,WAAA,GAAc,QAAA,CAAgB,IAAA,CAAK,KAAA,GAAQ,kBAAA;AAAA,cAEjD,MAAA;EAAA;;;;;KAKH,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/switch.js

@@ -1,21 +1,36 @@
 "use client";
 
-import { cn } from "tailwind-variants";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { t as SwitchThumb } from "./switch-thumb-BcrfgKM7.js";
+import { tv } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 
 //#region src/ui/switch/switch.tsx
-const Switch = ({ className, size = "default", ...props }) => /* @__PURE__ */ jsx(Switch$1.Root, {
-	className: cn("peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input 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-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80", className),
-	"data-size": size,
-	"data-slot": "switch",
-	...props,
-	children: /* @__PURE__ */ jsx(Switch$1.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)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground",
-		"data-slot": "switch-thumb"
-	})
+const switchVariants = tv({
+	base: "peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80",
+	variants: { size: {
+		xs: "h-3 w-5 after:absolute after:-inset-1.5",
+		sm: "h-3.5 w-6 after:absolute after:-inset-2",
+		md: "h-4 w-7 after:absolute after:-inset-2.5",
+		lg: "h-[18px] w-8 after:absolute after:-inset-3",
+		xl: "h-5 w-9 after:absolute after:-inset-3.5"
+	} },
+	defaultVariants: { size: "md" }
 });
+const Switch = ({ className, size: providedSize, children, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Switch$1.Root, {
+		className: mergeBaseUIClassName(switchVariants({ size }), className),
+		"data-size": size,
+		"data-slot": "switch",
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(SwitchThumb, {})
+	});
+};
+Switch.Thumb = SwitchThumb;
 
 //#endregion
-export { Switch };
+export { Switch, SwitchThumb };
 //# sourceMappingURL=switch.js.map

package/dist/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["SwitchPrimitive"],"sources":["../src/ui/switch/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SwitchProps = SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\";\n};\n\nconst Switch = ({ className, size = \"default\", ...props }: SwitchProps) => (\n  <SwitchPrimitive.Root\n    className={cn(\n      \"peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input 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-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80\",\n      className\n    )}\n    data-size={size}\n    data-slot=\"switch\"\n    {...props}\n  >\n    <SwitchPrimitive.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)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground\"\n      data-slot=\"switch-thumb\"\n    />\n  </SwitchPrimitive.Root>\n);\n\nexport { Switch };\n"],"mappings":";;;;;;;AASA,MAAM,UAAU,EAAE,WAAW,OAAO,WAAW,GAAG,YAChD,oBAACA,SAAgB;CACf,WAAW,GACT,oqBACA,UACD;CACD,aAAW;CACX,aAAU;CACV,GAAI;WAEJ,oBAACA,SAAgB;EACf,WAAU;EACV,aAAU;GACV;EACmB"}
+{"version":3,"file":"switch.js","names":["SwitchPrimitive"],"sources":["../src/ui/switch/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { SwitchThumb } from \"./switch-thumb\";\n\nconst switchVariants = tv({\n  base: \"peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80\",\n  variants: {\n    size: {\n      xs: \"h-3 w-5 after:absolute after:-inset-1.5\",\n      sm: \"h-3.5 w-6 after:absolute after:-inset-2\",\n      md: \"h-4 w-7 after:absolute after:-inset-2.5\",\n      lg: \"h-[18px] w-8 after:absolute after:-inset-3\",\n      xl: \"h-5 w-9 after:absolute after:-inset-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SwitchVariantProps = Omit<VariantProps<typeof switchVariants>, \"size\"> & {\n  size?: UISize;\n};\n\nexport type SwitchProps = SwitchPrimitive.Root.Props & SwitchVariantProps;\n\nconst Switch = ({\n  className,\n  size: providedSize,\n  children,\n  ...props\n}: SwitchProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <SwitchPrimitive.Root\n      className={mergeBaseUIClassName<SwitchPrimitive.Root.State>(\n        switchVariants({ size }),\n        className\n      )}\n      data-size={size}\n      data-slot=\"switch\"\n      {...props}\n    >\n      {children ?? <SwitchThumb />}\n    </SwitchPrimitive.Root>\n  );\n};\n\nSwitch.Thumb = SwitchThumb;\n\nexport type { SwitchThumbProps } from \"./switch-thumb\";\nexport { Switch, SwitchThumb };\n"],"mappings":";;;;;;;;;;AAWA,MAAM,iBAAiB,GAAG;CACxB,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAQF,MAAM,UAAU,EACd,WACA,MAAM,cACN,UACA,GAAG,YACc;CACjB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACA,SAAgB;EACf,WAAW,qBACT,eAAe,EAAE,MAAM,CAAC,EACxB,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;YAEH,YAAY,oBAAC,gBAAc;GACP;;AAI3B,OAAO,QAAQ"}