@promakeai/inspector 0.2.1 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/dist/inspector.css +1 -0
  2. package/dist/inspector.js +8740 -0
  3. package/dist/packages/inspector/src/App.d.ts +5 -0
  4. package/dist/packages/inspector/src/App.d.ts.map +1 -0
  5. package/dist/packages/inspector/src/__tests__/App.test.d.ts +5 -0
  6. package/dist/packages/inspector/src/__tests__/App.test.d.ts.map +1 -0
  7. package/dist/packages/inspector/src/components/Badge.d.ts +9 -0
  8. package/dist/packages/inspector/src/components/Badge.d.ts.map +1 -0
  9. package/dist/packages/inspector/src/components/ControlBox/ContentArea.d.ts +10 -0
  10. package/dist/packages/inspector/src/components/ControlBox/ContentArea.d.ts.map +1 -0
  11. package/dist/packages/inspector/src/components/ControlBox/PromptInput.d.ts +12 -0
  12. package/dist/packages/inspector/src/components/ControlBox/PromptInput.d.ts.map +1 -0
  13. package/dist/packages/inspector/src/components/ControlBox/index.d.ts +21 -0
  14. package/dist/packages/inspector/src/components/ControlBox/index.d.ts.map +1 -0
  15. package/dist/packages/inspector/src/components/ImageEditor/UploadBox.d.ts +10 -0
  16. package/dist/packages/inspector/src/components/ImageEditor/UploadBox.d.ts.map +1 -0
  17. package/dist/packages/inspector/src/components/ImageEditor/index.d.ts +11 -0
  18. package/dist/packages/inspector/src/components/ImageEditor/index.d.ts.map +1 -0
  19. package/dist/packages/inspector/src/components/Overlay.d.ts +11 -0
  20. package/dist/packages/inspector/src/components/Overlay.d.ts.map +1 -0
  21. package/dist/packages/inspector/src/components/StyleEditor/BorderSection.d.ts +13 -0
  22. package/dist/packages/inspector/src/components/StyleEditor/BorderSection.d.ts.map +1 -0
  23. package/dist/packages/inspector/src/components/StyleEditor/ColorPicker.d.ts +13 -0
  24. package/dist/packages/inspector/src/components/StyleEditor/ColorPicker.d.ts.map +1 -0
  25. package/dist/packages/inspector/src/components/StyleEditor/DisplaySection.d.ts +13 -0
  26. package/dist/packages/inspector/src/components/StyleEditor/DisplaySection.d.ts.map +1 -0
  27. package/dist/packages/inspector/src/components/StyleEditor/ImageSection.d.ts +13 -0
  28. package/dist/packages/inspector/src/components/StyleEditor/ImageSection.d.ts.map +1 -0
  29. package/dist/packages/inspector/src/components/StyleEditor/LayoutSection.d.ts +13 -0
  30. package/dist/packages/inspector/src/components/StyleEditor/LayoutSection.d.ts.map +1 -0
  31. package/dist/packages/inspector/src/components/StyleEditor/NumberInput.d.ts +17 -0
  32. package/dist/packages/inspector/src/components/StyleEditor/NumberInput.d.ts.map +1 -0
  33. package/dist/packages/inspector/src/components/StyleEditor/SliderInput.d.ts +16 -0
  34. package/dist/packages/inspector/src/components/StyleEditor/SliderInput.d.ts.map +1 -0
  35. package/dist/packages/inspector/src/components/StyleEditor/SpacingSection.d.ts +13 -0
  36. package/dist/packages/inspector/src/components/StyleEditor/SpacingSection.d.ts.map +1 -0
  37. package/dist/packages/inspector/src/components/StyleEditor/TextSection.d.ts +13 -0
  38. package/dist/packages/inspector/src/components/StyleEditor/TextSection.d.ts.map +1 -0
  39. package/dist/packages/inspector/src/components/StyleEditor/index.d.ts +12 -0
  40. package/dist/packages/inspector/src/components/StyleEditor/index.d.ts.map +1 -0
  41. package/dist/packages/inspector/src/components/TextEditor/index.d.ts +11 -0
  42. package/dist/packages/inspector/src/components/TextEditor/index.d.ts.map +1 -0
  43. package/dist/packages/inspector/src/components/ui/CustomCollapsible.d.ts +26 -0
  44. package/dist/packages/inspector/src/components/ui/CustomCollapsible.d.ts.map +1 -0
  45. package/dist/packages/inspector/src/components/ui/button.d.ts +9 -0
  46. package/dist/packages/inspector/src/components/ui/button.d.ts.map +1 -0
  47. package/dist/packages/inspector/src/components/ui/color-picker.d.ts +10 -0
  48. package/dist/packages/inspector/src/components/ui/color-picker.d.ts.map +1 -0
  49. package/dist/packages/inspector/src/components/ui/input.d.ts +6 -0
  50. package/dist/packages/inspector/src/components/ui/input.d.ts.map +1 -0
  51. package/dist/packages/inspector/src/components/ui/popover.d.ts +8 -0
  52. package/dist/packages/inspector/src/components/ui/popover.d.ts.map +1 -0
  53. package/dist/packages/inspector/src/components/ui/select.d.ts +16 -0
  54. package/dist/packages/inspector/src/components/ui/select.d.ts.map +1 -0
  55. package/dist/packages/inspector/src/components/ui/slider.d.ts +5 -0
  56. package/dist/packages/inspector/src/components/ui/slider.d.ts.map +1 -0
  57. package/dist/packages/inspector/src/components/ui/textarea.d.ts +4 -0
  58. package/dist/packages/inspector/src/components/ui/textarea.d.ts.map +1 -0
  59. package/dist/packages/inspector/src/components/ui/tooltip.d.ts +8 -0
  60. package/dist/packages/inspector/src/components/ui/tooltip.d.ts.map +1 -0
  61. package/dist/packages/inspector/src/core/highlighter.d.ts +40 -0
  62. package/dist/packages/inspector/src/core/highlighter.d.ts.map +1 -0
  63. package/dist/packages/inspector/src/hooks/useMessageBridge.d.ts +9 -0
  64. package/dist/packages/inspector/src/hooks/useMessageBridge.d.ts.map +1 -0
  65. package/dist/packages/inspector/src/hooks/useStylePreview.d.ts +11 -0
  66. package/dist/packages/inspector/src/hooks/useStylePreview.d.ts.map +1 -0
  67. package/dist/packages/inspector/src/index.d.ts +16 -0
  68. package/dist/packages/inspector/src/index.d.ts.map +1 -0
  69. package/dist/packages/inspector/src/lib/utils.d.ts +3 -0
  70. package/dist/packages/inspector/src/lib/utils.d.ts.map +1 -0
  71. package/dist/packages/inspector/src/plugin.d.ts +4 -0
  72. package/dist/packages/inspector/src/plugin.d.ts.map +1 -0
  73. package/dist/packages/inspector/src/store/useInspectorStore.d.ts +13 -0
  74. package/dist/packages/inspector/src/store/useInspectorStore.d.ts.map +1 -0
  75. package/dist/packages/inspector/src/styles.d.ts +5 -0
  76. package/dist/packages/inspector/src/styles.d.ts.map +1 -0
  77. package/dist/packages/inspector/src/utils/colorUtils.d.ts +49 -0
  78. package/dist/packages/inspector/src/utils/colorUtils.d.ts.map +1 -0
  79. package/dist/packages/inspector/src/utils/elementNames.d.ts +7 -0
  80. package/dist/packages/inspector/src/utils/elementNames.d.ts.map +1 -0
  81. package/dist/packages/inspector/src/utils/elementUtils.d.ts +28 -0
  82. package/dist/packages/inspector/src/utils/elementUtils.d.ts.map +1 -0
  83. package/dist/packages/inspector/src/utils/errorTracker.d.ts +48 -0
  84. package/dist/packages/inspector/src/utils/errorTracker.d.ts.map +1 -0
  85. package/dist/packages/inspector/src/utils/inputStyles.d.ts +23 -0
  86. package/dist/packages/inspector/src/utils/inputStyles.d.ts.map +1 -0
  87. package/dist/packages/inspector/src/utils/styleUtils.d.ts +27 -0
  88. package/dist/packages/inspector/src/utils/styleUtils.d.ts.map +1 -0
  89. package/dist/packages/inspector/src/utils/tailwindMapper.d.ts +9 -0
  90. package/dist/packages/inspector/src/utils/tailwindMapper.d.ts.map +1 -0
  91. package/dist/packages/inspector/src/utils/urlTracker.d.ts +27 -0
  92. package/dist/packages/inspector/src/utils/urlTracker.d.ts.map +1 -0
  93. package/dist/packages/inspector/tsconfig.tsbuildinfo +1 -0
  94. package/dist/plugin.js +10 -1813
  95. package/package.json +86 -76
  96. package/src/App.tsx +912 -0
  97. package/src/__tests__/App.test.tsx +373 -0
  98. package/src/assets/fonts/Satoshi-Variable.woff +0 -0
  99. package/src/assets/fonts/Satoshi-Variable.woff2 +0 -0
  100. package/src/components/Badge.tsx +118 -0
  101. package/src/components/ControlBox/ContentArea.tsx +13 -0
  102. package/src/components/ControlBox/PromptInput.module.css +66 -0
  103. package/src/components/ControlBox/PromptInput.tsx +104 -0
  104. package/src/components/ControlBox/index.module.css +81 -0
  105. package/src/components/ControlBox/index.tsx +409 -0
  106. package/src/components/ImageEditor/UploadBox.module.css +69 -0
  107. package/src/components/ImageEditor/UploadBox.tsx +113 -0
  108. package/src/components/ImageEditor/index.module.css +11 -0
  109. package/src/components/ImageEditor/index.tsx +84 -0
  110. package/src/components/Overlay.tsx +157 -0
  111. package/src/components/StyleEditor/BorderSection.tsx +147 -0
  112. package/src/components/StyleEditor/ColorPicker.tsx +182 -0
  113. package/src/components/StyleEditor/DisplaySection.tsx +349 -0
  114. package/src/components/StyleEditor/ImageSection.tsx +105 -0
  115. package/src/components/StyleEditor/LayoutSection.tsx +63 -0
  116. package/src/components/StyleEditor/NumberInput.tsx +138 -0
  117. package/src/components/StyleEditor/SliderInput.tsx +121 -0
  118. package/src/components/StyleEditor/SpacingSection.tsx +365 -0
  119. package/src/components/StyleEditor/TextSection.tsx +381 -0
  120. package/src/components/StyleEditor/index.module.css +133 -0
  121. package/src/components/StyleEditor/index.tsx +612 -0
  122. package/src/components/StyleEditor/shared.module.css +193 -0
  123. package/src/components/TextEditor/index.module.css +31 -0
  124. package/src/components/TextEditor/index.tsx +166 -0
  125. package/src/components/ui/CustomCollapsible.tsx +159 -0
  126. package/src/components/ui/button.module.css +141 -0
  127. package/src/components/ui/button.tsx +73 -0
  128. package/src/components/ui/color-picker.module.css +112 -0
  129. package/src/components/ui/color-picker.tsx +146 -0
  130. package/src/components/ui/input.module.css +49 -0
  131. package/src/components/ui/input.tsx +34 -0
  132. package/src/components/ui/popover.module.css +42 -0
  133. package/src/components/ui/popover.tsx +59 -0
  134. package/src/components/ui/select.module.css +160 -0
  135. package/src/components/ui/select.tsx +216 -0
  136. package/src/components/ui/slider.module.css +75 -0
  137. package/src/components/ui/slider.tsx +60 -0
  138. package/src/components/ui/textarea.module.css +30 -0
  139. package/src/components/ui/textarea.tsx +23 -0
  140. package/src/components/ui/tooltip.module.css +11 -0
  141. package/src/components/ui/tooltip.tsx +37 -0
  142. package/src/core/highlighter.ts +197 -0
  143. package/src/hooks/useMessageBridge.ts +49 -0
  144. package/src/hooks/useStylePreview.ts +332 -0
  145. package/src/index.ts +20 -0
  146. package/src/lib/utils.ts +5 -0
  147. package/src/plugin.ts +11 -0
  148. package/src/store/useInspectorStore.ts +235 -0
  149. package/src/styles/fonts.css +15 -0
  150. package/src/styles/global.css +138 -0
  151. package/src/styles/variables.css +151 -0
  152. package/src/styles.ts +5 -0
  153. package/src/utils/colorUtils.ts +133 -0
  154. package/src/utils/elementNames.ts +103 -0
  155. package/src/utils/elementUtils.ts +90 -0
  156. package/src/utils/errorTracker.ts +186 -0
  157. package/src/utils/inputStyles.ts +30 -0
  158. package/src/utils/styleUtils.ts +226 -0
  159. package/src/utils/tailwindMapper.ts +554 -0
  160. package/src/utils/urlTracker.ts +75 -0
  161. package/src/vite-env.d.ts +7 -0
  162. package/README.md +0 -866
  163. package/dist/hook.d.ts +0 -115
  164. package/dist/hook.d.ts.map +0 -1
  165. package/dist/hook.js +0 -288
  166. package/dist/plugin.d.ts +0 -44
  167. package/dist/plugin.d.ts.map +0 -1
  168. package/dist/types.d.ts +0 -139
  169. package/dist/types.d.ts.map +0 -1
  170. package/dist/types.js +0 -7
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Inspector Canvas - Main App Component
3
+ */
4
+ export declare function App(): import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=App.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../src/App.tsx"],"names":[],"mappings":"AAAA;;GAEG;AA4SH,wBAAgB,GAAG,4CAimBlB"}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Unit tests for element stack feature
3
+ */
4
+ import '@testing-library/jest-dom';
5
+ //# sourceMappingURL=App.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"App.test.d.ts","sourceRoot":"","sources":["../../../../../src/__tests__/App.test.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,2BAA2B,CAAC"}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Badge component - "Built by Promake" badge
3
+ */
4
+ interface BadgeProps {
5
+ visible: boolean;
6
+ }
7
+ export declare function Badge({ visible }: BadgeProps): import("react/jsx-runtime").JSX.Element | null;
8
+ export {};
9
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,UAAU,UAAU;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,EAAE,UAAU,kDA0G5C"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * ContentArea component - Container for tab content
3
+ */
4
+ import { ReactNode } from "react";
5
+ interface ContentAreaProps {
6
+ children: ReactNode;
7
+ }
8
+ export declare function ContentArea({ children }: ContentAreaProps): import("react/jsx-runtime").JSX.Element;
9
+ export {};
10
+ //# sourceMappingURL=ContentArea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentArea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ControlBox/ContentArea.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAEzD"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * PromptInput component - Always-visible prompt input at bottom
3
+ */
4
+ interface PromptInputProps {
5
+ placeholder: string;
6
+ onSubmit: (prompt: string) => void;
7
+ onClose: () => void;
8
+ autoFocus?: boolean;
9
+ }
10
+ export declare function PromptInput({ placeholder, onSubmit, onClose, autoFocus, }: PromptInputProps): import("react/jsx-runtime").JSX.Element;
11
+ export {};
12
+ //# sourceMappingURL=PromptInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PromptInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ControlBox/PromptInput.tsx"],"names":[],"mappings":"AAAA;;GAEG;AASH,UAAU,gBAAgB;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAiB,GAClB,EAAE,gBAAgB,2CAgFlB"}
@@ -0,0 +1,21 @@
1
+ /**
2
+ * ControlBox - Main control interface for inspector
3
+ * Layout: TOP (tabs) | CONTENT (editors) | BOTTOM (prompt input)
4
+ */
5
+ import type { SelectedElementData } from "@promakeai/inspector-types";
6
+ interface ControlBoxProps {
7
+ className?: string;
8
+ element: HTMLElement;
9
+ elementData: SelectedElementData;
10
+ activeTab: "text" | "image" | "style" | null;
11
+ availableTabs: ("text" | "image" | "style")[];
12
+ onTabChange: (tab: "text" | "image" | "style" | null) => void;
13
+ onClose: () => void;
14
+ onPromptSubmit: (prompt: string) => void;
15
+ elementStack?: HTMLElement[];
16
+ onElementSelect?: (element: HTMLElement) => void;
17
+ labels?: Record<string, string>;
18
+ }
19
+ export declare function ControlBox({ className, element, elementData, activeTab, availableTabs, onTabChange, onClose, onPromptSubmit, elementStack, onElementSelect, labels: customLabels, }: ControlBoxProps): import("react/jsx-runtime").JSX.Element;
20
+ export {};
21
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ControlBox/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKtE,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,mBAAmB,CAAC;IACjC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC;IAC9C,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AA6BD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,WAAW,EACX,SAAS,EACT,aAAa,EACb,WAAW,EACX,OAAO,EACP,cAAc,EACd,YAAiB,EACjB,eAAe,EACf,MAAM,EAAE,YAAY,GACrB,EAAE,eAAe,2CAmVjB"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * UploadBox component - Drag & drop image upload
3
+ */
4
+ interface UploadBoxProps {
5
+ onFileSelect: (file: File) => void;
6
+ previewImage: string | null;
7
+ }
8
+ export declare function UploadBox({ onFileSelect, previewImage }: UploadBoxProps): import("react/jsx-runtime").JSX.Element;
9
+ export {};
10
+ //# sourceMappingURL=UploadBox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UploadBox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ImageEditor/UploadBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAMH,UAAU,cAAc;IACtB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,cAAc,2CAmGvE"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * ImageEditor component - Edit/upload images
3
+ */
4
+ import type { SelectedElementData } from "@promakeai/inspector-types";
5
+ interface ImageEditorProps {
6
+ element: HTMLElement;
7
+ elementData: SelectedElementData;
8
+ }
9
+ export declare function ImageEditor({ element, elementData }: ImageEditorProps): import("react/jsx-runtime").JSX.Element;
10
+ export {};
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ImageEditor/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAMH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAItE,UAAU,gBAAgB;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,mBAAmB,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,gBAAgB,2CAkErE"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Overlay component for highlighting elements
3
+ */
4
+ interface OverlayProps {
5
+ element: HTMLElement | null;
6
+ selectedElement: HTMLElement | null;
7
+ showChildBorders?: boolean;
8
+ }
9
+ export declare function Overlay({ element, selectedElement, showChildBorders, }: OverlayProps): import("react/jsx-runtime").JSX.Element | null;
10
+ export {};
11
+ //# sourceMappingURL=Overlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../../src/components/Overlay.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,UAAU,YAAY;IACpB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,eAAe,EACf,gBAAuB,GACxB,EAAE,YAAY,kDA4Id"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * BorderSection - Border Radius, Border Width, Border Color
3
+ */
4
+ import type { StyleChanges } from "@promakeai/inspector-types";
5
+ interface BorderSectionProps {
6
+ styles: StyleChanges;
7
+ onChange: (property: keyof StyleChanges, value: string) => void;
8
+ originalStyles: StyleChanges;
9
+ onResetProperty: (property: keyof StyleChanges) => void;
10
+ }
11
+ export declare function BorderSection({ styles: styleValues, onChange, originalStyles, onResetProperty }: BorderSectionProps): import("react/jsx-runtime").JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=BorderSection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BorderSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StyleEditor/BorderSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAc/D,UAAU,kBAAkB;IAC1B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,cAAc,EAAE,YAAY,CAAC;IAC7B,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,KAAK,IAAI,CAAC;CACzD;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EAAE,WAAW,EACnB,QAAQ,EACR,cAAc,EACd,eAAe,EAChB,EAAE,kBAAkB,2CAoHpB"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * ColorPicker - Simple color picker with react-colorful
3
+ */
4
+ interface ColorPickerProps {
5
+ label: string;
6
+ value: string;
7
+ onChange: (value: string) => void;
8
+ originalValue?: string;
9
+ onReset?: () => void;
10
+ }
11
+ export declare function ColorPicker({ label, value, onChange, originalValue, onReset }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=ColorPicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StyleEditor/ColorPicker.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAWH,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAgK/F"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * DisplaySection - Display mode and Opacity
3
+ */
4
+ import type { StyleChanges } from "@promakeai/inspector-types";
5
+ interface DisplaySectionProps {
6
+ styles: StyleChanges;
7
+ onChange: (property: keyof StyleChanges, value: string) => void;
8
+ originalStyles: StyleChanges;
9
+ onResetProperty: (property: keyof StyleChanges) => void;
10
+ }
11
+ export declare function DisplaySection({ styles: styleValues, onChange, originalStyles, onResetProperty, }: DisplaySectionProps): import("react/jsx-runtime").JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=DisplaySection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DisplaySection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StyleEditor/DisplaySection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAa/D,UAAU,mBAAmB;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,cAAc,EAAE,YAAY,CAAC;IAC7B,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,KAAK,IAAI,CAAC;CACzD;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EAAE,WAAW,EACnB,QAAQ,EACR,cAAc,EACd,eAAe,GAChB,EAAE,mBAAmB,2CA8TrB"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * ImageSection - Object Fit for image elements
3
+ */
4
+ import type { StyleChanges } from "@promakeai/inspector-types";
5
+ interface ImageSectionProps {
6
+ styles: StyleChanges;
7
+ onChange: (property: keyof StyleChanges, value: string) => void;
8
+ originalStyles: StyleChanges;
9
+ onResetProperty: (property: keyof StyleChanges) => void;
10
+ }
11
+ export declare function ImageSection({ styles: styleValues, onChange, originalStyles, onResetProperty, }: ImageSectionProps): import("react/jsx-runtime").JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=ImageSection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ImageSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StyleEditor/ImageSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAY/D,UAAU,iBAAiB;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,cAAc,EAAE,YAAY,CAAC;IAC7B,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,KAAK,IAAI,CAAC;CACzD;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EAAE,WAAW,EACnB,QAAQ,EACR,cAAc,EACd,eAAe,GAChB,EAAE,iBAAiB,2CA2EnB"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * LayoutSection - Background Color, Height, Width
3
+ */
4
+ import type { StyleChanges } from "@promakeai/inspector-types";
5
+ interface LayoutSectionProps {
6
+ styles: StyleChanges;
7
+ onChange: (property: keyof StyleChanges, value: string) => void;
8
+ originalStyles: StyleChanges;
9
+ onResetProperty: (property: keyof StyleChanges) => void;
10
+ }
11
+ export declare function LayoutSection({ styles: styleValues, onChange, originalStyles, onResetProperty }: LayoutSectionProps): import("react/jsx-runtime").JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=LayoutSection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LayoutSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StyleEditor/LayoutSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAM/D,UAAU,kBAAkB;IAC1B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,cAAc,EAAE,YAAY,CAAC;IAC7B,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,KAAK,IAAI,CAAC;CACzD;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EAAE,WAAW,EACnB,QAAQ,EACR,cAAc,EACd,eAAe,EAChB,EAAE,kBAAkB,2CAwCpB"}
@@ -0,0 +1,17 @@
1
+ /**
2
+ * NumberInput - Input with drag-to-adjust handle (Figma-style)
3
+ */
4
+ interface NumberInputProps {
5
+ label: string;
6
+ value: string | undefined;
7
+ onChange: (value: string) => void;
8
+ min?: number;
9
+ max?: number;
10
+ step?: number;
11
+ unit?: string;
12
+ originalValue?: string;
13
+ onReset?: () => void;
14
+ }
15
+ export declare function NumberInput({ label, value, onChange, min, max, step, unit, originalValue, onReset, }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
16
+ export {};
17
+ //# sourceMappingURL=NumberInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StyleEditor/NumberInput.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAQH,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAO,EACP,GAAU,EACV,IAAQ,EACR,IAAW,EACX,aAAa,EACb,OAAO,GACR,EAAE,gBAAgB,2CAyGlB"}
@@ -0,0 +1,16 @@
1
+ /**
2
+ * SliderInput - Canva-style slider with synchronized number input
3
+ */
4
+ interface SliderInputProps {
5
+ label: string;
6
+ value: string;
7
+ min: number;
8
+ max: number;
9
+ unit?: string;
10
+ onChange: (value: string) => void;
11
+ originalValue?: string;
12
+ onReset?: () => void;
13
+ }
14
+ export declare function SliderInput({ label, value, min, max, unit, onChange, originalValue, onReset, }: SliderInputProps): import("react/jsx-runtime").JSX.Element;
15
+ export {};
16
+ //# sourceMappingURL=SliderInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SliderInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StyleEditor/SliderInput.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAW,EACX,QAAQ,EACR,aAAa,EACb,OAAO,GACR,EAAE,gBAAgB,2CA6FlB"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * SpacingSection - Padding and Margin (Vertical & Horizontal or All Sides)
3
+ */
4
+ import type { StyleChanges } from "@promakeai/inspector-types";
5
+ interface SpacingSectionProps {
6
+ styles: StyleChanges;
7
+ onChange: (property: keyof StyleChanges, value: string) => void;
8
+ originalStyles: StyleChanges;
9
+ onResetProperty: (property: keyof StyleChanges) => void;
10
+ }
11
+ export declare function SpacingSection({ styles: styleValues, onChange, originalStyles, onResetProperty, }: SpacingSectionProps): import("react/jsx-runtime").JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=SpacingSection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SpacingSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StyleEditor/SpacingSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAM/D,UAAU,mBAAmB;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,cAAc,EAAE,YAAY,CAAC;IAC7B,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,KAAK,IAAI,CAAC;CACzD;AAID,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EAAE,WAAW,EACnB,QAAQ,EACR,cAAc,EACd,eAAe,GAChB,EAAE,mBAAmB,2CAmVrB"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * TextSection - Color, Font Size, Font Weight, Font Family, Text Align
3
+ */
4
+ import type { StyleChanges } from "@promakeai/inspector-types";
5
+ interface TextSectionProps {
6
+ styles: StyleChanges;
7
+ onChange: (property: keyof StyleChanges, value: string) => void;
8
+ originalStyles: StyleChanges;
9
+ onResetProperty: (property: keyof StyleChanges) => void;
10
+ }
11
+ export declare function TextSection({ styles, onChange, originalStyles, onResetProperty }: TextSectionProps): import("react/jsx-runtime").JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=TextSection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StyleEditor/TextSection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAe/D,UAAU,gBAAgB;IACxB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,cAAc,EAAE,YAAY,CAAC;IAC7B,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,YAAY,KAAK,IAAI,CAAC;CACzD;AAeD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,gBAAgB,2CAqVlG"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * StyleEditor - Main style editing component with accordion sections
3
+ */
4
+ import type { SelectedElementData } from "@promakeai/inspector-types";
5
+ interface StyleEditorProps {
6
+ element: HTMLElement;
7
+ elementData: SelectedElementData;
8
+ onHasChangesChange?: (hasChanges: boolean) => void;
9
+ }
10
+ export declare function StyleEditor({ element, elementData, onHasChangesChange, }: StyleEditorProps): import("react/jsx-runtime").JSX.Element;
11
+ export {};
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StyleEditor/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAWH,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,4BAA4B,CAAC;AAkBpC,UAAU,gBAAgB;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,mBAAmB,CAAC;IACjC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,WAAW,EACX,kBAAkB,GACnB,EAAE,gBAAgB,2CAujBlB"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * TextEditor component - Edit text content of elements
3
+ */
4
+ import type { SelectedElementData } from "@promakeai/inspector-types";
5
+ interface TextEditorProps {
6
+ element: HTMLElement;
7
+ elementData: SelectedElementData;
8
+ }
9
+ export declare function TextEditor({ element, elementData }: TextEditorProps): import("react/jsx-runtime").JSX.Element;
10
+ export {};
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AASH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,UAAU,eAAe;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,mBAAmB,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,eAAe,2CAkJnE"}
@@ -0,0 +1,26 @@
1
+ /**
2
+ * Custom Collapsible Component
3
+ * Simple accordion without external dependencies
4
+ */
5
+ import React from "react";
6
+ interface CollapsibleProps {
7
+ open?: boolean;
8
+ onOpenChange?: (open: boolean) => void;
9
+ children: React.ReactNode;
10
+ }
11
+ export declare function Collapsible({ open, onOpenChange, children, }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
12
+ interface CollapsibleTriggerProps {
13
+ asChild?: boolean;
14
+ children: React.ReactNode;
15
+ onClick?: () => void;
16
+ "data-state"?: "open" | "closed";
17
+ }
18
+ export declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
19
+ interface CollapsibleContentProps {
20
+ children: React.ReactNode;
21
+ className?: string;
22
+ isOpen?: boolean;
23
+ }
24
+ export declare function CollapsibleContent({ children, className, isOpen, }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
25
+ export {};
26
+ //# sourceMappingURL=CustomCollapsible.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CustomCollapsible.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/CustomCollapsible.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,gBAAgB,2CAiClB;AAED,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAClC;AAED,eAAO,MAAM,kBAAkB,mGAkB9B,CAAC;AAIF,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,MAAM,GACP,EAAE,uBAAuB,2CAmEzB"}
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ interface ButtonProps extends React.ComponentProps<"button"> {
3
+ variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
4
+ size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg";
5
+ asChild?: boolean;
6
+ }
7
+ declare function Button({ className, variant, size, asChild, style, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
8
+ export { Button };
9
+ //# sourceMappingURL=button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;IAC1D,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IACjF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,2CAmDb;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ type TColorPicker = {
3
+ value: string;
4
+ onChange: (value: string) => void;
5
+ handleAdd?: (value: string) => void;
6
+ children?: React.ReactNode;
7
+ };
8
+ declare const ColorPicker: React.FC<TColorPicker>;
9
+ export default ColorPicker;
10
+ //# sourceMappingURL=color-picker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/color-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA0BpD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6GvC,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
+ }
4
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
5
+ export { Input };
6
+ //# sourceMappingURL=input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAExD,QAAA,MAAM,KAAK,qFAqBV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import * as PopoverPrimitive from "@radix-ui/react-popover";
3
+ declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
5
+ declare function PopoverContent({ className, align, sideOffset, style, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
6
+ declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
7
+ export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
8
+ //# sourceMappingURL=popover.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAU5D,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAqBvD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
@@ -0,0 +1,16 @@
1
+ import * as React from "react";
2
+ import * as SelectPrimitive from "@radix-ui/react-select";
3
+ declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
5
+ declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
6
+ declare function SelectTrigger({ className, size, children, style, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
7
+ size?: "sm" | "default";
8
+ }): import("react/jsx-runtime").JSX.Element;
9
+ declare function SelectContent({ className, children, position, align, style, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
10
+ declare function SelectLabel({ className, style, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
11
+ declare function SelectItem({ className, children, style, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
12
+ declare function SelectSeparator({ className, style, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
13
+ declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
14
+ declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
15
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
16
+ //# sourceMappingURL=select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAW1D,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,2CAuBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,KAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAgCtD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAcpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAqBnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAcxD;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAU7D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAU/D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import * as SliderPrimitive from "@radix-ui/react-slider";
3
+ declare function Slider({ className, defaultValue, value, min, max, style, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ export { Slider };
5
+ //# sourceMappingURL=slider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CA2CnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ declare function Textarea({ className, style, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
3
+ export { Textarea };
4
+ //# sourceMappingURL=textarea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAejF;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
3
+ declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
4
+ declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
5
+ declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
6
+ declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
8
+ //# sourceMappingURL=tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAK5D,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAoBlB,CAAC;AAIH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
@@ -0,0 +1,40 @@
1
+ /**
2
+ * ElementHighlighter
3
+ *
4
+ * Manages visual highlighting of elements with overlay animations.
5
+ * Supports smooth scrolling, position tracking, and customizable appearance.
6
+ */
7
+ export interface HighlightOptions {
8
+ duration?: number;
9
+ scrollIntoView?: boolean;
10
+ color?: string;
11
+ animation?: "pulse" | "fade" | "none";
12
+ }
13
+ export declare class ElementHighlighter {
14
+ private activeOverlay;
15
+ private scrollListener;
16
+ private resizeListener;
17
+ private cleanupTimeout;
18
+ private animationFrameId;
19
+ private targetElement;
20
+ /**
21
+ * Highlights an element with visual overlay
22
+ *
23
+ * @param element - Target element to highlight
24
+ * @param options - Highlight configuration
25
+ */
26
+ highlight(element: Element, options?: HighlightOptions): void;
27
+ /**
28
+ * Creates the highlight overlay element
29
+ */
30
+ private createOverlay;
31
+ /**
32
+ * Removes active highlight overlay
33
+ */
34
+ clearHighlight(): void;
35
+ /**
36
+ * Injects required CSS animations
37
+ */
38
+ private injectStyles;
39
+ }
40
+ //# sourceMappingURL=highlighter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"highlighter.d.ts","sourceRoot":"","sources":["../../../../../src/core/highlighter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CACvC;AAED,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,aAAa,CAAwB;IAE7C;;;;;OAKG;IACH,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,GAAE,gBAAqB,GAAG,IAAI;IA4BjE;;OAEG;IACH,OAAO,CAAC,aAAa;IAiFrB;;OAEG;IACH,cAAc,IAAI,IAAI;IA6BtB;;OAEG;IACH,OAAO,CAAC,YAAY;CAqBrB"}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Hook for bridging messages between canvas (iframe) and parent window
3
+ */
4
+ export interface MessageBridgeReturn {
5
+ sendToParent: (type: string, data: any) => void;
6
+ listenToParent: (handler: (message: any) => void) => void;
7
+ }
8
+ export declare function useMessageBridge(): MessageBridgeReturn;
9
+ //# sourceMappingURL=useMessageBridge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMessageBridge.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useMessageBridge.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,gBAAgB,IAAI,mBAAmB,CAqCtD"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Hook for real-time style preview on elements
3
+ * Simple approach: track changed properties, add incrementally, remove on reset
4
+ */
5
+ import type { StyleChanges } from "@promakeai/inspector-types";
6
+ export declare function useStylePreview(element: HTMLElement | null): {
7
+ previewStyle: (property: keyof StyleChanges, value: string) => void;
8
+ resetStyles: () => void;
9
+ resetSingleProperty: (property: keyof StyleChanges) => void;
10
+ };
11
+ //# sourceMappingURL=useStylePreview.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStylePreview.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useStylePreview.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;6BAY5C,MAAM,YAAY,SAAS,MAAM;;oCAiMjC,MAAM,YAAY;EAsHhC"}
@@ -0,0 +1,16 @@
1
+ /**
2
+ * @promakeai/inspector - React Component Package
3
+ *
4
+ * Visual element inspector component for React apps with AI prompt support.
5
+ * This is now a React component (not a Vite plugin).
6
+ *
7
+ * IMPORTANT: Import the CSS file separately:
8
+ * ```tsx
9
+ * import { Inspector } from "@promakeai/inspector";
10
+ * import "@promakeai/inspector/style.css"; // Required!
11
+ * ```
12
+ */
13
+ import "./styles/global.css";
14
+ export { App as Inspector, App } from "./App";
15
+ export type * from "@promakeai/inspector-types";
16
+ //# sourceMappingURL=index.d.ts.map