@b3-crow/ui-kit 0.0.30 → 0.0.31-pr30.1

package/dist/components/inputs/ApiKeyInput.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { LuEye, LuEyeOff, LuCopy, LuCheck } from 'react-icons/lu';
+import { motion, AnimatePresence } from 'framer-motion';
+export function ApiKeyInput({ apiKey, label = 'API Key', onCopy, }) {
+    const [isRevealed, setIsRevealed] = useState(false);
+    const [isCopied, setIsCopied] = useState(false);
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(apiKey);
+            setIsCopied(true);
+            onCopy?.(true);
+            setTimeout(() => setIsCopied(false), 2000);
+        }
+        catch (err) {
+            onCopy?.(false);
+        }
+    };
+    const displayValue = isRevealed ? apiKey : '••••••••••••••••••';
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-medium text-gray-200 block px-1", children: label }), _jsxs("div", { className: "relative", children: [_jsx("input", { className: "w-full bg-white/[0.02] border border-white/10 text-gray-200 px-3 py-2 pr-20 rounded-full text-sm focus:outline-none focus:border-violet-500/50 focus:ring-2 focus:ring-violet-500/20 transition-all font-mono tracking-widest cursor-default", readOnly: true, type: "text", value: displayValue, "aria-label": label }), _jsxs("div", { className: "absolute inset-y-0 right-2 flex items-center gap-0.5", children: [_jsx("button", { onClick: () => setIsRevealed(!isRevealed), "aria-label": isRevealed ? 'Hide' : 'Reveal', className: "p-1.5 text-gray-500 hover:text-white transition-colors rounded-full hover:bg-white/10", children: isRevealed ? (_jsx(LuEyeOff, { className: "text-[16px]" })) : (_jsx(LuEye, { className: "text-[16px]" })) }), _jsx("button", { onClick: handleCopy, "aria-label": "Copy", className: "p-1.5 text-gray-500 hover:text-white transition-colors rounded-full hover:bg-white/10", children: _jsx(AnimatePresence, { mode: "wait", children: isCopied ? (_jsx(motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, exit: { scale: 0 }, children: _jsx(LuCheck, { className: "text-[14px] text-green-400" }) }, "check")) : (_jsx(motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, exit: { scale: 0 }, children: _jsx(LuCopy, { className: "text-[14px]" }) }, "copy")) }) })] })] })] }));
+}
+//# sourceMappingURL=ApiKeyInput.js.map

package/dist/components/inputs/ApiKeyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiKeyInput.js","sourceRoot":"","sources":["../../../src/components/inputs/ApiKeyInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAQxD,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,KAAK,GAAG,SAAS,EACjB,MAAM,GACW;IACjB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YAC5C,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC;YACf,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAEhE,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,gBAAO,SAAS,EAAC,8CAA8C,YAC5D,KAAK,GACA,EACR,eAAK,SAAS,EAAC,UAAU,aACvB,gBACE,SAAS,EAAC,8OAA8O,EACxP,QAAQ,QACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,YAAY,gBACP,KAAK,GACjB,EACF,eAAK,SAAS,EAAC,sDAAsD,aACnE,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,gBAC7B,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC1C,SAAS,EAAC,uFAAuF,YAEhG,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,CACrC,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,CAClC,GACM,EACT,iBACE,OAAO,EAAE,UAAU,gBACR,MAAM,EACjB,SAAS,EAAC,uFAAuF,YAEjG,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,YACzB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,CAAC,GAAG,IAET,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,YAElB,KAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,GAAG,IAL9C,OAAO,CAMA,CACd,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,CAAC,GAAG,IAET,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,YAElB,KAAC,MAAM,IAAC,SAAS,EAAC,aAAa,GAAG,IAL9B,MAAM,CAMC,CACd,GACe,GACX,IACL,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/inputs/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface CheckboxProps extends Omit<React.ComponentPropsWithRef<'input'>, 'size'> {
+    label?: React.ReactNode;
+    labelClassName?: string;
+    containerClassName?: string;
+    checkboxClassName?: string;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'primary' | 'secondary';
+}
+export declare function Checkbox({ label, className, labelClassName, containerClassName, checkboxClassName, size, variant, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/inputs/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAc,EACd,cAAmB,EACnB,kBAAuB,EACvB,iBAAsB,EACtB,IAAW,EACX,OAAmB,EACnB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,2CAiDf"}

package/dist/components/inputs/Checkbox.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../../lib/utils';
+export function Checkbox({ label, className = '', labelClassName = '', containerClassName = '', checkboxClassName = '', size = 'md', variant = 'primary', ref, ...props }) {
+    const reactId = React.useId();
+    const id = props.id ?? reactId;
+    const sizeClasses = {
+        sm: 'w-3 h-3',
+        md: 'w-4 h-4',
+        lg: 'w-5 h-5',
+    };
+    const variantClasses = {
+        primary: 'border-gray-600 focus:ring-violet-500/50 checked:bg-violet-600 checked:border-violet-600',
+        secondary: 'border-gray-500 focus:ring-purple-500/50 checked:bg-purple-600 checked:border-purple-600',
+    };
+    const baseStyles = 'appearance-none rounded-full border bg-transparent focus:ring-1 focus:ring-offset-0 transition-all cursor-pointer checked:shadow-[inset_0_0_0_2px_white]';
+    return (_jsxs("div", { className: cn('flex items-start gap-3', containerClassName), children: [_jsx("div", { className: cn('flex items-center h-5', checkboxClassName), children: _jsx("input", { ref: ref, type: "checkbox", id: id, className: cn(baseStyles, sizeClasses[size], variantClasses[variant], className), ...props }) }), label && (_jsx("label", { htmlFor: id, className: cn('text-xs text-gray-500 leading-5 cursor-pointer', labelClassName), children: label }))] }));
+}
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/inputs/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/inputs/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAYrC,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,kBAAkB,GAAG,EAAE,EACvB,iBAAiB,GAAG,EAAE,EACtB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,GAAG,EACH,GAAG,KAAK,EACM;IACd,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,CAAC;IAE/B,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;KACd,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,OAAO,EACL,0FAA0F;QAC5F,SAAS,EACP,0FAA0F;KAC7F,CAAC;IAEF,MAAM,UAAU,GACd,0JAA0J,CAAC;IAE7J,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,kBAAkB,CAAC,aAC9D,cAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,YAC5D,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CACX,UAAU,EACV,WAAW,CAAC,IAAI,CAAC,EACjB,cAAc,CAAC,OAAO,CAAC,EACvB,SAAS,CACV,KACG,KAAK,GACT,GACE,EACL,KAAK,IAAI,CACR,gBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,cAAc,CACf,YAEA,KAAK,GACA,CACT,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/inputs/EmailTagInput.d.ts

@@ -0,0 +1,9 @@
+interface EmailTagInputProps {
+    emails: string[];
+    onEmailsChange: (emails: string[]) => void;
+    error?: string;
+    onInvalidEmail?: (email: string) => void;
+}
+export declare function EmailTagInput({ emails, onEmailsChange, error, onInvalidEmail, }: EmailTagInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmailTagInput.d.ts.map

package/dist/components/inputs/EmailTagInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailTagInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/EmailTagInput.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAMD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,cAAc,EACd,KAAK,EACL,cAAc,GACf,EAAE,kBAAkB,2CA8FpB"}

package/dist/components/inputs/EmailTagInput.js

@@ -0,0 +1,61 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { LuX } from 'react-icons/lu';
+const isValidEmail = (email) => {
+    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+};
+export function EmailTagInput({ emails, onEmailsChange, error, onInvalidEmail, }) {
+    const [inputValue, setInputValue] = useState('');
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            addEmail();
+        }
+        else if (e.key === 'Backspace' &&
+            inputValue === '' &&
+            emails.length > 0) {
+            removeEmail(emails.length - 1);
+        }
+    };
+    const handleChange = (e) => {
+        const value = e.target.value;
+        if (value.includes(',') || value.includes(' ')) {
+            const emailToAdd = value.replace(/[,\s]/g, '').trim();
+            if (emailToAdd && !emails.includes(emailToAdd)) {
+                if (isValidEmail(emailToAdd)) {
+                    onEmailsChange([...emails, emailToAdd]);
+                    setInputValue('');
+                }
+                else {
+                    onInvalidEmail?.(emailToAdd);
+                    setInputValue('');
+                }
+            }
+            else {
+                setInputValue('');
+            }
+        }
+        else {
+            setInputValue(value);
+        }
+    };
+    const addEmail = () => {
+        const trimmedEmail = inputValue.trim();
+        if (trimmedEmail && !emails.includes(trimmedEmail)) {
+            if (isValidEmail(trimmedEmail)) {
+                onEmailsChange([...emails, trimmedEmail]);
+                setInputValue('');
+            }
+            else {
+                onInvalidEmail?.(trimmedEmail);
+                setInputValue('');
+            }
+        }
+    };
+    const removeEmail = (index) => {
+        onEmailsChange(emails.filter((_, i) => i !== index));
+    };
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-medium text-gray-300 ml-1 block", children: "Email addresses" }), _jsxs("div", { className: `w-full bg-white/5 border ${error ? 'border-red-500/50' : 'border-white/10'} rounded-2xl px-3 py-2 flex flex-wrap gap-2 focus-within:border-violet-500/50 transition-colors shadow-inner min-h-[52px] items-center`, children: [emails.map((email, index) => (_jsxs("span", { className: "bg-violet-500/20 border border-violet-500/20 text-violet-100 text-[11px] font-medium px-2 py-0.5 rounded-md flex items-center gap-1", children: [email, _jsx("button", { type: "button", onClick: () => removeEmail(index), className: "hover:text-white text-violet-300 focus:outline-none flex items-center", children: _jsx(LuX, { className: "w-3 h-3" }) })] }, index))), _jsx("input", { type: "text", value: inputValue, onChange: handleChange, onKeyDown: handleKeyDown, className: "bg-transparent border-none focus:ring-0 text-sm p-0 text-gray-300 placeholder:text-gray-600 flex-grow min-w-[120px] h-6", placeholder: emails.length === 0 ? 'name@company.com' : '' })] }), _jsx("p", { className: "text-[10px] text-gray-500 ml-1", children: "Press Enter, Space, or Comma to add multiple emails." }), error && _jsx("p", { className: "text-[10px] text-red-400 ml-1", children: error })] }));
+}
+//# sourceMappingURL=EmailTagInput.js.map

package/dist/components/inputs/EmailTagInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailTagInput.js","sourceRoot":"","sources":["../../../src/components/inputs/EmailTagInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAiB,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AASrC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAW,EAAE;IAC9C,OAAO,4BAA4B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAC5B,MAAM,EACN,cAAc,EACd,KAAK,EACL,cAAc,GACK;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,aAAa,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC3D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;QACb,CAAC;aAAM,IACL,CAAC,CAAC,GAAG,KAAK,WAAW;YACrB,UAAU,KAAK,EAAE;YACjB,MAAM,CAAC,MAAM,GAAG,CAAC,EACjB,CAAC;YACD,WAAW,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAE7B,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;YACtD,IAAI,UAAU,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;gBAC/C,IAAI,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;oBAC7B,cAAc,CAAC,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;oBACxC,aAAa,CAAC,EAAE,CAAC,CAAC;gBACpB,CAAC;qBAAM,CAAC;oBACN,cAAc,EAAE,CAAC,UAAU,CAAC,CAAC;oBAC7B,aAAa,CAAC,EAAE,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;QACvC,IAAI,YAAY,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;YACnD,IAAI,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;gBAC/B,cAAc,CAAC,CAAC,GAAG,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;gBAC1C,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACN,cAAc,EAAE,CAAC,YAAY,CAAC,CAAC;gBAC/B,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QACpC,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,gBAAO,SAAS,EAAC,8CAA8C,gCAEvD,EACR,eACE,SAAS,EAAE,4BACT,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAChC,wIAAwI,aAEvI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,gBAEE,SAAS,EAAC,qIAAqI,aAE9I,KAAK,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,SAAS,EAAC,uEAAuE,YAEjF,KAAC,GAAG,IAAC,SAAS,EAAC,SAAS,GAAG,GACpB,KAVJ,KAAK,CAWL,CACR,CAAC,EACF,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,yHAAyH,EACnI,WAAW,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,GAC1D,IACE,EACN,YAAG,SAAS,EAAC,gCAAgC,qEAEzC,EACH,KAAK,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAK,IAC9D,CACP,CAAC;AACJ,CAAC"}

package/dist/components/inputs/Input.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    labelClassName?: string;
+    errorClassName?: string;
+    containerClassName?: string;
+    inputClassName?: string;
+    variant?: 'primary' | 'secondary' | 'outline';
+    inputSize?: 'sm' | 'md' | 'lg';
+    icon?: React.ReactNode;
+    iconPosition?: 'left' | 'right';
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare function Input({ label, error, className, labelClassName, errorClassName, containerClassName, inputClassName, variant, inputSize, icon, iconPosition, ref, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/inputs/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAC9C,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,KAAK,EACL,SAAc,EACd,cAAmB,EACnB,cAAmB,EACnB,kBAAuB,EACvB,cAAmB,EACnB,OAAmB,EACnB,SAAgB,EAChB,IAAI,EACJ,YAAsB,EACtB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,UAAU,2CA0FZ"}

package/dist/components/inputs/Input.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../../lib/utils';
+export function Input({ label, error, className = '', labelClassName = '', errorClassName = '', containerClassName = '', inputClassName = '', variant = 'primary', inputSize = 'md', icon, iconPosition = 'right', ref, ...props }) {
+    const reactId = React.useId();
+    const id = props.id ?? reactId;
+    const sizeClasses = {
+        sm: {
+            input: 'px-3 py-2 text-xs',
+            inputWithIcon: iconPosition === 'left' ? 'pl-9' : 'pr-9',
+            iconSize: 'w-4 h-4',
+            iconLeft: 'left-3',
+            iconRight: 'right-3',
+        },
+        md: {
+            input: 'px-4 py-2.5 text-sm',
+            inputWithIcon: iconPosition === 'left' ? 'pl-10' : 'pr-10',
+            iconSize: 'w-5 h-5',
+            iconLeft: 'left-3.5',
+            iconRight: 'right-3.5',
+        },
+        lg: {
+            input: 'px-5 py-3 text-base',
+            inputWithIcon: iconPosition === 'left' ? 'pl-12' : 'pr-12',
+            iconSize: 'w-6 h-6',
+            iconLeft: 'left-4',
+            iconRight: 'right-4',
+        },
+    };
+    const variantClasses = {
+        primary: 'bg-white/[0.02] border-white/10 focus:border-violet-500/50 focus:ring-violet-500/50 focus:bg-white/[0.04]',
+        secondary: 'bg-white/[0.03] border-white/20 focus:border-purple-500/50 focus:ring-purple-500/50 focus:bg-white/[0.05]',
+        outline: 'bg-transparent border-gray-600 focus:border-violet-400 focus:ring-violet-400/30',
+    };
+    const baseStyles = 'w-full border rounded-full text-gray-200 placeholder-gray-600 focus:outline-none focus:ring-1 transition-all duration-300 shadow-inner autofill:bg-white/[0.02] autofill:text-gray-200 autofill:shadow-[inset_0_0_0_1000px_rgba(255,255,255,0.02)]';
+    return (_jsxs("div", { className: cn('group relative w-full', containerClassName), children: [label && (_jsx("label", { className: cn('block text-sm font-medium text-gray-400 mb-2', labelClassName), htmlFor: id, children: label })), _jsxs("div", { className: "relative", children: [icon && (_jsx("div", { className: cn('absolute top-1/2 -translate-y-1/2 flex items-center justify-center text-white pointer-events-none z-10', iconPosition === 'left'
+                            ? sizeClasses[inputSize].iconLeft
+                            : sizeClasses[inputSize].iconRight), children: _jsx("span", { className: sizeClasses[inputSize].iconSize, children: icon }) })), _jsx("input", { ref: ref, id: id, className: cn(baseStyles, sizeClasses[inputSize].input, icon && sizeClasses[inputSize].inputWithIcon, variantClasses[variant], error
+                            ? 'border-red-500/50 focus:border-red-500/70 focus:ring-red-500/50'
+                            : '', inputClassName, className), ...props })] }), error && (_jsx("p", { className: cn('mt-2 text-sm text-red-400', errorClassName), children: error }))] }));
+}
+//# sourceMappingURL=Input.js.map

package/dist/components/inputs/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/inputs/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAiBrC,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,KAAK,EACL,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,cAAc,GAAG,EAAE,EACnB,kBAAkB,GAAG,EAAE,EACvB,cAAc,GAAG,EAAE,EACnB,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,YAAY,GAAG,OAAO,EACtB,GAAG,EACH,GAAG,KAAK,EACG;IACX,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,CAAC;IAE/B,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE;YACF,KAAK,EAAE,mBAAmB;YAC1B,aAAa,EAAE,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YACxD,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,QAAQ;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,EAAE,EAAE;YACF,KAAK,EAAE,qBAAqB;YAC5B,aAAa,EAAE,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;YAC1D,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,WAAW;SACvB;QACD,EAAE,EAAE;YACF,KAAK,EAAE,qBAAqB;YAC5B,aAAa,EAAE,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;YAC1D,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,QAAQ;YAClB,SAAS,EAAE,SAAS;SACrB;KACF,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,OAAO,EACL,2GAA2G;QAC7G,SAAS,EACP,2GAA2G;QAC7G,OAAO,EACL,iFAAiF;KACpF,CAAC;IAEF,MAAM,UAAU,GACd,oPAAoP,CAAC;IAEvP,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,aAC5D,KAAK,IAAI,CACR,gBACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,cAAc,CACf,EACD,OAAO,EAAE,EAAE,YAEV,KAAK,GACA,CACT,EACD,eAAK,SAAS,EAAC,UAAU,aACtB,IAAI,IAAI,CACP,cACE,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,YAAY,KAAK,MAAM;4BACrB,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,QAAQ;4BACjC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,SAAS,CACrC,YAED,eAAM,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,QAAQ,YAAG,IAAI,GAAQ,GAC3D,CACP,EACD,gBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CACX,UAAU,EACV,WAAW,CAAC,SAAS,CAAC,CAAC,KAAK,EAC5B,IAAI,IAAI,WAAW,CAAC,SAAS,CAAC,CAAC,aAAa,EAC5C,cAAc,CAAC,OAAO,CAAC,EACvB,KAAK;4BACH,CAAC,CAAC,iEAAiE;4BACnE,CAAC,CAAC,EAAE,EACN,cAAc,EACd,SAAS,CACV,KACG,KAAK,GACT,IACE,EACL,KAAK,IAAI,CACR,YAAG,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,cAAc,CAAC,YAC1D,KAAK,GACJ,CACL,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/inputs/InputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/InputField.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;;;mFA0BlB,CAAC;AAuBF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,EAAE,gBAAgB,CAAC;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,UAAU,CAAC,EACzB,WAAoC,EACpC,QAAQ,EACR,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,UAAiB,EACjB,UAA8D,EAC9D,cAAwB,EACxB,OAAuB,EACvB,IAAW,EACX,SAAc,EACd,cAAmB,EACnB,eAAoB,EACpB,kBAAuB,EACvB,QAAgB,EAChB,IAAa,GACd,EAAE,eAAe,2CA8DjB"}

package/dist/components/{InputField.js → inputs/InputField.js}

@@ -4,7 +4,7 @@ import { LuArrowUpRight } from 'react-icons/lu';
 import { useState } from 'react';
 import { motion } from 'framer-motion';
 import { cva } from 'class-variance-authority';
-import { cn } from '../lib/utils';
+import { cn } from '../../lib/utils';
 const inputVariants = cva('w-full rounded-full text-white placeholder:text-white/50 focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed', {
     variants: {
         variant: {

package/dist/components/inputs/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../src/components/inputs/InputField.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/NumberStepper.d.ts

@@ -0,0 +1,15 @@
+export interface NumberStepperProps {
+    defaultValue?: number;
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange?: (value: number) => void;
+    label?: string;
+    description?: string;
+    className?: string;
+    formatDisplay?: (value: number) => string;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare function NumberStepper({ defaultValue, value: controlledValue, min, max, step, onChange, label, description, className, formatDisplay, size, }: NumberStepperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NumberStepper.d.ts.map

package/dist/components/inputs/NumberStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberStepper.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/NumberStepper.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAgB,EAChB,KAAK,EAAE,eAAe,EACtB,GAAO,EACP,GAAS,EACT,IAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAc,EACd,aAAyC,EACzC,IAAW,GACZ,EAAE,kBAAkB,2CAiGpB"}

package/dist/components/inputs/NumberStepper.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { IoIosAdd } from 'react-icons/io';
+import { FiMinus } from 'react-icons/fi';
+import { cn } from '../../lib/utils';
+export function NumberStepper({ defaultValue = 1, value: controlledValue, min = 1, max = 100, step = 1, onChange, label, description, className = '', formatDisplay = value => value.toString(), size = 'md', }) {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const currentValue = controlledValue ?? internalValue;
+    const handleIncrement = () => {
+        if (currentValue < max) {
+            const newValue = Math.min(currentValue + step, max);
+            if (controlledValue === undefined) {
+                setInternalValue(newValue);
+            }
+            onChange?.(newValue);
+        }
+    };
+    const handleDecrement = () => {
+        if (currentValue > min) {
+            const newValue = Math.max(currentValue - step, min);
+            if (controlledValue === undefined) {
+                setInternalValue(newValue);
+            }
+            onChange?.(newValue);
+        }
+    };
+    const sizeStyles = {
+        sm: {
+            button: 'w-6 h-6',
+            text: 'text-xs min-w-[1.25rem]',
+            icon: 'text-xs',
+            gap: 'gap-2',
+        },
+        md: {
+            button: 'w-8 h-8',
+            text: 'text-sm min-w-[1.5rem]',
+            icon: 'text-sm',
+            gap: 'gap-4',
+        },
+        lg: {
+            button: 'w-10 h-10',
+            text: 'text-base min-w-[2rem]',
+            icon: 'text-base',
+            gap: 'gap-6',
+        },
+    };
+    return (_jsxs("div", { className: cn('flex flex-col items-center gap-2', className), children: [label && (_jsx("span", { className: "text-xs uppercase tracking-wider text-gray-500 font-medium", children: label })), _jsxs("div", { className: cn('flex items-center bg-white/[0.03] border border-white/10 rounded-full p-1 px-2', sizeStyles[size].gap), children: [_jsx("button", { type: "button", onClick: handleDecrement, disabled: currentValue <= min, className: cn('flex items-center justify-center text-gray-400 hover:text-white hover:bg-white/5 rounded-full transition-colors disabled:opacity-30 disabled:cursor-not-allowed', sizeStyles[size].button), "aria-label": "Decrease value", children: _jsx(FiMinus, { className: sizeStyles[size].icon }) }), _jsx("span", { className: cn('font-medium text-white text-center', sizeStyles[size].text), children: formatDisplay(currentValue) }), _jsx("button", { type: "button", onClick: handleIncrement, disabled: currentValue >= max, className: cn('flex items-center justify-center text-gray-400 hover:text-white hover:bg-white/5 rounded-full transition-colors disabled:opacity-30 disabled:cursor-not-allowed', sizeStyles[size].button), "aria-label": "Increase value", children: _jsx(IoIosAdd, { className: sizeStyles[size].icon }) })] }), description && (_jsx("span", { className: "text-[10px] text-gray-600", children: description }))] }));
+}
+//# sourceMappingURL=NumberStepper.js.map

package/dist/components/inputs/NumberStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../src/components/inputs/NumberStepper.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/PermissionToggle.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+interface PermissionToggleProps {
+    icon: ReactNode;
+    title: string;
+    description: string;
+    enabled: boolean;
+    onToggle: (enabled: boolean) => void;
+    expandable?: boolean;
+    expanded?: boolean;
+    children?: ReactNode;
+    highlighted?: boolean;
+}
+export declare function PermissionToggle({ icon, title, description, enabled, onToggle, expandable, expanded, children, highlighted, }: PermissionToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PermissionToggle.d.ts.map

package/dist/components/inputs/PermissionToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionToggle.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/PermissionToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,qBAAqB;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,UAAkB,EAClB,QAAgB,EAChB,QAAQ,EACR,WAAmB,GACpB,EAAE,qBAAqB,2CAuDvB"}

package/dist/components/inputs/PermissionToggle.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PermissionToggle({ icon, title, description, enabled, onToggle, expandable = false, expanded = false, children, highlighted = false, }) {
+    const borderClass = highlighted
+        ? 'border-violet-500/30'
+        : 'border-white/5 hover:border-white/10';
+    return (_jsxs("div", { className: `bg-white/[0.02] border ${borderClass} rounded-xl overflow-hidden transition-all duration-200`, children: [_jsxs("div", { className: "p-3 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `w-8 h-8 rounded-full ${highlighted ? 'bg-violet-500/10' : 'bg-white/5'} flex items-center justify-center ${highlighted ? 'text-violet-400' : 'text-gray-400'}`, children: icon }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-gray-200", children: title }), _jsx("div", { className: "text-[10px] text-gray-500", children: description })] })] }), _jsxs("label", { className: "relative inline-flex items-center cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: enabled, onChange: e => onToggle(e.target.checked), className: "sr-only peer", "aria-label": `Toggle ${title}` }), _jsx("div", { className: [
+                                    'w-9 h-5 bg-gray-700 rounded-full',
+                                    'peer peer-checked:bg-violet-600',
+                                    'peer-focus-visible:outline-none peer-focus-visible:ring-2',
+                                    'peer-focus-visible:ring-violet-500 peer-focus-visible:ring-offset-2',
+                                    'peer-focus-visible:ring-offset-black',
+                                    "after:content-[''] after:absolute after:top-[2px] after:left-[2px]",
+                                    'after:bg-white after:border-gray-300 after:border',
+                                    'after:rounded-full after:h-4 after:w-4 after:transition-all',
+                                    'peer-checked:after:translate-x-full peer-checked:after:border-white',
+                                ].join(' ') })] })] }), expandable && expanded && enabled && (_jsx("div", { className: "px-3 pb-3 pt-0 border-t border-white/5 bg-white/[0.01]", children: children }))] }));
+}
+//# sourceMappingURL=PermissionToggle.js.map

package/dist/components/inputs/PermissionToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionToggle.js","sourceRoot":"","sources":["../../../src/components/inputs/PermissionToggle.tsx"],"names":[],"mappings":";AAcA,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,WAAW,GAAG,KAAK,GACG;IACtB,MAAM,WAAW,GAAG,WAAW;QAC7B,CAAC,CAAC,sBAAsB;QACxB,CAAC,CAAC,sCAAsC,CAAC;IAE3C,OAAO,CACL,eACE,SAAS,EAAE,0BAA0B,WAAW,yDAAyD,aAEzG,eAAK,SAAS,EAAC,uCAAuC,aACpD,eAAK,SAAS,EAAC,yBAAyB,aACtC,cACE,SAAS,EAAE,wBACT,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YACrC,qCACE,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eACpC,EAAE,YAED,IAAI,GACD,EACN,0BACE,cAAK,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAO,EAChE,cAAK,SAAS,EAAC,2BAA2B,YAAE,WAAW,GAAO,IAC1D,IACF,EACN,iBAAO,SAAS,EAAC,kDAAkD,aACjE,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EACzC,SAAS,EAAC,cAAc,gBACZ,UAAU,KAAK,EAAE,GAC7B,EACF,cACE,SAAS,EAAE;oCACT,kCAAkC;oCAClC,iCAAiC;oCACjC,2DAA2D;oCAC3D,qEAAqE;oCACrE,sCAAsC;oCACtC,oEAAoE;oCACpE,mDAAmD;oCACnD,6DAA6D;oCAC7D,qEAAqE;iCACtE,CAAC,IAAI,CAAC,GAAG,CAAC,GACN,IACD,IACJ,EACL,UAAU,IAAI,QAAQ,IAAI,OAAO,IAAI,CACpC,cAAK,SAAS,EAAC,wDAAwD,YACpE,QAAQ,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/inputs/Select.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface SelectProps {
+    options: SelectOption[];
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    selectSize?: 'sm' | 'md' | 'lg';
+    variant?: 'primary' | 'secondary' | 'outline';
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    labelClassName?: string;
+    errorClassName?: string;
+    containerClassName?: string;
+    id?: string;
+    name?: string;
+}
+export declare const Select: React.FC<SelectProps>;
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/inputs/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuSxC,CAAC"}

package/dist/components/inputs/Select.js

@@ -0,0 +1,156 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useId } from 'react';
+import { cn } from '../../lib/utils';
+export const Select = ({ options, placeholder = 'Select...', label, error, selectSize = 'md', variant = 'primary', value, defaultValue = '', onChange, className = '', labelClassName = '', errorClassName = '', containerClassName = '', id: providedId, name, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const [highlightedIndex, setHighlightedIndex] = useState(-1);
+    const [typeAheadBuffer, setTypeAheadBuffer] = useState('');
+    const dropdownRef = useRef(null);
+    const buttonRef = useRef(null);
+    const listboxRef = useRef(null);
+    const typeAheadTimeoutRef = useRef(null);
+    const reactId = useId();
+    const id = providedId ?? reactId;
+    const buttonId = `${id}-button`;
+    const listboxId = `${id}-listbox`;
+    const errorId = error ? `${id}-error` : undefined;
+    const isControlled = value !== undefined;
+    const selectedValue = isControlled ? value : internalValue;
+    const selectedIndex = options.findIndex(opt => opt.value === selectedValue);
+    // Sync defaultValue changes in uncontrolled mode
+    useEffect(() => {
+        if (!isControlled && defaultValue !== undefined) {
+            setInternalValue(defaultValue);
+        }
+    }, [defaultValue, isControlled]);
+    const sizeClasses = {
+        sm: 'px-3 py-2 text-xs',
+        md: 'px-4 py-2.5 text-sm',
+        lg: 'px-5 py-3 text-base',
+    };
+    const dropdownSizeClasses = {
+        sm: 'text-xs',
+        md: 'text-sm',
+        lg: 'text-base',
+    };
+    const variantClasses = {
+        primary: 'bg-white/[0.02] border-white/10 focus:border-violet-500/50 focus:ring-violet-500/50 focus:bg-white/[0.04]',
+        secondary: 'bg-white/[0.03] border-white/20 focus:border-purple-500/50 focus:ring-purple-500/50 focus:bg-white/[0.05]',
+        outline: 'bg-transparent border-gray-600 focus:border-violet-400 focus:ring-violet-400/30',
+    };
+    const selectedOption = options.find(opt => opt.value === selectedValue);
+    // Close dropdown on outside click
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    // Reset highlighted index and focus listbox when dropdown opens
+    useEffect(() => {
+        if (isOpen) {
+            setHighlightedIndex(selectedIndex >= 0 ? selectedIndex : 0);
+            // Focus the listbox so keyboard navigation works
+            requestAnimationFrame(() => {
+                listboxRef.current?.focus();
+            });
+        }
+    }, [isOpen, selectedIndex]);
+    const handleSelect = (newValue) => {
+        if (!isControlled) {
+            setInternalValue(newValue);
+        }
+        setIsOpen(false);
+        buttonRef.current?.focus();
+        onChange?.(newValue);
+    };
+    const handleTypeAhead = (char) => {
+        if (typeAheadTimeoutRef.current) {
+            clearTimeout(typeAheadTimeoutRef.current);
+        }
+        const newBuffer = typeAheadBuffer + char.toLowerCase();
+        setTypeAheadBuffer(newBuffer);
+        const matchIndex = options.findIndex(opt => opt.label.toLowerCase().startsWith(newBuffer));
+        if (matchIndex >= 0) {
+            setHighlightedIndex(matchIndex);
+        }
+        typeAheadTimeoutRef.current = setTimeout(() => {
+            setTypeAheadBuffer('');
+        }, 500);
+    };
+    const handleButtonKeyDown = (e) => {
+        switch (e.key) {
+            case 'Enter':
+            case ' ':
+            case 'ArrowDown':
+            case 'ArrowUp':
+                e.preventDefault();
+                setIsOpen(true);
+                break;
+            case 'Escape':
+                setIsOpen(false);
+                break;
+            default:
+                if (e.key.length === 1 && !e.ctrlKey && !e.altKey && !e.metaKey) {
+                    e.preventDefault();
+                    setIsOpen(true);
+                    handleTypeAhead(e.key);
+                }
+        }
+    };
+    const handleListboxKeyDown = (e) => {
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                setHighlightedIndex(prev => prev < options.length - 1 ? prev + 1 : prev);
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                setHighlightedIndex(prev => (prev > 0 ? prev - 1 : prev));
+                break;
+            case 'Home':
+                e.preventDefault();
+                setHighlightedIndex(0);
+                break;
+            case 'End':
+                e.preventDefault();
+                setHighlightedIndex(options.length - 1);
+                break;
+            case 'Enter':
+            case ' ':
+                e.preventDefault();
+                if (highlightedIndex >= 0) {
+                    handleSelect(options[highlightedIndex].value);
+                }
+                break;
+            case 'Escape':
+                e.preventDefault();
+                setIsOpen(false);
+                buttonRef.current?.focus();
+                break;
+            default:
+                if (e.key.length === 1 && !e.ctrlKey && !e.altKey && !e.metaKey) {
+                    e.preventDefault();
+                    handleTypeAhead(e.key);
+                }
+        }
+    };
+    return (_jsxs("div", { className: cn('relative w-full', containerClassName), ref: dropdownRef, children: [label && (_jsx("label", { id: buttonId, className: cn('block text-sm font-medium text-gray-400 mb-2', labelClassName), children: label })), _jsx("input", { type: "hidden", name: name, id: id, value: selectedValue }), _jsxs("button", { ref: buttonRef, type: "button", onClick: () => setIsOpen(!isOpen), onKeyDown: handleButtonKeyDown, "aria-haspopup": "listbox", "aria-expanded": isOpen, "aria-labelledby": label ? buttonId : undefined, "aria-invalid": error ? 'true' : undefined, "aria-describedby": errorId, className: cn('w-full border rounded-full text-gray-200 placeholder-gray-600 focus:outline-none focus:ring-1 transition-all duration-300 shadow-inner cursor-pointer flex items-center justify-between', variantClasses[variant], error
+                    ? 'border-red-500/50 focus:border-red-500 focus:ring-red-500'
+                    : '', sizeClasses[selectSize], className), children: [_jsx("span", { className: selectedValue ? 'text-white' : 'text-gray-500', children: selectedOption ? selectedOption.label : placeholder }), _jsx("svg", { className: `w-5 h-5 text-gray-500 transition-transform ${isOpen ? 'rotate-180' : ''}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }), isOpen && (_jsx("div", { className: "absolute z-50 w-full mt-2", children: _jsx("div", { ref: listboxRef, role: "listbox", id: listboxId, "aria-labelledby": label ? buttonId : undefined, "aria-activedescendant": highlightedIndex >= 0
+                        ? `${id}-option-${highlightedIndex}`
+                        : undefined, tabIndex: -1, onKeyDown: handleListboxKeyDown, className: "bg-[#0a0a0f] border border-white/10 rounded-2xl p-2 shadow-xl backdrop-blur-sm focus:outline-none", children: options.map((option, index) => (_jsx("div", { id: `${id}-option-${index}`, role: "option", "aria-selected": selectedValue === option.value, onClick: () => handleSelect(option.value), onMouseEnter: () => setHighlightedIndex(index), className: cn('w-full text-left px-4 py-3 rounded-xl transition-all cursor-pointer', dropdownSizeClasses[selectSize], selectedValue === option.value &&
+                            'bg-violet-600/20 text-white', highlightedIndex === index &&
+                            selectedValue !== option.value &&
+                            'bg-white/5', selectedValue !== option.value &&
+                            highlightedIndex !== index &&
+                            'text-white hover:bg-white/5'), children: option.label }, option.value))) }) })), error && (_jsx("p", { id: errorId, className: cn('mt-2 text-sm text-red-400', errorClassName), children: error }))] }));
+};
+Select.displayName = 'Select';
+//# sourceMappingURL=Select.js.map

package/dist/components/inputs/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/inputs/Select.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/TagInput.d.ts

@@ -0,0 +1,10 @@
+interface TagInputProps {
+    label: string;
+    placeholder: string;
+    tags: string[];
+    onTagsChange: (tags: string[]) => void;
+    helpText?: string;
+}
+export declare function TagInput({ label, placeholder, tags, onTagsChange, helpText, }: TagInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TagInput.d.ts.map

package/dist/components/inputs/TagInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/TagInput.tsx"],"names":[],"mappings":"AAGA,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,aAAa,2CAiDf"}