ingeniuscliq-core 0.4.14 → 0.4.15

package/dist/components/ui/slider.tsx

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Root, Track, Range, Thumb } from '../../node_modules/@radix-ui/react-slider/dist/index.js';
+import { cn } from '../../lib/utils.js';
+
+const Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  Root,
+  {
+    ref,
+    "data-slot": "slider",
+    className: cn(
+      "relative flex w-full touch-none select-none items-center data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        Track,
+        {
+          className: "relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
+          "data-slot": "slider-track",
+          children: /* @__PURE__ */ jsx(Range, { "data-slot": "slider-track", className: "absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" })
+        }
+      ),
+      Array.from({ length: props.value?.length || props.defaultValue?.length || 1 }).map((_, i) => /* @__PURE__ */ jsx(Thumb, { className: "border-primary !bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" }, i))
+    ]
+  }
+));
+Slider.displayName = Root.displayName;
+
+export { Slider };

package/dist/components/ui/stepper.d.ts

@@ -1,33 +1,41 @@
-import { BaseStyleProps } from '../../types';
-interface StepProps extends BaseStyleProps {
-    step: Step;
-    isCompleted?: boolean;
-    isActive?: boolean;
-    firstStep?: boolean;
-    lastStep?: boolean;
-    classCompletedSteps?: string;
-    classActiveSteps?: string;
-    classInactiveSteps?: string;
-    classLabelCompletedSteps?: string;
-    classLabelActiveSteps?: string;
-    classLabelInactiveSteps?: string;
-    classDivider?: string;
+import * as Stepperize from "@stepperize/react";
+import * as React from "react";
+declare const defineStepper: <const Steps extends Stepperize.Step[]>(...steps: Steps) => Stepper.DefineProps<Steps>;
+declare namespace Stepper {
+    type StepperVariant = "horizontal" | "vertical" | "circle";
+    type StepperLabelOrientation = "horizontal" | "vertical";
+    type ConfigProps = {
+        variant?: StepperVariant;
+        labelOrientation?: StepperLabelOrientation;
+        tracking?: boolean;
+    };
+    type DefineProps<Steps extends Stepperize.Step[]> = Omit<Stepperize.StepperReturn<Steps>, "Scoped"> & {
+        Stepper: {
+            Provider: (props: Omit<Stepperize.ScopedProps<Steps>, "children"> & Omit<React.ComponentProps<"div">, "children"> & Stepper.ConfigProps & {
+                children: React.ReactNode | ((props: {
+                    methods: Stepperize.Stepper<Steps>;
+                }) => React.ReactNode);
+            }) => React.ReactElement;
+            Navigation: (props: React.ComponentProps<"nav">) => React.ReactElement;
+            Step: (props: React.ComponentProps<"button"> & {
+                of: Stepperize.Get.Id<Steps>;
+                icon?: React.ReactNode;
+            }) => React.ReactElement;
+            Title: (props: AsChildProps<"h4">) => React.ReactElement;
+            Description: (props: AsChildProps<"p">) => React.ReactElement;
+            Panel: (props: AsChildProps<"div">) => React.ReactElement;
+            Controls: (props: AsChildProps<"div">) => React.ReactElement;
+        };
+    };
+    type CircleStepIndicatorProps = {
+        currentStep: number;
+        totalSteps: number;
+        size?: number;
+        strokeWidth?: number;
+    };
 }
-interface Step {
-    title: string;
-    icon: React.ReactNode;
-}
-declare const Step: React.FC<StepProps>;
-interface StepperProps {
-    steps: Step[];
-    currentStep: number;
-    classCompletedSteps?: string;
-    classActiveSteps?: string;
-    classInactiveSteps?: string;
-    classLabelCompletedSteps?: string;
-    classLabelActiveSteps?: string;
-    classLabelInactiveSteps?: string;
-    classDivider?: string;
-}
-export declare function Stepper({ steps, currentStep, classCompletedSteps, classActiveSteps, classInactiveSteps, classLabelCompletedSteps, classLabelActiveSteps, classLabelInactiveSteps, classDivider }: StepperProps): import("react/jsx-runtime").JSX.Element;
-export {};
+type AsChildProps<T extends React.ElementType> = React.ComponentProps<T> & {
+    asChild?: boolean;
+};
+export { defineStepper };
+//# sourceMappingURL=stepper.d.ts.map

package/dist/components/ui/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/components/ui/stepper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,UAAU,MAAM,mBAAmB,CAAC;AAEhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,QAAA,MAAM,aAAa,GAAI,KAAK,CAAC,KAAK,SAAS,UAAU,CAAC,IAAI,EAAE,EAC1D,GAAG,OAAO,KAAK,KACd,OAAO,CAAC,WAAW,CAAC,KAAK,CA2O3B,CAAC;AAgOF,kBAAU,OAAO,CAAC;IAChB,KAAY,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;IAClE,KAAY,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;IAEhE,KAAY,WAAW,GAAG;QACxB,OAAO,CAAC,EAAE,cAAc,CAAC;QACzB,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;QAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IAEF,KAAY,WAAW,CAAC,KAAK,SAAS,UAAU,CAAC,IAAI,EAAE,IAAI,IAAI,CAC7D,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,EAC/B,QAAQ,CACT,GAAG;QACF,OAAO,EAAE;YACP,QAAQ,EAAE,CACR,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GACpD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAC7C,OAAO,CAAC,WAAW,GAAG;gBACpB,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;oBACP,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;iBACpC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;aAC5B,KACA,KAAK,CAAC,YAAY,CAAC;YACxB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;YACvE,IAAI,EAAE,CACJ,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;gBACtC,EAAE,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;gBAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;aACxB,KACE,KAAK,CAAC,YAAY,CAAC;YACxB,KAAK,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;YACzD,WAAW,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;YAC9D,KAAK,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;YAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;SAC9D,CAAC;KACH,CAAC;IAEF,KAAY,wBAAwB,GAAG;QACrC,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,KAAK,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/stepper.tsx

@@ -0,0 +1,452 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Root as Slot } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
+import { defineStepper as s } from '../../node_modules/@stepperize/react/dist/index.js';
+import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+import { Button } from './button.tsx';
+
+const StepperContext = React.createContext(null);
+const useStepperProvider = () => {
+  const context = React.useContext(StepperContext);
+  if (!context) {
+    throw new Error("useStepper must be used within a StepperProvider.");
+  }
+  return context;
+};
+const defineStepper = (...steps) => {
+  const { Scoped, useStepper, ...rest } = s(...steps);
+  const StepperContainer = ({
+    children,
+    className,
+    ...props
+  }) => {
+    const methods = useStepper();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-component": "stepper",
+        className: cn("w-full", className),
+        ...props,
+        children: typeof children === "function" ? children({ methods }) : children
+      }
+    );
+  };
+  return {
+    ...rest,
+    useStepper,
+    Stepper: {
+      Provider: ({
+        variant = "horizontal",
+        labelOrientation = "horizontal",
+        tracking = false,
+        children,
+        className,
+        ...props
+      }) => {
+        return /* @__PURE__ */ jsx(
+          StepperContext.Provider,
+          {
+            value: { variant, labelOrientation, tracking },
+            children: /* @__PURE__ */ jsx(
+              Scoped,
+              {
+                initialStep: props.initialStep,
+                initialMetadata: props.initialMetadata,
+                children: /* @__PURE__ */ jsx(StepperContainer, { className, ...props, children })
+              }
+            )
+          }
+        );
+      },
+      Navigation: ({
+        children,
+        "aria-label": ariaLabel = "Stepper Navigation",
+        ...props
+      }) => {
+        const { variant } = useStepperProvider();
+        return /* @__PURE__ */ jsx(
+          "nav",
+          {
+            "data-component": "stepper-navigation",
+            "aria-label": ariaLabel,
+            role: "tablist",
+            ...props,
+            children: /* @__PURE__ */ jsx(
+              "ol",
+              {
+                "data-component": "stepper-navigation-list",
+                className: classForNavigationList({ variant }),
+                children
+              }
+            )
+          }
+        );
+      },
+      Step: ({ children, className, icon, ...props }) => {
+        const { variant, labelOrientation } = useStepperProvider();
+        const { current } = useStepper();
+        const utils = rest.utils;
+        const steps2 = rest.steps;
+        const stepIndex = utils.getIndex(props.of);
+        const step = steps2[stepIndex];
+        const currentIndex = utils.getIndex(current.id);
+        const isLast = utils.getLast().id === props.of;
+        const isActive = current.id === props.of;
+        const dataState = getStepState(currentIndex, stepIndex);
+        const childMap = useStepChildren(children);
+        const title = childMap.get("title");
+        const description = childMap.get("description");
+        const panel = childMap.get("panel");
+        if (variant === "circle") {
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              "data-component": "stepper-step",
+              className: cn(
+                "flex shrink-0 items-center gap-4 rounded-md transition-colors",
+                className
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  CircleStepIndicator,
+                  {
+                    currentStep: stepIndex + 1,
+                    totalSteps: steps2.length
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    "data-component": "stepper-step-content",
+                    className: "flex flex-col items-start gap-1",
+                    children: [
+                      title,
+                      description
+                    ]
+                  }
+                )
+              ]
+            }
+          );
+        }
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            "li",
+            {
+              "data-component": "stepper-step",
+              className: cn([
+                "group peer relative flex items-center gap-2",
+                "data-[variant=vertical]:flex-row",
+                "data-[label-orientation=vertical]:w-full",
+                "data-[label-orientation=vertical]:flex-col",
+                "data-[label-orientation=vertical]:justify-center"
+              ]),
+              "data-variant": variant,
+              "data-label-orientation": labelOrientation,
+              "data-state": dataState,
+              "data-disabled": props.disabled,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    id: `step-${step.id}`,
+                    "data-component": "stepper-step-indicator",
+                    type: "button",
+                    role: "tab",
+                    tabIndex: dataState !== "inactive" ? 0 : -1,
+                    className: "rounded-full",
+                    variant: dataState !== "inactive" ? "default" : "secondary",
+                    size: "icon",
+                    "aria-controls": `step-panel-${props.of}`,
+                    "aria-current": isActive ? "step" : void 0,
+                    "aria-posinset": stepIndex + 1,
+                    "aria-setsize": steps2.length,
+                    "aria-selected": isActive,
+                    onKeyDown: (e) => onStepKeyDown(
+                      e,
+                      utils.getNext(props.of),
+                      utils.getPrev(props.of)
+                    ),
+                    ...props,
+                    children: icon ?? stepIndex + 1
+                  }
+                ),
+                variant === "horizontal" && labelOrientation === "vertical" && /* @__PURE__ */ jsx(
+                  StepperSeparator,
+                  {
+                    orientation: "horizontal",
+                    labelOrientation,
+                    isLast,
+                    state: dataState,
+                    disabled: props.disabled
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    "data-component": "stepper-step-content",
+                    className: "flex flex-col items-start",
+                    children: [
+                      title,
+                      description
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          variant === "horizontal" && labelOrientation === "horizontal" && /* @__PURE__ */ jsx(
+            StepperSeparator,
+            {
+              orientation: "horizontal",
+              isLast,
+              state: dataState,
+              disabled: props.disabled
+            }
+          ),
+          variant === "vertical" && /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+            !isLast && /* @__PURE__ */ jsx("div", { className: "flex justify-center ps-[calc(var(--spacing)_*_4.5_-_1px)]", children: /* @__PURE__ */ jsx(
+              StepperSeparator,
+              {
+                orientation: "vertical",
+                isLast,
+                state: dataState,
+                disabled: props.disabled
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "my-3 flex-1 ps-4", children: panel })
+          ] })
+        ] });
+      },
+      Title,
+      Description,
+      Panel: ({ children, asChild, ...props }) => {
+        const Comp = asChild ? Slot : "div";
+        const { tracking } = useStepperProvider();
+        return /* @__PURE__ */ jsx(
+          Comp,
+          {
+            "data-component": "stepper-step-panel",
+            ref: (node) => scrollIntoStepperPanel(node, tracking),
+            ...props,
+            children
+          }
+        );
+      },
+      Controls: ({ children, className, asChild, ...props }) => {
+        const Comp = asChild ? Slot : "div";
+        return /* @__PURE__ */ jsx(
+          Comp,
+          {
+            "data-component": "stepper-controls",
+            className: cn("flex justify-end gap-4", className),
+            ...props,
+            children
+          }
+        );
+      }
+    }
+  };
+};
+const Title = ({
+  children,
+  className,
+  asChild,
+  ...props
+}) => {
+  const Comp = asChild ? Slot : "h4";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-component": "stepper-step-title",
+      className: cn("text-base font-medium", className),
+      ...props,
+      children
+    }
+  );
+};
+const Description = ({
+  children,
+  className,
+  asChild,
+  ...props
+}) => {
+  const Comp = asChild ? Slot : "p";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-component": "stepper-step-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props,
+      children
+    }
+  );
+};
+const StepperSeparator = ({
+  orientation,
+  isLast,
+  labelOrientation,
+  state,
+  disabled
+}) => {
+  if (isLast) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-component": "stepper-separator",
+      "data-orientation": orientation,
+      "data-state": state,
+      "data-disabled": disabled,
+      role: "separator",
+      tabIndex: -1,
+      className: classForSeparator({ orientation, labelOrientation })
+    }
+  );
+};
+const CircleStepIndicator = ({
+  currentStep,
+  totalSteps,
+  size = 80,
+  strokeWidth = 6
+}) => {
+  const radius = (size - strokeWidth) / 2;
+  const circumference = radius * 2 * Math.PI;
+  const fillPercentage = currentStep / totalSteps * 100;
+  const dashOffset = circumference - circumference * fillPercentage / 100;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-component": "stepper-step-indicator",
+      role: "progressbar",
+      "aria-valuenow": currentStep,
+      "aria-valuemin": 1,
+      "aria-valuemax": totalSteps,
+      tabIndex: -1,
+      className: "relative inline-flex items-center justify-center",
+      children: [
+        /* @__PURE__ */ jsxs("svg", { width: size, height: size, children: [
+          /* @__PURE__ */ jsx("title", { children: "Step Indicator" }),
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth,
+              className: "text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth,
+              strokeDasharray: circumference,
+              strokeDashoffset: dashOffset,
+              className: "text-primary transition-all duration-300 ease-in-out",
+              transform: `rotate(-90 ${size / 2} ${size / 2})`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", "aria-live": "polite", children: [
+          currentStep,
+          " of ",
+          totalSteps
+        ] }) })
+      ]
+    }
+  );
+};
+const classForNavigationList = cva("flex gap-2", {
+  variants: {
+    variant: {
+      horizontal: "flex-row items-center justify-between",
+      vertical: "flex-col",
+      circle: "flex-row items-center justify-between"
+    }
+  }
+});
+const classForSeparator = cva(
+  [
+    "bg-muted",
+    "data-[state=completed]:bg-primary data-[disabled]:opacity-50",
+    "transition-all duration-300 ease-in-out"
+  ],
+  {
+    variants: {
+      orientation: {
+        horizontal: "h-0.5 flex-1",
+        vertical: "h-full w-0.5"
+      },
+      labelOrientation: {
+        vertical: "absolute left-[calc(50%+30px)] right-[calc(-50%+20px)] top-5 block shrink-0"
+      }
+    }
+  }
+);
+function scrollIntoStepperPanel(node, tracking) {
+  if (tracking) {
+    node?.scrollIntoView({ behavior: "smooth", block: "center" });
+  }
+}
+const useStepChildren = (children) => {
+  return React.useMemo(() => extractChildren(children), [children]);
+};
+const extractChildren = (children) => {
+  const childrenArray = React.Children.toArray(children);
+  const map = /* @__PURE__ */ new Map();
+  for (const child of childrenArray) {
+    if (React.isValidElement(child)) {
+      if (child.type === Title) {
+        map.set("title", child);
+      } else if (child.type === Description) {
+        map.set("description", child);
+      } else {
+        map.set("panel", child);
+      }
+    }
+  }
+  return map;
+};
+const onStepKeyDown = (e, nextStep, prevStep) => {
+  const { key } = e;
+  const directions = {
+    next: ["ArrowRight", "ArrowDown"],
+    prev: ["ArrowLeft", "ArrowUp"]
+  };
+  if (directions.next.includes(key) || directions.prev.includes(key)) {
+    const direction = directions.next.includes(key) ? "next" : "prev";
+    const step = direction === "next" ? nextStep : prevStep;
+    if (!step) {
+      return;
+    }
+    const stepElement = document.getElementById(`step-${step.id}`);
+    if (!stepElement) {
+      return;
+    }
+    const isActive = stepElement.parentElement?.getAttribute("data-state") !== "inactive";
+    if (isActive || direction === "prev") {
+      stepElement.focus();
+    }
+  }
+};
+const getStepState = (currentIndex, stepIndex) => {
+  if (currentIndex === stepIndex) {
+    return "active";
+  }
+  if (currentIndex > stepIndex) {
+    return "completed";
+  }
+  return "inactive";
+};
+
+export { defineStepper };

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

@@ -1,4 +1,5 @@
 import * as React from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,QAAA,MAAM,MAAM,6JAkBV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ui/switch.tsx

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Root, Thumb } from '../../node_modules/@radix-ui/react-switch/dist/index.js';
+import { cn } from '../../lib/utils.js';
+
+const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Root,
+  {
+    className: cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx(
+      Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = Root.displayName;
+
+export { Switch };

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

@@ -1,10 +1,11 @@
 import * as React from "react";
-declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
-declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
-declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
-declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
-declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,KAAK,iHAWT,CAAA;AAGF,QAAA,MAAM,WAAW,+HAKf,CAAA;AAGF,QAAA,MAAM,SAAS,+HASb,CAAA;AAGF,QAAA,MAAM,WAAW,+HAYf,CAAA;AAGF,QAAA,MAAM,QAAQ,uHAYZ,CAAA;AAGF,QAAA,MAAM,SAAS,2HAYb,CAAA;AAGF,QAAA,MAAM,SAAS,2HASb,CAAA;AAGF,QAAA,MAAM,YAAY,+HAShB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}