@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.4

package/dist/components/shad-cn-ui/SolidIcon.js

@@ -0,0 +1,149 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { AlertCircle, AlertTriangle, ArrowDownWideNarrow, ArrowLeft, ArrowRight, ArrowUpWideNarrow, BarChart3, Bell, Bot, Calendar, CalendarMinus, CalendarPlus, Check, CheckCircle2, ChevronsLeft, ChevronsRight, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleHelp, Code, Cog, Columns3, Copy, Download, DownloadCloud, ExternalLink, Eye, EyeOff, File, FilePenLine, FileSpreadsheet, FileText, FileType, Filter, FilterX, History, Image as ImageIcon, Inbox, Info, LayoutGrid, Loader2, Lock, Mail, Menu, MessageSquare, Minus, MoreHorizontal, MoreVertical, Pencil, Plus, Power, RefreshCcw, Save, Search, Send, SlidersHorizontal, Star, Terminal, Trash2, Upload, UploadCloud, User, Users, Wifi, X, XCircle } from "lucide-react";
+var ICON_MAP = {
+    "si-android": Bot,
+    "si-angle-double-left": ChevronsLeft,
+    "si-angle-double-right": ChevronsRight,
+    "si-angle-down": ChevronDown,
+    "si-angle-left": ChevronLeft,
+    "si-angle-right": ChevronRight,
+    "si-angle-up": ChevronUp,
+    "si-arrow-left": ArrowLeft,
+    "si-arrow-right": ArrowRight,
+    "si-bars": Menu,
+    "si-bell": Bell,
+    "si-calendar": Calendar,
+    "si-calendar-minus": CalendarMinus,
+    "si-calendar-plus": CalendarPlus,
+    "si-chart-bar": BarChart3,
+    "si-check": Check,
+    "si-check-circle": CheckCircle2,
+    "si-chevron-down": ChevronDown,
+    "si-chevron-left": ChevronLeft,
+    "si-chevron-right": ChevronRight,
+    "si-chevron-up": ChevronUp,
+    "si-clone": Copy,
+    "si-cloud-download": DownloadCloud,
+    "si-cloud-upload": UploadCloud,
+    "si-code": Code,
+    "si-cog": Cog,
+    "si-comments": MessageSquare,
+    "si-copy": Copy,
+    "si-download": Download,
+    "si-ellipsis-h": MoreHorizontal,
+    "si-ellipsis-v": MoreVertical,
+    "si-envelope": Mail,
+    "si-exclamation-circle": AlertCircle,
+    "si-exclamation-triangle": AlertTriangle,
+    "si-external-link": ExternalLink,
+    "si-eye": Eye,
+    "si-eye-slash": EyeOff,
+    "si-file": File,
+    "si-file-edit": FilePenLine,
+    "si-file-excel": FileSpreadsheet,
+    "si-file-pdf": FileText,
+    "si-file-word": FileType,
+    "si-filter": Filter,
+    "si-filter-fill": Filter,
+    "si-filter-slash": FilterX,
+    "si-history": History,
+    "si-image": ImageIcon,
+    "si-inbox": Inbox,
+    "si-info-circle": Info,
+    "si-lock": Lock,
+    "si-minus": Minus,
+    "si-objects-column": Columns3,
+    "si-pencil": Pencil,
+    "si-plus": Plus,
+    "si-power-off": Power,
+    "si-refresh": RefreshCcw,
+    "si-save": Save,
+    "si-search": Search,
+    "si-send": Send,
+    "si-sliders-h": SlidersHorizontal,
+    "si-sort-down-fill": ArrowDownWideNarrow,
+    "si-sort-up-fill": ArrowUpWideNarrow,
+    "si-spinner": Loader2,
+    "si-star": Star,
+    "si-terminal": Terminal,
+    "si-th-large": LayoutGrid,
+    "si-times": X,
+    "si-times-circle": XCircle,
+    "si-trash": Trash2,
+    "si-upload": Upload,
+    "si-user": User,
+    "si-users": Users,
+    "si-wifi": Wifi
+};
+var SPIN_CLASSNAMES = new Set(["pi-spin", "si-spin"]);
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+function isSolidIconName(name) {
+    return Object.prototype.hasOwnProperty.call(ICON_MAP, name);
+}
+export var ICON_KEYS = Object.keys(ICON_MAP);
+export var SolidIcon = React.forwardRef(function (_a, ref) {
+    var _b;
+    var name = _a.name, _c = _a.size, size = _c === void 0 ? "1em" : _c, spin = _a.spin, className = _a.className, rest = __rest(_a, ["name", "size", "spin", "className"]);
+    var IconComponent = (_b = ICON_MAP[name]) !== null && _b !== void 0 ? _b : CircleHelp;
+    return (_jsx(IconComponent, __assign({ ref: ref, size: size, className: cx("solid-icon", spin && "solid-icon--spin", className) }, rest)));
+});
+export function parseSolidIconMeta(value) {
+    if (!value)
+        return undefined;
+    var tokens = value.trim().split(/\s+/).filter(Boolean);
+    if (tokens.length === 0)
+        return undefined;
+    var spin = false;
+    var matchedName;
+    for (var _i = 0, tokens_1 = tokens; _i < tokens_1.length; _i++) {
+        var token = tokens_1[_i];
+        if (SPIN_CLASSNAMES.has(token)) {
+            spin = true;
+            continue;
+        }
+        if (!token.startsWith("pi-") && !token.startsWith("si-")) {
+            continue;
+        }
+        var normalized = token.startsWith("pi-") ? "si-".concat(token.slice(3)) : token;
+        if (isSolidIconName(normalized)) {
+            matchedName = normalized;
+        }
+    }
+    if (!matchedName)
+        return undefined;
+    return { name: matchedName, spin: spin };
+}
+export function normalizeSolidIconName(value) {
+    var _a;
+    return (_a = parseSolidIconMeta(value)) === null || _a === void 0 ? void 0 : _a.name;
+}
+//# sourceMappingURL=SolidIcon.js.map

package/dist/components/shad-cn-ui/SolidIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidIcon.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport {\n  AlertCircle,\n  AlertTriangle,\n  ArrowDownWideNarrow,\n  ArrowLeft,\n  ArrowRight,\n  ArrowUpWideNarrow,\n  BarChart3,\n  Bell,\n  Bot,\n  Calendar,\n  CalendarMinus,\n  CalendarPlus,\n  Check,\n  CheckCircle2,\n  ChevronsLeft,\n  ChevronsRight,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  ChevronUp,\n  CircleHelp,\n  Code,\n  Cog,\n  Columns3,\n  Copy,\n  Download,\n  DownloadCloud,\n  ExternalLink,\n  Eye,\n  EyeOff,\n  File,\n  FilePenLine,\n  FileSpreadsheet,\n  FileText,\n  FileType,\n  Filter,\n  FilterX,\n  History,\n  Image as ImageIcon,\n  Inbox,\n  Info,\n  LayoutGrid,\n  Loader2,\n  Lock,\n  Mail,\n  Menu,\n  MessageSquare,\n  Minus,\n  MoreHorizontal,\n  MoreVertical,\n  Pencil,\n  Plus,\n  Power,\n  RefreshCcw,\n  Save,\n  Search,\n  Send,\n  SlidersHorizontal,\n  Star,\n  Terminal,\n  Trash2,\n  Upload,\n  UploadCloud,\n  User,\n  Users,\n  Wifi,\n  X,\n  XCircle\n} from \"lucide-react\";\n\ntype IconComponent = LucideIcon;\n\nconst ICON_MAP = {\n  \"si-android\": Bot,\n  \"si-angle-double-left\": ChevronsLeft,\n  \"si-angle-double-right\": ChevronsRight,\n  \"si-angle-down\": ChevronDown,\n  \"si-angle-left\": ChevronLeft,\n  \"si-angle-right\": ChevronRight,\n  \"si-angle-up\": ChevronUp,\n  \"si-arrow-left\": ArrowLeft,\n  \"si-arrow-right\": ArrowRight,\n  \"si-bars\": Menu,\n  \"si-bell\": Bell,\n  \"si-calendar\": Calendar,\n  \"si-calendar-minus\": CalendarMinus,\n  \"si-calendar-plus\": CalendarPlus,\n  \"si-chart-bar\": BarChart3,\n  \"si-check\": Check,\n  \"si-check-circle\": CheckCircle2,\n  \"si-chevron-down\": ChevronDown,\n  \"si-chevron-left\": ChevronLeft,\n  \"si-chevron-right\": ChevronRight,\n  \"si-chevron-up\": ChevronUp,\n  \"si-clone\": Copy,\n  \"si-cloud-download\": DownloadCloud,\n  \"si-cloud-upload\": UploadCloud,\n  \"si-code\": Code,\n  \"si-cog\": Cog,\n  \"si-comments\": MessageSquare,\n  \"si-copy\": Copy,\n  \"si-download\": Download,\n  \"si-ellipsis-h\": MoreHorizontal,\n  \"si-ellipsis-v\": MoreVertical,\n  \"si-envelope\": Mail,\n  \"si-exclamation-circle\": AlertCircle,\n  \"si-exclamation-triangle\": AlertTriangle,\n  \"si-external-link\": ExternalLink,\n  \"si-eye\": Eye,\n  \"si-eye-slash\": EyeOff,\n  \"si-file\": File,\n  \"si-file-edit\": FilePenLine,\n  \"si-file-excel\": FileSpreadsheet,\n  \"si-file-pdf\": FileText,\n  \"si-file-word\": FileType,\n  \"si-filter\": Filter,\n  \"si-filter-fill\": Filter,\n  \"si-filter-slash\": FilterX,\n  \"si-history\": History,\n  \"si-image\": ImageIcon,\n  \"si-inbox\": Inbox,\n  \"si-info-circle\": Info,\n  \"si-lock\": Lock,\n  \"si-minus\": Minus,\n  \"si-objects-column\": Columns3,\n  \"si-pencil\": Pencil,\n  \"si-plus\": Plus,\n  \"si-power-off\": Power,\n  \"si-refresh\": RefreshCcw,\n  \"si-save\": Save,\n  \"si-search\": Search,\n  \"si-send\": Send,\n  \"si-sliders-h\": SlidersHorizontal,\n  \"si-sort-down-fill\": ArrowDownWideNarrow,\n  \"si-sort-up-fill\": ArrowUpWideNarrow,\n  \"si-spinner\": Loader2,\n  \"si-star\": Star,\n  \"si-terminal\": Terminal,\n  \"si-th-large\": LayoutGrid,\n  \"si-times\": X,\n  \"si-times-circle\": XCircle,\n  \"si-trash\": Trash2,\n  \"si-upload\": Upload,\n  \"si-user\": User,\n  \"si-users\": Users,\n  \"si-wifi\": Wifi\n} satisfies Record<string, IconComponent>;\n\nexport type SolidIconName = keyof typeof ICON_MAP;\n\nconst SPIN_CLASSNAMES = new Set([\"pi-spin\", \"si-spin\"]);\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction isSolidIconName(name: string): name is SolidIconName {\n  return Object.prototype.hasOwnProperty.call(ICON_MAP, name);\n}\n\nexport interface SolidIconProps extends React.ComponentPropsWithoutRef<\"svg\"> {\n  name: SolidIconName;\n  size?: number | string;\n  spin?: boolean;\n}\n\nexport const ICON_KEYS = Object.keys(ICON_MAP) as SolidIconName[];\n\nexport const SolidIcon = React.forwardRef<SVGSVGElement, SolidIconProps>(\n  ({ name, size = \"1em\", spin, className, ...rest }, ref) => {\n    const IconComponent = ICON_MAP[name] ?? CircleHelp;\n\n    return (\n      <IconComponent\n        ref={ref}\n        size={size}\n        className={cx(\"solid-icon\", spin && \"solid-icon--spin\", className)}\n        {...rest}\n      />\n    );\n  }\n);\n\nexport type SolidIconMeta = {\n  name: SolidIconName;\n  spin?: boolean;\n};\n\nexport function parseSolidIconMeta(value?: string | null): SolidIconMeta | undefined {\n  if (!value) return undefined;\n  const tokens = value.trim().split(/\\s+/).filter(Boolean);\n  if (tokens.length === 0) return undefined;\n\n  let spin = false;\n  let matchedName: SolidIconName | undefined;\n\n  for (const token of tokens) {\n    if (SPIN_CLASSNAMES.has(token)) {\n      spin = true;\n      continue;\n    }\n\n    if (!token.startsWith(\"pi-\") && !token.startsWith(\"si-\")) {\n      continue;\n    }\n\n    const normalized = token.startsWith(\"pi-\") ? `si-${token.slice(3)}` : token;\n    if (isSolidIconName(normalized)) {\n      matchedName = normalized;\n    }\n  }\n\n  if (!matchedName) return undefined;\n\n  return { name: matchedName, spin };\n}\n\nexport function normalizeSolidIconName(value?: string | null): SolidIconName | undefined {\n  return parseSolidIconMeta(value)?.name;\n}\n"]}

package/dist/components/shad-cn-ui/SolidIcon.tsx

@@ -0,0 +1,223 @@
+import React from "react";
+import type { LucideIcon } from "lucide-react";
+import {
+  AlertCircle,
+  AlertTriangle,
+  ArrowDownWideNarrow,
+  ArrowLeft,
+  ArrowRight,
+  ArrowUpWideNarrow,
+  BarChart3,
+  Bell,
+  Bot,
+  Calendar,
+  CalendarMinus,
+  CalendarPlus,
+  Check,
+  CheckCircle2,
+  ChevronsLeft,
+  ChevronsRight,
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  ChevronUp,
+  CircleHelp,
+  Code,
+  Cog,
+  Columns3,
+  Copy,
+  Download,
+  DownloadCloud,
+  ExternalLink,
+  Eye,
+  EyeOff,
+  File,
+  FilePenLine,
+  FileSpreadsheet,
+  FileText,
+  FileType,
+  Filter,
+  FilterX,
+  History,
+  Image as ImageIcon,
+  Inbox,
+  Info,
+  LayoutGrid,
+  Loader2,
+  Lock,
+  Mail,
+  Menu,
+  MessageSquare,
+  Minus,
+  MoreHorizontal,
+  MoreVertical,
+  Pencil,
+  Plus,
+  Power,
+  RefreshCcw,
+  Save,
+  Search,
+  Send,
+  SlidersHorizontal,
+  Star,
+  Terminal,
+  Trash2,
+  Upload,
+  UploadCloud,
+  User,
+  Users,
+  Wifi,
+  X,
+  XCircle
+} from "lucide-react";
+
+type IconComponent = LucideIcon;
+
+const ICON_MAP = {
+  "si-android": Bot,
+  "si-angle-double-left": ChevronsLeft,
+  "si-angle-double-right": ChevronsRight,
+  "si-angle-down": ChevronDown,
+  "si-angle-left": ChevronLeft,
+  "si-angle-right": ChevronRight,
+  "si-angle-up": ChevronUp,
+  "si-arrow-left": ArrowLeft,
+  "si-arrow-right": ArrowRight,
+  "si-bars": Menu,
+  "si-bell": Bell,
+  "si-calendar": Calendar,
+  "si-calendar-minus": CalendarMinus,
+  "si-calendar-plus": CalendarPlus,
+  "si-chart-bar": BarChart3,
+  "si-check": Check,
+  "si-check-circle": CheckCircle2,
+  "si-chevron-down": ChevronDown,
+  "si-chevron-left": ChevronLeft,
+  "si-chevron-right": ChevronRight,
+  "si-chevron-up": ChevronUp,
+  "si-clone": Copy,
+  "si-cloud-download": DownloadCloud,
+  "si-cloud-upload": UploadCloud,
+  "si-code": Code,
+  "si-cog": Cog,
+  "si-comments": MessageSquare,
+  "si-copy": Copy,
+  "si-download": Download,
+  "si-ellipsis-h": MoreHorizontal,
+  "si-ellipsis-v": MoreVertical,
+  "si-envelope": Mail,
+  "si-exclamation-circle": AlertCircle,
+  "si-exclamation-triangle": AlertTriangle,
+  "si-external-link": ExternalLink,
+  "si-eye": Eye,
+  "si-eye-slash": EyeOff,
+  "si-file": File,
+  "si-file-edit": FilePenLine,
+  "si-file-excel": FileSpreadsheet,
+  "si-file-pdf": FileText,
+  "si-file-word": FileType,
+  "si-filter": Filter,
+  "si-filter-fill": Filter,
+  "si-filter-slash": FilterX,
+  "si-history": History,
+  "si-image": ImageIcon,
+  "si-inbox": Inbox,
+  "si-info-circle": Info,
+  "si-lock": Lock,
+  "si-minus": Minus,
+  "si-objects-column": Columns3,
+  "si-pencil": Pencil,
+  "si-plus": Plus,
+  "si-power-off": Power,
+  "si-refresh": RefreshCcw,
+  "si-save": Save,
+  "si-search": Search,
+  "si-send": Send,
+  "si-sliders-h": SlidersHorizontal,
+  "si-sort-down-fill": ArrowDownWideNarrow,
+  "si-sort-up-fill": ArrowUpWideNarrow,
+  "si-spinner": Loader2,
+  "si-star": Star,
+  "si-terminal": Terminal,
+  "si-th-large": LayoutGrid,
+  "si-times": X,
+  "si-times-circle": XCircle,
+  "si-trash": Trash2,
+  "si-upload": Upload,
+  "si-user": User,
+  "si-users": Users,
+  "si-wifi": Wifi
+} satisfies Record<string, IconComponent>;
+
+export type SolidIconName = keyof typeof ICON_MAP;
+
+const SPIN_CLASSNAMES = new Set(["pi-spin", "si-spin"]);
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+function isSolidIconName(name: string): name is SolidIconName {
+  return Object.prototype.hasOwnProperty.call(ICON_MAP, name);
+}
+
+export interface SolidIconProps extends React.ComponentPropsWithoutRef<"svg"> {
+  name: SolidIconName;
+  size?: number | string;
+  spin?: boolean;
+}
+
+export const ICON_KEYS = Object.keys(ICON_MAP) as SolidIconName[];
+
+export const SolidIcon = React.forwardRef<SVGSVGElement, SolidIconProps>(
+  ({ name, size = "1em", spin, className, ...rest }, ref) => {
+    const IconComponent = ICON_MAP[name] ?? CircleHelp;
+
+    return (
+      <IconComponent
+        ref={ref}
+        size={size}
+        className={cx("solid-icon", spin && "solid-icon--spin", className)}
+        {...rest}
+      />
+    );
+  }
+);
+
+export type SolidIconMeta = {
+  name: SolidIconName;
+  spin?: boolean;
+};
+
+export function parseSolidIconMeta(value?: string | null): SolidIconMeta | undefined {
+  if (!value) return undefined;
+  const tokens = value.trim().split(/\s+/).filter(Boolean);
+  if (tokens.length === 0) return undefined;
+
+  let spin = false;
+  let matchedName: SolidIconName | undefined;
+
+  for (const token of tokens) {
+    if (SPIN_CLASSNAMES.has(token)) {
+      spin = true;
+      continue;
+    }
+
+    if (!token.startsWith("pi-") && !token.startsWith("si-")) {
+      continue;
+    }
+
+    const normalized = token.startsWith("pi-") ? `si-${token.slice(3)}` : token;
+    if (isSolidIconName(normalized)) {
+      matchedName = normalized;
+    }
+  }
+
+  if (!matchedName) return undefined;
+
+  return { name: matchedName, spin };
+}
+
+export function normalizeSolidIconName(value?: string | null): SolidIconName | undefined {
+  return parseSolidIconMeta(value)?.name;
+}

package/dist/components/shad-cn-ui/SolidInput.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 type SolidInputProps = React.InputHTMLAttributes<HTMLInputElement>;
-export declare function SolidInput({ className, ...props }: SolidInputProps): import("react/jsx-runtime").JSX.Element;
+export declare const SolidInput: React.ForwardRefExoticComponent<SolidInputProps & React.RefAttributes<HTMLInputElement>>;
 export {};
 //# sourceMappingURL=SolidInput.d.ts.map

package/dist/components/shad-cn-ui/SolidInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidInput.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,eAAe,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAMnE,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAElE"}
+{"version":3,"file":"SolidInput.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,eAAe,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAMnE,eAAO,MAAM,UAAU,0FAKrB,CAAC"}

package/dist/components/shad-cn-ui/SolidInput.js

@@ -21,6 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
 function cx() {
     var parts = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -28,8 +29,8 @@ function cx() {
     }
     return parts.filter(Boolean).join(" ");
 }
-export function SolidInput(_a) {
+export var SolidInput = React.forwardRef(function SolidInput(_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return _jsx("input", __assign({ className: cx("solid-input", className) }, props));
-}
+    return _jsx("input", __assign({ ref: ref, className: cx("solid-input", className) }, props));
+});
 //# sourceMappingURL=SolidInput.js.map

package/dist/components/shad-cn-ui/SolidInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidInput.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAS,EAAE;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IACrD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAwC;IAAtC,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IAC9C,OAAO,yBAAO,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,KAAK,EAAI,CAAC;AACvE,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidInputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidInput({ className, ...props }: SolidInputProps) {\n  return <input className={cx(\"solid-input\", className)} {...props} />;\n}\n\n"]}
+{"version":3,"file":"SolidInput.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,SAAS,EAAE;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IACrD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAoC,SAAS,UAAU,CAC/F,EAAuB,EACvB,GAAG;IADD,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IAGrB,OAAO,yBAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,KAAK,EAAI,CAAC;AACjF,CAAC,CAAC,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidInputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport const SolidInput = React.forwardRef<HTMLInputElement, SolidInputProps>(function SolidInput(\n  { className, ...props },\n  ref\n) {\n  return <input ref={ref} className={cx(\"solid-input\", className)} {...props} />;\n});\n"]}

package/dist/components/shad-cn-ui/SolidInput.tsx

@@ -6,7 +6,9 @@ function cx(...parts: Array<string | false | undefined>) {
   return parts.filter(Boolean).join(" ");
 }
 
-export function SolidInput({ className, ...props }: SolidInputProps) {
-  return <input className={cx("solid-input", className)} {...props} />;
-}
-
+export const SolidInput = React.forwardRef<HTMLInputElement, SolidInputProps>(function SolidInput(
+  { className, ...props },
+  ref
+) {
+  return <input ref={ref} className={cx("solid-input", className)} {...props} />;
+});

package/dist/components/shad-cn-ui/SolidLightbox.d.ts

@@ -0,0 +1,19 @@
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+type SlideType = "image" | "video" | "audio";
+export interface SolidLightboxSlide {
+    src: string;
+    type?: SlideType;
+    mimeType?: string;
+    poster?: string;
+    downloadUrl?: string;
+}
+export interface SolidLightboxProps {
+    slides: SolidLightboxSlide[];
+    open: boolean;
+    onClose: () => void;
+    viewerOptions?: Viewer.Options;
+}
+export declare const SolidLightbox: ({ slides, open, onClose, viewerOptions, }: SolidLightboxProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SolidLightbox.d.ts.map

package/dist/components/shad-cn-ui/SolidLightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLightbox.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidLightbox.tsx"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAElC,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,8CAKvB,kBAAkB,mDAwMpB,CAAC"}

package/dist/components/shad-cn-ui/SolidLightbox.js

@@ -0,0 +1,160 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+export var SolidLightbox = function (_a) {
+    var slides = _a.slides, open = _a.open, onClose = _a.onClose, viewerOptions = _a.viewerOptions;
+    var _b = useState(0), currentIndex = _b[0], setCurrentIndex = _b[1];
+    var containerRef = useRef(null);
+    var viewerRef = useRef(null);
+    var sanitizedSlides = useMemo(function () { return slides.filter(function (slide) { return !!(slide === null || slide === void 0 ? void 0 : slide.src); }); }, [slides]);
+    var hasOnlyImages = useMemo(function () { return sanitizedSlides.every(function (slide) { var _a; return ((_a = slide.type) !== null && _a !== void 0 ? _a : "image") === "image"; }); }, [sanitizedSlides]);
+    useEffect(function () {
+        if (open) {
+            setCurrentIndex(0);
+        }
+    }, [open, sanitizedSlides]);
+    useEffect(function () {
+        if (!hasOnlyImages || !open) {
+            if (viewerRef.current) {
+                viewerRef.current.destroy();
+                viewerRef.current = null;
+            }
+            return;
+        }
+        if (!containerRef.current || sanitizedSlides.length === 0)
+            return;
+        if (viewerRef.current) {
+            viewerRef.current.destroy();
+        }
+        viewerRef.current = new Viewer(containerRef.current, __assign({ navbar: sanitizedSlides.length > 1, title: false, transition: true, movable: true, scalable: true, rotatable: true, zoomable: true, zIndex: 9999, hidden: function () {
+                onClose();
+            }, toolbar: {
+                prev: 1,
+                next: 1,
+                zoomIn: 1,
+                zoomOut: 1,
+                rotateLeft: 1,
+                rotateRight: 1,
+                reset: 1,
+            } }, viewerOptions));
+        viewerRef.current.show();
+        return function () {
+            if (viewerRef.current) {
+                viewerRef.current.destroy();
+                viewerRef.current = null;
+            }
+        };
+    }, [sanitizedSlides, hasOnlyImages, open]);
+    if (!open || sanitizedSlides.length === 0) {
+        return null;
+    }
+    if (hasOnlyImages) {
+        return (_jsx("div", { ref: containerRef, style: {
+                position: "absolute",
+                visibility: "hidden",
+                width: 0,
+                height: 0,
+                overflow: "hidden",
+            }, children: sanitizedSlides.map(function (slide, index) { return (_jsx("img", { src: slide.src, alt: "preview-".concat(index) }, index)); }) }));
+    }
+    var handlePrev = function () {
+        setCurrentIndex(function (prev) {
+            return prev === 0 ? sanitizedSlides.length - 1 : prev - 1;
+        });
+    };
+    var handleNext = function () {
+        setCurrentIndex(function (prev) {
+            return prev === sanitizedSlides.length - 1 ? 0 : prev + 1;
+        });
+    };
+    var currentSlide = sanitizedSlides[currentIndex];
+    var showNav = sanitizedSlides.length > 1;
+    var renderSlide = function () {
+        var _a;
+        var mediaType = (_a = currentSlide === null || currentSlide === void 0 ? void 0 : currentSlide.type) !== null && _a !== void 0 ? _a : "image";
+        if (mediaType === "video") {
+            return (_jsxs("video", { controls: true, autoPlay: true, style: { maxWidth: "90vw", maxHeight: "80vh" }, poster: currentSlide.poster, children: [_jsx("source", { src: currentSlide.src, type: currentSlide.mimeType || "video/mp4" }), "Your browser does not support the video tag."] }, currentSlide.src));
+        }
+        if (mediaType === "audio") {
+            return (_jsxs("div", { style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    gap: "1rem",
+                }, children: [_jsx("div", { style: {
+                            width: "160px",
+                            height: "160px",
+                            borderRadius: "50%",
+                            background: "rgba(255,255,255,0.08)",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            fontSize: "3rem",
+                            color: "#fff",
+                        }, children: "\u266A" }), _jsxs("audio", { controls: true, autoPlay: true, preload: "auto", style: { width: "320px" }, children: [_jsx("source", { src: currentSlide.src, type: currentSlide.mimeType || "audio/mpeg" }), "Your browser does not support the audio element."] })] }));
+        }
+        return (_jsx("img", { src: currentSlide.src, alt: "lightbox-media", style: { maxWidth: "90vw", maxHeight: "80vh", objectFit: "contain" } }, currentSlide.src));
+    };
+    return (_jsxs("div", { style: overlayStyles, children: [_jsx("button", { style: closeButtonStyles, onClick: onClose, "aria-label": "Close", children: "\u00D7" }), showNav && (_jsxs(_Fragment, { children: [_jsx("button", { style: navButtonStyles("left"), onClick: handlePrev, "aria-label": "Previous", children: "\u2039" }), _jsx("button", { style: navButtonStyles("right"), onClick: handleNext, "aria-label": "Next", children: "\u203A" })] })), _jsx("div", { style: contentStyles, children: renderSlide() })] }));
+};
+var overlayStyles = {
+    position: "fixed",
+    inset: 0,
+    backgroundColor: "rgba(0,0,0,0.85)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 10000,
+};
+var contentStyles = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "100%",
+    padding: "16px",
+};
+var closeButtonStyles = {
+    position: "absolute",
+    top: "16px",
+    right: "24px",
+    fontSize: "2rem",
+    color: "#fff",
+    background: "transparent",
+    border: "none",
+    cursor: "pointer",
+};
+var navButtonStyles = function (direction) {
+    var baseStyles = {
+        position: "absolute",
+        top: "50%",
+        transform: "translateY(-50%)",
+        fontSize: "2.5rem",
+        color: "#fff",
+        background: "rgba(0,0,0,0.4)",
+        border: "none",
+        width: "48px",
+        height: "48px",
+        borderRadius: "999px",
+        cursor: "pointer",
+    };
+    if (direction === "left") {
+        baseStyles.left = "24px";
+    }
+    else {
+        baseStyles.right = "24px";
+    }
+    return baseStyles;
+};
+//# sourceMappingURL=SolidLightbox.js.map

package/dist/components/shad-cn-ui/SolidLightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLightbox.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidLightbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { CSSProperties } from \"react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport Viewer from \"viewerjs\";\nimport \"viewerjs/dist/viewer.css\";\n\ntype SlideType = \"image\" | \"video\" | \"audio\";\n\nexport interface SolidLightboxSlide {\n  src: string;\n  type?: SlideType;\n  mimeType?: string;\n  poster?: string;\n  downloadUrl?: string;\n}\n\nexport interface SolidLightboxProps {\n  slides: SolidLightboxSlide[];\n  open: boolean;\n  onClose: () => void;\n  viewerOptions?: Viewer.Options;\n}\n\nexport const SolidLightbox = ({\n  slides,\n  open,\n  onClose,\n  viewerOptions,\n}: SolidLightboxProps) => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const viewerRef = useRef<Viewer | null>(null);\n\n  const sanitizedSlides = useMemo(\n    () => slides.filter((slide) => !!slide?.src),\n    [slides]\n  );\n\n  const hasOnlyImages = useMemo(\n    () => sanitizedSlides.every((slide) => (slide.type ?? \"image\") === \"image\"),\n    [sanitizedSlides]\n  );\n\n  useEffect(() => {\n    if (open) {\n      setCurrentIndex(0);\n    }\n  }, [open, sanitizedSlides]);\n\n  useEffect(() => {\n    if (!hasOnlyImages || !open) {\n      if (viewerRef.current) {\n        viewerRef.current.destroy();\n        viewerRef.current = null;\n      }\n      return;\n    }\n\n    if (!containerRef.current || sanitizedSlides.length === 0) return;\n\n    if (viewerRef.current) {\n      viewerRef.current.destroy();\n    }\n\n    viewerRef.current = new Viewer(containerRef.current, {\n      navbar: sanitizedSlides.length > 1,\n      title: false,\n      transition: true,\n      movable: true,\n      scalable: true,\n      rotatable: true,\n      zoomable: true,\n      zIndex: 9999,\n      hidden: () => {\n        onClose();\n      },\n      toolbar: {\n        prev: 1,\n        next: 1,\n        zoomIn: 1,\n        zoomOut: 1,\n        rotateLeft: 1,\n        rotateRight: 1,\n        reset: 1,\n      },\n      ...viewerOptions,\n    });\n\n    viewerRef.current.show();\n\n    return () => {\n      if (viewerRef.current) {\n        viewerRef.current.destroy();\n        viewerRef.current = null;\n      }\n    };\n  }, [sanitizedSlides, hasOnlyImages, open]);\n\n  if (!open || sanitizedSlides.length === 0) {\n    return null;\n  }\n\n  if (hasOnlyImages) {\n    return (\n      <div\n        ref={containerRef}\n        style={{\n          position: \"absolute\",\n          visibility: \"hidden\",\n          width: 0,\n          height: 0,\n          overflow: \"hidden\",\n        }}\n      >\n        {sanitizedSlides.map((slide, index) => (\n          <img key={index} src={slide.src} alt={`preview-${index}`} />\n        ))}\n      </div>\n    );\n  }\n\n  const handlePrev = () => {\n    setCurrentIndex((prev) =>\n      prev === 0 ? sanitizedSlides.length - 1 : prev - 1\n    );\n  };\n\n  const handleNext = () => {\n    setCurrentIndex((prev) =>\n      prev === sanitizedSlides.length - 1 ? 0 : prev + 1\n    );\n  };\n\n  const currentSlide = sanitizedSlides[currentIndex];\n  const showNav = sanitizedSlides.length > 1;\n\n  const renderSlide = () => {\n    const mediaType = currentSlide?.type ?? \"image\";\n    if (mediaType === \"video\") {\n      return (\n        <video\n          key={currentSlide.src}\n          controls\n          autoPlay\n          style={{ maxWidth: \"90vw\", maxHeight: \"80vh\" }}\n          poster={currentSlide.poster}\n        >\n          <source\n            src={currentSlide.src}\n            type={currentSlide.mimeType || \"video/mp4\"}\n          />\n          Your browser does not support the video tag.\n        </video>\n      );\n    }\n\n    if (mediaType === \"audio\") {\n      return (\n        <div\n          style={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"center\",\n            gap: \"1rem\",\n          }}\n        >\n          <div\n            style={{\n              width: \"160px\",\n              height: \"160px\",\n              borderRadius: \"50%\",\n              background: \"rgba(255,255,255,0.08)\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              fontSize: \"3rem\",\n              color: \"#fff\",\n            }}\n          >\n            ♪\n          </div>\n          <audio controls autoPlay preload=\"auto\" style={{ width: \"320px\" }}>\n            <source\n              src={currentSlide.src}\n              type={currentSlide.mimeType || \"audio/mpeg\"}\n            />\n            Your browser does not support the audio element.\n          </audio>\n        </div>\n      );\n    }\n\n    return (\n      <img\n        key={currentSlide.src}\n        src={currentSlide.src}\n        alt=\"lightbox-media\"\n        style={{ maxWidth: \"90vw\", maxHeight: \"80vh\", objectFit: \"contain\" }}\n      />\n    );\n  };\n\n  return (\n    <div style={overlayStyles}>\n      <button style={closeButtonStyles} onClick={onClose} aria-label=\"Close\">\n        ×\n      </button>\n      {showNav && (\n        <>\n          <button\n            style={navButtonStyles(\"left\")}\n            onClick={handlePrev}\n            aria-label=\"Previous\"\n          >\n            ‹\n          </button>\n          <button\n            style={navButtonStyles(\"right\")}\n            onClick={handleNext}\n            aria-label=\"Next\"\n          >\n            ›\n          </button>\n        </>\n      )}\n      <div style={contentStyles}>{renderSlide()}</div>\n    </div>\n  );\n};\n\nconst overlayStyles: CSSProperties = {\n  position: \"fixed\",\n  inset: 0,\n  backgroundColor: \"rgba(0,0,0,0.85)\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  zIndex: 10000,\n};\n\nconst contentStyles: CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  width: \"100%\",\n  padding: \"16px\",\n};\n\nconst closeButtonStyles: CSSProperties = {\n  position: \"absolute\",\n  top: \"16px\",\n  right: \"24px\",\n  fontSize: \"2rem\",\n  color: \"#fff\",\n  background: \"transparent\",\n  border: \"none\",\n  cursor: \"pointer\",\n};\n\nconst navButtonStyles = (direction: \"left\" | \"right\"): CSSProperties => {\n  const baseStyles: CSSProperties = {\n    position: \"absolute\",\n    top: \"50%\",\n    transform: \"translateY(-50%)\",\n    fontSize: \"2.5rem\",\n    color: \"#fff\",\n    background: \"rgba(0,0,0,0.4)\",\n    border: \"none\",\n    width: \"48px\",\n    height: \"48px\",\n    borderRadius: \"999px\",\n    cursor: \"pointer\",\n  };\n\n  if (direction === \"left\") {\n    baseStyles.left = \"24px\";\n  } else {\n    baseStyles.right = \"24px\";\n  }\n\n  return baseStyles;\n};\n"]}