@berenjena/react-dev-panel 2.0.0 → 2.2.0

package/dist/store/UIStore.js

@@ -1,16 +1,17 @@
-import { useSyncExternalStore as i } from "react";
-import { BaseStoreService as r } from "./BaseStoreService.js";
-const l = "dev-panel-ui-storage", a = { x: 20, y: 20 }, o = {
+import { useSyncExternalStore as r } from "react";
+import { BaseStoreService as o } from "./BaseStoreService.js";
+const u = "dev-panel-ui-storage", h = { x: 20, y: 20 }, n = {
   isVisible: !1,
   isCollapsed: !1,
-  position: a
+  position: h,
+  currentTheme: "auto"
 };
-class u extends r {
+class a extends o {
   /**
    * Creates a new DevPanelUIService instance and loads persisted state from localStorage.
    */
   constructor() {
-    super(l, o, !0, !0);
+    super(u, n, !0, !0), this.applyTheme(this.getSnapshot().currentTheme);
   }
   /**
    * Transforms current state to persistable format.
@@ -19,9 +20,12 @@ class u extends r {
    * @returns The state in persistable format
    * @protected
    */
-  toPersistableState(s) {
+  toPersistableState(t) {
     return {
-      ...s
+      isVisible: t.isVisible,
+      isCollapsed: t.isCollapsed,
+      position: t.position,
+      currentTheme: t.currentTheme
     };
   }
   /**
@@ -32,10 +36,10 @@ class u extends r {
    * @returns The state in current format
    * @protected
    */
-  fromPersistedState(s, t) {
+  fromPersistedState(t, s) {
     return {
-      ...t,
-      ...s
+      ...s,
+      ...t
     };
   }
   /**
@@ -47,71 +51,128 @@ class u extends r {
   getServiceName() {
     return "UI";
   }
+  /**
+   * Applies the theme to the document root element using data attributes.
+   *
+   * @param theme - Theme name to apply
+   * @private
+   */
+  applyTheme(t) {
+    const s = document.documentElement;
+    t === "auto" || t === "" ? s.removeAttribute("data-dev-panel-theme") : s.setAttribute("data-dev-panel-theme", t);
+  }
   /**
    * Sets the visibility state of the dev panel.
    *
    * @param visible - Whether the panel should be visible
    */
-  setVisible = (s) => {
-    this.setState((t) => ({ ...t, isVisible: s }));
+  setVisible = (t) => {
+    this.setState((s) => ({ ...s, isVisible: t }));
   };
   /**
    * Sets the collapsed state of the dev panel.
    *
    * @param collapsed - Whether the panel should be collapsed
    */
-  setCollapsed = (s) => {
-    this.setState((t) => ({ ...t, isCollapsed: s }));
+  setCollapsed = (t) => {
+    this.setState((s) => ({ ...s, isCollapsed: t }));
   };
   /**
    * Updates the position of the dev panel.
    *
    * @param position - New position coordinates {x, y}
    */
-  setPosition = (s) => {
-    this.setState((t) => ({ ...t, position: s }));
+  setPosition = (t) => {
+    this.setState((s) => ({ ...s, position: t }));
+  };
+  /**
+   * Sets the current theme and applies it to the document.
+   *
+   * @param theme - Theme name to set
+   */
+  setTheme = (t) => {
+    this.setState((s) => ({ ...s, currentTheme: t })), this.applyTheme(t);
+  };
+  /**
+   * Resets the theme to the default "auto" theme.
+   */
+  resetTheme = () => {
+    this.setTheme("auto");
   };
+  /**
+   * Gets the current theme name.
+   *
+   * @returns The current theme name
+   */
+  getCurrentTheme = () => this.getSnapshot().currentTheme;
   /**
    * Resets the dev panel UI to its default state.
-   * Resets position and sets visibility and collapse to false.
+   * Resets position, theme, and sets visibility and collapse to false.
    */
   reset = () => {
-    this.setState(() => ({ ...o }));
+    this.setState(() => ({ ...n })), this.applyTheme(n.currentTheme);
   };
 }
-const e = new u();
-function c() {
+const e = new a();
+function l() {
   return {
-    ...i(e.subscribe, e.getSnapshot),
+    ...r(e.subscribe, e.getSnapshot),
     setVisible: e.setVisible,
     setCollapsed: e.setCollapsed,
     setPosition: e.setPosition,
+    setTheme: e.setTheme,
+    resetTheme: e.resetTheme,
+    getCurrentTheme: e.getCurrentTheme,
     reset: e.reset
   };
 }
+function c() {
+  return r(e.subscribe, () => e.getSnapshot().isVisible);
+}
+function p() {
+  return r(e.subscribe, () => e.getSnapshot().isCollapsed);
+}
 function b() {
-  return i(e.subscribe, () => e.getSnapshot().isVisible);
+  return r(e.subscribe, () => e.getSnapshot().position);
 }
-function P() {
-  return i(e.subscribe, () => e.getSnapshot().isCollapsed);
+function S() {
+  return r(e.subscribe, () => e.getSnapshot().currentTheme);
 }
 function d() {
-  return i(e.subscribe, () => e.getSnapshot().position);
+  return {
+    currentTheme: r(e.subscribe, () => e.getSnapshot().currentTheme),
+    setTheme: e.setTheme,
+    resetTheme: e.resetTheme,
+    getCurrentTheme: e.getCurrentTheme
+  };
 }
-function v() {
+function C() {
   return {
     setVisible: e.setVisible,
     setCollapsed: e.setCollapsed,
     setPosition: e.setPosition,
+    setTheme: e.setTheme,
+    resetTheme: e.resetTheme,
+    getCurrentTheme: e.getCurrentTheme,
     reset: e.reset
   };
 }
-const f = c;
+function g() {
+  return {
+    setTheme: e.setTheme,
+    resetTheme: e.resetTheme,
+    getCurrentTheme: e.getCurrentTheme
+  };
+}
+const P = l;
 export {
-  P as useDevPanelCollapsed,
-  d as useDevPanelPosition,
-  f as useDevPanelStore,
-  c as useDevPanelUI,
-  v as useDevPanelUIActions,
-  b as useDevPanelVisible
+  S as useCurrentTheme,
+  p as useDevPanelCollapsed,
+  b as useDevPanelPosition,
+  P as useDevPanelStore,
+  d as useDevPanelTheme,
+  g as useDevPanelThemeActions,
+  l as useDevPanelUI,
+  C as useDevPanelUIActions,
+  c as useDevPanelVisible
 };

package/dist/utils/getPositionAdjustment/getPositionAdjustment.d.ts

@@ -1,10 +1,11 @@
+import { Position } from '../../components/DevPanel/types';
 /**
  * Checks if a position adjustment is needed after window resize
  * @param element - The HTML element to check
  * @returns Object containing the current position, constrained position, and whether adjustment is needed
  */
 export declare function getPositionAdjustment(element: HTMLElement): {
-    currentPosition: import('../../components/DevPanel/types').Position;
-    constrainedPosition: import('../../components/DevPanel/types').Position;
+    currentPosition: Position;
+    constrainedPosition: Position;
     needsAdjustment: boolean;
 };

package/dist/utils/getPositionAdjustment/getPositionAdjustment.js

@@ -1,10 +1,7 @@
 import { getConstrainedPosition as r } from "../getConstrainedPosition/getConstrainedPosition.js";
 import { getCurrentElementPosition as s } from "../getCurrentElementPosition/getCurrentElementPosition.js";
 function m(n) {
-  const t = s(n), o = r(
-    t,
-    n
-  ), i = o.x !== t.x || o.y !== t.y;
+  const t = s(n), o = r(t, n), i = o.x !== t.x || o.y !== t.y;
   return {
     currentPosition: t,
     constrainedPosition: o,

package/package.json

@@ -1,10 +1,16 @@
 {
 	"private": false,
-	"version": "2.0.0",
-	"type": "module",
-	"module": "./dist/index.js",
+	"version": "2.2.0",
+	"license": "MIT",
 	"name": "@berenjena/react-dev-panel",
 	"description": "A React development panel with various tools and utilities.",
+	"type": "module",
+	"homepage": "https://github.com/Berenjenas/react-dev-panel",
+	"bugs": "https://github.com/Berenjenas/react-dev-panel/issues",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/Berenjenas/react-dev-panel.git"
+	},
 	"keywords": [
 		"react",
 		"development",
@@ -14,12 +20,7 @@
 		"gui",
 		"devtools"
 	],
-	"homepage": "https://github.com/Berenjenas/react-dev-panel",
-	"bugs": "https://github.com/Berenjenas/react-dev-panel/issues",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/Berenjenas/react-dev-panel.git"
-	},
+	"module": "./dist/index.js",
 	"exports": {
 		".": {
 			"import": "./dist/index.js",
@@ -33,7 +34,6 @@
 		"dist"
 	],
 	"types": "./dist/index.d.ts",
-	"license": "MIT",
 	"contributors": [
 		{
 			"name": "David Gallegos",
@@ -57,8 +57,8 @@
 		"lint:fix": "eslint . --ext ts,tsx --fix",
 		"format": "prettier --check .",
 		"format:fix": "prettier --write .",
-		"stylelint": "stylelint **/*.css",
-		"stylelint:fix": "stylelint **/*.css --fix",
+		"stylelint": "stylelint **/*.scss",
+		"stylelint:fix": "stylelint **/*.scss --fix",
 		"storybook": "storybook dev -p 6006",
 		"build-storybook": "storybook build  --output-dir docs",
 		"deploy-storybook": "npm run build-storybook && gh-pages -d docs",
@@ -68,7 +68,9 @@
 		"prepublishOnly": "vitest run && npm run build",
 		"changeset": "changeset",
 		"prerelease": "vitest run && npm run build",
-		"release": "changeset publish"
+		"release": "changeset publish",
+		"prepare": "npx husky",
+		"commit": "git-cz"
 	},
 	"publishConfig": {
 		"access": "public"
@@ -79,34 +81,46 @@
 	},
 	"devDependencies": {
 		"@changesets/cli": "^2.29.5",
-		"@eslint/js": "^9.30.1",
+		"@commitlint/cli": "^19.8.1",
+		"@commitlint/config-conventional": "^19.8.1",
+		"@commitlint/cz-commitlint": "^19.8.1",
+		"@eslint/js": "^9.32.0",
 		"@rollup/plugin-terser": "^0.4.4",
-		"@storybook/addon-docs": "^9.0.17",
-		"@storybook/react-vite": "^9.0.17",
-		"@types/node": "^24.0.15",
-		"@types/react": "^19.1.8",
-		"@types/react-dom": "^19.1.6",
-		"@vitejs/plugin-react-swc": "^3.10.2",
+		"@storybook/addon-docs": "^9.1.0",
+		"@storybook/react-vite": "^9.1.0",
+		"@types/node": "^24.1.0",
+		"@types/react": "^19.1.9",
+		"@types/react-dom": "^19.1.7",
+		"@vitejs/plugin-react-swc": "^3.11.0",
 		"@vitest/coverage-v8": "^3.2.4",
 		"@vitest/ui": "^3.2.4",
-		"eslint": "^9.30.1",
+		"commitizen": "^4.3.1",
+		"eslint": "^9.32.0",
+		"eslint-plugin-react": "^7.37.5",
 		"eslint-plugin-react-hooks": "^5.2.0",
-		"eslint-plugin-react-refresh": "^0.4.20",
 		"eslint-plugin-simple-import-sort": "^12.1.1",
-		"eslint-plugin-storybook": "^9.0.17",
+		"eslint-plugin-storybook": "^9.1.0",
 		"gh-pages": "^6.3.0",
 		"glob": "^11.0.3",
 		"globals": "^16.3.0",
 		"happy-dom": "^18.0.1",
-		"react": "^19.1.0",
-		"react-dom": "^19.1.0",
+		"husky": "^9.1.7",
+		"inquirer": "^9.3.7",
+		"react": "^19.1.1",
+		"react-dom": "^19.1.1",
 		"sass-embedded": "^1.89.2",
-		"storybook": "^9.0.17",
-		"typescript": "~5.8.3",
-		"typescript-eslint": "^8.35.1",
-		"vite": "^7.0.4",
+		"storybook": "^9.1.0",
+		"stylelint": "^16.23.0",
+		"typescript": "^5.9.2",
+		"typescript-eslint": "^8.39.0",
+		"vite": "^7.0.6",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-plugin-lib-inject-css": "^2.2.2",
 		"vitest": "^3.2.4"
+	},
+	"config": {
+		"commitizen": {
+			"path": "@commitlint/cz-commitlint"
+		}
 	}
 }

package/dist/assets/BooleanControl.css

@@ -1 +0,0 @@
-:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._switch_1wuj3_132{--switch-width: 44px;--switch-height: 24px;--thumb-size: 20px;--thumb-margin: 1px;position:relative;display:inline-block;width:var(--switch-width);height:var(--switch-height)}._switch_1wuj3_132 input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}._switch_1wuj3_132 input:checked+._slider_1wuj3_150{background-color:var(--dev-panel-accent-color, #6366f1);border-color:var(--dev-panel-accent-color, #6366f1)}._switch_1wuj3_132 input:checked+._slider_1wuj3_150:before{left:calc(100% - var(--thumb-size) - var(--thumb-margin));background-color:var(--dev-panel-text-color-on-accent, #ffffff)}._switch_1wuj3_132 input:focus+._slider_1wuj3_150{box-shadow:0 0 0 3px #6366f133}._switch_1wuj3_132 input:focus:not(:focus-visible)+._slider_1wuj3_150{box-shadow:none}._switch_1wuj3_132 input:disabled+._slider_1wuj3_150{opacity:var(--dev-panel-opacity-50, .5);cursor:not-allowed}._switch_1wuj3_132 input:disabled+._slider_1wuj3_150:before{opacity:var(--dev-panel-opacity-70, .7)}._switch_1wuj3_132 ._slider_1wuj3_150{position:absolute;inset:0;background-color:var(--dev-panel-input-background-color, #0f172a);border:1px solid var(--dev-panel-input-border-color, #475569);border-radius:var(--dev-panel-border-radius-full, 9999px);transition:var(--dev-panel-transition, all .2s cubic-bezier(.4, 0, .2, 1));cursor:pointer}._switch_1wuj3_132 ._slider_1wuj3_150:before{content:"";position:absolute;top:var(--thumb-margin);left:var(--thumb-margin);width:var(--thumb-size);height:var(--thumb-size);background-color:var(--dev-panel-text-color-muted, #94a3b8);border-radius:var(--dev-panel-border-radius-full, 9999px);transition:var(--dev-panel-transition, all .2s cubic-bezier(.4, 0, .2, 1));box-shadow:var(--dev-panel-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}._switch_1wuj3_132 ._slider_1wuj3_150:hover{border-color:var(--dev-panel-input-border-color-hover, #64748b)}._switch_1wuj3_132 ._slider_1wuj3_150:hover:before{box-shadow:var(--dev-panel-shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}._switch_1wuj3_132 input:disabled+._slider_1wuj3_150:hover{border-color:var(--dev-panel-input-border-color, #475569)}._switch_1wuj3_132 input:disabled+._slider_1wuj3_150:hover:before{box-shadow:var(--dev-panel-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}

package/dist/assets/ButtonControl.css

@@ -1 +0,0 @@
-:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._button_b8ouv_132{display:inline-flex;align-items:center;justify-content:center;gap:var(--dev-panel-spacing-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-lg);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-medium);line-height:var(--dev-panel-line-height-tight);border:var(--dev-panel-input-border-width) solid transparent;border-radius:var(--dev-panel-border-radius);background:transparent;color:inherit;text-decoration:none;white-space:nowrap;user-select:none;transition:var(--dev-panel-transition);cursor:pointer;width:100%;min-height:var(--dev-panel-button-height);border-color:var(--dev-panel-accent-color);background-color:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent);text-align:center}._button_b8ouv_132:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;pointer-events:none}._button_b8ouv_132:hover:not(:disabled){background-color:var(--dev-panel-accent-color-hover);border-color:var(--dev-panel-accent-color-hover);box-shadow:var(--dev-panel-shadow-md)}._button_b8ouv_132:active:not(:disabled){background-color:var(--dev-panel-accent-color-active);border-color:var(--dev-panel-accent-color-active);box-shadow:var(--dev-panel-shadow-sm)}._button_b8ouv_132:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--dev-panel-accent-color) 30%,transparent)}._button_b8ouv_132:focus:not(:focus-visible){box-shadow:none}._button_b8ouv_132:disabled{background-color:var(--dev-panel-accent-color-disabled);border-color:var(--dev-panel-accent-color-disabled);color:var(--dev-panel-text-color-disabled);transform:none;box-shadow:none;opacity:var(--dev-panel-opacity-50);cursor:not-allowed}._button_b8ouv_132._secondary_b8ouv_189{background-color:transparent;color:var(--dev-panel-accent-color);border-color:var(--dev-panel-accent-color)}._button_b8ouv_132._secondary_b8ouv_189:hover:not(:disabled){background-color:color-mix(in srgb,var(--dev-panel-accent-color) 10%,transparent);color:var(--dev-panel-accent-color-hover);border-color:var(--dev-panel-accent-color-hover)}._button_b8ouv_132._secondary_b8ouv_189:active:not(:disabled){background-color:color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent);color:var(--dev-panel-accent-color-active);border-color:var(--dev-panel-accent-color-active)}._button_b8ouv_132._secondary_b8ouv_189:disabled{background-color:transparent;color:var(--dev-panel-text-color-disabled);border-color:var(--dev-panel-border-color)}._button_b8ouv_132._small_b8ouv_209{min-height:var(--dev-panel-button-height-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);font-size:var(--dev-panel-font-size-xs)}._button_b8ouv_132._large_b8ouv_214{min-height:var(--dev-panel-button-height-lg);padding:var(--dev-panel-spacing-lg) var(--dev-panel-spacing-xl);font-size:var(--dev-panel-font-size-md)}

package/dist/assets/ButtonGroupControl.css

@@ -1 +0,0 @@
-:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._buttonGroupContainer_1642u_132{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color);width:100%;display:flex;gap:var(--dev-panel-spacing-sm);background:var(--dev-panel-surface-color);border:1px solid var(--dev-panel-border-color);border-radius:var(--dev-panel-border-radius);padding:var(--dev-panel-spacing-sm);overflow-x:auto;container-type:inline-size}._buttonGroupContainer_1642u_132::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}._buttonGroupContainer_1642u_132::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}._buttonGroupContainer_1642u_132::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}._buttonGroupContainer_1642u_132::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}._buttonGroupContainer_1642u_132::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}@container (max-width: 300px){._buttonGroupContainer_1642u_132{gap:var(--dev-panel-spacing-xs);padding:var(--dev-panel-spacing-xs)}._buttonGroupContainer_1642u_132 ._button_1642u_132{padding:var(--dev-panel-spacing-xs) var(--dev-panel-spacing-md);font-size:var(--dev-panel-font-size-xs)}}._buttonGroupContainer_1642u_132 ._button_1642u_132{padding:0;margin:0;border:none;background:none;font:inherit;color:inherit;flex:0 0 auto;min-width:max-content;background:var(--dev-panel-input-background-color);color:var(--dev-panel-text-color);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-medium);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-lg);border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);transition:var(--dev-panel-transition);min-height:var(--dev-panel-inputs-height);display:flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer}._buttonGroupContainer_1642u_132 ._button_1642u_132:hover:not(:disabled):not(._active_1642u_200){background:var(--dev-panel-surface-color-hover);border-color:var(--dev-panel-input-border-color-hover)}._buttonGroupContainer_1642u_132 ._button_1642u_132:active:not(:disabled){transform:scale(.98)}._buttonGroupContainer_1642u_132 ._button_1642u_132:focus{outline:none;border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px #6366f133}._buttonGroupContainer_1642u_132 ._button_1642u_132:focus:not(:focus-visible){box-shadow:none}._buttonGroupContainer_1642u_132 ._button_1642u_132._active_1642u_200{background:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent);border-color:var(--dev-panel-accent-color)}._buttonGroupContainer_1642u_132 ._button_1642u_132._active_1642u_200:hover{background:var(--dev-panel-accent-color-hover);border-color:var(--dev-panel-accent-color-hover)}._buttonGroupContainer_1642u_132 ._button_1642u_132:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;background:var(--dev-panel-surface-color)}._buttonGroupContainer_1642u_132._compact_1642u_229 ._button_1642u_132{padding:var(--dev-panel-spacing-xs) var(--dev-panel-spacing-md);font-size:var(--dev-panel-font-size-xs);min-height:calc(var(--dev-panel-inputs-height) - 4px)}

package/dist/assets/DevPanel.css

@@ -1 +0,0 @@
-:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._devPanelContainer_vacct_132{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color);position:fixed;z-index:var(--dev-panel-z-index);border-radius:var(--dev-panel-border-radius);box-shadow:var(--dev-panel-shadow);width:var(--dev-panel-max-width);min-width:var(--dev-panel-min-width);user-select:none;font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);line-height:var(--dev-panel-line-height-normal);touch-action:none;background:var(--dev-panel-foreground-color);border:1px solid var(--dev-panel-border-color)}._devPanelContainer_vacct_132::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}._devPanelContainer_vacct_132::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}._devPanelContainer_vacct_132::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}._devPanelContainer_vacct_132::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}._devPanelContainer_vacct_132::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}._devPanelContainer_vacct_132 *{box-sizing:border-box}._devPanelContainer_vacct_132 ._header_vacct_171{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--dev-panel-spacing-md) var(--dev-panel-spacing-lg);background:var(--dev-panel-foreground-color);color:var(--dev-panel-text-color);cursor:move;border-bottom:1px solid var(--dev-panel-border-color);height:var(--dev-panel-header-height);border-radius:var(--dev-panel-border-radius) var(--dev-panel-border-radius) 0 0;z-index:1}._devPanelContainer_vacct_132 ._title_vacct_186{font-size:var(--dev-panel-font-size-sm);font-weight:var(--dev-panel-font-weight-semibold);display:flex;align-items:center;gap:var(--dev-panel-spacing-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dev-panel-text-color)}._devPanelContainer_vacct_132 ._button_vacct_197{background:none;border:none;color:var(--dev-panel-text-color-muted);font-size:var(--dev-panel-font-size-md);cursor:pointer;padding:var(--dev-panel-spacing-sm);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition);display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}._devPanelContainer_vacct_132 ._button_vacct_197:hover{background:var(--dev-panel-surface-color-hover);color:var(--dev-panel-text-color)}._devPanelContainer_vacct_132 ._button_vacct_197:active{transform:scale(.95);background:var(--dev-panel-surface-color-active)}._devPanelContainer_vacct_132 ._button_vacct_197:focus{outline:2px solid var(--dev-panel-accent-color);outline-offset:2px}._devPanelContainer_vacct_132 ._button_vacct_197:focus:not(:focus-visible){outline:none}._devPanelContainer_vacct_132 ._button_vacct_197>svg{display:block;width:16px;height:16px;transition:transform var(--dev-panel-transition)}._devPanelContainer_vacct_132 ._button_vacct_197>svg._collapsed_vacct_233{transform:rotate(180deg)}._devPanelContainer_vacct_132 ._button_vacct_197>svg path{fill:currentColor}._content_vacct_240{max-height:calc(var(--dev-panel-max-height) - var(--dev-panel-header-height));background-color:var(--dev-panel-background-color);border-radius:0 0 var(--dev-panel-border-radius) var(--dev-panel-border-radius);overflow-x:hidden;overflow-y:auto;max-height:var(--dev-panel-max-height)}

package/dist/assets/Input.css

@@ -1 +0,0 @@
-:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._input_pspvf_132{display:block;width:100%;height:var(--dev-panel-inputs-height-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);line-height:var(--dev-panel-line-height-normal);color:var(--dev-panel-input-text-color);background-color:var(--dev-panel-input-background-color);border:var(--dev-panel-input-border-width) solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);transition:var(--dev-panel-transition);cursor:text}._input_pspvf_132::placeholder{color:var(--dev-panel-input-placeholder-color)}._input_pspvf_132:hover:not(:disabled){background-color:var(--dev-panel-input-background-color-hover);border-color:var(--dev-panel-input-border-color-hover)}._input_pspvf_132:focus{outline:none;background-color:var(--dev-panel-input-background-color-focus);border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px #6366f133}._input_pspvf_132:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;background-color:var(--dev-panel-surface-color);border-color:var(--dev-panel-border-color)}._input_pspvf_132::placeholder{color:var(--dev-panel-input-placeholder-color);opacity:1}._input_pspvf_132[type=date]{cursor:pointer}._input_pspvf_132[type=date]::-webkit-calendar-picker-indicator{color:currentColor;filter:invert(1);cursor:pointer}._input_pspvf_132[type=date]::-moz-calendar-picker-indicator{color:currentColor;filter:invert(1);cursor:pointer}._input_pspvf_132[type=number]{-moz-appearance:textfield;appearance:textfield}._input_pspvf_132[type=number]::-webkit-outer-spin-button,._input_pspvf_132[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

package/dist/assets/MultiSelectControl.css

@@ -1 +0,0 @@
-._multiselect_1agkw_1{position:relative;width:100%}._trigger_1agkw_6{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--dev-panel-inputs-height);border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);background-color:var(--dev-panel-input-background-color);color:var(--dev-panel-input-text-color);padding:0 var(--dev-panel-spacing-md);transition:var(--dev-panel-transition);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);cursor:pointer}._trigger_1agkw_6:hover:not(:disabled){border-color:var(--dev-panel-input-border-color-hover);background-color:var(--dev-panel-input-background-color-hover)}._trigger_1agkw_6:focus{outline:none;border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--dev-panel-accent-color) 20%,transparent)}._trigger_1agkw_6:disabled{cursor:not-allowed;opacity:var(--dev-panel-opacity-50);background-color:var(--dev-panel-surface-color)}._trigger_1agkw_6._open_1agkw_36{border-color:var(--dev-panel-input-border-color-focus)}._value_1agkw_40{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dev-panel-input-text-color);font-size:var(--dev-panel-font-size-sm)}._value_1agkw_40._placeholder_1agkw_49{color:var(--dev-panel-input-placeholder-color)}._arrow_1agkw_53{display:block;width:16px;height:16px;margin-left:var(--dev-panel-spacing-sm);transition:var(--dev-panel-transition);flex-shrink:0}._open_1agkw_36 ._arrow_1agkw_53{transform:rotate(180deg)}._arrow_1agkw_53 path{fill:var(--dev-panel-text-color-muted)}._dropdownPortal_1agkw_68{position:fixed;z-index:9999}._dropdown_1agkw_68{scrollbar-width:thin;scrollbar-color:var(--dev-panel-scrollbar-thumb-color) var(--dev-panel-scrollbar-track-color);max-height:200px;background-color:var(--dev-panel-foreground-color);border:1px solid var(--dev-panel-border-color);border-radius:var(--dev-panel-border-radius);box-shadow:var(--dev-panel-shadow-lg);overflow-y:auto;animation:_dropdownFadeIn_1agkw_1 .15s ease-out}._dropdown_1agkw_68::-webkit-scrollbar{width:var(--dev-panel-scrollbar-width);height:var(--dev-panel-scrollbar-width)}._dropdown_1agkw_68::-webkit-scrollbar-track{background:var(--dev-panel-scrollbar-track-color);border-radius:var(--dev-panel-border-radius-md)}._dropdown_1agkw_68::-webkit-scrollbar-thumb{background:var(--dev-panel-scrollbar-thumb-color);border-radius:var(--dev-panel-border-radius-md);transition:var(--dev-panel-transition-fast)}._dropdown_1agkw_68::-webkit-scrollbar-thumb:hover{background:var(--dev-panel-scrollbar-thumb-hover-color)}._dropdown_1agkw_68::-webkit-scrollbar-corner{background:var(--dev-panel-scrollbar-track-color)}@keyframes _dropdownFadeIn_1agkw_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._option_1agkw_115{display:flex;align-items:center;padding:var(--dev-panel-spacing-md);user-select:none;transition:var(--dev-panel-transition);cursor:pointer;border-bottom:1px solid var(--dev-panel-border-color)}._option_1agkw_115:last-child{border-bottom:none}._option_1agkw_115:hover:not(._disabled_1agkw_127){background-color:var(--dev-panel-surface-color-hover)}._option_1agkw_115:active:not(._disabled_1agkw_127){background-color:var(--dev-panel-surface-color-active)}._checkbox_1agkw_134{position:absolute;opacity:0;pointer-events:none}._checkbox_1agkw_134:checked~._checkmark_1agkw_139{background-color:var(--dev-panel-accent-color);border-color:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent);opacity:1}._checkbox_1agkw_134:checked~._checkmark_1agkw_139 svg{opacity:1}._checkmark_1agkw_139{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:var(--dev-panel-spacing-md);border:1px solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius-sm);transition:var(--dev-panel-transition);flex-shrink:0;opacity:0}._checkmark_1agkw_139 svg{width:14px;height:14px;fill:currentColor;opacity:0;transition:var(--dev-panel-transition)}._label_1agkw_170{flex:1;font-size:var(--dev-panel-font-size-sm);color:var(--dev-panel-text-color);font-family:var(--dev-panel-font-family)}._disabled_1agkw_127{opacity:var(--dev-panel-opacity-50);cursor:not-allowed!important}._disabled_1agkw_127 ._label_1agkw_170{color:var(--dev-panel-text-color-disabled)}._disabled_1agkw_127 ._checkmark_1agkw_139{border-color:var(--dev-panel-border-color)}

package/dist/assets/Select.css

@@ -1 +0,0 @@
-:root{--dev-panel-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--dev-panel-font-weight-normal: 400;--dev-panel-font-weight-medium: 500;--dev-panel-font-weight-semibold: 600;--dev-panel-font-weight-bold: 700;--dev-panel-font-size-xs: 10px;--dev-panel-font-size-sm: 12px;--dev-panel-font-size-md: 14px;--dev-panel-font-size-lg: 16px;--dev-panel-font-size-xl: 18px;--dev-panel-line-height-tight: 1.25;--dev-panel-line-height-normal: 1.5;--dev-panel-line-height-relaxed: 1.75;--dev-panel-accent-color: #6366f1;--dev-panel-accent-color-hover: #5855eb;--dev-panel-accent-color-active: #4f46e5;--dev-panel-accent-color-disabled: #6366f150;--dev-panel-primary-color: #6366f1;--dev-panel-primary-color-hover: #5855eb;--dev-panel-primary-color-active: #4f46e5;--dev-panel-secondary-color: #64748b;--dev-panel-secondary-color-hover: #475569;--dev-panel-secondary-color-active: #334155;--dev-panel-success-color: #10b981;--dev-panel-success-color-hover: #059669;--dev-panel-success-color-active: #047857;--dev-panel-warning-color: #f59e0b;--dev-panel-warning-color-hover: #d97706;--dev-panel-warning-color-active: #b45309;--dev-panel-error-color: #ef4444;--dev-panel-error-color-hover: #dc2626;--dev-panel-error-color-active: #b91c1c;--dev-panel-info-color: #06b6d4;--dev-panel-info-color-hover: #0891b2;--dev-panel-info-color-active: #0e7490;--dev-panel-background-color: #1e293b;--dev-panel-background-color-secondary: #334155;--dev-panel-background-color-tertiary: #475569;--dev-panel-foreground-color: #0f172a;--dev-panel-surface-color: #334155;--dev-panel-surface-color-hover: #475569;--dev-panel-surface-color-active: #64748b;--dev-panel-text-color: #f1f5f9;--dev-panel-text-color-secondary: #cbd5e1;--dev-panel-text-color-muted: #94a3b8;--dev-panel-text-color-disabled: #64748b;--dev-panel-text-color-on-accent: #ffffff;--dev-panel-text-color-on-surface: #f1f5f9;--dev-panel-border-color: #475569;--dev-panel-border-color-light: #64748b;--dev-panel-border-color-strong: #334155;--dev-panel-border-color-accent: #6366f1;--dev-panel-input-background-color: #0f172a;--dev-panel-input-background-color-hover: #1e293b;--dev-panel-input-background-color-focus: #1e293b;--dev-panel-input-border-color: #475569;--dev-panel-input-border-color-hover: #64748b;--dev-panel-input-border-color-focus: #6366f1;--dev-panel-input-text-color: #f1f5f9;--dev-panel-input-placeholder-color: #64748b;--dev-panel-input-border-width: 1px;--dev-panel-spacing-xs: 2px;--dev-panel-spacing-sm: 4px;--dev-panel-spacing-md: 8px;--dev-panel-spacing-lg: 12px;--dev-panel-spacing-xl: 16px;--dev-panel-spacing-2xl: 20px;--dev-panel-spacing-3xl: 24px;--dev-panel-spacing-4xl: 32px;--dev-panel-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--dev-panel-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--dev-panel-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--dev-panel-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--dev-panel-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--dev-panel-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--dev-panel-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--dev-panel-shadow: var(--dev-panel-shadow-xl);--dev-panel-border-radius-none: 0;--dev-panel-border-radius-sm: 2px;--dev-panel-border-radius-md: 4px;--dev-panel-border-radius-lg: 6px;--dev-panel-border-radius-xl: 8px;--dev-panel-border-radius-2xl: 12px;--dev-panel-border-radius-full: 9999px;--dev-panel-border-radius: var(--dev-panel-border-radius-lg);--dev-panel-max-width: 320px;--dev-panel-min-width: 280px;--dev-panel-max-height: 80vh;--dev-panel-min-height: auto;--dev-panel-header-height: auto;--dev-panel-inputs-height: 32px;--dev-panel-inputs-height-sm: 28px;--dev-panel-inputs-height-lg: 36px;--dev-panel-button-height: 32px;--dev-panel-button-height-sm: 28px;--dev-panel-button-height-lg: 36px;--dev-panel-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--dev-panel-transition: var(--dev-panel-transition-normal);--dev-panel-z-index-dropdown: 1000;--dev-panel-z-index-sticky: 1020;--dev-panel-z-index-fixed: 1030;--dev-panel-z-index-modal-backdrop: 1040;--dev-panel-z-index-modal: 1050;--dev-panel-z-index-popover: 1060;--dev-panel-z-index-tooltip: 1070;--dev-panel-z-index-toast: 1080;--dev-panel-z-index: var(--dev-panel-z-index-modal);--dev-panel-opacity-0: 0;--dev-panel-opacity-5: .05;--dev-panel-opacity-10: .1;--dev-panel-opacity-20: .2;--dev-panel-opacity-25: .25;--dev-panel-opacity-30: .3;--dev-panel-opacity-40: .4;--dev-panel-opacity-50: .5;--dev-panel-opacity-60: .6;--dev-panel-opacity-70: .7;--dev-panel-opacity-75: .75;--dev-panel-opacity-80: .8;--dev-panel-opacity-90: .9;--dev-panel-opacity-95: .95;--dev-panel-opacity-100: 1;--dev-panel-scrollbar-width: 6px;--dev-panel-scrollbar-track-color: var(--dev-panel-background-color-secondary);--dev-panel-scrollbar-thumb-color: var(--dev-panel-border-color);--dev-panel-scrollbar-thumb-hover-color: var(--dev-panel-border-color-light)}._select_ia86w_132{display:block;width:100%;height:var(--dev-panel-inputs-height-sm);padding:var(--dev-panel-spacing-sm) var(--dev-panel-spacing-md);font-family:var(--dev-panel-font-family);font-size:var(--dev-panel-font-size-sm);line-height:var(--dev-panel-line-height-normal);color:var(--dev-panel-input-text-color);background-color:var(--dev-panel-input-background-color);border:var(--dev-panel-input-border-width) solid var(--dev-panel-input-border-color);border-radius:var(--dev-panel-border-radius);transition:var(--dev-panel-transition);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--dev-panel-spacing-md) center;background-repeat:no-repeat;background-size:16px 16px;padding-right:calc(var(--dev-panel-spacing-md) + 20px)}._select_ia86w_132::placeholder{color:var(--dev-panel-input-placeholder-color)}._select_ia86w_132:hover:not(:disabled){background-color:var(--dev-panel-input-background-color-hover);border-color:var(--dev-panel-input-border-color-hover)}._select_ia86w_132:focus{outline:none;background-color:var(--dev-panel-input-background-color-focus);border-color:var(--dev-panel-input-border-color-focus);box-shadow:0 0 0 3px #6366f133}._select_ia86w_132:disabled{opacity:var(--dev-panel-opacity-50);cursor:not-allowed;background-color:var(--dev-panel-surface-color);border-color:var(--dev-panel-border-color)}._select_ia86w_132 option{background-color:var(--dev-panel-input-background-color);color:var(--dev-panel-input-text-color);padding:var(--dev-panel-spacing-sm)}._select_ia86w_132 option:checked{background-color:var(--dev-panel-accent-color);color:var(--dev-panel-text-color-on-accent)}._select_ia86w_132 option:hover{background-color:var(--dev-panel-surface-color-hover)}

package/dist/components/ControlRenderer/ControlRenderer.d.ts

@@ -1,6 +0,0 @@
-import { ControlsNames } from './controls/types';
-import { ControlRendererProps } from './types';
-/**
- * Component that renders different types of controls based on the control type
- */
-export declare function ControlRenderer<Name extends ControlsNames>({ name, control }: ControlRendererProps<Name>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ControlRenderer/ControlRenderer.js

@@ -1,52 +0,0 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import { Suspense as c } from "react";
-import { className as s } from "../../utils/className/className.js";
-import { controls as d } from "./controls/index.js";
-import '../../assets/ControlRenderer.css';const p = "_controlRendererContainer_1s60v_1", _ = "_controlContainer_1s60v_4", u = "_hoverable_1s60v_13", v = "_fullWidth_1s60v_16", f = "_label_1s60v_19", h = "_controlWrapper_1s60v_22", b = "_justifyStart_1s60v_26", C = "_description_1s60v_42", m = "_loading_1s60v_51", y = "_error_1s60v_70", r = {
-  controlRendererContainer: p,
-  controlContainer: _,
-  hoverable: u,
-  fullWidth: v,
-  label: f,
-  controlWrapper: h,
-  justifyStart: b,
-  description: C,
-  loading: m,
-  error: y
-}, W = ["button", "buttonGroup", "separator"], j = ["separator"], N = ["button", "separator"];
-function L({ name: l, control: e }) {
-  const i = e?.label || l;
-  function a() {
-    if (!e || !e.type)
-      return /* @__PURE__ */ n("div", { className: r.error, children: "Control type is not defined" });
-    const o = d[e.type];
-    return o ? /* @__PURE__ */ n(c, { fallback: /* @__PURE__ */ n("div", { className: r.loading, children: "Loading control..." }), children: /* @__PURE__ */ n(o, { control: e }) }) : /* @__PURE__ */ n("div", { children: "Unknown control type" });
-  }
-  return /* @__PURE__ */ t("div", { className: r.controlRendererContainer, children: [
-    /* @__PURE__ */ t(
-      "div",
-      {
-        ...s(r.controlContainer, {
-          [r.fullWidth]: W.includes(e.type),
-          [r.hoverable]: !j.includes(e.type)
-        }),
-        children: [
-          !N.includes(e.type) && /* @__PURE__ */ n("label", { className: r.label, children: i }),
-          /* @__PURE__ */ n(
-            "div",
-            {
-              ...s(r.controlWrapper, {
-                [r.justifyStart]: e.type === "separator"
-              }),
-              children: a()
-            }
-          )
-        ]
-      }
-    ),
-    e?.description && /* @__PURE__ */ n("span", { className: r.description, children: e.description })
-  ] });
-}
-export {
-  L as ControlRenderer
-};

package/dist/components/ControlRenderer/controls/BooleanControl/BooleanControl.d.ts

@@ -1,32 +0,0 @@
-import { BooleanControlProps } from './types';
-/**
- * Component that renders a boolean toggle switch control
- *
- * @param props - The component props
- * @param props.control - The boolean control configuration object
- * @param props.control.type - The control type, must be 'boolean'
- * @param props.control.value - The current boolean state (true/false)
- * @param props.control.onChange - Callback function triggered when toggle state changes
- * @param props.control.disabled - Optional flag to disable the control
- * @returns JSX element representing a toggle switch control
- *
- * @example
- * ```typescript
- * <BooleanControl control={{
- *   type: 'boolean',
- *   value: true,
- *   onChange: (value) => setIsEnabled(value),
- *   disabled: false
- * }} />
- * ```
- *
- * @example
- * ```typescript
- * <BooleanControl control={{
- *   type: 'boolean',
- *   value: false,
- *   onChange: (value) => console.log('Toggle changed:', value)
- * }} />
- * ```
- */
-export declare function BooleanControl({ control }: BooleanControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ControlRenderer/controls/BooleanControl/BooleanControl.js

@@ -1,26 +0,0 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useRef as l } from "react";
-import '../../../../assets/BooleanControl.css';const r = "_slider_1wuj3_150", a = {
-  switch: "_switch_1wuj3_132",
-  slider: r
-};
-function d({ control: e }) {
-  const s = l(`boolean-control-${e.label || Math.ceil(Math.random() * 1e5)}`);
-  return /* @__PURE__ */ c("label", { className: a.switch, children: [
-    /* @__PURE__ */ t(
-      "input",
-      {
-        type: "checkbox",
-        id: s.current,
-        name: s.current,
-        checked: e.value,
-        disabled: e.disabled,
-        onChange: (n) => e.onChange(n.target.checked)
-      }
-    ),
-    /* @__PURE__ */ t("span", { className: a.slider })
-  ] });
-}
-export {
-  d as BooleanControl
-};

package/dist/components/ControlRenderer/controls/ButtonControl/ButtonControl.d.ts

@@ -1,33 +0,0 @@
-import { ButtonControlProps } from './types';
-/**
- * Component that renders a clickable button control
- *
- * @param props - The component props
- * @param props.control - The button control configuration object
- * @param props.control.type - The control type, must be 'button'
- * @param props.control.label - The text displayed on the button
- * @param props.control.onClick - Callback function triggered when button is clicked
- * @param props.control.disabled - Optional flag to disable the button
- * @returns JSX element representing a clickable button
- *
- * @example
- * ```typescript
- * <ButtonControl control={{
- *   type: 'button',
- *   label: 'Save Changes',
- *   onClick: () => handleSave(),
- *   disabled: false
- * }} />
- * ```
- *
- * @example
- * ```typescript
- * <ButtonControl control={{
- *   type: 'button',
- *   label: 'Reset',
- *   onClick: () => console.log('Reset clicked'),
- *   disabled: true
- * }} />
- * ```
- */
-export declare function ButtonControl({ control }: ButtonControlProps): import("react/jsx-runtime").JSX.Element;