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

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"]}

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

@@ -0,0 +1,34 @@
+import React from "react";
+
+type SolidSwitchProps = {
+  checked?: boolean;
+  disabled?: boolean;
+  name?: string;
+  onChange?: (checked: boolean) => void;
+  className?: string;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidSwitch({ checked, disabled, name, onChange, className }: SolidSwitchProps) {
+  const handleToggle = () => {
+    if (disabled) return;
+    onChange?.(!checked);
+  };
+
+  return (
+    <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}
+    >
+      <span className="solid-switch-thumb" />
+    </button>
+  );
+}

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

@@ -3,6 +3,7 @@ type SolidTabProps = {
     value: string;
     label: React.ReactNode;
     content: React.ReactNode;
+    hasError?: boolean;
 };
 type SolidTabGroupProps = {
     tabs: SolidTabProps[];
@@ -11,8 +12,10 @@ type SolidTabGroupProps = {
     className?: string;
     listClassName?: string;
     panelClassName?: string;
+    tabPosition?: "left" | "center" | "right";
+    extra?: React.ReactNode;
 };
 export declare function SolidTab(_props: SolidTabProps): null;
-export declare function SolidTabGroup({ tabs, value, onValueChange, className, listClassName, panelClassName, }: SolidTabGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidTabGroup({ tabs, value, onValueChange, className, listClassName, panelClassName, tabPosition, 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;CAC1B,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;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,GACf,EAAE,kBAAkB,2CAwCpB"}
+{"version":3,"file":"SolidTabs.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAMF,wBAAgB,QAAQ,CAAC,MAAM,EAAE,aAAa,QAE7C;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,cAAc,EACd,WAAoB,EACpB,KAAK,GACN,EAAE,kBAAkB,2CAqDpB"}

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;
-    return (_jsxs("div", { className: cx("solid-tabs", className), children: [_jsx("div", { className: cx("solid-tabs-list", listClassName), role: "tablist", 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-tabs-trigger", isActive && "is-active"), onClick: function () { return onValueChange(tab.value); }, children: tab.label }, tab.value));
-                }) }), 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, extra = _a.extra;
+    return (_jsxs("div", { className: cx("solid-notebook", "solid-tabs", "solid-tabs--".concat(tabPosition), className), children: [_jsxs("div", { className: cx("solid-notebook-tablist", "solid-tabs-list", listClassName), role: "tablist", style: extra ? { display: "flex", alignItems: "center", justifyContent: "space-between" } : undefined, children: [_jsx("div", { style: extra ? { display: "flex" } : undefined, children: tabs.map(function (tab) {
+                            var isActive = tab.value === value;
+                            return (_jsx("button", { type: "button", role: "tab", "aria-selected": isActive, "aria-controls": "solid-tab-panel-".concat(tab.value), id: "solid-tab-".concat(tab.value), className: cx("solid-notebook-tab-trigger", "solid-tabs-trigger", tab.hasError && "error", isActive && "active", isActive && "is-active"), onClick: function () { return onValueChange(tab.value); }, children: tab.label }, tab.value));
+                        }) }), extra && _jsx("div", { children: extra })] }), tabs.map(function (tab) {
                 var isActive = tab.value === value;
-                return (_jsx("div", { role: "tabpanel", id: "solid-tab-panel-".concat(tab.value), "aria-labelledby": "solid-tab-".concat(tab.value), hidden: !isActive, className: cx("solid-tabs-panel", panelClassName), children: isActive ? tab.content : null }, tab.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));
             })] }));
 }
 //# sourceMappingURL=SolidTabs.js.map

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":";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,QAAQ,CAAC,MAAqB;IAC5C,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAOT;QANnB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,cAAc,oBAAA;IAEd,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,aACzC,cAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC,EAAE,IAAI,EAAC,SAAS,YACjE,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;oBACZ,IAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;oBACrC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,QAAQ,mBACR,0BAAmB,GAAG,CAAC,KAAK,CAAE,EAC7C,EAAE,EAAE,oBAAa,GAAG,CAAC,KAAK,CAAE,EAC5B,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,QAAQ,IAAI,WAAW,CAAC,EAC5D,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAxB,CAAwB,YAEtC,GAAG,CAAC,KAAK,IATL,GAAG,CAAC,KAAK,CAUP,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EAEL,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;gBACZ,IAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;gBACrC,OAAO,CACL,cAEE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,0BAAmB,GAAG,CAAC,KAAK,CAAE,qBACjB,oBAAa,GAAG,CAAC,KAAK,CAAE,EACzC,MAAM,EAAE,CAAC,QAAQ,EACjB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,cAAc,CAAC,YAEhD,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAPzB,GAAG,CAAC,KAAK,CAQV,CACP,CAAC;YACJ,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidTabProps = {\n  value: string;\n  label: React.ReactNode;\n  content: React.ReactNode;\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};\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}: SolidTabGroupProps) {\n  return (\n    <div className={cx(\"solid-tabs\", className)}>\n      <div className={cx(\"solid-tabs-list\", listClassName)} role=\"tablist\">\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(\"solid-tabs-trigger\", isActive && \"is-active\")}\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          <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-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":";AAoBA,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,QAAQ,CAAC,MAAqB;IAC5C,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAST;QARnB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,mBAAoB,EAApB,WAAW,mBAAG,MAAM,KAAA,EACpB,KAAK,WAAA;IAEL,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,sBAAe,WAAW,CAAE,EAAE,SAAS,CAAC,aACzF,eACE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,iBAAiB,EAAE,aAAa,CAAC,EACzE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,SAAS,aAErG,cAAK,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YAClD,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;4BACZ,IAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;4BACrC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,QAAQ,mBACR,0BAAmB,GAAG,CAAC,KAAK,CAAE,EAC7C,EAAE,EAAE,oBAAa,GAAG,CAAC,KAAK,CAAE,EAC5B,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,oBAAoB,EACpB,GAAG,CAAC,QAAQ,IAAI,OAAO,EACvB,QAAQ,IAAI,QAAQ,EACpB,QAAQ,IAAI,WAAW,CACxB,EACD,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAxB,CAAwB,YAEtC,GAAG,CAAC,KAAK,IAfL,GAAG,CAAC,KAAK,CAgBP,CACV,CAAC;wBACJ,CAAC,CAAC,GACI,EACL,KAAK,IAAI,wBAAM,KAAK,GAAO,IACxB,EAEL,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;gBACZ,IAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;gBACrC,OAAO,CACL,cAEE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,0BAAmB,GAAG,CAAC,KAAK,CAAE,qBACjB,oBAAa,GAAG,CAAC,KAAK,CAAE,EACzC,MAAM,EAAE,CAAC,QAAQ,EACjB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,kBAAkB,EAAE,cAAc,CAAC,YAE1E,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAPzB,GAAG,CAAC,KAAK,CAQV,CACP,CAAC;YACJ,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC","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        <div style={extra ? { display: \"flex\" } : undefined}>\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        {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

@@ -4,6 +4,7 @@ type SolidTabProps = {
   value: string;
   label: React.ReactNode;
   content: React.ReactNode;
+  hasError?: boolean;
 };
 
 type SolidTabGroupProps = {
@@ -13,6 +14,8 @@ type SolidTabGroupProps = {
   className?: string;
   listClassName?: string;
   panelClassName?: string;
+  tabPosition?: "left" | "center" | "right";
+  extra?: React.ReactNode;
 };
 
 function cx(...parts: Array<string | false | undefined>) {
@@ -30,10 +33,17 @@ export function SolidTabGroup({
   className,
   listClassName,
   panelClassName,
+  tabPosition = "left",
+  extra,
 }: SolidTabGroupProps) {
   return (
-    <div className={cx("solid-tabs", className)}>
-      <div className={cx("solid-tabs-list", listClassName)} role="tablist">
+    <div className={cx("solid-notebook", "solid-tabs", `solid-tabs--${tabPosition}`, className)}>
+      <div
+        className={cx("solid-notebook-tablist", "solid-tabs-list", listClassName)}
+        role="tablist"
+        style={extra ? { display: "flex", alignItems: "center", justifyContent: "space-between" } : undefined}
+      >
+        <div style={extra ? { display: "flex" } : undefined}>
         {tabs.map((tab) => {
           const isActive = tab.value === value;
           return (
@@ -44,13 +54,21 @@ export function SolidTabGroup({
               aria-selected={isActive}
               aria-controls={`solid-tab-panel-${tab.value}`}
               id={`solid-tab-${tab.value}`}
-              className={cx("solid-tabs-trigger", isActive && "is-active")}
+              className={cx(
+                "solid-notebook-tab-trigger",
+                "solid-tabs-trigger",
+                tab.hasError && "error",
+                isActive && "active",
+                isActive && "is-active",
+              )}
               onClick={() => onValueChange(tab.value)}
             >
               {tab.label}
             </button>
           );
         })}
+        </div>
+        {extra && <div>{extra}</div>}
       </div>
 
       {tabs.map((tab) => {
@@ -62,7 +80,7 @@ export function SolidTabGroup({
             id={`solid-tab-panel-${tab.value}`}
             aria-labelledby={`solid-tab-${tab.value}`}
             hidden={!isActive}
-            className={cx("solid-tabs-panel", panelClassName)}
+            className={cx("solid-notebook-content", "solid-tabs-panel", panelClassName)}
           >
             {isActive ? tab.content : null}
           </div>

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

@@ -0,0 +1,9 @@
+import React from "react";
+type SolidTagProps = {
+    children?: React.ReactNode;
+    tone?: "info" | "success" | "warn" | "danger";
+    className?: string;
+};
+export declare function SolidTag({ children, tone, className }: SolidTagProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidTag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTag.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAa,EAAE,SAAS,EAAE,EAAE,aAAa,2CAE7E"}

package/dist/components/shad-cn-ui/SolidTag.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 SolidTag(_a) {
+    var children = _a.children, _b = _a.tone, tone = _b === void 0 ? "info" : _b, className = _a.className;
+    return _jsx("span", { className: cx("solid-tag", "solid-tag-".concat(tone), className), children: children });
+}
+//# sourceMappingURL=SolidTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTag.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTag.tsx"],"names":[],"mappings":";AAQA,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,QAAQ,CAAC,EAAqD;QAAnD,QAAQ,cAAA,EAAE,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,SAAS,eAAA;IAC3D,OAAO,eAAM,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,oBAAa,IAAI,CAAE,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAQ,CAAC;AAC7F,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidTagProps = {\n  children?: React.ReactNode;\n  tone?: \"info\" | \"success\" | \"warn\" | \"danger\";\n  className?: string;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidTag({ children, tone = \"info\", className }: SolidTagProps) {\n  return <span className={cx(\"solid-tag\", `solid-tag-${tone}`, className)}>{children}</span>;\n}\n"]}

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

@@ -0,0 +1,15 @@
+import React from "react";
+
+type SolidTagProps = {
+  children?: React.ReactNode;
+  tone?: "info" | "success" | "warn" | "danger";
+  className?: string;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidTag({ children, tone = "info", className }: SolidTagProps) {
+  return <span className={cx("solid-tag", `solid-tag-${tone}`, className)}>{children}</span>;
+}

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

@@ -0,0 +1,5 @@
+import React from "react";
+type SolidTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare function SolidTextarea({ className, disabled, readOnly, style, ...props }: SolidTextareaProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidTextarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,kBAAkB,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAM5E,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAiBnG"}

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

@@ -0,0 +1,36 @@
+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";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidTextarea(_a) {
+    var className = _a.className, disabled = _a.disabled, readOnly = _a.readOnly, style = _a.style, props = __rest(_a, ["className", "disabled", "readOnly", "style"]);
+    var isInteractionLocked = Boolean(disabled || readOnly);
+    return (_jsx("textarea", __assign({ className: cx("solid-input solid-textarea", isInteractionLocked && "is-interaction-locked", className), "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, style: __assign(__assign({}, (style || {})), (isInteractionLocked ? { opacity: 0.75, cursor: "not-allowed" } : {})), disabled: disabled, readOnly: readOnly }, props)));
+}
+//# sourceMappingURL=SolidTextarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTextarea.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTextarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,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,aAAa,CAAC,EAAsE;IAApE,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAAhD,8CAAkD,CAAF;IAC5E,IAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAE1D,OAAO,CACL,4BACE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,SAAS,CAAC,mBACvF,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,KAAK,wBACA,CAAC,KAAK,IAAI,EAAE,CAAC,GACb,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAE1E,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidTextarea({ className, disabled, readOnly, style, ...props }: SolidTextareaProps) {\n  const isInteractionLocked = Boolean(disabled || readOnly);\n\n  return (\n    <textarea\n      className={cx(\"solid-input solid-textarea\", isInteractionLocked && \"is-interaction-locked\", className)}\n      aria-disabled={disabled || undefined}\n      aria-readonly={readOnly || undefined}\n      style={{\n        ...(style || {}),\n        ...(isInteractionLocked ? { opacity: 0.75, cursor: \"not-allowed\" } : {}),\n      }}\n      disabled={disabled}\n      readOnly={readOnly}\n      {...props}\n    />\n  );\n}\n"]}

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

@@ -0,0 +1,26 @@
+import React from "react";
+
+type SolidTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidTextarea({ className, disabled, readOnly, style, ...props }: SolidTextareaProps) {
+  const isInteractionLocked = Boolean(disabled || readOnly);
+
+  return (
+    <textarea
+      className={cx("solid-input solid-textarea", isInteractionLocked && "is-interaction-locked", className)}
+      aria-disabled={disabled || undefined}
+      aria-readonly={readOnly || undefined}
+      style={{
+        ...(style || {}),
+        ...(isInteractionLocked ? { opacity: 0.75, cursor: "not-allowed" } : {}),
+      }}
+      disabled={disabled}
+      readOnly={readOnly}
+      {...props}
+    />
+  );
+}

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

@@ -0,0 +1,13 @@
+import { ToastSeverity } from "../../redux/features/toastSlice";
+type SolidToastProps = {
+    id: number;
+    severity: ToastSeverity;
+    summary: string;
+    detail?: string;
+    life?: number;
+    sticky?: boolean;
+    onClose: (id: number) => void;
+};
+export declare function SolidToast({ id, severity, summary, detail, life, sticky, onClose }: SolidToastProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidToast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidToast.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidToast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,CAAC;AAoBF,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,eAAe,2CAsBnG"}

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { AlertCircle, AlertTriangle, CheckCircle2, Info, X } from "lucide-react";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+function getToastIcon(severity) {
+    switch (severity) {
+        case "success":
+            return _jsx(CheckCircle2, { size: 16 });
+        case "warn":
+            return _jsx(AlertTriangle, { size: 16 });
+        case "error":
+            return _jsx(AlertCircle, { size: 16 });
+        case "info":
+        default:
+            return _jsx(Info, { size: 16 });
+    }
+}
+export function SolidToast(_a) {
+    var id = _a.id, severity = _a.severity, summary = _a.summary, detail = _a.detail, life = _a.life, sticky = _a.sticky, onClose = _a.onClose;
+    useEffect(function () {
+        if (sticky)
+            return undefined;
+        var timeout = window.setTimeout(function () { return onClose(id); }, life !== null && life !== void 0 ? life : 3000);
+        return function () { return window.clearTimeout(timeout); };
+    }, [id, life, onClose, sticky]);
+    return (_jsxs("div", { className: cx("solid-toast", "is-".concat(severity)), role: "status", "aria-live": "polite", children: [_jsx("div", { className: "solid-toast-icon", "aria-hidden": "true", children: getToastIcon(severity) }), _jsxs("div", { className: "solid-toast-copy", children: [_jsx("div", { className: "solid-toast-title", children: summary }), detail ? _jsx("div", { className: "solid-toast-description", children: detail }) : null] }), _jsx("button", { type: "button", className: "solid-toast-close", "aria-label": "Close notification", onClick: function () { return onClose(id); }, children: _jsx(X, { size: 14 }) })] }));
+}
+//# sourceMappingURL=SolidToast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidToast.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidToast.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAajF,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,YAAY,CAAC,QAAuB;IAC3C,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC;QACpC,KAAK,MAAM;YACT,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC;QACrC,KAAK,OAAO;YACV,OAAO,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC;QACnC,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC;KAC7B;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAyE;QAAvE,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IAC/E,SAAS,CAAC;QACR,IAAI,MAAM;YAAE,OAAO,SAAS,CAAC;QAE7B,IAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,cAAM,OAAA,OAAO,CAAC,EAAE,CAAC,EAAX,CAAW,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC,CAAC;QACnE,OAAO,cAAM,OAAA,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,EAA5B,CAA4B,CAAC;IAC5C,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,aAAM,QAAQ,CAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,eAAW,QAAQ,aACnF,cAAK,SAAS,EAAC,kBAAkB,iBAAa,MAAM,YACjD,YAAY,CAAC,QAAQ,CAAC,GACnB,EACN,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAC,mBAAmB,YAAE,OAAO,GAAO,EACjD,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,yBAAyB,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IACpE,EACN,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB,gBAAY,oBAAoB,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,EAAE,CAAC,EAAX,CAAW,YAC5G,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,IACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useEffect } from \"react\";\nimport { AlertCircle, AlertTriangle, CheckCircle2, Info, X } from \"lucide-react\";\nimport { ToastSeverity } from \"../../redux/features/toastSlice\";\n\ntype SolidToastProps = {\n  id: number;\n  severity: ToastSeverity;\n  summary: string;\n  detail?: string;\n  life?: number;\n  sticky?: boolean;\n  onClose: (id: number) => void;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction getToastIcon(severity: ToastSeverity) {\n  switch (severity) {\n    case \"success\":\n      return <CheckCircle2 size={16} />;\n    case \"warn\":\n      return <AlertTriangle size={16} />;\n    case \"error\":\n      return <AlertCircle size={16} />;\n    case \"info\":\n    default:\n      return <Info size={16} />;\n  }\n}\n\nexport function SolidToast({ id, severity, summary, detail, life, sticky, onClose }: SolidToastProps) {\n  useEffect(() => {\n    if (sticky) return undefined;\n\n    const timeout = window.setTimeout(() => onClose(id), life ?? 3000);\n    return () => window.clearTimeout(timeout);\n  }, [id, life, onClose, sticky]);\n\n  return (\n    <div className={cx(\"solid-toast\", `is-${severity}`)} role=\"status\" aria-live=\"polite\">\n      <div className=\"solid-toast-icon\" aria-hidden=\"true\">\n        {getToastIcon(severity)}\n      </div>\n      <div className=\"solid-toast-copy\">\n        <div className=\"solid-toast-title\">{summary}</div>\n        {detail ? <div className=\"solid-toast-description\">{detail}</div> : null}\n      </div>\n      <button type=\"button\" className=\"solid-toast-close\" aria-label=\"Close notification\" onClick={() => onClose(id)}>\n        <X size={14} />\n      </button>\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,55 @@
+import React, { useEffect } from "react";
+import { AlertCircle, AlertTriangle, CheckCircle2, Info, X } from "lucide-react";
+import { ToastSeverity } from "../../redux/features/toastSlice";
+
+type SolidToastProps = {
+  id: number;
+  severity: ToastSeverity;
+  summary: string;
+  detail?: string;
+  life?: number;
+  sticky?: boolean;
+  onClose: (id: number) => void;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+function getToastIcon(severity: ToastSeverity) {
+  switch (severity) {
+    case "success":
+      return <CheckCircle2 size={16} />;
+    case "warn":
+      return <AlertTriangle size={16} />;
+    case "error":
+      return <AlertCircle size={16} />;
+    case "info":
+    default:
+      return <Info size={16} />;
+  }
+}
+
+export function SolidToast({ id, severity, summary, detail, life, sticky, onClose }: SolidToastProps) {
+  useEffect(() => {
+    if (sticky) return undefined;
+
+    const timeout = window.setTimeout(() => onClose(id), life ?? 3000);
+    return () => window.clearTimeout(timeout);
+  }, [id, life, onClose, sticky]);
+
+  return (
+    <div className={cx("solid-toast", `is-${severity}`)} role="status" aria-live="polite">
+      <div className="solid-toast-icon" aria-hidden="true">
+        {getToastIcon(severity)}
+      </div>
+      <div className="solid-toast-copy">
+        <div className="solid-toast-title">{summary}</div>
+        {detail ? <div className="solid-toast-description">{detail}</div> : null}
+      </div>
+      <button type="button" className="solid-toast-close" aria-label="Close notification" onClick={() => onClose(id)}>
+        <X size={14} />
+      </button>
+    </div>
+  );
+}

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+type SolidTooltipProps = {
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    delayDuration?: number;
+    skipDelayDuration?: number;
+};
+type SolidTooltipContentProps = {
+    children: React.ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    className?: string;
+};
+type SolidTooltipTriggerProps = {
+    children: React.ReactNode;
+    asChild?: boolean;
+};
+export declare const SolidTooltip: ({ children, defaultOpen, delayDuration, skipDelayDuration, }: SolidTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SolidTooltipTrigger: ({ children, asChild }: SolidTooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SolidTooltipContent: ({ children, side, align, className, }: SolidTooltipContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAMF,eAAO,MAAM,YAAY,iEAKtB,iBAAiB,4CAMnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,0BAAmC,wBAAwB,4CAE1F,CAAC;AAEF,eAAO,MAAM,mBAAmB,0CAK7B,wBAAwB,4CAgB1B,CAAC"}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Tooltip from "@radix-ui/react-tooltip";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export var SolidTooltip = function (_a) {
+    var children = _a.children, defaultOpen = _a.defaultOpen, _b = _a.delayDuration, delayDuration = _b === void 0 ? 200 : _b, _c = _a.skipDelayDuration, skipDelayDuration = _c === void 0 ? 300 : _c;
+    return (_jsx(Tooltip.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: _jsx(Tooltip.Root, { defaultOpen: defaultOpen, children: children }) }));
+};
+export var SolidTooltipTrigger = function (_a) {
+    var children = _a.children, _b = _a.asChild, asChild = _b === void 0 ? false : _b;
+    return _jsx(Tooltip.Trigger, { asChild: asChild, children: children });
+};
+export var SolidTooltipContent = function (_a) {
+    var children = _a.children, _b = _a.side, side = _b === void 0 ? "top" : _b, _c = _a.align, align = _c === void 0 ? "center" : _c, className = _a.className;
+    return (_jsx(Tooltip.Portal, { children: _jsx(Tooltip.Content, { side: side, align: align, className: cx("solid-tooltip-content", className), sideOffset: 6, children: children }) }));
+};
+//# sourceMappingURL=SolidTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTooltip.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTooltip.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC;AAqBnD,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,CAAC,IAAM,YAAY,GAAG,UAAC,EAKT;QAJlB,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,qBAAmB,EAAnB,aAAa,mBAAG,GAAG,KAAA,EACnB,yBAAuB,EAAvB,iBAAiB,mBAAG,GAAG,KAAA;IAEvB,OAAO,CACL,KAAC,OAAO,CAAC,QAAQ,IAAC,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,YAClF,KAAC,OAAO,CAAC,IAAI,IAAC,WAAW,EAAE,WAAW,YAAG,QAAQ,GAAgB,GAChD,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAAuD;QAArD,QAAQ,cAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAC7D,OAAO,KAAC,OAAO,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,YAAG,QAAQ,GAAmB,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAKT;QAJzB,QAAQ,cAAA,EACR,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,SAAS,eAAA;IAET,OAAO,CACL,KAAC,OAAO,CAAC,MAAM,cACb,KAAC,OAAO,CAAC,OAAO,IACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,SAAS,CACV,EACD,UAAU,EAAE,CAAC,YAEZ,QAAQ,GACO,GACH,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport * as Tooltip from \"@radix-ui/react-tooltip\";\n\ntype SolidTooltipProps = {\n  children: React.ReactNode;\n  defaultOpen?: boolean;\n  delayDuration?: number;\n  skipDelayDuration?: number;\n};\n\ntype SolidTooltipContentProps = {\n  children: React.ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  className?: string;\n};\n\ntype SolidTooltipTriggerProps = {\n  children: React.ReactNode;\n  asChild?: boolean;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport const SolidTooltip = ({\n  children,\n  defaultOpen,\n  delayDuration = 200,\n  skipDelayDuration = 300,\n}: SolidTooltipProps) => {\n  return (\n    <Tooltip.Provider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration}>\n      <Tooltip.Root defaultOpen={defaultOpen}>{children}</Tooltip.Root>\n    </Tooltip.Provider>\n  );\n};\n\nexport const SolidTooltipTrigger = ({ children, asChild = false }: SolidTooltipTriggerProps) => {\n  return <Tooltip.Trigger asChild={asChild}>{children}</Tooltip.Trigger>;\n};\n\nexport const SolidTooltipContent = ({\n  children,\n  side = \"top\",\n  align = \"center\",\n  className,\n}: SolidTooltipContentProps) => {\n  return (\n    <Tooltip.Portal>\n      <Tooltip.Content\n        side={side}\n        align={align}\n        className={cx(\n          \"solid-tooltip-content\",\n          className\n        )}\n        sideOffset={6}\n      >\n        {children}\n      </Tooltip.Content>\n    </Tooltip.Portal>\n  );\n};\n"]}

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

@@ -0,0 +1,65 @@
+import * as React from "react";
+import * as Tooltip from "@radix-ui/react-tooltip";
+
+type SolidTooltipProps = {
+  children: React.ReactNode;
+  defaultOpen?: boolean;
+  delayDuration?: number;
+  skipDelayDuration?: number;
+};
+
+type SolidTooltipContentProps = {
+  children: React.ReactNode;
+  side?: "top" | "right" | "bottom" | "left";
+  align?: "start" | "center" | "end";
+  className?: string;
+};
+
+type SolidTooltipTriggerProps = {
+  children: React.ReactNode;
+  asChild?: boolean;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export const SolidTooltip = ({
+  children,
+  defaultOpen,
+  delayDuration = 200,
+  skipDelayDuration = 300,
+}: SolidTooltipProps) => {
+  return (
+    <Tooltip.Provider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration}>
+      <Tooltip.Root defaultOpen={defaultOpen}>{children}</Tooltip.Root>
+    </Tooltip.Provider>
+  );
+};
+
+export const SolidTooltipTrigger = ({ children, asChild = false }: SolidTooltipTriggerProps) => {
+  return <Tooltip.Trigger asChild={asChild}>{children}</Tooltip.Trigger>;
+};
+
+export const SolidTooltipContent = ({
+  children,
+  side = "top",
+  align = "center",
+  className,
+}: SolidTooltipContentProps) => {
+  return (
+    <Tooltip.Portal>
+      <Tooltip.Content
+        side={side}
+        align={align}
+        className={cx(
+          "solid-tooltip-content",
+          className
+        )}
+        sideOffset={6}
+      >
+        {children}
+      </Tooltip.Content>
+    </Tooltip.Portal>
+  );
+};

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

@@ -1,7 +1,33 @@
 export { SolidButton } from "./SolidButton";
+export { SolidAccordion, SolidAccordionItem, SolidAccordionContent, SolidAccordionTrigger } from "./SolidAccordion";
+export { SolidDropdownMenu, SolidDropdownMenuCheckboxItem, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuLabel, SolidDropdownMenuRadioGroup, SolidDropdownMenuRadioItem, SolidDropdownMenuSeparator, SolidDropdownMenuSub, SolidDropdownMenuSubContent, SolidDropdownMenuSubTrigger, SolidDropdownMenuTrigger, } from "./SolidDropdownMenu";
 export { SolidInput } from "./SolidInput";
 export { SolidNumberInput } from "./SolidNumberInput";
 export { SolidAutocomplete } from "./SolidAutocomplete";
+export { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "./SolidPopover";
 export { SolidSelect } from "./SolidSelect";
 export { SolidTab, SolidTabGroup } from "./SolidTabs";
+export { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, } from "./SolidDialog";
+export { SolidTextarea } from "./SolidTextarea";
+export { SolidPasswordInput } from "./SolidPasswordInput";
+export { SolidCheckbox } from "./SolidCheckbox";
+export { SolidSwitch } from "./SolidSwitch";
+export { SolidSegmentedControl } from "./SolidSegmentedControl";
+export { SolidRadioGroup } from "./SolidRadioGroup";
+export { SolidDatePicker } from "./SolidDatePicker";
+export { SolidPanel } from "./SolidPanel";
+export { SolidConfirmDialog } from "./SolidConfirmDialog";
+export { SolidProgressBar } from "./SolidProgressBar";
+export { SolidSpinner } from "./SolidSpinner";
+export { SolidToast } from "./SolidToast";
+export { SolidSlider } from "./SolidSlider";
+export { SolidTag } from "./SolidTag";
+export { SolidMessage } from "./SolidMessage";
+export { SolidDivider } from "./SolidDivider";
+export { SolidOtpInput } from "./SolidOtpInput";
+export { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from "./SolidTooltip";
+export { SolidCodeEditor } from "./SolidCodeEditor";
+export { SolidRichTextEditor } from "./SolidRichTextEditor";
+export { SolidLightbox } from "./SolidLightbox";
+export { SolidIcon, type SolidIconName, type SolidIconMeta, parseSolidIconMeta, normalizeSolidIconName } from "./SolidIcon";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAC,kBAAkB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACnH,OAAO,EACL,iBAAiB,EACjB,6BAA6B,EAC7B,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,oBAAoB,EACpB,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAC,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC"}