@solidxai/core-ui 0.1.8-beta.2 → 0.1.8-beta.21

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

@@ -179,6 +179,10 @@ export function SolidAutocomplete({
   };
 
   const clearAllSelected = () => {
+    if (multiple) {
+      const existing = Array.isArray(value) ? [...value] : [];
+      existing.forEach((item) => onUnselect?.({ value: item }));
+    }
     onChange?.({ value: multiple ? [] : null });
     setManageOpen(false);
   };
@@ -189,6 +193,7 @@ export function SolidAutocomplete({
       const exists = existing.some((entry) => toComparableKey(entry) === toComparableKey(item));
       if (!exists) {
         onChange?.({ value: [...existing, item] });
+        onSelect?.({ value: item });
       }
       setQuery("");
       setOpen(false);
@@ -340,7 +345,11 @@ export function SolidAutocomplete({
                 <button
                   type="button"
                   className="solid-autocomplete-chip-remove"
-                  onClick={() => removeSelectedAt(index)}
+                  onMouseDown={(event) => event.preventDefault()}
+                  onClick={() => {
+                    onUnselect?.({ value: item });
+                    removeSelectedAt(index);
+                  }}
                   aria-label="Remove selection"
                 >
                   <X size={12} />

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

@@ -8,7 +8,12 @@ type SolidConfirmDialogProps = {
     onConfirm: () => void;
     onCancel: () => void;
     className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+    separatorClassName?: string;
+    showSeparator?: boolean;
 };
-export declare function SolidConfirmDialog({ open, title, message, confirmLabel, cancelLabel, onConfirm, onCancel, className, }: SolidConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidConfirmDialog({ open, title, message, confirmLabel, cancelLabel, onConfirm, onCancel, className, headerClassName, bodyClassName, footerClassName, separatorClassName, showSeparator, }: SolidConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SolidConfirmDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAiB,EACjB,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CAkBzB"}
+{"version":3,"file":"SolidConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAiB,EACjB,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,aAAqB,GACtB,EAAE,uBAAuB,2CAmBzB"}

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogTitle, } from "./SolidDialog";
+import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, } from "./SolidDialog";
 import { SolidButton } from "./SolidButton";
 export function SolidConfirmDialog(_a) {
-    var open = _a.open, _b = _a.title, title = _b === void 0 ? "Confirm" : _b, message = _a.message, _c = _a.confirmLabel, confirmLabel = _c === void 0 ? "Confirm" : _c, _d = _a.cancelLabel, cancelLabel = _d === void 0 ? "Cancel" : _d, onConfirm = _a.onConfirm, onCancel = _a.onCancel, className = _a.className;
-    return (_jsxs(SolidDialog, { open: open, onOpenChange: function (val) { return !val && onCancel(); }, className: className, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: title }), _jsx(SolidDialogClose, { "aria-label": "Close" })] }), _jsx(SolidDialogBody, { children: message }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { variant: "outline", size: "sm", onClick: onCancel, children: cancelLabel }), _jsx(SolidButton, { variant: "destructive", size: "sm", onClick: onConfirm, children: confirmLabel })] })] }));
+    var open = _a.open, _b = _a.title, title = _b === void 0 ? "Confirm" : _b, message = _a.message, _c = _a.confirmLabel, confirmLabel = _c === void 0 ? "Confirm" : _c, _d = _a.cancelLabel, cancelLabel = _d === void 0 ? "Cancel" : _d, onConfirm = _a.onConfirm, onCancel = _a.onCancel, className = _a.className, headerClassName = _a.headerClassName, bodyClassName = _a.bodyClassName, footerClassName = _a.footerClassName, separatorClassName = _a.separatorClassName, _e = _a.showSeparator, showSeparator = _e === void 0 ? false : _e;
+    return (_jsxs(SolidDialog, { open: open, onOpenChange: function (val) { return !val && onCancel(); }, className: className, children: [_jsxs(SolidDialogHeader, { className: headerClassName, children: [_jsx(SolidDialogTitle, { children: title }), _jsx(SolidDialogClose, { "aria-label": "Close" })] }), showSeparator ? _jsx(SolidDialogSeparator, { className: separatorClassName }) : null, _jsx(SolidDialogBody, { className: bodyClassName, children: message }), _jsxs(SolidDialogFooter, { className: footerClassName, children: [_jsx(SolidButton, { variant: "outline", size: "sm", onClick: onCancel, children: cancelLabel }), _jsx(SolidButton, { variant: "destructive", size: "sm", onClick: onConfirm, children: confirmLabel })] })] }));
 }
 //# sourceMappingURL=SolidConfirmDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidConfirmDialog.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAa5C,MAAM,UAAU,kBAAkB,CAAC,EAST;QARxB,IAAI,UAAA,EACJ,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,OAAO,aAAA,EACP,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,OAAO,CACL,MAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,UAAC,GAAG,IAAK,OAAA,CAAC,GAAG,IAAI,QAAQ,EAAE,EAAlB,CAAkB,EAAE,SAAS,EAAE,SAAS,aACtF,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,KAAK,GAAoB,EAC5C,KAAC,gBAAgB,kBAAY,OAAO,GAAG,IACrB,EACpB,KAAC,eAAe,cAAE,OAAO,GAAmB,EAC5C,MAAC,iBAAiB,eAChB,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,YACvD,WAAW,GACA,EACd,KAAC,WAAW,IAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,SAAS,YAC5D,YAAY,GACD,IACI,IACR,CACf,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\nimport {\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogTitle,\n} from \"./SolidDialog\";\nimport { SolidButton } from \"./SolidButton\";\n\ntype SolidConfirmDialogProps = {\n  open: boolean;\n  title?: string;\n  message?: React.ReactNode;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n  className?: string;\n};\n\nexport function SolidConfirmDialog({\n  open,\n  title = \"Confirm\",\n  message,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  className,\n}: SolidConfirmDialogProps) {\n  return (\n    <SolidDialog open={open} onOpenChange={(val) => !val && onCancel()} className={className}>\n      <SolidDialogHeader>\n        <SolidDialogTitle>{title}</SolidDialogTitle>\n        <SolidDialogClose aria-label=\"Close\" />\n      </SolidDialogHeader>\n      <SolidDialogBody>{message}</SolidDialogBody>\n      <SolidDialogFooter>\n        <SolidButton variant=\"outline\" size=\"sm\" onClick={onCancel}>\n          {cancelLabel}\n        </SolidButton>\n        <SolidButton variant=\"destructive\" size=\"sm\" onClick={onConfirm}>\n          {confirmLabel}\n        </SolidButton>\n      </SolidDialogFooter>\n    </SolidDialog>\n  );\n}\n"]}
+{"version":3,"file":"SolidConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidConfirmDialog.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAkB5C,MAAM,UAAU,kBAAkB,CAAC,EAcT;QAbxB,IAAI,UAAA,EACJ,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,OAAO,aAAA,EACP,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA;IAErB,OAAO,CACL,MAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,UAAC,GAAG,IAAK,OAAA,CAAC,GAAG,IAAI,QAAQ,EAAE,EAAlB,CAAkB,EAAE,SAAS,EAAE,SAAS,aACtF,MAAC,iBAAiB,IAAC,SAAS,EAAE,eAAe,aAC3C,KAAC,gBAAgB,cAAE,KAAK,GAAoB,EAC5C,KAAC,gBAAgB,kBAAY,OAAO,GAAG,IACrB,EACnB,aAAa,CAAC,CAAC,CAAC,KAAC,oBAAoB,IAAC,SAAS,EAAE,kBAAkB,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/E,KAAC,eAAe,IAAC,SAAS,EAAE,aAAa,YAAG,OAAO,GAAmB,EACtE,MAAC,iBAAiB,IAAC,SAAS,EAAE,eAAe,aAC3C,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,YACvD,WAAW,GACA,EACd,KAAC,WAAW,IAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,SAAS,YAC5D,YAAY,GACD,IACI,IACR,CACf,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\nimport {\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n} from \"./SolidDialog\";\nimport { SolidButton } from \"./SolidButton\";\n\ntype SolidConfirmDialogProps = {\n  open: boolean;\n  title?: string;\n  message?: React.ReactNode;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n  className?: string;\n  headerClassName?: string;\n  bodyClassName?: string;\n  footerClassName?: string;\n  separatorClassName?: string;\n  showSeparator?: boolean;\n};\n\nexport function SolidConfirmDialog({\n  open,\n  title = \"Confirm\",\n  message,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  className,\n  headerClassName,\n  bodyClassName,\n  footerClassName,\n  separatorClassName,\n  showSeparator = false,\n}: SolidConfirmDialogProps) {\n  return (\n    <SolidDialog open={open} onOpenChange={(val) => !val && onCancel()} className={className}>\n      <SolidDialogHeader className={headerClassName}>\n        <SolidDialogTitle>{title}</SolidDialogTitle>\n        <SolidDialogClose aria-label=\"Close\" />\n      </SolidDialogHeader>\n      {showSeparator ? <SolidDialogSeparator className={separatorClassName} /> : null}\n      <SolidDialogBody className={bodyClassName}>{message}</SolidDialogBody>\n      <SolidDialogFooter className={footerClassName}>\n        <SolidButton variant=\"outline\" size=\"sm\" onClick={onCancel}>\n          {cancelLabel}\n        </SolidButton>\n        <SolidButton variant=\"destructive\" size=\"sm\" onClick={onConfirm}>\n          {confirmLabel}\n        </SolidButton>\n      </SolidDialogFooter>\n    </SolidDialog>\n  );\n}\n"]}

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

@@ -5,6 +5,7 @@ import {
   SolidDialogClose,
   SolidDialogFooter,
   SolidDialogHeader,
+  SolidDialogSeparator,
   SolidDialogTitle,
 } from "./SolidDialog";
 import { SolidButton } from "./SolidButton";
@@ -18,6 +19,11 @@ type SolidConfirmDialogProps = {
   onConfirm: () => void;
   onCancel: () => void;
   className?: string;
+  headerClassName?: string;
+  bodyClassName?: string;
+  footerClassName?: string;
+  separatorClassName?: string;
+  showSeparator?: boolean;
 };
 
 export function SolidConfirmDialog({
@@ -29,15 +35,21 @@ export function SolidConfirmDialog({
   onConfirm,
   onCancel,
   className,
+  headerClassName,
+  bodyClassName,
+  footerClassName,
+  separatorClassName,
+  showSeparator = false,
 }: SolidConfirmDialogProps) {
   return (
     <SolidDialog open={open} onOpenChange={(val) => !val && onCancel()} className={className}>
-      <SolidDialogHeader>
+      <SolidDialogHeader className={headerClassName}>
         <SolidDialogTitle>{title}</SolidDialogTitle>
         <SolidDialogClose aria-label="Close" />
       </SolidDialogHeader>
-      <SolidDialogBody>{message}</SolidDialogBody>
-      <SolidDialogFooter>
+      {showSeparator ? <SolidDialogSeparator className={separatorClassName} /> : null}
+      <SolidDialogBody className={bodyClassName}>{message}</SolidDialogBody>
+      <SolidDialogFooter className={footerClassName}>
         <SolidButton variant="outline" size="sm" onClick={onCancel}>
           {cancelLabel}
         </SolidButton>

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;AAwCF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,cAAc,EACd,cAAc,EACd,QAAQ,EACR,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAetB"}
+{"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,2CAetB"}

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

@@ -36,12 +36,22 @@ function formatDateValue(value, pattern) {
         if (length === void 0) { length = 2; }
         return String(num).padStart(length, "0");
     };
+    var hours = value.getHours();
+    var minutes = value.getMinutes();
+    var seconds = value.getSeconds();
+    var ampm = hours >= 12 ? "PM" : "AM";
+    var h12 = hours % 12 || 12;
     return pattern
         .replace(/yyyy/g, String(value.getFullYear()))
         .replace(/MM/g, pad(value.getMonth() + 1))
         .replace(/dd/g, pad(value.getDate()))
-        .replace(/HH/g, pad(value.getHours()))
-        .replace(/mm/g, pad(value.getMinutes()));
+        .replace(/HH/g, pad(hours))
+        .replace(/hh/g, pad(h12))
+        .replace(/h/g, String(h12))
+        .replace(/mm/g, pad(minutes))
+        .replace(/ss/g, pad(seconds))
+        .replace(/aa/g, ampm)
+        .replace(/a/g, ampm);
 }
 var SolidDatePickerInput = React.forwardRef(function (_a, ref) {
     var className = _a.className, displayValue = _a.displayValue, props = __rest(_a, ["className", "displayValue"]);

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  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(value.getHours()))\n    .replace(/mm/g, pad(value.getMinutes()));\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      {...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  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      {...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"]}

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

@@ -20,12 +20,23 @@ function formatDateValue(value: Date | null | undefined, pattern?: string) {
     return value.toISOString();
   }
   const pad = (num: number, length = 2) => String(num).padStart(length, "0");
+  const hours = value.getHours();
+  const minutes = value.getMinutes();
+  const seconds = value.getSeconds();
+  const ampm = hours >= 12 ? "PM" : "AM";
+  const h12 = hours % 12 || 12;
+
   return pattern
     .replace(/yyyy/g, String(value.getFullYear()))
     .replace(/MM/g, pad(value.getMonth() + 1))
     .replace(/dd/g, pad(value.getDate()))
-    .replace(/HH/g, pad(value.getHours()))
-    .replace(/mm/g, pad(value.getMinutes()));
+    .replace(/HH/g, pad(hours))
+    .replace(/hh/g, pad(h12))
+    .replace(/h/g, String(h12))
+    .replace(/mm/g, pad(minutes))
+    .replace(/ss/g, pad(seconds))
+    .replace(/aa/g, ampm)
+    .replace(/a/g, ampm);
 }
 
 const SolidDatePickerInput = React.forwardRef<HTMLInputElement, SolidDatePickerInputProps>(

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

@@ -2,7 +2,7 @@ import * as React from "react";
 type SolidDialogProps = {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-    children: React.ReactNode;
+    children?: React.ReactNode;
     className?: string;
     contentClassName?: string;
     overlayClassName?: string;

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,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,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;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"}

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

@@ -1 +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: any) => {\n            if (!dismissible) event.preventDefault();\n          }}\n          onPointerDownOutside={(event: any) => {\n            if (!dismissible) event.preventDefault();\n          }}\n          onInteractOutside={(event: any) => {\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  onClick,\n  \"aria-label\": ariaLabel = \"Close dialog\",\n}: {\n  className?: string;\n  children?: React.ReactNode;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\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        onClick={onClick}\n      >\n        {children ?? <X size={16} />}\n      </button>\n    </Dialog.Close>\n  );\n}\n"]}
+{"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: any) => {\n            if (!dismissible) event.preventDefault();\n          }}\n          onPointerDownOutside={(event: any) => {\n            if (!dismissible) event.preventDefault();\n          }}\n          onInteractOutside={(event: any) => {\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  onClick,\n  \"aria-label\": ariaLabel = \"Close dialog\",\n}: {\n  className?: string;\n  children?: React.ReactNode;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\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        onClick={onClick}\n      >\n        {children ?? <X size={16} />}\n      </button>\n    </Dialog.Close>\n  );\n}\n"]}

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

@@ -5,7 +5,7 @@ import { X } from "lucide-react";
 type SolidDialogProps = {
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-  children: React.ReactNode;
+  children?: React.ReactNode;
   className?: string;
   contentClassName?: string;
   overlayClassName?: string;

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

@@ -75,13 +75,13 @@ declare const ICON_MAP: {
     "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"> {
+export interface SolidIconProps extends React.SVGAttributes<SVGSVGElement> {
     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 declare function SolidIcon({ name, size, spin, className, ...rest }: SolidIconProps): import("react/jsx-runtime").JSX.Element;
 export type SolidIconMeta = {
     name: SolidIconName;
     spin?: boolean;

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

@@ -1 +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"}
+{"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,aAAa,CAAC,aAAa,CAAC;IACxE,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,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAY,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAUzF;AAED,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"}

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

@@ -21,7 +21,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
 import { AlertCircle, AlertTriangle, ArrowDownWideNarrow, ArrowLeft, ArrowRight, ArrowUpWideNarrow, BarChart3, Bell, Bot, Calendar, CalendarMinus, CalendarPlus, Check, CheckCircle2, ChevronsLeft, ChevronsRight, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleHelp, Code, Cog, Columns3, Copy, Download, DownloadCloud, ExternalLink, Eye, EyeOff, File, FilePenLine, FileSpreadsheet, FileText, FileType, Filter, FilterX, History, Image as ImageIcon, Inbox, Info, LayoutGrid, Loader2, Lock, Mail, Menu, MessageSquare, Minus, MoreHorizontal, MoreVertical, Pencil, Plus, Power, RefreshCcw, Save, Search, Send, SlidersHorizontal, Star, Terminal, Trash2, Upload, UploadCloud, User, Users, Wifi, X, XCircle } from "lucide-react";
 var ICON_MAP = {
     "si-android": Bot,
@@ -110,12 +109,12 @@ function isSolidIconName(name) {
     return Object.prototype.hasOwnProperty.call(ICON_MAP, name);
 }
 export var ICON_KEYS = Object.keys(ICON_MAP);
-export var SolidIcon = React.forwardRef(function (_a, ref) {
+export function SolidIcon(_a) {
     var _b;
     var name = _a.name, _c = _a.size, size = _c === void 0 ? "1em" : _c, spin = _a.spin, className = _a.className, rest = __rest(_a, ["name", "size", "spin", "className"]);
     var IconComponent = (_b = ICON_MAP[name]) !== null && _b !== void 0 ? _b : CircleHelp;
-    return (_jsx(IconComponent, __assign({ ref: ref, size: size, className: cx("solid-icon", spin && "solid-icon--spin", className) }, rest)));
-});
+    return (_jsx(IconComponent, __assign({ size: size, className: cx("solid-icon", spin && "solid-icon--spin", className) }, rest)));
+}
 export function parseSolidIconMeta(value) {
     if (!value)
         return undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidIcon.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport {\n  AlertCircle,\n  AlertTriangle,\n  ArrowDownWideNarrow,\n  ArrowLeft,\n  ArrowRight,\n  ArrowUpWideNarrow,\n  BarChart3,\n  Bell,\n  Bot,\n  Calendar,\n  CalendarMinus,\n  CalendarPlus,\n  Check,\n  CheckCircle2,\n  ChevronsLeft,\n  ChevronsRight,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  ChevronUp,\n  CircleHelp,\n  Code,\n  Cog,\n  Columns3,\n  Copy,\n  Download,\n  DownloadCloud,\n  ExternalLink,\n  Eye,\n  EyeOff,\n  File,\n  FilePenLine,\n  FileSpreadsheet,\n  FileText,\n  FileType,\n  Filter,\n  FilterX,\n  History,\n  Image as ImageIcon,\n  Inbox,\n  Info,\n  LayoutGrid,\n  Loader2,\n  Lock,\n  Mail,\n  Menu,\n  MessageSquare,\n  Minus,\n  MoreHorizontal,\n  MoreVertical,\n  Pencil,\n  Plus,\n  Power,\n  RefreshCcw,\n  Save,\n  Search,\n  Send,\n  SlidersHorizontal,\n  Star,\n  Terminal,\n  Trash2,\n  Upload,\n  UploadCloud,\n  User,\n  Users,\n  Wifi,\n  X,\n  XCircle\n} from \"lucide-react\";\n\ntype IconComponent = LucideIcon;\n\nconst ICON_MAP = {\n  \"si-android\": Bot,\n  \"si-angle-double-left\": ChevronsLeft,\n  \"si-angle-double-right\": ChevronsRight,\n  \"si-angle-down\": ChevronDown,\n  \"si-angle-left\": ChevronLeft,\n  \"si-angle-right\": ChevronRight,\n  \"si-angle-up\": ChevronUp,\n  \"si-arrow-left\": ArrowLeft,\n  \"si-arrow-right\": ArrowRight,\n  \"si-bars\": Menu,\n  \"si-bell\": Bell,\n  \"si-calendar\": Calendar,\n  \"si-calendar-minus\": CalendarMinus,\n  \"si-calendar-plus\": CalendarPlus,\n  \"si-chart-bar\": BarChart3,\n  \"si-check\": Check,\n  \"si-check-circle\": CheckCircle2,\n  \"si-chevron-down\": ChevronDown,\n  \"si-chevron-left\": ChevronLeft,\n  \"si-chevron-right\": ChevronRight,\n  \"si-chevron-up\": ChevronUp,\n  \"si-clone\": Copy,\n  \"si-cloud-download\": DownloadCloud,\n  \"si-cloud-upload\": UploadCloud,\n  \"si-code\": Code,\n  \"si-cog\": Cog,\n  \"si-comments\": MessageSquare,\n  \"si-copy\": Copy,\n  \"si-download\": Download,\n  \"si-ellipsis-h\": MoreHorizontal,\n  \"si-ellipsis-v\": MoreVertical,\n  \"si-envelope\": Mail,\n  \"si-exclamation-circle\": AlertCircle,\n  \"si-exclamation-triangle\": AlertTriangle,\n  \"si-external-link\": ExternalLink,\n  \"si-eye\": Eye,\n  \"si-eye-slash\": EyeOff,\n  \"si-file\": File,\n  \"si-file-edit\": FilePenLine,\n  \"si-file-excel\": FileSpreadsheet,\n  \"si-file-pdf\": FileText,\n  \"si-file-word\": FileType,\n  \"si-filter\": Filter,\n  \"si-filter-fill\": Filter,\n  \"si-filter-slash\": FilterX,\n  \"si-history\": History,\n  \"si-image\": ImageIcon,\n  \"si-inbox\": Inbox,\n  \"si-info-circle\": Info,\n  \"si-lock\": Lock,\n  \"si-minus\": Minus,\n  \"si-objects-column\": Columns3,\n  \"si-pencil\": Pencil,\n  \"si-plus\": Plus,\n  \"si-power-off\": Power,\n  \"si-refresh\": RefreshCcw,\n  \"si-save\": Save,\n  \"si-search\": Search,\n  \"si-send\": Send,\n  \"si-sliders-h\": SlidersHorizontal,\n  \"si-sort-down-fill\": ArrowDownWideNarrow,\n  \"si-sort-up-fill\": ArrowUpWideNarrow,\n  \"si-spinner\": Loader2,\n  \"si-star\": Star,\n  \"si-terminal\": Terminal,\n  \"si-th-large\": LayoutGrid,\n  \"si-times\": X,\n  \"si-times-circle\": XCircle,\n  \"si-trash\": Trash2,\n  \"si-upload\": Upload,\n  \"si-user\": User,\n  \"si-users\": Users,\n  \"si-wifi\": Wifi\n} satisfies Record<string, IconComponent>;\n\nexport type SolidIconName = keyof typeof ICON_MAP;\n\nconst SPIN_CLASSNAMES = new Set([\"pi-spin\", \"si-spin\"]);\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction isSolidIconName(name: string): name is SolidIconName {\n  return Object.prototype.hasOwnProperty.call(ICON_MAP, name);\n}\n\nexport interface SolidIconProps extends React.ComponentPropsWithoutRef<\"svg\"> {\n  name: SolidIconName;\n  size?: number | string;\n  spin?: boolean;\n}\n\nexport const ICON_KEYS = Object.keys(ICON_MAP) as SolidIconName[];\n\nexport const SolidIcon = React.forwardRef<SVGSVGElement, SolidIconProps>(\n  ({ name, size = \"1em\", spin, className, ...rest }, ref) => {\n    const IconComponent = ICON_MAP[name] ?? CircleHelp;\n\n    return (\n      <IconComponent\n        ref={ref}\n        size={size}\n        className={cx(\"solid-icon\", spin && \"solid-icon--spin\", className)}\n        {...rest}\n      />\n    );\n  }\n);\n\nexport type SolidIconMeta = {\n  name: SolidIconName;\n  spin?: boolean;\n};\n\nexport function parseSolidIconMeta(value?: string | null): SolidIconMeta | undefined {\n  if (!value) return undefined;\n  const tokens = value.trim().split(/\\s+/).filter(Boolean);\n  if (tokens.length === 0) return undefined;\n\n  let spin = false;\n  let matchedName: SolidIconName | undefined;\n\n  for (const token of tokens) {\n    if (SPIN_CLASSNAMES.has(token)) {\n      spin = true;\n      continue;\n    }\n\n    if (!token.startsWith(\"pi-\") && !token.startsWith(\"si-\")) {\n      continue;\n    }\n\n    const normalized = token.startsWith(\"pi-\") ? `si-${token.slice(3)}` : token;\n    if (isSolidIconName(normalized)) {\n      matchedName = normalized;\n    }\n  }\n\n  if (!matchedName) return undefined;\n\n  return { name: matchedName, spin };\n}\n\nexport function normalizeSolidIconName(value?: string | null): SolidIconName | undefined {\n  return parseSolidIconMeta(value)?.name;\n}\n"]}
+{"version":3,"file":"SolidIcon.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EACL,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,GAAG,EACH,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,IAAI,EACJ,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,GAAG,EACH,MAAM,EACN,IAAI,EACJ,WAAW,EACX,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,KAAK,IAAI,SAAS,EAClB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,KAAK,EACL,cAAc,EACd,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,UAAU,EACV,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,iBAAiB,EACjB,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,CAAC,EACD,OAAO,EACR,MAAM,cAAc,CAAC;AAItB,IAAM,QAAQ,GAAG;IACf,YAAY,EAAE,GAAG;IACjB,sBAAsB,EAAE,YAAY;IACpC,uBAAuB,EAAE,aAAa;IACtC,eAAe,EAAE,WAAW;IAC5B,eAAe,EAAE,WAAW;IAC5B,gBAAgB,EAAE,YAAY;IAC9B,aAAa,EAAE,SAAS;IACxB,eAAe,EAAE,SAAS;IAC1B,gBAAgB,EAAE,UAAU;IAC5B,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,QAAQ;IACvB,mBAAmB,EAAE,aAAa;IAClC,kBAAkB,EAAE,YAAY;IAChC,cAAc,EAAE,SAAS;IACzB,UAAU,EAAE,KAAK;IACjB,iBAAiB,EAAE,YAAY;IAC/B,iBAAiB,EAAE,WAAW;IAC9B,iBAAiB,EAAE,WAAW;IAC9B,kBAAkB,EAAE,YAAY;IAChC,eAAe,EAAE,SAAS;IAC1B,UAAU,EAAE,IAAI;IAChB,mBAAmB,EAAE,aAAa;IAClC,iBAAiB,EAAE,WAAW;IAC9B,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,GAAG;IACb,aAAa,EAAE,aAAa;IAC5B,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,QAAQ;IACvB,eAAe,EAAE,cAAc;IAC/B,eAAe,EAAE,YAAY;IAC7B,aAAa,EAAE,IAAI;IACnB,uBAAuB,EAAE,WAAW;IACpC,yBAAyB,EAAE,aAAa;IACxC,kBAAkB,EAAE,YAAY;IAChC,QAAQ,EAAE,GAAG;IACb,cAAc,EAAE,MAAM;IACtB,SAAS,EAAE,IAAI;IACf,cAAc,EAAE,WAAW;IAC3B,eAAe,EAAE,eAAe;IAChC,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,WAAW,EAAE,MAAM;IACnB,gBAAgB,EAAE,MAAM;IACxB,iBAAiB,EAAE,OAAO;IAC1B,YAAY,EAAE,OAAO;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,KAAK;IACjB,gBAAgB,EAAE,IAAI;IACtB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,KAAK;IACjB,mBAAmB,EAAE,QAAQ;IAC7B,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,IAAI;IACf,cAAc,EAAE,KAAK;IACrB,YAAY,EAAE,UAAU;IACxB,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,IAAI;IACf,cAAc,EAAE,iBAAiB;IACjC,mBAAmB,EAAE,mBAAmB;IACxC,iBAAiB,EAAE,iBAAiB;IACpC,YAAY,EAAE,OAAO;IACrB,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,UAAU;IACzB,UAAU,EAAE,CAAC;IACb,iBAAiB,EAAE,OAAO;IAC1B,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,IAAI;CACwB,CAAC;AAI1C,IAAM,eAAe,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;AAExD,SAAS,EAAE;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IACrD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,SAAS,eAAe,CAAC,IAAY;IACnC,OAAO,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;AAC9D,CAAC;AAQD,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAoB,CAAC;AAElE,MAAM,UAAU,SAAS,CAAC,EAAgE;;IAA9D,IAAA,IAAI,UAAA,EAAE,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9C,qCAAgD,CAAF;IACtE,IAAM,aAAa,GAAG,MAAA,QAAQ,CAAC,IAAI,CAAC,mCAAI,UAAU,CAAC;IAEnD,OAAO,CACL,KAAC,aAAa,aACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,IAAI,kBAAkB,EAAE,SAAS,CAAC,IAC9D,IAAI,EACR,CACH,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,kBAAkB,CAAC,KAAqB;IACtD,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7B,IAAM,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACzD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAE1C,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,IAAI,WAAsC,CAAC;IAE3C,KAAoB,UAAM,EAAN,iBAAM,EAAN,oBAAM,EAAN,IAAM,EAAE;QAAvB,IAAM,KAAK,eAAA;QACd,IAAI,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC9B,IAAI,GAAG,IAAI,CAAC;YACZ,SAAS;SACV;QAED,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACxD,SAAS;SACV;QAED,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAM,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC5E,IAAI,eAAe,CAAC,UAAU,CAAC,EAAE;YAC/B,WAAW,GAAG,UAAU,CAAC;SAC1B;KACF;IAED,IAAI,CAAC,WAAW;QAAE,OAAO,SAAS,CAAC;IAEnC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,MAAA,EAAE,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAAqB;;IAC1D,OAAO,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,IAAI,CAAC;AACzC,CAAC","sourcesContent":["import React from \"react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport {\n  AlertCircle,\n  AlertTriangle,\n  ArrowDownWideNarrow,\n  ArrowLeft,\n  ArrowRight,\n  ArrowUpWideNarrow,\n  BarChart3,\n  Bell,\n  Bot,\n  Calendar,\n  CalendarMinus,\n  CalendarPlus,\n  Check,\n  CheckCircle2,\n  ChevronsLeft,\n  ChevronsRight,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  ChevronUp,\n  CircleHelp,\n  Code,\n  Cog,\n  Columns3,\n  Copy,\n  Download,\n  DownloadCloud,\n  ExternalLink,\n  Eye,\n  EyeOff,\n  File,\n  FilePenLine,\n  FileSpreadsheet,\n  FileText,\n  FileType,\n  Filter,\n  FilterX,\n  History,\n  Image as ImageIcon,\n  Inbox,\n  Info,\n  LayoutGrid,\n  Loader2,\n  Lock,\n  Mail,\n  Menu,\n  MessageSquare,\n  Minus,\n  MoreHorizontal,\n  MoreVertical,\n  Pencil,\n  Plus,\n  Power,\n  RefreshCcw,\n  Save,\n  Search,\n  Send,\n  SlidersHorizontal,\n  Star,\n  Terminal,\n  Trash2,\n  Upload,\n  UploadCloud,\n  User,\n  Users,\n  Wifi,\n  X,\n  XCircle\n} from \"lucide-react\";\n\ntype IconComponent = LucideIcon;\n\nconst ICON_MAP = {\n  \"si-android\": Bot,\n  \"si-angle-double-left\": ChevronsLeft,\n  \"si-angle-double-right\": ChevronsRight,\n  \"si-angle-down\": ChevronDown,\n  \"si-angle-left\": ChevronLeft,\n  \"si-angle-right\": ChevronRight,\n  \"si-angle-up\": ChevronUp,\n  \"si-arrow-left\": ArrowLeft,\n  \"si-arrow-right\": ArrowRight,\n  \"si-bars\": Menu,\n  \"si-bell\": Bell,\n  \"si-calendar\": Calendar,\n  \"si-calendar-minus\": CalendarMinus,\n  \"si-calendar-plus\": CalendarPlus,\n  \"si-chart-bar\": BarChart3,\n  \"si-check\": Check,\n  \"si-check-circle\": CheckCircle2,\n  \"si-chevron-down\": ChevronDown,\n  \"si-chevron-left\": ChevronLeft,\n  \"si-chevron-right\": ChevronRight,\n  \"si-chevron-up\": ChevronUp,\n  \"si-clone\": Copy,\n  \"si-cloud-download\": DownloadCloud,\n  \"si-cloud-upload\": UploadCloud,\n  \"si-code\": Code,\n  \"si-cog\": Cog,\n  \"si-comments\": MessageSquare,\n  \"si-copy\": Copy,\n  \"si-download\": Download,\n  \"si-ellipsis-h\": MoreHorizontal,\n  \"si-ellipsis-v\": MoreVertical,\n  \"si-envelope\": Mail,\n  \"si-exclamation-circle\": AlertCircle,\n  \"si-exclamation-triangle\": AlertTriangle,\n  \"si-external-link\": ExternalLink,\n  \"si-eye\": Eye,\n  \"si-eye-slash\": EyeOff,\n  \"si-file\": File,\n  \"si-file-edit\": FilePenLine,\n  \"si-file-excel\": FileSpreadsheet,\n  \"si-file-pdf\": FileText,\n  \"si-file-word\": FileType,\n  \"si-filter\": Filter,\n  \"si-filter-fill\": Filter,\n  \"si-filter-slash\": FilterX,\n  \"si-history\": History,\n  \"si-image\": ImageIcon,\n  \"si-inbox\": Inbox,\n  \"si-info-circle\": Info,\n  \"si-lock\": Lock,\n  \"si-minus\": Minus,\n  \"si-objects-column\": Columns3,\n  \"si-pencil\": Pencil,\n  \"si-plus\": Plus,\n  \"si-power-off\": Power,\n  \"si-refresh\": RefreshCcw,\n  \"si-save\": Save,\n  \"si-search\": Search,\n  \"si-send\": Send,\n  \"si-sliders-h\": SlidersHorizontal,\n  \"si-sort-down-fill\": ArrowDownWideNarrow,\n  \"si-sort-up-fill\": ArrowUpWideNarrow,\n  \"si-spinner\": Loader2,\n  \"si-star\": Star,\n  \"si-terminal\": Terminal,\n  \"si-th-large\": LayoutGrid,\n  \"si-times\": X,\n  \"si-times-circle\": XCircle,\n  \"si-trash\": Trash2,\n  \"si-upload\": Upload,\n  \"si-user\": User,\n  \"si-users\": Users,\n  \"si-wifi\": Wifi\n} satisfies Record<string, IconComponent>;\n\nexport type SolidIconName = keyof typeof ICON_MAP;\n\nconst SPIN_CLASSNAMES = new Set([\"pi-spin\", \"si-spin\"]);\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction isSolidIconName(name: string): name is SolidIconName {\n  return Object.prototype.hasOwnProperty.call(ICON_MAP, name);\n}\n\nexport interface SolidIconProps extends React.SVGAttributes<SVGSVGElement> {\n  name: SolidIconName;\n  size?: number | string;\n  spin?: boolean;\n}\n\nexport const ICON_KEYS = Object.keys(ICON_MAP) as SolidIconName[];\n\nexport function SolidIcon({ name, size = \"1em\", spin, className, ...rest }: SolidIconProps) {\n  const IconComponent = ICON_MAP[name] ?? CircleHelp;\n\n  return (\n    <IconComponent\n      size={size}\n      className={cx(\"solid-icon\", spin && \"solid-icon--spin\", className)}\n      {...rest}\n    />\n  );\n}\n\nexport type SolidIconMeta = {\n  name: SolidIconName;\n  spin?: boolean;\n};\n\nexport function parseSolidIconMeta(value?: string | null): SolidIconMeta | undefined {\n  if (!value) return undefined;\n  const tokens = value.trim().split(/\\s+/).filter(Boolean);\n  if (tokens.length === 0) return undefined;\n\n  let spin = false;\n  let matchedName: SolidIconName | undefined;\n\n  for (const token of tokens) {\n    if (SPIN_CLASSNAMES.has(token)) {\n      spin = true;\n      continue;\n    }\n\n    if (!token.startsWith(\"pi-\") && !token.startsWith(\"si-\")) {\n      continue;\n    }\n\n    const normalized = token.startsWith(\"pi-\") ? `si-${token.slice(3)}` : token;\n    if (isSolidIconName(normalized)) {\n      matchedName = normalized;\n    }\n  }\n\n  if (!matchedName) return undefined;\n\n  return { name: matchedName, spin };\n}\n\nexport function normalizeSolidIconName(value?: string | null): SolidIconName | undefined {\n  return parseSolidIconMeta(value)?.name;\n}\n"]}

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

@@ -161,7 +161,7 @@ function isSolidIconName(name: string): name is SolidIconName {
   return Object.prototype.hasOwnProperty.call(ICON_MAP, name);
 }
 
-export interface SolidIconProps extends React.ComponentPropsWithoutRef<"svg"> {
+export interface SolidIconProps extends React.SVGAttributes<SVGSVGElement> {
   name: SolidIconName;
   size?: number | string;
   spin?: boolean;
@@ -169,20 +169,17 @@ export interface SolidIconProps extends React.ComponentPropsWithoutRef<"svg"> {
 
 export const ICON_KEYS = Object.keys(ICON_MAP) as SolidIconName[];
 
-export const SolidIcon = React.forwardRef<SVGSVGElement, SolidIconProps>(
-  ({ name, size = "1em", spin, className, ...rest }, ref) => {
-    const IconComponent = ICON_MAP[name] ?? CircleHelp;
-
-    return (
-      <IconComponent
-        ref={ref}
-        size={size}
-        className={cx("solid-icon", spin && "solid-icon--spin", className)}
-        {...rest}
-      />
-    );
-  }
-);
+export function SolidIcon({ name, size = "1em", spin, className, ...rest }: SolidIconProps) {
+  const IconComponent = ICON_MAP[name] ?? CircleHelp;
+
+  return (
+    <IconComponent
+      size={size}
+      className={cx("solid-icon", spin && "solid-icon--spin", className)}
+      {...rest}
+    />
+  );
+}
 
 export type SolidIconMeta = {
   name: SolidIconName;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidRichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidRichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,2BAA2B,CAAC;AAEnC,KAAK,wBAAwB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAgCF,wBAAgB,mBAAmB,CAAC,EAClC,KAAU,EACV,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,EAAE,EACF,WAAW,EACX,OAAwB,EACxB,OAAwB,EACxB,KAAK,GACN,EAAE,wBAAwB,2CAyF1B"}
+{"version":3,"file":"SolidRichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidRichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,2BAA2B,CAAC;AAEnC,KAAK,wBAAwB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAgCF,wBAAgB,mBAAmB,CAAC,EAClC,KAAU,EACV,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,EAAE,EACF,WAAW,EACX,OAAwB,EACxB,OAAwB,EACxB,KAAK,GACN,EAAE,wBAAwB,2CAgG1B"}

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

@@ -32,6 +32,7 @@ var defaultFormats = [
 ];
 export function SolidRichTextEditor(_a) {
     var _b = _a.value, value = _b === void 0 ? "" : _b, onChange = _a.onChange, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, className = _a.className, id = _a.id, placeholder = _a.placeholder, _d = _a.modules, modules = _d === void 0 ? defaultModules : _d, _e = _a.formats, formats = _e === void 0 ? defaultFormats : _e, style = _a.style;
+    var parentRef = useRef(null);
     var containerRef = useRef(null);
     var quillRef = useRef(null);
     var lastHtmlRef = useRef("");
@@ -66,8 +67,15 @@ export function SolidRichTextEditor(_a) {
         };
         quill.on("text-change", handleChange);
         return function () {
+            var _a;
             quill.off("text-change", handleChange);
             quillRef.current = null;
+            // Quill creates the toolbar as a sibling to the editor container.
+            // We need to remove it specifically to avoid duplication on remount.
+            var toolbar = (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(".ql-toolbar");
+            if (toolbar) {
+                toolbar.remove();
+            }
         };
     }, []);
     useEffect(function () {
@@ -104,6 +112,6 @@ export function SolidRichTextEditor(_a) {
         }
         quill.root.setAttribute("data-placeholder", placeholder !== null && placeholder !== void 0 ? placeholder : "");
     }, [placeholder]);
-    return (_jsx("div", { id: id, className: className, style: style, children: _jsx("div", { ref: containerRef }) }));
+    return (_jsx("div", { id: id, className: className, style: style, ref: parentRef, children: _jsx("div", { ref: containerRef }) }));
 }
 //# sourceMappingURL=SolidRichTextEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidRichTextEditor.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidRichTextEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, type CSSProperties } from \"react\";\nimport Quill, { type QuillOptions } from \"quill\";\nimport \"quill/dist/quill.snow.css\";\n\ntype SolidRichTextEditorProps = {\n  value?: string;\n  onChange?: (value: string) => void;\n  readOnly?: boolean;\n  className?: string;\n  id?: string;\n  placeholder?: string;\n  modules?: QuillOptions[\"modules\"];\n  formats?: string[] | null;\n  style?: CSSProperties;\n};\n\nconst defaultModules: NonNullable<QuillOptions[\"modules\"]> = {\n  toolbar: [\n    [{ header: [1, 2, 3, false] }],\n    [\"bold\", \"italic\", \"underline\", \"strike\"],\n    [{ color: [] }, { background: [] }],\n    [{ script: \"sub\" }, { script: \"super\" }],\n    [{ list: \"ordered\" }, { list: \"bullet\" }],\n    [{ indent: \"-1\" }, { indent: \"+1\" }],\n    [{ align: [] }],\n    [\"link\", \"image\"],\n    [\"clean\"],\n  ],\n};\n\nconst defaultFormats = [\n  \"header\",\n  \"bold\",\n  \"italic\",\n  \"underline\",\n  \"strike\",\n  \"color\",\n  \"background\",\n  \"script\",\n  \"list\",\n  \"indent\",\n  \"align\",\n  \"link\",\n  \"image\",\n];\n\nexport function SolidRichTextEditor({\n  value = \"\",\n  onChange,\n  readOnly = false,\n  className,\n  id,\n  placeholder,\n  modules = defaultModules,\n  formats = defaultFormats,\n  style,\n}: SolidRichTextEditorProps) {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const quillRef = useRef<Quill | null>(null);\n  const lastHtmlRef = useRef<string>(\"\");\n  const onChangeRef = useRef(onChange);\n\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  useEffect(() => {\n    if (!containerRef.current || quillRef.current) {\n      return;\n    }\n\n    const quill = new Quill(containerRef.current, {\n      theme: \"snow\",\n      readOnly,\n      placeholder,\n      modules,\n      formats,\n    });\n\n    quillRef.current = quill;\n\n    const initialValue = value ?? \"\";\n    const delta = quill.clipboard.convert({ html: initialValue });\n    quill.setContents(delta, Quill.sources.SILENT);\n    lastHtmlRef.current = initialValue;\n\n    const handleChange = (_delta: unknown, _oldContents: unknown, source: string) => {\n      if (source !== Quill.sources.USER) {\n        return;\n      }\n      const html = quill.root.innerHTML;\n      lastHtmlRef.current = html;\n      onChangeRef.current?.(html);\n    };\n\n    quill.on(\"text-change\", handleChange);\n\n    return () => {\n      quill.off(\"text-change\", handleChange);\n      quillRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    const quill = quillRef.current;\n    if (!quill) {\n      return;\n    }\n    const normalizedHtml = value ?? \"\";\n    if (normalizedHtml === lastHtmlRef.current) {\n      return;\n    }\n\n    const selection = quill.getSelection();\n    const delta = quill.clipboard.convert({ html: normalizedHtml });\n    quill.setContents(delta, Quill.sources.SILENT);\n    if (selection) {\n      const index = Math.min(selection.index, quill.getLength());\n      const length = selection.length ?? 0;\n      quill.setSelection(index, length, Quill.sources.SILENT);\n    }\n    lastHtmlRef.current = normalizedHtml;\n  }, [value]);\n\n  useEffect(() => {\n    const quill = quillRef.current;\n    if (!quill) {\n      return;\n    }\n    quill.enable(!readOnly);\n  }, [readOnly]);\n\n  useEffect(() => {\n    const quill = quillRef.current;\n    if (!quill) {\n      return;\n    }\n    quill.root.setAttribute(\"data-placeholder\", placeholder ?? \"\");\n  }, [placeholder]);\n\n  return (\n    <div id={id} className={className} style={style}>\n      <div ref={containerRef} />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SolidRichTextEditor.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidRichTextEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, type CSSProperties } from \"react\";\nimport Quill, { type QuillOptions } from \"quill\";\nimport \"quill/dist/quill.snow.css\";\n\ntype SolidRichTextEditorProps = {\n  value?: string;\n  onChange?: (value: string) => void;\n  readOnly?: boolean;\n  className?: string;\n  id?: string;\n  placeholder?: string;\n  modules?: QuillOptions[\"modules\"];\n  formats?: string[] | null;\n  style?: CSSProperties;\n};\n\nconst defaultModules: NonNullable<QuillOptions[\"modules\"]> = {\n  toolbar: [\n    [{ header: [1, 2, 3, false] }],\n    [\"bold\", \"italic\", \"underline\", \"strike\"],\n    [{ color: [] }, { background: [] }],\n    [{ script: \"sub\" }, { script: \"super\" }],\n    [{ list: \"ordered\" }, { list: \"bullet\" }],\n    [{ indent: \"-1\" }, { indent: \"+1\" }],\n    [{ align: [] }],\n    [\"link\", \"image\"],\n    [\"clean\"],\n  ],\n};\n\nconst defaultFormats = [\n  \"header\",\n  \"bold\",\n  \"italic\",\n  \"underline\",\n  \"strike\",\n  \"color\",\n  \"background\",\n  \"script\",\n  \"list\",\n  \"indent\",\n  \"align\",\n  \"link\",\n  \"image\",\n];\n\nexport function SolidRichTextEditor({\n  value = \"\",\n  onChange,\n  readOnly = false,\n  className,\n  id,\n  placeholder,\n  modules = defaultModules,\n  formats = defaultFormats,\n  style,\n}: SolidRichTextEditorProps) {\n  const parentRef = useRef<HTMLDivElement | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const quillRef = useRef<Quill | null>(null);\n  const lastHtmlRef = useRef<string>(\"\");\n  const onChangeRef = useRef(onChange);\n\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  useEffect(() => {\n    if (!containerRef.current || quillRef.current) {\n      return;\n    }\n\n    const quill = new Quill(containerRef.current, {\n      theme: \"snow\",\n      readOnly,\n      placeholder,\n      modules,\n      formats,\n    });\n\n    quillRef.current = quill;\n\n    const initialValue = value ?? \"\";\n    const delta = quill.clipboard.convert({ html: initialValue });\n    quill.setContents(delta, Quill.sources.SILENT);\n    lastHtmlRef.current = initialValue;\n\n    const handleChange = (_delta: unknown, _oldContents: unknown, source: string) => {\n      if (source !== Quill.sources.USER) {\n        return;\n      }\n      const html = quill.root.innerHTML;\n      lastHtmlRef.current = html;\n      onChangeRef.current?.(html);\n    };\n\n    quill.on(\"text-change\", handleChange);\n\n    return () => {\n      quill.off(\"text-change\", handleChange);\n      quillRef.current = null;\n      // Quill creates the toolbar as a sibling to the editor container.\n      // We need to remove it specifically to avoid duplication on remount.\n      const toolbar = parentRef.current?.querySelector(\".ql-toolbar\");\n      if (toolbar) {\n        toolbar.remove();\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    const quill = quillRef.current;\n    if (!quill) {\n      return;\n    }\n    const normalizedHtml = value ?? \"\";\n    if (normalizedHtml === lastHtmlRef.current) {\n      return;\n    }\n\n    const selection = quill.getSelection();\n    const delta = quill.clipboard.convert({ html: normalizedHtml });\n    quill.setContents(delta, Quill.sources.SILENT);\n    if (selection) {\n      const index = Math.min(selection.index, quill.getLength());\n      const length = selection.length ?? 0;\n      quill.setSelection(index, length, Quill.sources.SILENT);\n    }\n    lastHtmlRef.current = normalizedHtml;\n  }, [value]);\n\n  useEffect(() => {\n    const quill = quillRef.current;\n    if (!quill) {\n      return;\n    }\n    quill.enable(!readOnly);\n  }, [readOnly]);\n\n  useEffect(() => {\n    const quill = quillRef.current;\n    if (!quill) {\n      return;\n    }\n    quill.root.setAttribute(\"data-placeholder\", placeholder ?? \"\");\n  }, [placeholder]);\n\n  return (\n    <div id={id} className={className} style={style} ref={parentRef}>\n      <div ref={containerRef} />\n    </div>\n  );\n}\n"]}

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

@@ -55,6 +55,7 @@ export function SolidRichTextEditor({
   formats = defaultFormats,
   style,
 }: SolidRichTextEditorProps) {
+  const parentRef = useRef<HTMLDivElement | null>(null);
   const containerRef = useRef<HTMLDivElement | null>(null);
   const quillRef = useRef<Quill | null>(null);
   const lastHtmlRef = useRef<string>("");
@@ -98,6 +99,12 @@ export function SolidRichTextEditor({
     return () => {
       quill.off("text-change", handleChange);
       quillRef.current = null;
+      // Quill creates the toolbar as a sibling to the editor container.
+      // We need to remove it specifically to avoid duplication on remount.
+      const toolbar = parentRef.current?.querySelector(".ql-toolbar");
+      if (toolbar) {
+        toolbar.remove();
+      }
     };
   }, []);
 
@@ -139,7 +146,7 @@ export function SolidRichTextEditor({
   }, [placeholder]);
 
   return (
-    <div id={id} className={className} style={style}>
+    <div id={id} className={className} style={style} ref={parentRef}>
       <div ref={containerRef} />
     </div>
   );

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

@@ -13,9 +13,10 @@ type SolidTabGroupProps = {
     listClassName?: string;
     panelClassName?: string;
     tabPosition?: "left" | "center" | "right";
+    orientation?: "horizontal" | "vertical";
     extra?: React.ReactNode;
 };
 export declare function SolidTab(_props: SolidTabProps): null;
-export declare function SolidTabGroup({ tabs, value, onValueChange, className, listClassName, panelClassName, tabPosition, extra, }: SolidTabGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidTabGroup({ tabs, value, onValueChange, className, listClassName, panelClassName, tabPosition, orientation, extra, }: SolidTabGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SolidTabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidTabs.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAMF,wBAAgB,QAAQ,CAAC,MAAM,EAAE,aAAa,QAE7C;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,cAAc,EACd,WAAoB,EACpB,KAAK,GACN,EAAE,kBAAkB,2CAqDpB"}
+{"version":3,"file":"SolidTabs.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAMF,wBAAgB,QAAQ,CAAC,MAAM,EAAE,aAAa,QAE7C;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,cAAc,EACd,WAAoB,EACpB,WAA0B,EAC1B,KAAK,GACN,EAAE,kBAAkB,2CAwFpB"}

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

@@ -10,11 +10,14 @@ export function SolidTab(_props) {
     return null;
 }
 export function SolidTabGroup(_a) {
-    var tabs = _a.tabs, value = _a.value, onValueChange = _a.onValueChange, className = _a.className, listClassName = _a.listClassName, panelClassName = _a.panelClassName, _b = _a.tabPosition, tabPosition = _b === void 0 ? "left" : _b, extra = _a.extra;
-    return (_jsxs("div", { className: cx("solid-notebook", "solid-tabs", "solid-tabs--".concat(tabPosition), className), children: [_jsxs("div", { className: cx("solid-notebook-tablist", "solid-tabs-list", listClassName), role: "tablist", style: extra ? { display: "flex", alignItems: "center", justifyContent: "space-between" } : undefined, children: [_jsx("div", { style: extra ? { display: "flex" } : undefined, children: tabs.map(function (tab) {
+    var tabs = _a.tabs, value = _a.value, onValueChange = _a.onValueChange, className = _a.className, listClassName = _a.listClassName, panelClassName = _a.panelClassName, _b = _a.tabPosition, tabPosition = _b === void 0 ? "left" : _b, _c = _a.orientation, orientation = _c === void 0 ? "horizontal" : _c, extra = _a.extra;
+    return (_jsxs("div", { className: cx("solid-notebook", "solid-tabs", "solid-tabs--".concat(tabPosition), orientation === "vertical" && "solid-tabs--vertical", className), children: [_jsxs("div", { className: cx("solid-notebook-tablist", "solid-tabs-list", listClassName), role: "tablist", "aria-orientation": orientation, style: extra ? { display: "flex", alignItems: "center", justifyContent: "space-between" } : undefined, children: [extra ? (_jsx("div", { style: { display: "flex" }, children: tabs.map(function (tab) {
                             var isActive = tab.value === value;
                             return (_jsx("button", { type: "button", role: "tab", "aria-selected": isActive, "aria-controls": "solid-tab-panel-".concat(tab.value), id: "solid-tab-".concat(tab.value), className: cx("solid-notebook-tab-trigger", "solid-tabs-trigger", tab.hasError && "error", isActive && "active", isActive && "is-active"), onClick: function () { return onValueChange(tab.value); }, children: tab.label }, tab.value));
-                        }) }), extra && _jsx("div", { children: extra })] }), tabs.map(function (tab) {
+                        }) })) : (tabs.map(function (tab) {
+                        var isActive = tab.value === value;
+                        return (_jsx("button", { type: "button", role: "tab", "aria-selected": isActive, "aria-controls": "solid-tab-panel-".concat(tab.value), id: "solid-tab-".concat(tab.value), className: cx("solid-notebook-tab-trigger", "solid-tabs-trigger", tab.hasError && "error", isActive && "active", isActive && "is-active"), onClick: function () { return onValueChange(tab.value); }, children: tab.label }, tab.value));
+                    })), extra && _jsx("div", { children: extra })] }), tabs.map(function (tab) {
                 var isActive = tab.value === value;
                 return (_jsx("div", { role: "tabpanel", id: "solid-tab-panel-".concat(tab.value), "aria-labelledby": "solid-tab-".concat(tab.value), hidden: !isActive, className: cx("solid-notebook-content", "solid-tabs-panel", panelClassName), children: isActive ? tab.content : null }, tab.value));
             })] }));