@royaltics/ui 1.0.5 → 1.0.6

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 (157) hide show
  1. package/dist/buttons/Button.d.ts +14 -16
  2. package/dist/buttons/Button.d.ts.map +1 -1
  3. package/dist/buttons/Button.js +23 -8
  4. package/dist/buttons/Button.js.map +1 -1
  5. package/dist/buttons/Button.stories.d.ts +18 -0
  6. package/dist/buttons/Button.stories.d.ts.map +1 -0
  7. package/dist/buttons/Button.stories.js +41 -0
  8. package/dist/buttons/Button.stories.js.map +1 -0
  9. package/dist/buttons/LinkButton.d.ts +8 -0
  10. package/dist/buttons/LinkButton.d.ts.map +1 -0
  11. package/dist/buttons/LinkButton.js +9 -0
  12. package/dist/buttons/LinkButton.js.map +1 -0
  13. package/dist/buttons/LinkButton.stories.d.ts +7 -0
  14. package/dist/buttons/LinkButton.stories.d.ts.map +1 -0
  15. package/dist/buttons/LinkButton.stories.js +48 -0
  16. package/dist/buttons/LinkButton.stories.js.map +1 -0
  17. package/dist/buttons/index.d.ts +2 -1
  18. package/dist/buttons/index.d.ts.map +1 -1
  19. package/dist/buttons/index.js +1 -0
  20. package/dist/buttons/index.js.map +1 -1
  21. package/dist/components/CheckboxTree.d.ts +5 -0
  22. package/dist/components/CheckboxTree.d.ts.map +1 -0
  23. package/dist/components/CheckboxTree.js +131 -0
  24. package/dist/components/CheckboxTree.js.map +1 -0
  25. package/dist/components/CheckboxTree.stories.d.ts +18 -0
  26. package/dist/components/CheckboxTree.stories.d.ts.map +1 -0
  27. package/dist/components/CheckboxTree.stories.js +39 -0
  28. package/dist/components/CheckboxTree.stories.js.map +1 -0
  29. package/dist/components/GenericCard.d.ts +12 -0
  30. package/dist/components/GenericCard.d.ts.map +1 -0
  31. package/dist/components/GenericCard.js +19 -0
  32. package/dist/components/GenericCard.js.map +1 -0
  33. package/dist/components/checkboxtree/CheckBoxTreeButton.d.ts +8 -0
  34. package/dist/components/checkboxtree/CheckBoxTreeButton.d.ts.map +1 -0
  35. package/dist/components/checkboxtree/CheckBoxTreeButton.js +7 -0
  36. package/dist/components/checkboxtree/CheckBoxTreeButton.js.map +1 -0
  37. package/dist/components/checkboxtree/CheckboxTreeError.d.ts +5 -0
  38. package/dist/components/checkboxtree/CheckboxTreeError.d.ts.map +1 -0
  39. package/dist/components/checkboxtree/CheckboxTreeError.js +16 -0
  40. package/dist/components/checkboxtree/CheckboxTreeError.js.map +1 -0
  41. package/dist/components/checkboxtree/NativeCheckbox.d.ts +7 -0
  42. package/dist/components/checkboxtree/NativeCheckbox.d.ts.map +1 -0
  43. package/dist/components/checkboxtree/NativeCheckbox.js +17 -0
  44. package/dist/components/checkboxtree/NativeCheckbox.js.map +1 -0
  45. package/dist/components/checkboxtree/NodeModel.d.ts +30 -0
  46. package/dist/components/checkboxtree/NodeModel.d.ts.map +1 -0
  47. package/dist/components/checkboxtree/NodeModel.js +184 -0
  48. package/dist/components/checkboxtree/NodeModel.js.map +1 -0
  49. package/dist/components/checkboxtree/TreeNode.d.ts +44 -0
  50. package/dist/components/checkboxtree/TreeNode.d.ts.map +1 -0
  51. package/dist/components/checkboxtree/TreeNode.js +139 -0
  52. package/dist/components/checkboxtree/TreeNode.js.map +1 -0
  53. package/dist/components/checkboxtree/constants.d.ts +8 -0
  54. package/dist/components/checkboxtree/constants.d.ts.map +1 -0
  55. package/dist/components/checkboxtree/constants.js +46 -0
  56. package/dist/components/checkboxtree/constants.js.map +1 -0
  57. package/dist/components/checkboxtree/types/types.d.ts +70 -0
  58. package/dist/components/checkboxtree/types/types.d.ts.map +1 -0
  59. package/dist/components/checkboxtree/types/types.js +2 -0
  60. package/dist/components/checkboxtree/types/types.js.map +1 -0
  61. package/dist/components/checkboxtree/utils.d.ts +16 -0
  62. package/dist/components/checkboxtree/utils.d.ts.map +1 -0
  63. package/dist/components/checkboxtree/utils.js +28 -0
  64. package/dist/components/checkboxtree/utils.js.map +1 -0
  65. package/dist/components/index.d.ts +3 -0
  66. package/dist/components/index.d.ts.map +1 -0
  67. package/dist/components/index.js +3 -0
  68. package/dist/components/index.js.map +1 -0
  69. package/dist/constants/DataArrayNodes.d.ts +53 -0
  70. package/dist/constants/DataArrayNodes.d.ts.map +1 -0
  71. package/dist/constants/DataArrayNodes.js +162 -0
  72. package/dist/constants/DataArrayNodes.js.map +1 -0
  73. package/dist/constants/Variants.d.ts +26 -0
  74. package/dist/constants/Variants.d.ts.map +1 -0
  75. package/dist/constants/Variants.js +26 -0
  76. package/dist/constants/Variants.js.map +1 -0
  77. package/dist/forms/Checkbox.d.ts +13 -10
  78. package/dist/forms/Checkbox.d.ts.map +1 -1
  79. package/dist/forms/Checkbox.js +29 -4
  80. package/dist/forms/Checkbox.js.map +1 -1
  81. package/dist/forms/Checkbox.stories.d.ts +20 -0
  82. package/dist/forms/Checkbox.stories.d.ts.map +1 -0
  83. package/dist/forms/Checkbox.stories.js +65 -0
  84. package/dist/forms/Checkbox.stories.js.map +1 -0
  85. package/dist/forms/Input.d.ts +11 -22
  86. package/dist/forms/Input.d.ts.map +1 -1
  87. package/dist/forms/Input.js +27 -12
  88. package/dist/forms/Input.js.map +1 -1
  89. package/dist/forms/Input.stories.d.ts +22 -0
  90. package/dist/forms/Input.stories.d.ts.map +1 -0
  91. package/dist/forms/Input.stories.js +59 -0
  92. package/dist/forms/Input.stories.js.map +1 -0
  93. package/dist/forms/PhotoCard.d.ts.map +1 -1
  94. package/dist/forms/PlayerYoutube.d.ts.map +1 -1
  95. package/dist/forms/RadioButton.d.ts +2 -2
  96. package/dist/forms/RadioButton.d.ts.map +1 -1
  97. package/dist/forms/RadioButton.js +1 -1
  98. package/dist/forms/RadioButton.js.map +1 -1
  99. package/dist/forms/Select.d.ts +6 -13
  100. package/dist/forms/Select.d.ts.map +1 -1
  101. package/dist/forms/Select.js +25 -15
  102. package/dist/forms/Select.js.map +1 -1
  103. package/dist/forms/Select.stories.d.ts +17 -0
  104. package/dist/forms/Select.stories.d.ts.map +1 -0
  105. package/dist/forms/Select.stories.js +36 -0
  106. package/dist/forms/Select.stories.js.map +1 -0
  107. package/dist/forms/TextArea.d.ts.map +1 -1
  108. package/dist/forms/ToggleSwitch.d.ts.map +1 -1
  109. package/dist/hooks/useHttpState.d.ts.map +1 -1
  110. package/dist/hooks/useRouter.d.ts +2 -2
  111. package/dist/icons/index.d.ts +2 -0
  112. package/dist/icons/index.d.ts.map +1 -0
  113. package/dist/icons/index.js +3 -0
  114. package/dist/icons/index.js.map +1 -0
  115. package/dist/index.d.ts +2 -7
  116. package/dist/index.d.ts.map +1 -1
  117. package/dist/index.js +2 -12
  118. package/dist/index.js.map +1 -1
  119. package/dist/reducers/index.d.ts.map +1 -1
  120. package/dist/stories/Button.d.ts +17 -0
  121. package/dist/stories/Button.d.ts.map +1 -0
  122. package/dist/stories/Button.js +8 -0
  123. package/dist/stories/Button.js.map +1 -0
  124. package/dist/stories/Button.stories.d.ts +25 -0
  125. package/dist/stories/Button.stories.d.ts.map +1 -0
  126. package/dist/stories/Button.stories.js +51 -0
  127. package/dist/stories/Button.stories.js.map +1 -0
  128. package/dist/stories/Header.d.ts +14 -0
  129. package/dist/stories/Header.d.ts.map +1 -0
  130. package/dist/stories/Header.js +21 -0
  131. package/dist/stories/Header.js.map +1 -0
  132. package/dist/stories/Header.stories.d.ts +19 -0
  133. package/dist/stories/Header.stories.d.ts.map +1 -0
  134. package/dist/stories/Header.stories.js +27 -0
  135. package/dist/stories/Header.stories.js.map +1 -0
  136. package/dist/stories/Page.d.ts +4 -0
  137. package/dist/stories/Page.d.ts.map +1 -0
  138. package/dist/stories/Page.js +38 -0
  139. package/dist/stories/Page.js.map +1 -0
  140. package/dist/stories/Page.stories.d.ts +13 -0
  141. package/dist/stories/Page.stories.d.ts.map +1 -0
  142. package/dist/stories/Page.stories.js +25 -0
  143. package/dist/stories/Page.stories.js.map +1 -0
  144. package/dist/types/StoriesArguments.d.ts +4 -0
  145. package/dist/types/StoriesArguments.d.ts.map +1 -0
  146. package/dist/types/StoriesArguments.js +52 -0
  147. package/dist/types/StoriesArguments.js.map +1 -0
  148. package/dist/types/global.d.ts +31 -0
  149. package/dist/types/global.d.ts.map +1 -0
  150. package/dist/types/global.js +2 -0
  151. package/dist/types/global.js.map +1 -0
  152. package/dist/utils/cvmix.d.ts +23 -0
  153. package/dist/utils/cvmix.d.ts.map +1 -0
  154. package/dist/utils/cvmix.js +46 -0
  155. package/dist/utils/cvmix.js.map +1 -0
  156. package/dist/validators/index.d.ts.map +1 -1
  157. package/package.json +101 -75
@@ -1,24 +1,41 @@
1
1
  import React from "react";
2
- const Input = ({ id, lb, type = 'text', decimal = true, onwheel = true, maxLength, placeholder, state, disabled, icon, readOnly, noWrap = true, className, textCenter = false, required, referer, onKeyDown, enter, onEnter, autocomplete, tabIndex, onBlur }) => {
3
- const { inputs, setInputs } = state;
2
+ import { cvaMix, cn } from "../utils/cvmix.js";
3
+ import { Variants } from "../constants/Variants.js";
4
+ const classNamesProps = cvaMix("flex flex-col items-stretch justify-start", {
5
+ size: Variants.size,
6
+ variant: {
7
+ fill: 'bg-input',
8
+ outline: 'border-input'
9
+ }
10
+ }, {
11
+ size: 'xs',
12
+ width: 'full',
13
+ variant: 'fill'
14
+ });
15
+ const Input = ({ id, name, size, lb, type = 'text', disableWheel, maxLength, placeholder, state, variant, Icon, readOnly, width, className, textCenter, error, required, referer, enterIcon, autocomplete, tabIndex, onBlur, onKeyDown, onEnter }) => {
16
+ //const { inputs, setInputs } = state;
17
+ const [inputs, setInputs] = state;
4
18
  const _onKeyDown = (evt) => {
5
19
  //validar decimal
6
- if (type === 'number' && !decimal && (evt.keyCode == 110 || evt.keyCode == 188 || evt.keyCode == 190)) {
20
+ if (type !== 'decimal' && (evt.key === '.' || evt.key === ',')) {
7
21
  evt.preventDefault();
8
22
  return;
9
23
  }
10
- if (evt.keyCode == 13 && onEnter && !evt.repeat) { //if Enter
24
+ // Ejecuta la acción al presionar Enter
25
+ if (evt.key === 'Enter' && onEnter && !evt.repeat) {
11
26
  onEnter(evt);
12
27
  }
13
28
  if (onKeyDown)
14
29
  onKeyDown(evt);
15
30
  };
16
- return (React.createElement("div", { className: "flex flex-col items-stretch justify-start " + (className ?? '') },
17
- lb && React.createElement("label", { htmlFor: id, className: `font-medium text-gray-700 dark:text-gray-200 pb-0.5` + (noWrap ? " text-justify" : "wrap") },
31
+ return (React.createElement("div", { className: cn("flex flex-col items-stretch justify-start", width == 'full' && 'w-full', className) },
32
+ lb && React.createElement("label", { htmlFor: id, className: cn(`font-medium text-input-label`) },
18
33
  lb,
19
34
  ":"),
20
- React.createElement("div", { className: `flex flex-row-reverse border dark:border-gray-600 rounded-md items-center ${readOnly ? 'bg-gray-50 dark:bg-gray-600' : 'dark:bg-gray-800 '}` },
21
- React.createElement("input", { ref: referer, className: `py-1.5 rounded-md px-2 w-full ${textCenter ? 'text-center' : ''} outline-none ${readOnly ? 'bg-gray-50 dark:bg-gray-600 dark:text-gray-200' : 'dark:bg-gray-800 dark:text-white'}`, id: id, "aria-autocomplete": autocomplete === "off" ? "none" : "inline", autoComplete: autocomplete, type: type, value: inputs?.[id] || '', placeholder: placeholder || lb, disabled: disabled, readOnly: readOnly, required: required, maxLength: maxLength, onFocus: onwheel ? undefined : (e) => e.target.addEventListener("wheel", function (e) { e.preventDefault(); }, { passive: false }), onKeyDown: _onKeyDown, onBlur: onBlur, onPaste: (event) => {
35
+ React.createElement("div", { className: cn(`flex flex-row-reverse rounded-md border-1 border-input-border text-input-foreground w-full gap-1 items-center placeholder-input-placeholder focus:placeholder-input-placeholder`, readOnly && 'opacity-60', error && '!border-danger', classNamesProps({ variant, size })) },
36
+ React.createElement("input", { ref: referer, className: cn(`w-full outline-none`, textCenter && 'text-center'), id: id, name: name || id, "aria-autocomplete": autocomplete === "off" ? "none" : "inline", autoComplete: autocomplete, type: type === 'decimal' ? 'number' : type, value: inputs?.[id] || '', placeholder: placeholder || lb,
37
+ // disabled={readOnly}
38
+ readOnly: readOnly, required: required, maxLength: maxLength, onFocus: disableWheel ? (e) => e.target.addEventListener("wheel", function (e) { e.preventDefault(); }, { passive: false }) : undefined, onKeyDown: _onKeyDown, onBlur: onBlur, onPaste: (event) => {
22
39
  event.preventDefault();
23
40
  const pastedText = event.clipboardData.getData('text')?.trimEnd();
24
41
  const { selectionStart, selectionEnd, value } = event.target;
@@ -26,10 +43,8 @@ const Input = ({ id, lb, type = 'text', decimal = true, onwheel = true, maxLengt
26
43
  const finalValue = isFullySelected ? pastedText : value.slice(0, selectionStart) + pastedText + value.slice(selectionEnd);
27
44
  // Set the input state with the new value
28
45
  setInputs?.({ [id]: finalValue });
29
- }, enterKeyHint: enter, tabIndex: tabIndex, onChange: (e) => {
30
- setInputs?.({ [id]: e.target.value });
31
- } }),
32
- React.createElement("span", { className: `${icon ? "ml-1 pl-1" : ""} ${disabled ? "text-gray-400 dark:text-gray-800" : "text-gray-700 dark:text-gray-300"}` }, icon))));
46
+ }, enterKeyHint: enterIcon, tabIndex: tabIndex, onChange: (e) => setInputs?.({ [id]: e.target.value }) }),
47
+ Icon && React.createElement(Icon, { className: "h-5 w-5" }))));
33
48
  };
34
49
  export default Input;
35
50
  //# sourceMappingURL=Input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/forms/Input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/forms/Input.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import { InputProps } from './Input.js';
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ id, name, size, lb, type, disableWheel, maxLength, placeholder, state, variant, Icon, readOnly, width, className, textCenter, error, required, referer, enterIcon, autocomplete, tabIndex, onBlur, onKeyDown, onEnter }: InputProps) => import("react").JSX.Element;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ disableWheel: {
12
+ control: "boolean";
13
+ description: string;
14
+ };
15
+ };
16
+ };
17
+ export default meta;
18
+ export declare const InputText: StoryObj<typeof meta>;
19
+ export declare const InputPassword: StoryObj<typeof meta>;
20
+ export declare const InputIcon: StoryObj<typeof meta>;
21
+ export declare const variantInputOutline: StoryObj<typeof meta>;
22
+ //# sourceMappingURL=Input.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../src/forms/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAK/C,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAckB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,IAAI,CAS3C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,OAAO,IAAI,CAU/C,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,IAAI,CAS3C,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAQrD,CAAC"}
@@ -0,0 +1,59 @@
1
+ import Input from './Input.js'; // Sin .js si usas la configuración por defecto de Webpack/Vite
2
+ import { ArgumentsInputs } from '../types/StoriesArguments.js';
3
+ import { LockClosedIcon, UserPlusIcon } from '@heroicons/react/16/solid';
4
+ // Configuración general para el componente en Storybook
5
+ const meta = {
6
+ title: 'UI/Forms/Input', // Categoría y nombre en la barra lateral de Storybook
7
+ component: Input,
8
+ parameters: {
9
+ layout: 'centered', // Centra el componente en el lienzo
10
+ },
11
+ tags: ['autodocs'],
12
+ argTypes: {
13
+ ...ArgumentsInputs,
14
+ disableWheel: {
15
+ control: 'boolean',
16
+ description: 'No editable input',
17
+ }
18
+ }
19
+ };
20
+ export default meta;
21
+ // Historias individuales
22
+ export const InputText = {
23
+ args: {
24
+ id: 'email',
25
+ state: [{ email: 'example' }],
26
+ lb: 'Correo Electronico',
27
+ placeholder: 'email@example.com',
28
+ type: 'text',
29
+ variant: 'fill'
30
+ },
31
+ };
32
+ export const InputPassword = {
33
+ args: {
34
+ id: '',
35
+ type: 'password',
36
+ state: [{}],
37
+ lb: 'Contraseña',
38
+ variant: 'fill',
39
+ Icon: LockClosedIcon
40
+ },
41
+ };
42
+ export const InputIcon = {
43
+ args: {
44
+ id: '',
45
+ state: [{}],
46
+ lb: 'Botón Primario',
47
+ variant: 'fill',
48
+ Icon: UserPlusIcon
49
+ },
50
+ };
51
+ export const variantInputOutline = {
52
+ args: {
53
+ id: '',
54
+ state: [{}],
55
+ lb: 'Botón Primario',
56
+ variant: 'outline'
57
+ },
58
+ };
59
+ //# sourceMappingURL=Input.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../src/forms/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,YAAY,CAAC,CAAC,+DAA+D;AAC/G,OAAO,EAAsC,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACnG,OAAO,EAAE,cAAc,EAAqB,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE5F,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB,EAAE,sDAAsD;IAC/E,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU,EAAE,oCAAoC;KACzD;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,GAAG,eAAe;QAClB,YAAY,EAAE;YACZ,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,mBAAmB;SACjC;KACF;CACyB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,SAAS,GAA0B;IAC9C,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QAC7B,EAAE,EAAE,oBAAoB;QACxB,WAAW,EAAE,mBAAmB;QAChC,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,CAAC,EAAE,CAAC;QACX,EAAE,EAAE,YAAY;QAChB,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,cAAc;KAErB;CACF,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAA0B;IAC9C,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,CAAC,EAAE,CAAC;QACX,EAAE,EAAE,gBAAgB;QACpB,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,YAAY;KAEnB;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACxD,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,CAAC,EAAE,CAAC;QACX,EAAE,EAAE,gBAAgB;QACpB,OAAO,EAAE,SAAS;KAEnB;CACF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PhotoCard.d.ts","sourceRoot":"","sources":["../../src/forms/PhotoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,aAAa,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B,CAAA;AAED,QAAA,MAAM,SAAS,8CAAgE,aAAa,sBA8E3F,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"PhotoCard.d.ts","sourceRoot":"","sources":["../../src/forms/PhotoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,aAAa,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,2CAA4D,aAAa,sBA8E3F,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PlayerYoutube.d.ts","sourceRoot":"","sources":["../../src/forms/PlayerYoutube.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACb,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;KACd,CAAC;CACH;AAED,QAAA,MAAM,aAAa,8EAOhB,kBAAkB,sBAuCpB,CAAC;AAEF,eAAgB,aAAa,CAAC"}
1
+ {"version":3,"file":"PlayerYoutube.d.ts","sourceRoot":"","sources":["../../src/forms/PlayerYoutube.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACb,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;KACd,CAAC;CACH;AAED,QAAA,MAAM,aAAa,GAAI,2EAOpB,kBAAkB,sBAuCpB,CAAC;AAEF,eAAgB,aAAa,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- interface CheckBoxType {
2
+ interface CheckboxType {
3
3
  id: string;
4
4
  value: any;
5
5
  lb?: string;
@@ -11,6 +11,6 @@ interface CheckBoxType {
11
11
  className?: string;
12
12
  inForm?: boolean;
13
13
  }
14
- declare const RadioButton: ({ id, state, lb, readOnly, className, inForm, value }: CheckBoxType) => React.JSX.Element;
14
+ declare const RadioButton: ({ id, state, lb, readOnly, className, inForm, value }: CheckboxType) => React.JSX.Element;
15
15
  export default RadioButton;
16
16
  //# sourceMappingURL=RadioButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/forms/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,QAAA,MAAM,WAAW,0DAA2D,YAAY,sBAuBvF,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/forms/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,QAAA,MAAM,WAAW,GAAI,uDAAuD,YAAY,sBAuBvF,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -7,7 +7,7 @@ const RadioButton = ({ id, state, lb, readOnly, className, inForm, value }) => {
7
7
  }
8
8
  };
9
9
  return (React.createElement("div", { className: `font-normal flex items-center space-x-2 cursor-pointer ${readOnly ? 'text-gray-500 dark:text-gray-400' : ''} ${inForm ? 'mt-3' : ''}` },
10
- React.createElement("input", { id: "check_" + id + value, onChange: handleClick, type: "radio", className: `appearance-none ${className ?? 'w-4 h-4'} checked:border-white border-2 bg-slate-200 rounded-full cursor-pointer focus:ring-blue-500 checked:bg-sky-650 ring-2 ring-gray-400 checked:ring-sky-700`, checked: inputs[id] == value, disabled: readOnly, name: id }),
10
+ React.createElement("input", { id: "check_" + id + value, onChange: handleClick, type: "radio", className: `appearance-none ${className ?? 'w-4 h-4'} checked:border-input-border border-2 bg-slate-200 rounded-full cursor-pointer focus:ring-blue-500 checked:bg-sky-650 ring-2 ring-gray-400 checked:ring-sky-700`, checked: inputs[id] == value, disabled: readOnly, name: id }),
11
11
  React.createElement("label", { htmlFor: "check_" + id + value, className: "cursor-pointer" }, lb)));
12
12
  };
13
13
  export default RadioButton;
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../src/forms/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAgB,EAAE,EAAE;IAC1F,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3B,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QACrJ,+BAAO,EAAE,EAAE,QAAQ,GAAG,EAAE,GAAG,KAAK,EAC9B,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,mBAAmB,SAAS,IAAI,SAAS,2JAA2J,EAC/M,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,EAAE,GACR;QACF,+BAAO,OAAO,EAAE,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE,SAAS,EAAC,gBAAgB,IAAE,EAAE,CAAS,CAC1E,CAEP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../src/forms/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAgB,EAAE,EAAE;IAC1F,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3B,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QACrJ,+BAAO,EAAE,EAAE,QAAQ,GAAG,EAAE,GAAG,KAAK,EAC9B,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,mBAAmB,SAAS,IAAI,SAAS,kKAAkK,EACtN,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,EAAE,GACR;QACF,+BAAO,OAAO,EAAE,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE,SAAS,EAAC,gBAAgB,IAAE,EAAE,CAAS,CAC1E,CAEP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,22 +1,15 @@
1
1
  import React from "react";
2
- type InputProps = {
3
- id: string;
4
- className?: string;
5
- state: {
6
- inputs: any;
7
- setInputs: (data: any) => void;
8
- };
9
- lb?: string;
10
- required?: boolean;
11
- disabled?: boolean;
12
- referer?: (el: any) => void;
2
+ import { ComponentInputBase } from "../types/global.js";
3
+ export interface SelectProps extends ComponentInputBase {
13
4
  data: any[];
14
5
  keyText?: string | string[];
15
6
  keyValue?: string;
16
7
  KeyFindItem?: string;
17
8
  padding?: 'small' | 'normal';
18
9
  onKeyDown?: (e: any) => void;
19
- };
20
- declare const _default: React.MemoExoticComponent<({ lb, state, onKeyDown, data, referer, keyText, keyValue, padding, required, disabled, className, KeyFindItem, id }: InputProps) => JSX.Element>;
10
+ theme?: 'dark' | 'light';
11
+ state: [any] | [any, React.Dispatch<any>];
12
+ }
13
+ declare const _default: React.MemoExoticComponent<({ id, lb, state, onKeyDown, data, referer, keyText, keyValue, padding, required, readOnly, className, KeyFindItem, size, variant }: SelectProps) => JSX.Element>;
21
14
  export default _default;
22
15
  //# sourceMappingURL=Select.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/forms/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,KAAK,UAAU,GAAG;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;KAAE,CAAC;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC,CAAA;wKAEqL,UAAU,KAAG,GAAG,CAAC,OAAO;AA2D9M,wBAA4B"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/forms/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAIxD,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACnD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;CAC7C;uLAkB4L,WAAW,KAAG,GAAG,CAAC,OAAO;AAqDtN,wBAA4B"}
@@ -1,36 +1,46 @@
1
1
  import React, { memo, useEffect } from "react";
2
- import cn from 'classnames';
3
- const Select = ({ lb, state, onKeyDown, data, referer, keyText = 'names', keyValue = 'id', padding = 'normal', required = false, disabled = false, className = '', KeyFindItem, id }) => {
4
- const { inputs, setInputs } = state;
2
+ import { cn, cvaMix } from "../utils/cvmix.js";
3
+ import { Variants } from "../constants/Variants.js";
4
+ const classNamesProps = cvaMix("flex flex-col items-stretch justify-start", {
5
+ size: Variants.size,
6
+ variant: {
7
+ fill: 'bg-input-options text-input-foreground',
8
+ outline: 'text-input-foreground'
9
+ }
10
+ }, {
11
+ size: 'xs',
12
+ width: 'full',
13
+ variant: 'fill'
14
+ });
15
+ const Select = ({ id, lb, state, onKeyDown, data, referer, keyText = 'names', keyValue = 'id', padding = 'normal', required = false, readOnly, className = '', KeyFindItem, size, variant }) => {
16
+ const [inputs, setInputs] = state;
5
17
  const isObject = (item) => typeof item === 'object';
6
18
  const _onChange = (evt) => {
7
19
  if (KeyFindItem) {
8
- const findItem = data.find((item) => item == evt.target.value || item[keyValue] == evt.target.value);
9
- setInputs({ [id]: evt.target.value, [KeyFindItem]: findItem });
20
+ const findItem = data.find((item) => item === evt.target.value || item[keyValue] === evt.target.value);
21
+ setInputs?.({ [id]: evt.target.value, [KeyFindItem]: findItem });
10
22
  }
11
23
  else {
12
- setInputs({ [id]: evt.target.value });
24
+ setInputs?.({ [id]: evt.target.value });
13
25
  }
14
26
  };
15
27
  useEffect(() => {
16
- /**
17
- * Auto Select first Element -> Only if model not contains this key
18
- */
19
28
  if (!data || data.length == 0 || !id)
20
29
  return;
21
30
  if (inputs[id] == undefined) {
22
- setInputs({ [id]: isObject(data[0]) ? data[0][keyValue] : data[0] });
31
+ setInputs?.({ [id]: isObject(data[0]) ? data[0][keyValue] : data[0] });
23
32
  }
24
33
  else {
25
- //Not it's undefined but the id not exists
26
34
  const exist = data.find((item) => item == inputs[id] || item[keyValue] == inputs[id]);
27
35
  if (!exist)
28
- setInputs({ [id]: isObject(data[0]) ? data[0][keyValue] : data[0] });
36
+ setInputs?.({ [id]: isObject(data[0]) ? data[0][keyValue] : data[0] });
29
37
  }
30
38
  }, [data]);
31
- return (React.createElement("div", { className: "flex flex-col " + className },
32
- lb && React.createElement("label", { className: 'text-gray-700 dark:text-gray-200 pb-0.5' }, lb),
33
- React.createElement("select", { ref: referer, required: required, disabled: disabled, title: 'Escoja una Opcion', name: id, onKeyDown: onKeyDown, value: inputs && inputs[id] != undefined ? inputs[id] : '', onChange: _onChange, className: cn('appearance-none custom cursor-pointer rounded-md h-auto w-full border outline-none focus:border-1 bg-white dark:bg-gray-800/50 dark:border-gray-600 disabled:bg-gray-100 focus:border-sky-600', disabled ? 'dark:disabled:bg-gray-600 dark:disabled:text-white' : 'bg-gray-50 dark:bg-gray-800 dark:text-white dark:focus:bg-slate-900 dark:focus:border-sky-650 ', padding === 'small' ? ' py-0.5 px-1 ' : 'px-1.5 py-1.5') }, data && data.map((item, index) => (React.createElement("option", { key: index, value: isObject(item) ? item[keyValue] : item, className: 'py-1.5 cursor-pointer' }, isObject(item) ? (Array.isArray(keyText) ? item[keyText[0]] + ' - ' + item[keyText[1]] : item[keyText]) : item))))));
39
+ return (React.createElement("div", { className: cn("flex flex-col items-stretch justify-start", className) },
40
+ lb && React.createElement("label", { htmlFor: id, className: cn(`font-medium text-input-label`) },
41
+ lb,
42
+ ":"),
43
+ React.createElement("select", { ref: referer, required: required, disabled: readOnly, title: 'Escoja una Opción', name: id, onKeyDown: onKeyDown, value: inputs?.[id] !== undefined ? inputs[id] : '', onChange: _onChange, className: cn('appearance-none custom cursor-pointer rounded-md h-auto w-full border-1 border-input-border outline-none', classNamesProps({ variant, size })) }, data && data.map((item, index) => (React.createElement("option", { key: index, value: isObject(item) ? item[keyValue] : item, className: 'py-1.5 bg-input-options' }, isObject(item) ? (Array.isArray(keyText) ? `${item[keyText[0]]} - ${item[keyText[1]]}` : item[keyText]) : item))))));
34
44
  };
35
45
  export default memo(Select);
36
46
  //# sourceMappingURL=Select.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/forms/Select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/forms/Select.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,17 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import { SelectProps } from './Select.js';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("react").MemoExoticComponent<({ id, lb, state, onKeyDown, data, referer, keyText, keyValue, padding, required, readOnly, className, KeyFindItem, size, variant }: SelectProps) => JSX.Element>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ [x: string]: any;
12
+ };
13
+ };
14
+ export default meta;
15
+ export declare const SelectText: StoryObj<typeof meta>;
16
+ export declare const variantSelectOutline: StoryObj<typeof meta>;
17
+ //# sourceMappingURL=Select.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/forms/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,IAAI;;;;;;;;;;CAUmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CAS5C,CAAC;AAKF,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAStD,CAAC"}
@@ -0,0 +1,36 @@
1
+ import Select from './Select.js'; // Sin .js si usas la configuración por defecto de Webpack/Vite
2
+ import { ArgumentsInputs } from '../types/StoriesArguments.js';
3
+ // Configuración general para el componente en Storybook
4
+ const meta = {
5
+ title: 'UI/Forms/Select', // Categoría y nombre en la barra lateral de Storybook
6
+ component: Select,
7
+ parameters: {
8
+ layout: 'centered', // Centra el componente en el lienzo
9
+ },
10
+ tags: ['autodocs'],
11
+ argTypes: {
12
+ ...ArgumentsInputs,
13
+ }
14
+ };
15
+ export default meta;
16
+ // Historias individuales
17
+ export const SelectText = {
18
+ args: {
19
+ id: 'email',
20
+ data: [{ id: 1, names: "Opcion 1" }, { id: 2, names: "Opcion 2" }, { id: 3, names: "Opcion 3" }],
21
+ state: [{ email: 'example' }],
22
+ lb: 'Opciones',
23
+ placeholder: 'email@example.com',
24
+ variant: 'fill'
25
+ },
26
+ };
27
+ export const variantSelectOutline = {
28
+ args: {
29
+ id: '',
30
+ state: [{}],
31
+ data: [{ id: 1, names: "Opcion 1" }, { id: 2, names: "Opcion 2" }, { id: 3, names: "Opcion 3" }],
32
+ lb: 'Opciones',
33
+ variant: 'outline'
34
+ },
35
+ };
36
+ //# sourceMappingURL=Select.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../src/forms/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,MAAuB,MAAM,aAAa,CAAC,CAAC,+DAA+D;AAClH,OAAO,EAAsC,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEnG,wDAAwD;AACxD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB,EAAE,sDAAsD;IAChF,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU,EAAE,oCAAoC;KACzD;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,GAAG,eAAe;KACnB;CAC0B,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,yBAAyB;AACzB,MAAM,CAAC,MAAM,UAAU,GAA0B;IAC/C,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;QAChG,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QAC7B,EAAE,EAAE,UAAU;QACd,WAAW,EAAE,mBAAmB;QAChC,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACzD,IAAI,EAAE;QACJ,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,CAAC,EAAE,CAAC;QACZ,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;QAC/F,EAAE,EAAE,UAAU;QACd,OAAO,EAAE,SAAS;KAEnB;CACF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/forms/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,QAAQ,wGAA4G,SAAS,sBAgClI,CAAA;AAED,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/forms/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,qGAAwG,SAAS,sBAgClI,CAAA;AAED,eAAe,QAAQ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/forms/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,iBAAiB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;CAE3D;AAED,QAAA,MAAM,YAAY,sBAAuB,iBAAiB,sBAqBzD,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/forms/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,iBAAiB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;CAE3D;AAED,QAAA,MAAM,YAAY,GAAI,mBAAmB,iBAAiB,sBAqBzD,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useHttpState.d.ts","sourceRoot":"","sources":["../../src/hooks/useHttpState.ts"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,OAAO,CAAC,EAAE;QACT,aAAa,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACjD;AAED,UAAU,cAAe,SAAQ,qBAAqB;IACrD,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACvB;AAID,UAAU,mBAAmB;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC;AAED,QAAA,MAAM,YAAY,aAAc,mBAAmB;;gBAyFrC,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;iBAChD,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;qBAC7C,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;eACvD,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;gBAChD,MAAM,GAAG,MAAM,EAAE,WAAW,cAAc;CAEvD,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"useHttpState.d.ts","sourceRoot":"","sources":["../../src/hooks/useHttpState.ts"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,OAAO,CAAC,EAAE;QACT,aAAa,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACjD;AAED,UAAU,cAAe,SAAQ,qBAAqB;IACrD,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACvB;AAID,UAAU,mBAAmB;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC;AAED,QAAA,MAAM,YAAY,GAAI,UAAU,mBAAmB;;gBAyFrC,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;iBAChD,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;qBAC7C,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;eACvD,MAAM,GAAG,MAAM,EAAE,WAAW,qBAAqB;gBAChD,MAAM,GAAG,MAAM,EAAE,WAAW,cAAc;CAEvD,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -2,8 +2,8 @@ export default function useRouter(): {
2
2
  pathname: string;
3
3
  query: any;
4
4
  params: Readonly<import("react-router-dom").Params<string>>;
5
- setSearchParams: import("react-router").SetURLSearchParams;
6
- push: import("react-router").NavigateFunction;
5
+ setSearchParams: import("react-router-dom").SetURLSearchParams;
6
+ push: import("react-router-dom").NavigateFunction;
7
7
  refresh: () => void;
8
8
  };
9
9
  //# sourceMappingURL=useRouter.d.ts.map
@@ -0,0 +1,2 @@
1
+ export * from '@heroicons/react/24/solid';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AACA,cAAc,2BAA2B,CAAC"}
@@ -0,0 +1,3 @@
1
+ //Heoricons
2
+ export * from '@heroicons/react/24/solid';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,cAAc,2BAA2B,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,10 +1,5 @@
1
1
  import { toast, ToastContainer } from "react-toastify";
2
- export { toast, ToastContainer };
3
2
  import "react-toastify/dist/ReactToastify.css";
4
- export * from '@heroicons/react/24/solid';
5
- export * from "./forms/index.js";
6
- export * from "./buttons/index.js";
7
- export * from "./cards/index.js";
8
- export * from "./reducers/index.js";
9
- export * from "./hooks/index.js";
3
+ import { v4 as uuidv4 } from 'uuid';
4
+ export { toast, ToastContainer, uuidv4 };
10
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACjC,OAAO,uCAAuC,CAAC;AAG/C,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC"}
package/dist/index.js CHANGED
@@ -1,15 +1,5 @@
1
1
  import { toast, ToastContainer } from "react-toastify";
2
- export { toast, ToastContainer };
3
2
  import "react-toastify/dist/ReactToastify.css";
4
- //Heoricons
5
- export * from '@heroicons/react/24/solid';
6
- export * from "./forms/index.js";
7
- export * from "./buttons/index.js";
8
- export * from "./cards/index.js";
9
- export * from "./reducers/index.js";
10
- export * from "./hooks/index.js";
11
- //export { default as Checkbox } from "./forms/Checkbox.js";
12
- //export { default as Button } from "./buttons/Button.js";
13
- //export * as IconsOutline from '@heroicons/react/24/outline';
14
- //export * from "./components";
3
+ import { v4 as uuidv4 } from 'uuid';
4
+ export { toast, ToastContainer, uuidv4 };
15
5
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACjC,OAAO,uCAAuC,CAAC;AAE/C,WAAW;AACX,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,4DAA4D;AAC5D,0DAA0D;AAE1D,8DAA8D;AAG9D,+BAA+B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/reducers/index.ts"],"names":[],"mappings":"AAAA,UAAU,kBAAkB,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,CAAC,QAAQ,kBAAkB,CAAC,CAAC,CAAC,KAAG,CAMlE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/reducers/index.ts"],"names":[],"mappings":"AAAA,UAAU,kBAAkB,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,KAAG,CAMlE,CAAC"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import './button.css';
3
+ export interface ButtonProps {
4
+ /** Is this the principal call to action on the page? */
5
+ primary?: boolean;
6
+ /** What background color to use */
7
+ backgroundColor?: string;
8
+ /** How large should the button be? */
9
+ size?: 'small' | 'medium' | 'large';
10
+ /** Button contents */
11
+ label: string;
12
+ /** Optional click handler */
13
+ onClick?: () => void;
14
+ }
15
+ /** Primary UI component for user interaction */
16
+ export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;
17
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/stories/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAW;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gDAAgD;AAChD,eAAO,MAAM,MAAM,GAAI,qDAMpB,WAAW,sBAYb,CAAC"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import './button.css';
3
+ /** Primary UI component for user interaction */
4
+ export const Button = ({ primary = false, size = 'medium', backgroundColor, label, ...props }) => {
5
+ const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
6
+ return (React.createElement("button", { type: "button", className: ['storybook-button', `storybook-button--${size}`, mode].join(' '), style: { backgroundColor }, ...props }, label));
7
+ };
8
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/stories/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAetB,gDAAgD;AAChD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,QAAQ,EACf,eAAe,EACf,KAAK,EACL,GAAG,KAAK,EACI,EAAE,EAAE;IAChB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B,CAAC;IACnF,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,kBAAkB,EAAE,qBAAqB,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5E,KAAK,EAAE,EAAE,eAAe,EAAE,KACtB,KAAK,IAER,KAAK,CACC,CACV,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,25 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: any;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {
10
+ backgroundColor: {
11
+ control: string;
12
+ };
13
+ };
14
+ args: {
15
+ onClick: import("storybook/internal/test").Mock<(...args: any[]) => any>;
16
+ };
17
+ };
18
+ export default meta;
19
+ type Story = StoryObj<typeof meta>;
20
+ export declare const Primary: Story;
21
+ export declare const Secondary: Story;
22
+ export declare const Large: Story;
23
+ export declare const Small: Story;
24
+ export declare const ButtonPrimary: Story;
25
+ //# sourceMappingURL=Button.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAeqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}