volca-drum-ui 0.1.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 (144) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +561 -0
  3. package/dist/assets/icons/index.d.ts +19 -0
  4. package/dist/assets/icons/index.d.ts.map +1 -0
  5. package/dist/components/Accordion/Accordion.css.d.ts +23 -0
  6. package/dist/components/Accordion/Accordion.css.d.ts.map +1 -0
  7. package/dist/components/Accordion/Accordion.d.ts +20 -0
  8. package/dist/components/Accordion/Accordion.d.ts.map +1 -0
  9. package/dist/components/Accordion/index.d.ts +3 -0
  10. package/dist/components/Accordion/index.d.ts.map +1 -0
  11. package/dist/components/AppHeader/AppHeader.css.d.ts +10 -0
  12. package/dist/components/AppHeader/AppHeader.css.d.ts.map +1 -0
  13. package/dist/components/AppHeader/AppHeader.d.ts +20 -0
  14. package/dist/components/AppHeader/AppHeader.d.ts.map +1 -0
  15. package/dist/components/AppHeader/index.d.ts +3 -0
  16. package/dist/components/AppHeader/index.d.ts.map +1 -0
  17. package/dist/components/AppLayout/AppLayout.css.d.ts +7 -0
  18. package/dist/components/AppLayout/AppLayout.css.d.ts.map +1 -0
  19. package/dist/components/AppLayout/AppLayout.d.ts +18 -0
  20. package/dist/components/AppLayout/AppLayout.d.ts.map +1 -0
  21. package/dist/components/AppLayout/index.d.ts +3 -0
  22. package/dist/components/AppLayout/index.d.ts.map +1 -0
  23. package/dist/components/Button/Button.css.d.ts +7 -0
  24. package/dist/components/Button/Button.css.d.ts.map +1 -0
  25. package/dist/components/Button/Button.d.ts +17 -0
  26. package/dist/components/Button/Button.d.ts.map +1 -0
  27. package/dist/components/Button/index.d.ts +3 -0
  28. package/dist/components/Button/index.d.ts.map +1 -0
  29. package/dist/components/Card/Card.css.d.ts +9 -0
  30. package/dist/components/Card/Card.css.d.ts.map +1 -0
  31. package/dist/components/Card/Card.d.ts +22 -0
  32. package/dist/components/Card/Card.d.ts.map +1 -0
  33. package/dist/components/Card/index.d.ts +3 -0
  34. package/dist/components/Card/index.d.ts.map +1 -0
  35. package/dist/components/EmptyState/EmptyState.css.d.ts +12 -0
  36. package/dist/components/EmptyState/EmptyState.css.d.ts.map +1 -0
  37. package/dist/components/EmptyState/EmptyState.d.ts +24 -0
  38. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -0
  39. package/dist/components/EmptyState/index.d.ts +3 -0
  40. package/dist/components/EmptyState/index.d.ts.map +1 -0
  41. package/dist/components/ErrorDisplay/ErrorDisplay.css.d.ts +14 -0
  42. package/dist/components/ErrorDisplay/ErrorDisplay.css.d.ts.map +1 -0
  43. package/dist/components/ErrorDisplay/ErrorDisplay.d.ts +28 -0
  44. package/dist/components/ErrorDisplay/ErrorDisplay.d.ts.map +1 -0
  45. package/dist/components/ErrorDisplay/index.d.ts +3 -0
  46. package/dist/components/ErrorDisplay/index.d.ts.map +1 -0
  47. package/dist/components/Modal/Modal.css.d.ts +14 -0
  48. package/dist/components/Modal/Modal.css.d.ts.map +1 -0
  49. package/dist/components/Modal/Modal.d.ts +17 -0
  50. package/dist/components/Modal/Modal.d.ts.map +1 -0
  51. package/dist/components/Modal/index.d.ts +3 -0
  52. package/dist/components/Modal/index.d.ts.map +1 -0
  53. package/dist/components/ModalContent/ModalContent.css.d.ts +23 -0
  54. package/dist/components/ModalContent/ModalContent.css.d.ts.map +1 -0
  55. package/dist/components/ModalContent/ModalContent.d.ts +58 -0
  56. package/dist/components/ModalContent/ModalContent.d.ts.map +1 -0
  57. package/dist/components/ModalContent/index.d.ts +3 -0
  58. package/dist/components/ModalContent/index.d.ts.map +1 -0
  59. package/dist/components/ParameterDisplay/ParameterDisplay.css.d.ts +17 -0
  60. package/dist/components/ParameterDisplay/ParameterDisplay.css.d.ts.map +1 -0
  61. package/dist/components/ParameterDisplay/ParameterDisplay.d.ts +29 -0
  62. package/dist/components/ParameterDisplay/ParameterDisplay.d.ts.map +1 -0
  63. package/dist/components/ParameterDisplay/index.d.ts +3 -0
  64. package/dist/components/ParameterDisplay/index.d.ts.map +1 -0
  65. package/dist/components/PartEditorLayout/PartEditorLayout.css.d.ts +19 -0
  66. package/dist/components/PartEditorLayout/PartEditorLayout.css.d.ts.map +1 -0
  67. package/dist/components/PartEditorLayout/PartEditorLayout.d.ts +53 -0
  68. package/dist/components/PartEditorLayout/PartEditorLayout.d.ts.map +1 -0
  69. package/dist/components/PartEditorLayout/index.d.ts +3 -0
  70. package/dist/components/PartEditorLayout/index.d.ts.map +1 -0
  71. package/dist/components/PartTitle/PartTitle.css.d.ts +11 -0
  72. package/dist/components/PartTitle/PartTitle.css.d.ts.map +1 -0
  73. package/dist/components/PartTitle/PartTitle.d.ts +30 -0
  74. package/dist/components/PartTitle/PartTitle.d.ts.map +1 -0
  75. package/dist/components/PartTitle/index.d.ts +3 -0
  76. package/dist/components/PartTitle/index.d.ts.map +1 -0
  77. package/dist/components/Parts/Parts.css.d.ts +8 -0
  78. package/dist/components/Parts/Parts.css.d.ts.map +1 -0
  79. package/dist/components/Parts/Parts.d.ts +16 -0
  80. package/dist/components/Parts/Parts.d.ts.map +1 -0
  81. package/dist/components/Parts/index.d.ts +3 -0
  82. package/dist/components/Parts/index.d.ts.map +1 -0
  83. package/dist/components/Processing/Processing.css.d.ts +8 -0
  84. package/dist/components/Processing/Processing.css.d.ts.map +1 -0
  85. package/dist/components/Processing/Processing.d.ts +20 -0
  86. package/dist/components/Processing/Processing.d.ts.map +1 -0
  87. package/dist/components/Processing/index.d.ts +3 -0
  88. package/dist/components/Processing/index.d.ts.map +1 -0
  89. package/dist/components/RadioButton/RadioButton.css.d.ts +13 -0
  90. package/dist/components/RadioButton/RadioButton.css.d.ts.map +1 -0
  91. package/dist/components/RadioButton/RadioButton.d.ts +25 -0
  92. package/dist/components/RadioButton/RadioButton.d.ts.map +1 -0
  93. package/dist/components/RadioButton/index.d.ts +3 -0
  94. package/dist/components/RadioButton/index.d.ts.map +1 -0
  95. package/dist/components/RadioGroup/RadioGroup.css.d.ts +8 -0
  96. package/dist/components/RadioGroup/RadioGroup.css.d.ts.map +1 -0
  97. package/dist/components/RadioGroup/RadioGroup.d.ts +21 -0
  98. package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -0
  99. package/dist/components/RadioGroup/index.d.ts +3 -0
  100. package/dist/components/RadioGroup/index.d.ts.map +1 -0
  101. package/dist/components/Slider/Slider.css.d.ts +15 -0
  102. package/dist/components/Slider/Slider.css.d.ts.map +1 -0
  103. package/dist/components/Slider/Slider.d.ts +20 -0
  104. package/dist/components/Slider/Slider.d.ts.map +1 -0
  105. package/dist/components/Slider/index.d.ts +3 -0
  106. package/dist/components/Slider/index.d.ts.map +1 -0
  107. package/dist/components/Stack/Stack.css.d.ts +10 -0
  108. package/dist/components/Stack/Stack.css.d.ts.map +1 -0
  109. package/dist/components/Stack/Stack.d.ts +24 -0
  110. package/dist/components/Stack/Stack.d.ts.map +1 -0
  111. package/dist/components/Stack/index.d.ts +3 -0
  112. package/dist/components/Stack/index.d.ts.map +1 -0
  113. package/dist/components/Status/Status.css.d.ts +49 -0
  114. package/dist/components/Status/Status.css.d.ts.map +1 -0
  115. package/dist/components/Status/Status.d.ts +28 -0
  116. package/dist/components/Status/Status.d.ts.map +1 -0
  117. package/dist/components/Status/index.d.ts +3 -0
  118. package/dist/components/Status/index.d.ts.map +1 -0
  119. package/dist/components/StepList/StepList.css.d.ts +12 -0
  120. package/dist/components/StepList/StepList.css.d.ts.map +1 -0
  121. package/dist/components/StepList/StepList.d.ts +19 -0
  122. package/dist/components/StepList/StepList.d.ts.map +1 -0
  123. package/dist/components/StepList/index.d.ts +3 -0
  124. package/dist/components/StepList/index.d.ts.map +1 -0
  125. package/dist/components/Switch/Switch.css.d.ts +9 -0
  126. package/dist/components/Switch/Switch.css.d.ts.map +1 -0
  127. package/dist/components/Switch/Switch.d.ts +17 -0
  128. package/dist/components/Switch/Switch.d.ts.map +1 -0
  129. package/dist/components/Switch/index.d.ts +3 -0
  130. package/dist/components/Switch/index.d.ts.map +1 -0
  131. package/dist/components/Toast/Toast.css.d.ts +6 -0
  132. package/dist/components/Toast/Toast.css.d.ts.map +1 -0
  133. package/dist/components/Toast/Toast.d.ts +10 -0
  134. package/dist/components/Toast/Toast.d.ts.map +1 -0
  135. package/dist/components/Toast/index.d.ts +2 -0
  136. package/dist/components/Toast/index.d.ts.map +1 -0
  137. package/dist/index.d.ts +51 -0
  138. package/dist/index.d.ts.map +1 -0
  139. package/dist/index.js +852 -0
  140. package/dist/index.js.map +1 -0
  141. package/dist/style.css +1 -0
  142. package/dist/utils/toast.d.ts +15 -0
  143. package/dist/utils/toast.d.ts.map +1 -0
  144. package/package.json +100 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PartTitle.css.d.ts","sourceRoot":"","sources":["../../../src/components/PartTitle/PartTitle.css.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,eAAO,MAAM,MAAM,QAIjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAyBpB,CAAC;AAEH,eAAO,MAAM,OAAO,QAKlB,CAAC;AAEH,eAAO,MAAM,GAAG,QAsBd,CAAC;AAEH,eAAO,MAAM,UAAU,QAYrB,CAAC;AAEH,eAAO,MAAM,YAAY,QAYvB,CAAC"}
@@ -0,0 +1,30 @@
1
+ /**
2
+ * Part Title Component
3
+ * Title section with part name input and action buttons
4
+ * Generic layout component - callbacks handle business logic
5
+ */
6
+ import { ChangeEvent } from 'react';
7
+ export interface PartTitleProps {
8
+ /** Current part number for placeholder text */
9
+ currentPart: number;
10
+ /** Part name value */
11
+ partName: string;
12
+ /** Whether reset button should be enabled */
13
+ canReset: boolean;
14
+ /** Handler for part name changes */
15
+ onPartNameChange: (e: ChangeEvent<HTMLInputElement>) => void;
16
+ /** Handler for save part button */
17
+ onSavePart: () => void;
18
+ /** Handler for load part button */
19
+ onLoadPart: () => void;
20
+ /** Handler for reset part button */
21
+ onResetPart: () => void;
22
+ /** Handler for send to device button */
23
+ onSendToDevice: () => void;
24
+ }
25
+ /**
26
+ * PartTitle displays the part name input and action buttons
27
+ * This is a pure layout component - all business logic is handled via callbacks
28
+ */
29
+ export declare const PartTitle: import("react").MemoExoticComponent<({ currentPart, partName, canReset, onPartNameChange, onSavePart, onLoadPart, onResetPart, onSendToDevice, }: PartTitleProps) => import("react/jsx-runtime").JSX.Element>;
30
+ //# sourceMappingURL=PartTitle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PartTitle.d.ts","sourceRoot":"","sources":["../../../src/components/PartTitle/PartTitle.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAQ,WAAW,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,gBAAgB,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,mCAAmC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mCAAmC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,oCAAoC;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,oJAUjB,cAAc,6CA4BlB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { PartTitle } from './PartTitle';
2
+ export type { PartTitleProps } from './PartTitle';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PartTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * PartTabs Component Styles
3
+ */
4
+ export declare const tabs: string;
5
+ export declare const tab: string;
6
+ export declare const active: string;
7
+ export declare const label: string;
8
+ //# sourceMappingURL=Parts.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Parts.css.d.ts","sourceRoot":"","sources":["../../../src/components/Parts/Parts.css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,GAAG,QA+Bd,CAAC;AAEH,eAAO,MAAM,MAAM,QAMjB,CAAC;AAEH,eAAO,MAAM,KAAK,QAKhB,CAAC"}
@@ -0,0 +1,16 @@
1
+ /**
2
+ * Parts Component
3
+ * Tab navigation for switching between parts 1-6 and Waveguide
4
+ */
5
+ export interface PartsProps {
6
+ /** Current active part (0 = waveguide, 1-6 = parts) */
7
+ currentPart: number;
8
+ /** Callback when a part tab is clicked */
9
+ onPartChange: (part: number) => void;
10
+ /** Optional custom display names per part */
11
+ partNames?: Record<number, string>;
12
+ /** Whether tab switching is disabled */
13
+ disabled?: boolean;
14
+ }
15
+ export declare const Parts: import("react").MemoExoticComponent<({ currentPart, onPartChange, partNames, disabled }: PartsProps) => import("react/jsx-runtime").JSX.Element>;
16
+ //# sourceMappingURL=Parts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Parts.d.ts","sourceRoot":"","sources":["../../../src/components/Parts/Parts.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,MAAM,WAAW,UAAU;IACzB,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,eAAO,MAAM,KAAK,2FAC6C,UAAU,6CA2BxE,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Parts } from './Parts';
2
+ export type { PartsProps } from './Parts';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Parts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * ProcessingSection Component Styles
3
+ * Cyan-themed horizontal accordion for processing parameters
4
+ */
5
+ export declare const processingSection: string;
6
+ export declare const processingSectionCollapsed: string;
7
+ export declare const paramsList: string;
8
+ //# sourceMappingURL=Processing.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Processing.css.d.ts","sourceRoot":"","sources":["../../../src/components/Processing/Processing.css.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAaH,eAAO,MAAM,iBAAiB,QAU5B,CAAC;AAGH,eAAO,MAAM,0BAA0B,QAIrC,CAAC;AAyCH,eAAO,MAAM,UAAU,QAUrB,CAAC"}
@@ -0,0 +1,20 @@
1
+ /**
2
+ * Processing Component
3
+ * Horizontal accordion with cyan styling for processing parameters
4
+ * Composes the Accordion component with processing-specific styling
5
+ */
6
+ import { ReactNode } from 'react';
7
+ export interface ProcessingProps {
8
+ /** Parameter slider content */
9
+ children: ReactNode;
10
+ /** Controlled expanded state */
11
+ expanded?: boolean;
12
+ /** Default expanded state (uncontrolled) */
13
+ defaultExpanded?: boolean;
14
+ /** Callback when toggled */
15
+ onToggle?: (expanded: boolean) => void;
16
+ /** Unique identifier */
17
+ id?: string;
18
+ }
19
+ export declare const Processing: import("react").MemoExoticComponent<({ children, expanded: controlledExpanded, defaultExpanded, onToggle, id, }: ProcessingProps) => import("react/jsx-runtime").JSX.Element>;
20
+ //# sourceMappingURL=Processing.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Processing.d.ts","sourceRoot":"","sources":["../../../src/components/Processing/Processing.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAI/D,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,UAAU,mHAOlB,eAAe,6CAoCnB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Processing } from './Processing';
2
+ export type { ProcessingProps } from './Processing';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Processing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * RadioButton Component Styles
3
+ */
4
+ export declare const iconButton: string;
5
+ export declare const textButton: string;
6
+ export declare const iconButtonActive: string;
7
+ export declare const textButtonActive: string;
8
+ export declare const buttonStateVariants: Record<"active" | "inactive", string>;
9
+ export declare const icon: string;
10
+ export declare const iconImage: string;
11
+ export declare const hiddenInput: string;
12
+ export declare const colorVariants: Record<"cyan" | "green" | "orange", string>;
13
+ //# sourceMappingURL=RadioButton.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioButton.css.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAsCH,eAAO,MAAM,UAAU,QAKrB,CAAC;AAEH,eAAO,MAAM,UAAU,QAAsB,CAAC;AAE9C,eAAO,MAAM,gBAAgB,QAAY,CAAC;AAC1C,eAAO,MAAM,gBAAgB,QAAY,CAAC;AAE1C,eAAO,MAAM,mBAAmB,uCAM9B,CAAC;AAEH,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAItB,CAAC;AAEH,eAAO,MAAM,aAAa,6CAsBxB,CAAC"}
@@ -0,0 +1,25 @@
1
+ /**
2
+ * RadioButton Component
3
+ * Radio button that can display as icon or text variant
4
+ * Accessible with keyboard navigation
5
+ */
6
+ import { IconName } from '../../assets/icons';
7
+ export interface RadioButtonProps {
8
+ id: string;
9
+ name: string;
10
+ value: string | number;
11
+ checked?: boolean;
12
+ label: string;
13
+ /** Icon name from bundled icons */
14
+ icon?: IconName;
15
+ /** Custom image source (URL/path) - overrides icon prop */
16
+ imageSrc?: string;
17
+ imageAlt?: string;
18
+ variant?: 'icon' | 'text';
19
+ color?: 'orange' | 'green' | 'cyan';
20
+ onChange?: (value: string | number) => void;
21
+ className?: string;
22
+ disabled?: boolean;
23
+ }
24
+ export declare const RadioButton: import("react").MemoExoticComponent<({ id, name, value, checked, label, icon, imageSrc, imageAlt, variant, color, onChange, className, disabled, }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element>;
25
+ //# sourceMappingURL=RadioButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAW,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,sJAenB,gBAAgB,6CAuDpB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { RadioButton } from './RadioButton';
2
+ export type { RadioButtonProps } from './RadioButton';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * RadioGroup Component Styles
3
+ */
4
+ export declare const radioGroupContainer: string;
5
+ export declare const radioGroupLabel: string;
6
+ export declare const groupColorVariants: Record<"cyan" | "green" | "orange", string>;
7
+ export declare const buttonGroup: string;
8
+ //# sourceMappingURL=RadioGroup.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioGroup.css.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,eAAO,MAAM,mBAAmB,QAK9B,CAAC;AAEH,eAAO,MAAM,eAAe,QAO1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,6CAgB7B,CAAC;AAEH,eAAO,MAAM,WAAW,QAUtB,CAAC"}
@@ -0,0 +1,21 @@
1
+ /**
2
+ * RadioGroup Component
3
+ * Grouped radio buttons with controlled state
4
+ * Supports both icon and text variants
5
+ */
6
+ import { RadioButtonProps } from '../RadioButton/RadioButton';
7
+ export interface RadioOption extends Omit<RadioButtonProps, 'name' | 'checked' | 'onChange'> {
8
+ value: string | number;
9
+ }
10
+ export interface RadioGroupProps {
11
+ name: string;
12
+ options: RadioOption[];
13
+ value: string | number;
14
+ onChange: (value: string | number) => void;
15
+ label?: string;
16
+ color?: 'orange' | 'green' | 'cyan';
17
+ className?: string;
18
+ disabled?: boolean;
19
+ }
20
+ export declare const RadioGroup: import("react").MemoExoticComponent<({ name, options, value, onChange, label, color, className, disabled, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element>;
21
+ //# sourceMappingURL=RadioGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG3E,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1F,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,+GAUlB,eAAe,6CA+BnB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { RadioGroup } from './RadioGroup';
2
+ export type { RadioOption, RadioGroupProps } from './RadioGroup';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Slider Component Styles
3
+ */
4
+ export declare const sliderRow: string;
5
+ export declare const sliderHeader: string;
6
+ export declare const sliderLabel: string;
7
+ export declare const sliderContainer: string;
8
+ export declare const sliderTrack: string;
9
+ export declare const sliderFill: string;
10
+ export declare const sliderThumbWrapper: string;
11
+ export declare const sliderThumb: string;
12
+ export declare const sliderValue: string;
13
+ export declare const sliderInput: string;
14
+ export declare const colorVariants: Record<"cyan" | "green" | "orange", string>;
15
+ //# sourceMappingURL=Slider.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.css.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,eAAO,MAAM,SAAS,QAKpB,CAAC;AAEH,eAAO,MAAM,YAAY,QAMvB,CAAC;AAEH,eAAO,MAAM,WAAW,QAQtB,CAAC;AAEH,eAAO,MAAM,eAAe,QAK1B,CAAC;AAEH,eAAO,MAAM,WAAW,QAOtB,CAAC;AAEH,eAAO,MAAM,UAAU,QAQrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAQ7B,CAAC;AAEH,eAAO,MAAM,WAAW,QAMtB,CAAC;AAEH,eAAO,MAAM,WAAW,QAOtB,CAAC;AAEH,eAAO,MAAM,WAAW,QAYtB,CAAC;AAuBH,eAAO,MAAM,aAAa,6CAmBxB,CAAC"}
@@ -0,0 +1,20 @@
1
+ /**
2
+ * Slider Component
3
+ * Range slider with label, visual track/fill/thumb, and value display
4
+ * Fully controlled component with customizable display formatting
5
+ */
6
+ export interface SliderProps {
7
+ id: string;
8
+ label: string;
9
+ min?: number;
10
+ max?: number;
11
+ value: number;
12
+ onChange: (value: number) => void;
13
+ formatValue?: (value: number) => string;
14
+ className?: string;
15
+ disabled?: boolean;
16
+ step?: number;
17
+ color?: 'orange' | 'green' | 'cyan';
18
+ }
19
+ export declare const Slider: import("react").MemoExoticComponent<({ id, label, min, max, value, onChange, formatValue, className, disabled, step, color, }: SliderProps) => import("react/jsx-runtime").JSX.Element>;
20
+ //# sourceMappingURL=Slider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,iIAad,WAAW,6CAmDf,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Slider } from './Slider';
2
+ export type { SliderProps } from './Slider';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Stack Component Styles (Vanilla Extract)
3
+ */
4
+ export declare const stack: string;
5
+ export declare const directionVariant: Record<"column" | "column-reverse" | "row" | "row-reverse", string>;
6
+ export declare const gapVariant: Record<"none" | "medium" | "large" | "small" | "xxs" | "xs" | "xl" | "xxl", string>;
7
+ export declare const justifyVariant: Record<"space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start", string>;
8
+ export declare const alignVariant: Record<"stretch" | "center" | "flex-end" | "flex-start" | "baseline", string>;
9
+ export declare const wrapVariant: Record<"nowrap" | "wrap" | "wrap-reverse", string>;
10
+ //# sourceMappingURL=Stack.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.css.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,gBAAgB,qEAa3B,CAAC;AAEH,eAAO,MAAM,UAAU,qFAyBrB,CAAC;AAEH,eAAO,MAAM,cAAc,0GAmBzB,CAAC;AAEH,eAAO,MAAM,YAAY,+EAgBvB,CAAC;AAEH,eAAO,MAAM,WAAW,oDAUtB,CAAC"}
@@ -0,0 +1,24 @@
1
+ /**
2
+ * Stack Component
3
+ * Flexible layout container for arranging children with consistent spacing
4
+ */
5
+ import { ReactNode, HTMLAttributes } from 'react';
6
+ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
7
+ /** Flex direction */
8
+ direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
9
+ /** Gap between children */
10
+ gap?: 'none' | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';
11
+ /** Justify content */
12
+ justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
13
+ /** Align items */
14
+ align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
15
+ /** Flex wrap */
16
+ wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
17
+ /** Stack content */
18
+ children: ReactNode;
19
+ }
20
+ export declare const Stack: {
21
+ ({ direction, gap, justify, align, wrap, children, className, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;
22
+ displayName: string;
23
+ };
24
+ //# sourceMappingURL=Stack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,qBAAqB;IACrB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IAChE,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAC;IAC1E,sBAAsB;IACtB,OAAO,CAAC,EACJ,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc,GACd,cAAc,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACtE,gBAAgB;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;IAC1C,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,KAAK;8EASf,UAAU;;CAkBZ,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Stack } from './Stack';
2
+ export type { StackProps } from './Stack';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,49 @@
1
+ /**
2
+ * Status Component Styles
3
+ * Connection status indicator with colored dot
4
+ */
5
+ export declare const indicator: import("@vanilla-extract/recipes").RuntimeFn<{
6
+ connected: {
7
+ true: {
8
+ borderColor: "var(--color-stroke-green)";
9
+ };
10
+ };
11
+ }>;
12
+ export declare const dot: import("@vanilla-extract/recipes").RuntimeFn<{
13
+ connected: {
14
+ true: {
15
+ background: "var(--color-stroke-green)";
16
+ };
17
+ };
18
+ error: {
19
+ true: {
20
+ background: "var(--color-stroke-orange)";
21
+ animationName: "pulseError";
22
+ animationDuration: "2s";
23
+ animationTimingFunction: "ease-in-out";
24
+ animationIterationCount: "infinite";
25
+ };
26
+ };
27
+ warning: {
28
+ true: {
29
+ background: "var(--color-stroke-orange)";
30
+ };
31
+ };
32
+ }>;
33
+ export declare const text: import("@vanilla-extract/recipes").RuntimeFn<{
34
+ connected: {
35
+ true: {
36
+ color: "var(--color-stroke-green)";
37
+ };
38
+ };
39
+ status: {
40
+ error: {
41
+ color: "var(--color-stroke-orange)";
42
+ };
43
+ warning: {
44
+ color: "var(--color-stroke-orange)";
45
+ };
46
+ };
47
+ }>;
48
+ export declare const pulseError = "@keyframes pulseError { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }";
49
+ //# sourceMappingURL=Status.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Status.css.d.ts","sourceRoot":"","sources":["../../../src/components/Status/Status.css.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,eAAO,MAAM,SAAS;;;;;;EA2BpB,CAAC;AAEH,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;EA4Bd,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;EAuBf,CAAC;AAGH,eAAO,MAAM,UAAU,6EACqD,CAAC"}
@@ -0,0 +1,28 @@
1
+ /**
2
+ * Status Component
3
+ * Shows connection status with colored dot indicator
4
+ * Figma: 42:691 (Not Connected), 42:694 (Connected)
5
+ */
6
+ export interface StatusProps {
7
+ /** Whether the connection is active */
8
+ connected?: boolean;
9
+ /** Custom status text (defaults to "MIDI Connected" / "Not Connected") */
10
+ text?: string;
11
+ /** Custom ID for the status container (defaults to 'connection-status') */
12
+ id?: string;
13
+ /** Custom ID for the text element (defaults to 'connection-text') */
14
+ textId?: string;
15
+ /** Click handler for opening connection setup */
16
+ onClick?: () => void;
17
+ /** Aria label for accessibility */
18
+ ariaLabel?: string;
19
+ }
20
+ /**
21
+ * Status displays a connection indicator with a colored dot and text
22
+ * Changes color based on connection state
23
+ */
24
+ export declare const Status: {
25
+ ({ connected, text, id, textId, onClick, ariaLabel, }: StatusProps): import("react/jsx-runtime").JSX.Element;
26
+ displayName: string;
27
+ };
28
+ //# sourceMappingURL=Status.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../src/components/Status/Status.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM;2DAOhB,WAAW;;CAiBb,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Status } from './Status';
2
+ export type { StatusProps } from './Status';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * StepList Component Styles
3
+ * Numbered step indicators used in EmptyState and Modal content
4
+ */
5
+ export declare const stepList: string;
6
+ export declare const stepItem: string;
7
+ export declare const stepNumber: string;
8
+ export declare const stepContent: string;
9
+ export declare const stepTitle: string;
10
+ export declare const stepDescription: string;
11
+ export declare const stepTextSimple: string;
12
+ //# sourceMappingURL=StepList.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StepList.css.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/StepList.css.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,UAAU,QAarB,CAAC;AAEH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAKpB,CAAC;AAEH,eAAO,MAAM,eAAe,QAM1B,CAAC;AAEH,eAAO,MAAM,cAAc,QAMzB,CAAC"}
@@ -0,0 +1,19 @@
1
+ /**
2
+ * StepList Component
3
+ * Numbered step indicators with circle numbers
4
+ * Used in EmptyState and Modal content
5
+ */
6
+ export interface Step {
7
+ /** Step title (shown as heading in detailed mode, as text in simple mode) */
8
+ title: string;
9
+ /** Optional description (only shown in detailed mode) */
10
+ description?: string;
11
+ }
12
+ export interface StepListProps {
13
+ /** Array of steps to display */
14
+ steps: Step[];
15
+ /** Display variant: simple (number + text) or detailed (number + title + description) */
16
+ variant?: 'simple' | 'detailed';
17
+ }
18
+ export declare const StepList: import("react").MemoExoticComponent<({ steps, variant }: StepListProps) => import("react/jsx-runtime").JSX.Element>;
19
+ //# sourceMappingURL=StepList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StepList.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/StepList.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,MAAM,WAAW,IAAI;IACnB,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,yFAAyF;IACzF,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,eAAO,MAAM,QAAQ,2DAAwC,aAAa,6CAkBxE,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { StepList } from './StepList';
2
+ export type { StepListProps, Step } from './StepList';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Switch Component Styles
3
+ */
4
+ export declare const switchContainer: string;
5
+ export declare const switchLabel: string;
6
+ export declare const switchElement: string;
7
+ export declare const switchInput: string;
8
+ export declare const switchSlider: string;
9
+ //# sourceMappingURL=Switch.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.css.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,eAAO,MAAM,eAAe,QAU1B,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,aAAa,QAWxB,CAAC;AAEH,eAAO,MAAM,WAAW,QAItB,CAAC;AAEH,eAAO,MAAM,YAAY,QA2CvB,CAAC"}
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Switch Component
3
+ * Toggle switch for boolean settings
4
+ * Accessible with proper ARIA labels
5
+ */
6
+ export interface SwitchProps {
7
+ checked: boolean;
8
+ onChange: () => void;
9
+ label: string;
10
+ id: string;
11
+ disabled?: boolean;
12
+ }
13
+ export declare const Switch: {
14
+ ({ checked, onChange, label, id, disabled }: SwitchProps): import("react/jsx-runtime").JSX.Element;
15
+ displayName: string;
16
+ };
17
+ //# sourceMappingURL=Switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM;iDAAwD,WAAW;;CAkBrF,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Switch } from './Switch';
2
+ export type { SwitchProps } from './Switch';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,6 @@
1
+ export {};
2
+ /**
3
+ * Toast Component Styles
4
+ * Overrides react-hot-toast internal spacing for symmetric padding
5
+ */
6
+ //# sourceMappingURL=Toast.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.css.ts"],"names":[],"mappings":";AAAA;;;GAGG"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Toast Notification Component
3
+ * Global toast notifications using react-hot-toast
4
+ */
5
+ export { toast } from 'react-hot-toast';
6
+ export declare const ToastContainer: {
7
+ (): import("react/jsx-runtime").JSX.Element;
8
+ displayName: string;
9
+ };
10
+ //# sourceMappingURL=Toast.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAiCxC,eAAO,MAAM,cAAc;;;CA0C1B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { ToastContainer } from './Toast';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}