@solidxai/core-ui 0.1.8-beta.1 → 0.1.8-beta.10

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

@@ -43,31 +43,57 @@ export function SolidTabGroup({
         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 (
-            <button
-              key={tab.value}
-              type="button"
-              role="tab"
-              aria-selected={isActive}
-              aria-controls={`solid-tab-panel-${tab.value}`}
-              id={`solid-tab-${tab.value}`}
-              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 style={{ display: "flex" }}>
+            {tabs.map((tab) => {
+              const isActive = tab.value === value;
+              return (
+                <button
+                  key={tab.value}
+                  type="button"
+                  role="tab"
+                  aria-selected={isActive}
+                  aria-controls={`solid-tab-panel-${tab.value}`}
+                  id={`solid-tab-${tab.value}`}
+                  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>
+        ) : (
+          tabs.map((tab) => {
+            const isActive = tab.value === value;
+            return (
+              <button
+                key={tab.value}
+                type="button"
+                role="tab"
+                aria-selected={isActive}
+                aria-controls={`solid-tab-panel-${tab.value}`}
+                id={`solid-tab-${tab.value}`}
+                className={cx(
+                  "solid-notebook-tab-trigger",
+                  "solid-tabs-trigger",
+                  tab.hasError && "error",
+                  isActive && "active",
+                  isActive && "is-active",
+                )}
+                onClick={() => onValueChange(tab.value)}
+              >
+                {tab.label}
+              </button>
+            );
+          })
+        )}
         {extra && <div>{extra}</div>}
       </div>
 

package/dist/components/solid-ui/SolidButton.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+type SolidButtonVariant = "primary" | "secondary" | "ghost" | "outline" | "destructive";
+type SolidButtonSize = "sm" | "md" | "lg";
+type SolidButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: SolidButtonVariant;
+    size?: SolidButtonSize;
+    fullWidth?: boolean;
+    loading?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+};
+export declare function SolidButton({ variant, size, fullWidth, loading, leftIcon, rightIcon, className, disabled, children, type, ...props }: SolidButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidButton.d.ts.map

package/dist/components/solid-ui/SolidButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidButton.d.ts","sourceRoot":"","sources":["../../../src/components/solid-ui/SolidButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,kBAAkB,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;AACxF,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,KAAK,gBAAgB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAMF,wBAAgB,WAAW,CAAC,EAC1B,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAe,EACf,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAuBlB"}

package/dist/components/solid-ui/SolidButton.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, 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 SolidButton(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, fullWidth = _a.fullWidth, loading = _a.loading, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, className = _a.className, disabled = _a.disabled, children = _a.children, _d = _a.type, type = _d === void 0 ? "button" : _d, props = __rest(_a, ["variant", "size", "fullWidth", "loading", "leftIcon", "rightIcon", "className", "disabled", "children", "type"]);
+    var isDisabled = disabled || loading;
+    return (_jsxs("button", __assign({ type: type, className: cx("solid-btn", "solid-btn--".concat(variant), "solid-btn--".concat(size), fullWidth && "solid-btn--full", loading && "is-loading", className), disabled: isDisabled }, props, { children: [loading && _jsx("span", { className: "solid-btn-spinner", "aria-hidden": "true" }), !loading && leftIcon ? _jsx("span", { className: "solid-btn-icon", children: leftIcon }) : null, _jsx("span", { className: "solid-btn-label", children: children }), !loading && rightIcon ? _jsx("span", { className: "solid-btn-icon", children: rightIcon }) : null] })));
+}
+//# sourceMappingURL=SolidButton.js.map

package/dist/components/solid-ui/SolidButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidButton.js","sourceRoot":"","sources":["../../../src/components/solid-ui/SolidButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcA,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,EAYT;IAXjB,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,SAAS,eAAA,EACT,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,KAAK,cAXkB,iHAY3B,CADS;IAER,IAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAC;IAEvC,OAAO,CACL,2BACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,WAAW,EACX,qBAAc,OAAO,CAAE,EACvB,qBAAc,IAAI,CAAE,EACpB,SAAS,IAAI,iBAAiB,EAC9B,OAAO,IAAI,YAAY,EACvB,SAAS,CACV,EACD,QAAQ,EAAE,UAAU,IAChB,KAAK,eAER,OAAO,IAAI,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,GAAG,EACpE,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EACjF,eAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAQ,EAClD,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gBAAgB,YAAE,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,KAC5E,CACV,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"outline\" | \"destructive\";\ntype SolidButtonSize = \"sm\" | \"md\" | \"lg\";\n\ntype SolidButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: SolidButtonVariant;\n  size?: SolidButtonSize;\n  fullWidth?: boolean;\n  loading?: boolean;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidButton({\n  variant = \"primary\",\n  size = \"md\",\n  fullWidth,\n  loading,\n  leftIcon,\n  rightIcon,\n  className,\n  disabled,\n  children,\n  type = \"button\",\n  ...props\n}: SolidButtonProps) {\n  const isDisabled = disabled || loading;\n\n  return (\n    <button\n      type={type}\n      className={cx(\n        \"solid-btn\",\n        `solid-btn--${variant}`,\n        `solid-btn--${size}`,\n        fullWidth && \"solid-btn--full\",\n        loading && \"is-loading\",\n        className\n      )}\n      disabled={isDisabled}\n      {...props}\n    >\n      {loading && <span className=\"solid-btn-spinner\" aria-hidden=\"true\" />}\n      {!loading && leftIcon ? <span className=\"solid-btn-icon\">{leftIcon}</span> : null}\n      <span className=\"solid-btn-label\">{children}</span>\n      {!loading && rightIcon ? <span className=\"solid-btn-icon\">{rightIcon}</span> : null}\n    </button>\n  );\n}\n"]}

package/dist/components/solid-ui/SolidButton.tsx

@@ -0,0 +1,54 @@
+import React from "react";
+
+type SolidButtonVariant = "primary" | "secondary" | "ghost" | "outline" | "destructive";
+type SolidButtonSize = "sm" | "md" | "lg";
+
+type SolidButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+  variant?: SolidButtonVariant;
+  size?: SolidButtonSize;
+  fullWidth?: boolean;
+  loading?: boolean;
+  leftIcon?: React.ReactNode;
+  rightIcon?: React.ReactNode;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidButton({
+  variant = "primary",
+  size = "md",
+  fullWidth,
+  loading,
+  leftIcon,
+  rightIcon,
+  className,
+  disabled,
+  children,
+  type = "button",
+  ...props
+}: SolidButtonProps) {
+  const isDisabled = disabled || loading;
+
+  return (
+    <button
+      type={type}
+      className={cx(
+        "solid-btn",
+        `solid-btn--${variant}`,
+        `solid-btn--${size}`,
+        fullWidth && "solid-btn--full",
+        loading && "is-loading",
+        className
+      )}
+      disabled={isDisabled}
+      {...props}
+    >
+      {loading && <span className="solid-btn-spinner" aria-hidden="true" />}
+      {!loading && leftIcon ? <span className="solid-btn-icon">{leftIcon}</span> : null}
+      <span className="solid-btn-label">{children}</span>
+      {!loading && rightIcon ? <span className="solid-btn-icon">{rightIcon}</span> : null}
+    </button>
+  );
+}

package/dist/components/solid-ui/SolidTabs.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+type SolidTabProps = {
+    value: string;
+    label: React.ReactNode;
+    content: React.ReactNode;
+};
+type SolidTabGroupProps = {
+    tabs: SolidTabProps[];
+    value: string;
+    onValueChange: (value: string) => void;
+    className?: string;
+    listClassName?: string;
+    panelClassName?: string;
+};
+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 {};
+//# sourceMappingURL=SolidTabs.d.ts.map

package/dist/components/solid-ui/SolidTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTabs.d.ts","sourceRoot":"","sources":["../../../src/components/solid-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"}

package/dist/components/solid-ui/SolidTabs.js

@@ -0,0 +1,22 @@
+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 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 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));
+            })] }));
+}
+//# sourceMappingURL=SolidTabs.js.map

package/dist/components/solid-ui/SolidTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTabs.js","sourceRoot":"","sources":["../../../src/components/solid-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"]}

package/dist/components/solid-ui/SolidTabs.tsx

@@ -0,0 +1,73 @@
+import React from "react";
+
+type SolidTabProps = {
+  value: string;
+  label: React.ReactNode;
+  content: React.ReactNode;
+};
+
+type SolidTabGroupProps = {
+  tabs: SolidTabProps[];
+  value: string;
+  onValueChange: (value: string) => void;
+  className?: string;
+  listClassName?: string;
+  panelClassName?: string;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidTab(_props: SolidTabProps) {
+  return null;
+}
+
+export function SolidTabGroup({
+  tabs,
+  value,
+  onValueChange,
+  className,
+  listClassName,
+  panelClassName,
+}: SolidTabGroupProps) {
+  return (
+    <div className={cx("solid-tabs", className)}>
+      <div className={cx("solid-tabs-list", listClassName)} role="tablist">
+        {tabs.map((tab) => {
+          const isActive = tab.value === value;
+          return (
+            <button
+              key={tab.value}
+              type="button"
+              role="tab"
+              aria-selected={isActive}
+              aria-controls={`solid-tab-panel-${tab.value}`}
+              id={`solid-tab-${tab.value}`}
+              className={cx("solid-tabs-trigger", isActive && "is-active")}
+              onClick={() => onValueChange(tab.value)}
+            >
+              {tab.label}
+            </button>
+          );
+        })}
+      </div>
+
+      {tabs.map((tab) => {
+        const isActive = tab.value === value;
+        return (
+          <div
+            key={tab.value}
+            role="tabpanel"
+            id={`solid-tab-panel-${tab.value}`}
+            aria-labelledby={`solid-tab-${tab.value}`}
+            hidden={!isActive}
+            className={cx("solid-tabs-panel", panelClassName)}
+          >
+            {isActive ? tab.content : null}
+          </div>
+        );
+      })}
+    </div>
+  );
+}

package/dist/components/solid-ui/index.d.ts

@@ -0,0 +1,3 @@
+export { SolidButton } from "./SolidButton";
+export { SolidTab, SolidTabGroup } from "./SolidTabs";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/solid-ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/solid-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/solid-ui/index.js

@@ -0,0 +1,3 @@
+export { SolidButton } from "./SolidButton";
+export { SolidTab, SolidTabGroup } from "./SolidTabs";
+//# sourceMappingURL=index.js.map

package/dist/components/solid-ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/solid-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { SolidButton } from \"./SolidButton\";\nexport { SolidTab, SolidTabGroup } from \"./SolidTabs\";\n"]}

package/dist/components/solid-ui/index.ts

@@ -0,0 +1,2 @@
+export { SolidButton } from "./SolidButton";
+export { SolidTab, SolidTabGroup } from "./SolidTabs";

package/dist/resources/globals.css

@@ -1861,13 +1861,13 @@ li.header-li-px {
   background: color-mix(in srgb, var(--muted) 20%, var(--card) 80%);
   color: var(--muted-foreground);
   white-space: nowrap;
-  padding: 0.6rem 0.35rem;
+  padding: 0.6rem 0.38rem;
   border-radius: 999px;
   border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
   display: inline-block;
   writing-mode: vertical-rl;
   transform: rotate(180deg);
-  width: 24px;
+  width: 28px;
   cursor: pointer;
   transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
 }
@@ -2066,11 +2066,16 @@ li.header-li-px {
   width: 100%;
   position: relative;
   gap: 0;
+  pointer-events: none;
+}
+
+.arrow-stepper-container > * {
+  pointer-events: auto;
 }
 
 .arrow-step-button {
   position: relative;
-  padding: 0.44rem 1.15rem;
+  padding: 0.55rem 1.30rem;
   border: none;
   background: color-mix(in srgb, var(--muted) 22%, var(--card) 78%);
   color: color-mix(in srgb, var(--foreground) 72%, transparent);
@@ -2079,7 +2084,7 @@ li.header-li-px {
   transition: all 0.3s ease;
   min-width: 96px;
   white-space: nowrap;
-  font-size: 0.72rem;
+  font-size: 0.75rem;
   line-height: 1.2;
   clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%);
   margin-right: -10px;
@@ -2156,7 +2161,7 @@ li.header-li-px {
 }
 
 .overflow-button {
-  padding: 0.35rem 0.5rem;
+  padding: 0.56rem 0.5rem;
   min-width: 2.25rem;
   height: 100%;
   border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
@@ -2188,7 +2193,7 @@ li.header-li-px {
 
 .overlay-step-button {
   width: 100%;
-  padding: 0.45rem 0.75rem;
+  padding: 0.70rem 0.85rem;
   border: none;
   background: transparent;
   text-align: left;
@@ -3195,76 +3200,6 @@ li.header-li-px {
   color: color-mix(in srgb, var(--foreground) 62%, transparent);
 }
 
-.solid-user-form-helper {
-  margin: 0;
-  font-size: 11px;
-  line-height: 1.45;
-  color: color-mix(in srgb, var(--foreground) 62%, transparent);
-}
-
-.solid-user-form-panel.solid-panel {
-  border-radius: 12px;
-  overflow: hidden;
-}
-
-.solid-user-form-panel .solid-panel-header {
-  padding: 11px 12px;
-  background: color-mix(in srgb, var(--accent) 26%, transparent);
-}
-
-.solid-user-form-panel .solid-panel-title {
-  font-size: 12.5px;
-  font-weight: 700;
-  color: color-mix(in srgb, var(--foreground) 92%, transparent);
-}
-
-.solid-user-form-panel .solid-panel-content {
-  padding: 12px;
-}
-
-.solid-user-form-panel-copy {
-  margin: 0 0 10px;
-  font-size: 11px;
-  line-height: 1.4;
-  color: color-mix(in srgb, var(--foreground) 62%, transparent);
-}
-
-.solid-user-role-grid .solid-checkbox {
-  width: 100%;
-  gap: 9px;
-}
-
-.solid-user-role-item {
-  margin-bottom: 2px;
-}
-
-.solid-user-role-item .solid-checkbox {
-  min-height: 38px;
-  align-items: center;
-  padding: 8px 10px;
-  border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
-  border-radius: 10px;
-  background: color-mix(in srgb, var(--card) 98%, white 2%);
-  color: color-mix(in srgb, var(--foreground) 84%, transparent);
-  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
-}
-
-.solid-user-role-item .solid-checkbox:hover {
-  border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
-  background: color-mix(in srgb, var(--accent) 30%, transparent);
-}
-
-.solid-user-role-item .solid-checkbox-box {
-  flex: 0 0 18px;
-}
-
-.solid-user-role-item .solid-checkbox-label {
-  font-size: 11.5px;
-  font-weight: 500;
-  line-height: 1.3;
-  color: color-mix(in srgb, var(--foreground) 88%, transparent);
-}
-
 .solid-generate-code-popup__head {
   padding-bottom: 12px;
 }
@@ -4494,7 +4429,7 @@ li.header-li-px {
 
 @media (min-width: 1600px) and (max-width: 1699px) {
   html {
-    font-size: 95% !important;
+    font-size: 100% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -4511,7 +4446,7 @@ li.header-li-px {
 /* 1500px - 1599px */
 @media (min-width: 1500px) and (max-width: 1599px) {
   html {
-    font-size: 90% !important;
+    font-size: 97.5% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -4529,7 +4464,7 @@ li.header-li-px {
 /* 1400px - 1499px */
 @media (min-width: 1401px) and (max-width: 1499px) {
   html {
-    font-size: 85% !important;
+    font-size: 95% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -4547,7 +4482,7 @@ li.header-li-px {
 /* 1300px - 1399px */
 @media (min-width: 1300px) and (max-width: 1400px) {
   html {
-    font-size: 80% !important;
+    font-size: 92.5% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -4564,7 +4499,7 @@ li.header-li-px {
 /* 1200px - 1299px */
 @media (min-width: 1200px) and (max-width: 1299px) {
   html {
-    font-size: 75% !important;
+    font-size: 90% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -4582,7 +4517,7 @@ li.header-li-px {
 /* 1024px - 1199px */
 @media (min-width: 991px) and (max-width: 1199px) {
   html {
-    font-size: 70% !important;
+    font-size: 87.5% !important;
   }
 
   .customize-layout-panel.p-overlaypanel {
@@ -5784,7 +5719,7 @@ html.dark .solid-empty-listview-header,
 [data-theme="dark"] .solid-empty-listview-header {
   padding: 18px 22px 14px;
   border-bottom-color: color-mix(in srgb, var(--border) 70%, #334155 30%);
-  background: linear-gradient(180deg, rgba(96, 165, 250, 0.05), transparent);
+  background: linear-gradient(180deg, rgba(179, 127, 235, 0.05), transparent);
 }
 
 html.dark .solid-empty-listview-header-title,
@@ -5958,8 +5893,93 @@ html.dark .solid-empty-listview-secondary-action.solid-btn,
 
 .register-success-popup {
   border-radius: 1.25rem !important;
-  background: #fff !important;
+  background: color-mix(in srgb, var(--background) 72%, white 28%) !important;
+  backdrop-filter: blur(10px);
   z-index: 1000 !important;
+  padding: 20px;
+}
+
+.register-success-card {
+  width: min(100%, 320px);
+  margin: 0 auto;
+  border-radius: 20px;
+  border: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
+  background: color-mix(in srgb, var(--card) 92%, white 8%);
+  color: var(--card-foreground);
+  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
+  padding: 24px 22px 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 14px;
+}
+
+.register-success-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 28px;
+  padding: 0 12px;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--primary) 14%, transparent);
+  color: var(--primary);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.auth-success-spinner.solid-spinner {
+  color: var(--primary);
+}
+
+.register-success-copy {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.register-success-title {
+  margin: 0;
+  font-size: 1.1rem;
+  line-height: 1.25;
+  font-weight: 700;
+  color: var(--foreground);
+}
+
+.register-success-text {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--muted-foreground);
+}
+
+.register-success-progress {
+  position: relative;
+  width: 100%;
+  height: 6px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--muted) 18%, transparent);
+}
+
+.register-success-progress-bar {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: 38%;
+  border-radius: inherit;
+  background: linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 60%, white 40%));
+  animation: register-success-progress 1.2s ease-in-out infinite;
+}
+
+@keyframes register-success-progress {
+  0% {
+    transform: translateX(-110%);
+  }
+  100% {
+    transform: translateX(290%);
+  }
 }
 
 /* ========================= Taost =================================== */

package/dist/resources/images/Background.svg

@@ -1,3 +1,7 @@
 <svg width="522" height="40" viewBox="0 0 522 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M521 20.1399L508 0H0V40H508L521 20.1399Z" fill="#722ED1" stroke="#CFD6DC" stroke-linejoin="round"/>
+<style>
+  :root { --solid-svg-accent: #722ED1; }
+  html.dark :root, [data-theme="dark"] :root { --solid-svg-accent: #b37feb; }
+</style>
+<path d="M521 20.1399L508 0H0V40H508L521 20.1399Z" fill="var(--solid-svg-accent, #722ED1)" stroke="#CFD6DC" stroke-linejoin="round"/>
 </svg>

package/dist/resources/images/Navigation/SolidSettinsIcon.svg

@@ -1 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#722ED1"><path d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--solid-svg-accent, #722ED1)">
+  <style>
+    :root { --solid-svg-accent: #722ED1; }
+    html.dark :root, [data-theme="dark"] :root { --solid-svg-accent: #b37feb; }
+  </style>
+  <path d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z"/>
+</svg>