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

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Dialog from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidDialog(_a) {
+    var _b;
+    var open = _a.open, onOpenChange = _a.onOpenChange, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, overlayClassName = _a.overlayClassName, style = _a.style, visible = _a.visible, onHide = _a.onHide, header = _a.header, footer = _a.footer, _c = _a.showHeader, showHeader = _c === void 0 ? true : _c, headerClassName = _a.headerClassName, contentStyle = _a.contentStyle, _d = _a.dismissible, dismissible = _d === void 0 ? true : _d;
+    var controlledOpen = (_b = open !== null && open !== void 0 ? open : visible) !== null && _b !== void 0 ? _b : false;
+    var handleOpenChange = function (next) {
+        if (!dismissible && !next)
+            return;
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(next);
+        if (!next)
+            onHide === null || onHide === void 0 ? void 0 : onHide();
+    };
+    return (_jsx(Dialog.Root, { open: controlledOpen, onOpenChange: handleOpenChange, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Overlay, { className: cx("solid-radix-dialog-overlay", overlayClassName) }), _jsxs(Dialog.Content, { className: cx("solid-radix-dialog-content", className, contentClassName), style: style !== null && style !== void 0 ? style : contentStyle, onEscapeKeyDown: function (event) {
+                        if (!dismissible)
+                            event.preventDefault();
+                    }, onPointerDownOutside: function (event) {
+                        if (!dismissible)
+                            event.preventDefault();
+                    }, onInteractOutside: function (event) {
+                        if (!dismissible)
+                            event.preventDefault();
+                    }, children: [showHeader && (header || onHide) ? (_jsxs(SolidDialogHeader, { className: headerClassName, children: [header ? _jsx(SolidDialogTitle, { children: header }) : null, _jsx(SolidDialogClose, { "aria-label": "Close" })] })) : null, children, footer ? _jsx(SolidDialogFooter, { children: footer }) : null] })] }) }));
+}
+export function SolidDialogHeader(_a) {
+    var children = _a.children, className = _a.className;
+    return _jsx("div", { className: cx("solid-radix-dialog-header", className), children: children });
+}
+export function SolidDialogTitle(_a) {
+    var children = _a.children, className = _a.className;
+    return _jsx(Dialog.Title, { className: cx("solid-radix-dialog-title", className), children: children });
+}
+export function SolidDialogDescription(_a) {
+    var children = _a.children, className = _a.className;
+    return (_jsx(Dialog.Description, { className: cx("solid-radix-dialog-description", className), children: children }));
+}
+export function SolidDialogBody(_a) {
+    var children = _a.children, className = _a.className;
+    return _jsx("div", { className: cx("solid-radix-dialog-body", className), children: children });
+}
+export function SolidDialogFooter(_a) {
+    var children = _a.children, className = _a.className;
+    return _jsx("div", { className: cx("solid-radix-dialog-footer", className), children: children });
+}
+export function SolidDialogSeparator(_a) {
+    var className = _a.className;
+    return _jsx("div", { className: cx("solid-radix-dialog-separator", className) });
+}
+export function SolidDialogClose(_a) {
+    var className = _a.className, children = _a.children, _b = _a["aria-label"], ariaLabel = _b === void 0 ? "Close dialog" : _b;
+    return (_jsx(Dialog.Close, { asChild: true, children: _jsx("button", { type: "button", className: cx("solid-radix-dialog-close", className), "aria-label": ariaLabel, children: children !== null && children !== void 0 ? children : _jsx(X, { size: 16 }) }) }));
+}
+//# sourceMappingURL=SolidDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDialog.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\ntype SolidDialogProps = {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n  className?: string;\n  contentClassName?: string;\n  overlayClassName?: string;\n  style?: React.CSSProperties;\n  // Compatibility props\n  visible?: boolean;\n  onHide?: () => void;\n  modal?: boolean;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  showHeader?: boolean;\n  headerClassName?: string;\n  contentStyle?: React.CSSProperties;\n  breakpoints?: Record<string, string>;\n  dismissible?: boolean;\n};\n\ntype SolidDialogSectionProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidDialog({\n  open,\n  onOpenChange,\n  children,\n  className,\n  contentClassName,\n  overlayClassName,\n  style,\n  visible,\n  onHide,\n  header,\n  footer,\n  showHeader = true,\n  headerClassName,\n  contentStyle,\n  dismissible = true,\n}: SolidDialogProps) {\n  const controlledOpen = open ?? visible ?? false;\n  const handleOpenChange = (next: boolean) => {\n    if (!dismissible && !next) return;\n    onOpenChange?.(next);\n    if (!next) onHide?.();\n  };\n\n  return (\n    <Dialog.Root open={controlledOpen} onOpenChange={handleOpenChange}>\n      <Dialog.Portal>\n        <Dialog.Overlay className={cx(\"solid-radix-dialog-overlay\", overlayClassName)} />\n        <Dialog.Content\n          className={cx(\"solid-radix-dialog-content\", className, contentClassName)}\n          style={style ?? contentStyle}\n          onEscapeKeyDown={(event) => {\n            if (!dismissible) event.preventDefault();\n          }}\n          onPointerDownOutside={(event) => {\n            if (!dismissible) event.preventDefault();\n          }}\n          onInteractOutside={(event) => {\n            if (!dismissible) event.preventDefault();\n          }}\n        >\n          {showHeader && (header || onHide) ? (\n            <SolidDialogHeader className={headerClassName}>\n              {header ? <SolidDialogTitle>{header}</SolidDialogTitle> : null}\n              <SolidDialogClose aria-label=\"Close\" />\n            </SolidDialogHeader>\n          ) : null}\n          {children}\n          {footer ? <SolidDialogFooter>{footer}</SolidDialogFooter> : null}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n\nexport function SolidDialogHeader({ children, className }: SolidDialogSectionProps) {\n  return <div className={cx(\"solid-radix-dialog-header\", className)}>{children}</div>;\n}\n\nexport function SolidDialogTitle({ children, className }: SolidDialogSectionProps) {\n  return <Dialog.Title className={cx(\"solid-radix-dialog-title\", className)}>{children}</Dialog.Title>;\n}\n\nexport function SolidDialogDescription({ children, className }: SolidDialogSectionProps) {\n  return (\n    <Dialog.Description className={cx(\"solid-radix-dialog-description\", className)}>\n      {children}\n    </Dialog.Description>\n  );\n}\n\nexport function SolidDialogBody({ children, className }: SolidDialogSectionProps) {\n  return <div className={cx(\"solid-radix-dialog-body\", className)}>{children}</div>;\n}\n\nexport function SolidDialogFooter({ children, className }: SolidDialogSectionProps) {\n  return <div className={cx(\"solid-radix-dialog-footer\", className)}>{children}</div>;\n}\n\nexport function SolidDialogSeparator({ className }: { className?: string }) {\n  return <div className={cx(\"solid-radix-dialog-separator\", className)} />;\n}\n\nexport function SolidDialogClose({\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Close dialog\",\n}: {\n  className?: string;\n  children?: React.ReactNode;\n  \"aria-label\"?: string;\n}) {\n  return (\n    <Dialog.Close asChild>\n      <button\n        type=\"button\"\n        className={cx(\"solid-radix-dialog-close\", className)}\n        aria-label={ariaLabel}\n      >\n        {children ?? <X size={16} />}\n      </button>\n    </Dialog.Close>\n  );\n}\n"]}

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

@@ -0,0 +1,138 @@
+import * as React from "react";
+import * as Dialog from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+
+type SolidDialogProps = {
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  children: React.ReactNode;
+  className?: string;
+  contentClassName?: string;
+  overlayClassName?: string;
+  style?: React.CSSProperties;
+  // Compatibility props
+  visible?: boolean;
+  onHide?: () => void;
+  modal?: boolean;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  showHeader?: boolean;
+  headerClassName?: string;
+  contentStyle?: React.CSSProperties;
+  breakpoints?: Record<string, string>;
+  dismissible?: boolean;
+};
+
+type SolidDialogSectionProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidDialog({
+  open,
+  onOpenChange,
+  children,
+  className,
+  contentClassName,
+  overlayClassName,
+  style,
+  visible,
+  onHide,
+  header,
+  footer,
+  showHeader = true,
+  headerClassName,
+  contentStyle,
+  dismissible = true,
+}: SolidDialogProps) {
+  const controlledOpen = open ?? visible ?? false;
+  const handleOpenChange = (next: boolean) => {
+    if (!dismissible && !next) return;
+    onOpenChange?.(next);
+    if (!next) onHide?.();
+  };
+
+  return (
+    <Dialog.Root open={controlledOpen} onOpenChange={handleOpenChange}>
+      <Dialog.Portal>
+        <Dialog.Overlay className={cx("solid-radix-dialog-overlay", overlayClassName)} />
+        <Dialog.Content
+          className={cx("solid-radix-dialog-content", className, contentClassName)}
+          style={style ?? contentStyle}
+          onEscapeKeyDown={(event) => {
+            if (!dismissible) event.preventDefault();
+          }}
+          onPointerDownOutside={(event) => {
+            if (!dismissible) event.preventDefault();
+          }}
+          onInteractOutside={(event) => {
+            if (!dismissible) event.preventDefault();
+          }}
+        >
+          {showHeader && (header || onHide) ? (
+            <SolidDialogHeader className={headerClassName}>
+              {header ? <SolidDialogTitle>{header}</SolidDialogTitle> : null}
+              <SolidDialogClose aria-label="Close" />
+            </SolidDialogHeader>
+          ) : null}
+          {children}
+          {footer ? <SolidDialogFooter>{footer}</SolidDialogFooter> : null}
+        </Dialog.Content>
+      </Dialog.Portal>
+    </Dialog.Root>
+  );
+}
+
+export function SolidDialogHeader({ children, className }: SolidDialogSectionProps) {
+  return <div className={cx("solid-radix-dialog-header", className)}>{children}</div>;
+}
+
+export function SolidDialogTitle({ children, className }: SolidDialogSectionProps) {
+  return <Dialog.Title className={cx("solid-radix-dialog-title", className)}>{children}</Dialog.Title>;
+}
+
+export function SolidDialogDescription({ children, className }: SolidDialogSectionProps) {
+  return (
+    <Dialog.Description className={cx("solid-radix-dialog-description", className)}>
+      {children}
+    </Dialog.Description>
+  );
+}
+
+export function SolidDialogBody({ children, className }: SolidDialogSectionProps) {
+  return <div className={cx("solid-radix-dialog-body", className)}>{children}</div>;
+}
+
+export function SolidDialogFooter({ children, className }: SolidDialogSectionProps) {
+  return <div className={cx("solid-radix-dialog-footer", className)}>{children}</div>;
+}
+
+export function SolidDialogSeparator({ className }: { className?: string }) {
+  return <div className={cx("solid-radix-dialog-separator", className)} />;
+}
+
+export function SolidDialogClose({
+  className,
+  children,
+  "aria-label": ariaLabel = "Close dialog",
+}: {
+  className?: string;
+  children?: React.ReactNode;
+  "aria-label"?: string;
+}) {
+  return (
+    <Dialog.Close asChild>
+      <button
+        type="button"
+        className={cx("solid-radix-dialog-close", className)}
+        aria-label={ariaLabel}
+      >
+        {children ?? <X size={16} />}
+      </button>
+    </Dialog.Close>
+  );
+}

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

@@ -0,0 +1,4 @@
+export declare function SolidDivider({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidDivider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDivider.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDivider.tsx"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAEjE"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SolidDivider(_a) {
+    var className = _a.className;
+    return _jsx("div", { className: "solid-divider ".concat(className !== null && className !== void 0 ? className : "") });
+}
+//# sourceMappingURL=SolidDivider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDivider.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDivider.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,YAAY,CAAC,EAAqC;QAAnC,SAAS,eAAA;IACtC,OAAO,cAAK,SAAS,EAAE,wBAAiB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,GAAI,CAAC;AAChE,CAAC","sourcesContent":["import React from \"react\";\n\nexport function SolidDivider({ className }: { className?: string }) {\n  return <div className={`solid-divider ${className ?? \"\"}`} />;\n}\n"]}

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

@@ -0,0 +1,5 @@
+import React from "react";
+
+export function SolidDivider({ className }: { className?: string }) {
+  return <div className={`solid-divider ${className ?? ""}`} />;
+}

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+export declare const SolidDropdownMenu: React.FC<DropdownMenu.DropdownMenuProps>;
+export declare const SolidDropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenu.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SolidDropdownMenuSub: React.FC<DropdownMenu.DropdownMenuSubProps>;
+export declare const SolidDropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SolidDropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SolidDropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SolidDropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SolidDropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SolidDropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SolidDropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SolidDropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SolidDropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SolidDropdownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAO9D,eAAO,MAAM,iBAAiB,0CAAoB,CAAC;AACnD,eAAO,MAAM,wBAAwB,iHAAuB,CAAC;AAC7D,eAAO,MAAM,oBAAoB,6CAAmB,CAAC;AACrD,eAAO,MAAM,2BAA2B,iHAA0B,CAAC;AAEnE,eAAO,MAAM,wBAAwB,iKAenC,CAAC;AAEH,eAAO,MAAM,qBAAqB,8JAKhC,CAAC;AAEH,eAAO,MAAM,6BAA6B,sKAmBxC,CAAC;AAEH,eAAO,MAAM,0BAA0B,mKAkBrC,CAAC;AAEH,eAAO,MAAM,sBAAsB,+JAKjC,CAAC;AAEH,eAAO,MAAM,0BAA0B,mKAKrC,CAAC;AAEH,eAAO,MAAM,2BAA2B,oKActC,CAAC;AAEH,eAAO,MAAM,2BAA2B,oKAetC,CAAC"}

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

@@ -0,0 +1,70 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { SolidIcon } from "./SolidIcon";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export var SolidDropdownMenu = DropdownMenu.Root;
+export var SolidDropdownMenuTrigger = DropdownMenu.Trigger;
+export var SolidDropdownMenuSub = DropdownMenu.Sub;
+export var SolidDropdownMenuRadioGroup = DropdownMenu.RadioGroup;
+export var SolidDropdownMenuContent = React.forwardRef(function SolidDropdownMenuContent(_a, ref) {
+    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 6 : _b, _c = _a.align, align = _c === void 0 ? "end" : _c, props = __rest(_a, ["className", "sideOffset", "align"]);
+    return (_jsx(DropdownMenu.Portal, { children: _jsx(DropdownMenu.Content, __assign({ ref: ref, sideOffset: sideOffset, align: align, className: cx("solid-dropdown-menu-content", className) }, props)) }));
+});
+export var SolidDropdownMenuItem = React.forwardRef(function SolidDropdownMenuItem(_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return _jsx(DropdownMenu.Item, __assign({ ref: ref, className: cx("solid-dropdown-menu-item", className) }, props));
+});
+export var SolidDropdownMenuCheckboxItem = React.forwardRef(function SolidDropdownMenuCheckboxItem(_a, ref) {
+    var className = _a.className, children = _a.children, checked = _a.checked, props = __rest(_a, ["className", "children", "checked"]);
+    return (_jsxs(DropdownMenu.CheckboxItem, __assign({ ref: ref, checked: checked, className: cx("solid-dropdown-menu-item solid-dropdown-menu-checkbox-item", className) }, props, { children: [_jsx("span", { className: "solid-dropdown-menu-indicator", children: _jsx(DropdownMenu.ItemIndicator, { children: _jsx(SolidIcon, { name: "si-check", "aria-hidden": true }) }) }), _jsx("span", { className: "solid-dropdown-menu-item-text", children: children })] })));
+});
+export var SolidDropdownMenuRadioItem = React.forwardRef(function SolidDropdownMenuRadioItem(_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (_jsxs(DropdownMenu.RadioItem, __assign({ ref: ref, className: cx("solid-dropdown-menu-item solid-dropdown-menu-radio-item", className) }, props, { children: [_jsx("span", { className: "solid-dropdown-menu-indicator", children: _jsx(DropdownMenu.ItemIndicator, { children: _jsx("span", { className: "solid-dropdown-menu-radio-dot" }) }) }), _jsx("span", { className: "solid-dropdown-menu-item-text", children: children })] })));
+});
+export var SolidDropdownMenuLabel = React.forwardRef(function SolidDropdownMenuLabel(_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return _jsx(DropdownMenu.Label, __assign({ ref: ref, className: cx("solid-dropdown-menu-label", className) }, props));
+});
+export var SolidDropdownMenuSeparator = React.forwardRef(function SolidDropdownMenuSeparator(_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return _jsx(DropdownMenu.Separator, __assign({ ref: ref, className: cx("solid-dropdown-menu-separator", className) }, props));
+});
+export var SolidDropdownMenuSubTrigger = React.forwardRef(function SolidDropdownMenuSubTrigger(_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (_jsxs(DropdownMenu.SubTrigger, __assign({ ref: ref, className: cx("solid-dropdown-menu-item solid-dropdown-menu-subtrigger", className) }, props, { children: [children, _jsx(SolidIcon, { name: "si-chevron-right", className: "solid-dropdown-menu-subtrigger-icon", "aria-hidden": true })] })));
+});
+export var SolidDropdownMenuSubContent = React.forwardRef(function SolidDropdownMenuSubContent(_a, ref) {
+    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 2 : _b, _c = _a.alignOffset, alignOffset = _c === void 0 ? -4 : _c, props = __rest(_a, ["className", "sideOffset", "alignOffset"]);
+    return (_jsx(DropdownMenu.Portal, { children: _jsx(DropdownMenu.SubContent, __assign({ ref: ref, sideOffset: sideOffset, alignOffset: alignOffset, className: cx("solid-dropdown-menu-content solid-dropdown-menu-subcontent", className) }, props)) }));
+});
+//# sourceMappingURL=SolidDropdownMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDropdownMenu.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDropdownMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { SolidIcon } from \"./SolidIcon\";\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport const SolidDropdownMenu = DropdownMenu.Root;\nexport const SolidDropdownMenuTrigger = DropdownMenu.Trigger;\nexport const SolidDropdownMenuSub = DropdownMenu.Sub;\nexport const SolidDropdownMenuRadioGroup = DropdownMenu.RadioGroup;\n\nexport const SolidDropdownMenuContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenu.Content>\n>(function SolidDropdownMenuContent({ className, sideOffset = 6, align = \"end\", ...props }, ref) {\n  return (\n    <DropdownMenu.Portal>\n      <DropdownMenu.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        align={align}\n        className={cx(\"solid-dropdown-menu-content\", className)}\n        {...props}\n      />\n    </DropdownMenu.Portal>\n  );\n});\n\nexport const SolidDropdownMenuItem = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenu.Item>\n>(function SolidDropdownMenuItem({ className, ...props }, ref) {\n  return <DropdownMenu.Item ref={ref} className={cx(\"solid-dropdown-menu-item\", className)} {...props} />;\n});\n\nexport const SolidDropdownMenuCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenu.CheckboxItem>\n>(function SolidDropdownMenuCheckboxItem({ className, children, checked, ...props }, ref) {\n  return (\n    <DropdownMenu.CheckboxItem\n      ref={ref}\n      checked={checked}\n      className={cx(\"solid-dropdown-menu-item solid-dropdown-menu-checkbox-item\", className)}\n      {...props}\n    >\n      <span className=\"solid-dropdown-menu-indicator\">\n        <DropdownMenu.ItemIndicator>\n          <SolidIcon name=\"si-check\" aria-hidden />\n        </DropdownMenu.ItemIndicator>\n      </span>\n      <span className=\"solid-dropdown-menu-item-text\">{children}</span>\n    </DropdownMenu.CheckboxItem>\n  );\n});\n\nexport const SolidDropdownMenuRadioItem = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenu.RadioItem>\n>(function SolidDropdownMenuRadioItem({ className, children, ...props }, ref) {\n  return (\n    <DropdownMenu.RadioItem\n      ref={ref}\n      className={cx(\"solid-dropdown-menu-item solid-dropdown-menu-radio-item\", className)}\n      {...props}\n    >\n      <span className=\"solid-dropdown-menu-indicator\">\n        <DropdownMenu.ItemIndicator>\n          <span className=\"solid-dropdown-menu-radio-dot\" />\n        </DropdownMenu.ItemIndicator>\n      </span>\n      <span className=\"solid-dropdown-menu-item-text\">{children}</span>\n    </DropdownMenu.RadioItem>\n  );\n});\n\nexport const SolidDropdownMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenu.Label>\n>(function SolidDropdownMenuLabel({ className, ...props }, ref) {\n  return <DropdownMenu.Label ref={ref} className={cx(\"solid-dropdown-menu-label\", className)} {...props} />;\n});\n\nexport const SolidDropdownMenuSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenu.Separator>\n>(function SolidDropdownMenuSeparator({ className, ...props }, ref) {\n  return <DropdownMenu.Separator ref={ref} className={cx(\"solid-dropdown-menu-separator\", className)} {...props} />;\n});\n\nexport const SolidDropdownMenuSubTrigger = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenu.SubTrigger>\n>(function SolidDropdownMenuSubTrigger({ className, children, ...props }, ref) {\n  return (\n    <DropdownMenu.SubTrigger\n      ref={ref}\n      className={cx(\"solid-dropdown-menu-item solid-dropdown-menu-subtrigger\", className)}\n      {...props}\n    >\n      {children}\n      <SolidIcon name=\"si-chevron-right\" className=\"solid-dropdown-menu-subtrigger-icon\" aria-hidden />\n    </DropdownMenu.SubTrigger>\n  );\n});\n\nexport const SolidDropdownMenuSubContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenu.SubContent>\n>(function SolidDropdownMenuSubContent({ className, sideOffset = 2, alignOffset = -4, ...props }, ref) {\n  return (\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        ref={ref}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        className={cx(\"solid-dropdown-menu-content solid-dropdown-menu-subcontent\", className)}\n        {...props}\n      />\n    </DropdownMenu.Portal>\n  );\n});\n"]}

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

@@ -0,0 +1,124 @@
+import * as React from "react";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { SolidIcon } from "./SolidIcon";
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export const SolidDropdownMenu = DropdownMenu.Root;
+export const SolidDropdownMenuTrigger = DropdownMenu.Trigger;
+export const SolidDropdownMenuSub = DropdownMenu.Sub;
+export const SolidDropdownMenuRadioGroup = DropdownMenu.RadioGroup;
+
+export const SolidDropdownMenuContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<typeof DropdownMenu.Content>
+>(function SolidDropdownMenuContent({ className, sideOffset = 6, align = "end", ...props }, ref) {
+  return (
+    <DropdownMenu.Portal>
+      <DropdownMenu.Content
+        ref={ref}
+        sideOffset={sideOffset}
+        align={align}
+        className={cx("solid-dropdown-menu-content", className)}
+        {...props}
+      />
+    </DropdownMenu.Portal>
+  );
+});
+
+export const SolidDropdownMenuItem = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<typeof DropdownMenu.Item>
+>(function SolidDropdownMenuItem({ className, ...props }, ref) {
+  return <DropdownMenu.Item ref={ref} className={cx("solid-dropdown-menu-item", className)} {...props} />;
+});
+
+export const SolidDropdownMenuCheckboxItem = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<typeof DropdownMenu.CheckboxItem>
+>(function SolidDropdownMenuCheckboxItem({ className, children, checked, ...props }, ref) {
+  return (
+    <DropdownMenu.CheckboxItem
+      ref={ref}
+      checked={checked}
+      className={cx("solid-dropdown-menu-item solid-dropdown-menu-checkbox-item", className)}
+      {...props}
+    >
+      <span className="solid-dropdown-menu-indicator">
+        <DropdownMenu.ItemIndicator>
+          <SolidIcon name="si-check" aria-hidden />
+        </DropdownMenu.ItemIndicator>
+      </span>
+      <span className="solid-dropdown-menu-item-text">{children}</span>
+    </DropdownMenu.CheckboxItem>
+  );
+});
+
+export const SolidDropdownMenuRadioItem = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<typeof DropdownMenu.RadioItem>
+>(function SolidDropdownMenuRadioItem({ className, children, ...props }, ref) {
+  return (
+    <DropdownMenu.RadioItem
+      ref={ref}
+      className={cx("solid-dropdown-menu-item solid-dropdown-menu-radio-item", className)}
+      {...props}
+    >
+      <span className="solid-dropdown-menu-indicator">
+        <DropdownMenu.ItemIndicator>
+          <span className="solid-dropdown-menu-radio-dot" />
+        </DropdownMenu.ItemIndicator>
+      </span>
+      <span className="solid-dropdown-menu-item-text">{children}</span>
+    </DropdownMenu.RadioItem>
+  );
+});
+
+export const SolidDropdownMenuLabel = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<typeof DropdownMenu.Label>
+>(function SolidDropdownMenuLabel({ className, ...props }, ref) {
+  return <DropdownMenu.Label ref={ref} className={cx("solid-dropdown-menu-label", className)} {...props} />;
+});
+
+export const SolidDropdownMenuSeparator = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<typeof DropdownMenu.Separator>
+>(function SolidDropdownMenuSeparator({ className, ...props }, ref) {
+  return <DropdownMenu.Separator ref={ref} className={cx("solid-dropdown-menu-separator", className)} {...props} />;
+});
+
+export const SolidDropdownMenuSubTrigger = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<typeof DropdownMenu.SubTrigger>
+>(function SolidDropdownMenuSubTrigger({ className, children, ...props }, ref) {
+  return (
+    <DropdownMenu.SubTrigger
+      ref={ref}
+      className={cx("solid-dropdown-menu-item solid-dropdown-menu-subtrigger", className)}
+      {...props}
+    >
+      {children}
+      <SolidIcon name="si-chevron-right" className="solid-dropdown-menu-subtrigger-icon" aria-hidden />
+    </DropdownMenu.SubTrigger>
+  );
+});
+
+export const SolidDropdownMenuSubContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentPropsWithoutRef<typeof DropdownMenu.SubContent>
+>(function SolidDropdownMenuSubContent({ className, sideOffset = 2, alignOffset = -4, ...props }, ref) {
+  return (
+    <DropdownMenu.Portal>
+      <DropdownMenu.SubContent
+        ref={ref}
+        sideOffset={sideOffset}
+        alignOffset={alignOffset}
+        className={cx("solid-dropdown-menu-content solid-dropdown-menu-subcontent", className)}
+        {...props}
+      />
+    </DropdownMenu.Portal>
+  );
+});

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

@@ -0,0 +1,92 @@
+import React from "react";
+declare const ICON_MAP: {
+    "si-android": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-angle-double-left": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-angle-double-right": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-angle-down": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-angle-left": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-angle-right": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-angle-up": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-arrow-left": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-arrow-right": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-bars": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-bell": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-calendar": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-calendar-minus": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-calendar-plus": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-chart-bar": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-check": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-check-circle": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-chevron-down": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-chevron-left": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-chevron-right": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-chevron-up": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-clone": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-cloud-download": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-cloud-upload": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-code": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-cog": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-comments": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-copy": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-download": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-ellipsis-h": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-ellipsis-v": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-envelope": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-exclamation-circle": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-exclamation-triangle": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-external-link": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-eye": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-eye-slash": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-file": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-file-edit": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-file-excel": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-file-pdf": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-file-word": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-filter": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-filter-fill": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-filter-slash": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-history": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-image": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-inbox": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-info-circle": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-lock": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-minus": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-objects-column": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-pencil": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-plus": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-power-off": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-refresh": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-save": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-search": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-send": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-sliders-h": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-sort-down-fill": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-sort-up-fill": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-spinner": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-star": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-terminal": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-th-large": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-times": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-times-circle": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-trash": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-upload": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-user": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-users": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "si-wifi": React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+};
+export type SolidIconName = keyof typeof ICON_MAP;
+export interface SolidIconProps extends React.ComponentPropsWithoutRef<"svg"> {
+    name: SolidIconName;
+    size?: number | string;
+    spin?: boolean;
+}
+export declare const ICON_KEYS: ("si-android" | "si-angle-double-left" | "si-angle-double-right" | "si-angle-down" | "si-angle-left" | "si-angle-right" | "si-angle-up" | "si-arrow-left" | "si-arrow-right" | "si-bars" | "si-bell" | "si-calendar" | "si-calendar-minus" | "si-calendar-plus" | "si-chart-bar" | "si-check" | "si-check-circle" | "si-chevron-down" | "si-chevron-left" | "si-chevron-right" | "si-chevron-up" | "si-clone" | "si-cloud-download" | "si-cloud-upload" | "si-code" | "si-cog" | "si-comments" | "si-copy" | "si-download" | "si-ellipsis-h" | "si-ellipsis-v" | "si-envelope" | "si-exclamation-circle" | "si-exclamation-triangle" | "si-external-link" | "si-eye" | "si-eye-slash" | "si-file" | "si-file-edit" | "si-file-excel" | "si-file-pdf" | "si-file-word" | "si-filter" | "si-filter-fill" | "si-filter-slash" | "si-history" | "si-image" | "si-inbox" | "si-info-circle" | "si-lock" | "si-minus" | "si-objects-column" | "si-pencil" | "si-plus" | "si-power-off" | "si-refresh" | "si-save" | "si-search" | "si-send" | "si-sliders-h" | "si-sort-down-fill" | "si-sort-up-fill" | "si-spinner" | "si-star" | "si-terminal" | "si-th-large" | "si-times" | "si-times-circle" | "si-trash" | "si-upload" | "si-user" | "si-users" | "si-wifi")[];
+export declare const SolidIcon: React.ForwardRefExoticComponent<SolidIconProps & React.RefAttributes<SVGSVGElement>>;
+export type SolidIconMeta = {
+    name: SolidIconName;
+    spin?: boolean;
+};
+export declare function parseSolidIconMeta(value?: string | null): SolidIconMeta | undefined;
+export declare function normalizeSolidIconName(value?: string | null): SolidIconName | undefined;
+export {};
+//# sourceMappingURL=SolidIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidIcon.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA2E1B,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0E2B,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,QAAQ,CAAC;AAYlD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,isCAA2C,CAAC;AAElE,eAAO,MAAM,SAAS,sFAarB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,aAAa,GAAG,SAAS,CA2BnF;AAED,wBAAgB,sBAAsB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,aAAa,GAAG,SAAS,CAEvF"}