@stfrigerio/sito-template 0.1.27 → 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 +3 -0
- package/dist/components/atoms/NumberStepper/NumberStepper.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/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/index.esm.js +638 -21
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +638 -21
- 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
|
|
@@ -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"}
|
|
@@ -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"}
|
|
@@ -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"}
|