@tpitre/story-ui 2.8.0 → 3.0.0

package/dist/playground/components/TreeView/TreeView.module.css

@@ -0,0 +1,214 @@
+/* TreeView styles */
+
+.treeView {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: white;
+  overflow: hidden;
+}
+
+.toolbar {
+  padding: 8px;
+  border-bottom: 1px solid #e5e7eb;
+  background: #f9fafb;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.searchInput {
+  flex: 1;
+  padding: 6px 10px;
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  font-size: 12px;
+  outline: none;
+  transition: all 0.2s;
+}
+
+.searchInput::placeholder {
+  color: #9ca3af;
+}
+
+.searchInput:focus {
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.actions {
+  display: flex;
+  gap: 4px;
+}
+
+.actionButton {
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  font-size: 16px;
+  color: #6b7280;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s;
+}
+
+.actionButton:hover {
+  background: #f3f4f6;
+  border-color: #d1d5db;
+  color: #374151;
+}
+
+.actionButton:active {
+  background: #e5e7eb;
+}
+
+.treeContent {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 4px 0;
+}
+
+.treeNode {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-height: 28px;
+  padding: 2px 8px;
+  cursor: pointer;
+  user-select: none;
+  font-size: 12px;
+  color: #374151;
+  transition: all 0.1s;
+  white-space: nowrap;
+}
+
+.treeNode:hover {
+  background: #f3f4f6;
+}
+
+.treeNode.selected {
+  background: #eff6ff;
+  color: #1e40af;
+}
+
+.treeNode.selected:hover {
+  background: #dbeafe;
+}
+
+.treeNode.hovered {
+  outline: 1px dashed #93c5fd;
+  outline-offset: -1px;
+}
+
+.expandButton {
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  background: transparent;
+  border: none;
+  color: #6b7280;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 10px;
+  transition: transform 0.2s;
+  flex-shrink: 0;
+}
+
+.expandButton:hover {
+  color: #374151;
+}
+
+.expandButton.expanded {
+  transform: rotate(90deg);
+}
+
+.noExpand {
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+}
+
+.icon {
+  font-size: 14px;
+  flex-shrink: 0;
+}
+
+.label {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  overflow: hidden;
+}
+
+.type {
+  font-weight: 500;
+  color: #111827;
+}
+
+.name {
+  font-size: 11px;
+  color: #6b7280;
+  font-style: italic;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.badge {
+  font-size: 10px;
+  opacity: 0.5;
+  flex-shrink: 0;
+}
+
+.children {
+  position: relative;
+}
+
+.children::before {
+  content: '';
+  position: absolute;
+  left: 18px;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background: #e5e7eb;
+}
+
+.emptyState {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 32px;
+  text-align: center;
+  color: #6b7280;
+  font-size: 12px;
+}
+
+/* Scrollbar styling */
+.treeContent::-webkit-scrollbar {
+  width: 6px;
+}
+
+.treeContent::-webkit-scrollbar-track {
+  background: #f9fafb;
+}
+
+.treeContent::-webkit-scrollbar-thumb {
+  background: #d1d5db;
+  border-radius: 3px;
+}
+
+.treeContent::-webkit-scrollbar-thumb:hover {
+  background: #9ca3af;
+}

package/dist/playground/components/TreeView/index.d.ts

@@ -0,0 +1,3 @@
+export { TreeView } from './TreeView';
+export type { TreeViewProps } from './TreeView';
+//# sourceMappingURL=index.d.ts.map

package/dist/playground/components/TreeView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../playground/components/TreeView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/playground/components/TreeView/index.js

@@ -0,0 +1,2 @@
+export { TreeView } from './TreeView';
+//# sourceMappingURL=index.js.map

package/dist/playground/components/TreeView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../playground/components/TreeView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/playground/config/propertyDefinitions.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Property definitions for intelligent field type detection
+ * Maps component types and property names to appropriate editors
+ */
+import type { PropDefinition, PropType, PropOption } from '../types';
+export declare const SPACING_TOKENS: number[];
+export declare const SIZE_TOKENS: string[];
+export declare const BUTTON_TYPES: string[];
+export declare const STATUS_TYPES: string[];
+export declare const INPUT_SIZES: string[];
+export declare const COMMON_OPTIONS: {
+    size: {
+        label: string;
+        value: string;
+    }[];
+    inputSize: {
+        label: string;
+        value: string;
+    }[];
+    buttonType: {
+        label: string;
+        value: string;
+    }[];
+    status: {
+        label: string;
+        value: string;
+    }[];
+    spacingTokens: {
+        label: string;
+        value: number;
+    }[];
+    booleanOptions: {
+        label: string;
+        value: boolean;
+    }[];
+};
+export declare const BOOLEAN_PROPERTIES: Set<string>;
+export declare const SELECT_PROPERTIES: Record<string, PropOption[]>;
+export declare const NUMBER_PROPERTIES: Record<string, {
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+}>;
+export declare const COLOR_PROPERTIES: Set<string>;
+export declare const SPACING_PROPERTIES: Set<string>;
+export declare const COMPONENT_PROPERTIES: Record<string, Record<string, PropDefinition>>;
+/**
+ * Get property type based on property name and value
+ */
+export declare function getPropertyType(propName: string, value: any, componentType?: string): PropType;
+/**
+ * Get property definition for a specific component and property
+ */
+export declare function getPropertyDefinition(componentType: string, propName: string): PropDefinition | null;
+/**
+ * Get select options for a property
+ */
+export declare function getSelectOptions(propName: string, componentType?: string): PropOption[];
+/**
+ * Get number constraints for a property
+ */
+export declare function getNumberConstraints(propName: string): {
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+};
+/**
+ * Check if a property should use a specific editor type
+ */
+export declare function shouldUseEditor(propName: string, editorType: 'boolean' | 'select' | 'number' | 'color' | 'spacing'): boolean;
+//# sourceMappingURL=propertyDefinitions.d.ts.map

package/dist/playground/config/propertyDefinitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyDefinitions.d.ts","sourceRoot":"","sources":["../../../playground/config/propertyDefinitions.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGrE,eAAO,MAAM,cAAc,UAA+C,CAAC;AAC3E,eAAO,MAAM,WAAW,UAA+B,CAAC;AACxD,eAAO,MAAM,YAAY,UAAmD,CAAC;AAC7E,eAAO,MAAM,YAAY,UAA0C,CAAC;AACpE,eAAO,MAAM,WAAW,UAA+B,CAAC;AAGxD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;CAU1B,CAAC;AAGF,eAAO,MAAM,kBAAkB,aAoC7B,CAAC;AAGH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAmD1D,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAe1G,CAAC;AAGF,eAAO,MAAM,gBAAgB,aAW3B,CAAC;AAGH,eAAO,MAAM,kBAAkB,aAc7B,CAAC;AAGH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAojB/E,CAAC;AAEF;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CA0C9F;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAEpG;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,UAAU,EAAE,CAWvF;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAEnH;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAe5H"}