@solidxai/core-ui 0.1.9-beta.2 → 0.1.9-beta.20

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

@@ -8,7 +8,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
 import { ChevronDown, ChevronUp, X } from "lucide-react";
 function cx() {
     var parts = [];
@@ -32,8 +33,9 @@ function getDisplayValue(value, field) {
     return "";
 }
 export function SolidAutocomplete(_a) {
-    var value = _a.value, _b = _a.suggestions, suggestions = _b === void 0 ? [] : _b, completeMethod = _a.completeMethod, onChange = _a.onChange, onSelect = _a.onSelect, onUnselect = _a.onUnselect, id = _a.id, disabled = _a.disabled, readOnly = _a.readOnly, emptyMessage = _a.emptyMessage, _c = _a.field, field = _c === void 0 ? "label" : _c, placeholder = _a.placeholder, className = _a.className, inputClassName = _a.inputClassName, dropdown = _a.dropdown, forceSelection = _a.forceSelection, multiple = _a.multiple, _d = _a.maxVisibleChips, maxVisibleChips = _d === void 0 ? 2 : _d, style = _a.style, onBlur = _a.onBlur;
+    var value = _a.value, _b = _a.suggestions, suggestions = _b === void 0 ? [] : _b, completeMethod = _a.completeMethod, onChange = _a.onChange, onSelect = _a.onSelect, onUnselect = _a.onUnselect, id = _a.id, disabled = _a.disabled, readOnly = _a.readOnly, emptyMessage = _a.emptyMessage, _c = _a.field, field = _c === void 0 ? "label" : _c, placeholder = _a.placeholder, className = _a.className, inputClassName = _a.inputClassName, dropdown = _a.dropdown, forceSelection = _a.forceSelection, multiple = _a.multiple, _d = _a.maxVisibleChips, maxVisibleChips = _d === void 0 ? 2 : _d, style = _a.style, onBlur = _a.onBlur, portal = _a.portal;
     var rootRef = useRef(null);
+    var panelRef = useRef(null);
     var completeTimerRef = useRef(null);
     var _e = useState(false), open = _e[0], setOpen = _e[1];
     var _f = useState(false), manageOpen = _f[0], setManageOpen = _f[1];
@@ -41,6 +43,7 @@ export function SolidAutocomplete(_a) {
     var _h = useState(-1), activeIndex = _h[0], setActiveIndex = _h[1];
     var _j = useState(false), isFocused = _j[0], setIsFocused = _j[1];
     var _k = useState(false), hasCustomQuery = _k[0], setHasCustomQuery = _k[1];
+    var _l = useState(null), portalStyle = _l[0], setPortalStyle = _l[1];
     useEffect(function () {
         if (multiple)
             return;
@@ -72,9 +75,11 @@ export function SolidAutocomplete(_a) {
     };
     useEffect(function () {
         function handleOutsideClick(event) {
-            if (!rootRef.current)
-                return;
-            if (!rootRef.current.contains(event.target)) {
+            var _a, _b;
+            var target = event.target;
+            var insideRoot = (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(target);
+            var insidePanel = (_b = panelRef.current) === null || _b === void 0 ? void 0 : _b.contains(target);
+            if (!insideRoot && !insidePanel) {
                 setOpen(false);
                 setManageOpen(false);
                 setIsFocused(false);
@@ -83,12 +88,56 @@ export function SolidAutocomplete(_a) {
         document.addEventListener("mousedown", handleOutsideClick);
         return function () { return document.removeEventListener("mousedown", handleOutsideClick); };
     }, []);
+    useLayoutEffect(function () {
+        if (!portal || !open) {
+            setPortalStyle(null);
+            return;
+        }
+        var updatePosition = function () {
+            var el = rootRef.current;
+            if (!el)
+                return;
+            var rect = el.getBoundingClientRect();
+            setPortalStyle({
+                position: "fixed",
+                top: rect.bottom + 4,
+                left: rect.left,
+                right: "auto",
+                width: rect.width,
+                minWidth: rect.width,
+                zIndex: 100000,
+                pointerEvents: "auto",
+            });
+        };
+        updatePosition();
+        window.addEventListener("resize", updatePosition);
+        window.addEventListener("scroll", updatePosition, true);
+        return function () {
+            window.removeEventListener("resize", updatePosition);
+            window.removeEventListener("scroll", updatePosition, true);
+        };
+    }, [portal, open]);
     var normalizedSuggestions = useMemo(function () {
         return (suggestions || []).map(function (item) { return ({
             raw: item,
             label: getDisplayValue(item, field),
         }); });
     }, [suggestions, field]);
+    useEffect(function () {
+        if (!portal || !open)
+            return;
+        var el = panelRef.current;
+        if (!el)
+            return;
+        var handleWheel = function (event) {
+            if (el.scrollHeight <= el.clientHeight)
+                return;
+            event.preventDefault();
+            el.scrollTop += event.deltaY;
+        };
+        el.addEventListener("wheel", handleWheel, { passive: false });
+        return function () { return el.removeEventListener("wheel", handleWheel); };
+    }, [portal, open, normalizedSuggestions.length]);
     var selectedItems = useMemo(function () {
         var isRenderable = function (item) {
             if (item === null || item === undefined || item === "")
@@ -243,6 +292,11 @@ export function SolidAutocomplete(_a) {
                         }, "aria-label": "Toggle suggestions", disabled: disabled || readOnly, children: open ? _jsx(ChevronUp, { size: 14 }) : _jsx(ChevronDown, { size: 14 }) }))] }), multiple && manageOpen && selectedItems.length > 0 && (_jsxs("div", { className: "solid-autocomplete-manager-panel", children: [_jsxs("div", { className: "solid-autocomplete-manager-header", children: [_jsxs("div", { className: "solid-autocomplete-manager-title", children: ["Selected (", selectedItems.length, ")"] }), _jsx("button", { type: "button", className: "solid-autocomplete-manager-clear", onClick: clearAllSelected, children: "Clear all" })] }), _jsx("div", { className: "solid-autocomplete-manager-body", children: selectedItems.map(function (item, index) { return (_jsxs("span", { className: "solid-autocomplete-chip", children: [_jsx("span", { className: "solid-autocomplete-chip-label", children: getDisplayValue(item, field) }), _jsx("button", { type: "button", className: "solid-autocomplete-chip-remove", onMouseDown: function (event) { return event.preventDefault(); }, onClick: function () {
                                         onUnselect === null || onUnselect === void 0 ? void 0 : onUnselect({ value: item });
                                         removeSelectedAt(index);
-                                    }, "aria-label": "Remove selection", children: _jsx(X, { size: 12 }) })] }, "managed-".concat(toItemKey(item, index)))); }) })] })), open && normalizedSuggestions.length > 0 && (_jsx("div", { className: "solid-autocomplete-panel", role: "listbox", children: normalizedSuggestions.map(function (item, index) { return (_jsx("button", { type: "button", className: cx("solid-autocomplete-option", activeIndex === index && "is-active"), onMouseEnter: function () { return setActiveIndex(index); }, onMouseDown: function (event) { return event.preventDefault(); }, onClick: function () { return commitSelection(item.raw); }, children: item.label }, "".concat(item.label, "-").concat(index))); }) }))] }));
+                                    }, "aria-label": "Remove selection", children: _jsx(X, { size: 12 }) })] }, "managed-".concat(toItemKey(item, index)))); }) })] })), open && normalizedSuggestions.length > 0 && (function () {
+                var panel = (_jsx("div", { ref: panelRef, className: "solid-autocomplete-panel", role: "listbox", style: portal ? (portalStyle !== null && portalStyle !== void 0 ? portalStyle : { visibility: "hidden" }) : undefined, children: normalizedSuggestions.map(function (item, index) { return (_jsx("button", { type: "button", className: cx("solid-autocomplete-option", activeIndex === index && "is-active"), onMouseEnter: function () { return setActiveIndex(index); }, onMouseDown: function (event) { return event.preventDefault(); }, onClick: function () { return commitSelection(item.raw); }, children: item.label }, "".concat(item.label, "-").concat(index))); }) }));
+                return portal && typeof document !== "undefined"
+                    ? createPortal(panel, document.body)
+                    : panel;
+            })()] }));
 }
 //# sourceMappingURL=SolidAutocomplete.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidAutocomplete.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidAutocomplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ChevronDown, ChevronUp, X } from \"lucide-react\";\n\ntype SolidAutocompleteProps = {\n  value?: any;\n  suggestions?: any[];\n  completeMethod?: (event: { query: string }) => void | Promise<void>;\n  onChange?: (event: { value: any }) => void;\n  onSelect?: (event: { value: any }) => void;\n  onUnselect?: (event: { value: any }) => void;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  emptyMessage?: string;\n  id?: string;\n  virtualScrollerOptions?: any;\n  field?: string;\n  placeholder?: string;\n  className?: string;\n  inputClassName?: string;\n  dropdown?: boolean;\n  forceSelection?: boolean;\n  multiple?: boolean;\n  maxVisibleChips?: number;\n  style?: React.CSSProperties;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction getDisplayValue(value: any, field: string) {\n  if (value == null) return \"\";\n  if (typeof value === \"string\" || typeof value === \"number\") return String(value);\n  if (typeof value === \"object\") {\n    const direct = value?.[field];\n    if (direct != null) return String(direct);\n    if (value?.label != null) return String(value.label);\n  }\n  return \"\";\n}\n\nexport function SolidAutocomplete({\n  value,\n  suggestions = [],\n  completeMethod,\n  onChange,\n  onSelect,\n  onUnselect,\n  id,\n  disabled,\n  readOnly,\n  emptyMessage,\n  field = \"label\",\n  placeholder,\n  className,\n  inputClassName,\n  dropdown,\n  forceSelection,\n  multiple,\n  maxVisibleChips = 2,\n  style,\n  onBlur,\n}: SolidAutocompleteProps) {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const completeTimerRef = useRef<number | null>(null);\n  const [open, setOpen] = useState(false);\n  const [manageOpen, setManageOpen] = useState(false);\n  const [query, setQuery] = useState(\"\");\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [isFocused, setIsFocused] = useState(false);\n  const [hasCustomQuery, setHasCustomQuery] = useState(false);\n\n  useEffect(() => {\n    if (multiple) return;\n    setQuery(\"\");\n    setHasCustomQuery(false);\n  }, [value, field, multiple]);\n\n  useEffect(() => {\n    return () => {\n      if (completeTimerRef.current) {\n        window.clearTimeout(completeTimerRef.current);\n      }\n    };\n  }, []);\n\n  const runCompleteMethod = (nextQuery: string, immediate = false) => {\n    if (!completeMethod) return;\n    if (completeTimerRef.current) {\n      window.clearTimeout(completeTimerRef.current);\n      completeTimerRef.current = null;\n    }\n    if (immediate) {\n      void completeMethod({ query: nextQuery });\n      return;\n    }\n    completeTimerRef.current = window.setTimeout(() => {\n      void completeMethod({ query: nextQuery });\n    }, 140);\n  };\n\n  useEffect(() => {\n    function handleOutsideClick(event: MouseEvent) {\n      if (!rootRef.current) return;\n      if (!rootRef.current.contains(event.target as Node)) {\n        setOpen(false);\n        setManageOpen(false);\n        setIsFocused(false);\n      }\n    }\n    document.addEventListener(\"mousedown\", handleOutsideClick);\n    return () => document.removeEventListener(\"mousedown\", handleOutsideClick);\n  }, []);\n\n  const normalizedSuggestions = useMemo(\n    () =>\n      (suggestions || []).map((item) => ({\n        raw: item,\n        label: getDisplayValue(item, field),\n      })),\n    [suggestions, field]\n  );\n\n  const selectedItems = useMemo(() => {\n    const isRenderable = (item: any) => {\n      if (item === null || item === undefined || item === \"\") return false;\n      const label = getDisplayValue(item, field);\n      return typeof label === \"string\" ? label.trim().length > 0 : !!label;\n    };\n\n    if (multiple) {\n      if (!Array.isArray(value)) return [];\n      return value.filter(isRenderable);\n    }\n    if (value === null || value === undefined || value === \"\") return [];\n    if (typeof value === \"string\" || typeof value === \"number\") {\n      return isRenderable(value) ? [value] : [];\n    }\n    return isRenderable(value) ? [value] : [];\n  }, [multiple, value, field]);\n\n  const visibleSelectedItems = selectedItems.slice(0, maxVisibleChips);\n  const hiddenSelectedItems = selectedItems.slice(maxVisibleChips);\n\n  useEffect(() => {\n    if (multiple && hiddenSelectedItems.length === 0 && manageOpen) {\n      setManageOpen(false);\n    }\n  }, [multiple, hiddenSelectedItems.length, manageOpen]);\n\n  const toItemKey = (item: any, index: number) => {\n    if (item && typeof item === \"object\") {\n      if (item.value !== undefined && item.value !== null) return String(item.value);\n      if (item.id !== undefined && item.id !== null) return String(item.id);\n    }\n    const label = getDisplayValue(item, field);\n    return label ? `${label}-${index}` : String(index);\n  };\n\n  const toComparableKey = (item: any) => {\n    if (item && typeof item === \"object\") {\n      if (item.value !== undefined && item.value !== null) return `value:${String(item.value)}`;\n      if (item.id !== undefined && item.id !== null) return `id:${String(item.id)}`;\n    }\n    return `label:${getDisplayValue(item, field)}`;\n  };\n\n  const removeSelectedAt = (index: number) => {\n    if (multiple) {\n      const existing = Array.isArray(value) ? [...value] : [];\n      existing.splice(index, 1);\n      onChange?.({ value: existing });\n      return;\n    }\n    onChange?.({ value: null });\n    setQuery(\"\");\n    setHasCustomQuery(false);\n  };\n\n  const clearAllSelected = () => {\n    if (multiple) {\n      const existing = Array.isArray(value) ? [...value] : [];\n      existing.forEach((item) => onUnselect?.({ value: item }));\n    }\n    onChange?.({ value: multiple ? [] : null });\n    setManageOpen(false);\n  };\n\n  const commitSelection = (item: any) => {\n    if (multiple) {\n      const existing = Array.isArray(value) ? [...value] : [];\n      const exists = existing.some((entry) => toComparableKey(entry) === toComparableKey(item));\n      if (!exists) {\n        onChange?.({ value: [...existing, item] });\n        onSelect?.({ value: item });\n      }\n      setQuery(\"\");\n      setOpen(false);\n      setManageOpen(false);\n      setActiveIndex(-1);\n      return;\n    }\n    setQuery(\"\");\n    onChange?.({ value: item });\n    onSelect?.({ value: item });\n    setOpen(false);\n    setManageOpen(false);\n    setActiveIndex(-1);\n    setHasCustomQuery(false);\n  };\n\n  return (\n    <div ref={rootRef} id={id} className={cx(\"solid-autocomplete\", className)} style={style}>\n      <div className={cx(\"solid-autocomplete-control solid-autocomplete-chip-control\", isFocused && \"is-focused\")}>\n        {(multiple || (!multiple && selectedItems.length > 0)) && visibleSelectedItems.map((item, index) => (\n          <span key={toItemKey(item, index)} className=\"solid-autocomplete-chip\">\n            <span className=\"solid-autocomplete-chip-label\">{getDisplayValue(item, field)}</span>\n            {!(disabled || readOnly) && (\n              <button\n                type=\"button\"\n                className=\"solid-autocomplete-chip-remove\"\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => {\n                  onUnselect?.({ value: item });\n                  removeSelectedAt(index);\n                }}\n                aria-label=\"Remove selection\"\n              >\n                <X size={12} />\n              </button>\n            )}\n          </span>\n        ))}\n        {multiple && hiddenSelectedItems.length > 0 && (\n          <button\n            type=\"button\"\n            className=\"solid-autocomplete-chip-manage\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              setOpen(false);\n              setManageOpen((prev) => !prev);\n            }}\n          >\n            +{hiddenSelectedItems.length} more\n          </button>\n        )}\n        <input\n          className={cx(\"solid-input solid-autocomplete-input solid-autocomplete-inline-input\", inputClassName)}\n          value={query}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={selectedItems.length > 0 ? \"\" : placeholder}\n          onFocus={() => {\n            setIsFocused(true);\n            setOpen(true);\n            setManageOpen(false);\n            runCompleteMethod(hasCustomQuery ? query : \"\", true);\n          }}\n          onChange={(event) => {\n            const next = event.target.value;\n            setQuery(next);\n            setHasCustomQuery(true);\n            setOpen(true);\n            setManageOpen(false);\n            runCompleteMethod(next, false);\n          }}\n          onClick={() => {\n            setOpen(true);\n            setManageOpen(false);\n          }}\n          onBlur={(event) => {\n            setIsFocused(false);\n            if (!forceSelection) return;\n            const matched = normalizedSuggestions.find(\n              (item) => item.label.toLowerCase() === query.toLowerCase()\n            );\n            if (matched) {\n              onChange?.({ value: matched.raw });\n              setQuery(\"\");\n            }\n            onBlur?.(event);\n          }}\n          onKeyDown={(event) => {\n            if (!open && (event.key === \"ArrowDown\" || event.key === \"ArrowUp\")) {\n              setOpen(true);\n              return;\n            }\n            if (!normalizedSuggestions.length) return;\n            if (event.key === \"ArrowDown\") {\n              event.preventDefault();\n              setActiveIndex((prev) => (prev + 1) % normalizedSuggestions.length);\n            }\n            if (event.key === \"ArrowUp\") {\n              event.preventDefault();\n              setActiveIndex((prev) =>\n                prev <= 0 ? normalizedSuggestions.length - 1 : prev - 1\n              );\n            }\n            if (event.key === \"Enter\" && activeIndex >= 0) {\n              event.preventDefault();\n              commitSelection(normalizedSuggestions[activeIndex].raw);\n            }\n            if (event.key === \"Backspace\" && !query && selectedItems.length > 0) {\n              event.preventDefault();\n              removeSelectedAt(selectedItems.length - 1);\n            }\n          }}\n        />\n        {dropdown && (\n          <button\n            type=\"button\"\n            className=\"solid-autocomplete-trigger\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              const nextOpen = !open;\n              setOpen(nextOpen);\n              if (nextOpen) {\n                setManageOpen(false);\n              }\n              if (nextOpen) {\n                runCompleteMethod(hasCustomQuery ? query : \"\", true);\n              }\n            }}\n            aria-label=\"Toggle suggestions\"\n            disabled={disabled || readOnly}\n          >\n            {open ? <ChevronUp size={14} /> : <ChevronDown size={14} />}\n          </button>\n        )}\n      </div>\n\n      {multiple && manageOpen && selectedItems.length > 0 && (\n        <div className=\"solid-autocomplete-manager-panel\">\n          <div className=\"solid-autocomplete-manager-header\">\n            <div className=\"solid-autocomplete-manager-title\">Selected ({selectedItems.length})</div>\n            <button type=\"button\" className=\"solid-autocomplete-manager-clear\" onClick={clearAllSelected}>\n              Clear all\n            </button>\n          </div>\n          <div className=\"solid-autocomplete-manager-body\">\n            {selectedItems.map((item, index) => (\n              <span key={`managed-${toItemKey(item, index)}`} className=\"solid-autocomplete-chip\">\n                <span className=\"solid-autocomplete-chip-label\">{getDisplayValue(item, field)}</span>\n                <button\n                  type=\"button\"\n                  className=\"solid-autocomplete-chip-remove\"\n                  onMouseDown={(event) => event.preventDefault()}\n                  onClick={() => {\n                    onUnselect?.({ value: item });\n                    removeSelectedAt(index);\n                  }}\n                  aria-label=\"Remove selection\"\n                >\n                  <X size={12} />\n                </button>\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {open && normalizedSuggestions.length > 0 && (\n        <div className=\"solid-autocomplete-panel\" role=\"listbox\">\n          {normalizedSuggestions.map((item, index) => (\n            <button\n              key={`${item.label}-${index}`}\n              type=\"button\"\n              className={cx(\n                \"solid-autocomplete-option\",\n                activeIndex === index && \"is-active\"\n              )}\n              onMouseEnter={() => setActiveIndex(index)}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => commitSelection(item.raw)}\n            >\n              {item.label}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SolidAutocomplete.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidAutocomplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { ChevronDown, ChevronUp, X } from \"lucide-react\";\n\ntype SolidAutocompleteProps = {\n  value?: any;\n  suggestions?: any[];\n  completeMethod?: (event: { query: string }) => void | Promise<void>;\n  onChange?: (event: { value: any }) => void;\n  onSelect?: (event: { value: any }) => void;\n  onUnselect?: (event: { value: any }) => void;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  emptyMessage?: string;\n  id?: string;\n  virtualScrollerOptions?: any;\n  field?: string;\n  placeholder?: string;\n  className?: string;\n  inputClassName?: string;\n  dropdown?: boolean;\n  forceSelection?: boolean;\n  multiple?: boolean;\n  maxVisibleChips?: number;\n  style?: React.CSSProperties;\n  portal?: boolean;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction getDisplayValue(value: any, field: string) {\n  if (value == null) return \"\";\n  if (typeof value === \"string\" || typeof value === \"number\") return String(value);\n  if (typeof value === \"object\") {\n    const direct = value?.[field];\n    if (direct != null) return String(direct);\n    if (value?.label != null) return String(value.label);\n  }\n  return \"\";\n}\n\nexport function SolidAutocomplete({\n  value,\n  suggestions = [],\n  completeMethod,\n  onChange,\n  onSelect,\n  onUnselect,\n  id,\n  disabled,\n  readOnly,\n  emptyMessage,\n  field = \"label\",\n  placeholder,\n  className,\n  inputClassName,\n  dropdown,\n  forceSelection,\n  multiple,\n  maxVisibleChips = 2,\n  style,\n  onBlur,\n  portal,\n}: SolidAutocompleteProps) {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const panelRef = useRef<HTMLDivElement | null>(null);\n  const completeTimerRef = useRef<number | null>(null);\n  const [open, setOpen] = useState(false);\n  const [manageOpen, setManageOpen] = useState(false);\n  const [query, setQuery] = useState(\"\");\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [isFocused, setIsFocused] = useState(false);\n  const [hasCustomQuery, setHasCustomQuery] = useState(false);\n  const [portalStyle, setPortalStyle] = useState<React.CSSProperties | null>(null);\n\n  useEffect(() => {\n    if (multiple) return;\n    setQuery(\"\");\n    setHasCustomQuery(false);\n  }, [value, field, multiple]);\n\n  useEffect(() => {\n    return () => {\n      if (completeTimerRef.current) {\n        window.clearTimeout(completeTimerRef.current);\n      }\n    };\n  }, []);\n\n  const runCompleteMethod = (nextQuery: string, immediate = false) => {\n    if (!completeMethod) return;\n    if (completeTimerRef.current) {\n      window.clearTimeout(completeTimerRef.current);\n      completeTimerRef.current = null;\n    }\n    if (immediate) {\n      void completeMethod({ query: nextQuery });\n      return;\n    }\n    completeTimerRef.current = window.setTimeout(() => {\n      void completeMethod({ query: nextQuery });\n    }, 140);\n  };\n\n  useEffect(() => {\n    function handleOutsideClick(event: MouseEvent) {\n      const target = event.target as Node;\n      const insideRoot = rootRef.current?.contains(target);\n      const insidePanel = panelRef.current?.contains(target);\n      if (!insideRoot && !insidePanel) {\n        setOpen(false);\n        setManageOpen(false);\n        setIsFocused(false);\n      }\n    }\n    document.addEventListener(\"mousedown\", handleOutsideClick);\n    return () => document.removeEventListener(\"mousedown\", handleOutsideClick);\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!portal || !open) {\n      setPortalStyle(null);\n      return;\n    }\n    const updatePosition = () => {\n      const el = rootRef.current;\n      if (!el) return;\n      const rect = el.getBoundingClientRect();\n      setPortalStyle({\n        position: \"fixed\",\n        top: rect.bottom + 4,\n        left: rect.left,\n        right: \"auto\",\n        width: rect.width,\n        minWidth: rect.width,\n        zIndex: 100000,\n        pointerEvents: \"auto\",\n      });\n    };\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [portal, open]);\n\n  const normalizedSuggestions = useMemo(\n    () =>\n      (suggestions || []).map((item) => ({\n        raw: item,\n        label: getDisplayValue(item, field),\n      })),\n    [suggestions, field]\n  );\n\n  useEffect(() => {\n    if (!portal || !open) return;\n    const el = panelRef.current;\n    if (!el) return;\n    const handleWheel = (event: WheelEvent) => {\n      if (el.scrollHeight <= el.clientHeight) return;\n      event.preventDefault();\n      el.scrollTop += event.deltaY;\n    };\n    el.addEventListener(\"wheel\", handleWheel, { passive: false });\n    return () => el.removeEventListener(\"wheel\", handleWheel);\n  }, [portal, open, normalizedSuggestions.length]);\n\n  const selectedItems = useMemo(() => {\n    const isRenderable = (item: any) => {\n      if (item === null || item === undefined || item === \"\") return false;\n      const label = getDisplayValue(item, field);\n      return typeof label === \"string\" ? label.trim().length > 0 : !!label;\n    };\n\n    if (multiple) {\n      if (!Array.isArray(value)) return [];\n      return value.filter(isRenderable);\n    }\n    if (value === null || value === undefined || value === \"\") return [];\n    if (typeof value === \"string\" || typeof value === \"number\") {\n      return isRenderable(value) ? [value] : [];\n    }\n    return isRenderable(value) ? [value] : [];\n  }, [multiple, value, field]);\n\n  const visibleSelectedItems = selectedItems.slice(0, maxVisibleChips);\n  const hiddenSelectedItems = selectedItems.slice(maxVisibleChips);\n\n  useEffect(() => {\n    if (multiple && hiddenSelectedItems.length === 0 && manageOpen) {\n      setManageOpen(false);\n    }\n  }, [multiple, hiddenSelectedItems.length, manageOpen]);\n\n  const toItemKey = (item: any, index: number) => {\n    if (item && typeof item === \"object\") {\n      if (item.value !== undefined && item.value !== null) return String(item.value);\n      if (item.id !== undefined && item.id !== null) return String(item.id);\n    }\n    const label = getDisplayValue(item, field);\n    return label ? `${label}-${index}` : String(index);\n  };\n\n  const toComparableKey = (item: any) => {\n    if (item && typeof item === \"object\") {\n      if (item.value !== undefined && item.value !== null) return `value:${String(item.value)}`;\n      if (item.id !== undefined && item.id !== null) return `id:${String(item.id)}`;\n    }\n    return `label:${getDisplayValue(item, field)}`;\n  };\n\n  const removeSelectedAt = (index: number) => {\n    if (multiple) {\n      const existing = Array.isArray(value) ? [...value] : [];\n      existing.splice(index, 1);\n      onChange?.({ value: existing });\n      return;\n    }\n    onChange?.({ value: null });\n    setQuery(\"\");\n    setHasCustomQuery(false);\n  };\n\n  const clearAllSelected = () => {\n    if (multiple) {\n      const existing = Array.isArray(value) ? [...value] : [];\n      existing.forEach((item) => onUnselect?.({ value: item }));\n    }\n    onChange?.({ value: multiple ? [] : null });\n    setManageOpen(false);\n  };\n\n  const commitSelection = (item: any) => {\n    if (multiple) {\n      const existing = Array.isArray(value) ? [...value] : [];\n      const exists = existing.some((entry) => toComparableKey(entry) === toComparableKey(item));\n      if (!exists) {\n        onChange?.({ value: [...existing, item] });\n        onSelect?.({ value: item });\n      }\n      setQuery(\"\");\n      setOpen(false);\n      setManageOpen(false);\n      setActiveIndex(-1);\n      return;\n    }\n    setQuery(\"\");\n    onChange?.({ value: item });\n    onSelect?.({ value: item });\n    setOpen(false);\n    setManageOpen(false);\n    setActiveIndex(-1);\n    setHasCustomQuery(false);\n  };\n\n  return (\n    <div ref={rootRef} id={id} className={cx(\"solid-autocomplete\", className)} style={style}>\n      <div className={cx(\"solid-autocomplete-control solid-autocomplete-chip-control\", isFocused && \"is-focused\")}>\n        {(multiple || (!multiple && selectedItems.length > 0)) && visibleSelectedItems.map((item, index) => (\n          <span key={toItemKey(item, index)} className=\"solid-autocomplete-chip\">\n            <span className=\"solid-autocomplete-chip-label\">{getDisplayValue(item, field)}</span>\n            {!(disabled || readOnly) && (\n              <button\n                type=\"button\"\n                className=\"solid-autocomplete-chip-remove\"\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => {\n                  onUnselect?.({ value: item });\n                  removeSelectedAt(index);\n                }}\n                aria-label=\"Remove selection\"\n              >\n                <X size={12} />\n              </button>\n            )}\n          </span>\n        ))}\n        {multiple && hiddenSelectedItems.length > 0 && (\n          <button\n            type=\"button\"\n            className=\"solid-autocomplete-chip-manage\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              setOpen(false);\n              setManageOpen((prev) => !prev);\n            }}\n          >\n            +{hiddenSelectedItems.length} more\n          </button>\n        )}\n        <input\n          className={cx(\"solid-input solid-autocomplete-input solid-autocomplete-inline-input\", inputClassName)}\n          value={query}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={selectedItems.length > 0 ? \"\" : placeholder}\n          onFocus={() => {\n            setIsFocused(true);\n            setOpen(true);\n            setManageOpen(false);\n            runCompleteMethod(hasCustomQuery ? query : \"\", true);\n          }}\n          onChange={(event) => {\n            const next = event.target.value;\n            setQuery(next);\n            setHasCustomQuery(true);\n            setOpen(true);\n            setManageOpen(false);\n            runCompleteMethod(next, false);\n          }}\n          onClick={() => {\n            setOpen(true);\n            setManageOpen(false);\n          }}\n          onBlur={(event) => {\n            setIsFocused(false);\n            if (!forceSelection) return;\n            const matched = normalizedSuggestions.find(\n              (item) => item.label.toLowerCase() === query.toLowerCase()\n            );\n            if (matched) {\n              onChange?.({ value: matched.raw });\n              setQuery(\"\");\n            }\n            onBlur?.(event);\n          }}\n          onKeyDown={(event) => {\n            if (!open && (event.key === \"ArrowDown\" || event.key === \"ArrowUp\")) {\n              setOpen(true);\n              return;\n            }\n            if (!normalizedSuggestions.length) return;\n            if (event.key === \"ArrowDown\") {\n              event.preventDefault();\n              setActiveIndex((prev) => (prev + 1) % normalizedSuggestions.length);\n            }\n            if (event.key === \"ArrowUp\") {\n              event.preventDefault();\n              setActiveIndex((prev) =>\n                prev <= 0 ? normalizedSuggestions.length - 1 : prev - 1\n              );\n            }\n            if (event.key === \"Enter\" && activeIndex >= 0) {\n              event.preventDefault();\n              commitSelection(normalizedSuggestions[activeIndex].raw);\n            }\n            if (event.key === \"Backspace\" && !query && selectedItems.length > 0) {\n              event.preventDefault();\n              removeSelectedAt(selectedItems.length - 1);\n            }\n          }}\n        />\n        {dropdown && (\n          <button\n            type=\"button\"\n            className=\"solid-autocomplete-trigger\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              const nextOpen = !open;\n              setOpen(nextOpen);\n              if (nextOpen) {\n                setManageOpen(false);\n              }\n              if (nextOpen) {\n                runCompleteMethod(hasCustomQuery ? query : \"\", true);\n              }\n            }}\n            aria-label=\"Toggle suggestions\"\n            disabled={disabled || readOnly}\n          >\n            {open ? <ChevronUp size={14} /> : <ChevronDown size={14} />}\n          </button>\n        )}\n      </div>\n\n      {multiple && manageOpen && selectedItems.length > 0 && (\n        <div className=\"solid-autocomplete-manager-panel\">\n          <div className=\"solid-autocomplete-manager-header\">\n            <div className=\"solid-autocomplete-manager-title\">Selected ({selectedItems.length})</div>\n            <button type=\"button\" className=\"solid-autocomplete-manager-clear\" onClick={clearAllSelected}>\n              Clear all\n            </button>\n          </div>\n          <div className=\"solid-autocomplete-manager-body\">\n            {selectedItems.map((item, index) => (\n              <span key={`managed-${toItemKey(item, index)}`} className=\"solid-autocomplete-chip\">\n                <span className=\"solid-autocomplete-chip-label\">{getDisplayValue(item, field)}</span>\n                <button\n                  type=\"button\"\n                  className=\"solid-autocomplete-chip-remove\"\n                  onMouseDown={(event) => event.preventDefault()}\n                  onClick={() => {\n                    onUnselect?.({ value: item });\n                    removeSelectedAt(index);\n                  }}\n                  aria-label=\"Remove selection\"\n                >\n                  <X size={12} />\n                </button>\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {open && normalizedSuggestions.length > 0 && (() => {\n        const panel = (\n          <div\n            ref={panelRef}\n            className=\"solid-autocomplete-panel\"\n            role=\"listbox\"\n            style={portal ? (portalStyle ?? { visibility: \"hidden\" }) : undefined}\n          >\n            {normalizedSuggestions.map((item, index) => (\n              <button\n                key={`${item.label}-${index}`}\n                type=\"button\"\n                className={cx(\n                  \"solid-autocomplete-option\",\n                  activeIndex === index && \"is-active\"\n                )}\n                onMouseEnter={() => setActiveIndex(index)}\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => commitSelection(item.raw)}\n              >\n                {item.label}\n              </button>\n            ))}\n          </div>\n        );\n        return portal && typeof document !== \"undefined\"\n          ? createPortal(panel, document.body)\n          : panel;\n      })()}\n    </div>\n  );\n}\n"]}

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

@@ -1,4 +1,5 @@
-import React, { useEffect, useMemo, useRef, useState } from "react";
+import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
 import { ChevronDown, ChevronUp, X } from "lucide-react";
 
 type SolidAutocompleteProps = {
@@ -23,6 +24,7 @@ type SolidAutocompleteProps = {
   multiple?: boolean;
   maxVisibleChips?: number;
   style?: React.CSSProperties;
+  portal?: boolean;
 };
 
 function cx(...parts: Array<string | false | undefined>) {
@@ -61,8 +63,10 @@ export function SolidAutocomplete({
   maxVisibleChips = 2,
   style,
   onBlur,
+  portal,
 }: SolidAutocompleteProps) {
   const rootRef = useRef<HTMLDivElement | null>(null);
+  const panelRef = useRef<HTMLDivElement | null>(null);
   const completeTimerRef = useRef<number | null>(null);
   const [open, setOpen] = useState(false);
   const [manageOpen, setManageOpen] = useState(false);
@@ -70,6 +74,7 @@ export function SolidAutocomplete({
   const [activeIndex, setActiveIndex] = useState(-1);
   const [isFocused, setIsFocused] = useState(false);
   const [hasCustomQuery, setHasCustomQuery] = useState(false);
+  const [portalStyle, setPortalStyle] = useState<React.CSSProperties | null>(null);
 
   useEffect(() => {
     if (multiple) return;
@@ -102,8 +107,10 @@ export function SolidAutocomplete({
 
   useEffect(() => {
     function handleOutsideClick(event: MouseEvent) {
-      if (!rootRef.current) return;
-      if (!rootRef.current.contains(event.target as Node)) {
+      const target = event.target as Node;
+      const insideRoot = rootRef.current?.contains(target);
+      const insidePanel = panelRef.current?.contains(target);
+      if (!insideRoot && !insidePanel) {
         setOpen(false);
         setManageOpen(false);
         setIsFocused(false);
@@ -113,6 +120,35 @@ export function SolidAutocomplete({
     return () => document.removeEventListener("mousedown", handleOutsideClick);
   }, []);
 
+  useLayoutEffect(() => {
+    if (!portal || !open) {
+      setPortalStyle(null);
+      return;
+    }
+    const updatePosition = () => {
+      const el = rootRef.current;
+      if (!el) return;
+      const rect = el.getBoundingClientRect();
+      setPortalStyle({
+        position: "fixed",
+        top: rect.bottom + 4,
+        left: rect.left,
+        right: "auto",
+        width: rect.width,
+        minWidth: rect.width,
+        zIndex: 100000,
+        pointerEvents: "auto",
+      });
+    };
+    updatePosition();
+    window.addEventListener("resize", updatePosition);
+    window.addEventListener("scroll", updatePosition, true);
+    return () => {
+      window.removeEventListener("resize", updatePosition);
+      window.removeEventListener("scroll", updatePosition, true);
+    };
+  }, [portal, open]);
+
   const normalizedSuggestions = useMemo(
     () =>
       (suggestions || []).map((item) => ({
@@ -122,6 +158,19 @@ export function SolidAutocomplete({
     [suggestions, field]
   );
 
+  useEffect(() => {
+    if (!portal || !open) return;
+    const el = panelRef.current;
+    if (!el) return;
+    const handleWheel = (event: WheelEvent) => {
+      if (el.scrollHeight <= el.clientHeight) return;
+      event.preventDefault();
+      el.scrollTop += event.deltaY;
+    };
+    el.addEventListener("wheel", handleWheel, { passive: false });
+    return () => el.removeEventListener("wheel", handleWheel);
+  }, [portal, open, normalizedSuggestions.length]);
+
   const selectedItems = useMemo(() => {
     const isRenderable = (item: any) => {
       if (item === null || item === undefined || item === "") return false;
@@ -360,25 +409,35 @@ export function SolidAutocomplete({
         </div>
       )}
 
-      {open && normalizedSuggestions.length > 0 && (
-        <div className="solid-autocomplete-panel" role="listbox">
-          {normalizedSuggestions.map((item, index) => (
-            <button
-              key={`${item.label}-${index}`}
-              type="button"
-              className={cx(
-                "solid-autocomplete-option",
-                activeIndex === index && "is-active"
-              )}
-              onMouseEnter={() => setActiveIndex(index)}
-              onMouseDown={(event) => event.preventDefault()}
-              onClick={() => commitSelection(item.raw)}
-            >
-              {item.label}
-            </button>
-          ))}
-        </div>
-      )}
+      {open && normalizedSuggestions.length > 0 && (() => {
+        const panel = (
+          <div
+            ref={panelRef}
+            className="solid-autocomplete-panel"
+            role="listbox"
+            style={portal ? (portalStyle ?? { visibility: "hidden" }) : undefined}
+          >
+            {normalizedSuggestions.map((item, index) => (
+              <button
+                key={`${item.label}-${index}`}
+                type="button"
+                className={cx(
+                  "solid-autocomplete-option",
+                  activeIndex === index && "is-active"
+                )}
+                onMouseEnter={() => setActiveIndex(index)}
+                onMouseDown={(event) => event.preventDefault()}
+                onClick={() => commitSelection(item.raw)}
+              >
+                {item.label}
+              </button>
+            ))}
+          </div>
+        );
+        return portal && typeof document !== "undefined"
+          ? createPortal(panel, document.body)
+          : panel;
+      })()}
     </div>
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SolidButton.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,kBAAkB,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;AACxF,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAwBzE,eAAO,MAAM,WAAW;;;;;eAjBX,MAAM,SAAS;gBACd,MAAM,SAAS;;;;;;;;;2CA0G3B,CAAC"}
+{"version":3,"file":"SolidButton.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,kBAAkB,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;AACxF,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAwBzE,eAAO,MAAM,WAAW;;;;;eAjBX,MAAM,SAAS;gBACd,MAAM,SAAS;;;;;;;;;2CAkH3B,CAAC"}

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

@@ -44,8 +44,16 @@ export var SolidButton = React.forwardRef(function SolidButton(_a, ref) {
                     ? "ghost"
                     : "primary");
     var resolvedSize = size === "small" ? "sm" : size === "large" ? "lg" : size === "medium" ? "md" : size === "lg" ? "lg" : size === "sm" ? "sm" : "md";
-    var iconMeta = icon ? parseSolidIconMeta(icon) : undefined;
-    var iconNode = iconMeta ? _jsx(SolidIcon, { name: iconMeta.name, spin: iconMeta.spin, "aria-hidden": true }) : null;
+    var normalizedIcon = typeof icon === "string" ? icon.trim() : "";
+    var iconMeta = normalizedIcon ? parseSolidIconMeta(normalizedIcon) : undefined;
+    var looksLikeCssIconClass = /\b[a-z0-9_-]+-[a-z0-9_-]+\b/i.test(normalizedIcon);
+    var iconNode = normalizedIcon
+        ? (iconMeta
+            ? _jsx(SolidIcon, { name: iconMeta.name, spin: iconMeta.spin, "aria-hidden": true })
+            : looksLikeCssIconClass
+                ? _jsx("i", { className: normalizedIcon, "aria-hidden": true })
+                : _jsx(SolidIcon, { name: "si-pencil", "aria-hidden": true }))
+        : null;
     var resolvedChildren = label !== null && label !== void 0 ? label : children;
     var hasOnlyIcon = !loading && !resolvedChildren && !label && (leftIcon || rightIcon || iconNode);
     // These are app-level config props sometimes spread into SolidButton.

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

@@ -1 +1 @@
-{"version":3,"file":"SolidButton.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { SolidIcon, parseSolidIconMeta } from \"./SolidIcon\";\n\ntype SolidButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"outline\" | \"destructive\";\ntype SolidButtonSize = \"sm\" | \"md\" | \"lg\" | \"small\" | \"medium\" | \"large\";\n\ntype SolidButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: SolidButtonVariant;\n  size?: SolidButtonSize;\n  fullWidth?: boolean;\n  loading?: boolean;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  // Compatibility props\n  icon?: string;\n  iconPos?: \"left\" | \"right\";\n  label?: string;\n  text?: boolean;\n  outlined?: boolean;\n  severity?: \"primary\" | \"secondary\" | \"danger\" | \"success\" | \"info\" | \"warning\";\n  rounded?: boolean;\n  tooltip?: string;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport const SolidButton = React.forwardRef<HTMLButtonElement, SolidButtonProps>(function SolidButton({\n  variant,\n  size = \"md\",\n  fullWidth,\n  loading,\n  leftIcon,\n  rightIcon,\n  className,\n  disabled,\n  children,\n  type = \"button\",\n  icon,\n  iconPos = \"left\",\n  label,\n  text,\n  outlined,\n  severity,\n  rounded,\n  tooltip,\n  ...props\n}, ref) {\n  const isDisabled = disabled || loading;\n  const resolvedVariant: SolidButtonVariant =\n    variant\n      ?? (outlined\n        ? \"outline\"\n        : severity === \"danger\"\n          ? \"destructive\"\n          : severity === \"secondary\"\n            ? \"secondary\"\n            : text\n              ? \"ghost\"\n              : \"primary\");\n  const resolvedSize: \"sm\" | \"md\" | \"lg\" =\n    size === \"small\" ? \"sm\" : size === \"large\" ? \"lg\" : size === \"medium\" ? \"md\" : size === \"lg\" ? \"lg\" : size === \"sm\" ? \"sm\" : \"md\";\n  const iconMeta = icon ? parseSolidIconMeta(icon) : undefined;\n  const iconNode = iconMeta ? <SolidIcon name={iconMeta.name} spin={iconMeta.spin} aria-hidden /> : null;\n  const resolvedChildren = label ?? children;\n  const hasOnlyIcon = !loading && !resolvedChildren && !label && (leftIcon || rightIcon || iconNode);\n\n  // These are app-level config props sometimes spread into SolidButton.\n  // We intentionally drop them to avoid leaking invalid attributes to <button>.\n  const {\n    openInPopup,\n    popupWidth,\n    actionInContextMenu,\n    customComponentIsSystem,\n    closable,\n    visible,\n    ...domProps\n  } = props as SolidButtonProps & Record<string, unknown>;\n\n  void openInPopup;\n  void popupWidth;\n  void actionInContextMenu;\n  void customComponentIsSystem;\n  void closable;\n  void visible;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      className={cx(\n        \"solid-btn\",\n        `solid-btn--${resolvedVariant}`,\n        `solid-btn--${resolvedSize}`,\n        fullWidth && \"solid-btn--full\",\n        loading && \"is-loading\",\n        rounded && \"solid-btn-rounded\",\n        className\n      )}\n      disabled={isDisabled}\n      title={tooltip}\n      {...domProps}\n    >\n      {loading && (\n        <span className=\"solid-btn-spinner\" aria-hidden=\"true\">\n          <Loader2 size={14} className=\"animate-spin\" />\n        </span>\n      )}\n      {!loading && (leftIcon || (iconNode && iconPos === \"left\")) ? (\n        <span className=\"solid-btn-icon\">{leftIcon ?? iconNode}</span>\n      ) : null}\n      {!hasOnlyIcon && <span className=\"solid-btn-label\">{resolvedChildren}</span>}\n      {!loading && (rightIcon || (iconNode && iconPos === \"right\")) ? (\n        <span className=\"solid-btn-icon\">{rightIcon ?? iconNode}</span>\n      ) : null}\n    </button>\n  );\n});\n"]}
+{"version":3,"file":"SolidButton.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { SolidIcon, parseSolidIconMeta } from \"./SolidIcon\";\n\ntype SolidButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"outline\" | \"destructive\";\ntype SolidButtonSize = \"sm\" | \"md\" | \"lg\" | \"small\" | \"medium\" | \"large\";\n\ntype SolidButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: SolidButtonVariant;\n  size?: SolidButtonSize;\n  fullWidth?: boolean;\n  loading?: boolean;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  // Compatibility props\n  icon?: string;\n  iconPos?: \"left\" | \"right\";\n  label?: string;\n  text?: boolean;\n  outlined?: boolean;\n  severity?: \"primary\" | \"secondary\" | \"danger\" | \"success\" | \"info\" | \"warning\";\n  rounded?: boolean;\n  tooltip?: string;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport const SolidButton = React.forwardRef<HTMLButtonElement, SolidButtonProps>(function SolidButton({\n  variant,\n  size = \"md\",\n  fullWidth,\n  loading,\n  leftIcon,\n  rightIcon,\n  className,\n  disabled,\n  children,\n  type = \"button\",\n  icon,\n  iconPos = \"left\",\n  label,\n  text,\n  outlined,\n  severity,\n  rounded,\n  tooltip,\n  ...props\n}, ref) {\n  const isDisabled = disabled || loading;\n  const resolvedVariant: SolidButtonVariant =\n    variant\n      ?? (outlined\n        ? \"outline\"\n        : severity === \"danger\"\n          ? \"destructive\"\n          : severity === \"secondary\"\n            ? \"secondary\"\n            : text\n              ? \"ghost\"\n              : \"primary\");\n  const resolvedSize: \"sm\" | \"md\" | \"lg\" =\n    size === \"small\" ? \"sm\" : size === \"large\" ? \"lg\" : size === \"medium\" ? \"md\" : size === \"lg\" ? \"lg\" : size === \"sm\" ? \"sm\" : \"md\";\n  const normalizedIcon = typeof icon === \"string\" ? icon.trim() : \"\";\n  const iconMeta = normalizedIcon ? parseSolidIconMeta(normalizedIcon) : undefined;\n  const looksLikeCssIconClass = /\\b[a-z0-9_-]+-[a-z0-9_-]+\\b/i.test(normalizedIcon);\n  const iconNode = normalizedIcon\n    ? (iconMeta\n      ? <SolidIcon name={iconMeta.name} spin={iconMeta.spin} aria-hidden />\n      : looksLikeCssIconClass\n        ? <i className={normalizedIcon} aria-hidden />\n        : <SolidIcon name=\"si-pencil\" aria-hidden />)\n    : null;\n  const resolvedChildren = label ?? children;\n  const hasOnlyIcon = !loading && !resolvedChildren && !label && (leftIcon || rightIcon || iconNode);\n\n  // These are app-level config props sometimes spread into SolidButton.\n  // We intentionally drop them to avoid leaking invalid attributes to <button>.\n  const {\n    openInPopup,\n    popupWidth,\n    actionInContextMenu,\n    customComponentIsSystem,\n    closable,\n    visible,\n    ...domProps\n  } = props as SolidButtonProps & Record<string, unknown>;\n\n  void openInPopup;\n  void popupWidth;\n  void actionInContextMenu;\n  void customComponentIsSystem;\n  void closable;\n  void visible;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      className={cx(\n        \"solid-btn\",\n        `solid-btn--${resolvedVariant}`,\n        `solid-btn--${resolvedSize}`,\n        fullWidth && \"solid-btn--full\",\n        loading && \"is-loading\",\n        rounded && \"solid-btn-rounded\",\n        className\n      )}\n      disabled={isDisabled}\n      title={tooltip}\n      {...domProps}\n    >\n      {loading && (\n        <span className=\"solid-btn-spinner\" aria-hidden=\"true\">\n          <Loader2 size={14} className=\"animate-spin\" />\n        </span>\n      )}\n      {!loading && (leftIcon || (iconNode && iconPos === \"left\")) ? (\n        <span className=\"solid-btn-icon\">{leftIcon ?? iconNode}</span>\n      ) : null}\n      {!hasOnlyIcon && <span className=\"solid-btn-label\">{resolvedChildren}</span>}\n      {!loading && (rightIcon || (iconNode && iconPos === \"right\")) ? (\n        <span className=\"solid-btn-icon\">{rightIcon ?? iconNode}</span>\n      ) : null}\n    </button>\n  );\n});\n"]}

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

@@ -62,8 +62,16 @@ export const SolidButton = React.forwardRef<HTMLButtonElement, SolidButtonProps>
               : "primary");
   const resolvedSize: "sm" | "md" | "lg" =
     size === "small" ? "sm" : size === "large" ? "lg" : size === "medium" ? "md" : size === "lg" ? "lg" : size === "sm" ? "sm" : "md";
-  const iconMeta = icon ? parseSolidIconMeta(icon) : undefined;
-  const iconNode = iconMeta ? <SolidIcon name={iconMeta.name} spin={iconMeta.spin} aria-hidden /> : null;
+  const normalizedIcon = typeof icon === "string" ? icon.trim() : "";
+  const iconMeta = normalizedIcon ? parseSolidIconMeta(normalizedIcon) : undefined;
+  const looksLikeCssIconClass = /\b[a-z0-9_-]+-[a-z0-9_-]+\b/i.test(normalizedIcon);
+  const iconNode = normalizedIcon
+    ? (iconMeta
+      ? <SolidIcon name={iconMeta.name} spin={iconMeta.spin} aria-hidden />
+      : looksLikeCssIconClass
+        ? <i className={normalizedIcon} aria-hidden />
+        : <SolidIcon name="si-pencil" aria-hidden />)
+    : null;
   const resolvedChildren = label ?? children;
   const hasOnlyIcon = !loading && !resolvedChildren && !label && (leftIcon || rightIcon || iconNode);
 

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

@@ -5,6 +5,6 @@ type SolidDatePickerProps = React.ComponentProps<typeof ReactDatePicker> & {
     timeOnly?: boolean;
     inputClassName?: string;
 };
-export declare function SolidDatePicker({ timeOnly, showTimeSelect, inputClassName, selected, dateFormat, className, ...props }: SolidDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidDatePicker({ timeOnly, showTimeSelect, inputClassName, selected, dateFormat, calendarClassName, popperClassName, className, ...props }: SolidDatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SolidDatePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,4CAA4C,CAAC;AAGpD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAmDF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,cAAc,EACd,cAAc,EACd,QAAQ,EACR,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAiBtB"}
+{"version":3,"file":"SolidDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,4CAA4C,CAAC;AAGpD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAmDF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,cAAc,EACd,cAAc,EACd,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAmBtB"}

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

@@ -67,10 +67,10 @@ function cx() {
 }
 export function SolidDatePicker(_a) {
     var _b;
-    var timeOnly = _a.timeOnly, showTimeSelect = _a.showTimeSelect, inputClassName = _a.inputClassName, selected = _a.selected, dateFormat = _a.dateFormat, className = _a.className, props = __rest(_a, ["timeOnly", "showTimeSelect", "inputClassName", "selected", "dateFormat", "className"]);
+    var timeOnly = _a.timeOnly, showTimeSelect = _a.showTimeSelect, inputClassName = _a.inputClassName, selected = _a.selected, dateFormat = _a.dateFormat, calendarClassName = _a.calendarClassName, popperClassName = _a.popperClassName, className = _a.className, props = __rest(_a, ["timeOnly", "showTimeSelect", "inputClassName", "selected", "dateFormat", "calendarClassName", "popperClassName", "className"]);
     var resolvedShowTime = timeOnly ? true : showTimeSelect;
     var resolvedFormat = (_b = (Array.isArray(dateFormat) ? dateFormat[0] : dateFormat)) !== null && _b !== void 0 ? _b : "yyyy-MM-dd";
     var displayValue = formatDateValue(selected, resolvedFormat);
-    return (_jsx(ReactDatePicker, __assign({ popperProps: { strategy: "fixed" }, popperPlacement: "bottom-start" }, props, { selected: selected, showTimeSelect: resolvedShowTime, showTimeSelectOnly: timeOnly, customInput: _jsx(SolidDatePickerInput, { className: inputClassName, displayValue: displayValue }), className: cx("solid-datepicker", className) })));
+    return (_jsx(ReactDatePicker, __assign({ popperProps: { strategy: "fixed" }, popperPlacement: "bottom-start" }, props, { selected: selected, showTimeSelect: resolvedShowTime, showTimeSelectOnly: timeOnly, calendarClassName: cx("solid-react-datepicker-calendar", calendarClassName), popperClassName: cx("solid-react-datepicker-popper", popperClassName), customInput: _jsx(SolidDatePickerInput, { className: inputClassName, displayValue: displayValue }), className: cx("solid-datepicker", className) })));
 }
 //# sourceMappingURL=SolidDatePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDatePicker.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactDatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { SolidInput } from \"./SolidInput\";\n\ntype SolidDatePickerProps = React.ComponentProps<typeof ReactDatePicker> & {\n  timeOnly?: boolean;\n  inputClassName?: string;\n};\n\ntype SolidDatePickerInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  displayValue?: string;\n};\n\nfunction formatDateValue(value: Date | null | undefined, pattern?: string) {\n  if (!value || !(value instanceof Date) || Number.isNaN(value.getTime())) {\n    return \"\";\n  }\n  if (!pattern) {\n    return value.toISOString();\n  }\n  const pad = (num: number, length = 2) => String(num).padStart(length, \"0\");\n  const hours = value.getHours();\n  const minutes = value.getMinutes();\n  const seconds = value.getSeconds();\n  const ampm = hours >= 12 ? \"PM\" : \"AM\";\n  const h12 = hours % 12 || 12;\n\n  return pattern\n    .replace(/yyyy/g, String(value.getFullYear()))\n    .replace(/MM/g, pad(value.getMonth() + 1))\n    .replace(/dd/g, pad(value.getDate()))\n    .replace(/HH/g, pad(hours))\n    .replace(/hh/g, pad(h12))\n    .replace(/h/g, String(h12))\n    .replace(/mm/g, pad(minutes))\n    .replace(/ss/g, pad(seconds))\n    .replace(/aa/g, ampm)\n    .replace(/a/g, ampm);\n}\n\nconst SolidDatePickerInput = React.forwardRef<HTMLInputElement, SolidDatePickerInputProps>(\n  ({ className, displayValue, ...props }, ref) => (\n    <SolidInput\n      ref={ref}\n      {...props}\n      value={displayValue ?? (typeof props.value === \"string\" ? props.value : \"\")}\n      readOnly\n      className={className}\n    />\n  )\n);\n\nSolidDatePickerInput.displayName = \"SolidDatePickerInput\";\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidDatePicker({\n  timeOnly,\n  showTimeSelect,\n  inputClassName,\n  selected,\n  dateFormat,\n  className,\n  ...props\n}: SolidDatePickerProps) {\n  const resolvedShowTime = timeOnly ? true : showTimeSelect;\n  const resolvedFormat = (Array.isArray(dateFormat) ? dateFormat[0] : dateFormat) ?? \"yyyy-MM-dd\";\n  const displayValue = formatDateValue(selected as Date | null | undefined, resolvedFormat);\n\n  return (\n    <ReactDatePicker\n      popperProps={{ strategy: \"fixed\" }}\n      popperPlacement=\"bottom-start\"\n      {...props}\n      selected={selected}\n      showTimeSelect={resolvedShowTime}\n      showTimeSelectOnly={timeOnly}\n      customInput={<SolidDatePickerInput className={inputClassName} displayValue={displayValue} />}\n      className={cx(\"solid-datepicker\", className)}\n    />\n  );\n}\n"]}
+{"version":3,"file":"SolidDatePicker.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactDatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { SolidInput } from \"./SolidInput\";\n\ntype SolidDatePickerProps = React.ComponentProps<typeof ReactDatePicker> & {\n  timeOnly?: boolean;\n  inputClassName?: string;\n};\n\ntype SolidDatePickerInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  displayValue?: string;\n};\n\nfunction formatDateValue(value: Date | null | undefined, pattern?: string) {\n  if (!value || !(value instanceof Date) || Number.isNaN(value.getTime())) {\n    return \"\";\n  }\n  if (!pattern) {\n    return value.toISOString();\n  }\n  const pad = (num: number, length = 2) => String(num).padStart(length, \"0\");\n  const hours = value.getHours();\n  const minutes = value.getMinutes();\n  const seconds = value.getSeconds();\n  const ampm = hours >= 12 ? \"PM\" : \"AM\";\n  const h12 = hours % 12 || 12;\n\n  return pattern\n    .replace(/yyyy/g, String(value.getFullYear()))\n    .replace(/MM/g, pad(value.getMonth() + 1))\n    .replace(/dd/g, pad(value.getDate()))\n    .replace(/HH/g, pad(hours))\n    .replace(/hh/g, pad(h12))\n    .replace(/h/g, String(h12))\n    .replace(/mm/g, pad(minutes))\n    .replace(/ss/g, pad(seconds))\n    .replace(/aa/g, ampm)\n    .replace(/a/g, ampm);\n}\n\nconst SolidDatePickerInput = React.forwardRef<HTMLInputElement, SolidDatePickerInputProps>(\n  ({ className, displayValue, ...props }, ref) => (\n    <SolidInput\n      ref={ref}\n      {...props}\n      value={displayValue ?? (typeof props.value === \"string\" ? props.value : \"\")}\n      readOnly\n      className={className}\n    />\n  )\n);\n\nSolidDatePickerInput.displayName = \"SolidDatePickerInput\";\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidDatePicker({\n  timeOnly,\n  showTimeSelect,\n  inputClassName,\n  selected,\n  dateFormat,\n  calendarClassName,\n  popperClassName,\n  className,\n  ...props\n}: SolidDatePickerProps) {\n  const resolvedShowTime = timeOnly ? true : showTimeSelect;\n  const resolvedFormat = (Array.isArray(dateFormat) ? dateFormat[0] : dateFormat) ?? \"yyyy-MM-dd\";\n  const displayValue = formatDateValue(selected as Date | null | undefined, resolvedFormat);\n\n  return (\n    <ReactDatePicker\n      popperProps={{ strategy: \"fixed\" }}\n      popperPlacement=\"bottom-start\"\n      {...props}\n      selected={selected}\n      showTimeSelect={resolvedShowTime}\n      showTimeSelectOnly={timeOnly}\n      calendarClassName={cx(\"solid-react-datepicker-calendar\", calendarClassName)}\n      popperClassName={cx(\"solid-react-datepicker-popper\", popperClassName)}\n      customInput={<SolidDatePickerInput className={inputClassName} displayValue={displayValue} />}\n      className={cx(\"solid-datepicker\", className)}\n    />\n  );\n}\n"]}

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

@@ -63,6 +63,8 @@ export function SolidDatePicker({
   inputClassName,
   selected,
   dateFormat,
+  calendarClassName,
+  popperClassName,
   className,
   ...props
 }: SolidDatePickerProps) {
@@ -78,6 +80,8 @@ export function SolidDatePicker({
       selected={selected}
       showTimeSelect={resolvedShowTime}
       showTimeSelectOnly={timeOnly}
+      calendarClassName={cx("solid-react-datepicker-calendar", calendarClassName)}
+      popperClassName={cx("solid-react-datepicker-popper", popperClassName)}
       customInput={<SolidDatePickerInput className={inputClassName} displayValue={displayValue} />}
       className={cx("solid-datepicker", className)}
     />

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDialog.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,UAAiB,EACjB,eAAe,EACf,YAAY,EACZ,WAAkB,GACnB,EAAE,gBAAgB,2CAqClB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAEjF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAEhF;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAMtF;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAE/E;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAEjF;AAED,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAEzE;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,SAA0B,GACzC,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAaA"}
+{"version":3,"file":"SolidDialog.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAuCF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,UAAiB,EACjB,eAAe,EACf,YAAY,EACZ,WAAkB,GACnB,EAAE,gBAAgB,2CAgDlB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAEjF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAEhF;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAMtF;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAE/E;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAEjF;AAED,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAEzE;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,SAA0B,GACzC,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAaA"}