@uipath/apollo-wind 0.7.2-pr188.4865fad

package/dist/components/ui/spinner.cjs

@@ -0,0 +1,78 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    spinnerVariants: ()=>spinnerVariants,
+    Spinner: ()=>Spinner
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const spinnerVariants = (0, external_class_variance_authority_namespaceObject.cva)('animate-spin text-muted-foreground', {
+    variants: {
+        size: {
+            sm: 'h-4 w-4',
+            default: 'h-6 w-6',
+            lg: 'h-8 w-8',
+            xl: 'h-12 w-12'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
+});
+const Spinner = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, size, label = 'Loading', showLabel = false, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        role: "status",
+        "aria-label": label,
+        className: (0, index_cjs_namespaceObject.cn)('flex items-center justify-center gap-2', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Loader2, {
+                className: (0, index_cjs_namespaceObject.cn)(spinnerVariants({
+                    size
+                }))
+            }),
+            showLabel ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "text-sm text-muted-foreground",
+                children: label
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "sr-only",
+                children: label
+            })
+        ]
+    }));
+Spinner.displayName = 'Spinner';
+exports.Spinner = __webpack_exports__.Spinner;
+exports.spinnerVariants = __webpack_exports__.spinnerVariants;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Spinner",
+    "spinnerVariants"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const spinnerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
+    label?: string;
+    showLabel?: boolean;
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+export { Spinner, spinnerVariants };

package/dist/components/ui/spinner.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+import { cn } from "../../lib/index.js";
+const spinnerVariants = cva('animate-spin text-muted-foreground', {
+    variants: {
+        size: {
+            sm: 'h-4 w-4',
+            default: 'h-6 w-6',
+            lg: 'h-8 w-8',
+            xl: 'h-12 w-12'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
+});
+const Spinner = /*#__PURE__*/ forwardRef(({ className, size, label = 'Loading', showLabel = false, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        role: "status",
+        "aria-label": label,
+        className: cn('flex items-center justify-center gap-2', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Loader2, {
+                className: cn(spinnerVariants({
+                    size
+                }))
+            }),
+            showLabel ? /*#__PURE__*/ jsx("span", {
+                className: "text-sm text-muted-foreground",
+                children: label
+            }) : /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: label
+            })
+        ]
+    }));
+Spinner.displayName = 'Spinner';
+export { Spinner, spinnerVariants };

package/dist/components/ui/stats-card.cjs

@@ -0,0 +1,102 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    StatsCard: ()=>StatsCard
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_card_cjs_namespaceObject = require("./card.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const StatsCard = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ title, value, description, icon, trend, variant = 'default', className, ...props }, ref)=>{
+    const variantStyles = {
+        default: '',
+        primary: 'border-primary/20 bg-primary/5',
+        success: 'border-green-500/20 bg-green-500/5',
+        warning: 'border-yellow-500/20 bg-yellow-500/5',
+        danger: 'border-red-500/20 bg-red-500/5'
+    };
+    const trendDirection = trend?.direction || (trend && trend.value >= 0 ? 'up' : 'down');
+    const TrendIcon = 'up' === trendDirection ? external_lucide_react_namespaceObject.TrendingUp : external_lucide_react_namespaceObject.TrendingDown;
+    const trendColorClass = 'up' === trendDirection ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_card_cjs_namespaceObject.Card, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)(variantStyles[variant], className),
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_card_cjs_namespaceObject.CardHeader, {
+                className: "flex flex-row items-center justify-between space-y-0 pb-2",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_card_cjs_namespaceObject.CardTitle, {
+                        className: "text-sm font-medium",
+                        children: title
+                    }),
+                    icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "text-muted-foreground",
+                        children: icon
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_card_cjs_namespaceObject.CardContent, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "text-2xl font-bold",
+                        children: value
+                    }),
+                    (description || trend) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground",
+                        children: [
+                            trend && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                                className: (0, index_cjs_namespaceObject.cn)('flex items-center gap-1 font-medium', trendColorClass),
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TrendIcon, {
+                                        className: "h-3 w-3"
+                                    }),
+                                    Math.abs(trend.value),
+                                    "%"
+                                ]
+                            }),
+                            description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                children: description
+                            }),
+                            trend?.label && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                children: trend.label
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+});
+StatsCard.displayName = 'StatsCard';
+exports.StatsCard = __webpack_exports__.StatsCard;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "StatsCard"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/stats-card.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface StatsCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    value: string | number;
+    description?: string;
+    icon?: React.ReactNode;
+    trend?: {
+        value: number;
+        label?: string;
+        direction?: 'up' | 'down';
+    };
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
+}
+declare const StatsCard: React.ForwardRefExoticComponent<StatsCardProps & React.RefAttributes<HTMLDivElement>>;
+export { StatsCard };

package/dist/components/ui/stats-card.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TrendingDown, TrendingUp } from "lucide-react";
+import { forwardRef } from "react";
+import { Card, CardContent, CardHeader, CardTitle } from "./card.js";
+import { cn } from "../../lib/index.js";
+const StatsCard = /*#__PURE__*/ forwardRef(({ title, value, description, icon, trend, variant = 'default', className, ...props }, ref)=>{
+    const variantStyles = {
+        default: '',
+        primary: 'border-primary/20 bg-primary/5',
+        success: 'border-green-500/20 bg-green-500/5',
+        warning: 'border-yellow-500/20 bg-yellow-500/5',
+        danger: 'border-red-500/20 bg-red-500/5'
+    };
+    const trendDirection = trend?.direction || (trend && trend.value >= 0 ? 'up' : 'down');
+    const TrendIcon = 'up' === trendDirection ? TrendingUp : TrendingDown;
+    const trendColorClass = 'up' === trendDirection ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400';
+    return /*#__PURE__*/ jsxs(Card, {
+        ref: ref,
+        className: cn(variantStyles[variant], className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsxs(CardHeader, {
+                className: "flex flex-row items-center justify-between space-y-0 pb-2",
+                children: [
+                    /*#__PURE__*/ jsx(CardTitle, {
+                        className: "text-sm font-medium",
+                        children: title
+                    }),
+                    icon && /*#__PURE__*/ jsx("div", {
+                        className: "text-muted-foreground",
+                        children: icon
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(CardContent, {
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "text-2xl font-bold",
+                        children: value
+                    }),
+                    (description || trend) && /*#__PURE__*/ jsxs("div", {
+                        className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground",
+                        children: [
+                            trend && /*#__PURE__*/ jsxs("span", {
+                                className: cn('flex items-center gap-1 font-medium', trendColorClass),
+                                children: [
+                                    /*#__PURE__*/ jsx(TrendIcon, {
+                                        className: "h-3 w-3"
+                                    }),
+                                    Math.abs(trend.value),
+                                    "%"
+                                ]
+                            }),
+                            description && /*#__PURE__*/ jsx("span", {
+                                children: description
+                            }),
+                            trend?.label && /*#__PURE__*/ jsx("span", {
+                                children: trend.label
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+});
+StatsCard.displayName = 'StatsCard';
+export { StatsCard };

package/dist/components/ui/stepper.cjs

@@ -0,0 +1,99 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Stepper: ()=>Stepper
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const Stepper = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ steps, currentStep, orientation = 'horizontal', onStepClick, clickableSteps = false, className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('flex', 'horizontal' === orientation ? 'flex-row items-start' : 'flex-col', className),
+        ...props,
+        children: steps.map((step, index)=>{
+            const isCompleted = index < currentStep;
+            const isCurrent = index === currentStep;
+            const isClickable = clickableSteps && index <= currentStep;
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: (0, index_cjs_namespaceObject.cn)('flex shrink-0', 'horizontal' === orientation ? 'flex-col items-center' : 'flex-row items-start', 'vertical' === orientation && 'w-full'),
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            className: (0, index_cjs_namespaceObject.cn)('flex', 'horizontal' === orientation ? 'flex-col items-center' : 'flex-row items-start gap-4'),
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                    type: "button",
+                                    "aria-label": isCompleted ? `Step ${index + 1} completed: ${step.title}` : `Step ${index + 1}: ${step.title}`,
+                                    onClick: ()=>{
+                                        if (isClickable && onStepClick) onStepClick(index);
+                                    },
+                                    disabled: !isClickable,
+                                    className: (0, index_cjs_namespaceObject.cn)('flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors', isCompleted && 'border-primary bg-primary text-primary-foreground', isCurrent && 'border-primary bg-background text-primary', !isCompleted && !isCurrent && 'border-muted-foreground/25 bg-background text-muted-foreground', isClickable && 'cursor-pointer hover:border-primary', !isClickable && 'cursor-not-allowed'),
+                                    children: isCompleted ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                                        className: "h-5 w-5"
+                                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                        children: index + 1
+                                    })
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                    className: (0, index_cjs_namespaceObject.cn)('flex flex-col', 'horizontal' === orientation ? 'mt-2 items-center text-center' : 'flex-1 justify-center'),
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                            className: (0, index_cjs_namespaceObject.cn)('text-sm font-medium', isCurrent && 'text-foreground', !isCurrent && 'text-muted-foreground'),
+                                            children: step.title
+                                        }),
+                                        step.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                            className: "text-xs text-muted-foreground",
+                                            children: step.description
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    index < steps.length - 1 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: (0, index_cjs_namespaceObject.cn)('horizontal' === orientation ? 'mt-5 flex h-[2px] flex-1 items-center' : 'ml-5 h-8 w-[2px]', 'bg-muted'),
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: (0, index_cjs_namespaceObject.cn)('transition-all', 'horizontal' === orientation ? 'h-full' : 'w-full', isCompleted ? 'bg-primary' : 'bg-transparent'),
+                            style: {
+                                width: 'horizontal' === orientation ? isCompleted ? '100%' : '0%' : '100%',
+                                height: 'vertical' === orientation ? isCompleted ? '100%' : '0%' : '100%'
+                            }
+                        })
+                    })
+                ]
+            }, index);
+        })
+    }));
+Stepper.displayName = 'Stepper';
+exports.Stepper = __webpack_exports__.Stepper;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Stepper"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface Step {
+    title: string;
+    description?: string;
+}
+export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    steps: Step[];
+    currentStep: number;
+    orientation?: 'horizontal' | 'vertical';
+    onStepClick?: (step: number) => void;
+    clickableSteps?: boolean;
+}
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+export { Stepper };

package/dist/components/ui/stepper.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+import { Fragment, forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+const Stepper = /*#__PURE__*/ forwardRef(({ steps, currentStep, orientation = 'horizontal', onStepClick, clickableSteps = false, className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn('flex', 'horizontal' === orientation ? 'flex-row items-start' : 'flex-col', className),
+        ...props,
+        children: steps.map((step, index)=>{
+            const isCompleted = index < currentStep;
+            const isCurrent = index === currentStep;
+            const isClickable = clickableSteps && index <= currentStep;
+            return /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: cn('flex shrink-0', 'horizontal' === orientation ? 'flex-col items-center' : 'flex-row items-start', 'vertical' === orientation && 'w-full'),
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: cn('flex', 'horizontal' === orientation ? 'flex-col items-center' : 'flex-row items-start gap-4'),
+                            children: [
+                                /*#__PURE__*/ jsx("button", {
+                                    type: "button",
+                                    "aria-label": isCompleted ? `Step ${index + 1} completed: ${step.title}` : `Step ${index + 1}: ${step.title}`,
+                                    onClick: ()=>{
+                                        if (isClickable && onStepClick) onStepClick(index);
+                                    },
+                                    disabled: !isClickable,
+                                    className: cn('flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors', isCompleted && 'border-primary bg-primary text-primary-foreground', isCurrent && 'border-primary bg-background text-primary', !isCompleted && !isCurrent && 'border-muted-foreground/25 bg-background text-muted-foreground', isClickable && 'cursor-pointer hover:border-primary', !isClickable && 'cursor-not-allowed'),
+                                    children: isCompleted ? /*#__PURE__*/ jsx(Check, {
+                                        className: "h-5 w-5"
+                                    }) : /*#__PURE__*/ jsx("span", {
+                                        children: index + 1
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: cn('flex flex-col', 'horizontal' === orientation ? 'mt-2 items-center text-center' : 'flex-1 justify-center'),
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: cn('text-sm font-medium', isCurrent && 'text-foreground', !isCurrent && 'text-muted-foreground'),
+                                            children: step.title
+                                        }),
+                                        step.description && /*#__PURE__*/ jsx("span", {
+                                            className: "text-xs text-muted-foreground",
+                                            children: step.description
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    index < steps.length - 1 && /*#__PURE__*/ jsx("div", {
+                        className: cn('horizontal' === orientation ? 'mt-5 flex h-[2px] flex-1 items-center' : 'ml-5 h-8 w-[2px]', 'bg-muted'),
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: cn('transition-all', 'horizontal' === orientation ? 'h-full' : 'w-full', isCompleted ? 'bg-primary' : 'bg-transparent'),
+                            style: {
+                                width: 'horizontal' === orientation ? isCompleted ? '100%' : '0%' : '100%',
+                                height: 'vertical' === orientation ? isCompleted ? '100%' : '0%' : '100%'
+                            }
+                        })
+                    })
+                ]
+            }, index);
+        })
+    }));
+Stepper.displayName = 'Stepper';
+export { Stepper };

package/dist/components/ui/switch.cjs

@@ -0,0 +1,48 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Switch: ()=>Switch
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_switch_namespaceObject = require("@radix-ui/react-switch");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const Switch = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Root, {
+        className: (0, index_cjs_namespaceObject.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-border', className),
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Thumb, {
+            className: (0, index_cjs_namespaceObject.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 = react_switch_namespaceObject.Root.displayName;
+exports.Switch = __webpack_exports__.Switch;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Switch"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,4 @@
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as React from 'react';
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/dist/components/ui/switch.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Root, Thumb } from "@radix-ui/react-switch";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+const Switch = /*#__PURE__*/ 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-border', className),
+        ...props,
+        ref: 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 };