@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.3

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

@@ -0,0 +1,109 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import Quill from "quill";
+import "quill/dist/quill.snow.css";
+var defaultModules = {
+    toolbar: [
+        [{ header: [1, 2, 3, false] }],
+        ["bold", "italic", "underline", "strike"],
+        [{ color: [] }, { background: [] }],
+        [{ script: "sub" }, { script: "super" }],
+        [{ list: "ordered" }, { list: "bullet" }],
+        [{ indent: "-1" }, { indent: "+1" }],
+        [{ align: [] }],
+        ["link", "image"],
+        ["clean"],
+    ],
+};
+var defaultFormats = [
+    "header",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "color",
+    "background",
+    "script",
+    "list",
+    "indent",
+    "align",
+    "link",
+    "image",
+];
+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 containerRef = useRef(null);
+    var quillRef = useRef(null);
+    var lastHtmlRef = useRef("");
+    var onChangeRef = useRef(onChange);
+    useEffect(function () {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    useEffect(function () {
+        if (!containerRef.current || quillRef.current) {
+            return;
+        }
+        var quill = new Quill(containerRef.current, {
+            theme: "snow",
+            readOnly: readOnly,
+            placeholder: placeholder,
+            modules: modules,
+            formats: formats,
+        });
+        quillRef.current = quill;
+        var initialValue = value !== null && value !== void 0 ? value : "";
+        var delta = quill.clipboard.convert({ html: initialValue });
+        quill.setContents(delta, Quill.sources.SILENT);
+        lastHtmlRef.current = initialValue;
+        var handleChange = function (_delta, _oldContents, source) {
+            var _a;
+            if (source !== Quill.sources.USER) {
+                return;
+            }
+            var html = quill.root.innerHTML;
+            lastHtmlRef.current = html;
+            (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, html);
+        };
+        quill.on("text-change", handleChange);
+        return function () {
+            quill.off("text-change", handleChange);
+            quillRef.current = null;
+        };
+    }, []);
+    useEffect(function () {
+        var _a;
+        var quill = quillRef.current;
+        if (!quill) {
+            return;
+        }
+        var normalizedHtml = value !== null && value !== void 0 ? value : "";
+        if (normalizedHtml === lastHtmlRef.current) {
+            return;
+        }
+        var selection = quill.getSelection();
+        var delta = quill.clipboard.convert({ html: normalizedHtml });
+        quill.setContents(delta, Quill.sources.SILENT);
+        if (selection) {
+            var index = Math.min(selection.index, quill.getLength());
+            var length_1 = (_a = selection.length) !== null && _a !== void 0 ? _a : 0;
+            quill.setSelection(index, length_1, Quill.sources.SILENT);
+        }
+        lastHtmlRef.current = normalizedHtml;
+    }, [value]);
+    useEffect(function () {
+        var quill = quillRef.current;
+        if (!quill) {
+            return;
+        }
+        quill.enable(!readOnly);
+    }, [readOnly]);
+    useEffect(function () {
+        var quill = quillRef.current;
+        if (!quill) {
+            return;
+        }
+        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 }) }));
+}
+//# sourceMappingURL=SolidRichTextEditor.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,146 @@
+import { useEffect, useRef, type CSSProperties } from "react";
+import Quill, { type QuillOptions } from "quill";
+import "quill/dist/quill.snow.css";
+
+type SolidRichTextEditorProps = {
+  value?: string;
+  onChange?: (value: string) => void;
+  readOnly?: boolean;
+  className?: string;
+  id?: string;
+  placeholder?: string;
+  modules?: QuillOptions["modules"];
+  formats?: string[] | null;
+  style?: CSSProperties;
+};
+
+const defaultModules: NonNullable<QuillOptions["modules"]> = {
+  toolbar: [
+    [{ header: [1, 2, 3, false] }],
+    ["bold", "italic", "underline", "strike"],
+    [{ color: [] }, { background: [] }],
+    [{ script: "sub" }, { script: "super" }],
+    [{ list: "ordered" }, { list: "bullet" }],
+    [{ indent: "-1" }, { indent: "+1" }],
+    [{ align: [] }],
+    ["link", "image"],
+    ["clean"],
+  ],
+};
+
+const defaultFormats = [
+  "header",
+  "bold",
+  "italic",
+  "underline",
+  "strike",
+  "color",
+  "background",
+  "script",
+  "list",
+  "indent",
+  "align",
+  "link",
+  "image",
+];
+
+export function SolidRichTextEditor({
+  value = "",
+  onChange,
+  readOnly = false,
+  className,
+  id,
+  placeholder,
+  modules = defaultModules,
+  formats = defaultFormats,
+  style,
+}: SolidRichTextEditorProps) {
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const quillRef = useRef<Quill | null>(null);
+  const lastHtmlRef = useRef<string>("");
+  const onChangeRef = useRef(onChange);
+
+  useEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+
+  useEffect(() => {
+    if (!containerRef.current || quillRef.current) {
+      return;
+    }
+
+    const quill = new Quill(containerRef.current, {
+      theme: "snow",
+      readOnly,
+      placeholder,
+      modules,
+      formats,
+    });
+
+    quillRef.current = quill;
+
+    const initialValue = value ?? "";
+    const delta = quill.clipboard.convert({ html: initialValue });
+    quill.setContents(delta, Quill.sources.SILENT);
+    lastHtmlRef.current = initialValue;
+
+    const handleChange = (_delta: unknown, _oldContents: unknown, source: string) => {
+      if (source !== Quill.sources.USER) {
+        return;
+      }
+      const html = quill.root.innerHTML;
+      lastHtmlRef.current = html;
+      onChangeRef.current?.(html);
+    };
+
+    quill.on("text-change", handleChange);
+
+    return () => {
+      quill.off("text-change", handleChange);
+      quillRef.current = null;
+    };
+  }, []);
+
+  useEffect(() => {
+    const quill = quillRef.current;
+    if (!quill) {
+      return;
+    }
+    const normalizedHtml = value ?? "";
+    if (normalizedHtml === lastHtmlRef.current) {
+      return;
+    }
+
+    const selection = quill.getSelection();
+    const delta = quill.clipboard.convert({ html: normalizedHtml });
+    quill.setContents(delta, Quill.sources.SILENT);
+    if (selection) {
+      const index = Math.min(selection.index, quill.getLength());
+      const length = selection.length ?? 0;
+      quill.setSelection(index, length, Quill.sources.SILENT);
+    }
+    lastHtmlRef.current = normalizedHtml;
+  }, [value]);
+
+  useEffect(() => {
+    const quill = quillRef.current;
+    if (!quill) {
+      return;
+    }
+    quill.enable(!readOnly);
+  }, [readOnly]);
+
+  useEffect(() => {
+    const quill = quillRef.current;
+    if (!quill) {
+      return;
+    }
+    quill.root.setAttribute("data-placeholder", placeholder ?? "");
+  }, [placeholder]);
+
+  return (
+    <div id={id} className={className} style={style}>
+      <div ref={containerRef} />
+    </div>
+  );
+}

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

@@ -0,0 +1,17 @@
+import React from "react";
+type SolidSegmentedOption = {
+    label: React.ReactNode;
+    value: any;
+};
+type SolidSegmentedControlProps = {
+    options: SolidSegmentedOption[];
+    value?: any;
+    multiple?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    onChange?: (value: any) => void;
+    className?: string;
+};
+export declare function SolidSegmentedControl({ options, value, multiple, disabled, readOnly, onChange, className, }: SolidSegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidSegmentedControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,0BAA0B,2CA8B5B"}

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

@@ -0,0 +1,34 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidSegmentedControl(_a) {
+    var options = _a.options, value = _a.value, multiple = _a.multiple, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, className = _a.className;
+    var isSelected = function (val) { return (multiple ? Array.isArray(value) && value.includes(val) : value === val); };
+    var handleClick = function (val) {
+        if (disabled || readOnly)
+            return;
+        if (multiple) {
+            var next = Array.isArray(value) ? __spreadArray([], value, true) : [];
+            var exists = next.includes(val);
+            onChange === null || onChange === void 0 ? void 0 : onChange(exists ? next.filter(function (item) { return item !== val; }) : __spreadArray(__spreadArray([], next, true), [val], false));
+            return;
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(val);
+    };
+    return (_jsx("div", { className: cx("solid-segmented", className), children: options.map(function (opt, index) { return (_jsx("button", { type: "button", className: cx("solid-segmented-item", isSelected(opt.value) && "is-active", disabled && "is-disabled"), onClick: function () { return handleClick(opt.value); }, "aria-pressed": isSelected(opt.value), "aria-disabled": disabled || readOnly, children: opt.label }, index)); }) }));
+}
+//# sourceMappingURL=SolidSegmentedControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSegmentedControl.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSegmentedControl.tsx"],"names":[],"mappings":";;;;;;;;;;AAiBA,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,qBAAqB,CAAC,EAQT;QAP3B,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,IAAM,UAAU,GAAG,UAAC,GAAQ,IAAK,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC,EAAxE,CAAwE,CAAC;IAE1G,IAAM,WAAW,GAAG,UAAC,GAAQ;QAC3B,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAO;QACjC,IAAI,QAAQ,EAAE;YACZ,IAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAK,KAAK,QAAE,CAAC,CAAC,EAAE,CAAC;YACpD,IAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAClC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,GAAG,EAAZ,CAAY,CAAC,CAAC,CAAC,iCAAK,IAAI,UAAE,GAAG,SAAC,CAAC,CAAC;YAC1E,OAAO;SACR;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,YAC7C,OAAO,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK,IAAK,OAAA,CAC3B,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,WAAW,EAAE,QAAQ,IAAI,aAAa,CAAC,EACtG,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAtB,CAAsB,kBACvB,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,mBACpB,QAAQ,IAAI,QAAQ,YAElC,GAAG,CAAC,KAAK,IAPL,KAAK,CAQH,CACV,EAX4B,CAW5B,CAAC,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidSegmentedOption = {\n  label: React.ReactNode;\n  value: any;\n};\n\ntype SolidSegmentedControlProps = {\n  options: SolidSegmentedOption[];\n  value?: any;\n  multiple?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  onChange?: (value: any) => void;\n  className?: string;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidSegmentedControl({\n  options,\n  value,\n  multiple,\n  disabled,\n  readOnly,\n  onChange,\n  className,\n}: SolidSegmentedControlProps) {\n  const isSelected = (val: any) => (multiple ? Array.isArray(value) && value.includes(val) : value === val);\n\n  const handleClick = (val: any) => {\n    if (disabled || readOnly) return;\n    if (multiple) {\n      const next = Array.isArray(value) ? [...value] : [];\n      const exists = next.includes(val);\n      onChange?.(exists ? next.filter((item) => item !== val) : [...next, val]);\n      return;\n    }\n    onChange?.(val);\n  };\n\n  return (\n    <div className={cx(\"solid-segmented\", className)}>\n      {options.map((opt, index) => (\n        <button\n          key={index}\n          type=\"button\"\n          className={cx(\"solid-segmented-item\", isSelected(opt.value) && \"is-active\", disabled && \"is-disabled\")}\n          onClick={() => handleClick(opt.value)}\n          aria-pressed={isSelected(opt.value)}\n          aria-disabled={disabled || readOnly}\n        >\n          {opt.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,60 @@
+import React from "react";
+
+type SolidSegmentedOption = {
+  label: React.ReactNode;
+  value: any;
+};
+
+type SolidSegmentedControlProps = {
+  options: SolidSegmentedOption[];
+  value?: any;
+  multiple?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  onChange?: (value: any) => void;
+  className?: string;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidSegmentedControl({
+  options,
+  value,
+  multiple,
+  disabled,
+  readOnly,
+  onChange,
+  className,
+}: SolidSegmentedControlProps) {
+  const isSelected = (val: any) => (multiple ? Array.isArray(value) && value.includes(val) : value === val);
+
+  const handleClick = (val: any) => {
+    if (disabled || readOnly) return;
+    if (multiple) {
+      const next = Array.isArray(value) ? [...value] : [];
+      const exists = next.includes(val);
+      onChange?.(exists ? next.filter((item) => item !== val) : [...next, val]);
+      return;
+    }
+    onChange?.(val);
+  };
+
+  return (
+    <div className={cx("solid-segmented", className)}>
+      {options.map((opt, index) => (
+        <button
+          key={index}
+          type="button"
+          className={cx("solid-segmented-item", isSelected(opt.value) && "is-active", disabled && "is-disabled")}
+          onClick={() => handleClick(opt.value)}
+          aria-pressed={isSelected(opt.value)}
+          aria-disabled={disabled || readOnly}
+        >
+          {opt.label}
+        </button>
+      ))}
+    </div>
+  );
+}

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

@@ -1 +1 @@
-{"version":3,"file":"SolidSelect.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSelect.tsx"],"names":[],"mappings":"AAEA,KAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE7C,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAMF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAY,EACZ,WAAqB,EACrB,WAAqB,EACrB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,gBAAgB,2CAmClB"}
+{"version":3,"file":"SolidSelect.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSelect.tsx"],"names":[],"mappings":"AAGA,KAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE7C,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAMF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAY,EACZ,WAAqB,EACrB,WAAqB,EACrB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,gBAAgB,2CAmClB"}

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
 function cx() {
     var parts = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -21,6 +22,6 @@ export function SolidSelect(_a) {
     return (_jsxs("div", { className: cx("solid-select-wrap", className), children: [_jsxs("select", { className: "solid-select", value: selectedKey, disabled: disabled, onChange: function (event) {
                     var next = normalized.find(function (item) { return item.key === event.target.value; });
                     onChange === null || onChange === void 0 ? void 0 : onChange({ value: next === null || next === void 0 ? void 0 : next.value });
-                }, children: [_jsx("option", { value: "", disabled: true, children: placeholder || "Select" }), normalized.map(function (item) { return (_jsx("option", { value: item.key, children: item.label }, item.key)); })] }), _jsx("span", { className: "solid-select-icon", "aria-hidden": "true", children: _jsx("i", { className: "pi pi-chevron-down" }) })] }));
+                }, children: [_jsx("option", { value: "", disabled: true, children: placeholder || "Select" }), normalized.map(function (item) { return (_jsx("option", { value: item.key, children: item.label }, item.key)); })] }), _jsx("span", { className: "solid-select-icon", "aria-hidden": "true", children: _jsx(ChevronDown, { size: 14 }) })] }));
 }
 //# sourceMappingURL=SolidSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidSelect.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSelect.tsx"],"names":[],"mappings":";AAeA,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,WAAW,CAAC,EAST;QARjB,KAAK,WAAA,EACL,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,mBAAqB,EAArB,WAAW,mBAAG,OAAO,KAAA,EACrB,mBAAqB,EAArB,WAAW,mBAAG,OAAO,KAAA,EACrB,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;;QAAK,OAAA,CAAC;YACjD,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;YAClB,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,WAAW,CAAC,mCAAI,EAAE;YAClC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,WAAW,CAAC;SAC7B,CAAC,CAAA;KAAA,CAAC,CAAC;IAEJ,IAAM,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,KAAK,KAAK,EAApB,CAAoB,CAAC,CAAC;IAC3E,IAAM,WAAW,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5E,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,aAChD,kBACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAC,KAAK;oBACd,IAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,EAA/B,CAA+B,CAAC,CAAC;oBACxE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,CAAC,CAAC;gBACrC,CAAC,aAED,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,kBACtB,WAAW,IAAI,QAAQ,GACjB,EACR,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,iBAAuB,KAAK,EAAE,IAAI,CAAC,GAAG,YACnC,IAAI,CAAC,KAAK,IADA,IAAI,CAAC,GAAG,CAEZ,CACV,EAJyB,CAIzB,CAAC,IACK,EACT,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,YACpD,YAAG,SAAS,EAAC,oBAAoB,GAAG,GAC/B,IACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidSelectOption = Record<string, any>;\n\ntype SolidSelectProps = {\n  value?: any;\n  options?: SolidSelectOption[];\n  optionLabel?: string;\n  optionValue?: string;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  onChange?: (event: { value: any }) => void;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidSelect({\n  value,\n  options = [],\n  optionLabel = \"label\",\n  optionValue = \"value\",\n  placeholder,\n  className,\n  disabled,\n  onChange,\n}: SolidSelectProps) {\n  const normalized = options.map((option, index) => ({\n    key: String(index),\n    label: option?.[optionLabel] ?? \"\",\n    value: option?.[optionValue],\n  }));\n\n  const selectedIndex = normalized.findIndex((item) => item.value === value);\n  const selectedKey = selectedIndex >= 0 ? normalized[selectedIndex].key : \"\";\n\n  return (\n    <div className={cx(\"solid-select-wrap\", className)}>\n      <select\n        className=\"solid-select\"\n        value={selectedKey}\n        disabled={disabled}\n        onChange={(event) => {\n          const next = normalized.find((item) => item.key === event.target.value);\n          onChange?.({ value: next?.value });\n        }}\n      >\n        <option value=\"\" disabled>\n          {placeholder || \"Select\"}\n        </option>\n        {normalized.map((item) => (\n          <option key={item.key} value={item.key}>\n            {item.label}\n          </option>\n        ))}\n      </select>\n      <span className=\"solid-select-icon\" aria-hidden=\"true\">\n        <i className=\"pi pi-chevron-down\" />\n      </span>\n    </div>\n  );\n}\n\n"]}
+{"version":3,"file":"SolidSelect.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSelect.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAe3C,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,WAAW,CAAC,EAST;QARjB,KAAK,WAAA,EACL,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,mBAAqB,EAArB,WAAW,mBAAG,OAAO,KAAA,EACrB,mBAAqB,EAArB,WAAW,mBAAG,OAAO,KAAA,EACrB,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;;QAAK,OAAA,CAAC;YACjD,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;YAClB,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,WAAW,CAAC,mCAAI,EAAE;YAClC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,WAAW,CAAC;SAC7B,CAAC,CAAA;KAAA,CAAC,CAAC;IAEJ,IAAM,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,KAAK,KAAK,EAApB,CAAoB,CAAC,CAAC;IAC3E,IAAM,WAAW,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5E,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,aAChD,kBACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAC,KAAK;oBACd,IAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,EAA/B,CAA+B,CAAC,CAAC;oBACxE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,CAAC,CAAC;gBACrC,CAAC,aAED,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,kBACtB,WAAW,IAAI,QAAQ,GACjB,EACR,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,iBAAuB,KAAK,EAAE,IAAI,CAAC,GAAG,YACnC,IAAI,CAAC,KAAK,IADA,IAAI,CAAC,GAAG,CAEZ,CACV,EAJyB,CAIzB,CAAC,IACK,EACT,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,YACpD,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GACpB,IACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\nimport { ChevronDown } from \"lucide-react\";\n\ntype SolidSelectOption = Record<string, any>;\n\ntype SolidSelectProps = {\n  value?: any;\n  options?: SolidSelectOption[];\n  optionLabel?: string;\n  optionValue?: string;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  onChange?: (event: { value: any }) => void;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidSelect({\n  value,\n  options = [],\n  optionLabel = \"label\",\n  optionValue = \"value\",\n  placeholder,\n  className,\n  disabled,\n  onChange,\n}: SolidSelectProps) {\n  const normalized = options.map((option, index) => ({\n    key: String(index),\n    label: option?.[optionLabel] ?? \"\",\n    value: option?.[optionValue],\n  }));\n\n  const selectedIndex = normalized.findIndex((item) => item.value === value);\n  const selectedKey = selectedIndex >= 0 ? normalized[selectedIndex].key : \"\";\n\n  return (\n    <div className={cx(\"solid-select-wrap\", className)}>\n      <select\n        className=\"solid-select\"\n        value={selectedKey}\n        disabled={disabled}\n        onChange={(event) => {\n          const next = normalized.find((item) => item.key === event.target.value);\n          onChange?.({ value: next?.value });\n        }}\n      >\n        <option value=\"\" disabled>\n          {placeholder || \"Select\"}\n        </option>\n        {normalized.map((item) => (\n          <option key={item.key} value={item.key}>\n            {item.label}\n          </option>\n        ))}\n      </select>\n      <span className=\"solid-select-icon\" aria-hidden=\"true\">\n        <ChevronDown size={14} />\n      </span>\n    </div>\n  );\n}\n"]}

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { ChevronDown } from "lucide-react";
 
 type SolidSelectOption = Record<string, any>;
 
@@ -57,9 +58,8 @@ export function SolidSelect({
         ))}
       </select>
       <span className="solid-select-icon" aria-hidden="true">
-        <i className="pi pi-chevron-down" />
+        <ChevronDown size={14} />
       </span>
     </div>
   );
 }
-

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

@@ -0,0 +1,12 @@
+type SolidSliderProps = {
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
+    className?: string;
+};
+export declare function SolidSlider({ min, max, step, value, disabled, onChange, className }: SolidSliderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidSlider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSlider.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSlider.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,wBAAgB,WAAW,CAAC,EAAE,GAAO,EAAE,GAAS,EAAE,IAAQ,EAAE,KAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAavH"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidSlider(_a) {
+    var _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d, _e = _a.value, value = _e === void 0 ? 0 : _e, disabled = _a.disabled, onChange = _a.onChange, className = _a.className;
+    return (_jsx("input", { type: "range", min: min, max: max, step: step, value: value, disabled: disabled, onChange: function (e) { return onChange === null || onChange === void 0 ? void 0 : onChange(Number(e.target.value)); }, className: cx("solid-slider", className) }));
+}
+//# sourceMappingURL=SolidSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSlider.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSlider.tsx"],"names":[],"mappings":";AAYA,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,WAAW,CAAC,EAA4F;QAA1F,WAAO,EAAP,GAAG,mBAAG,CAAC,KAAA,EAAE,WAAS,EAAT,GAAG,mBAAG,GAAG,KAAA,EAAE,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EAAE,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IAClG,OAAO,CACL,gBACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAlC,CAAkC,EACnD,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,GACxC,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidSliderProps = {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: number;\n  disabled?: boolean;\n  onChange?: (value: number) => void;\n  className?: string;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidSlider({ min = 0, max = 100, step = 1, value = 0, disabled, onChange, className }: SolidSliderProps) {\n  return (\n    <input\n      type=\"range\"\n      min={min}\n      max={max}\n      step={step}\n      value={value}\n      disabled={disabled}\n      onChange={(e) => onChange?.(Number(e.target.value))}\n      className={cx(\"solid-slider\", className)}\n    />\n  );\n}\n"]}

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

@@ -0,0 +1,30 @@
+import React from "react";
+
+type SolidSliderProps = {
+  min?: number;
+  max?: number;
+  step?: number;
+  value?: number;
+  disabled?: boolean;
+  onChange?: (value: number) => void;
+  className?: string;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidSlider({ min = 0, max = 100, step = 1, value = 0, disabled, onChange, className }: SolidSliderProps) {
+  return (
+    <input
+      type="range"
+      min={min}
+      max={max}
+      step={step}
+      value={value}
+      disabled={disabled}
+      onChange={(e) => onChange?.(Number(e.target.value))}
+      className={cx("solid-slider", className)}
+    />
+  );
+}

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

@@ -0,0 +1,8 @@
+type SolidSpinnerProps = {
+    size?: number;
+    className?: string;
+    label?: string;
+};
+export declare function SolidSpinner({ size, className, label }: SolidSpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidSpinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSpinner.tsx"],"names":[],"mappings":"AAGA,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,wBAAgB,YAAY,CAAC,EAAE,IAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAO9E"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidSpinner(_a) {
+    var _b = _a.size, size = _b === void 0 ? 28 : _b, className = _a.className, label = _a.label;
+    return (_jsxs("div", { className: cx("solid-spinner", className), role: "status", "aria-live": "polite", children: [_jsx(Loader2, { size: size, className: "solid-spinner-icon", "aria-hidden": "true" }), label ? _jsx("span", { className: "solid-spinner-label", children: label }) : null] }));
+}
+//# sourceMappingURL=SolidSpinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSpinner.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSpinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAQvC,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,YAAY,CAAC,EAAkD;QAAhD,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA;IACxD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,eAAW,QAAQ,aAC9E,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,oBAAoB,iBAAa,MAAM,GAAG,EACxE,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAChE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\ntype SolidSpinnerProps = {\n  size?: number;\n  className?: string;\n  label?: string;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidSpinner({ size = 28, className, label }: SolidSpinnerProps) {\n  return (\n    <div className={cx(\"solid-spinner\", className)} role=\"status\" aria-live=\"polite\">\n      <Loader2 size={size} className=\"solid-spinner-icon\" aria-hidden=\"true\" />\n      {label ? <span className=\"solid-spinner-label\">{label}</span> : null}\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { Loader2 } from "lucide-react";
+
+type SolidSpinnerProps = {
+  size?: number;
+  className?: string;
+  label?: string;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidSpinner({ size = 28, className, label }: SolidSpinnerProps) {
+  return (
+    <div className={cx("solid-spinner", className)} role="status" aria-live="polite">
+      <Loader2 size={size} className="solid-spinner-icon" aria-hidden="true" />
+      {label ? <span className="solid-spinner-label">{label}</span> : null}
+    </div>
+  );
+}

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

@@ -0,0 +1,10 @@
+type SolidSwitchProps = {
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    onChange?: (checked: boolean) => void;
+    className?: string;
+};
+export declare function SolidSwitch({ checked, disabled, name, onChange, className }: SolidSwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSwitch.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAmB7F"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidSwitch(_a) {
+    var checked = _a.checked, disabled = _a.disabled, name = _a.name, onChange = _a.onChange, className = _a.className;
+    var handleToggle = function () {
+        if (disabled)
+            return;
+        onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
+    };
+    return (_jsx("button", { type: "button", role: "switch", name: name, "aria-checked": !!checked, disabled: disabled, className: cx("solid-switch", checked && "is-on", disabled && "is-disabled", className), onClick: handleToggle, children: _jsx("span", { className: "solid-switch-thumb" }) }));
+}
+//# sourceMappingURL=SolidSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSwitch.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSwitch.tsx"],"names":[],"mappings":";AAUA,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,WAAW,CAAC,EAAkE;QAAhE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IACxE,IAAM,YAAY,GAAG;QACnB,IAAI,QAAQ;YAAE,OAAO;QACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,kBACI,CAAC,CAAC,OAAO,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,OAAO,IAAI,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,SAAS,CAAC,EACvF,OAAO,EAAE,YAAY,YAErB,eAAM,SAAS,EAAC,oBAAoB,GAAG,GAChC,CACV,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidSwitchProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  name?: string;\n  onChange?: (checked: boolean) => void;\n  className?: string;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidSwitch({ checked, disabled, name, onChange, className }: SolidSwitchProps) {\n  const handleToggle = () => {\n    if (disabled) return;\n    onChange?.(!checked);\n  };\n\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      name={name}\n      aria-checked={!!checked}\n      disabled={disabled}\n      className={cx(\"solid-switch\", checked && \"is-on\", disabled && \"is-disabled\", className)}\n      onClick={handleToggle}\n    >\n      <span className=\"solid-switch-thumb\" />\n    </button>\n  );\n}\n"]}