@mage-ui/components 0.0.14 → 0.0.15

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 (106) hide show
  1. package/dist/atoms/avatar/Avatar.d.ts +20 -11
  2. package/dist/atoms/avatar/Avatar.d.ts.map +1 -1
  3. package/dist/atoms/avatar/Avatar.js +2 -25
  4. package/dist/atoms/avatar/Avatar.js.map +1 -1
  5. package/dist/atoms/badges/Badge.d.ts +24 -10
  6. package/dist/atoms/badges/Badge.d.ts.map +1 -1
  7. package/dist/atoms/badges/Badge.js +2 -20
  8. package/dist/atoms/badges/Badge.js.map +1 -1
  9. package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts +29 -18
  10. package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  11. package/dist/atoms/breadcrumbs/Breadcrumbs.js +2 -44
  12. package/dist/atoms/breadcrumbs/Breadcrumbs.js.map +1 -1
  13. package/dist/atoms/buttons/Button.d.ts +25 -11
  14. package/dist/atoms/buttons/Button.d.ts.map +1 -1
  15. package/dist/atoms/buttons/Button.js +2 -21
  16. package/dist/atoms/buttons/Button.js.map +1 -1
  17. package/dist/atoms/buttons/ButtonIcon.d.ts +22 -10
  18. package/dist/atoms/buttons/ButtonIcon.d.ts.map +1 -1
  19. package/dist/atoms/buttons/ButtonIcon.js +2 -23
  20. package/dist/atoms/buttons/ButtonIcon.js.map +1 -1
  21. package/dist/atoms/forms/FormInputText.d.ts +18 -6
  22. package/dist/atoms/forms/FormInputText.d.ts.map +1 -1
  23. package/dist/atoms/forms/FormInputText.js +2 -18
  24. package/dist/atoms/forms/FormInputText.js.map +1 -1
  25. package/dist/atoms/icon/Icon.d.ts +19 -9
  26. package/dist/atoms/icon/Icon.d.ts.map +1 -1
  27. package/dist/atoms/icon/Icon.js +2 -18
  28. package/dist/atoms/icon/Icon.js.map +1 -1
  29. package/dist/atoms/icon/IconRaw.d.ts +18 -8
  30. package/dist/atoms/icon/IconRaw.d.ts.map +1 -1
  31. package/dist/atoms/icon/IconRaw.js +2 -20
  32. package/dist/atoms/icon/IconRaw.js.map +1 -1
  33. package/dist/atoms/inputs/Checkbox.d.ts +21 -13
  34. package/dist/atoms/inputs/Checkbox.d.ts.map +1 -1
  35. package/dist/atoms/inputs/Checkbox.js +2 -24
  36. package/dist/atoms/inputs/Checkbox.js.map +1 -1
  37. package/dist/atoms/inputs/DatePicker.d.ts +41 -35
  38. package/dist/atoms/inputs/DatePicker.d.ts.map +1 -1
  39. package/dist/atoms/inputs/DatePicker.js +2 -91
  40. package/dist/atoms/inputs/DatePicker.js.map +1 -1
  41. package/dist/atoms/inputs/InputText.d.ts +27 -14
  42. package/dist/atoms/inputs/InputText.d.ts.map +1 -1
  43. package/dist/atoms/inputs/InputText.js +2 -26
  44. package/dist/atoms/inputs/InputText.js.map +1 -1
  45. package/dist/atoms/inputs/combobox/Combobox.d.ts +43 -29
  46. package/dist/atoms/inputs/combobox/Combobox.d.ts.map +1 -1
  47. package/dist/atoms/inputs/combobox/Combobox.js +2 -74
  48. package/dist/atoms/inputs/combobox/Combobox.js.map +1 -1
  49. package/dist/atoms/inputs/combobox/ComboboxBase.js +2 -69
  50. package/dist/atoms/inputs/combobox/ComboboxBase.js.map +1 -1
  51. package/dist/atoms/misc/VisuallyHidden.js +2 -15
  52. package/dist/atoms/misc/VisuallyHidden.js.map +1 -1
  53. package/dist/atoms/tabs/Tab.d.ts +16 -16
  54. package/dist/atoms/tabs/Tab.d.ts.map +1 -1
  55. package/dist/atoms/tabs/Tab.js +2 -22
  56. package/dist/atoms/tabs/Tab.js.map +1 -1
  57. package/dist/atoms/tabs/TabList.d.ts +12 -12
  58. package/dist/atoms/tabs/TabList.d.ts.map +1 -1
  59. package/dist/atoms/tabs/TabList.js +2 -21
  60. package/dist/atoms/tabs/TabList.js.map +1 -1
  61. package/dist/atoms/tabs/TabPanel.d.ts +12 -12
  62. package/dist/atoms/tabs/TabPanel.d.ts.map +1 -1
  63. package/dist/atoms/tabs/TabPanel.js +2 -18
  64. package/dist/atoms/tabs/TabPanel.js.map +1 -1
  65. package/dist/atoms/tabs/Tabs.d.ts +50 -20
  66. package/dist/atoms/tabs/Tabs.d.ts.map +1 -1
  67. package/dist/atoms/tabs/Tabs.js +2 -23
  68. package/dist/atoms/tabs/Tabs.js.map +1 -1
  69. package/dist/atoms/wrapped-icon/WrappedIcon.d.ts +18 -7
  70. package/dist/atoms/wrapped-icon/WrappedIcon.d.ts.map +1 -1
  71. package/dist/atoms/wrapped-icon/WrappedIcon.js +2 -18
  72. package/dist/atoms/wrapped-icon/WrappedIcon.js.map +1 -1
  73. package/dist/index.d.ts +16 -12
  74. package/dist/index.js +1 -16
  75. package/dist/panda.json +6 -1
  76. package/dist/providers/MageUiProvider.d.ts +14 -4
  77. package/dist/providers/MageUiProvider.d.ts.map +1 -1
  78. package/dist/providers/MageUiProvider.js +2 -11
  79. package/dist/providers/MageUiProvider.js.map +1 -1
  80. package/package.json +23 -31
  81. package/dist/atoms/avatar/index.d.ts +0 -3
  82. package/dist/atoms/avatar/index.d.ts.map +0 -1
  83. package/dist/atoms/badges/index.d.ts +0 -3
  84. package/dist/atoms/badges/index.d.ts.map +0 -1
  85. package/dist/atoms/breadcrumbs/index.d.ts +0 -3
  86. package/dist/atoms/breadcrumbs/index.d.ts.map +0 -1
  87. package/dist/atoms/buttons/index.d.ts +0 -4
  88. package/dist/atoms/buttons/index.d.ts.map +0 -1
  89. package/dist/atoms/forms/index.d.ts +0 -3
  90. package/dist/atoms/forms/index.d.ts.map +0 -1
  91. package/dist/atoms/inputs/combobox/ComboboxBase.d.ts +0 -42
  92. package/dist/atoms/inputs/combobox/ComboboxBase.d.ts.map +0 -1
  93. package/dist/atoms/inputs/index.d.ts +0 -9
  94. package/dist/atoms/inputs/index.d.ts.map +0 -1
  95. package/dist/atoms/misc/VisuallyHidden.d.ts +0 -5
  96. package/dist/atoms/misc/VisuallyHidden.d.ts.map +0 -1
  97. package/dist/atoms/misc/index.d.ts +0 -3
  98. package/dist/atoms/misc/index.d.ts.map +0 -1
  99. package/dist/atoms/tabs/index.d.ts +0 -3
  100. package/dist/atoms/tabs/index.d.ts.map +0 -1
  101. package/dist/atoms/wrapped-icon/index.d.ts +0 -3
  102. package/dist/atoms/wrapped-icon/index.d.ts.map +0 -1
  103. package/dist/index.d.ts.map +0 -1
  104. package/dist/index.js.map +0 -1
  105. package/dist/providers/index.d.ts +0 -3
  106. package/dist/providers/index.d.ts.map +0 -1
@@ -1,10 +1,20 @@
1
- import { type IconVariantProps } from '@mage-ui/styled-system/recipes';
2
- import type { ReactNode } from 'react';
3
- export type IconRawProps = {
4
- name: string;
5
- classNames?: {
6
- svg: string;
7
- };
1
+ import { IconVariantProps } from "@mage-ui/styled-system/recipes";
2
+ import { ReactNode } from "react";
3
+
4
+ //#region src/atoms/icon/IconRaw.d.ts
5
+ type IconRawProps = {
6
+ name: string;
7
+ classNames?: {
8
+ svg: string;
9
+ };
8
10
  } & IconVariantProps;
9
- export declare const IconRaw: ({ name, classNames }: IconRawProps) => ReactNode;
11
+ declare const IconRaw: ({
12
+ name,
13
+ classNames
14
+ }: IconRawProps) => ReactNode;
15
+
16
+ //#endregion
17
+ //# sourceMappingURL=IconRaw.d.ts.map
18
+
19
+ export { IconRaw as IconRaw$1, IconRawProps };
10
20
  //# sourceMappingURL=IconRaw.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconRaw.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon/IconRaw.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9B,GAAG,gBAAgB,CAAC;AAErB,eAAO,MAAM,OAAO,GAAI,sBAAsB,YAAY,KAAG,SAQ5D,CAAC"}
1
+ {"version":3,"file":"IconRaw.d.ts","names":[],"sources":["../../../src/atoms/icon/IconRaw.tsx"],"sourcesContent":[],"mappings":";;;;KAMY,YAAA;;EAAA,UAAA,CAAA,EAAA;IAKC,GAAA,EAAA,MAQZ;EAAA,CAAA;CAAA,GAVG,gBAEoB;AAAA,cAAX,OAAW,EAAA,CAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAsB,YAAtB,EAAA,GAAqC,SAArC"}
@@ -1,20 +1,2 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { icon } from '@mage-ui/styled-system/recipes';
3
-
4
- const IconRaw = ({ name, classNames })=>{
5
- const classes = icon();
6
- return /*#__PURE__*/ jsxs("svg", {
7
- className: classNames?.svg ?? classes.svg,
8
- children: [
9
- /*#__PURE__*/ jsx("title", {
10
- children: name
11
- }),
12
- /*#__PURE__*/ jsx("use", {
13
- href: `/icons/sprite.svg#${name}`
14
- })
15
- ]
16
- });
17
- };
18
-
19
- export { IconRaw };
20
- //# sourceMappingURL=IconRaw.js.map
1
+ import{icon as e}from"@mage-ui/styled-system/recipes";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({name:r,classNames:i})=>{let a=e();return n(`svg`,{className:i?.svg??a.svg,children:[t(`title`,{children:r}),t(`use`,{href:`/icons/sprite.svg#${r}`})]})};export{r as IconRaw};
2
+ //# sourceMappingURL=IconRaw.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconRaw.js","sources":["../../../src/atoms/icon/IconRaw.tsx"],"sourcesContent":["import {\n type IconVariantProps,\n icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\nimport type { ReactNode } from 'react';\n\nexport type IconRawProps = {\n name: string;\n classNames?: { svg: string };\n} & IconVariantProps;\n\nexport const IconRaw = ({ name, classNames }: IconRawProps): ReactNode => {\n const classes = iconRecipe();\n return (\n <svg className={classNames?.svg ?? classes.svg}>\n <title>{name}</title>\n <use href={`/icons/sprite.svg#${name}`} />\n </svg>\n );\n};\n"],"names":["IconRaw","name","classNames","classes","iconRecipe","_jsxs","svg","className","_jsx","title","use","href"],"mappings":";;;MAWaA,OAAU,GAAA,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAgB,GAAA;AACxD,IAAA,MAAMC,OAAUC,GAAAA,IAAAA,EAAAA;AAChB,IAAA,qBACEC,IAACC,CAAAA,KAAAA,EAAAA;QAAIC,SAAWL,EAAAA,UAAAA,EAAYI,GAAOH,IAAAA,OAAAA,CAAQG,GAAG;;0BAC5CE,GAACC,CAAAA,OAAAA,EAAAA;AAAOR,gBAAAA,QAAAA,EAAAA;;0BACRO,GAACE,CAAAA,KAAAA,EAAAA;gBAAIC,IAAM,EAAA,CAAC,kBAAkB,EAAEV,IAAM,CAAA;;;;AAG5C;;;;"}
1
+ {"version":3,"file":"IconRaw.js","names":[],"sources":["../../../src/atoms/icon/IconRaw.tsx"],"sourcesContent":["import {\n type IconVariantProps,\n icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\nimport type { ReactNode } from 'react';\n\nexport type IconRawProps = {\n name: string;\n classNames?: { svg: string };\n} & IconVariantProps;\n\nexport const IconRaw = ({ name, classNames }: IconRawProps): ReactNode => {\n const classes = iconRecipe();\n return (\n <svg className={classNames?.svg ?? classes.svg}>\n <title>{name}</title>\n <use href={`/icons/sprite.svg#${name}`} />\n </svg>\n );\n};\n"],"mappings":"wGAWA,MAAa,EAAU,CAAC,CAAE,OAAM,aAA0B,GAAgB,CACxE,IAAM,EAAU,GAAY,CAC5B,MACE,GAAC,MAAA,CAAI,UAAW,GAAY,KAAO,EAAQ,cACzC,EAAC,QAAA,CAAA,SAAO,CAAA,EAAa,CACrB,EAAC,MAAA,CAAI,MAAO,oBAAoB,EAAK,CAAA,EAAK,GACtC,AAET"}
@@ -1,15 +1,23 @@
1
- import type { ReactNode } from 'react';
2
- export type CheckboxProps = {
3
- classNames?: {
4
- checkboxBody?: string;
5
- checkboxDescription?: string;
6
- checkboxError?: string;
7
- checkboxIcon?: string;
8
- checkboxInner?: string;
9
- checkboxInput?: string;
10
- checkboxLabel?: string;
11
- checkboxLabelWrapper?: string;
12
- };
1
+ import { ReactNode } from "react";
2
+
3
+ //#region src/atoms/inputs/Checkbox.d.ts
4
+ type CheckboxProps = {
5
+ classNames?: {
6
+ checkboxBody?: string;
7
+ checkboxDescription?: string;
8
+ checkboxError?: string;
9
+ checkboxIcon?: string;
10
+ checkboxInner?: string;
11
+ checkboxInput?: string;
12
+ checkboxLabel?: string;
13
+ checkboxLabelWrapper?: string;
14
+ };
13
15
  };
14
- export declare const Checkbox: ({ classNames, ...props }: CheckboxProps) => ReactNode;
16
+ declare const Checkbox: ({
17
+ classNames,
18
+ ...props
19
+ }: CheckboxProps) => ReactNode; //#endregion
20
+
21
+ //# sourceMappingURL=Checkbox.d.ts.map
22
+ export { Checkbox as Checkbox$1 };
15
23
  //# sourceMappingURL=Checkbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/atoms/inputs/Checkbox.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE;QACX,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;KAC/B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,0BAGtB,aAAa,KAAG,SAkBlB,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;KAcY,aAAA;;IAAA,YAAa,CAAA,EAAA,MAAA;IAaZ,mBAqBZ,CAAA,EAAA,MAAA;IAAA,aAAA,CAAA,EAAA,MAAA;IArBwB,YAAA,CAAA,EAAA,MAAA;IAGtB,aAAA,CAAA,EAAA,MAAA;IAAgB,aAAA,CAAA,EAAA,MAAA;IAkBlB,aAAA,CAAA,EAAA,MAAA;;;;cArBY;;;GAGV,kBAAgB"}
@@ -1,24 +1,2 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { cx } from '@mage-ui/styled-system/css';
3
- import { checkboxIcon, checkboxInner, checkboxError, checkboxDescription, checkboxLabel, checkboxLabelWrapper, checkboxBody, checkboxInput } from '@mage-ui/styled-system/recipes';
4
- import { Checkbox as Checkbox$1 } from '@mantine/core';
5
-
6
- const Checkbox = ({ classNames, ...props })=>{
7
- return /*#__PURE__*/ jsx(Checkbox$1, {
8
- classNames: {
9
- body: classNames?.checkboxBody ?? checkboxBody(),
10
- labelWrapper: classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),
11
- label: classNames?.checkboxLabel ?? checkboxLabel(),
12
- description: classNames?.checkboxDescription ?? checkboxDescription(),
13
- error: classNames?.checkboxError ?? checkboxError(),
14
- input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),
15
- inner: classNames?.checkboxInner ?? checkboxInner(),
16
- icon: classNames?.checkboxIcon ?? checkboxIcon(),
17
- ...classNames
18
- },
19
- ...props
20
- });
21
- };
22
-
23
- export { Checkbox };
24
- //# sourceMappingURL=Checkbox.js.map
1
+ import{checkboxBody as e,checkboxDescription as t,checkboxError as n,checkboxIcon as r,checkboxInner as i,checkboxInput as a,checkboxLabel as o,checkboxLabelWrapper as s}from"@mage-ui/styled-system/recipes";import{Checkbox as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";import{cx as u}from"@mage-ui/styled-system/css";const d=({classNames:d,...f})=>l(c,{classNames:{body:d?.checkboxBody??e(),labelWrapper:d?.checkboxLabelWrapper??s(),label:d?.checkboxLabel??o(),description:d?.checkboxDescription??t(),error:d?.checkboxError??n(),input:u(d?.checkboxInput??a(),`peer`),inner:d?.checkboxInner??i(),icon:d?.checkboxIcon??r(),...d},...f});export{d as Checkbox};
2
+ //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n checkboxBody,\n checkboxDescription,\n checkboxError,\n checkboxIcon,\n checkboxInner,\n checkboxInput,\n checkboxLabel,\n checkboxLabelWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as CheckboxMantine } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type CheckboxProps = {\n classNames?: {\n checkboxBody?: string;\n checkboxDescription?: string;\n checkboxError?: string;\n checkboxIcon?: string;\n checkboxInner?: string;\n checkboxInput?: string;\n checkboxLabel?: string;\n checkboxLabelWrapper?: string;\n };\n};\n\nexport const Checkbox = ({\n classNames,\n ...props\n}: CheckboxProps): ReactNode => {\n return (\n <CheckboxMantine\n classNames={{\n body: classNames?.checkboxBody ?? checkboxBody(),\n labelWrapper:\n classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),\n label: classNames?.checkboxLabel ?? checkboxLabel(),\n description: classNames?.checkboxDescription ?? checkboxDescription(),\n error: classNames?.checkboxError ?? checkboxError(),\n input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),\n inner: classNames?.checkboxInner ?? checkboxInner(),\n icon: classNames?.checkboxIcon ?? checkboxIcon(),\n ...classNames,\n }}\n {...props}\n />\n );\n};\n"],"names":["Checkbox","classNames","props","_jsx","CheckboxMantine","body","checkboxBody","labelWrapper","checkboxLabelWrapper","label","checkboxLabel","description","checkboxDescription","error","checkboxError","input","cx","checkboxInput","inner","checkboxInner","icon","checkboxIcon"],"mappings":";;;;;MA2BaA,QAAW,GAAA,CAAC,EACvBC,UAAU,EACV,GAAGC,KACW,EAAA,GAAA;AACd,IAAA,qBACEC,GAACC,CAAAA,UAAAA,EAAAA;QACCH,UAAY,EAAA;AACVI,YAAAA,IAAAA,EAAMJ,YAAYK,YAAgBA,IAAAA,YAAAA,EAAAA;AAClCC,YAAAA,YAAAA,EACEN,YAAYO,oBAAwBA,IAAAA,oBAAAA,EAAAA;AACtCC,YAAAA,KAAAA,EAAOR,YAAYS,aAAiBA,IAAAA,aAAAA,EAAAA;AACpCC,YAAAA,WAAAA,EAAaV,YAAYW,mBAAuBA,IAAAA,mBAAAA,EAAAA;AAChDC,YAAAA,KAAAA,EAAOZ,YAAYa,aAAiBA,IAAAA,aAAAA,EAAAA;YACpCC,KAAOC,EAAAA,EAAAA,CAAGf,UAAYgB,EAAAA,aAAAA,IAAiBA,aAAiB,EAAA,EAAA,MAAA,CAAA;AACxDC,YAAAA,KAAAA,EAAOjB,YAAYkB,aAAiBA,IAAAA,aAAAA,EAAAA;AACpCC,YAAAA,IAAAA,EAAMnB,YAAYoB,YAAgBA,IAAAA,YAAAA,EAAAA;AAClC,YAAA,GAAGpB;AACL,SAAA;AACC,QAAA,GAAGC;;AAGV;;;;"}
1
+ {"version":3,"file":"Checkbox.js","names":["Checkbox","CheckboxMantine"],"sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n checkboxBody,\n checkboxDescription,\n checkboxError,\n checkboxIcon,\n checkboxInner,\n checkboxInput,\n checkboxLabel,\n checkboxLabelWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as CheckboxMantine } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type CheckboxProps = {\n classNames?: {\n checkboxBody?: string;\n checkboxDescription?: string;\n checkboxError?: string;\n checkboxIcon?: string;\n checkboxInner?: string;\n checkboxInput?: string;\n checkboxLabel?: string;\n checkboxLabelWrapper?: string;\n };\n};\n\nexport const Checkbox = ({\n classNames,\n ...props\n}: CheckboxProps): ReactNode => {\n return (\n <CheckboxMantine\n classNames={{\n body: classNames?.checkboxBody ?? checkboxBody(),\n labelWrapper:\n classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),\n label: classNames?.checkboxLabel ?? checkboxLabel(),\n description: classNames?.checkboxDescription ?? checkboxDescription(),\n error: classNames?.checkboxError ?? checkboxError(),\n input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),\n inner: classNames?.checkboxInner ?? checkboxInner(),\n icon: classNames?.checkboxIcon ?? checkboxIcon(),\n ...classNames,\n }}\n {...props}\n />\n );\n};\n"],"mappings":"gVA2BA,MAAaA,EAAW,CAAC,CACvB,aACA,GAAG,EACW,GAEZ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,cAAgB,GAAc,CAChD,aACE,GAAY,sBAAwB,GAAsB,CAC5D,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,MAAO,GAAY,eAAiB,GAAe,CACnD,MAAO,EAAG,GAAY,eAAiB,GAAe,CAAE,OAAO,CAC/D,MAAO,GAAY,eAAiB,GAAe,CACnD,KAAM,GAAY,cAAgB,GAAc,CAChD,GAAG,CACJ,EACD,GAAI,GACJ"}
@@ -1,40 +1,46 @@
1
- import type { ReactNode } from 'react';
2
- export type DatePickerProps = {
3
- required?: boolean;
4
- classNames?: InputClassNamesType & CalenderHeaderClassNamesType & {
5
- calendarMonth?: string;
6
- calendarWeekDaysRow?: string;
7
- calendarWeekDay?: string;
8
- calendarMonthRow?: string;
9
- calendarDay?: string;
10
- calendarMonthsList?: string;
11
- calendarMonthCell?: string;
12
- calendarMonthsListRow?: string;
13
- calendarMonthsListCell?: string;
14
- calendarMonthsListControl?: string;
15
- calendarYearsList?: string;
16
- calendarYearsListRow?: string;
17
- calendarYearsListCell?: string;
18
- calendarYearsListControl?: string;
19
- };
1
+ import { ReactNode } from "react";
2
+
3
+ //#region src/atoms/inputs/DatePicker.d.ts
4
+ type DatePickerProps = {
5
+ required?: boolean;
6
+ classNames?: InputClassNamesType & CalenderHeaderClassNamesType & {
7
+ calendarMonth?: string;
8
+ calendarWeekDaysRow?: string;
9
+ calendarWeekDay?: string;
10
+ calendarMonthRow?: string;
11
+ calendarDay?: string;
12
+ calendarMonthsList?: string;
13
+ calendarMonthCell?: string;
14
+ calendarMonthsListRow?: string;
15
+ calendarMonthsListCell?: string;
16
+ calendarMonthsListControl?: string;
17
+ calendarYearsList?: string;
18
+ calendarYearsListRow?: string;
19
+ calendarYearsListCell?: string;
20
+ calendarYearsListControl?: string;
21
+ };
20
22
  };
21
- export declare const DatePicker: ({ required, classNames, ...props }: DatePickerProps) => ReactNode;
23
+ declare const DatePicker: ({
24
+ required,
25
+ classNames,
26
+ ...props
27
+ }: DatePickerProps) => ReactNode;
22
28
  type InputClassNamesType = {
23
- root?: string;
24
- wrapper?: string;
25
- input?: string;
26
- label?: string;
27
- error?: string;
28
- description?: string;
29
- placeholder?: string;
30
- section?: string;
29
+ root?: string;
30
+ wrapper?: string;
31
+ input?: string;
32
+ label?: string;
33
+ error?: string;
34
+ description?: string;
35
+ placeholder?: string;
36
+ section?: string;
31
37
  };
32
38
  type CalenderHeaderClassNamesType = {
33
- datepickerDropdown?: string;
34
- calendarHeaderControl?: string;
35
- calendarHeader?: string;
36
- calendarHeaderLevel?: string;
37
- calendarHeaderControlIcon?: string;
38
- };
39
- export {};
39
+ datepickerDropdown?: string;
40
+ calendarHeaderControl?: string;
41
+ calendarHeader?: string;
42
+ calendarHeaderLevel?: string;
43
+ calendarHeaderControlIcon?: string;
44
+ }; //#endregion
45
+ export { DatePicker as DatePicker$1 };
40
46
  //# sourceMappingURL=DatePicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/atoms/inputs/DatePicker.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,mBAAmB,GAC9B,4BAA4B,GAAG;QAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC,yBAAyB,CAAC,EAAE,MAAM,CAAC;QACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,oCAIxB,eAAe,KAAG,SAgBpB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAeF,KAAK,4BAA4B,GAAG;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC"}
1
+ {"version":3,"file":"DatePicker.d.ts","names":[],"sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":[],"mappings":";;;KAsCY,eAAA;;EAAA,UAAA,CAAA,EAEG,mBAFY,GAGvB,4BAHuB,GAAA;IAAA,aAAA,CAAA,EAAA,MAAA;IAEZ,mBAAA,CAAA,EAAA,MAAA;IACX,eAAA,CAAA,EAAA,MAAA;IAA4B,gBAAA,CAAA,EAAA,MAAA;IAkBnB,WAoBZ,CAAA,EAAA,MAAA;IAAA,kBAAA,CAAA,EAAA,MAAA;IApB0B,iBAAA,CAAA,EAAA,MAAA;IAAA,qBAAA,CAAA,EAAA,MAAA;IAIxB,sBAAA,CAAA,EAAA,MAAA;IAAkB,yBAAA,CAAA,EAAA,MAAA;IAgBpB,iBAAA,CAAA,EAAA,MAAA;IAEI,oBAAmB,CAAA,EAAA,MAAA;IAwBnB,qBAAA,CAAA,EAAA,MAA4B;;;;cA9CpB;;;;GAIV,oBAAkB;KAkBhB,mBAAA;;;;;;;;;;KAwBA,4BAAA"}
@@ -1,91 +1,2 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { cx } from '@mage-ui/styled-system/css';
3
- import { datepickerDropdown, icon, calendarYearsListControl, calendarYearsListCell, calendarYearsListRow, calendarYearsList, calendarMonthsListControl, calendarMonthsListCell, calendarMonthsListRow, calendarMonthsList, calendarDay, calendarMonthCell, calendarMonthRow, calendarWeekDay, calendarWeekDaysRow, calendarMonth, calendarHeaderControlIcon, calendarHeaderLevel, calendarHeader, calendarControl, inputSection, inputPlaceholder, inputDescription, inputError, inputLabel, inputWrapper, inputRoot, input, datepickerInput } from '@mage-ui/styled-system/recipes';
4
- import { DatePickerInput } from '@mantine/dates';
5
- import { Icon } from '../icon/Icon.js';
6
-
7
- const DatePicker = ({ required, classNames, ...props })=>{
8
- return /*#__PURE__*/ jsx(DatePickerInput, {
9
- required: required,
10
- withAsterisk: required,
11
- inputWrapperOrder: [
12
- 'label',
13
- 'input',
14
- 'description',
15
- 'error'
16
- ],
17
- classNames: getDatePickerClassNames(classNames),
18
- popoverProps: {
19
- classNames: {
20
- dropdown: classNames?.datepickerDropdown ?? datepickerDropdown()
21
- }
22
- },
23
- rightSection: /*#__PURE__*/ jsx(Icon, {
24
- name: "calendar",
25
- classNames: icon({
26
- size: 'm'
27
- })
28
- }),
29
- ...props
30
- });
31
- };
32
- const inputClassNames = (classNames)=>{
33
- return {
34
- root: classNames?.root ?? inputRoot(),
35
- wrapper: classNames?.wrapper ?? inputWrapper(),
36
- input: classNames?.input ?? cx(input(), datepickerInput()),
37
- label: classNames?.label ?? inputLabel(),
38
- error: classNames?.error ?? inputError(),
39
- description: classNames?.description ?? inputDescription(),
40
- placeholder: classNames?.placeholder ?? inputPlaceholder(),
41
- section: classNames?.section ?? inputSection({
42
- pointerEvents: 'none'
43
- })
44
- };
45
- };
46
- const calendarHeaderClassNames = (classNames)=>{
47
- return {
48
- calendarHeaderControl: classNames?.calendarHeaderControl ?? calendarControl(),
49
- calendarHeader: classNames?.calendarHeader ?? calendarHeader(),
50
- calendarHeaderLevel: classNames?.calendarHeaderLevel ?? calendarHeaderLevel(),
51
- calendarHeaderControlIcon: classNames?.calendarHeaderControlIcon ?? calendarHeaderControlIcon()
52
- };
53
- };
54
- function getCalendarMonthClassNames(classNames) {
55
- return {
56
- month: classNames?.calendarMonth ?? calendarMonth(),
57
- weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),
58
- weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),
59
- monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),
60
- monthCell: classNames?.calendarMonthCell ?? calendarMonthCell(),
61
- day: classNames?.calendarDay ?? calendarDay()
62
- };
63
- }
64
- function getCalendarMonthsListClassNames(classNames) {
65
- return {
66
- monthsList: classNames?.calendarMonthsList ?? calendarMonthsList(),
67
- monthsListRow: classNames?.calendarMonthsListRow ?? calendarMonthsListRow(),
68
- monthsListCell: classNames?.calendarMonthsListCell ?? calendarMonthsListCell(),
69
- monthsListControl: classNames?.calendarMonthsListControl ?? calendarMonthsListControl()
70
- };
71
- }
72
- function getCalendarYearsListClassNames(classNames) {
73
- return {
74
- yearsList: classNames?.calendarYearsList ?? calendarYearsList(),
75
- yearsListRow: classNames?.calendarYearsListRow ?? calendarYearsListRow(),
76
- yearsListCell: classNames?.calendarYearsListCell ?? calendarYearsListCell(),
77
- yearsListControl: classNames?.calendarYearsListControl ?? calendarYearsListControl()
78
- };
79
- }
80
- function getDatePickerClassNames(classNames) {
81
- return {
82
- ...inputClassNames(classNames),
83
- ...calendarHeaderClassNames(classNames),
84
- ...getCalendarMonthClassNames(classNames),
85
- ...getCalendarMonthsListClassNames(classNames),
86
- ...getCalendarYearsListClassNames(classNames)
87
- };
88
- }
89
-
90
- export { DatePicker };
91
- //# sourceMappingURL=DatePicker.js.map
1
+ import{Icon as e}from"../icon/Icon.js";import{calendarControl as t,calendarDay as n,calendarHeader as r,calendarHeaderControlIcon as i,calendarHeaderLevel as a,calendarMonth as o,calendarMonthCell as s,calendarMonthRow as c,calendarMonthsList as l,calendarMonthsListCell as u,calendarMonthsListControl as d,calendarMonthsListRow as f,calendarWeekDay as p,calendarWeekDaysRow as m,calendarYearsList as h,calendarYearsListCell as g,calendarYearsListControl as _,calendarYearsListRow as v,datepickerDropdown as y,datepickerInput as b,icon as x,input as S,inputDescription as C,inputError as w,inputLabel as T,inputPlaceholder as E,inputRoot as D,inputSection as O,inputWrapper as k}from"@mage-ui/styled-system/recipes";import{jsx as A}from"react/jsx-runtime";import{cx as j}from"@mage-ui/styled-system/css";import{DatePickerInput as M}from"@mantine/dates";const N=({required:t,classNames:n,...r})=>A(M,{required:t,withAsterisk:t,inputWrapperOrder:[`label`,`input`,`description`,`error`],classNames:z(n),popoverProps:{classNames:{dropdown:n?.datepickerDropdown??y()}},rightSection:A(e,{name:`calendar`,classNames:x({size:`m`})}),...r}),P=e=>({root:e?.root??D(),wrapper:e?.wrapper??k(),input:e?.input??j(S(),b()),label:e?.label??T(),error:e?.error??w(),description:e?.description??C(),placeholder:e?.placeholder??E(),section:e?.section??O({pointerEvents:`none`})}),F=e=>({calendarHeaderControl:e?.calendarHeaderControl??t(),calendarHeader:e?.calendarHeader??r(),calendarHeaderLevel:e?.calendarHeaderLevel??a(),calendarHeaderControlIcon:e?.calendarHeaderControlIcon??i()});function I(e){return{month:e?.calendarMonth??o(),weekdaysRow:e?.calendarWeekDaysRow??m(),weekday:e?.calendarWeekDay??p(),monthRow:e?.calendarMonthRow??c(),monthCell:e?.calendarMonthCell??s(),day:e?.calendarDay??n()}}function L(e){return{monthsList:e?.calendarMonthsList??l(),monthsListRow:e?.calendarMonthsListRow??f(),monthsListCell:e?.calendarMonthsListCell??u(),monthsListControl:e?.calendarMonthsListControl??d()}}function R(e){return{yearsList:e?.calendarYearsList??h(),yearsListRow:e?.calendarYearsListRow??v(),yearsListCell:e?.calendarYearsListCell??g(),yearsListControl:e?.calendarYearsListControl??_()}}function z(e){return{...P(e),...F(e),...I(e),...L(e),...R(e)}}export{N as DatePicker};
2
+ //# sourceMappingURL=DatePicker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.js","sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n calendarControl,\n calendarDay,\n calendarHeader,\n calendarHeaderControlIcon,\n calendarHeaderLevel,\n calendarMonth,\n calendarMonthCell,\n calendarMonthRow,\n calendarMonthsList,\n calendarMonthsListCell,\n calendarMonthsListControl,\n calendarMonthsListRow,\n calendarWeekDay,\n calendarWeekDaysRow,\n calendarYearsList,\n calendarYearsListCell,\n calendarYearsListControl,\n calendarYearsListRow,\n inputError as datePickerError,\n datepickerDropdown,\n datepickerInput,\n icon,\n input,\n inputDescription,\n inputLabel,\n inputPlaceholder,\n inputRoot,\n inputSection,\n inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { DatePickerInput } from '@mantine/dates';\nimport type { ReactNode } from 'react';\nimport { Icon } from '../icon/Icon';\n\n//TODO: separar les classNames del type\n\nexport type DatePickerProps = {\n required?: boolean;\n classNames?: InputClassNamesType &\n CalenderHeaderClassNamesType & {\n calendarMonth?: string;\n calendarWeekDaysRow?: string;\n calendarWeekDay?: string;\n calendarMonthRow?: string;\n calendarDay?: string;\n calendarMonthsList?: string;\n calendarMonthCell?: string;\n calendarMonthsListRow?: string;\n calendarMonthsListCell?: string;\n calendarMonthsListControl?: string;\n calendarYearsList?: string;\n calendarYearsListRow?: string;\n calendarYearsListCell?: string;\n calendarYearsListControl?: string;\n };\n};\n\nexport const DatePicker = ({\n required,\n classNames,\n ...props\n}: DatePickerProps): ReactNode => {\n return (\n <DatePickerInput\n required={required}\n withAsterisk={required}\n inputWrapperOrder={['label', 'input', 'description', 'error']}\n classNames={getDatePickerClassNames(classNames)}\n popoverProps={{\n classNames: {\n dropdown: classNames?.datepickerDropdown ?? datepickerDropdown(),\n },\n }}\n rightSection={<Icon name='calendar' classNames={icon({ size: 'm' })} />}\n {...props}\n />\n );\n};\n\ntype InputClassNamesType = {\n root?: string;\n wrapper?: string;\n input?: string;\n label?: string;\n error?: string;\n description?: string;\n placeholder?: string;\n section?: string;\n};\n\nconst inputClassNames = (classNames?: InputClassNamesType) => {\n return {\n root: classNames?.root ?? inputRoot(),\n wrapper: classNames?.wrapper ?? inputWrapper(),\n input: classNames?.input ?? cx(input(), datepickerInput()),\n label: classNames?.label ?? inputLabel(),\n error: classNames?.error ?? datePickerError(),\n description: classNames?.description ?? inputDescription(),\n placeholder: classNames?.placeholder ?? inputPlaceholder(),\n section: classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n };\n};\n\ntype CalenderHeaderClassNamesType = {\n datepickerDropdown?: string;\n calendarHeaderControl?: string;\n calendarHeader?: string;\n calendarHeaderLevel?: string;\n calendarHeaderControlIcon?: string;\n};\n\nconst calendarHeaderClassNames = (\n classNames?: CalenderHeaderClassNamesType,\n) => {\n return {\n calendarHeaderControl:\n classNames?.calendarHeaderControl ?? calendarControl(),\n calendarHeader: classNames?.calendarHeader ?? calendarHeader(),\n calendarHeaderLevel:\n classNames?.calendarHeaderLevel ?? calendarHeaderLevel(),\n calendarHeaderControlIcon:\n classNames?.calendarHeaderControlIcon ?? calendarHeaderControlIcon(),\n };\n};\n\nfunction getCalendarMonthClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n month: classNames?.calendarMonth ?? calendarMonth(),\n weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),\n weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),\n monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),\n monthCell: classNames?.calendarMonthCell ?? calendarMonthCell(),\n day: classNames?.calendarDay ?? calendarDay(),\n };\n}\n\nfunction getCalendarMonthsListClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n monthsList: classNames?.calendarMonthsList ?? calendarMonthsList(),\n monthsListRow: classNames?.calendarMonthsListRow ?? calendarMonthsListRow(),\n monthsListCell:\n classNames?.calendarMonthsListCell ?? calendarMonthsListCell(),\n monthsListControl:\n classNames?.calendarMonthsListControl ?? calendarMonthsListControl(),\n };\n}\n\nfunction getCalendarYearsListClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n yearsList: classNames?.calendarYearsList ?? calendarYearsList(),\n yearsListRow: classNames?.calendarYearsListRow ?? calendarYearsListRow(),\n yearsListCell: classNames?.calendarYearsListCell ?? calendarYearsListCell(),\n yearsListControl:\n classNames?.calendarYearsListControl ?? calendarYearsListControl(),\n };\n}\n\nfunction getDatePickerClassNames(classNames?: DatePickerProps['classNames']) {\n return {\n ...inputClassNames(classNames),\n ...calendarHeaderClassNames(classNames),\n ...getCalendarMonthClassNames(classNames),\n ...getCalendarMonthsListClassNames(classNames),\n ...getCalendarYearsListClassNames(classNames),\n };\n}\n"],"names":["DatePicker","required","classNames","props","_jsx","DatePickerInput","withAsterisk","inputWrapperOrder","getDatePickerClassNames","popoverProps","dropdown","datepickerDropdown","rightSection","Icon","name","icon","size","inputClassNames","root","inputRoot","wrapper","inputWrapper","input","cx","datepickerInput","label","inputLabel","error","datePickerError","description","inputDescription","placeholder","inputPlaceholder","section","inputSection","pointerEvents","calendarHeaderClassNames","calendarHeaderControl","calendarControl","calendarHeader","calendarHeaderLevel","calendarHeaderControlIcon","getCalendarMonthClassNames","month","calendarMonth","weekdaysRow","calendarWeekDaysRow","weekday","calendarWeekDay","monthRow","calendarMonthRow","monthCell","calendarMonthCell","day","calendarDay","getCalendarMonthsListClassNames","monthsList","calendarMonthsList","monthsListRow","calendarMonthsListRow","monthsListCell","calendarMonthsListCell","monthsListControl","calendarMonthsListControl","getCalendarYearsListClassNames","yearsList","calendarYearsList","yearsListRow","calendarYearsListRow","yearsListCell","calendarYearsListCell","yearsListControl","calendarYearsListControl"],"mappings":"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"}
1
+ {"version":3,"file":"DatePicker.js","names":["classNames?: InputClassNamesType","classNames?: CalenderHeaderClassNamesType","classNames?: DatePickerProps['classNames']"],"sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n calendarControl,\n calendarDay,\n calendarHeader,\n calendarHeaderControlIcon,\n calendarHeaderLevel,\n calendarMonth,\n calendarMonthCell,\n calendarMonthRow,\n calendarMonthsList,\n calendarMonthsListCell,\n calendarMonthsListControl,\n calendarMonthsListRow,\n calendarWeekDay,\n calendarWeekDaysRow,\n calendarYearsList,\n calendarYearsListCell,\n calendarYearsListControl,\n calendarYearsListRow,\n inputError as datePickerError,\n datepickerDropdown,\n datepickerInput,\n icon,\n input,\n inputDescription,\n inputLabel,\n inputPlaceholder,\n inputRoot,\n inputSection,\n inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { DatePickerInput } from '@mantine/dates';\nimport type { ReactNode } from 'react';\nimport { Icon } from '../icon/Icon';\n\n//TODO: separar les classNames del type\n\nexport type DatePickerProps = {\n required?: boolean;\n classNames?: InputClassNamesType &\n CalenderHeaderClassNamesType & {\n calendarMonth?: string;\n calendarWeekDaysRow?: string;\n calendarWeekDay?: string;\n calendarMonthRow?: string;\n calendarDay?: string;\n calendarMonthsList?: string;\n calendarMonthCell?: string;\n calendarMonthsListRow?: string;\n calendarMonthsListCell?: string;\n calendarMonthsListControl?: string;\n calendarYearsList?: string;\n calendarYearsListRow?: string;\n calendarYearsListCell?: string;\n calendarYearsListControl?: string;\n };\n};\n\nexport const DatePicker = ({\n required,\n classNames,\n ...props\n}: DatePickerProps): ReactNode => {\n return (\n <DatePickerInput\n required={required}\n withAsterisk={required}\n inputWrapperOrder={['label', 'input', 'description', 'error']}\n classNames={getDatePickerClassNames(classNames)}\n popoverProps={{\n classNames: {\n dropdown: classNames?.datepickerDropdown ?? datepickerDropdown(),\n },\n }}\n rightSection={<Icon name='calendar' classNames={icon({ size: 'm' })} />}\n {...props}\n />\n );\n};\n\ntype InputClassNamesType = {\n root?: string;\n wrapper?: string;\n input?: string;\n label?: string;\n error?: string;\n description?: string;\n placeholder?: string;\n section?: string;\n};\n\nconst inputClassNames = (classNames?: InputClassNamesType) => {\n return {\n root: classNames?.root ?? inputRoot(),\n wrapper: classNames?.wrapper ?? inputWrapper(),\n input: classNames?.input ?? cx(input(), datepickerInput()),\n label: classNames?.label ?? inputLabel(),\n error: classNames?.error ?? datePickerError(),\n description: classNames?.description ?? inputDescription(),\n placeholder: classNames?.placeholder ?? inputPlaceholder(),\n section: classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n };\n};\n\ntype CalenderHeaderClassNamesType = {\n datepickerDropdown?: string;\n calendarHeaderControl?: string;\n calendarHeader?: string;\n calendarHeaderLevel?: string;\n calendarHeaderControlIcon?: string;\n};\n\nconst calendarHeaderClassNames = (\n classNames?: CalenderHeaderClassNamesType,\n) => {\n return {\n calendarHeaderControl:\n classNames?.calendarHeaderControl ?? calendarControl(),\n calendarHeader: classNames?.calendarHeader ?? calendarHeader(),\n calendarHeaderLevel:\n classNames?.calendarHeaderLevel ?? calendarHeaderLevel(),\n calendarHeaderControlIcon:\n classNames?.calendarHeaderControlIcon ?? calendarHeaderControlIcon(),\n };\n};\n\nfunction getCalendarMonthClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n month: classNames?.calendarMonth ?? calendarMonth(),\n weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),\n weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),\n monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),\n monthCell: classNames?.calendarMonthCell ?? calendarMonthCell(),\n day: classNames?.calendarDay ?? calendarDay(),\n };\n}\n\nfunction getCalendarMonthsListClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n monthsList: classNames?.calendarMonthsList ?? calendarMonthsList(),\n monthsListRow: classNames?.calendarMonthsListRow ?? calendarMonthsListRow(),\n monthsListCell:\n classNames?.calendarMonthsListCell ?? calendarMonthsListCell(),\n monthsListControl:\n classNames?.calendarMonthsListControl ?? calendarMonthsListControl(),\n };\n}\n\nfunction getCalendarYearsListClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n yearsList: classNames?.calendarYearsList ?? calendarYearsList(),\n yearsListRow: classNames?.calendarYearsListRow ?? calendarYearsListRow(),\n yearsListCell: classNames?.calendarYearsListCell ?? calendarYearsListCell(),\n yearsListControl:\n classNames?.calendarYearsListControl ?? calendarYearsListControl(),\n };\n}\n\nfunction getDatePickerClassNames(classNames?: DatePickerProps['classNames']) {\n return {\n ...inputClassNames(classNames),\n ...calendarHeaderClassNames(classNames),\n ...getCalendarMonthClassNames(classNames),\n ...getCalendarMonthsListClassNames(classNames),\n ...getCalendarYearsListClassNames(classNames),\n };\n}\n"],"mappings":"q1BAiHA,MAtDa,EAAa,CAAC,CACzB,WACA,aACA,GAAG,EACa,GAEd,EAAC,EAAA,CACW,WACV,aAAc,EACd,kBAAmB,CAAC,QAAS,QAAS,cAAe,OAAQ,EAC7D,WAAY,EAAwB,EAAW,CAC/C,aAAc,CACZ,WAAY,CACV,SAAU,GAAY,oBAAsB,GAAoB,AACjE,CACF,EACD,aAAc,EAAC,EAAA,CAAK,KAAK,WAAW,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CACvE,GAAI,GACJ,CAeA,EAAkB,AAACA,IAChB,CACL,KAAM,GAAY,MAAQ,GAAW,CACrC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAiB,CAAC,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAiB,CAC7C,YAAa,GAAY,aAAe,GAAkB,CAC1D,YAAa,GAAY,aAAe,GAAkB,CAC1D,QAAS,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACxE,GAWG,EAA2B,AAC/BC,IAEO,CACL,sBACE,GAAY,uBAAyB,GAAiB,CACxD,eAAgB,GAAY,gBAAkB,GAAgB,CAC9D,oBACE,GAAY,qBAAuB,GAAqB,CAC1D,0BACE,GAAY,2BAA6B,GAA2B,AACvE,GAGH,SAAS,EACPC,EACA,CACA,MAAO,CACL,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,QAAS,GAAY,iBAAmB,GAAiB,CACzD,SAAU,GAAY,kBAAoB,GAAkB,CAC5D,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,IAAK,GAAY,aAAe,GAAa,AAC9C,CACF,CAED,SAAS,EACPA,EACA,CACA,MAAO,CACL,WAAY,GAAY,oBAAsB,GAAoB,CAClE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,eACE,GAAY,wBAA0B,GAAwB,CAChE,kBACE,GAAY,2BAA6B,GAA2B,AACvE,CACF,CAED,SAAS,EACPA,EACA,CACA,MAAO,CACL,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,aAAc,GAAY,sBAAwB,GAAsB,CACxE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,iBACE,GAAY,0BAA4B,GAA0B,AACrE,CACF,CAED,SAAS,EAAwBA,EAA4C,CAC3E,MAAO,CACL,GAAG,EAAgB,EAAW,CAC9B,GAAG,EAAyB,EAAW,CACvC,GAAG,EAA2B,EAAW,CACzC,GAAG,EAAgC,EAAW,CAC9C,GAAG,EAA+B,EAAW,AAC9C,CACF"}
@@ -1,19 +1,32 @@
1
- import type { ComponentProps, ReactNode } from 'react';
2
- export type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {
1
+ import * as react_jsx_runtime3 from "react/jsx-runtime";
2
+ import { ComponentProps, ReactNode } from "react";
3
+
4
+ //#region src/atoms/inputs/InputText.d.ts
5
+ type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {
6
+ label?: string;
7
+ description?: string;
8
+ error?: string;
9
+ classNames?: {
10
+ root?: string;
3
11
  label?: string;
4
12
  description?: string;
5
13
  error?: string;
6
- classNames?: {
7
- root?: string;
8
- label?: string;
9
- description?: string;
10
- error?: string;
11
- wrapper?: string;
12
- input?: string;
13
- section?: string;
14
- };
15
- startSlot?: ReactNode;
16
- endSlot?: ReactNode;
14
+ wrapper?: string;
15
+ input?: string;
16
+ section?: string;
17
+ };
18
+ startSlot?: ReactNode;
19
+ endSlot?: ReactNode;
17
20
  };
18
- export declare const InputText: ({ classNames, startSlot, endSlot, ...props }: InputTextProps) => import("react/jsx-runtime").JSX.Element;
21
+ declare const InputText: ({
22
+ classNames,
23
+ startSlot,
24
+ endSlot,
25
+ ...props
26
+ }: InputTextProps) => react_jsx_runtime3.JSX.Element;
27
+
28
+ //#endregion
29
+ //# sourceMappingURL=InputText.d.ts.map
30
+
31
+ export { InputText as InputText$1, InputTextProps };
19
32
  //# sourceMappingURL=InputText.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/atoms/inputs/InputText.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAAG;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,8CAKvB,cAAc,4CAmBhB,CAAC"}
1
+ {"version":3,"file":"InputText.d.ts","names":[],"sources":["../../../src/atoms/inputs/InputText.tsx"],"sourcesContent":[],"mappings":";;;;KAaY,cAAA,GAAiB,KAAK;;;EAAtB,KAAA,CAAA,EAAA,MAAA;EAAc,UAAA,CAAA,EAAA;IAAQ,IAAA,CAAA,EAAA,MAAA;IAAL,KAAA,CAAA,EAAA,MAAA;IAaf,WAAA,CAAA,EAAA,MAAA;IACF,KAAA,CAAA,EAAA,MAAA;IAAS,OAAA,CAAA,EAAA,MAAA;IAGR,KAAA,CAAA,EAwBZ,MAAA;IAAA,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAxByB,SAAA,CAAA,EAJZ,SAIY;EAAA,OAAA,CAAA,EAHd,SAGc;CAAA;AAKT,cALJ,SAKI,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAAd,cAAc,EAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAmBhB"}
@@ -1,26 +1,2 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { cx } from '@mage-ui/styled-system/css';
3
- import { inputSection, input, inputWrapper, inputError, inputDescription, inputLabel, inputRoot } from '@mage-ui/styled-system/recipes';
4
- import { TextInput } from '@mantine/core';
5
-
6
- const InputText = ({ classNames, startSlot, endSlot, ...props })=>{
7
- return /*#__PURE__*/ jsx(TextInput, {
8
- classNames: {
9
- root: cx(classNames?.root ?? inputRoot(), 'group'),
10
- label: classNames?.label ?? inputLabel(),
11
- required: classNames?.label ?? inputLabel(),
12
- description: classNames?.description ?? inputDescription(),
13
- error: classNames?.error ?? inputError(),
14
- wrapper: classNames?.wrapper ?? inputWrapper(),
15
- input: classNames?.input ?? input(),
16
- section: classNames?.section ?? inputSection(),
17
- ...classNames
18
- },
19
- leftSection: startSlot,
20
- rightSection: endSlot,
21
- ...props
22
- });
23
- };
24
-
25
- export { InputText };
26
- //# sourceMappingURL=InputText.js.map
1
+ import{input as e,inputDescription as t,inputError as n,inputLabel as r,inputRoot as i,inputSection as a,inputWrapper as o}from"@mage-ui/styled-system/recipes";import{TextInput as s}from"@mantine/core";import{jsx as c}from"react/jsx-runtime";import{cx as l}from"@mage-ui/styled-system/css";const u=({classNames:u,startSlot:d,endSlot:f,...p})=>c(s,{classNames:{root:l(u?.root??i(),`group`),label:u?.label??r(),required:u?.label??r(),description:u?.description??t(),error:u?.error??n(),wrapper:u?.wrapper??o(),input:u?.input??e(),section:u?.section??a(),...u},leftSection:d,rightSection:f,...p});export{u as InputText};
2
+ //# sourceMappingURL=InputText.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputText.js","sources":["../../../src/atoms/inputs/InputText.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n input,\n inputDescription,\n inputError,\n inputLabel,\n inputRoot,\n inputSection,\n inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { TextInput } from '@mantine/core';\nimport type { ComponentProps, ReactNode } from 'react';\n\nexport type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {\n label?: string;\n description?: string;\n error?: string;\n classNames?: {\n root?: string;\n label?: string;\n description?: string;\n error?: string;\n wrapper?: string;\n input?: string;\n section?: string;\n };\n startSlot?: ReactNode;\n endSlot?: ReactNode;\n};\n\nexport const InputText = ({\n classNames,\n startSlot,\n endSlot,\n ...props\n}: InputTextProps) => {\n return (\n <TextInput\n classNames={{\n root: cx(classNames?.root ?? inputRoot(), 'group'),\n label: classNames?.label ?? inputLabel(),\n required: classNames?.label ?? inputLabel(),\n description: classNames?.description ?? inputDescription(),\n error: classNames?.error ?? inputError(),\n wrapper: classNames?.wrapper ?? inputWrapper(),\n input: classNames?.input ?? input(),\n section: classNames?.section ?? inputSection(),\n ...classNames,\n }}\n leftSection={startSlot}\n rightSection={endSlot}\n {...props}\n />\n );\n};\n"],"names":["InputText","classNames","startSlot","endSlot","props","_jsx","TextInput","root","cx","inputRoot","label","inputLabel","required","description","inputDescription","error","inputError","wrapper","inputWrapper","input","section","inputSection","leftSection","rightSection"],"mappings":";;;;;AA8BO,MAAMA,SAAY,GAAA,CAAC,EACxBC,UAAU,EACVC,SAAS,EACTC,OAAO,EACP,GAAGC,KACY,EAAA,GAAA;AACf,IAAA,qBACEC,GAACC,CAAAA,SAAAA,EAAAA;QACCL,UAAY,EAAA;YACVM,IAAMC,EAAAA,EAAAA,CAAGP,UAAYM,EAAAA,IAAAA,IAAQE,SAAa,EAAA,EAAA,OAAA,CAAA;AAC1CC,YAAAA,KAAAA,EAAOT,YAAYS,KAASC,IAAAA,UAAAA,EAAAA;AAC5BC,YAAAA,QAAAA,EAAUX,YAAYS,KAASC,IAAAA,UAAAA,EAAAA;AAC/BE,YAAAA,WAAAA,EAAaZ,YAAYY,WAAeC,IAAAA,gBAAAA,EAAAA;AACxCC,YAAAA,KAAAA,EAAOd,YAAYc,KAASC,IAAAA,UAAAA,EAAAA;AAC5BC,YAAAA,OAAAA,EAAShB,YAAYgB,OAAWC,IAAAA,YAAAA,EAAAA;AAChCC,YAAAA,KAAAA,EAAOlB,YAAYkB,KAASA,IAAAA,KAAAA,EAAAA;AAC5BC,YAAAA,OAAAA,EAASnB,YAAYmB,OAAWC,IAAAA,YAAAA,EAAAA;AAChC,YAAA,GAAGpB;AACL,SAAA;QACAqB,WAAapB,EAAAA,SAAAA;QACbqB,YAAcpB,EAAAA,OAAAA;AACb,QAAA,GAAGC;;AAGV;;;;"}
1
+ {"version":3,"file":"InputText.js","names":[],"sources":["../../../src/atoms/inputs/InputText.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n input,\n inputDescription,\n inputError,\n inputLabel,\n inputRoot,\n inputSection,\n inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { TextInput } from '@mantine/core';\nimport type { ComponentProps, ReactNode } from 'react';\n\nexport type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {\n label?: string;\n description?: string;\n error?: string;\n classNames?: {\n root?: string;\n label?: string;\n description?: string;\n error?: string;\n wrapper?: string;\n input?: string;\n section?: string;\n };\n startSlot?: ReactNode;\n endSlot?: ReactNode;\n};\n\nexport const InputText = ({\n classNames,\n startSlot,\n endSlot,\n ...props\n}: InputTextProps) => {\n return (\n <TextInput\n classNames={{\n root: cx(classNames?.root ?? inputRoot(), 'group'),\n label: classNames?.label ?? inputLabel(),\n required: classNames?.label ?? inputLabel(),\n description: classNames?.description ?? inputDescription(),\n error: classNames?.error ?? inputError(),\n wrapper: classNames?.wrapper ?? inputWrapper(),\n input: classNames?.input ?? input(),\n section: classNames?.section ?? inputSection(),\n ...classNames,\n }}\n leftSection={startSlot}\n rightSection={endSlot}\n {...props}\n />\n );\n};\n"],"mappings":"kSA8BA,MAAa,EAAY,CAAC,CACxB,aACA,YACA,UACA,GAAG,EACY,GAEb,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAE,QAAQ,CAClD,MAAO,GAAY,OAAS,GAAY,CACxC,SAAU,GAAY,OAAS,GAAY,CAC3C,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAO,CACnC,QAAS,GAAY,SAAW,GAAc,CAC9C,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,GACJ"}
@@ -1,32 +1,46 @@
1
- export type ComboboxProps = {
2
- selectedOption: {
3
- id: string;
4
- value: string;
5
- } | undefined;
6
- setSelectedOption: (value: {
7
- id: string;
8
- value: string;
9
- } | undefined) => void;
10
- options: {
11
- id: string;
12
- value: string;
13
- }[];
14
- creatable?: boolean;
15
- classNames?: {
16
- option?: string;
17
- empty?: string;
18
- create?: string;
19
- };
20
- texts: {
21
- input: {
22
- label: string;
23
- placeholder: string;
24
- description?: string;
25
- error?: string;
26
- };
27
- empty: string;
28
- create: string;
1
+ import * as react_jsx_runtime1 from "react/jsx-runtime";
2
+
3
+ //#region src/atoms/inputs/combobox/Combobox.d.ts
4
+ type ComboboxProps = {
5
+ selectedOption: {
6
+ id: string;
7
+ value: string;
8
+ } | undefined;
9
+ setSelectedOption: (value: {
10
+ id: string;
11
+ value: string;
12
+ } | undefined) => void;
13
+ options: {
14
+ id: string;
15
+ value: string;
16
+ }[];
17
+ creatable?: boolean;
18
+ classNames?: {
19
+ option?: string;
20
+ empty?: string;
21
+ create?: string;
22
+ };
23
+ texts: {
24
+ input: {
25
+ label: string;
26
+ placeholder: string;
27
+ description?: string;
28
+ error?: string;
29
29
  };
30
+ empty: string;
31
+ create: string;
32
+ };
30
33
  };
31
- export declare const Combobox: ({ selectedOption, setSelectedOption, options, creatable, classNames, texts, ...props }: ComboboxProps) => import("react/jsx-runtime").JSX.Element;
34
+ declare const Combobox: ({
35
+ selectedOption,
36
+ setSelectedOption,
37
+ options,
38
+ creatable,
39
+ classNames,
40
+ texts,
41
+ ...props
42
+ }: ComboboxProps) => react_jsx_runtime1.JSX.Element; //#endregion
43
+
44
+ //# sourceMappingURL=Combobox.d.ts.map
45
+ export { Combobox as Combobox$1 };
32
46
  //# sourceMappingURL=Combobox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,aAAa,GAAG;IAC1B,cAAc,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAC1D,iBAAiB,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9E,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,EAAE;QACL,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,wFAQtB,aAAa,4CAkEf,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"sourcesContent":[],"mappings":";;;KASY,aAAA;;;IAAA,KAAA,EAAA,MAAa;EAsBZ,CAAA,GAAA,SA0EZ;EAAA,iBAAA,EAAA,CAAA,KAAA,EAAA;IA1EwB,EAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA;IAAA,EAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;EAAA,CAAA,EAQtB;EAAa,SAAA,CAAA,EAAA,OAAA;EAkEf,UAAA,CAAA,EAAA;;;;;;;;;;;;;;;;cA1EY;;;;;;;;GAQV,kBAAa,kBAAA,CAAA,GAAA,CAAA"}