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

package/dist/components-v2/ui/form-field.js

@@ -0,0 +1,96 @@
+"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.FormField = void 0;
+exports.useFormField = useFormField;
+exports.buildAriaDescribedBy = buildAriaDescribedBy;
+const React = __importStar(require("react"));
+const utils_1 = require("../../lib/utils");
+const FormFieldContext = React.createContext(null);
+exports.FormField = React.forwardRef((_a, ref) => {
+    var { id, hasError = false, className, children } = _a, rest = __rest(_a, ["id", "hasError", "className", "children"]);
+    const generatedId = React.useId();
+    const baseId = id !== null && id !== void 0 ? id : generatedId;
+    const value = React.useMemo(() => ({
+        id: baseId,
+        labelId: `${baseId}-label`,
+        descriptionId: `${baseId}-description`,
+        errorId: `${baseId}-error`,
+        hasError,
+    }), [baseId, hasError]);
+    return (React.createElement(FormFieldContext.Provider, { value: value },
+        React.createElement("div", Object.assign({ ref: ref, className: (0, utils_1.cn)("flex flex-col gap-1.5", className) }, rest), children)));
+});
+exports.FormField.displayName = "FormField";
+const DEFAULT_FORM_FIELD = {
+    id: "",
+    labelId: "",
+    descriptionId: "",
+    errorId: "",
+    hasError: false,
+};
+/**
+ * Returns the surrounding FormField's ids + error state, or safe defaults when
+ * used outside a FormField (so primitives can be used standalone too).
+ */
+function useFormField() {
+    const ctx = React.useContext(FormFieldContext);
+    return ctx !== null && ctx !== void 0 ? ctx : DEFAULT_FORM_FIELD;
+}
+/**
+ * Helper for inputs to compose aria-describedby from description + error ids
+ * only when the FormField actually provides them.
+ */
+function buildAriaDescribedBy(field, extra) {
+    const parts = [
+        field.descriptionId && field.descriptionId !== ""
+            ? field.descriptionId
+            : null,
+        field.hasError && field.errorId !== "" ? field.errorId : null,
+        extra !== null && extra !== void 0 ? extra : null,
+    ].filter((part) => Boolean(part));
+    return parts.length > 0 ? parts.join(" ") : undefined;
+}

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { inputVariants };

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

@@ -0,0 +1,73 @@
+"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.inputVariants = exports.Input = void 0;
+const React = __importStar(require("react"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const form_field_1 = require("./form-field");
+const inputVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("flex w-full rounded-md border border-input bg-background text-foreground", "placeholder:text-muted-foreground", "shadow-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive", "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground"), {
+    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.inputVariants = inputVariants;
+exports.Input = React.forwardRef((_a, ref) => {
+    var { className, size, id: idProp, "aria-describedby": ariaDescribedByProp, "aria-invalid": ariaInvalidProp, type = "text" } = _a, rest = __rest(_a, ["className", "size", "id", "aria-describedby", "aria-invalid", "type"]);
+    const field = (0, form_field_1.useFormField)();
+    const id = idProp !== null && idProp !== void 0 ? idProp : (field.id || undefined);
+    const describedBy = ariaDescribedByProp !== null && ariaDescribedByProp !== void 0 ? ariaDescribedByProp : (0, form_field_1.buildAriaDescribedBy)(field);
+    const invalid = ariaInvalidProp !== undefined ? ariaInvalidProp : field.hasError || undefined;
+    return (React.createElement("input", Object.assign({ ref: ref, id: id, type: type, "aria-describedby": describedBy, "aria-invalid": invalid, className: (0, utils_1.cn)(inputVariants({ size }), className) }, rest)));
+});
+exports.Input.displayName = "Input";

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+    required?: boolean;
+    /** Renders an info icon next to the label whose tooltip shows this message. */
+    informationMessage?: React.ReactNode;
+    /** Optional aria-label for the info icon trigger. */
+    informationLabel?: string;
+}
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

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

@@ -0,0 +1,70 @@
+"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.Label = void 0;
+const React = __importStar(require("react"));
+const LabelPrimitive = __importStar(require("@radix-ui/react-label"));
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../../lib/utils");
+const form_field_1 = require("./form-field");
+const tooltip_1 = require("./tooltip");
+exports.Label = React.forwardRef((_a, ref) => {
+    var { className, required = false, informationMessage, informationLabel = "More information", htmlFor: htmlForProp, id: idProp, children } = _a, rest = __rest(_a, ["className", "required", "informationMessage", "informationLabel", "htmlFor", "id", "children"]);
+    const field = (0, form_field_1.useFormField)();
+    const htmlFor = htmlForProp !== null && htmlForProp !== void 0 ? htmlForProp : (field.id || undefined);
+    const id = idProp !== null && idProp !== void 0 ? idProp : (field.labelId || undefined);
+    return (React.createElement("span", { className: "inline-flex items-center gap-1.5" },
+        React.createElement(LabelPrimitive.Root, Object.assign({ ref: ref, htmlFor: htmlFor, id: id, className: (0, utils_1.cn)("text-sm font-medium leading-none text-foreground", "peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className) }, rest),
+            children,
+            required && (React.createElement("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive" }, "*")),
+            required && React.createElement("span", { className: "sr-only" }, " (required)")),
+        informationMessage && (React.createElement(tooltip_1.Tooltip, null,
+            React.createElement(tooltip_1.TooltipTrigger, { asChild: true },
+                React.createElement("button", { type: "button", "aria-label": informationLabel, className: "text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded-sm" },
+                    React.createElement(lucide_react_1.Info, { className: "h-3.5 w-3.5", "aria-hidden": "true" }))),
+            React.createElement(tooltip_1.TooltipContent, null, informationMessage)))));
+});
+exports.Label.displayName = "Label";

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+export declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+}
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,60 @@
+"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.PopoverContent = exports.PopoverClose = exports.PopoverAnchor = exports.PopoverTrigger = exports.Popover = void 0;
+const React = __importStar(require("react"));
+const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
+const utils_1 = require("../../lib/utils");
+exports.Popover = PopoverPrimitive.Root;
+exports.PopoverTrigger = PopoverPrimitive.Trigger;
+exports.PopoverAnchor = PopoverPrimitive.Anchor;
+exports.PopoverClose = PopoverPrimitive.Close;
+exports.PopoverContent = React.forwardRef((_a, ref) => {
+    var { className, align = "center", sideOffset = 4 } = _a, rest = __rest(_a, ["className", "align", "sideOffset"]);
+    return (React.createElement(PopoverPrimitive.Portal, null,
+        React.createElement(PopoverPrimitive.Content, Object.assign({ ref: ref, align: align, sideOffset: sideOffset, className: (0, utils_1.cn)("z-50 w-72 rounded-md border border-border bg-card p-4 text-card-foreground shadow-md outline-none", "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", className) }, rest))));
+});
+exports.PopoverContent.displayName = PopoverPrimitive.Content.displayName;

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { type VariantProps } from "class-variance-authority";
+declare const progressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, "size">, VariantProps<typeof progressVariants> {
+    /** Show "{value}%" centered above the bar. */
+    showLabel?: boolean;
+}
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,75 @@
+"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.Progress = void 0;
+const React = __importStar(require("react"));
+const ProgressPrimitive = __importStar(require("@radix-ui/react-progress"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const progressVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("relative w-full overflow-hidden rounded-full bg-secondary"), {
+    variants: {
+        size: {
+            sm: "h-1",
+            md: "h-2",
+            lg: "h-3",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+exports.Progress = React.forwardRef((_a, ref) => {
+    var { className, size, value, max = 100, showLabel = false } = _a, rest = __rest(_a, ["className", "size", "value", "max", "showLabel"]);
+    const safeValue = typeof value === "number" ? Math.min(Math.max(value, 0), max) : 0;
+    const percentage = max > 0 ? (safeValue / max) * 100 : 0;
+    return (React.createElement("div", { className: "flex flex-col gap-1" },
+        showLabel && (React.createElement("span", { className: "text-xs font-medium text-muted-foreground" },
+            Math.round(percentage),
+            "%")),
+        React.createElement(ProgressPrimitive.Root, Object.assign({ ref: ref, value: value, max: max, className: (0, utils_1.cn)(progressVariants({ size }), className) }, rest),
+            React.createElement(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 bg-primary transition-transform duration-300 ease-out", style: { transform: `translateX(-${100 - percentage}%)` } }))));
+});
+exports.Progress.displayName = "Progress";

package/dist/components-v2/ui/radio-group.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { type VariantProps } from "class-variance-authority";
+declare const radioGroupVariants: (props?: ({
+    variant?: "default" | "horizontal" | "card" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export type RadioGroupVariant = NonNullable<VariantProps<typeof radioGroupVariants>["variant"]>;
+export interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, VariantProps<typeof radioGroupVariants> {
+}
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    /** Used by the 'card' variant. */
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+}
+export declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components-v2/ui/radio-group.js

@@ -0,0 +1,91 @@
+"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.RadioGroupItem = exports.RadioGroup = void 0;
+const React = __importStar(require("react"));
+const RadioGroupPrimitive = __importStar(require("@radix-ui/react-radio-group"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const radioGroupVariants = (0, class_variance_authority_1.cva)("grid gap-2", {
+    variants: {
+        variant: {
+            default: "grid-cols-1",
+            horizontal: "grid-flow-col auto-cols-max gap-4",
+            card: "grid-cols-1 gap-2",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const RadioGroupContext = React.createContext({
+    variant: "default",
+});
+exports.RadioGroup = 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(RadioGroupContext.Provider, { value: { variant: resolvedVariant } },
+        React.createElement(RadioGroupPrimitive.Root, Object.assign({ ref: ref, className: (0, utils_1.cn)(radioGroupVariants({ variant: resolvedVariant }), className) }, rest))));
+});
+exports.RadioGroup.displayName = "RadioGroup";
+const radioStyles = (0, utils_1.cn)("aspect-square h-4 w-4 rounded-full border border-input bg-background text-primary transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=checked]:border-primary");
+exports.RadioGroupItem = React.forwardRef((_a, ref) => {
+    var { className, label, description, id: idProp } = _a, rest = __rest(_a, ["className", "label", "description", "id"]);
+    const ctx = React.useContext(RadioGroupContext);
+    const autoId = React.useId();
+    const id = idProp !== null && idProp !== void 0 ? idProp : autoId;
+    const item = (React.createElement(RadioGroupPrimitive.Item, Object.assign({ ref: ref, id: id, className: (0, utils_1.cn)(radioStyles, className) }, rest),
+        React.createElement(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center" },
+            React.createElement("span", { className: "h-2 w-2 rounded-full bg-primary" }))));
+    if (ctx.variant !== "card")
+        return item;
+    return (React.createElement("label", { htmlFor: id, className: (0, utils_1.cn)("group flex cursor-pointer items-start gap-3 rounded-md border border-input bg-background p-3 text-sm transition-colors", "hover:bg-accent/40", "has-[[data-state=checked]]:border-primary has-[[data-state=checked]]:bg-primary/5", "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1") },
+        item,
+        (label || description) && (React.createElement("span", { className: "flex flex-col gap-0.5" },
+            label && (React.createElement("span", { className: "font-medium text-foreground" }, label)),
+            description && (React.createElement("span", { className: "text-xs text-muted-foreground" }, description))))));
+});
+exports.RadioGroupItem.displayName = "RadioGroupItem";

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { type VariantProps } from "class-variance-authority";
+export declare const Select: React.FC<SelectPrimitive.SelectProps>;
+/** 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. */
+export declare const SelectRoot: React.FC<SelectPrimitive.SelectProps>;
+export declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const triggerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, VariantProps<typeof triggerVariants> {
+}
+export declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};