@solidxai/core-ui 0.1.8-beta.8 → 0.1.8

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

@@ -71,6 +71,6 @@ export function SolidDatePicker(_a) {
     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({}, 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, 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":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAW1C,SAAS,eAAe,CAAC,KAA8B,EAAE,OAAgB;IACvE,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,YAAY,IAAI,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE;QACvE,OAAO,EAAE,CAAC;KACX;IACD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;KAC5B;IACD,IAAM,GAAG,GAAG,UAAC,GAAW,EAAE,MAAU;QAAV,uBAAA,EAAA,UAAU;QAAK,OAAA,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;IAAjC,CAAiC,CAAC;IAC3E,IAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC/B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;IACnC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;IACnC,IAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACvC,IAAM,GAAG,GAAG,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC;IAE7B,OAAO,OAAO;SACX,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;SAC7C,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;SACzC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;SACpC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;SAC1B,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;SACxB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;SAC1B,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;SAC5B,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;SAC5B,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC;SACpB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACzB,CAAC;AAED,IAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAC3C,UAAC,EAAqC,EAAE,GAAG;IAAxC,IAAA,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAK,KAAK,cAAnC,6BAAqC,CAAF;IAAY,OAAA,CAC9C,KAAC,UAAU,aACT,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,KAAK,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3E,QAAQ,QACR,SAAS,EAAE,SAAS,IACpB,CACH,CAAA;CAAA,CACF,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,SAAS,EAAE;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IACrD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAQT;;IAPrB,IAAA,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,cAPsB,uFAQ/B,CADS;IAER,IAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC;IAC1D,IAAM,cAAc,GAAG,MAAA,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,mCAAI,YAAY,CAAC;IAChG,IAAM,YAAY,GAAG,eAAe,CAAC,QAAmC,EAAE,cAAc,CAAC,CAAC;IAE1F,OAAO,CACL,KAAC,eAAe,eACV,KAAK,IACT,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,gBAAgB,EAChC,kBAAkB,EAAE,QAAQ,EAC5B,WAAW,EAAE,KAAC,oBAAoB,IAAC,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,GAAI,EAC5F,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAC5C,CACH,CAAC;AACJ,CAAC","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"]}
+{"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"]}

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

@@ -72,6 +72,8 @@ export function SolidDatePicker({
 
   return (
     <ReactDatePicker
+      popperProps={{ strategy: "fixed" }}
+      popperPlacement="bottom-start"
       {...props}
       selected={selected}
       showTimeSelect={resolvedShowTime}

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,2CAiFpB"}
+{"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,13 +10,13 @@ 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: [extra ? (_jsx("div", { style: { display: "flex" }, 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", "w-full", tab.hasError && "error", isActive && "active", isActive && "is-active"), onClick: function () { return onValueChange(tab.value); }, children: tab.label }, tab.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));
                         }) })) : (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", "w-full", tab.hasError && "error", isActive && "active", isActive && "is-active"), onClick: function () { return onValueChange(tab.value); }, children: tab.label }, tab.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));

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

@@ -1 +1 @@
-{"version":3,"file":"SolidTabs.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\ntype SolidTabProps = {\n  value: string;\n  label: React.ReactNode;\n  content: React.ReactNode;\n  hasError?: boolean;\n};\n\ntype SolidTabGroupProps = {\n  tabs: SolidTabProps[];\n  value: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n  listClassName?: string;\n  panelClassName?: string;\n  tabPosition?: \"left\" | \"center\" | \"right\";\n  extra?: React.ReactNode;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidTab(_props: SolidTabProps) {\n  return null;\n}\n\nexport function SolidTabGroup({\n  tabs,\n  value,\n  onValueChange,\n  className,\n  listClassName,\n  panelClassName,\n  tabPosition = \"left\",\n  extra,\n}: SolidTabGroupProps) {\n  return (\n    <div className={cx(\"solid-notebook\", \"solid-tabs\", `solid-tabs--${tabPosition}`, className)}>\n      <div\n        className={cx(\"solid-notebook-tablist\", \"solid-tabs-list\", listClassName)}\n        role=\"tablist\"\n        style={extra ? { display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" } : undefined}\n      >\n        {extra ? (\n          <div style={{ display: \"flex\" }}>\n            {tabs.map((tab) => {\n              const isActive = tab.value === value;\n              return (\n                <button\n                  key={tab.value}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={isActive}\n                  aria-controls={`solid-tab-panel-${tab.value}`}\n                  id={`solid-tab-${tab.value}`}\n                  className={cx(\n                    \"solid-notebook-tab-trigger\",\n                    \"solid-tabs-trigger\",\n                    \"w-full\",\n                    tab.hasError && \"error\",\n                    isActive && \"active\",\n                    isActive && \"is-active\",\n                  )}\n                  onClick={() => onValueChange(tab.value)}\n                >\n                  {tab.label}\n                </button>\n              );\n            })}\n          </div>\n        ) : (\n          tabs.map((tab) => {\n            const isActive = tab.value === value;\n            return (\n              <button\n                key={tab.value}\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={isActive}\n                aria-controls={`solid-tab-panel-${tab.value}`}\n                id={`solid-tab-${tab.value}`}\n                className={cx(\n                  \"solid-notebook-tab-trigger\",\n                  \"solid-tabs-trigger\",\n                  \"w-full\",\n                  tab.hasError && \"error\",\n                  isActive && \"active\",\n                  isActive && \"is-active\",\n                )}\n                onClick={() => onValueChange(tab.value)}\n              >\n                {tab.label}\n              </button>\n            );\n          })\n        )}\n        {extra && <div>{extra}</div>}\n      </div>\n\n      {tabs.map((tab) => {\n        const isActive = tab.value === value;\n        return (\n          <div\n            key={tab.value}\n            role=\"tabpanel\"\n            id={`solid-tab-panel-${tab.value}`}\n            aria-labelledby={`solid-tab-${tab.value}`}\n            hidden={!isActive}\n            className={cx(\"solid-notebook-content\", \"solid-tabs-panel\", panelClassName)}\n          >\n            {isActive ? tab.content : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SolidTabs.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\ntype SolidTabProps = {\n  value: string;\n  label: React.ReactNode;\n  content: React.ReactNode;\n  hasError?: boolean;\n};\n\ntype SolidTabGroupProps = {\n  tabs: SolidTabProps[];\n  value: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n  listClassName?: string;\n  panelClassName?: string;\n  tabPosition?: \"left\" | \"center\" | \"right\";\n  orientation?: \"horizontal\" | \"vertical\";\n  extra?: React.ReactNode;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidTab(_props: SolidTabProps) {\n  return null;\n}\n\nexport function SolidTabGroup({\n  tabs,\n  value,\n  onValueChange,\n  className,\n  listClassName,\n  panelClassName,\n  tabPosition = \"left\",\n  orientation = \"horizontal\",\n  extra,\n}: SolidTabGroupProps) {\n  return (\n    <div\n      className={cx(\n        \"solid-notebook\",\n        \"solid-tabs\",\n        `solid-tabs--${tabPosition}`,\n        orientation === \"vertical\" && \"solid-tabs--vertical\",\n        className,\n      )}\n    >\n      <div\n        className={cx(\"solid-notebook-tablist\", \"solid-tabs-list\", listClassName)}\n        role=\"tablist\"\n        aria-orientation={orientation}\n        style={extra ? { display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" } : undefined}\n      >\n        {extra ? (\n          <div style={{ display: \"flex\" }}>\n            {tabs.map((tab) => {\n              const isActive = tab.value === value;\n              return (\n                <button\n                  key={tab.value}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={isActive}\n                  aria-controls={`solid-tab-panel-${tab.value}`}\n                  id={`solid-tab-${tab.value}`}\n                  className={cx(\n                    \"solid-notebook-tab-trigger\",\n                    \"solid-tabs-trigger\",\n                    tab.hasError && \"error\",\n                    isActive && \"active\",\n                    isActive && \"is-active\",\n                  )}\n                  onClick={() => onValueChange(tab.value)}\n                >\n                  {tab.label}\n                </button>\n              );\n            })}\n          </div>\n        ) : (\n          tabs.map((tab) => {\n            const isActive = tab.value === value;\n            return (\n              <button\n                key={tab.value}\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={isActive}\n                aria-controls={`solid-tab-panel-${tab.value}`}\n                id={`solid-tab-${tab.value}`}\n                className={cx(\n                  \"solid-notebook-tab-trigger\",\n                  \"solid-tabs-trigger\",\n                  tab.hasError && \"error\",\n                  isActive && \"active\",\n                  isActive && \"is-active\",\n                )}\n                onClick={() => onValueChange(tab.value)}\n              >\n                {tab.label}\n              </button>\n            );\n          })\n        )}\n        {extra && <div>{extra}</div>}\n      </div>\n\n      {tabs.map((tab) => {\n        const isActive = tab.value === value;\n        return (\n          <div\n            key={tab.value}\n            role=\"tabpanel\"\n            id={`solid-tab-panel-${tab.value}`}\n            aria-labelledby={`solid-tab-${tab.value}`}\n            hidden={!isActive}\n            className={cx(\"solid-notebook-content\", \"solid-tabs-panel\", panelClassName)}\n          >\n            {isActive ? tab.content : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}

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

@@ -15,6 +15,7 @@ type SolidTabGroupProps = {
   listClassName?: string;
   panelClassName?: string;
   tabPosition?: "left" | "center" | "right";
+  orientation?: "horizontal" | "vertical";
   extra?: React.ReactNode;
 };
 
@@ -34,13 +35,23 @@ export function SolidTabGroup({
   listClassName,
   panelClassName,
   tabPosition = "left",
+  orientation = "horizontal",
   extra,
 }: SolidTabGroupProps) {
   return (
-    <div className={cx("solid-notebook", "solid-tabs", `solid-tabs--${tabPosition}`, className)}>
+    <div
+      className={cx(
+        "solid-notebook",
+        "solid-tabs",
+        `solid-tabs--${tabPosition}`,
+        orientation === "vertical" && "solid-tabs--vertical",
+        className,
+      )}
+    >
       <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}
       >
         {extra ? (
@@ -58,7 +69,6 @@ export function SolidTabGroup({
                   className={cx(
                     "solid-notebook-tab-trigger",
                     "solid-tabs-trigger",
-                    "w-full",
                     tab.hasError && "error",
                     isActive && "active",
                     isActive && "is-active",
@@ -84,7 +94,6 @@ export function SolidTabGroup({
                 className={cx(
                   "solid-notebook-tab-trigger",
                   "solid-tabs-trigger",
-                  "w-full",
                   tab.hasError && "error",
                   isActive && "active",
                   isActive && "is-active",

package/dist/helpers/hydrateRelationRules.js

@@ -35,7 +35,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { FilterRuleType } from "../components/core/common/FilterComponent";
-import { kebabCase } from "change-case";
+import { kebabCase } from "lodash";
 import { getSession } from "../adapters/auth/index";
 import { env } from "../adapters/env";
 import { solidGet } from "../http/solidHttp";

package/dist/helpers/hydrateRelationRules.js.map

@@ -1 +1 @@
-{"version":3,"file":"hydrateRelationRules.js","sourceRoot":"","sources":["../../src/helpers/hydrateRelationRules.ts"],"names":[],"mappings":"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","sourcesContent":["import { FilterRule, FilterRuleType } from \"../components/core/common/FilterComponent\";\nimport { createSolidEntityApi } from \"../redux/api/solidEntityApi\";\nimport { kebabCase } from \"change-case\";\nimport { getSession } from \"../adapters/auth/index\";\nimport { env } from \"../adapters/env\";\nimport { solidGet } from \"../http/solidHttp\";\n\n\ninterface RelationHydrationBucket {\n  meta: any;\n  rules: FilterRule[];\n  ids: Set<number>;\n}\n\nconst API_URL = env(\"NEXT_PUBLIC_BACKEND_API_URL\");\n\nexport async function hydrateRelationRules(\n  rootRules: FilterRule[],\n  viewData: any\n): Promise<FilterRule[]> {\n  const relationMap = new Map<string, RelationHydrationBucket>();\n\n  // 1️⃣ Collect all relation rules\n  const walk = (rule: FilterRule): void => {\n    if (rule.type === FilterRuleType.RULE && rule.fieldName) {\n      const meta =\n        viewData?.data?.solidFieldsMetadata?.[rule.fieldName];\n\n      if (\n        meta?.type === \"relation\" &&\n        (meta.relationType === \"many-to-many\" || meta.relationType === \"many-to-one\") &&\n        Array.isArray(rule.value) &&\n        typeof rule.value[0] === \"number\"\n      ) {\n        if (!relationMap.has(rule.fieldName)) {\n          relationMap.set(rule.fieldName, {\n            meta,\n            rules: [],\n            ids: new Set<number>()\n          });\n        }\n\n        const bucket = relationMap.get(rule.fieldName)!;\n        (rule.value as number[]).forEach(id => bucket.ids.add(id));\n        bucket.rules.push(rule);\n      }\n    }\n\n    if (Array.isArray(rule.children)) {\n      rule.children.forEach(walk);\n    }\n  };\n\n  rootRules.forEach(walk);\n\n  // 2️⃣ Fetch & hydrate per relation field (ARRAY SAFE)\n  const buckets = Array.from(relationMap.values());\n\n  const session: any = await getSession();\n  const token = session?.user?.accessToken;\n\n  if (!token) {\n    console.error(\"hydrateRelationRules: Not authenticated\");\n    return rootRules;\n  }\n\n\n  for (const bucket of buckets) {\n    const { meta, rules, ids } = bucket;\n\n    if (\n      !meta.relationCoModelSingularName ||\n      !meta.relationModel?.userKeyField?.name\n    ) {\n      continue;\n    }\n\n    // const { useLazyGetSolidEntitiesQuery } = entityApi;\n    // const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n    // const response = await triggerGetSolidEntities({\n    //   filters: { id: { $in: Array.from(ids) } },\n    //   limit: 100\n    // });\n    const kebabEntityName = kebabCase(meta.relationCoModelSingularName);\n\n    const resp = await solidGet(`${API_URL}/api/${kebabEntityName}`,\n      {\n        params: {\n          offset: 0,\n          limit: 100,\n          filters: {\n            id: { $in: Array.from(ids) },\n          },\n        },\n        headers: {\n          Authorization: `Bearer ${token}`,\n        },\n      }\n    );\n    const records = resp?.data?.data?.records ?? [];\n\n    const labelField = meta.relationModel.userKeyField.name;\n\n    const idToLabel = new Map<number, string>(\n      records.map((item: any) => [\n        item.id,\n        item[labelField]\n      ])\n    );\n\n    // 3️⃣ Replace numeric IDs with { label, value }\n    rules.forEach((rule: FilterRule) => {\n      rule.value = (rule.value as number[]).map(id => ({\n        label: idToLabel.get(id) ?? String(id),\n        value: id\n      }));\n    });\n  }\n\n  return rootRules;\n}\n"]}
+{"version":3,"file":"hydrateRelationRules.js","sourceRoot":"","sources":["../../src/helpers/hydrateRelationRules.ts"],"names":[],"mappings":"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","sourcesContent":["import { FilterRule, FilterRuleType } from \"../components/core/common/FilterComponent\";\nimport { createSolidEntityApi } from \"../redux/api/solidEntityApi\";\nimport { kebabCase } from \"lodash\";\nimport { getSession } from \"../adapters/auth/index\";\nimport { env } from \"../adapters/env\";\nimport { solidGet } from \"../http/solidHttp\";\n\n\ninterface RelationHydrationBucket {\n  meta: any;\n  rules: FilterRule[];\n  ids: Set<number>;\n}\n\nconst API_URL = env(\"NEXT_PUBLIC_BACKEND_API_URL\");\n\nexport async function hydrateRelationRules(\n  rootRules: FilterRule[],\n  viewData: any\n): Promise<FilterRule[]> {\n  const relationMap = new Map<string, RelationHydrationBucket>();\n\n  // 1️⃣ Collect all relation rules\n  const walk = (rule: FilterRule): void => {\n    if (rule.type === FilterRuleType.RULE && rule.fieldName) {\n      const meta =\n        viewData?.data?.solidFieldsMetadata?.[rule.fieldName];\n\n      if (\n        meta?.type === \"relation\" &&\n        (meta.relationType === \"many-to-many\" || meta.relationType === \"many-to-one\") &&\n        Array.isArray(rule.value) &&\n        typeof rule.value[0] === \"number\"\n      ) {\n        if (!relationMap.has(rule.fieldName)) {\n          relationMap.set(rule.fieldName, {\n            meta,\n            rules: [],\n            ids: new Set<number>()\n          });\n        }\n\n        const bucket = relationMap.get(rule.fieldName)!;\n        (rule.value as number[]).forEach(id => bucket.ids.add(id));\n        bucket.rules.push(rule);\n      }\n    }\n\n    if (Array.isArray(rule.children)) {\n      rule.children.forEach(walk);\n    }\n  };\n\n  rootRules.forEach(walk);\n\n  // 2️⃣ Fetch & hydrate per relation field (ARRAY SAFE)\n  const buckets = Array.from(relationMap.values());\n\n  const session: any = await getSession();\n  const token = session?.user?.accessToken;\n\n  if (!token) {\n    console.error(\"hydrateRelationRules: Not authenticated\");\n    return rootRules;\n  }\n\n\n  for (const bucket of buckets) {\n    const { meta, rules, ids } = bucket;\n\n    if (\n      !meta.relationCoModelSingularName ||\n      !meta.relationModel?.userKeyField?.name\n    ) {\n      continue;\n    }\n\n    // const { useLazyGetSolidEntitiesQuery } = entityApi;\n    // const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n    // const response = await triggerGetSolidEntities({\n    //   filters: { id: { $in: Array.from(ids) } },\n    //   limit: 100\n    // });\n    const kebabEntityName = kebabCase(meta.relationCoModelSingularName);\n\n    const resp = await solidGet(`${API_URL}/api/${kebabEntityName}`,\n      {\n        params: {\n          offset: 0,\n          limit: 100,\n          filters: {\n            id: { $in: Array.from(ids) },\n          },\n        },\n        headers: {\n          Authorization: `Bearer ${token}`,\n        },\n      }\n    );\n    const records = resp?.data?.data?.records ?? [];\n\n    const labelField = meta.relationModel.userKeyField.name;\n\n    const idToLabel = new Map<number, string>(\n      records.map((item: any) => [\n        item.id,\n        item[labelField]\n      ])\n    );\n\n    // 3️⃣ Replace numeric IDs with { label, value }\n    rules.forEach((rule: FilterRule) => {\n      rule.value = (rule.value as number[]).map(id => ({\n        label: idToLabel.get(id) ?? String(id),\n        value: id\n      }));\n    });\n  }\n\n  return rootRules;\n}\n"]}

package/dist/helpers/hydrateRelationRules.ts

@@ -1,6 +1,6 @@
 import { FilterRule, FilterRuleType } from "../components/core/common/FilterComponent";
 import { createSolidEntityApi } from "../redux/api/solidEntityApi";
-import { kebabCase } from "change-case";
+import { kebabCase } from "lodash";
 import { getSession } from "../adapters/auth/index";
 import { env } from "../adapters/env";
 import { solidGet } from "../http/solidHttp";

package/dist/helpers/permissions.js

@@ -1,6 +1,6 @@
-import { pascalCase } from "change-case";
+import { camelCase, upperFirst } from "lodash";
 //Dynamic permission expression
 export var permissionExpression = function (modelName, permissionName) {
-    return "".concat(pascalCase(modelName), "Controller.").concat(permissionName);
+    return "".concat(upperFirst(camelCase(modelName)), "Controller.").concat(permissionName);
 };
 //# sourceMappingURL=permissions.js.map

package/dist/helpers/permissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"permissions.js","sourceRoot":"","sources":["../../src/helpers/permissions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,+BAA+B;AAC/B,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,SAAiB,EAAE,cAAuB;IAC3E,OAAO,UAAG,UAAU,CAAC,SAAS,CAAC,wBAAc,cAAc,CAAE,CAAA;AACjE,CAAC,CAAC","sourcesContent":["\nimport { pascalCase } from \"change-case\";\n\n//Dynamic permission expression\nexport const permissionExpression = (modelName: string, permissionName : string) => {\n    return `${pascalCase(modelName)}Controller.${permissionName}`\n};"]}
+{"version":3,"file":"permissions.js","sourceRoot":"","sources":["../../src/helpers/permissions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE/C,+BAA+B;AAC/B,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,SAAiB,EAAE,cAAuB;IAC3E,OAAO,UAAG,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,wBAAc,cAAc,CAAE,CAAA;AAC5E,CAAC,CAAC","sourcesContent":["\nimport { camelCase, upperFirst } from \"lodash\";\n\n//Dynamic permission expression\nexport const permissionExpression = (modelName: string, permissionName : string) => {\n    return `${upperFirst(camelCase(modelName))}Controller.${permissionName}`\n};"]}

package/dist/helpers/permissions.ts

@@ -1,7 +1,7 @@
 
-import { pascalCase } from "change-case";
+import { camelCase, upperFirst } from "lodash";
 
 //Dynamic permission expression
 export const permissionExpression = (modelName: string, permissionName : string) => {
-    return `${pascalCase(modelName)}Controller.${permissionName}`
+    return `${upperFirst(camelCase(modelName))}Controller.${permissionName}`
 };