@berenjena/react-dev-panel 2.0.0 → 2.1.0

package/package.json

@@ -1,10 +1,16 @@
 {
 	"private": false,
-	"version": "2.0.0",
-	"type": "module",
-	"module": "./dist/index.js",
+	"version": "2.1.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;

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

@@ -1,10 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import '../../../../assets/ButtonControl.css';const o = "_button_b8ouv_132", b = {
-  button: o
-};
-function u({ control: t }) {
-  return /* @__PURE__ */ n("button", { onClick: t.onClick, disabled: t.disabled, className: b.button, children: t.label });
-}
-export {
-  u as ButtonControl
-};

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

@@ -1,37 +0,0 @@
-import { ButtonGroupControlProps } from './types';
-/**
- * Component that renders a group of related buttons in a horizontal layout
- *
- * @param props - The component props
- * @param props.control - The button group control configuration object
- * @param props.control.type - The control type, must be 'buttonGroup'
- * @param props.control.buttons - Array of button configurations to render
- * @param props.control.buttons[].label - The text label displayed on the button
- * @param props.control.buttons[].onClick - Callback function triggered when button is clicked
- * @param props.control.buttons[].disabled - Optional flag to disable individual buttons
- * @returns JSX element representing a group of buttons
- *
- * @example
- * ```typescript
- * <ButtonGroupControl control={{
- *   type: 'buttonGroup',
- *   buttons: [
- *     { label: 'Save', onClick: () => save() },
- *     { label: 'Cancel', onClick: () => cancel() },
- *     { label: 'Delete', onClick: () => delete(), disabled: true }
- *   ]
- * }} />
- * ```
- *
- * @example
- * ```typescript
- * <ButtonGroupControl control={{
- *   type: 'buttonGroup',
- *   buttons: [
- *     { label: 'Previous', onClick: () => goToPrevious() },
- *     { label: 'Next', onClick: () => goToNext() }
- *   ]
- * }} />
- * ```
- */
-export declare function ButtonGroupControl({ control }: ButtonGroupControlProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,22 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { ButtonControl as e } from "../ButtonControl/ButtonControl.js";
-import '../../../../assets/ButtonGroupControl.css';const l = "_buttonGroupContainer_1642u_132", u = {
-  buttonGroupContainer: l
-};
-function p({ control: n }) {
-  return /* @__PURE__ */ t("div", { className: u.buttonGroupContainer, children: n.buttons.map((o, r) => /* @__PURE__ */ t(
-    e,
-    {
-      control: {
-        type: "button",
-        label: o.label,
-        onClick: o.onClick,
-        disabled: o.disabled
-      }
-    },
-    r
-  )) });
-}
-export {
-  p as ButtonGroupControl
-};

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

@@ -1,23 +0,0 @@
-import { ColorControlProps } from './types';
-/**
- * Component that renders a color control with both visual color picker and text input
- *
- * @param props - The component props
- * @param props.control - The color control configuration object
- * @param props.control.type - The control type, must be 'color'
- * @param props.control.value - The current color value (hex, rgb, hsl, or named color)
- * @param props.control.onChange - Callback function triggered when color value changes
- * @param props.control.disabled - Optional flag to disable the control
- * @returns JSX element representing the color control with picker and text input
- *
- * @example
- * ```typescript
- * <ColorControl control={{
- *   type: 'color',
- *   value: '#ff0000',
- *   onChange: (value) => setColor(value),
- *   disabled: false
- * }}/>
- * ```
- */
-export declare function ColorControl({ control }: ColorControlProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,69 +0,0 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { useState as v, useEffect as C } from "react";
-import { Input as p } from "../../../Input/Input.js";
-import { useDebouncedCallback as b } from "../../../../hooks/useDebounceCallback/useDebounceCallback.js";
-import '../../../../assets/ColorControl.css';const y = "_container_1oo6z_1", x = "_colorPreview_1oo6z_7", V = "_errorMessage_1oo6z_52", c = {
-  container: y,
-  colorPreview: x,
-  errorMessage: V
-};
-function P({ control: n }) {
-  const [r, o] = v(n.value), [s, i] = v(!0), u = b(n.onChange, 300);
-  function d(e) {
-    if (!e) return !1;
-    const t = document.createElement("div");
-    return t.style.color = e, t.style.color !== "";
-  }
-  function f(e) {
-    if (!e) return "#000000";
-    if (e.startsWith("#") && (e.length === 4 || e.length === 7))
-      return e.length === 4 ? `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}` : e;
-    try {
-      const a = document.createElement("canvas").getContext("2d");
-      return a ? (a.fillStyle = e, a.fillStyle) : "#000000";
-    } catch {
-      return "#000000";
-    }
-  }
-  function g(e) {
-    const t = e.target.value;
-    o(t), i(!0), u(t);
-  }
-  function h(e) {
-    const t = e.target.value;
-    o(t);
-    const a = d(t);
-    i(a), (a || t === "") && u(t);
-  }
-  return C(() => {
-    o(n.value), i(d(n.value));
-  }, [n.value]), /* @__PURE__ */ m("div", { className: c.container, children: [
-    /* @__PURE__ */ l("div", { className: c.colorPreview, style: { backgroundColor: s ? r : "transparent" }, children: /* @__PURE__ */ l(
-      "input",
-      {
-        type: "color",
-        value: f(r),
-        disabled: n.disabled,
-        onChange: g,
-        title: "Open color picker"
-      }
-    ) }),
-    /* @__PURE__ */ l(
-      p,
-      {
-        type: "text",
-        value: r || "",
-        disabled: n.disabled,
-        onChange: h,
-        placeholder: "Enter color value (hex, rgb, hsl, named)",
-        style: {
-          borderColor: !s && r ? "var(--dev-panel-danger-color)" : void 0
-        }
-      }
-    ),
-    !s && r && /* @__PURE__ */ l("div", { className: c.errorMessage, children: "Invalid color format" })
-  ] });
-}
-export {
-  P as ColorControl
-};

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

@@ -1,41 +0,0 @@
-import { DateControlProps } from './types';
-/**
- * Component that renders a date control with configurable event handling
- *
- * @param props - The component props
- * @param props.control - The date control configuration object
- * @param props.control.type - The control type, must be 'date'
- * @param props.control.value - The current date value in ISO format (YYYY-MM-DD)
- * @param props.control.min - Optional minimum allowed date in ISO format
- * @param props.control.max - Optional maximum allowed date in ISO format
- * @param props.control.event - When to trigger onChange: "onChange" (real-time) or "onBlur" (on focus loss). Defaults to "onBlur"
- * @param props.control.onChange - Callback function triggered when date value changes
- * @param props.control.disabled - Optional flag to disable the control
- * @returns JSX element representing the date input control
- *
- * @example
- * ```typescript
- * // Real-time updates
- * <DateControl control={{
- *   type: 'date',
- *   value: '2025-07-26',
- *   min: '2025-01-01',
- *   max: '2025-12-31',
- *   event: 'onChange',
- *   onChange: (value) => setSelectedDate(value),
- *   disabled: false
- * }} />
- * ```
- *
- * @example
- * ```typescript
- * // Updates only when losing focus (default)
- * <DateControl control={{
- *   type: 'date',
- *   value: '2025-07-26',
- *   event: 'onBlur',
- *   onChange: (value) => console.log('Date changed:', value)
- * }} />
- * ```
- */
-export declare function DateControl({ control }: DateControlProps): import("react/jsx-runtime").JSX.Element;