@stfrigerio/sito-template 0.1.26 → 0.1.28
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.
- package/dist/components/atoms/Button/Button.d.ts +3 -0
- package/dist/components/atoms/Button/Button.d.ts.map +1 -1
- package/dist/components/atoms/Button/Button.stories.d.ts +1 -0
- package/dist/components/atoms/Button/Button.stories.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.d.ts +3 -0
- package/dist/components/atoms/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/atoms/DateInput/DateInput.d.ts +4 -1
- package/dist/components/atoms/DateInput/DateInput.d.ts.map +1 -1
- package/dist/components/atoms/NumberStepper/NumberStepper.d.ts +68 -0
- package/dist/components/atoms/NumberStepper/NumberStepper.d.ts.map +1 -1
- package/dist/components/atoms/NumberStepper/NumberStepper.stories.d.ts +8 -0
- package/dist/components/atoms/NumberStepper/NumberStepper.stories.d.ts.map +1 -1
- package/dist/components/atoms/SelectInput/SelectInput.d.ts +4 -1
- package/dist/components/atoms/SelectInput/SelectInput.d.ts.map +1 -1
- package/dist/components/atoms/Slider/Slider.d.ts +4 -1
- package/dist/components/atoms/Slider/Slider.d.ts.map +1 -1
- package/dist/components/atoms/SoundDemo/SoundDemo.stories.d.ts +17 -0
- package/dist/components/atoms/SoundDemo/SoundDemo.stories.d.ts.map +1 -0
- package/dist/components/atoms/TextArea/TextArea.d.ts +3 -1
- package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/atoms/TextInput/TextInput.d.ts +6 -3
- package/dist/components/atoms/TextInput/TextInput.d.ts.map +1 -1
- package/dist/components/atoms/Toggle/Toggle.d.ts +10 -1
- package/dist/components/atoms/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/atoms/ToggleButton/ToggleButton.d.ts +3 -0
- package/dist/components/atoms/ToggleButton/ToggleButton.d.ts.map +1 -1
- package/dist/components/molecules/TimeInput/TimeInput.d.ts +2 -1
- package/dist/components/molecules/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/index.esm.js +720 -29
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +720 -29
- package/dist/index.js.map +1 -1
- package/dist/utils/soundUtils.d.ts +39 -0
- package/dist/utils/soundUtils.d.ts.map +1 -0
- package/dist/utils/useSound.d.ts +22 -0
- package/dist/utils/useSound.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { HTMLMotionProps } from 'framer-motion';
|
|
3
|
+
import { ComponentSoundConfig } from '../../../utils/useSound';
|
|
3
4
|
/**
|
|
4
5
|
* Props for the Button component
|
|
5
6
|
* @interface ButtonProps
|
|
@@ -21,6 +22,8 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
|
|
|
21
22
|
children?: ReactNode;
|
|
22
23
|
/** Additional Framer Motion props for custom animations */
|
|
23
24
|
motionProps?: HTMLMotionProps<"button">;
|
|
25
|
+
/** Optional sound configuration for button interactions */
|
|
26
|
+
soundConfig?: ComponentSoundConfig;
|
|
24
27
|
}
|
|
25
28
|
/**
|
|
26
29
|
* Button Component
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAElF;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,kBAAkB,GAAG,aAAa,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC9I,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACnE,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACxC,2DAA2D;IAC3D,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyDxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ComponentSoundConfig } from '../../../utils/useSound';
|
|
2
3
|
/**
|
|
3
4
|
* Props for the Checkbox component
|
|
4
5
|
* @interface CheckboxProps
|
|
@@ -20,6 +21,8 @@ export interface CheckboxProps {
|
|
|
20
21
|
name?: string;
|
|
21
22
|
/** HTML value attribute for form submission */
|
|
22
23
|
value?: string;
|
|
24
|
+
/** Optional sound configuration for checkbox interactions */
|
|
25
|
+
soundConfig?: ComponentSoundConfig;
|
|
23
26
|
}
|
|
24
27
|
/**
|
|
25
28
|
* Checkbox component - Modern interactive checkbox with animations
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAElF;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2C5C,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ComponentSoundConfig } from '../../../utils/useSound';
|
|
1
2
|
/**
|
|
2
3
|
* Props for the DateInput component
|
|
3
4
|
* @interface DateInputProps
|
|
@@ -23,6 +24,8 @@ export interface DateInputProps {
|
|
|
23
24
|
loading?: boolean;
|
|
24
25
|
/** Whether the input is disabled */
|
|
25
26
|
disabled?: boolean;
|
|
27
|
+
/** Sound configuration for interactions */
|
|
28
|
+
soundConfig?: ComponentSoundConfig;
|
|
26
29
|
}
|
|
27
30
|
/**
|
|
28
31
|
* DateInput component - European format date picker with manual input support
|
|
@@ -59,5 +62,5 @@ export interface DateInputProps {
|
|
|
59
62
|
* onBlur={() => validateDate(eventDate)}
|
|
60
63
|
* />
|
|
61
64
|
*/
|
|
62
|
-
export declare function DateInput({ label, value, onChange, placeholder, onFocus, onBlur, error, success, loading, disabled }: Readonly<DateInputProps>): import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
export declare function DateInput({ label, value, onChange, placeholder, onFocus, onBlur, error, success, loading, disabled, soundConfig }: Readonly<DateInputProps>): import("react/jsx-runtime").JSX.Element;
|
|
63
66
|
//# sourceMappingURL=DateInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/DateInput/DateInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/DateInput/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIlF;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,OAAO,EACP,MAAM,EACN,KAAa,EACb,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,WAAW,EACd,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAoG1B"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ComponentSoundConfig } from '../../../utils/useSound';
|
|
2
3
|
/**
|
|
3
4
|
* Props for the NumberStepper component
|
|
4
5
|
* @interface NumberStepperProps
|
|
@@ -53,6 +54,8 @@ export interface NumberStepperProps {
|
|
|
53
54
|
hideLimits?: boolean;
|
|
54
55
|
/** Layout direction */
|
|
55
56
|
layout?: 'horizontal' | 'vertical';
|
|
57
|
+
/** Sound configuration for interactions */
|
|
58
|
+
soundConfig?: ComponentSoundConfig;
|
|
56
59
|
}
|
|
57
60
|
/**
|
|
58
61
|
* NumberStepper Component
|
|
@@ -83,6 +86,71 @@ export interface NumberStepperProps {
|
|
|
83
86
|
* icon="📦"
|
|
84
87
|
* />
|
|
85
88
|
*
|
|
89
|
+
* @example
|
|
90
|
+
* // With custom styles
|
|
91
|
+
* <NumberStepper
|
|
92
|
+
* value={volume}
|
|
93
|
+
* onChange={setVolume}
|
|
94
|
+
* min={0}
|
|
95
|
+
* max={100}
|
|
96
|
+
* label="Volume"
|
|
97
|
+
* icon="🔊"
|
|
98
|
+
* customStyles={{
|
|
99
|
+
* container: {
|
|
100
|
+
* background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
|
|
101
|
+
* padding: '20px',
|
|
102
|
+
* borderRadius: '16px',
|
|
103
|
+
* },
|
|
104
|
+
* label: { color: 'white', fontWeight: 'bold' },
|
|
105
|
+
* button: {
|
|
106
|
+
* background: 'rgba(255,255,255,0.2)',
|
|
107
|
+
* color: 'white',
|
|
108
|
+
* },
|
|
109
|
+
* buttonHover: {
|
|
110
|
+
* background: 'rgba(255,255,255,0.3)',
|
|
111
|
+
* },
|
|
112
|
+
* value: {
|
|
113
|
+
* color: 'white',
|
|
114
|
+
* fontSize: '24px',
|
|
115
|
+
* fontWeight: 'bold',
|
|
116
|
+
* },
|
|
117
|
+
* }}
|
|
118
|
+
* />
|
|
119
|
+
*
|
|
120
|
+
* @example
|
|
121
|
+
* // Custom variant with horizontal layout
|
|
122
|
+
* <NumberStepper
|
|
123
|
+
* value={discount}
|
|
124
|
+
* onChange={setDiscount}
|
|
125
|
+
* min={0}
|
|
126
|
+
* max={100}
|
|
127
|
+
* step={5}
|
|
128
|
+
* label="Discount %"
|
|
129
|
+
* icon="🏷️"
|
|
130
|
+
* variant="custom"
|
|
131
|
+
* customStyles={{
|
|
132
|
+
* container: {
|
|
133
|
+
* display: 'flex',
|
|
134
|
+
* alignItems: 'center',
|
|
135
|
+
* gap: '16px',
|
|
136
|
+
* },
|
|
137
|
+
* header: { flex: 1, marginBottom: 0 },
|
|
138
|
+
* }}
|
|
139
|
+
* />
|
|
140
|
+
*
|
|
141
|
+
* @example
|
|
142
|
+
* // With custom buttons
|
|
143
|
+
* <NumberStepper
|
|
144
|
+
* value={rating}
|
|
145
|
+
* onChange={setRating}
|
|
146
|
+
* min={1}
|
|
147
|
+
* max={5}
|
|
148
|
+
* customButtons={{
|
|
149
|
+
* decrement: <span>👎</span>,
|
|
150
|
+
* increment: <span>👍</span>,
|
|
151
|
+
* }}
|
|
152
|
+
* />
|
|
153
|
+
*
|
|
86
154
|
* @param {NumberStepperProps} props - The props for the NumberStepper component
|
|
87
155
|
* @returns {JSX.Element} The rendered NumberStepper component
|
|
88
156
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberStepper.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/NumberStepper/NumberStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberStepper.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/NumberStepper/NumberStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGlF;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IAC/B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACnE,8CAA8C;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,YAAY,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAClC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACrC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAChC,CAAC;IACF,sDAAsD;IACtD,aAAa,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC/B,CAAC;IACF,8BAA8B;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB;IACvB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+PtD,CAAC"}
|
|
@@ -15,4 +15,12 @@ export declare const Disabled: Story;
|
|
|
15
15
|
export declare const NoLimits: Story;
|
|
16
16
|
export declare const DecimalStep: Story;
|
|
17
17
|
export declare const HabitTracking: Story;
|
|
18
|
+
export declare const MinimalVariant: Story;
|
|
19
|
+
export declare const CustomStyled: Story;
|
|
20
|
+
export declare const GamingStyle: Story;
|
|
21
|
+
export declare const NeonStyle: Story;
|
|
22
|
+
export declare const VerticalLayout: Story;
|
|
23
|
+
export declare const CustomButtons: Story;
|
|
24
|
+
export declare const WithLimitsDisplay: Story;
|
|
25
|
+
export declare const CompactHorizontalCustom: Story;
|
|
18
26
|
//# sourceMappingURL=NumberStepper.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberStepper.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/NumberStepper/NumberStepper.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CA2DpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwC3B,CAAC"}
|
|
1
|
+
{"version":3,"file":"NumberStepper.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/NumberStepper/NumberStepper.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CA2DpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwC3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA8C1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsDzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwDvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqC5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAoDrC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ComponentSoundConfig } from '../../../utils/useSound';
|
|
1
2
|
type Option = string | {
|
|
2
3
|
label: string;
|
|
3
4
|
value: string;
|
|
@@ -27,6 +28,8 @@ export interface SelectInputProps {
|
|
|
27
28
|
loading?: boolean;
|
|
28
29
|
/** Whether the field is required (shows asterisk) */
|
|
29
30
|
required?: boolean;
|
|
31
|
+
/** Sound configuration for interactions */
|
|
32
|
+
soundConfig?: ComponentSoundConfig;
|
|
30
33
|
}
|
|
31
34
|
/**
|
|
32
35
|
* SelectInput component - Styled dropdown selector with flexible option format
|
|
@@ -61,6 +64,6 @@ export interface SelectInputProps {
|
|
|
61
64
|
* ]}
|
|
62
65
|
* />
|
|
63
66
|
*/
|
|
64
|
-
export declare function SelectInput({ label, value, onChange, options, placeholder, disabled, error, success, loading, required }: Readonly<SelectInputProps>): import("react/jsx-runtime").JSX.Element;
|
|
67
|
+
export declare function SelectInput({ label, value, onChange, options, placeholder, disabled, error, success, loading, required, soundConfig }: Readonly<SelectInputProps>): import("react/jsx-runtime").JSX.Element;
|
|
65
68
|
export {};
|
|
66
69
|
//# sourceMappingURL=SelectInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SelectInput/SelectInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGlF,KAAK,MAAM,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC7B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kEAAkE;IAClE,OAAO,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAC5B,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;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,EAChB,WAAW,EACd,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAwC5B"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ComponentSoundConfig } from '../../../utils/useSound';
|
|
1
2
|
/**
|
|
2
3
|
* Label configuration for the slider endpoints
|
|
3
4
|
* @interface SliderLabel
|
|
@@ -71,6 +72,8 @@ export interface SliderProps {
|
|
|
71
72
|
showTooltip?: boolean;
|
|
72
73
|
/** Custom tooltip content */
|
|
73
74
|
tooltipContent?: (value: number) => string;
|
|
75
|
+
/** Sound configuration for interactions */
|
|
76
|
+
soundConfig?: ComponentSoundConfig;
|
|
74
77
|
}
|
|
75
78
|
/**
|
|
76
79
|
* Slider component - A beautiful, animated range input
|
|
@@ -106,5 +109,5 @@ export interface SliderProps {
|
|
|
106
109
|
* colorFunction={(val) => `hsl(${val * 24}, 70%, 50%)`}
|
|
107
110
|
* />
|
|
108
111
|
*/
|
|
109
|
-
export declare function Slider({ value, onChange, min, max, step, label, showValue, valueFormatter, labels, config, disabled, className, style, loading, colorFunction, showTooltip, tooltipContent }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
112
|
+
export declare function Slider({ value, onChange, min, max, step, label, showValue, valueFormatter, labels, config, disabled, className, style, loading, colorFunction, showTooltip, tooltipContent, soundConfig }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
110
113
|
//# sourceMappingURL=Slider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Slider/Slider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Slider/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGlF;;;GAGG;AACH,MAAM,WAAW,WAAW;IACxB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;CACvC;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IACzB,0BAA0B;IAC1B,MAAM,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,UAAU,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;CACL;AAED;;;GAGG;AACH,MAAM,WAAW,WAAW;IACxB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,sDAAsD;IACtD,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,mCAAmC;IACnC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,2CAA2C;IAC3C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,MAAM,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,GAAO,EACP,GAAS,EACT,IAAQ,EACR,KAAK,EACL,SAAiB,EACjB,cAAc,EACd,MAAW,EACX,MAAW,EACX,QAAgB,EAChB,SAAc,EACd,KAAU,EACV,OAAe,EACf,aAAa,EACb,WAAmB,EACnB,cAAc,EACd,WAAW,EACd,EAAE,WAAW,2CA8Pb"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: () => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
docs: {
|
|
8
|
+
description: {
|
|
9
|
+
component: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const Default: Story;
|
|
17
|
+
//# sourceMappingURL=SoundDemo.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SoundDemo.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SoundDemo/SoundDemo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAsPvD,QAAA,MAAM,IAAI;;;;;;;;;;;CAWwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|
|
@@ -29,6 +29,8 @@ export interface TextAreaProps {
|
|
|
29
29
|
focusMode?: boolean;
|
|
30
30
|
/** Compact mode for use in arrays or dense layouts */
|
|
31
31
|
compact?: boolean;
|
|
32
|
+
/** Custom CSS class name(s) to apply to the container */
|
|
33
|
+
className?: string;
|
|
32
34
|
}
|
|
33
35
|
/**
|
|
34
36
|
* TextArea component - Multi-line text input with character counting
|
|
@@ -60,5 +62,5 @@ export interface TextAreaProps {
|
|
|
60
62
|
* required
|
|
61
63
|
* />
|
|
62
64
|
*/
|
|
63
|
-
export declare function TextArea({ label, value, onChange, rows, placeholder, required, maxLength, disabled, error, success, loading, focusMode, compact }: Readonly<TextAreaProps>): import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
export declare function TextArea({ label, value, onChange, rows, placeholder, required, maxLength, disabled, error, success, loading, focusMode, compact, className }: Readonly<TextAreaProps>): import("react/jsx-runtime").JSX.Element;
|
|
64
66
|
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;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,EACjB,OAAe,EACf,SAAc,EACjB,EAAE,QAAQ,CAAC,aAAa,CAAC,2CA0DzB"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { ComponentSoundConfig } from '../../../utils/useSound';
|
|
2
3
|
/**
|
|
3
4
|
* Props for the TextInput component
|
|
4
5
|
* @interface TextInputProps
|
|
@@ -12,8 +13,6 @@ export interface TextInputProps {
|
|
|
12
13
|
onChange: (newValue: string) => void;
|
|
13
14
|
/** HTML input type (text, email, password, etc.) */
|
|
14
15
|
type?: string;
|
|
15
|
-
/** Callback fired when input receives focus */
|
|
16
|
-
onFocus?: () => void;
|
|
17
16
|
/** Callback fired when input loses focus */
|
|
18
17
|
onBlur?: () => void;
|
|
19
18
|
/** Placeholder text shown when input is empty */
|
|
@@ -41,6 +40,10 @@ export interface TextInputProps {
|
|
|
41
40
|
maxLength?: number;
|
|
42
41
|
/** HTML autocomplete attribute value */
|
|
43
42
|
autoComplete?: string;
|
|
43
|
+
/** Optional sound configuration for input interactions */
|
|
44
|
+
soundConfig?: ComponentSoundConfig;
|
|
45
|
+
/** Enable typing sounds */
|
|
46
|
+
enableTypingSounds?: boolean;
|
|
44
47
|
}
|
|
45
48
|
/**
|
|
46
49
|
* TextInput component - A versatile text input field with label and error handling
|
|
@@ -72,5 +75,5 @@ export interface TextInputProps {
|
|
|
72
75
|
* required
|
|
73
76
|
* />
|
|
74
77
|
*/
|
|
75
|
-
export declare function TextInput({ label, value, onChange, type,
|
|
78
|
+
export declare function TextInput({ label, value, onChange, type, onBlur, placeholder, error, required, disabled, success, loading, icon, actionButton, maxLength, autoComplete, soundConfig, enableTypingSounds }: Readonly<TextInputProps>): import("react/jsx-runtime").JSX.Element;
|
|
76
79
|
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -1 +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;
|
|
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;AAEzC,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAElF;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+DAA+D;IAC/D,YAAY,CAAC,EAAE;QACX,wBAAwB;QACxB,KAAK,EAAE,MAAM,CAAC;QACd,2BAA2B;QAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAa,EACb,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,OAAe,EACf,OAAe,EACf,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,WAAW,EACX,kBAA0B,EAC7B,EAAE,QAAQ,CAAC,cAAc,CAAC,2CA+E1B"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ComponentSoundConfig, SoundTheme } from '../../../utils/useSound';
|
|
2
3
|
/**
|
|
3
4
|
* Props for the Toggle component
|
|
4
5
|
* @interface ToggleProps
|
|
@@ -20,6 +21,12 @@ export interface ToggleProps {
|
|
|
20
21
|
readonly className?: string;
|
|
21
22
|
/** Optional inline styles */
|
|
22
23
|
readonly style?: React.CSSProperties;
|
|
24
|
+
/** Sound configuration for interactions */
|
|
25
|
+
readonly soundConfig?: ComponentSoundConfig;
|
|
26
|
+
/** Sound theme for this toggle */
|
|
27
|
+
readonly soundTheme?: SoundTheme;
|
|
28
|
+
/** Enable celebration effects on toggle */
|
|
29
|
+
readonly enableCelebration?: boolean;
|
|
23
30
|
}
|
|
24
31
|
/**
|
|
25
32
|
* Toggle Component
|
|
@@ -31,12 +38,14 @@ export interface ToggleProps {
|
|
|
31
38
|
* Supports both text labels and icons for each option.
|
|
32
39
|
*
|
|
33
40
|
* @example
|
|
34
|
-
* // Basic toggle with labels
|
|
41
|
+
* // Basic toggle with labels and sound theme
|
|
35
42
|
* <Toggle
|
|
36
43
|
* isOn={darkMode}
|
|
37
44
|
* onToggle={setDarkMode}
|
|
38
45
|
* leftLabel="Light"
|
|
39
46
|
* rightLabel="Dark"
|
|
47
|
+
* soundTheme="cozy"
|
|
48
|
+
* enableCelebration={true}
|
|
40
49
|
* />
|
|
41
50
|
*
|
|
42
51
|
* @example
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAqB,oBAAoB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG9F;;;GAGG;AACH,MAAM,WAAW,WAAW;IACxB,2DAA2D;IAC3D,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,4CAA4C;IAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,8BAA8B;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,2CAA2C;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,oBAAoB,CAAC;IAC5C,kCAAkC;IAClC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACjC,2CAA2C;IAC3C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,2CA0FlD"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ComponentSoundConfig } from '../../../utils/useSound';
|
|
2
3
|
/**
|
|
3
4
|
* Props for the ToggleButton component
|
|
4
5
|
* @interface ToggleButtonProps
|
|
@@ -34,6 +35,8 @@ export interface ToggleButtonProps {
|
|
|
34
35
|
tooltip?: string;
|
|
35
36
|
/** Whether to show the label on mobile */
|
|
36
37
|
hideLabelOnMobile?: boolean;
|
|
38
|
+
/** Sound configuration for interactions */
|
|
39
|
+
soundConfig?: ComponentSoundConfig;
|
|
37
40
|
}
|
|
38
41
|
/**
|
|
39
42
|
* ToggleButton Component
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGlF;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAC9B,4CAA4C;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtD,wBAAwB;IACxB,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzE,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACjD,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiLpD,CAAC"}
|
|
@@ -10,6 +10,7 @@ export interface TimeInputProps {
|
|
|
10
10
|
loading?: boolean;
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
required?: boolean;
|
|
13
|
+
className?: string;
|
|
13
14
|
}
|
|
14
|
-
export declare function TimeInput({ label, value, onChange, placeholder, onFocus, onBlur, error, success, loading, disabled, required }: Readonly<TimeInputProps>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function TimeInput({ label, value, onChange, placeholder, onFocus, onBlur, error, success, loading, disabled, required, className }: Readonly<TimeInputProps>): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
//# sourceMappingURL=TimeInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TimeInput/TimeInput.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAqB,EACrB,OAAO,EACP,MAAM,EACN,KAAa,EACb,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,QAAgB,
|
|
1
|
+
{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TimeInput/TimeInput.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAqB,EACrB,OAAO,EACP,MAAM,EACN,KAAa,EACb,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,SAAc,EACjB,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAoH1B"}
|