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

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { SolidIcon } from "./SolidIcon";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidPanel(_a) {
+    var header = _a.header, toggleable = _a.toggleable, defaultCollapsed = _a.defaultCollapsed, children = _a.children, className = _a.className;
+    var _b = useState(!!defaultCollapsed), collapsed = _b[0], setCollapsed = _b[1];
+    var handleToggle = function () { return toggleable && setCollapsed(function (prev) { return !prev; }); };
+    return (_jsxs("div", { className: cx("solid-panel", className), children: [_jsxs("div", { className: "solid-panel-header", children: [_jsx("div", { className: "solid-panel-title", children: header }), toggleable && (_jsx("button", { type: "button", className: "solid-panel-toggle", onClick: handleToggle, "aria-expanded": !collapsed, children: _jsx(SolidIcon, { name: collapsed ? "si-chevron-down" : "si-chevron-up", "aria-hidden": true }) }))] }), !collapsed && _jsx("div", { className: "solid-panel-content", children: children })] }));
+}
+//# sourceMappingURL=SolidPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidPanel.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidPanel.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAUxC,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,UAAU,CAAC,EAA8E;QAA5E,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,gBAAgB,sBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IAC9E,IAAA,KAA4B,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAvD,SAAS,QAAA,EAAE,YAAY,QAAgC,CAAC;IAC/D,IAAM,YAAY,GAAG,cAAM,OAAA,UAAU,IAAI,YAAY,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAA3C,CAA2C,CAAC;IAEvE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,aAC1C,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,SAAS,EAAC,mBAAmB,YAAE,MAAM,GAAO,EAChD,UAAU,IAAI,CACb,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,YAAY,mBAAiB,CAAC,SAAS,YACnG,KAAC,SAAS,IACR,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,wBAErD,GACK,CACV,IACG,EACL,CAAC,SAAS,IAAI,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,IAChE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState } from \"react\";\nimport { SolidIcon } from \"./SolidIcon\";\n\ntype SolidPanelProps = {\n  header?: React.ReactNode;\n  toggleable?: boolean;\n  defaultCollapsed?: boolean;\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 SolidPanel({ header, toggleable, defaultCollapsed, children, className }: SolidPanelProps) {\n  const [collapsed, setCollapsed] = useState(!!defaultCollapsed);\n  const handleToggle = () => toggleable && setCollapsed((prev) => !prev);\n\n  return (\n    <div className={cx(\"solid-panel\", className)}>\n      <div className=\"solid-panel-header\">\n        <div className=\"solid-panel-title\">{header}</div>\n        {toggleable && (\n          <button type=\"button\" className=\"solid-panel-toggle\" onClick={handleToggle} aria-expanded={!collapsed}>\n            <SolidIcon\n              name={collapsed ? \"si-chevron-down\" : \"si-chevron-up\"}\n              aria-hidden\n            />\n          </button>\n        )}\n      </div>\n      {!collapsed && <div className=\"solid-panel-content\">{children}</div>}\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,36 @@
+import React, { useState } from "react";
+import { SolidIcon } from "./SolidIcon";
+
+type SolidPanelProps = {
+  header?: React.ReactNode;
+  toggleable?: boolean;
+  defaultCollapsed?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidPanel({ header, toggleable, defaultCollapsed, children, className }: SolidPanelProps) {
+  const [collapsed, setCollapsed] = useState(!!defaultCollapsed);
+  const handleToggle = () => toggleable && setCollapsed((prev) => !prev);
+
+  return (
+    <div className={cx("solid-panel", className)}>
+      <div className="solid-panel-header">
+        <div className="solid-panel-title">{header}</div>
+        {toggleable && (
+          <button type="button" className="solid-panel-toggle" onClick={handleToggle} aria-expanded={!collapsed}>
+            <SolidIcon
+              name={collapsed ? "si-chevron-down" : "si-chevron-up"}
+              aria-hidden
+            />
+          </button>
+        )}
+      </div>
+      {!collapsed && <div className="solid-panel-content">{children}</div>}
+    </div>
+  );
+}

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

@@ -0,0 +1,7 @@
+import React from "react";
+type SolidPasswordInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    toggle?: boolean;
+};
+export declare function SolidPasswordInput({ className, toggle, ...props }: SolidPasswordInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidPasswordInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidPasswordInput.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidPasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,KAAK,uBAAuB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAMF,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,MAAa,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAmBjG"}

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

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { SolidInput } from "./SolidInput";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidPasswordInput(_a) {
+    var className = _a.className, _b = _a.toggle, toggle = _b === void 0 ? true : _b, props = __rest(_a, ["className", "toggle"]);
+    var _c = useState(false), shown = _c[0], setShown = _c[1];
+    var inputType = toggle ? (shown ? "text" : "password") : "password";
+    return (_jsxs("div", { className: "solid-password", children: [_jsx(SolidInput, __assign({}, props, { type: inputType, className: cx("solid-input", className) })), toggle && (_jsx("button", { type: "button", className: "solid-password-toggle", onClick: function () { return setShown(function (prev) { return !prev; }); }, "aria-label": shown ? "Hide password" : "Show password", children: shown ? "Hide" : "Show" }))] }));
+}
+//# sourceMappingURL=SolidPasswordInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidPasswordInput.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidPasswordInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,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,kBAAkB,CAAC,EAA+D;IAA7D,IAAA,SAAS,eAAA,EAAE,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EAAK,KAAK,cAApC,uBAAsC,CAAF;IAC/D,IAAA,KAAoB,QAAQ,CAAC,KAAK,CAAC,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAC;IAC1C,IAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAEtE,OAAO,CACL,eAAK,SAAS,EAAC,gBAAgB,aAC7B,KAAC,UAAU,eAAK,KAAK,IAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,IAAI,EAClF,MAAM,IAAI,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAAzB,CAAyB,gBAC5B,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,YAEpD,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GACjB,CACV,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState } from \"react\";\nimport { SolidInput } from \"./SolidInput\";\n\ntype SolidPasswordInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  toggle?: boolean;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidPasswordInput({ className, toggle = true, ...props }: SolidPasswordInputProps) {\n  const [shown, setShown] = useState(false);\n  const inputType = toggle ? (shown ? \"text\" : \"password\") : \"password\";\n\n  return (\n    <div className=\"solid-password\">\n      <SolidInput {...props} type={inputType} className={cx(\"solid-input\", className)} />\n      {toggle && (\n        <button\n          type=\"button\"\n          className=\"solid-password-toggle\"\n          onClick={() => setShown((prev) => !prev)}\n          aria-label={shown ? \"Hide password\" : \"Show password\"}\n        >\n          {shown ? \"Hide\" : \"Show\"}\n        </button>\n      )}\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,31 @@
+import React, { useState } from "react";
+import { SolidInput } from "./SolidInput";
+
+type SolidPasswordInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+  toggle?: boolean;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidPasswordInput({ className, toggle = true, ...props }: SolidPasswordInputProps) {
+  const [shown, setShown] = useState(false);
+  const inputType = toggle ? (shown ? "text" : "password") : "password";
+
+  return (
+    <div className="solid-password">
+      <SolidInput {...props} type={inputType} className={cx("solid-input", className)} />
+      {toggle && (
+        <button
+          type="button"
+          className="solid-password-toggle"
+          onClick={() => setShown((prev) => !prev)}
+          aria-label={shown ? "Hide password" : "Show password"}
+        >
+          {shown ? "Hide" : "Show"}
+        </button>
+      )}
+    </div>
+  );
+}

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+type SolidPopoverProps = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React.ReactNode;
+    autoCloseGroup?: string;
+};
+export declare function SolidPopover({ open, onOpenChange, children, autoCloseGroup, }: SolidPopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidPopoverTrigger({ children, asChild, }: {
+    children: React.ReactNode;
+    asChild?: boolean;
+}): any;
+export declare const SolidPopoverContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    sideOffset?: number | undefined;
+    align?: "end" | "center" | "start" | undefined;
+    side?: "left" | "right" | "top" | "bottom" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=SolidPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidPopover.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,cAAc,GACf,EAAE,iBAAiB,2CAqDnB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAe,GAChB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,OAuBA;AAED,eAAO,MAAM,mBAAmB;;;;wCA0B9B,CAAC"}

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

@@ -0,0 +1,110 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+var SolidPopoverContext = React.createContext(null);
+var SOLID_POPOVER_EVENT = "solid-popover-open";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidPopover(_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, children = _a.children, autoCloseGroup = _a.autoCloseGroup;
+    var rootRef = React.useRef(null);
+    var popoverId = React.useId();
+    var _b = React.useState(false), internalOpen = _b[0], setInternalOpen = _b[1];
+    var isControlled = typeof open === "boolean";
+    var currentOpen = isControlled ? !!open : internalOpen;
+    var handleSetOpen = React.useCallback(function (next) {
+        if (!isControlled) {
+            setInternalOpen(next);
+        }
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(next);
+        if (next && autoCloseGroup && typeof window !== "undefined") {
+            window.dispatchEvent(new CustomEvent(SOLID_POPOVER_EVENT, { detail: { id: popoverId, group: autoCloseGroup } }));
+        }
+    }, [autoCloseGroup, isControlled, onOpenChange, popoverId]);
+    React.useEffect(function () {
+        if (!autoCloseGroup || typeof window === "undefined")
+            return;
+        var handleExternalOpen = function (event) {
+            var detail = event.detail;
+            if (!detail || detail.group !== autoCloseGroup)
+                return;
+            if (detail.id === popoverId)
+                return;
+            handleSetOpen(false);
+        };
+        window.addEventListener(SOLID_POPOVER_EVENT, handleExternalOpen);
+        return function () {
+            window.removeEventListener(SOLID_POPOVER_EVENT, handleExternalOpen);
+        };
+    }, [autoCloseGroup, handleSetOpen, popoverId]);
+    React.useEffect(function () {
+        if (!currentOpen || typeof document === "undefined")
+            return;
+        var handlePointerDown = function (event) {
+            var root = rootRef.current;
+            if (!root || root.contains(event.target))
+                return;
+            handleSetOpen(false);
+        };
+        document.addEventListener("pointerdown", handlePointerDown);
+        return function () {
+            document.removeEventListener("pointerdown", handlePointerDown);
+        };
+    }, [currentOpen, handleSetOpen]);
+    return (_jsx(SolidPopoverContext.Provider, { value: { open: currentOpen, setOpen: handleSetOpen }, children: _jsx("div", { className: "solid-popover-root", ref: rootRef, children: children }) }));
+}
+export function SolidPopoverTrigger(_a) {
+    var children = _a.children, _b = _a.asChild, asChild = _b === void 0 ? false : _b;
+    var ctx = React.useContext(SolidPopoverContext);
+    if (!ctx)
+        return null;
+    var child = asChild && React.isValidElement(children)
+        ? React.cloneElement(children, {
+            onClick: function (event) {
+                var _a, _b;
+                (_b = (_a = children.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+                if (event.defaultPrevented)
+                    return;
+                ctx.setOpen(!ctx.open);
+            },
+        })
+        : (_jsx("button", { type: "button", onClick: function () { return ctx.setOpen(!ctx.open); }, className: "solid-popover-trigger", children: children }));
+    return child;
+}
+export var SolidPopoverContent = React.forwardRef(function SolidPopoverContent(_a, ref) {
+    var _b;
+    var className = _a.className, children = _a.children, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, _d = _a.align, align = _d === void 0 ? "end" : _d, _e = _a.side, side = _e === void 0 ? "bottom" : _e, style = _a.style, props = __rest(_a, ["className", "children", "sideOffset", "align", "side", "style"]);
+    var ctx = React.useContext(SolidPopoverContext);
+    if (!ctx || !ctx.open)
+        return null;
+    var offsetValue = "".concat(sideOffset, "px");
+    var contentStyle = __assign(__assign({}, (style !== null && style !== void 0 ? style : {})), (_b = {}, _b["--solid-popover-side-offset"] = offsetValue, _b));
+    return (_jsx("div", __assign({ ref: ref, className: cx("solid-popover-content", className), role: "dialog", "data-align": align, "data-side": side, style: contentStyle }, props, { children: children })));
+});
+//# sourceMappingURL=SolidPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidPopover.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidPopover.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\n\ntype SolidPopoverContextValue = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n};\n\nconst SolidPopoverContext = React.createContext<SolidPopoverContextValue | null>(null);\nconst SOLID_POPOVER_EVENT = \"solid-popover-open\";\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\ntype SolidPopoverContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  sideOffset?: number;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n};\n\ntype SolidPopoverContentStyle = React.CSSProperties & {\n  [\"--solid-popover-side-offset\"]?: string;\n};\n\ntype SolidPopoverProps = {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n  autoCloseGroup?: string;\n};\n\nexport function SolidPopover({\n  open,\n  onOpenChange,\n  children,\n  autoCloseGroup,\n}: SolidPopoverProps) {\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const popoverId = React.useId();\n  const [internalOpen, setInternalOpen] = React.useState(false);\n  const isControlled = typeof open === \"boolean\";\n  const currentOpen = isControlled ? !!open : internalOpen;\n\n  const handleSetOpen = React.useCallback((next: boolean) => {\n    if (!isControlled) {\n      setInternalOpen(next);\n    }\n    onOpenChange?.(next);\n    if (next && autoCloseGroup && typeof window !== \"undefined\") {\n      window.dispatchEvent(\n        new CustomEvent(SOLID_POPOVER_EVENT, { detail: { id: popoverId, group: autoCloseGroup } })\n      );\n    }\n  }, [autoCloseGroup, isControlled, onOpenChange, popoverId]);\n\n  React.useEffect(() => {\n    if (!autoCloseGroup || typeof window === \"undefined\") return;\n    const handleExternalOpen = (event: Event) => {\n      const detail = (event as CustomEvent<{ id: string; group?: string }>).detail;\n      if (!detail || detail.group !== autoCloseGroup) return;\n      if (detail.id === popoverId) return;\n      handleSetOpen(false);\n    };\n    window.addEventListener(SOLID_POPOVER_EVENT, handleExternalOpen as EventListener);\n    return () => {\n      window.removeEventListener(SOLID_POPOVER_EVENT, handleExternalOpen as EventListener);\n    };\n  }, [autoCloseGroup, handleSetOpen, popoverId]);\n\n  React.useEffect(() => {\n    if (!currentOpen || typeof document === \"undefined\") return;\n    const handlePointerDown = (event: MouseEvent) => {\n      const root = rootRef.current;\n      if (!root || root.contains(event.target as Node)) return;\n      handleSetOpen(false);\n    };\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", handlePointerDown);\n    };\n  }, [currentOpen, handleSetOpen]);\n\n  return (\n    <SolidPopoverContext.Provider value={{ open: currentOpen, setOpen: handleSetOpen }}>\n      <div className=\"solid-popover-root\" ref={rootRef}>\n        {children}\n      </div>\n    </SolidPopoverContext.Provider>\n  );\n}\n\nexport function SolidPopoverTrigger({\n  children,\n  asChild = false,\n}: {\n  children: React.ReactNode;\n  asChild?: boolean;\n}) {\n  const ctx = React.useContext(SolidPopoverContext);\n  if (!ctx) return null;\n\n  const child = asChild && React.isValidElement(children)\n    ? React.cloneElement(children as any, {\n        onClick: (event: React.MouseEvent) => {\n          (children as any).props?.onClick?.(event);\n          if (event.defaultPrevented) return;\n          ctx.setOpen(!ctx.open);\n        },\n      })\n    : (\n      <button\n        type=\"button\"\n        onClick={() => ctx.setOpen(!ctx.open)}\n        className=\"solid-popover-trigger\"\n      >\n        {children}\n      </button>\n    );\n\n  return child as any;\n}\n\nexport const SolidPopoverContent = React.forwardRef<HTMLDivElement, SolidPopoverContentProps>(function SolidPopoverContent(\n  { className, children, sideOffset = 4, align = \"end\", side = \"bottom\", style, ...props },\n  ref\n) {\n  const ctx = React.useContext(SolidPopoverContext);\n  if (!ctx || !ctx.open) return null;\n\n  const offsetValue = `${sideOffset}px`;\n  const contentStyle: SolidPopoverContentStyle = {\n    ...(style ?? {}),\n    [\"--solid-popover-side-offset\"]: offsetValue,\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\"solid-popover-content\", className)}\n      role=\"dialog\"\n      data-align={align}\n      data-side={side}\n      style={contentStyle}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n"]}

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

@@ -0,0 +1,149 @@
+import * as React from "react";
+
+type SolidPopoverContextValue = {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+};
+
+const SolidPopoverContext = React.createContext<SolidPopoverContextValue | null>(null);
+const SOLID_POPOVER_EVENT = "solid-popover-open";
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+type SolidPopoverContentProps = React.HTMLAttributes<HTMLDivElement> & {
+  sideOffset?: number;
+  align?: "start" | "center" | "end";
+  side?: "top" | "right" | "bottom" | "left";
+};
+
+type SolidPopoverContentStyle = React.CSSProperties & {
+  ["--solid-popover-side-offset"]?: string;
+};
+
+type SolidPopoverProps = {
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  children: React.ReactNode;
+  autoCloseGroup?: string;
+};
+
+export function SolidPopover({
+  open,
+  onOpenChange,
+  children,
+  autoCloseGroup,
+}: SolidPopoverProps) {
+  const rootRef = React.useRef<HTMLDivElement | null>(null);
+  const popoverId = React.useId();
+  const [internalOpen, setInternalOpen] = React.useState(false);
+  const isControlled = typeof open === "boolean";
+  const currentOpen = isControlled ? !!open : internalOpen;
+
+  const handleSetOpen = React.useCallback((next: boolean) => {
+    if (!isControlled) {
+      setInternalOpen(next);
+    }
+    onOpenChange?.(next);
+    if (next && autoCloseGroup && typeof window !== "undefined") {
+      window.dispatchEvent(
+        new CustomEvent(SOLID_POPOVER_EVENT, { detail: { id: popoverId, group: autoCloseGroup } })
+      );
+    }
+  }, [autoCloseGroup, isControlled, onOpenChange, popoverId]);
+
+  React.useEffect(() => {
+    if (!autoCloseGroup || typeof window === "undefined") return;
+    const handleExternalOpen = (event: Event) => {
+      const detail = (event as CustomEvent<{ id: string; group?: string }>).detail;
+      if (!detail || detail.group !== autoCloseGroup) return;
+      if (detail.id === popoverId) return;
+      handleSetOpen(false);
+    };
+    window.addEventListener(SOLID_POPOVER_EVENT, handleExternalOpen as EventListener);
+    return () => {
+      window.removeEventListener(SOLID_POPOVER_EVENT, handleExternalOpen as EventListener);
+    };
+  }, [autoCloseGroup, handleSetOpen, popoverId]);
+
+  React.useEffect(() => {
+    if (!currentOpen || typeof document === "undefined") return;
+    const handlePointerDown = (event: MouseEvent) => {
+      const root = rootRef.current;
+      if (!root || root.contains(event.target as Node)) return;
+      handleSetOpen(false);
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+    };
+  }, [currentOpen, handleSetOpen]);
+
+  return (
+    <SolidPopoverContext.Provider value={{ open: currentOpen, setOpen: handleSetOpen }}>
+      <div className="solid-popover-root" ref={rootRef}>
+        {children}
+      </div>
+    </SolidPopoverContext.Provider>
+  );
+}
+
+export function SolidPopoverTrigger({
+  children,
+  asChild = false,
+}: {
+  children: React.ReactNode;
+  asChild?: boolean;
+}) {
+  const ctx = React.useContext(SolidPopoverContext);
+  if (!ctx) return null;
+
+  const child = asChild && React.isValidElement(children)
+    ? React.cloneElement(children as any, {
+        onClick: (event: React.MouseEvent) => {
+          (children as any).props?.onClick?.(event);
+          if (event.defaultPrevented) return;
+          ctx.setOpen(!ctx.open);
+        },
+      })
+    : (
+      <button
+        type="button"
+        onClick={() => ctx.setOpen(!ctx.open)}
+        className="solid-popover-trigger"
+      >
+        {children}
+      </button>
+    );
+
+  return child as any;
+}
+
+export const SolidPopoverContent = React.forwardRef<HTMLDivElement, SolidPopoverContentProps>(function SolidPopoverContent(
+  { className, children, sideOffset = 4, align = "end", side = "bottom", style, ...props },
+  ref
+) {
+  const ctx = React.useContext(SolidPopoverContext);
+  if (!ctx || !ctx.open) return null;
+
+  const offsetValue = `${sideOffset}px`;
+  const contentStyle: SolidPopoverContentStyle = {
+    ...(style ?? {}),
+    ["--solid-popover-side-offset"]: offsetValue,
+  };
+
+  return (
+    <div
+      ref={ref}
+      className={cx("solid-popover-content", className)}
+      role="dialog"
+      data-align={align}
+      data-side={side}
+      style={contentStyle}
+      {...props}
+    >
+      {children}
+    </div>
+  );
+});

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

@@ -0,0 +1,10 @@
+import React from "react";
+type SolidProgressBarProps = {
+    value?: number;
+    showValue?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function SolidProgressBar({ value, showValue, className, style }: SolidProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAMF,wBAAgB,gBAAgB,CAAC,EAAE,KAAS,EAAE,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,qBAAqB,2CAexG"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 SolidProgressBar(_a) {
+    var _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.showValue, showValue = _c === void 0 ? true : _c, className = _a.className, style = _a.style;
+    var clamped = Math.max(0, Math.min(100, value));
+    return (_jsxs("div", { className: cx("solid-progress", className), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": clamped, style: style, children: [_jsx("div", { className: "solid-progress-bar", style: { width: "".concat(clamped, "%") } }), showValue && _jsxs("span", { className: "solid-progress-label", children: [clamped, "%"] })] }));
+}
+//# sourceMappingURL=SolidProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidProgressBar.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidProgressBar.tsx"],"names":[],"mappings":";AASA,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,gBAAgB,CAAC,EAAwE;QAAtE,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA;IAC9E,IAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IAClD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1C,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,GAAG,mBACH,OAAO,EACtB,KAAK,EAAE,KAAK,aAEZ,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,OAAO,MAAG,EAAE,GAAI,EACtE,SAAS,IAAI,gBAAM,SAAS,EAAC,sBAAsB,aAAE,OAAO,SAAS,IAClE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidProgressBarProps = {\n  value?: number;\n  showValue?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidProgressBar({ value = 0, showValue = true, className, style }: SolidProgressBarProps) {\n  const clamped = Math.max(0, Math.min(100, value));\n  return (\n    <div\n      className={cx(\"solid-progress\", className)}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={clamped}\n      style={style}\n    >\n      <div className=\"solid-progress-bar\" style={{ width: `${clamped}%` }} />\n      {showValue && <span className=\"solid-progress-label\">{clamped}%</span>}\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,29 @@
+import React from "react";
+
+type SolidProgressBarProps = {
+  value?: number;
+  showValue?: boolean;
+  className?: string;
+  style?: React.CSSProperties;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidProgressBar({ value = 0, showValue = true, className, style }: SolidProgressBarProps) {
+  const clamped = Math.max(0, Math.min(100, value));
+  return (
+    <div
+      className={cx("solid-progress", className)}
+      role="progressbar"
+      aria-valuemin={0}
+      aria-valuemax={100}
+      aria-valuenow={clamped}
+      style={style}
+    >
+      <div className="solid-progress-bar" style={{ width: `${clamped}%` }} />
+      {showValue && <span className="solid-progress-label">{clamped}%</span>}
+    </div>
+  );
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAMF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,GACd,EAAE,oBAAoB,2CAoBtB"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 SolidRadioGroup(_a) {
+    var name = _a.name, options = _a.options, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, className = _a.className, itemClassName = _a.itemClassName;
+    return (_jsx("div", { className: cx("solid-radio-group", className), children: options.map(function (option, index) { return (_jsxs("label", { className: cx("solid-radio", itemClassName, disabled && "is-disabled"), children: [_jsx("input", { type: "radio", name: name, value: option.value, checked: value === option.value, disabled: disabled, onChange: function () { return onChange === null || onChange === void 0 ? void 0 : onChange(option.value); }, className: "solid-radio-input" }), _jsx("span", { className: "solid-radio-circle" }), _jsx("span", { className: "solid-radio-label", children: option.label })] }, index)); }) }));
+}
+//# sourceMappingURL=SolidRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRadioGroup.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidRadioGroup.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,eAAe,CAAC,EAQT;QAPrB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAa,mBAAA;IAEb,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,YAC/C,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,iBAAmB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,IAAI,aAAa,CAAC,aACvF,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,cAAM,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,KAAK,CAAC,EAAxB,CAAwB,EACxC,SAAS,EAAC,mBAAmB,GAC7B,EACF,eAAM,SAAS,EAAC,oBAAoB,GAAG,EACvC,eAAM,SAAS,EAAC,mBAAmB,YAAE,MAAM,CAAC,KAAK,GAAQ,KAX/C,KAAK,CAYT,CACT,EAd+B,CAc/B,CAAC,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidRadioOption = {\n  label: React.ReactNode;\n  value: any;\n};\n\ntype SolidRadioGroupProps = {\n  name?: string;\n  options: SolidRadioOption[];\n  value?: any;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  className?: string;\n  itemClassName?: string;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidRadioGroup({\n  name,\n  options,\n  value,\n  disabled,\n  onChange,\n  className,\n  itemClassName,\n}: SolidRadioGroupProps) {\n  return (\n    <div className={cx(\"solid-radio-group\", className)}>\n      {options.map((option, index) => (\n        <label key={index} className={cx(\"solid-radio\", itemClassName, disabled && \"is-disabled\")}>\n          <input\n            type=\"radio\"\n            name={name}\n            value={option.value}\n            checked={value === option.value}\n            disabled={disabled}\n            onChange={() => onChange?.(option.value)}\n            className=\"solid-radio-input\"\n          />\n          <span className=\"solid-radio-circle\" />\n          <span className=\"solid-radio-label\">{option.label}</span>\n        </label>\n      ))}\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,50 @@
+import React from "react";
+
+type SolidRadioOption = {
+  label: React.ReactNode;
+  value: any;
+};
+
+type SolidRadioGroupProps = {
+  name?: string;
+  options: SolidRadioOption[];
+  value?: any;
+  disabled?: boolean;
+  onChange?: (value: any) => void;
+  className?: string;
+  itemClassName?: string;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidRadioGroup({
+  name,
+  options,
+  value,
+  disabled,
+  onChange,
+  className,
+  itemClassName,
+}: SolidRadioGroupProps) {
+  return (
+    <div className={cx("solid-radio-group", className)}>
+      {options.map((option, index) => (
+        <label key={index} className={cx("solid-radio", itemClassName, disabled && "is-disabled")}>
+          <input
+            type="radio"
+            name={name}
+            value={option.value}
+            checked={value === option.value}
+            disabled={disabled}
+            onChange={() => onChange?.(option.value)}
+            className="solid-radio-input"
+          />
+          <span className="solid-radio-circle" />
+          <span className="solid-radio-label">{option.label}</span>
+        </label>
+      ))}
+    </div>
+  );
+}

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

@@ -0,0 +1,17 @@
+import { type CSSProperties } from "react";
+import { 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;
+};
+export declare function SolidRichTextEditor({ value, onChange, readOnly, className, id, placeholder, modules, formats, style, }: SolidRichTextEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidRichTextEditor.d.ts.map

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

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