pixelize-design-library 2.2.192 → 3.0.1-beta.1

package/dist/components-v2/ui/select.js

@@ -0,0 +1,122 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.SelectRoot = exports.Select = void 0;
+const React = __importStar(require("react"));
+const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
+const lucide_react_1 = require("lucide-react");
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+exports.Select = SelectPrimitive.Root;
+/** Alias of `Select` — re-exported under this name in src/index.ts so the
+ *  high-level `<Select>` (from src/components-v2/Select/Select.tsx) can take
+ *  the unaliased name without colliding. Both names refer to the same Radix
+ *  root. */
+exports.SelectRoot = SelectPrimitive.Root;
+exports.SelectGroup = SelectPrimitive.Group;
+exports.SelectValue = SelectPrimitive.Value;
+const triggerVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("flex w-full items-center justify-between rounded-md border border-input bg-background text-sm text-foreground shadow-sm transition-colors", "placeholder:text-muted-foreground", "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 focus:ring-offset-background", "disabled:cursor-not-allowed disabled:opacity-50", "data-[placeholder]:text-muted-foreground", "aria-[invalid=true]:border-destructive aria-[invalid=true]:focus:ring-destructive", "[&>span]:line-clamp-1"), {
+    variants: {
+        size: {
+            sm: "h-8 px-2.5 text-xs",
+            md: "h-9 px-3 text-sm",
+            lg: "h-10 px-3.5 text-base",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+exports.SelectTrigger = React.forwardRef((_a, ref) => {
+    var { className, size, children } = _a, rest = __rest(_a, ["className", "size", "children"]);
+    return (React.createElement(SelectPrimitive.Trigger, Object.assign({ ref: ref, className: (0, utils_1.cn)(triggerVariants({ size }), className) }, rest),
+        children,
+        React.createElement(SelectPrimitive.Icon, { asChild: true },
+            React.createElement(lucide_react_1.ChevronDown, { "aria-hidden": "true", className: "h-4 w-4 opacity-50" }))));
+});
+exports.SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+exports.SelectScrollUpButton = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.ScrollUpButton, Object.assign({ ref: ref, className: (0, utils_1.cn)("flex cursor-default items-center justify-center py-1", className) }, rest),
+        React.createElement(lucide_react_1.ChevronUp, { "aria-hidden": "true", className: "h-4 w-4" })));
+});
+exports.SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+exports.SelectScrollDownButton = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.ScrollDownButton, Object.assign({ ref: ref, className: (0, utils_1.cn)("flex cursor-default items-center justify-center py-1", className) }, rest),
+        React.createElement(lucide_react_1.ChevronDown, { "aria-hidden": "true", className: "h-4 w-4" })));
+});
+exports.SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+exports.SelectContent = React.forwardRef((_a, ref) => {
+    var { className, children, position = "popper" } = _a, rest = __rest(_a, ["className", "children", "position"]);
+    return (React.createElement(SelectPrimitive.Portal, null,
+        React.createElement(SelectPrimitive.Content, Object.assign({ ref: ref, position: position, className: (0, utils_1.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-card text-card-foreground shadow-md", "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=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2", position === "popper" &&
+                "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1", className) }, rest),
+            React.createElement(exports.SelectScrollUpButton, null),
+            React.createElement(SelectPrimitive.Viewport, { className: (0, utils_1.cn)("max-h-[min(20rem,var(--radix-select-content-available-height))] overflow-y-auto p-1", position === "popper" &&
+                    "w-full min-w-[var(--radix-select-trigger-width)]") }, children),
+            React.createElement(exports.SelectScrollDownButton, null))));
+});
+exports.SelectContent.displayName = SelectPrimitive.Content.displayName;
+exports.SelectLabel = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.Label, Object.assign({ ref: ref, className: (0, utils_1.cn)("px-2 py-1.5 text-xs font-semibold text-muted-foreground", className) }, rest)));
+});
+exports.SelectLabel.displayName = SelectPrimitive.Label.displayName;
+exports.SelectItem = React.forwardRef((_a, ref) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (React.createElement(SelectPrimitive.Item, Object.assign({ ref: ref, className: (0, utils_1.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className) }, rest),
+        React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
+            React.createElement(SelectPrimitive.ItemIndicator, null,
+                React.createElement(lucide_react_1.Check, { "aria-hidden": "true", className: "h-4 w-4" }))),
+        React.createElement(SelectPrimitive.ItemText, null, children)));
+});
+exports.SelectItem.displayName = SelectPrimitive.Item.displayName;
+exports.SelectSeparator = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.Separator, Object.assign({ ref: ref, className: (0, utils_1.cn)("-mx-1 my-1 h-px bg-border", className) }, rest)));
+});
+exports.SelectSeparator.displayName = SelectPrimitive.Separator.displayName;

package/dist/components-v2/ui/separator.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+export interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
+}
+export declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components-v2/ui/separator.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Separator = void 0;
+const React = __importStar(require("react"));
+const SeparatorPrimitive = __importStar(require("@radix-ui/react-separator"));
+const utils_1 = require("../../lib/utils");
+exports.Separator = React.forwardRef((_a, ref) => {
+    var { className, orientation = "horizontal", decorative = true } = _a, rest = __rest(_a, ["className", "orientation", "decorative"]);
+    return (React.createElement(SeparatorPrimitive.Root, Object.assign({ ref: ref, orientation: orientation, decorative: decorative, className: (0, utils_1.cn)("shrink-0 bg-border", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className) }, rest)));
+});
+exports.Separator.displayName = SeparatorPrimitive.Root.displayName;

package/dist/components-v2/ui/skeleton.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const skeletonVariants: (props?: ({
+    variant?: "circle" | "text" | "rectangle" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
+}
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export { skeletonVariants };

package/dist/components-v2/ui/skeleton.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.skeletonVariants = exports.Skeleton = void 0;
+const React = __importStar(require("react"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const skeletonVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("relative overflow-hidden bg-muted", "before:absolute before:inset-0 before:-translate-x-full", "before:bg-gradient-to-r before:from-transparent before:via-foreground/10 before:to-transparent", "motion-safe:before:animate-shimmer"), {
+    variants: {
+        variant: {
+            rectangle: "rounded-md",
+            text: "h-4 rounded-sm",
+            circle: "rounded-full",
+        },
+    },
+    defaultVariants: {
+        variant: "rectangle",
+    },
+});
+exports.skeletonVariants = skeletonVariants;
+exports.Skeleton = React.forwardRef((_a, ref) => {
+    var { className, variant } = _a, rest = __rest(_a, ["className", "variant"]);
+    return (React.createElement("div", Object.assign({ ref: ref, "aria-hidden": "true", className: (0, utils_1.cn)(skeletonVariants({ variant }), className) }, rest)));
+});
+exports.Skeleton.displayName = "Skeleton";

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+declare const SIZE_CLASS: {
+    readonly xs: "h-3 w-3";
+    readonly sm: "h-4 w-4";
+    readonly md: "h-5 w-5";
+    readonly lg: "h-6 w-6";
+    readonly xl: "h-8 w-8";
+};
+export type SpinnerSize = keyof typeof SIZE_CLASS;
+export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: SpinnerSize;
+    /** Visually-hidden text announced by screen readers. */
+    label?: string;
+}
+export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/components-v2/ui/spinner.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../../lib/utils");
+const SIZE_CLASS = {
+    xs: "h-3 w-3",
+    sm: "h-4 w-4",
+    md: "h-5 w-5",
+    lg: "h-6 w-6",
+    xl: "h-8 w-8",
+};
+exports.Spinner = React.forwardRef((_a, ref) => {
+    var { size = "md", label = "Loading", className } = _a, rest = __rest(_a, ["size", "label", "className"]);
+    return (React.createElement("span", Object.assign({ ref: ref, role: "status", className: (0, utils_1.cn)("inline-flex", className) }, rest),
+        React.createElement(lucide_react_1.Loader2, { "aria-hidden": "true", className: (0, utils_1.cn)("animate-spin", SIZE_CLASS[size]) }),
+        React.createElement("span", { className: "sr-only" }, label)));
+});
+exports.Spinner.displayName = "Spinner";

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { type VariantProps } from "class-variance-authority";
+declare const switchVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchVariants> {
+}
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components-v2/ui/switch.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+const React = __importStar(require("react"));
+const SwitchPrimitive = __importStar(require("@radix-ui/react-switch"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const switchVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("peer inline-flex 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"), {
+    variants: {
+        size: {
+            sm: "h-4 w-7",
+            md: "h-5 w-9",
+            lg: "h-6 w-11",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+const thumbVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("pointer-events-none block rounded-full bg-background shadow-sm ring-0", "transition-transform motion-safe:duration-200"), {
+    variants: {
+        size: {
+            sm: "h-3 w-3 data-[state=checked]:translate-x-3 data-[state=unchecked]:translate-x-0",
+            md: "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
+            lg: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+exports.Switch = React.forwardRef((_a, ref) => {
+    var { className, size } = _a, rest = __rest(_a, ["className", "size"]);
+    return (React.createElement(SwitchPrimitive.Root, Object.assign({ ref: ref, className: (0, utils_1.cn)(switchVariants({ size }), className) }, rest),
+        React.createElement(SwitchPrimitive.Thumb, { className: (0, utils_1.cn)(thumbVariants({ size })) })));
+});
+exports.Switch.displayName = "Switch";

package/dist/components-v2/ui/tabs.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { type VariantProps } from "class-variance-authority";
+export declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const listVariants: (props?: ({
+    variant?: "default" | "pills" | "boxed" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof listVariants> {
+}
+export declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components-v2/ui/tabs.js

@@ -0,0 +1,95 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = void 0;
+const React = __importStar(require("react"));
+const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+exports.Tabs = TabsPrimitive.Root;
+const listVariants = (0, class_variance_authority_1.cva)("inline-flex items-center gap-1 text-muted-foreground", {
+    variants: {
+        variant: {
+            default: "border-b border-border w-full",
+            pills: "rounded-full bg-muted p-1",
+            boxed: "rounded-md border border-border bg-card p-1",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const triggerVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", "disabled:pointer-events-none disabled:opacity-50"), {
+    variants: {
+        variant: {
+            default: "border-b-2 border-transparent -mb-px px-3 py-2 hover:text-foreground data-[state=active]:border-primary data-[state=active]:text-foreground",
+            pills: "rounded-full px-3 py-1 hover:text-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+            boxed: "rounded-sm px-3 py-1.5 hover:text-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const TabsVariantContext = React.createContext("default");
+exports.TabsList = React.forwardRef((_a, ref) => {
+    var { className, variant } = _a, rest = __rest(_a, ["className", "variant"]);
+    const resolvedVariant = variant !== null && variant !== void 0 ? variant : "default";
+    return (React.createElement(TabsVariantContext.Provider, { value: resolvedVariant },
+        React.createElement(TabsPrimitive.List, Object.assign({ ref: ref, className: (0, utils_1.cn)(listVariants({ variant: resolvedVariant }), className) }, rest))));
+});
+exports.TabsList.displayName = TabsPrimitive.List.displayName;
+exports.TabsTrigger = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    const variant = React.useContext(TabsVariantContext);
+    return (React.createElement(TabsPrimitive.Trigger, Object.assign({ ref: ref, className: (0, utils_1.cn)(triggerVariants({ variant }), className) }, rest)));
+});
+exports.TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+exports.TabsContent = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement(TabsPrimitive.Content, Object.assign({ ref: ref, className: (0, utils_1.cn)("mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", className) }, rest)));
+});
+exports.TabsContent.displayName = TabsPrimitive.Content.displayName;

package/dist/components-v2/ui/textarea.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /** Grow with content. */
+    autoResize?: boolean;
+    /** Hard cap when autoResize is enabled. */
+    maxRows?: number;
+    /** Initial visible row count. */
+    minRows?: number;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;