@stfrigerio/sito-template 0.1.0 → 0.1.2

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 (160) hide show
  1. package/dist/App.d.ts +6 -0
  2. package/dist/App.d.ts.map +1 -0
  3. package/dist/components/atoms/AllAtoms.stories.d.ts +7 -0
  4. package/dist/components/atoms/AllAtoms.stories.d.ts.map +1 -0
  5. package/dist/components/atoms/ArrayInput/ArrayInput.d.ts +61 -0
  6. package/dist/components/atoms/ArrayInput/ArrayInput.d.ts.map +1 -0
  7. package/dist/components/atoms/ArrayInput/ArrayInput.stories.d.ts +42 -0
  8. package/dist/components/atoms/ArrayInput/ArrayInput.stories.d.ts.map +1 -0
  9. package/dist/components/atoms/ArrayInput/index.d.ts +3 -0
  10. package/dist/components/atoms/ArrayInput/index.d.ts.map +1 -0
  11. package/dist/components/atoms/Button/Button.d.ts +14 -0
  12. package/dist/components/atoms/Button/Button.d.ts.map +1 -0
  13. package/dist/components/atoms/Button/Button.stories.d.ts +59 -0
  14. package/dist/components/atoms/Button/Button.stories.d.ts.map +1 -0
  15. package/dist/components/atoms/Button/index.d.ts +3 -0
  16. package/dist/components/atoms/Button/index.d.ts.map +1 -0
  17. package/dist/components/atoms/Card/Card.d.ts +18 -0
  18. package/dist/components/atoms/Card/Card.d.ts.map +1 -0
  19. package/dist/components/atoms/Card/Card.stories.d.ts +52 -0
  20. package/dist/components/atoms/Card/Card.stories.d.ts.map +1 -0
  21. package/dist/components/atoms/Card/index.d.ts +3 -0
  22. package/dist/components/atoms/Card/index.d.ts.map +1 -0
  23. package/dist/components/atoms/Checkbox/Checkbox.d.ts +48 -0
  24. package/dist/components/atoms/Checkbox/Checkbox.d.ts.map +1 -0
  25. package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts +41 -0
  26. package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts.map +1 -0
  27. package/dist/components/atoms/Checkbox/index.d.ts +3 -0
  28. package/dist/components/atoms/Checkbox/index.d.ts.map +1 -0
  29. package/dist/components/atoms/DateInput/DateInput.d.ts +49 -0
  30. package/dist/components/atoms/DateInput/DateInput.d.ts.map +1 -0
  31. package/dist/components/atoms/DateInput/DateInput.stories.d.ts +47 -0
  32. package/dist/components/atoms/DateInput/DateInput.stories.d.ts.map +1 -0
  33. package/dist/components/atoms/DateInput/index.d.ts +3 -0
  34. package/dist/components/atoms/DateInput/index.d.ts.map +1 -0
  35. package/dist/components/atoms/SearchableDropdown/SearchableDropdown.d.ts +58 -0
  36. package/dist/components/atoms/SearchableDropdown/SearchableDropdown.d.ts.map +1 -0
  37. package/dist/components/atoms/SearchableDropdown/SearchableDropdown.stories.d.ts +47 -0
  38. package/dist/components/atoms/SearchableDropdown/SearchableDropdown.stories.d.ts.map +1 -0
  39. package/dist/components/atoms/SearchableDropdown/index.d.ts +3 -0
  40. package/dist/components/atoms/SearchableDropdown/index.d.ts.map +1 -0
  41. package/dist/components/atoms/SelectInput/SelectInput.d.ts +52 -0
  42. package/dist/components/atoms/SelectInput/SelectInput.d.ts.map +1 -0
  43. package/dist/components/atoms/SelectInput/SelectInput.stories.d.ts +41 -0
  44. package/dist/components/atoms/SelectInput/SelectInput.stories.d.ts.map +1 -0
  45. package/dist/components/atoms/SelectInput/index.d.ts +3 -0
  46. package/dist/components/atoms/SelectInput/index.d.ts.map +1 -0
  47. package/dist/components/atoms/TextArea/TextArea.d.ts +46 -0
  48. package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -0
  49. package/dist/components/atoms/TextArea/TextArea.stories.d.ts +58 -0
  50. package/dist/components/atoms/TextArea/TextArea.stories.d.ts.map +1 -0
  51. package/dist/components/atoms/TextArea/index.d.ts +3 -0
  52. package/dist/components/atoms/TextArea/index.d.ts.map +1 -0
  53. package/dist/components/atoms/TextInput/TextInput.d.ts +54 -0
  54. package/dist/components/atoms/TextInput/TextInput.d.ts.map +1 -0
  55. package/dist/components/atoms/TextInput/TextInput.stories.d.ts +64 -0
  56. package/dist/components/atoms/TextInput/TextInput.stories.d.ts.map +1 -0
  57. package/dist/components/atoms/TextInput/index.d.ts +3 -0
  58. package/dist/components/atoms/TextInput/index.d.ts.map +1 -0
  59. package/dist/components/atoms/Toggle/Toggle.d.ts +11 -0
  60. package/dist/components/atoms/Toggle/Toggle.d.ts.map +1 -0
  61. package/dist/components/atoms/Toggle/Toggle.stories.d.ts +43 -0
  62. package/dist/components/atoms/Toggle/Toggle.stories.d.ts.map +1 -0
  63. package/dist/components/atoms/Toggle/index.d.ts +3 -0
  64. package/dist/components/atoms/Toggle/index.d.ts.map +1 -0
  65. package/dist/components/atoms/index.d.ts +21 -0
  66. package/dist/components/atoms/index.d.ts.map +1 -0
  67. package/dist/components/index.d.ts +4 -0
  68. package/dist/components/index.d.ts.map +1 -0
  69. package/dist/components/molecules/EditFAB/EditFAB.d.ts +17 -0
  70. package/dist/components/molecules/EditFAB/EditFAB.d.ts.map +1 -0
  71. package/dist/components/molecules/EditFAB/EditFAB.stories.d.ts +54 -0
  72. package/dist/components/molecules/EditFAB/EditFAB.stories.d.ts.map +1 -0
  73. package/dist/components/molecules/EditFAB/index.d.ts +3 -0
  74. package/dist/components/molecules/EditFAB/index.d.ts.map +1 -0
  75. package/dist/components/molecules/SearchBar/SearchBar.d.ts +22 -0
  76. package/dist/components/molecules/SearchBar/SearchBar.d.ts.map +1 -0
  77. package/dist/components/molecules/SearchBar/SearchBar.stories.d.ts +18 -0
  78. package/dist/components/molecules/SearchBar/SearchBar.stories.d.ts.map +1 -0
  79. package/dist/components/molecules/SearchBar/index.d.ts +3 -0
  80. package/dist/components/molecules/SearchBar/index.d.ts.map +1 -0
  81. package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.d.ts +9 -0
  82. package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.d.ts.map +1 -0
  83. package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.stories.d.ts +13 -0
  84. package/dist/components/molecules/ThemeSwitcher/ThemeSwitcher.stories.d.ts.map +1 -0
  85. package/dist/components/molecules/TimeInput/TimeInput.d.ts +15 -0
  86. package/dist/components/molecules/TimeInput/TimeInput.d.ts.map +1 -0
  87. package/dist/components/molecules/TimeInput/TimeInput.stories.d.ts +13 -0
  88. package/dist/components/molecules/TimeInput/TimeInput.stories.d.ts.map +1 -0
  89. package/dist/components/molecules/TimeInput/TimePickerModal.d.ts +9 -0
  90. package/dist/components/molecules/TimeInput/TimePickerModal.d.ts.map +1 -0
  91. package/dist/components/molecules/TimeInput/index.d.ts +4 -0
  92. package/dist/components/molecules/TimeInput/index.d.ts.map +1 -0
  93. package/dist/components/molecules/index.d.ts +9 -0
  94. package/dist/components/molecules/index.d.ts.map +1 -0
  95. package/dist/components/organisms/Navbar/Navbar.d.ts +28 -0
  96. package/dist/components/organisms/Navbar/Navbar.d.ts.map +1 -0
  97. package/dist/components/organisms/Navbar/Navbar.stories.d.ts +15 -0
  98. package/dist/components/organisms/Navbar/Navbar.stories.d.ts.map +1 -0
  99. package/dist/components/organisms/ThemeProvider/ThemeProvider.d.ts +16 -0
  100. package/dist/components/organisms/ThemeProvider/ThemeProvider.d.ts.map +1 -0
  101. package/dist/components/organisms/animations/AnimationPlayer.d.ts +3 -0
  102. package/dist/components/organisms/animations/AnimationPlayer.d.ts.map +1 -0
  103. package/dist/components/organisms/animations/AnimationPlayer.stories.d.ts +23 -0
  104. package/dist/components/organisms/animations/AnimationPlayer.stories.d.ts.map +1 -0
  105. package/dist/components/organisms/animations/animationRegistry.d.ts +5 -0
  106. package/dist/components/organisms/animations/animationRegistry.d.ts.map +1 -0
  107. package/dist/components/organisms/animations/dna/DNAAnimations.d.ts +7 -0
  108. package/dist/components/organisms/animations/dna/DNAAnimations.d.ts.map +1 -0
  109. package/dist/components/organisms/animations/dna/DNAHelix.d.ts +10 -0
  110. package/dist/components/organisms/animations/dna/DNAHelix.d.ts.map +1 -0
  111. package/dist/components/organisms/animations/index.d.ts +4 -0
  112. package/dist/components/organisms/animations/index.d.ts.map +1 -0
  113. package/dist/components/organisms/animations/tree/ParticleTree.d.ts +8 -0
  114. package/dist/components/organisms/animations/tree/ParticleTree.d.ts.map +1 -0
  115. package/dist/components/organisms/animations/tree/TreeAnimations.d.ts +7 -0
  116. package/dist/components/organisms/animations/tree/TreeAnimations.d.ts.map +1 -0
  117. package/dist/components/organisms/animations/types.d.ts +12 -0
  118. package/dist/components/organisms/animations/types.d.ts.map +1 -0
  119. package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.d.ts +14 -0
  120. package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.d.ts.map +1 -0
  121. package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts +12 -0
  122. package/dist/components/organisms/charts/BooleansHeatmap/BooleansHeatmap.stories.d.ts.map +1 -0
  123. package/dist/components/organisms/charts/MoodChart/MoodChart.d.ts +15 -0
  124. package/dist/components/organisms/charts/MoodChart/MoodChart.d.ts.map +1 -0
  125. package/dist/components/organisms/charts/MoodChart/MoodChart.stories.d.ts +10 -0
  126. package/dist/components/organisms/charts/MoodChart/MoodChart.stories.d.ts.map +1 -0
  127. package/dist/components/organisms/charts/PieChart/PieChart.d.ts +16 -0
  128. package/dist/components/organisms/charts/PieChart/PieChart.d.ts.map +1 -0
  129. package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts +13 -0
  130. package/dist/components/organisms/charts/PieChart/PieChart.stories.d.ts.map +1 -0
  131. package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.d.ts +22 -0
  132. package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.d.ts.map +1 -0
  133. package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.stories.d.ts +10 -0
  134. package/dist/components/organisms/charts/QuantifiableHabitsChart/QuantifiableHabitsChart.stories.d.ts.map +1 -0
  135. package/dist/components/organisms/charts/SleepChart/SleepChart.d.ts +15 -0
  136. package/dist/components/organisms/charts/SleepChart/SleepChart.d.ts.map +1 -0
  137. package/dist/components/organisms/charts/SleepChart/SleepChart.stories.d.ts +11 -0
  138. package/dist/components/organisms/charts/SleepChart/SleepChart.stories.d.ts.map +1 -0
  139. package/dist/components/organisms/charts/SunburstChart/SunburstChart.d.ts +16 -0
  140. package/dist/components/organisms/charts/SunburstChart/SunburstChart.d.ts.map +1 -0
  141. package/dist/components/organisms/charts/SunburstChart/SunburstChart.stories.d.ts +10 -0
  142. package/dist/components/organisms/charts/SunburstChart/SunburstChart.stories.d.ts.map +1 -0
  143. package/dist/components/organisms/charts/index.d.ts +8 -0
  144. package/dist/components/organisms/charts/index.d.ts.map +1 -0
  145. package/dist/components/organisms/index.d.ts +14 -0
  146. package/dist/components/organisms/index.d.ts.map +1 -0
  147. package/dist/contexts/ThemeContext.d.ts.map +1 -1
  148. package/dist/index.d.ts +1 -8
  149. package/dist/index.d.ts.map +1 -1
  150. package/dist/index.esm.js +2025 -77
  151. package/dist/index.esm.js.map +1 -1
  152. package/dist/index.js +2067 -83
  153. package/dist/index.js.map +1 -1
  154. package/dist/main.d.ts +2 -0
  155. package/dist/main.d.ts.map +1 -0
  156. package/dist/stories/utils.d.ts +5 -0
  157. package/dist/stories/utils.d.ts.map +1 -0
  158. package/dist/utils/formUtils.d.ts +8 -0
  159. package/dist/utils/formUtils.d.ts.map +1 -0
  160. package/package.json +41 -11
@@ -0,0 +1,47 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import { SearchableDropdown } from './SearchableDropdown';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof SearchableDropdown;
6
+ parameters: {
7
+ layout: string;
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ };
14
+ tags: string[];
15
+ argTypes: {
16
+ label: {
17
+ control: "text";
18
+ description: string;
19
+ };
20
+ value: {
21
+ control: "text";
22
+ description: string;
23
+ };
24
+ placeholder: {
25
+ control: "text";
26
+ description: string;
27
+ };
28
+ allowEmpty: {
29
+ control: "boolean";
30
+ description: string;
31
+ };
32
+ onChange: {
33
+ action: string;
34
+ };
35
+ };
36
+ };
37
+ export default meta;
38
+ type Story = StoryObj<typeof meta>;
39
+ export declare const Default: Story;
40
+ export declare const WithValue: Story;
41
+ export declare const NoEmptyOption: Story;
42
+ export declare const LongList: Story;
43
+ export declare const Interactive: Story;
44
+ export declare const ProfileForm: Story;
45
+ export declare const JobFilter: Story;
46
+ export declare const AllVariants: Story;
47
+ //# sourceMappingURL=SearchableDropdown.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SearchableDropdown.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SearchableDropdown/SearchableDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA2CnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8CzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2EzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA6GvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgDzB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { SearchableDropdown } from './SearchableDropdown';
2
+ export type { SearchableDropdownProps } from './SearchableDropdown';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SearchableDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -0,0 +1,52 @@
1
+ type Option = string | {
2
+ label: string;
3
+ value: string;
4
+ };
5
+ export interface SelectInputProps {
6
+ label: string;
7
+ value: string;
8
+ onChange: (value: string) => void;
9
+ options: Readonly<Option[]>;
10
+ placeholder?: string;
11
+ disabled?: boolean;
12
+ error?: boolean;
13
+ success?: boolean;
14
+ loading?: boolean;
15
+ required?: boolean;
16
+ }
17
+ /**
18
+ * SelectInput component - Styled dropdown selector with flexible option format
19
+ *
20
+ * @component
21
+ * @description
22
+ * A customizable select dropdown that accepts both simple string arrays and
23
+ * label-value object arrays for options. Features custom styling that maintains
24
+ * consistency across browsers while preserving native select functionality.
25
+ * Includes a styled chevron icon for better visual feedback.
26
+ *
27
+ * @example
28
+ * // With simple string options
29
+ * <SelectInput
30
+ * label="Country"
31
+ * value={country}
32
+ * onChange={setCountry}
33
+ * options={['Italy', 'France', 'Spain', 'Germany']}
34
+ * placeholder="Select a country"
35
+ * />
36
+ *
37
+ * @example
38
+ * // With label-value pairs
39
+ * <SelectInput
40
+ * label="Status"
41
+ * value={status}
42
+ * onChange={setStatus}
43
+ * options={[
44
+ * { label: 'Active', value: 'active' },
45
+ * { label: 'Pending', value: 'pending' },
46
+ * { label: 'Archived', value: 'archived' }
47
+ * ]}
48
+ * />
49
+ */
50
+ export declare function SelectInput({ label, value, onChange, options, placeholder, disabled, error, success, loading, required }: Readonly<SelectInputProps>): import("react/jsx-runtime").JSX.Element;
51
+ export {};
52
+ //# sourceMappingURL=SelectInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAyB,EACzB,QAAgB,EAChB,KAAa,EACb,OAAe,EACf,OAAe,EACf,QAAgB,EACnB,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAmC5B"}
@@ -0,0 +1,41 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import { SelectInput } from './SelectInput';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof SelectInput;
6
+ parameters: {
7
+ layout: string;
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ };
14
+ tags: string[];
15
+ argTypes: {
16
+ label: {
17
+ control: "text";
18
+ description: string;
19
+ };
20
+ value: {
21
+ control: "text";
22
+ description: string;
23
+ };
24
+ placeholder: {
25
+ control: "text";
26
+ description: string;
27
+ };
28
+ onChange: {
29
+ action: string;
30
+ };
31
+ };
32
+ };
33
+ export default meta;
34
+ type Story = StoryObj<typeof meta>;
35
+ export declare const Default: Story;
36
+ export declare const WithSimpleOptions: Story;
37
+ export declare const WithObjectOptions: Story;
38
+ export declare const NoPlaceholder: Story;
39
+ export declare const Interactive: Story;
40
+ export declare const FormExample: Story;
41
+ //# sourceMappingURL=SelectInput.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectInput.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SelectInput/SelectInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAenC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqBxB,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,KAoEzB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { SelectInput } from './SelectInput';
2
+ export type { SelectInputProps } from './SelectInput';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SelectInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,46 @@
1
+ export interface TextAreaProps {
2
+ label: string;
3
+ value: string;
4
+ onChange: (newValue: string) => void;
5
+ rows?: number;
6
+ placeholder?: string;
7
+ required?: boolean;
8
+ maxLength?: number;
9
+ disabled?: boolean;
10
+ error?: boolean;
11
+ success?: boolean;
12
+ loading?: boolean;
13
+ focusMode?: boolean;
14
+ }
15
+ /**
16
+ * TextArea component - Multi-line text input with character counting
17
+ *
18
+ * @component
19
+ * @description
20
+ * A resizable text area component designed for longer form content like descriptions,
21
+ * comments, or messages. Features automatic character counting when maxLength is set,
22
+ * and maintains consistent styling with other form inputs. The component is optimized
23
+ * for both desktop and mobile experiences with appropriate touch targets.
24
+ *
25
+ * @example
26
+ * // Basic usage
27
+ * <TextArea
28
+ * label="Description"
29
+ * value={description}
30
+ * onChange={setDescription}
31
+ * rows={4}
32
+ * placeholder="Enter a detailed description..."
33
+ * />
34
+ *
35
+ * @example
36
+ * // With character limit
37
+ * <TextArea
38
+ * label="Bio"
39
+ * value={bio}
40
+ * onChange={setBio}
41
+ * maxLength={500}
42
+ * required
43
+ * />
44
+ */
45
+ export declare function TextArea({ label, value, onChange, rows, placeholder, required, maxLength, disabled, error, success, loading, focusMode }: Readonly<TextAreaProps>): import("react/jsx-runtime").JSX.Element;
46
+ //# sourceMappingURL=TextArea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAQ,EACR,WAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,QAAgB,EAChB,KAAa,EACb,OAAe,EACf,OAAe,EACf,SAAiB,EACpB,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAsDzB"}
@@ -0,0 +1,58 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import { TextArea } from './TextArea';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof TextArea;
6
+ parameters: {
7
+ layout: string;
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ };
14
+ tags: string[];
15
+ argTypes: {
16
+ label: {
17
+ control: "text";
18
+ description: string;
19
+ };
20
+ value: {
21
+ control: "text";
22
+ description: string;
23
+ };
24
+ placeholder: {
25
+ control: "text";
26
+ description: string;
27
+ };
28
+ rows: {
29
+ control: "number";
30
+ description: string;
31
+ };
32
+ maxLength: {
33
+ control: "number";
34
+ description: string;
35
+ };
36
+ required: {
37
+ control: "boolean";
38
+ description: string;
39
+ };
40
+ onChange: {
41
+ action: string;
42
+ };
43
+ };
44
+ };
45
+ export default meta;
46
+ type Story = StoryObj<typeof meta>;
47
+ export declare const Default: Story;
48
+ export declare const WithValue: Story;
49
+ export declare const WithCharacterLimit: Story;
50
+ export declare const LongText: Story;
51
+ export declare const Required: Story;
52
+ export declare const SmallTextArea: Story;
53
+ export declare const LargeTextArea: Story;
54
+ export declare const Interactive: Story;
55
+ export declare const BlogPost: Story;
56
+ export declare const ContactForm: Story;
57
+ export declare const AllVariants: Story;
58
+ //# sourceMappingURL=TextArea.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6CzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuDtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiDzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { TextArea } from './TextArea';
2
+ export type { TextAreaProps } from './TextArea';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,54 @@
1
+ import { ReactNode } from 'react';
2
+ export interface TextInputProps {
3
+ label: string;
4
+ value: string;
5
+ onChange: (newValue: string) => void;
6
+ type?: string;
7
+ onFocus?: () => void;
8
+ onBlur?: () => void;
9
+ placeholder?: string;
10
+ error?: string;
11
+ required?: boolean;
12
+ disabled?: boolean;
13
+ success?: boolean;
14
+ loading?: boolean;
15
+ icon?: ReactNode;
16
+ actionButton?: {
17
+ label: string;
18
+ onClick: () => void;
19
+ };
20
+ maxLength?: number;
21
+ autoComplete?: string;
22
+ }
23
+ /**
24
+ * TextInput component - A versatile text input field with label and error handling
25
+ *
26
+ * @component
27
+ * @description
28
+ * A foundational input component that provides a clean, accessible text field with
29
+ * built-in support for labels, validation errors, and various HTML5 input types.
30
+ * Follows design system tokens for consistent theming across light/dark modes.
31
+ *
32
+ * @example
33
+ * // Basic usage
34
+ * <TextInput
35
+ * label="Email Address"
36
+ * value={email}
37
+ * onChange={setEmail}
38
+ * type="email"
39
+ * placeholder="Enter your email"
40
+ * />
41
+ *
42
+ * @example
43
+ * // With validation error
44
+ * <TextInput
45
+ * label="Password"
46
+ * value={password}
47
+ * onChange={setPassword}
48
+ * type="password"
49
+ * error="Password must be at least 8 characters"
50
+ * required
51
+ * />
52
+ */
53
+ export declare function TextInput({ label, value, onChange, type, onFocus, onBlur, placeholder, error, required, disabled, success, loading, icon, actionButton, maxLength, autoComplete }: Readonly<TextInputProps>): import("react/jsx-runtime").JSX.Element;
54
+ //# sourceMappingURL=TextInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAa,EACb,OAAO,EACP,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,OAAe,EACf,OAAe,EACf,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,YAAY,EACf,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAqD1B"}
@@ -0,0 +1,64 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import { TextInput } from './TextInput';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof TextInput;
6
+ parameters: {
7
+ layout: string;
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ };
14
+ tags: string[];
15
+ argTypes: {
16
+ label: {
17
+ control: "text";
18
+ description: string;
19
+ };
20
+ value: {
21
+ control: "text";
22
+ description: string;
23
+ };
24
+ placeholder: {
25
+ control: "text";
26
+ description: string;
27
+ };
28
+ error: {
29
+ control: "text";
30
+ description: string;
31
+ };
32
+ type: {
33
+ control: "select";
34
+ options: string[];
35
+ description: string;
36
+ };
37
+ required: {
38
+ control: "boolean";
39
+ description: string;
40
+ };
41
+ onChange: {
42
+ action: string;
43
+ };
44
+ onFocus: {
45
+ action: string;
46
+ };
47
+ onBlur: {
48
+ action: string;
49
+ };
50
+ };
51
+ };
52
+ export default meta;
53
+ type Story = StoryObj<typeof meta>;
54
+ export declare const Default: Story;
55
+ export declare const WithValue: Story;
56
+ export declare const Email: Story;
57
+ export declare const Password: Story;
58
+ export declare const Phone: Story;
59
+ export declare const Required: Story;
60
+ export declare const WithError: Story;
61
+ export declare const Interactive: Story;
62
+ export declare const LoginForm: Story;
63
+ export declare const AllTypes: Story;
64
+ //# sourceMappingURL=TextInput.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextInput/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkDzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA8EvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { TextInput } from './TextInput';
2
+ export type { TextInputProps } from './TextInput';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ export interface ToggleProps {
3
+ readonly isOn: boolean;
4
+ readonly onToggle: (isOn: boolean) => void;
5
+ readonly leftLabel?: string;
6
+ readonly rightLabel?: string;
7
+ readonly leftIcon?: React.ReactNode;
8
+ readonly rightIcon?: React.ReactNode;
9
+ }
10
+ export declare function Toggle(props: Readonly<ToggleProps>): import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=Toggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IACxB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAoBlD"}
@@ -0,0 +1,43 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import { Toggle } from './Toggle';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof Toggle;
6
+ parameters: {
7
+ layout: string;
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ };
14
+ tags: string[];
15
+ argTypes: {
16
+ isOn: {
17
+ control: "boolean";
18
+ description: string;
19
+ };
20
+ leftLabel: {
21
+ control: "text";
22
+ description: string;
23
+ };
24
+ rightLabel: {
25
+ control: "text";
26
+ description: string;
27
+ };
28
+ onToggle: {
29
+ action: string;
30
+ };
31
+ };
32
+ };
33
+ export default meta;
34
+ type Story = StoryObj<typeof meta>;
35
+ export declare const Default: Story;
36
+ export declare const WithoutLabels: Story;
37
+ export declare const WithIcons: Story;
38
+ export declare const WithLabelsAndIcons: Story;
39
+ export declare const ViewToggle: Story;
40
+ export declare const Interactive: Story;
41
+ export declare const ThemeToggle: Story;
42
+ export declare const MultipleToggles: Story;
43
+ //# sourceMappingURL=Toggle.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA6D7B,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Toggle } from './Toggle';
2
+ export type { ToggleProps } from './Toggle';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,21 @@
1
+ export { Button } from './Button';
2
+ export type { ButtonProps } from './Button';
3
+ export { Card } from './Card';
4
+ export type { CardProps } from './Card';
5
+ export { ArrayInput } from './ArrayInput';
6
+ export type { ArrayInputProps } from './ArrayInput';
7
+ export { Checkbox } from './Checkbox';
8
+ export type { CheckboxProps } from './Checkbox';
9
+ export { DateInput } from './DateInput';
10
+ export type { DateInputProps } from './DateInput';
11
+ export { SearchableDropdown } from './SearchableDropdown';
12
+ export type { SearchableDropdownProps } from './SearchableDropdown';
13
+ export { SelectInput } from './SelectInput';
14
+ export type { SelectInputProps } from './SelectInput';
15
+ export { TextArea } from './TextArea';
16
+ export type { TextAreaProps } from './TextArea';
17
+ export { TextInput } from './TextInput/index';
18
+ export type { TextInputProps } from './TextInput/index';
19
+ export { Toggle } from './Toggle';
20
+ export type { ToggleProps } from './Toggle';
21
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,4 @@
1
+ export * from './atoms';
2
+ export * from './molecules';
3
+ export * from './organisms';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,aAAa,CAAC"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ export interface EditFABProps {
3
+ canEdit: boolean;
4
+ isEditMode: boolean;
5
+ hasUnsavedChanges?: boolean;
6
+ isSaving?: boolean;
7
+ onEnterEditMode: () => void;
8
+ onExitEditMode: () => void;
9
+ position?: {
10
+ bottom?: string | number;
11
+ right?: string | number;
12
+ top?: string | number;
13
+ left?: string | number;
14
+ };
15
+ }
16
+ export declare const EditFAB: React.FC<EditFABProps>;
17
+ //# sourceMappingURL=EditFAB.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EditFAB.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/EditFAB/EditFAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC1B,CAAC;CACL;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyJ1C,CAAC"}
@@ -0,0 +1,54 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").FC<import("./EditFAB").EditFABProps>;
5
+ parameters: {
6
+ layout: string;
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ };
13
+ tags: string[];
14
+ argTypes: {
15
+ canEdit: {
16
+ control: "boolean";
17
+ description: string;
18
+ };
19
+ isEditMode: {
20
+ control: "boolean";
21
+ description: string;
22
+ };
23
+ hasUnsavedChanges: {
24
+ control: "boolean";
25
+ description: string;
26
+ };
27
+ isSaving: {
28
+ control: "boolean";
29
+ description: string;
30
+ };
31
+ position: {
32
+ control: "object";
33
+ description: string;
34
+ };
35
+ onEnterEditMode: {
36
+ action: string;
37
+ };
38
+ onExitEditMode: {
39
+ action: string;
40
+ };
41
+ };
42
+ };
43
+ export default meta;
44
+ type Story = StoryObj<typeof meta>;
45
+ export declare const Default: Story;
46
+ export declare const EditMode: Story;
47
+ export declare const WithUnsavedChanges: Story;
48
+ export declare const Saving: Story;
49
+ export declare const NoEditPermission: Story;
50
+ export declare const TopLeftPosition: Story;
51
+ export declare const Interactive: Story;
52
+ export declare const DocumentEditor: Story;
53
+ export declare const AllStates: Story;
54
+ //# sourceMappingURL=EditFAB.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EditFAB.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/EditFAB/EditFAB.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAyGzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA4J5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwGvB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { EditFAB } from './EditFAB';
2
+ export type { EditFABProps } from './EditFAB';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/EditFAB/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}