@demokit-ui/demokit 0.1.0

package/dist/kit/components/form/input/input.js

@@ -0,0 +1,182 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { cn as d } from "../../../../lib/utils.js";
+import { cva as s } from "class-variance-authority";
+import { CalendarDays as u } from "lucide-react";
+const i = s(
+  `
+    flex w-full bg-background border border-input shadow-xs shadow-black/5 transition-[color,box-shadow] text-foreground placeholder:text-muted-foreground/80 
+    focus-visible:ring-ring/30  focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px]     
+    disabled:cursor-not-allowed disabled:opacity-60 
+    [&[readonly]]:bg-muted/80 [&[readonly]]:cursor-not-allowed
+    file:h-full [&[type=file]]:py-0 file:border-solid file:border-input file:bg-transparent 
+    file:font-medium file:not-italic file:text-foreground file:p-0 file:border-0 file:border-e
+    aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10
+  `,
+  {
+    variants: {
+      variant: {
+        lg: "h-10 px-4 text-sm rounded-md file:pe-4 file:me-4",
+        md: "h-8.5 px-3 text-[0.8125rem] leading-(--text-sm--line-height) rounded-md file:pe-3 file:me-3",
+        sm: "h-7 px-2.5 text-xs rounded-md file:pe-2.5 file:me-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "md"
+    }
+  }
+), p = s(
+  "flex items-center shrink-0 justify-center bg-muted border border-input shadow-xs shadow-[rgba(0,0,0,0.05)] text-secondary-foreground [&_svg]:text-secondary-foreground/60",
+  {
+    variants: {
+      variant: {
+        sm: "rounded-md h-7 min-w-7 text-xs px-2.5 [&_svg:not([class*=size-])]:size-3.5",
+        md: "rounded-md h-8.5 min-w-8.5 px-3 text-[0.8125rem] leading-(--text-sm--line-height) [&_svg:not([class*=size-])]:size-4.5",
+        lg: "rounded-md h-10 min-w-10 px-4 text-sm [&_svg:not([class*=size-])]:size-4.5"
+      },
+      mode: {
+        default: "",
+        icon: "px-0 justify-center"
+      }
+    },
+    defaultVariants: {
+      variant: "md",
+      mode: "default"
+    }
+  }
+), f = s(
+  `
+    flex items-stretch
+    [&_[data-slot=input]]:grow
+    [&_[data-slot=input-addon]:has(+[data-slot=input])]:rounded-e-none [&_[data-slot=input-addon]:has(+[data-slot=input])]:border-e-0
+    [&_[data-slot=input-addon]:has(+[data-slot=datefield])]:rounded-e-none [&_[data-slot=input-addon]:has(+[data-slot=datefield])]:border-e-0 
+    [&_[data-slot=input]+[data-slot=input-addon]]:rounded-s-none [&_[data-slot=input]+[data-slot=input-addon]]:border-s-0
+    [&_[data-slot=input-addon]:has(+[data-slot=button])]:rounded-e-none
+    [&_[data-slot=input]+[data-slot=button]]:rounded-s-none
+    [&_[data-slot=button]+[data-slot=input]]:rounded-s-none
+    [&_[data-slot=input-addon]+[data-slot=input]]:rounded-s-none
+    [&_[data-slot=input-addon]+[data-slot=datefield]]:[&_[data-slot=input]]:rounded-s-none
+    [&_[data-slot=datefield]:has(+[data-slot=input-addon])]:[&_[data-slot=input]]:rounded-e-none
+    [&_[data-slot=input]:has(+[data-slot=button])]:rounded-e-none
+    [&_[data-slot=input]:has(+[data-slot=input-addon])]:rounded-e-none
+    [&_[data-slot=datefield]]:grow
+    [&_[data-slot=datefield]+[data-slot=input-addon]]:rounded-s-none [&_[data-slot=datefield]+[data-slot=input-addon]]:border-s-0
+  `,
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+), c = s(
+  `
+    flex items-center gap-1.5
+    has-[:focus-visible]:ring-ring/30 
+    has-[:focus-visible]:border-ring
+    has-[:focus-visible]:outline-none 
+    has-[:focus-visible]:ring-[3px]
+
+    [&_[data-slot=datefield]]:grow 
+    [&_[data-slot=input]]:data-focus-within:ring-transparent  
+    [&_[data-slot=input]]:data-focus-within:ring-0 
+    [&_[data-slot=input]]:data-focus-within:border-0 
+    [&_[data-slot=input]]:flex 
+    [&_[data-slot=input]]:w-full 
+    [&_[data-slot=input]]:outline-none 
+    [&_[data-slot=input]]:transition-colors 
+    [&_[data-slot=input]]:text-foreground
+    [&_[data-slot=input]]:placeholder:text-muted-foreground 
+    [&_[data-slot=input]]:border-0 
+    [&_[data-slot=input]]:bg-transparent 
+    [&_[data-slot=input]]:p-0
+    [&_[data-slot=input]]:shadow-none 
+    [&_[data-slot=input]]:focus-visible:ring-0 
+    [&_[data-slot=input]]:h-auto 
+    [&_[data-slot=input]]:disabled:cursor-not-allowed
+    [&_[data-slot=input]]:disabled:opacity-50    
+
+    [&_svg]:text-muted-foreground 
+  `,
+  {
+    variants: {
+      variant: {
+        sm: "gap-1.25 [&_svg:not([class*=size-])]:size-3.5",
+        md: "gap-1.5 [&_svg:not([class*=size-])]:size-4",
+        lg: "gap-1.5 [&_svg:not([class*=size-])]:size-4"
+      }
+    },
+    defaultVariants: {
+      variant: "md"
+    }
+  }
+);
+function m({
+  className: a,
+  type: t,
+  variant: e,
+  ...n
+}) {
+  return /* @__PURE__ */ o("input", { "data-slot": "input", type: t, className: d(i({ variant: e }), a), ...n });
+}
+function x({
+  className: a,
+  variant: t,
+  mode: e,
+  ...n
+}) {
+  return /* @__PURE__ */ o("div", { "data-slot": "input-addon", className: d(p({ variant: t, mode: e }), a), ...n });
+}
+function v({ className: a, ...t }) {
+  return /* @__PURE__ */ o("div", { "data-slot": "input-group", className: d(f(), a), ...t });
+}
+function w({
+  className: a,
+  variant: t,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "input-wrapper",
+      className: d(i({ variant: t }), c({ variant: t }), a),
+      ...e
+    }
+  );
+}
+function z({
+  className: a,
+  wrapperClassName: t,
+  iconClassName: e,
+  variant: n,
+  ...r
+}) {
+  return /* @__PURE__ */ l("span", { "data-slot": "native-date-input", className: d("relative block w-full", t), children: [
+    /* @__PURE__ */ o(
+      m,
+      {
+        type: "date",
+        variant: n,
+        className: d("demokit-native-date-input pe-10", a),
+        ...r
+      }
+    ),
+    /* @__PURE__ */ o(
+      u,
+      {
+        "aria-hidden": "true",
+        className: d(
+          "pointer-events-none absolute end-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground",
+          n === "sm" && "end-2.5 size-3.5",
+          n === "lg" && "end-4 size-4.5",
+          e
+        )
+      }
+    )
+  ] });
+}
+export {
+  m as Input,
+  x as InputAddon,
+  v as InputGroup,
+  w as InputWrapper,
+  z as NativeDateInput,
+  p as inputAddonVariants,
+  i as inputVariants
+};

package/dist/kit/components/form/label/label.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { Label as LabelPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare const labelVariants: (props?: ({
+    variant?: "primary" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Label({ className, variant, ...props }: React.ComponentProps<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/kit/components/form/label/label.js

@@ -0,0 +1,28 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as e } from "../../../../lib/utils.js";
+import { cva as n } from "class-variance-authority";
+import { Label as i } from "radix-ui";
+const l = n(
+  "text-sm leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "font-medium",
+        secondary: "font-normal"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
+function f({
+  className: a,
+  variant: r,
+  ...o
+}) {
+  return /* @__PURE__ */ t(i.Root, { "data-slot": "label", className: e(l({ variant: r }), a), ...o });
+}
+export {
+  f as Label
+};

package/dist/kit/components/form/radio-group/radio-group.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare const radioGroupVariants: (props?: ({
+    variant?: "primary" | "mono" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function RadioGroup({ className, variant, size, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root> & VariantProps<typeof radioGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare const radioItemVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function RadioGroupItem({ className, size, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item> & VariantProps<typeof radioItemVariants>): import("react/jsx-runtime").JSX.Element;
+export { RadioGroup, RadioGroupItem };

package/dist/kit/components/form/radio-group/radio-group.js

@@ -0,0 +1,79 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as s from "react";
+import { cn as d } from "../../../../lib/utils.js";
+import { cva as n } from "class-variance-authority";
+import { Circle as m } from "lucide-react";
+import { RadioGroup as o } from "radix-ui";
+const l = n("grid gap-2.5", {
+  variants: {
+    variant: {
+      primary: "",
+      mono: ""
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+}), c = s.createContext({ variant: "primary", size: "md" });
+function x({
+  className: t,
+  variant: e,
+  size: i,
+  ...a
+}) {
+  return /* @__PURE__ */ r(c.Provider, { value: { variant: e ?? "primary", size: i ?? "md" }, children: /* @__PURE__ */ r(
+    o.Root,
+    {
+      "data-slot": "radio-group",
+      className: d(l({ variant: e, size: i }), t),
+      ...a
+    }
+  ) });
+}
+const p = n(
+  `
+    peer aspect-square rounded-full border outline-hidden ring-offset-background focus:outline-none focus-visible:ring-2 
+    focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50
+    aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10
+    [[data-invalid=true]_&]:border-destructive/60 [[data-invalid=true]_&]:ring-destructive/10
+    border-input text-primary data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground  
+  `,
+  {
+    variants: {
+      size: {
+        sm: "size-4.5 [&_svg]:size-2",
+        md: "size-5 [&_svg]:size-2.5",
+        lg: "size-5.5 [&_svg]:size-3"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function y({
+  className: t,
+  size: e,
+  ...i
+}) {
+  const { size: a } = s.useContext(c), u = e ?? a;
+  return /* @__PURE__ */ r(
+    o.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: d(p({ size: u }), t),
+      ...i,
+      children: /* @__PURE__ */ r(o.Indicator, { "data-slot": "radio-group-indicator", className: "flex items-center justify-center", children: /* @__PURE__ */ r(m, { className: "fill-current text-current" }) })
+    }
+  );
+}
+export {
+  x as RadioGroup,
+  y as RadioGroupItem
+};

package/dist/kit/components/form/select/select.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Select as SelectPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare const Select: ({ indicatorPosition, indicatorVisibility, indicator, ...props }: {
+    indicatorPosition?: "left" | "right";
+    indicatorVisibility?: boolean;
+    indicator?: ReactNode;
+} & React.ComponentProps<typeof SelectPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare const selectTriggerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SelectTriggerProps extends React.ComponentProps<typeof SelectPrimitive.Trigger>, VariantProps<typeof selectTriggerVariants> {
+}
+declare function SelectTrigger({ className, children, size, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectIndicator({ children, className, ...props }: React.ComponentProps<typeof SelectPrimitive.ItemIndicator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/kit/components/form/select/select.js

@@ -0,0 +1,194 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import * as d from "react";
+import { isValidElement as p } from "react";
+import { cn as i } from "../../../../lib/utils.js";
+import { cva as f } from "class-variance-authority";
+import { Check as h, ChevronDown as u, ChevronUp as g } from "lucide-react";
+import { Select as r } from "radix-ui";
+const c = d.createContext({ indicatorPosition: "left", indicator: null, indicatorVisibility: !0 }), V = ({
+  indicatorPosition: t = "left",
+  indicatorVisibility: a = !0,
+  indicator: o,
+  ...n
+}) => /* @__PURE__ */ e(c.Provider, { value: { indicatorPosition: t, indicatorVisibility: a, indicator: o }, children: /* @__PURE__ */ e(r.Root, { ...n }) });
+function j({ ...t }) {
+  return /* @__PURE__ */ e(r.Group, { "data-slot": "select-group", ...t });
+}
+function z({ ...t }) {
+  return /* @__PURE__ */ e(r.Value, { "data-slot": "select-value", ...t });
+}
+const x = f(
+  `
+    flex bg-background w-full items-center justify-between outline-none border border-input shadow-xs shadow-black/5 transition-shadow 
+    text-foreground data-placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px] 
+    focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 
+    aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10
+    [[data-invalid=true]_&]:border-destructive/60 [[data-invalid=true]_&]:ring-destructive/10
+  `,
+  {
+    variants: {
+      size: {
+        sm: "h-7 px-2.5 text-xs gap-1 rounded-md",
+        md: "h-8.5 px-3 text-[0.8125rem] leading-(--text-sm--line-height) gap-1 rounded-md",
+        lg: "h-10 px-4 text-sm gap-1.5 rounded-md"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function P({ className: t, children: a, size: o, ...n }) {
+  return /* @__PURE__ */ l(
+    r.Trigger,
+    {
+      "data-slot": "select-trigger",
+      className: i(x({ size: o }), t),
+      ...n,
+      children: [
+        a,
+        /* @__PURE__ */ e(r.Icon, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-4 w-4 opacity-60 -me-0.5" }) })
+      ]
+    }
+  );
+}
+function b({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    r.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: i("flex cursor-default items-center justify-center py-1", t),
+      ...a,
+      children: /* @__PURE__ */ e(g, { className: "h-4 w-4" })
+    }
+  );
+}
+function v({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    r.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: i("flex cursor-default items-center justify-center py-1", t),
+      ...a,
+      children: /* @__PURE__ */ e(u, { className: "h-4 w-4" })
+    }
+  );
+}
+function k({
+  className: t,
+  children: a,
+  position: o = "popper",
+  ...n
+}) {
+  return /* @__PURE__ */ e(r.Portal, { children: /* @__PURE__ */ l(
+    r.Content,
+    {
+      "data-slot": "select-content",
+      className: i(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover shadow-md shadow-black/5 text-secondary-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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",
+        o === "popper" && "data-[side=bottom]:translate-y-1.5 data-[side=left]:-translate-x-1.5 data-[side=right]:translate-x-1.5 data-[side=top]:-translate-y-1.5",
+        t
+      ),
+      position: o,
+      ...n,
+      children: [
+        /* @__PURE__ */ e(b, {}),
+        /* @__PURE__ */ e(
+          r.Viewport,
+          {
+            className: i(
+              "p-1.5",
+              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children: a
+          }
+        ),
+        /* @__PURE__ */ e(v, {})
+      ]
+    }
+  ) });
+}
+function B({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    r.Label,
+    {
+      "data-slot": "select-label",
+      className: i("py-1.5 ps-8 pe-2 text-xs text-muted-foreground font-medium", t),
+      ...a
+    }
+  );
+}
+function T({ className: t, children: a, ...o }) {
+  const { indicatorPosition: n, indicatorVisibility: m, indicator: s } = d.useContext(c);
+  return /* @__PURE__ */ l(
+    r.Item,
+    {
+      "data-slot": "select-item",
+      className: i(
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 text-sm outline-hidden text-foreground hover:bg-accent focus:bg-accent data-disabled:pointer-events-none data-disabled:opacity-50",
+        n === "left" ? "ps-8 pe-2" : "pe-8 ps-2",
+        t
+      ),
+      ...o,
+      children: [
+        m && (s && p(s) ? s : /* @__PURE__ */ e(
+          "span",
+          {
+            className: i(
+              "absolute flex h-3.5 w-3.5 items-center justify-center",
+              n === "left" ? "start-2" : "end-2"
+            ),
+            children: /* @__PURE__ */ e(r.ItemIndicator, { children: /* @__PURE__ */ e(h, { className: "h-4 w-4 text-primary" }) })
+          }
+        )),
+        /* @__PURE__ */ e(r.ItemText, { children: a })
+      ]
+    }
+  );
+}
+function D({
+  children: t,
+  className: a,
+  ...o
+}) {
+  const { indicatorPosition: n } = d.useContext(c);
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      "data-slot": "select-indicator",
+      className: i(
+        "absolute flex top-1/2 -translate-y-1/2 items-center justify-center",
+        n === "left" ? "start-2" : "end-2",
+        a
+      ),
+      ...o,
+      children: /* @__PURE__ */ e(r.ItemIndicator, { children: t })
+    }
+  );
+}
+function U({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    r.Separator,
+    {
+      "data-slot": "select-separator",
+      className: i("-mx-1.5 my-1.5 h-px bg-border", t),
+      ...a
+    }
+  );
+}
+export {
+  V as Select,
+  k as SelectContent,
+  j as SelectGroup,
+  D as SelectIndicator,
+  T as SelectItem,
+  B as SelectLabel,
+  v as SelectScrollDownButton,
+  b as SelectScrollUpButton,
+  U as SelectSeparator,
+  P as SelectTrigger,
+  z as SelectValue
+};

package/dist/kit/components/form/slider/slider.d.ts

@@ -0,0 +1,5 @@
+import { Slider as SliderPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function Slider({ className, children, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SliderThumb({ className, ...props }: React.ComponentProps<typeof SliderPrimitive.Thumb>): import("react/jsx-runtime").JSX.Element;
+export { Slider, SliderThumb };

package/dist/kit/components/form/slider/slider.js

@@ -0,0 +1,34 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { cn as n } from "../../../../lib/utils.js";
+import { Slider as e } from "radix-ui";
+function u({ className: r, children: o, ...i }) {
+  return /* @__PURE__ */ t(
+    e.Root,
+    {
+      "data-slot": "slider",
+      className: n("relative flex h-4 w-full touch-none select-none items-center", r),
+      ...i,
+      children: [
+        /* @__PURE__ */ l(e.Track, { className: "relative h-1.5 w-full overflow-hidden rounded-full bg-accent", children: /* @__PURE__ */ l(e.Range, { className: "absolute h-full bg-primary" }) }),
+        o
+      ]
+    }
+  );
+}
+function c({ className: r, ...o }) {
+  return /* @__PURE__ */ l(
+    e.Thumb,
+    {
+      "data-slot": "slider-thumb",
+      className: n(
+        "box-content block size-4 shrink-0 cursor-pointer rounded-full border-[2px] border-primary bg-primary-foreground shadow-xs shadow-black/5 outline-hidden focus:outline-hidden",
+        r
+      ),
+      ...o
+    }
+  );
+}
+export {
+  u as Slider,
+  c as SliderThumb
+};

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

@@ -0,0 +1,20 @@
+import { VariantProps } from 'class-variance-authority';
+import { Switch as SwitchPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare const switchVariants: (props?: ({
+    shape?: "square" | "pill" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    permanent?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const switchIndicatorVariants: (props?: ({
+    state?: "off" | "on" | null | undefined;
+    permanent?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function SwitchWrapper({ className, children, permanent, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    permanent?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Switch({ className, thumbClassName, shape, size, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & VariantProps<typeof switchVariants> & {
+    thumbClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SwitchIndicator({ className, state, ...props }: React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof switchIndicatorVariants>): import("react/jsx-runtime").JSX.Element;
+export { Switch, SwitchIndicator, SwitchWrapper };