@mage-ui/components 0.0.16 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms/{avatar/Avatar.d.mts → avatars/Avatar.d.ts} +3 -4
- package/dist/atoms/avatars/Avatar.d.ts.map +1 -0
- package/dist/atoms/avatars/Avatar.js +2 -0
- package/dist/atoms/avatars/Avatar.js.map +1 -0
- package/dist/atoms/badges/{Badge.d.cts → Badge.d.ts} +3 -4
- package/dist/atoms/badges/Badge.d.ts.map +1 -0
- package/dist/atoms/badges/{Badge.mjs → Badge.js} +1 -1
- package/dist/atoms/badges/Badge.js.map +1 -0
- package/dist/atoms/breadcrumbs/{Breadcrumbs.d.mts → Breadcrumbs.d.ts} +3 -4
- package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/dist/atoms/breadcrumbs/{Breadcrumbs.mjs → Breadcrumbs.js} +1 -1
- package/dist/atoms/breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/atoms/buttons/{Button.d.mts → Button.d.ts} +4 -5
- package/dist/atoms/buttons/Button.d.ts.map +1 -0
- package/dist/atoms/buttons/{Button.mjs → Button.js} +1 -1
- package/dist/atoms/buttons/Button.js.map +1 -0
- package/dist/atoms/buttons/{ButtonIcon.d.mts → ButtonIcon.d.ts} +5 -6
- package/dist/atoms/buttons/ButtonIcon.d.ts.map +1 -0
- package/dist/atoms/buttons/ButtonIcon.js +2 -0
- package/dist/atoms/buttons/ButtonIcon.js.map +1 -0
- package/dist/atoms/carousel/Carousel.d.ts +47 -0
- package/dist/atoms/carousel/Carousel.d.ts.map +1 -0
- package/dist/atoms/carousel/Carousel.js +2 -0
- package/dist/atoms/carousel/Carousel.js.map +1 -0
- package/dist/atoms/forms/{FormInputText.d.mts → FormInputText.d.ts} +5 -6
- package/dist/atoms/forms/FormInputText.d.ts.map +1 -0
- package/dist/atoms/forms/FormInputText.js +2 -0
- package/dist/atoms/forms/FormInputText.js.map +1 -0
- package/dist/atoms/{icon/Icon.d.mts → icons/Icon.d.ts} +3 -4
- package/dist/atoms/icons/Icon.d.ts.map +1 -0
- package/dist/atoms/icons/Icon.js +2 -0
- package/dist/atoms/icons/Icon.js.map +1 -0
- package/dist/atoms/{icon/IconRaw.d.mts → icons/IconRaw.d.ts} +3 -4
- package/dist/atoms/icons/IconRaw.d.ts.map +1 -0
- package/dist/atoms/{icon/IconRaw.mjs → icons/IconRaw.js} +1 -1
- package/dist/atoms/icons/IconRaw.js.map +1 -0
- package/dist/atoms/icons/IconWrapped.d.ts +19 -0
- package/dist/atoms/icons/IconWrapped.d.ts.map +1 -0
- package/dist/atoms/icons/IconWrapped.js +2 -0
- package/dist/atoms/icons/IconWrapped.js.map +1 -0
- package/dist/atoms/inputs/{Checkbox.d.mts → Checkbox.d.ts} +3 -3
- package/dist/atoms/inputs/Checkbox.d.ts.map +1 -0
- package/dist/atoms/inputs/{Checkbox.mjs → Checkbox.js} +1 -1
- package/dist/atoms/inputs/Checkbox.js.map +1 -0
- package/dist/atoms/inputs/DatePicker.d.ts +64 -0
- package/dist/atoms/inputs/DatePicker.d.ts.map +1 -0
- package/dist/atoms/inputs/DatePicker.js +2 -0
- package/dist/atoms/inputs/DatePicker.js.map +1 -0
- package/dist/atoms/inputs/{InputText.d.mts → InputText.d.ts} +6 -5
- package/dist/atoms/inputs/InputText.d.ts.map +1 -0
- package/dist/atoms/inputs/InputText.js +2 -0
- package/dist/atoms/inputs/InputText.js.map +1 -0
- package/dist/atoms/inputs/combobox/{Combobox.d.mts → Combobox.d.ts} +6 -4
- package/dist/atoms/inputs/combobox/Combobox.d.ts.map +1 -0
- package/dist/atoms/inputs/combobox/Combobox.js +2 -0
- package/dist/atoms/inputs/combobox/Combobox.js.map +1 -0
- package/dist/atoms/inputs/combobox/ComboboxBase.js +2 -0
- package/dist/atoms/inputs/combobox/ComboboxBase.js.map +1 -0
- package/dist/atoms/misc/{VisuallyHidden.mjs → VisuallyHidden.js} +1 -1
- package/dist/atoms/misc/VisuallyHidden.js.map +1 -0
- package/dist/atoms/tabs/{Tab.d.cts → Tab.d.ts} +3 -2
- package/dist/atoms/tabs/Tab.d.ts.map +1 -0
- package/dist/atoms/tabs/{Tab.mjs → Tab.js} +1 -1
- package/dist/atoms/tabs/Tab.js.map +1 -0
- package/dist/atoms/tabs/{TabList.d.mts → TabList.d.ts} +3 -2
- package/dist/atoms/tabs/TabList.d.ts.map +1 -0
- package/dist/atoms/tabs/{TabList.mjs → TabList.js} +1 -1
- package/dist/atoms/tabs/TabList.js.map +1 -0
- package/dist/atoms/tabs/{TabPanel.d.cts → TabPanel.d.ts} +3 -2
- package/dist/atoms/tabs/TabPanel.d.ts.map +1 -0
- package/dist/atoms/tabs/{TabPanel.mjs → TabPanel.js} +1 -1
- package/dist/atoms/tabs/TabPanel.js.map +1 -0
- package/dist/atoms/tabs/{Tabs.d.mts → Tabs.d.ts} +10 -11
- package/dist/atoms/tabs/Tabs.d.ts.map +1 -0
- package/dist/atoms/tabs/Tabs.js +2 -0
- package/dist/atoms/tabs/Tabs.js.map +1 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.js +1 -0
- package/dist/panda.json +29 -17
- package/dist/providers/{MageUiProvider.d.mts → MageUiProvider.d.ts} +4 -5
- package/dist/providers/MageUiProvider.d.ts.map +1 -0
- package/dist/providers/{MageUiProvider.mjs → MageUiProvider.js} +1 -1
- package/dist/providers/MageUiProvider.js.map +1 -0
- package/package.json +18 -159
- package/dist/Avatar.cjs +0 -1
- package/dist/Avatar.d.cts +0 -2
- package/dist/Avatar.d.mts +0 -2
- package/dist/Avatar.mjs +0 -1
- package/dist/Badge.cjs +0 -1
- package/dist/Badge.d.cts +0 -2
- package/dist/Badge.d.mts +0 -2
- package/dist/Badge.mjs +0 -1
- package/dist/Breadcrumbs.cjs +0 -1
- package/dist/Breadcrumbs.d.cts +0 -2
- package/dist/Breadcrumbs.d.mts +0 -2
- package/dist/Breadcrumbs.mjs +0 -1
- package/dist/Button.cjs +0 -1
- package/dist/Button.d.cts +0 -2
- package/dist/Button.d.mts +0 -2
- package/dist/Button.mjs +0 -1
- package/dist/ButtonIcon.cjs +0 -1
- package/dist/ButtonIcon.d.cts +0 -2
- package/dist/ButtonIcon.d.mts +0 -2
- package/dist/ButtonIcon.mjs +0 -1
- package/dist/Checkbox.cjs +0 -1
- package/dist/Checkbox.d.cts +0 -2
- package/dist/Checkbox.d.mts +0 -2
- package/dist/Checkbox.mjs +0 -1
- package/dist/Combobox.cjs +0 -1
- package/dist/Combobox.d.cts +0 -2
- package/dist/Combobox.d.mts +0 -2
- package/dist/Combobox.mjs +0 -1
- package/dist/DatePicker.cjs +0 -1
- package/dist/DatePicker.d.cts +0 -2
- package/dist/DatePicker.d.mts +0 -2
- package/dist/DatePicker.mjs +0 -1
- package/dist/FormInputText.cjs +0 -1
- package/dist/FormInputText.d.cts +0 -2
- package/dist/FormInputText.d.mts +0 -2
- package/dist/FormInputText.mjs +0 -1
- package/dist/Icon.cjs +0 -1
- package/dist/Icon.d.cts +0 -2
- package/dist/Icon.d.mts +0 -2
- package/dist/Icon.mjs +0 -1
- package/dist/IconRaw.cjs +0 -1
- package/dist/IconRaw.d.cts +0 -2
- package/dist/IconRaw.d.mts +0 -2
- package/dist/IconRaw.mjs +0 -1
- package/dist/InputText.cjs +0 -1
- package/dist/InputText.d.cts +0 -2
- package/dist/InputText.d.mts +0 -2
- package/dist/InputText.mjs +0 -1
- package/dist/MageUiProvider.cjs +0 -1
- package/dist/MageUiProvider.d.cts +0 -2
- package/dist/MageUiProvider.d.mts +0 -2
- package/dist/MageUiProvider.mjs +0 -1
- package/dist/Tabs.cjs +0 -1
- package/dist/Tabs.d.cts +0 -2
- package/dist/Tabs.d.mts +0 -2
- package/dist/Tabs.mjs +0 -1
- package/dist/VisuallyHidden.cjs +0 -1
- package/dist/VisuallyHidden.d.cts +0 -2
- package/dist/VisuallyHidden.d.mts +0 -2
- package/dist/VisuallyHidden.mjs +0 -1
- package/dist/_virtual/rolldown_runtime.cjs +0 -1
- package/dist/atoms/avatar/Avatar.cjs +0 -1
- package/dist/atoms/avatar/Avatar.d.cts +0 -22
- package/dist/atoms/avatar/Avatar.d.cts.map +0 -1
- package/dist/atoms/avatar/Avatar.d.mts.map +0 -1
- package/dist/atoms/avatar/Avatar.mjs +0 -2
- package/dist/atoms/avatar/Avatar.mjs.map +0 -1
- package/dist/atoms/badges/Badge.cjs +0 -1
- package/dist/atoms/badges/Badge.d.cts.map +0 -1
- package/dist/atoms/badges/Badge.d.mts +0 -26
- package/dist/atoms/badges/Badge.d.mts.map +0 -1
- package/dist/atoms/badges/Badge.mjs.map +0 -1
- package/dist/atoms/breadcrumbs/Breadcrumbs.cjs +0 -1
- package/dist/atoms/breadcrumbs/Breadcrumbs.d.cts +0 -34
- package/dist/atoms/breadcrumbs/Breadcrumbs.d.cts.map +0 -1
- package/dist/atoms/breadcrumbs/Breadcrumbs.d.mts.map +0 -1
- package/dist/atoms/breadcrumbs/Breadcrumbs.mjs.map +0 -1
- package/dist/atoms/buttons/Button.cjs +0 -1
- package/dist/atoms/buttons/Button.d.cts +0 -27
- package/dist/atoms/buttons/Button.d.cts.map +0 -1
- package/dist/atoms/buttons/Button.d.mts.map +0 -1
- package/dist/atoms/buttons/Button.mjs.map +0 -1
- package/dist/atoms/buttons/ButtonIcon.cjs +0 -1
- package/dist/atoms/buttons/ButtonIcon.d.cts +0 -24
- package/dist/atoms/buttons/ButtonIcon.d.cts.map +0 -1
- package/dist/atoms/buttons/ButtonIcon.d.mts.map +0 -1
- package/dist/atoms/buttons/ButtonIcon.mjs +0 -2
- package/dist/atoms/buttons/ButtonIcon.mjs.map +0 -1
- package/dist/atoms/forms/FormInputText.cjs +0 -1
- package/dist/atoms/forms/FormInputText.d.cts +0 -20
- package/dist/atoms/forms/FormInputText.d.cts.map +0 -1
- package/dist/atoms/forms/FormInputText.d.mts.map +0 -1
- package/dist/atoms/forms/FormInputText.mjs +0 -2
- package/dist/atoms/forms/FormInputText.mjs.map +0 -1
- package/dist/atoms/icon/Icon.cjs +0 -1
- package/dist/atoms/icon/Icon.d.cts +0 -21
- package/dist/atoms/icon/Icon.d.cts.map +0 -1
- package/dist/atoms/icon/Icon.d.mts.map +0 -1
- package/dist/atoms/icon/Icon.mjs +0 -2
- package/dist/atoms/icon/Icon.mjs.map +0 -1
- package/dist/atoms/icon/IconRaw.cjs +0 -1
- package/dist/atoms/icon/IconRaw.d.cts +0 -20
- package/dist/atoms/icon/IconRaw.d.cts.map +0 -1
- package/dist/atoms/icon/IconRaw.d.mts.map +0 -1
- package/dist/atoms/icon/IconRaw.mjs.map +0 -1
- package/dist/atoms/inputs/Checkbox.cjs +0 -1
- package/dist/atoms/inputs/Checkbox.d.cts +0 -23
- package/dist/atoms/inputs/Checkbox.d.cts.map +0 -1
- package/dist/atoms/inputs/Checkbox.d.mts.map +0 -1
- package/dist/atoms/inputs/Checkbox.mjs.map +0 -1
- package/dist/atoms/inputs/DatePicker.cjs +0 -1
- package/dist/atoms/inputs/DatePicker.d.cts +0 -46
- package/dist/atoms/inputs/DatePicker.d.cts.map +0 -1
- package/dist/atoms/inputs/DatePicker.d.mts +0 -46
- package/dist/atoms/inputs/DatePicker.d.mts.map +0 -1
- package/dist/atoms/inputs/DatePicker.mjs +0 -2
- package/dist/atoms/inputs/DatePicker.mjs.map +0 -1
- package/dist/atoms/inputs/InputText.cjs +0 -1
- package/dist/atoms/inputs/InputText.d.cts +0 -32
- package/dist/atoms/inputs/InputText.d.cts.map +0 -1
- package/dist/atoms/inputs/InputText.d.mts.map +0 -1
- package/dist/atoms/inputs/InputText.mjs +0 -2
- package/dist/atoms/inputs/InputText.mjs.map +0 -1
- package/dist/atoms/inputs/combobox/Combobox.cjs +0 -1
- package/dist/atoms/inputs/combobox/Combobox.d.cts +0 -46
- package/dist/atoms/inputs/combobox/Combobox.d.cts.map +0 -1
- package/dist/atoms/inputs/combobox/Combobox.d.mts.map +0 -1
- package/dist/atoms/inputs/combobox/Combobox.mjs +0 -2
- package/dist/atoms/inputs/combobox/Combobox.mjs.map +0 -1
- package/dist/atoms/inputs/combobox/ComboboxBase.cjs +0 -1
- package/dist/atoms/inputs/combobox/ComboboxBase.mjs +0 -2
- package/dist/atoms/inputs/combobox/ComboboxBase.mjs.map +0 -1
- package/dist/atoms/misc/VisuallyHidden.cjs +0 -1
- package/dist/atoms/misc/VisuallyHidden.d.cts +0 -16
- package/dist/atoms/misc/VisuallyHidden.d.cts.map +0 -1
- package/dist/atoms/misc/VisuallyHidden.d.mts +0 -16
- package/dist/atoms/misc/VisuallyHidden.d.mts.map +0 -1
- package/dist/atoms/misc/VisuallyHidden.mjs.map +0 -1
- package/dist/atoms/tabs/Tab.cjs +0 -1
- package/dist/atoms/tabs/Tab.d.cts.map +0 -1
- package/dist/atoms/tabs/Tab.d.mts +0 -17
- package/dist/atoms/tabs/Tab.d.mts.map +0 -1
- package/dist/atoms/tabs/Tab.mjs.map +0 -1
- package/dist/atoms/tabs/TabList.cjs +0 -1
- package/dist/atoms/tabs/TabList.d.cts +0 -13
- package/dist/atoms/tabs/TabList.d.cts.map +0 -1
- package/dist/atoms/tabs/TabList.d.mts.map +0 -1
- package/dist/atoms/tabs/TabList.mjs.map +0 -1
- package/dist/atoms/tabs/TabPanel.cjs +0 -1
- package/dist/atoms/tabs/TabPanel.d.cts.map +0 -1
- package/dist/atoms/tabs/TabPanel.d.mts +0 -13
- package/dist/atoms/tabs/TabPanel.d.mts.map +0 -1
- package/dist/atoms/tabs/TabPanel.mjs.map +0 -1
- package/dist/atoms/tabs/Tabs.cjs +0 -1
- package/dist/atoms/tabs/Tabs.d.cts +0 -53
- package/dist/atoms/tabs/Tabs.d.cts.map +0 -1
- package/dist/atoms/tabs/Tabs.d.mts.map +0 -1
- package/dist/atoms/tabs/Tabs.mjs +0 -2
- package/dist/atoms/tabs/Tabs.mjs.map +0 -1
- package/dist/providers/MageUiProvider.cjs +0 -1
- package/dist/providers/MageUiProvider.d.cts +0 -16
- package/dist/providers/MageUiProvider.d.cts.map +0 -1
- package/dist/providers/MageUiProvider.d.mts.map +0 -1
- package/dist/providers/MageUiProvider.mjs.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.js","names":["value: string"],"sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport {\n comboboxEmpty,\n comboboxOption,\n icon,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Icon } from '../../icons/Icon';\nimport { ComboboxBase } from './ComboboxBase';\n\nexport type ComboboxProps = {\n selectedOption: { id: string; value: string } | undefined;\n setSelectedOption: (value: { id: string; value: string } | undefined) => void;\n options: { id: string; value: string }[];\n creatable?: boolean;\n classNames?: {\n option?: string;\n empty?: string;\n create?: string;\n };\n texts: {\n input: {\n label: string;\n placeholder: string;\n description?: string;\n error?: string;\n };\n empty: string;\n create: string;\n };\n inputWrapperOrder?: Array<'label' | 'description' | 'input' | 'error'>;\n};\n\nexport const Combobox = ({\n selectedOption,\n setSelectedOption,\n options,\n creatable,\n classNames,\n texts,\n inputWrapperOrder = ['label', 'input', 'description', 'error'],\n ...props\n}: ComboboxProps) => {\n const [query, setQuery] = useState(selectedOption?.value || '');\n\n const shouldFilterOptions = options.every((item) => item.value !== query);\n const filteredOptions = shouldFilterOptions\n ? options.filter((item) =>\n item.value.toLowerCase().includes(query.toLowerCase().trim()),\n )\n : options;\n\n const comboBoxOptions = filteredOptions.map((option) => (\n <ComboboxBase.Option\n value={option.value}\n key={option.id}\n active={selectedOption?.id === option.id}\n classNames={{ option: classNames?.option ?? comboboxOption() }}\n >\n {option.value}\n </ComboboxBase.Option>\n ));\n\n const MissingOption = () => {\n if (creatable && query) {\n return (\n <ComboboxBase.Option\n value={query}\n key={query}\n classNames={{\n option: classNames?.create ?? comboboxOption({ type: 'create' }),\n }}\n >\n <Icon name='plus' classNames={icon({ size: 'm' })} />\n {`${texts.create} '${query}'`}\n </ComboboxBase.Option>\n );\n }\n return (\n <ComboboxBase.Empty\n classNames={{ empty: classNames?.empty ?? comboboxEmpty() }}\n >\n {texts.empty}\n </ComboboxBase.Empty>\n );\n };\n\n const onChange = (value: string) => {\n let selected = options.find((item) => item.value === value);\n if (!selected && creatable && value) {\n selected = { id: 'new', value };\n }\n setSelectedOption(selected);\n };\n\n return (\n <ComboboxBase\n query={query}\n setQuery={setQuery}\n selectedOption={selectedOption}\n setSelectedOption={(option) => onChange(option)}\n endSlot={<Icon name='chevron-down' classNames={icon({ size: 'l' })} />}\n texts={texts}\n inputWrapperOrder={inputWrapperOrder}\n {...props}\n >\n {comboBoxOptions.length > 0 ? comboBoxOptions : <MissingOption />}\n </ComboboxBase>\n );\n};\n"],"mappings":"4QAkCA,MAAa,EAAW,CAAC,CACvB,iBACA,oBACA,UACA,YACA,aACA,QACA,oBAAoB,CAAC,QAAS,QAAS,cAAe,OAAQ,EAC9D,GAAG,EACW,GAAK,CA6CnB,GA5CM,CAAC,EAAO,EAAS,CAAG,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAsB,EAAQ,MAAM,AAAC,GAAS,EAAK,QAAU,EAAM,CACnE,EAAkB,EACpB,EAAQ,OAAO,AAAC,GACd,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,aAAa,CAAC,MAAM,CAAC,CAC9D,CACD,EAEE,EAAkB,EAAgB,IAAI,AAAC,GAC3C,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAgB,IAChB,GAAa,EAEb,EAAC,EAAa,OAAA,CACZ,MAAO,EAEP,WAAY,CACV,OAAQ,GAAY,QAAU,EAAe,CAAE,KAAM,QAAU,EAAC,AACjE,YAED,EAAC,EAAA,CAAK,KAAK,OAAO,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,EACnD,EAAE,EAAM,OAAO,IAAI,EAAM,EAAA,GANtB,EAOe,CAIxB,EAAC,EAAa,MAAA,CACZ,WAAY,CAAE,MAAO,GAAY,OAAS,GAAe,AAAE,WAE1D,EAAM,OACY,CAInB,EAAW,AAACA,GAAkB,CAClC,IAAI,EAAW,EAAQ,KAAK,AAAC,GAAS,EAAK,QAAU,EAAM,CAI3D,CAHK,GAAY,GAAa,IAC5B,EAAW,CAAE,GAAI,MAAO,OAAO,GAEjC,EAAkB,EAAS,AAC5B,EAED,MACE,GAAC,EAAA,CACQ,QACG,WACM,iBAChB,kBAAmB,AAAC,GAAW,EAAS,EAAO,CAC/C,QAAS,EAAC,EAAA,CAAK,KAAK,eAAe,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CAC/D,QACY,oBACnB,GAAI,WAEH,EAAgB,OAAS,EAAI,EAAkB,EAAC,EAAA,CAAA,EAAgB,EACpD,AAElB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{InputText as e}from"../InputText.js";import{comboboxOptions as t,dropdown as n,inputSection as r}from"@mage-ui/styled-system/recipes";import{Combobox as i,Portal as a,useCombobox as o}from"@mantine/core";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({query:l,setQuery:u,selectedOption:d,setSelectedOption:f,children:p,startSlot:m,endSlot:h,classNames:g,texts:_,inputWrapperOrder:v=[`label`,`description`,`input`,`error`],...y})=>{let b=o({scrollBehavior:`smooth`,onDropdownClose:()=>{b.resetSelectedOption()}});return c(i,{onOptionSubmit:e=>{f(e),u(e),b.closeDropdown()},store:b,withinPortal:!1,...y,children:[s(i.Target,{children:s(e,{label:_.input.label,placeholder:_.input.placeholder,error:_.input.error,description:_.input.description,value:l,onChange:({currentTarget:e})=>{u(e.value),b.openDropdown(),b.updateSelectedOptionIndex()},onClick:()=>b.openDropdown(),onFocus:()=>b.openDropdown(),onBlur:()=>{b.closeDropdown(),u(d?.value||``)},startSlot:m,endSlot:h,classNames:{section:g?.section??r({pointerEvents:`none`})},inputWrapperOrder:v})}),s(a,{children:s(i.Dropdown,{classNames:{dropdown:g?.dropdown??n()},children:s(i.Options,{classNames:{options:g?.options??t()},children:p})})})]})};l.Option=i.Option,l.Empty=i.Empty;export{l as ComboboxBase};
|
|
2
|
+
//# sourceMappingURL=ComboboxBase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboboxBase.js","names":["MantineCombobox"],"sources":["../../../../src/atoms/inputs/combobox/ComboboxBase.tsx"],"sourcesContent":["import type { ChangeEvent, ReactNode } from 'react';\n\nimport {\n comboboxOptions,\n dropdown,\n inputSection,\n} from '@mage-ui/styled-system/recipes';\nimport {\n Combobox as MantineCombobox,\n Portal,\n useCombobox,\n} from '@mantine/core';\n\nimport { InputText, type InputTextProps } from '../InputText';\n\nexport type ComboboxBaseProps = {\n query: string;\n setQuery: (value: string) => void;\n selectedOption: { id: string; value: string } | undefined;\n setSelectedOption: (value: string) => void;\n texts: {\n input: {\n label: string;\n placeholder: string;\n description?: string;\n error?: string;\n };\n empty: string;\n };\n children: ReactNode;\n startSlot?: ReactNode;\n endSlot?: ReactNode;\n classNames?: {\n dropdown?: string;\n section?: string;\n options?: string;\n };\n} & InputTextProps;\n\nexport const ComboboxBase = ({\n query,\n setQuery,\n selectedOption,\n setSelectedOption,\n children,\n startSlot,\n endSlot,\n classNames,\n texts,\n inputWrapperOrder = ['label', 'description', 'input', 'error'],\n ...props\n}: ComboboxBaseProps) => {\n const combobox = useCombobox({\n scrollBehavior: 'smooth',\n onDropdownClose: () => {\n combobox.resetSelectedOption();\n },\n });\n\n return (\n <MantineCombobox\n onOptionSubmit={(option) => {\n setSelectedOption(option);\n setQuery(option);\n combobox.closeDropdown();\n }}\n store={combobox}\n withinPortal={false}\n {...props}\n >\n <MantineCombobox.Target>\n <InputText\n label={texts.input.label}\n placeholder={texts.input.placeholder}\n error={texts.input.error}\n description={texts.input.description}\n value={query}\n onChange={({ currentTarget }: ChangeEvent<HTMLInputElement>) => {\n setQuery(currentTarget.value);\n combobox.openDropdown();\n combobox.updateSelectedOptionIndex();\n }}\n onClick={() => combobox.openDropdown()}\n onFocus={() => combobox.openDropdown()}\n onBlur={() => {\n combobox.closeDropdown();\n setQuery(selectedOption?.value || '');\n }}\n startSlot={startSlot}\n endSlot={endSlot}\n classNames={{\n section:\n classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n }}\n inputWrapperOrder={inputWrapperOrder}\n />\n </MantineCombobox.Target>\n <Portal>\n <MantineCombobox.Dropdown\n classNames={{\n dropdown: classNames?.dropdown ?? dropdown(),\n }}\n >\n <MantineCombobox.Options\n classNames={{\n options: classNames?.options ?? comboboxOptions(),\n }}\n >\n {children}\n </MantineCombobox.Options>\n </MantineCombobox.Dropdown>\n </Portal>\n </MantineCombobox>\n );\n};\n\nComboboxBase.Option = MantineCombobox.Option;\nComboboxBase.Empty = MantineCombobox.Empty;\n"],"mappings":"qQAuCA,MAAa,EAAe,CAAC,CAC3B,QACA,WACA,iBACA,oBACA,WACA,YACA,UACA,aACA,QACA,oBAAoB,CAAC,QAAS,cAAe,QAAS,OAAQ,EAC9D,GAAG,EACe,GAAK,CACvB,IAAM,EAAW,EAAY,CAC3B,eAAgB,SAChB,gBAAiB,IAAM,CACrB,EAAS,qBAAqB,AAC/B,CACF,EAAC,CAEF,MACE,GAACA,EAAAA,CACC,eAAgB,AAAC,GAAW,CAG1B,AAFA,EAAkB,EAAO,CACzB,EAAS,EAAO,CAChB,EAAS,eAAe,AACzB,EACD,MAAO,EACP,cAAc,EACd,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SACf,EAAC,EAAA,CACC,MAAO,EAAM,MAAM,MACnB,YAAa,EAAM,MAAM,YACzB,MAAO,EAAM,MAAM,MACnB,YAAa,EAAM,MAAM,YACzB,MAAO,EACP,SAAU,CAAC,CAAE,gBAA8C,GAAK,CAG9D,AAFA,EAAS,EAAc,MAAM,CAC7B,EAAS,cAAc,CACvB,EAAS,2BAA2B,AACrC,EACD,QAAS,IAAM,EAAS,cAAc,CACtC,QAAS,IAAM,EAAS,cAAc,CACtC,OAAQ,IAAM,CAEZ,AADA,EAAS,eAAe,CACxB,EAAS,GAAgB,OAAS,GAAG,AACtC,EACU,YACF,UACT,WAAY,CACV,QACE,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACjE,EACkB,qBACnB,EACqB,CACzB,EAAC,EAAA,CAAA,SACC,EAACA,EAAgB,SAAA,CACf,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,AAC7C,WAED,EAACA,EAAgB,QAAA,CACf,WAAY,CACV,QAAS,GAAY,SAAW,GAAiB,AAClD,EAEA,YACuB,EACD,EACpB,GACO,AAErB,EAGD,AADA,EAAa,OAASA,EAAgB,OACtC,EAAa,MAAQA,EAAgB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{VisuallyHidden as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";import{visuallyHidden as n}from"@mage-ui/styled-system/patterns";const r=({children:r})=>t(e,{classNames:{root:n()},children:r});export{r as VisuallyHidden};
|
|
2
|
-
//# sourceMappingURL=VisuallyHidden.
|
|
2
|
+
//# sourceMappingURL=VisuallyHidden.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisuallyHidden.js","names":["VisuallyHidden","MantineVisuallyHidden"],"sources":["../../../src/atoms/misc/VisuallyHidden.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport { VisuallyHidden as MantineVisuallyHidden } from '@mantine/core';\n\nexport type VisuallyHiddenProps = {\n children: React.ReactNode;\n};\n\nexport const VisuallyHidden = ({ children }: VisuallyHiddenProps) => {\n return (\n <MantineVisuallyHidden\n classNames={{\n root: visuallyHidden(),\n }}\n >\n {children}\n </MantineVisuallyHidden>\n );\n};\n"],"mappings":"wJASA,MAAaA,EAAiB,CAAC,CAAE,WAA+B,GAE5D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAgB,AACvB,EAEA,YACqB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","names":[],"sources":["../../../src/atoms/tabs/Tab.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,QAAA;;;IAAA,QAAQ,CAAA,EAAA,MAAA;IAAA,UAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAMQ,QACd,CAAM,EADP,KAAA,CAAM,SACC;EAAS,SACX,CAAA,EADJ,KAAA,CAAM,SACF;EAAS,OAAA,CAAA,EAAf,KAAA,CAAM,SAAS"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{tab as e,tabLabel as t,tabSection as n}from"@mage-ui/styled-system/recipes";import{Tabs as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a,startSlot:o,endSlot:s,children:c,...l})=>i(r.Tab,{classNames:{tab:a?.tab??e(),tabLabel:a?.tabLabel??t(),tabSection:a?.tabSection??n(),...a},leftSection:o,rightSection:s,...l,children:c});a.displayName=`Tabs.Tab`;export{a as Tab};
|
|
2
|
-
//# sourceMappingURL=Tab.
|
|
2
|
+
//# sourceMappingURL=Tab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.js","names":["MantineTab"],"sources":["../../../src/atoms/tabs/Tab.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tab, tabLabel, tabSection } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabProps = {\n classNames?: {\n tab?: string;\n tabLabel?: string;\n tabSection?: string;\n };\n children?: React.ReactNode;\n startSlot?: React.ReactNode;\n endSlot?: React.ReactNode;\n value: string;\n};\n\nexport const Tab = ({\n classNames,\n startSlot,\n endSlot,\n children,\n ...props\n}: TabProps) => {\n return (\n <MantineTab.Tab\n classNames={{\n tab: classNames?.tab ?? tab(),\n tabLabel: classNames?.tabLabel ?? tabLabel(),\n tabSection: classNames?.tabSection ?? tabSection(),\n ...classNames,\n }}\n leftSection={startSlot}\n rightSection={endSlot}\n {...props}\n >\n {children}\n </MantineTab.Tab>\n );\n};\n\nTab.displayName = 'Tabs.Tab';\n"],"mappings":"gKAiBA,MAAa,EAAM,CAAC,CAClB,aACA,YACA,UACA,WACA,GAAG,EACM,GAEP,EAACA,EAAW,IAAA,CACV,WAAY,CACV,IAAK,GAAY,KAAO,GAAK,CAC7B,SAAU,GAAY,UAAY,GAAU,CAC5C,WAAY,GAAY,YAAc,GAAY,CAClD,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACc,CAIrB,EAAI,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabList.d.ts","names":[],"sources":["../../../src/atoms/tabs/TabList.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,YAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{tabList as e}from"@mage-ui/styled-system/recipes";import{Tabs as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";const r=({classNames:r,children:i,grow:a,...o})=>n(t.List,{classNames:{list:r?.list??e({grow:a}),...r},grow:a,...o,children:i});r.displayName=`Tabs.List`;export{r as TabList};
|
|
2
|
-
//# sourceMappingURL=TabList.
|
|
2
|
+
//# sourceMappingURL=TabList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabList.js","names":["MantineTabList"],"sources":["../../../src/atoms/tabs/TabList.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabList } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabList } from '@mantine/core';\n\nexport type TabListProps = {\n classNames?: {\n list?: string;\n };\n children?: React.ReactNode;\n grow?: boolean;\n};\n\nexport const TabList = ({\n classNames,\n children,\n grow,\n ...props\n}: TabListProps) => {\n return (\n <MantineTabList.List\n classNames={{\n list: classNames?.list ?? tabList({ grow }),\n ...classNames,\n }}\n grow={grow}\n {...props}\n >\n {children}\n </MantineTabList.List>\n );\n};\n\nTabList.displayName = 'Tabs.List';\n"],"mappings":"sIAaA,MAAa,EAAU,CAAC,CACtB,aACA,WACA,OACA,GAAG,EACU,GAEX,EAACA,EAAe,KAAA,CACd,WAAY,CACV,KAAM,GAAY,MAAQ,EAAQ,CAAE,MAAM,EAAC,CAC3C,GAAG,CACJ,EACK,OACN,GAAI,EAEH,YACmB,CAI1B,EAAQ,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabPanel.d.ts","names":[],"sources":["../../../src/atoms/tabs/TabPanel.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,QAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{tabPanel as e}from"@mage-ui/styled-system/recipes";import{Tabs as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";const r=({classNames:r,children:i,...a})=>n(t.Panel,{classNames:{panel:r?.panel??e(),...r},...a,children:i});r.displayName=`Tabs.Panel`;export{r as TabPanel};
|
|
2
|
-
//# sourceMappingURL=TabPanel.
|
|
2
|
+
//# sourceMappingURL=TabPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabPanel.js","names":["MantineTab"],"sources":["../../../src/atoms/tabs/TabPanel.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabPanel } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabProps = {\n classNames?: {\n panel?: string;\n };\n children?: React.ReactNode;\n value: string;\n};\n\nexport const TabPanel = ({ classNames, children, ...props }: TabProps) => {\n return (\n <MantineTab.Panel\n classNames={{\n panel: classNames?.panel ?? tabPanel(),\n ...classNames,\n }}\n {...props}\n >\n {children}\n </MantineTab.Panel>\n );\n};\n\nTabPanel.displayName = 'Tabs.Panel';\n"],"mappings":"uIAaA,MAAa,EAAW,CAAC,CAAE,aAAY,WAAU,GAAG,EAAiB,GAEjE,EAACA,EAAW,MAAA,CACV,WAAY,CACV,MAAO,GAAY,OAAS,GAAU,CACtC,GAAG,CACJ,EACD,GAAI,EAEH,YACgB,CAIvB,EAAS,YAAc"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { TabListProps } from "./TabList.
|
|
2
|
-
import { TabProps } from "./Tab.
|
|
3
|
-
import { TabProps$1 } from "./TabPanel.
|
|
4
|
-
import * as
|
|
1
|
+
import { TabListProps } from "./TabList.js";
|
|
2
|
+
import { TabProps } from "./Tab.js";
|
|
3
|
+
import { TabProps$1 } from "./TabPanel.js";
|
|
4
|
+
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
5
5
|
import React from "react";
|
|
6
6
|
|
|
7
7
|
//#region src/atoms/tabs/Tabs.d.ts
|
|
@@ -16,14 +16,14 @@ declare const Tabs: {
|
|
|
16
16
|
classNames,
|
|
17
17
|
children,
|
|
18
18
|
...props
|
|
19
|
-
}: TabsProps):
|
|
19
|
+
}: TabsProps): react_jsx_runtime9.JSX.Element;
|
|
20
20
|
List: {
|
|
21
21
|
({
|
|
22
22
|
classNames,
|
|
23
23
|
children,
|
|
24
24
|
grow,
|
|
25
25
|
...props
|
|
26
|
-
}: TabListProps):
|
|
26
|
+
}: TabListProps): react_jsx_runtime9.JSX.Element;
|
|
27
27
|
displayName: string;
|
|
28
28
|
};
|
|
29
29
|
Tab: {
|
|
@@ -33,7 +33,7 @@ declare const Tabs: {
|
|
|
33
33
|
endSlot,
|
|
34
34
|
children,
|
|
35
35
|
...props
|
|
36
|
-
}: TabProps):
|
|
36
|
+
}: TabProps): react_jsx_runtime9.JSX.Element;
|
|
37
37
|
displayName: string;
|
|
38
38
|
};
|
|
39
39
|
Panel: {
|
|
@@ -41,13 +41,12 @@ declare const Tabs: {
|
|
|
41
41
|
classNames,
|
|
42
42
|
children,
|
|
43
43
|
...props
|
|
44
|
-
}: TabProps$1):
|
|
44
|
+
}: TabProps$1): react_jsx_runtime9.JSX.Element;
|
|
45
45
|
displayName: string;
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
|
-
|
|
49
|
-
//#endregion
|
|
50
48
|
//# sourceMappingURL=Tabs.d.ts.map
|
|
51
49
|
|
|
50
|
+
//#endregion
|
|
52
51
|
export { Tabs as Tabs$1, TabsProps };
|
|
53
|
-
//# sourceMappingURL=Tabs.d.
|
|
52
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","names":[],"sources":["../../../src/atoms/tabs/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,SAAA;;;;aAIC,KAAA,CAAM;;AAJP,cAOC,IAPQ,EAIR;EAGA,CAAA;IAAA,UAYZ;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAZwD,SAYxD,CAAA,EAZiE,kBAAA,CAAA,GAAA,CAAA,OAYjE;EAAA,IAAA,EAAA;IAAA,CAAA;MAAA,UAAA;MAAA,QAAA;MAAA,IAAA;MAAA,GAAA;IAAA,CAAA,cAAA,CAAA,gCAAA;;;EAZiE,GAAA,EAAA;IAAA,CAAA;MAAA,UAAA;MAAA,SAAA;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,UAAA,CAAA,gCAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{Tab as e}from"./Tab.js";import{TabList as t}from"./TabList.js";import{TabPanel as n}from"./TabPanel.js";import{tabs as r}from"@mage-ui/styled-system/recipes";import{Tabs as i}from"@mantine/core";import{jsx as a}from"react/jsx-runtime";const o=({classNames:e,children:t,...n})=>a(i,{classNames:{root:e?.root??r(),...e},...n,children:t});o.List=t,o.Tab=e,o.Panel=n;export{o as Tabs};
|
|
2
|
+
//# sourceMappingURL=Tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.js","names":["Tabs","MantineTabs"],"sources":["../../../src/atoms/tabs/Tabs.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabs } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabs } from '@mantine/core';\n\nimport { Tab } from './Tab';\nimport { TabList } from './TabList';\nimport { TabPanel } from './TabPanel';\n\nexport type TabsProps = {\n classNames?: {\n root?: string;\n };\n children?: React.ReactNode;\n};\n\nexport const Tabs = ({ classNames, children, ...props }: TabsProps) => {\n return (\n <MantineTabs\n classNames={{\n root: classNames?.root ?? tabs(),\n ...classNames,\n }}\n {...props}\n >\n {children}\n </MantineTabs>\n );\n};\n\nTabs.List = TabList;\nTabs.Tab = Tab;\nTabs.Panel = TabPanel;\n"],"mappings":"kPAgBA,MAAaA,EAAO,CAAC,CAAE,aAAY,WAAU,GAAG,EAAkB,GAE9D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAM,CAChC,GAAG,CACJ,EACD,GAAI,EAEH,YACW,CAMlB,AAFA,EAAK,KAAO,EACZ,EAAK,IAAM,EACX,EAAK,MAAQ"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Avatar$1 as Avatar, AvatarProps } from "./atoms/avatars/Avatar.js";
|
|
2
|
+
import { Badge$1 as Badge, BadgeProps } from "./atoms/badges/Badge.js";
|
|
3
|
+
import { Breadcrumbs$1 as Breadcrumbs, BreadcrumbsProps } from "./atoms/breadcrumbs/Breadcrumbs.js";
|
|
4
|
+
import { Button$1 as Button, ButtonProps } from "./atoms/buttons/Button.js";
|
|
5
|
+
import { ButtonIcon$1 as ButtonIcon, ButtonIconProps } from "./atoms/buttons/ButtonIcon.js";
|
|
6
|
+
import { Carousel$1 as Carousel, CarouselProps } from "./atoms/carousel/Carousel.js";
|
|
7
|
+
import { InputText$1 as InputText, InputTextProps } from "./atoms/inputs/InputText.js";
|
|
8
|
+
import { FormInputText$1 as FormInputText, FormInputTextProps } from "./atoms/forms/FormInputText.js";
|
|
9
|
+
import { Icon$1 as Icon, IconProps } from "./atoms/icons/Icon.js";
|
|
10
|
+
import { IconRaw$1 as IconRaw, IconRawProps } from "./atoms/icons/IconRaw.js";
|
|
11
|
+
import { IconWrapped$1 as IconWrapped, IconWrappedProps } from "./atoms/icons/IconWrapped.js";
|
|
12
|
+
import { Checkbox$1 as Checkbox, CheckboxProps } from "./atoms/inputs/Checkbox.js";
|
|
13
|
+
import { Combobox$1 as Combobox, ComboboxProps } from "./atoms/inputs/combobox/Combobox.js";
|
|
14
|
+
import { DatePicker$1 as DatePicker, DatePickerProps } from "./atoms/inputs/DatePicker.js";
|
|
15
|
+
import { Tabs$1 as Tabs, TabsProps } from "./atoms/tabs/Tabs.js";
|
|
16
|
+
import { MageUiProvider$1 as MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.js";
|
|
17
|
+
export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, FormInputText, FormInputTextProps, Icon, IconProps, IconRaw, IconRawProps, IconWrapped, IconWrappedProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, Tabs, TabsProps };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Avatar as e}from"./atoms/avatars/Avatar.js";import{Badge as t}from"./atoms/badges/Badge.js";import{Breadcrumbs as n}from"./atoms/breadcrumbs/Breadcrumbs.js";import{Button as r}from"./atoms/buttons/Button.js";import{ButtonIcon as i}from"./atoms/buttons/ButtonIcon.js";import{Carousel as a}from"./atoms/carousel/Carousel.js";import{InputText as o}from"./atoms/inputs/InputText.js";import{FormInputText as s}from"./atoms/forms/FormInputText.js";import{IconRaw as c}from"./atoms/icons/IconRaw.js";import{Icon as l}from"./atoms/icons/Icon.js";import{IconWrapped as u}from"./atoms/icons/IconWrapped.js";import{Checkbox as d}from"./atoms/inputs/Checkbox.js";import{Combobox as f}from"./atoms/inputs/combobox/Combobox.js";import{DatePicker as p}from"./atoms/inputs/DatePicker.js";import{Tabs as m}from"./atoms/tabs/Tabs.js";import{MageUiProvider as h}from"./providers/MageUiProvider.js";export{e as Avatar,t as Badge,n as Breadcrumbs,r as Button,i as ButtonIcon,a as Carousel,d as Checkbox,f as Combobox,p as DatePicker,s as FormInputText,l as Icon,c as IconRaw,u as IconWrapped,o as InputText,h as MageUiProvider,m as Tabs};
|
package/dist/panda.json
CHANGED
|
@@ -33,6 +33,12 @@
|
|
|
33
33
|
"color]___[value:danger.foreground.1.actived]___[cond:_active",
|
|
34
34
|
"borderColor]___[value:danger.stroke.1.actived]___[cond:_active",
|
|
35
35
|
"srOnly]___[value:true",
|
|
36
|
+
"color]___[value:neutral.foreground.2.onBrand.enabled",
|
|
37
|
+
"backgroundColor]___[value:neutral.background.2.enabled",
|
|
38
|
+
"color]___[value:primary.foreground.1.enabled",
|
|
39
|
+
"borderColor]___[value:primary.stroke.2.enabled",
|
|
40
|
+
"color]___[value:neutral.foreground.1.enabled",
|
|
41
|
+
"borderColor]___[value:neutral.stroke.2.enabled",
|
|
36
42
|
"backgroundColor]___[value:neutral.background.1.enabled",
|
|
37
43
|
"backgroundColor]___[value:primary.background.4.hovered]___[cond:_hover",
|
|
38
44
|
"backgroundColor]___[value:primary.background.5.enabled]___[cond:_active",
|
|
@@ -51,21 +57,15 @@
|
|
|
51
57
|
"borderColor]___[value:neutral.stroke.1.hovered]___[cond:_hover",
|
|
52
58
|
"borderColor]___[value:neutral.stroke.2.enabled]___[cond:_active",
|
|
53
59
|
"color]___[value:neutral.foreground.static.enabled]___[cond:_active<___>_hover",
|
|
54
|
-
"borderColor]___[value:neutral.stroke.2.hovered]___[cond:_active<___>_hover"
|
|
55
|
-
"color]___[value:neutral.foreground.2.onBrand.enabled",
|
|
56
|
-
"backgroundColor]___[value:neutral.background.2.enabled",
|
|
57
|
-
"color]___[value:primary.foreground.1.enabled",
|
|
58
|
-
"borderColor]___[value:primary.stroke.2.enabled",
|
|
59
|
-
"color]___[value:neutral.foreground.1.enabled",
|
|
60
|
-
"borderColor]___[value:neutral.stroke.2.enabled"
|
|
60
|
+
"borderColor]___[value:neutral.stroke.2.hovered]___[cond:_active<___>_hover"
|
|
61
61
|
],
|
|
62
62
|
"recipes": {
|
|
63
63
|
"avatar": [
|
|
64
64
|
"size]___[value:m]___[recipe:avatar"
|
|
65
65
|
],
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"size]___[value:m]___[recipe:
|
|
66
|
+
"avatarImage": [],
|
|
67
|
+
"avatarPlaceholder": [
|
|
68
|
+
"size]___[value:m]___[recipe:avatarPlaceholder"
|
|
69
69
|
],
|
|
70
70
|
"badge": [
|
|
71
71
|
"status]___[value:neutral]___[recipe:badge"
|
|
@@ -87,10 +87,28 @@
|
|
|
87
87
|
"buttonIconIcon": [
|
|
88
88
|
"size]___[value:m]___[recipe:buttonIconIcon"
|
|
89
89
|
],
|
|
90
|
+
"carousel": [],
|
|
91
|
+
"carouselSlide": [],
|
|
92
|
+
"carouselContainer": [],
|
|
93
|
+
"carouselViewport": [],
|
|
94
|
+
"carouselControls": [
|
|
95
|
+
"variant]___[value:outlined]___[recipe:carouselControls",
|
|
96
|
+
"color]___[value:primary]___[recipe:carouselControls",
|
|
97
|
+
"size]___[value:xs]___[recipe:carouselControls"
|
|
98
|
+
],
|
|
99
|
+
"carouselControl": [],
|
|
100
|
+
"carouselIndicators": [],
|
|
101
|
+
"carouselIndicator": [],
|
|
90
102
|
"icon": [
|
|
91
103
|
"size]___[value:m]___[recipe:icon",
|
|
92
104
|
"size]___[value:l]___[recipe:icon"
|
|
93
105
|
],
|
|
106
|
+
"iconWrapped": [
|
|
107
|
+
"variant]___[value:filled]___[recipe:iconWrapped",
|
|
108
|
+
"shape]___[value:rounded]___[recipe:iconWrapped",
|
|
109
|
+
"color]___[value:neutral]___[recipe:iconWrapped",
|
|
110
|
+
"size]___[value:m]___[recipe:iconWrapped"
|
|
111
|
+
],
|
|
94
112
|
"checkboxBody": [],
|
|
95
113
|
"checkboxLabelWrapper": [],
|
|
96
114
|
"checkboxLabel": [
|
|
@@ -101,7 +119,6 @@
|
|
|
101
119
|
"checkboxInput": [],
|
|
102
120
|
"checkboxInner": [],
|
|
103
121
|
"checkboxIcon": [],
|
|
104
|
-
"datepickerDropdown": [],
|
|
105
122
|
"inputRoot": [],
|
|
106
123
|
"inputWrapper": [],
|
|
107
124
|
"input": [
|
|
@@ -135,6 +152,7 @@
|
|
|
135
152
|
"calendarYearsListRow": [],
|
|
136
153
|
"calendarYearsListCell": [],
|
|
137
154
|
"calendarYearsListControl": [],
|
|
155
|
+
"datepickerDropdown": [],
|
|
138
156
|
"comboboxOption": [
|
|
139
157
|
"colors]___[value:neutral]___[recipe:comboboxOption",
|
|
140
158
|
"type]___[value:create]___[recipe:comboboxOption"
|
|
@@ -152,12 +170,6 @@
|
|
|
152
170
|
"tabPanel": [],
|
|
153
171
|
"tabs": [
|
|
154
172
|
"orientation]___[value:horizontal]___[recipe:tabs"
|
|
155
|
-
],
|
|
156
|
-
"wrappedIcon": [
|
|
157
|
-
"variant]___[value:filled]___[recipe:wrappedIcon",
|
|
158
|
-
"shape]___[value:rounded]___[recipe:wrappedIcon",
|
|
159
|
-
"color]___[value:neutral]___[recipe:wrappedIcon",
|
|
160
|
-
"size]___[value:m]___[recipe:wrappedIcon"
|
|
161
173
|
]
|
|
162
174
|
}
|
|
163
175
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/providers/MageUiProvider.d.ts
|
|
@@ -7,10 +7,9 @@ type MageUiProviderProps = {
|
|
|
7
7
|
};
|
|
8
8
|
declare const MageUiProvider: ({
|
|
9
9
|
children
|
|
10
|
-
}: MageUiProviderProps) =>
|
|
11
|
-
|
|
12
|
-
//#endregion
|
|
10
|
+
}: MageUiProviderProps) => react_jsx_runtime0.JSX.Element;
|
|
13
11
|
//# sourceMappingURL=MageUiProvider.d.ts.map
|
|
14
12
|
|
|
13
|
+
//#endregion
|
|
15
14
|
export { MageUiProvider as MageUiProvider$1, MageUiProviderProps };
|
|
16
|
-
//# sourceMappingURL=MageUiProvider.d.
|
|
15
|
+
//# sourceMappingURL=MageUiProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MageUiProvider.d.ts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,mBAAA;YACA;;AADA,cAIC,cAJkB,EACnB,CAAA;EAAA;AAAS,CAAA,EAGwB,mBAHxB,EAAA,GAG2C,kBAAA,CAAA,GAAA,CAAA,OAH3C;AAGrB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{HeadlessMantineProvider as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({children:n})=>t(e,{children:n});export{n as MageUiProvider};
|
|
2
|
-
//# sourceMappingURL=MageUiProvider.
|
|
2
|
+
//# sourceMappingURL=MageUiProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MageUiProvider.js","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { HeadlessMantineProvider } from '@mantine/core';\n\nexport type MageUiProviderProps = {\n children: ReactNode;\n};\n\nexport const MageUiProvider = ({ children }: MageUiProviderProps) => {\n return <HeadlessMantineProvider>{children}</HeadlessMantineProvider>;\n};\n"],"mappings":"gGAQA,MAAa,EAAiB,CAAC,CAAE,WAA+B,GACvD,EAAC,EAAA,CAAyB,UAAA,EAAmC"}
|
package/package.json
CHANGED
|
@@ -1,188 +1,47 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mage-ui/components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.18",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
7
7
|
"author": "",
|
|
8
8
|
"sideEffects": false,
|
|
9
|
+
"type": "module",
|
|
9
10
|
"exports": {
|
|
10
|
-
"
|
|
11
|
-
"import": {
|
|
12
|
-
"types": "./dist/Avatar.d.mts",
|
|
13
|
-
"default": "./dist/Avatar.mjs"
|
|
14
|
-
},
|
|
15
|
-
"require": {
|
|
16
|
-
"types": "./dist/Avatar.d.cts",
|
|
17
|
-
"default": "./dist/Avatar.cjs"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"./Badge": {
|
|
21
|
-
"import": {
|
|
22
|
-
"types": "./dist/Badge.d.mts",
|
|
23
|
-
"default": "./dist/Badge.mjs"
|
|
24
|
-
},
|
|
25
|
-
"require": {
|
|
26
|
-
"types": "./dist/Badge.d.cts",
|
|
27
|
-
"default": "./dist/Badge.cjs"
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
"./Breadcrumbs": {
|
|
31
|
-
"import": {
|
|
32
|
-
"types": "./dist/Breadcrumbs.d.mts",
|
|
33
|
-
"default": "./dist/Breadcrumbs.mjs"
|
|
34
|
-
},
|
|
35
|
-
"require": {
|
|
36
|
-
"types": "./dist/Breadcrumbs.d.cts",
|
|
37
|
-
"default": "./dist/Breadcrumbs.cjs"
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
"./Button": {
|
|
41
|
-
"import": {
|
|
42
|
-
"types": "./dist/Button.d.mts",
|
|
43
|
-
"default": "./dist/Button.mjs"
|
|
44
|
-
},
|
|
45
|
-
"require": {
|
|
46
|
-
"types": "./dist/Button.d.cts",
|
|
47
|
-
"default": "./dist/Button.cjs"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"./ButtonIcon": {
|
|
51
|
-
"import": {
|
|
52
|
-
"types": "./dist/ButtonIcon.d.mts",
|
|
53
|
-
"default": "./dist/ButtonIcon.mjs"
|
|
54
|
-
},
|
|
55
|
-
"require": {
|
|
56
|
-
"types": "./dist/ButtonIcon.d.cts",
|
|
57
|
-
"default": "./dist/ButtonIcon.cjs"
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
"./Checkbox": {
|
|
61
|
-
"import": {
|
|
62
|
-
"types": "./dist/Checkbox.d.mts",
|
|
63
|
-
"default": "./dist/Checkbox.mjs"
|
|
64
|
-
},
|
|
65
|
-
"require": {
|
|
66
|
-
"types": "./dist/Checkbox.d.cts",
|
|
67
|
-
"default": "./dist/Checkbox.cjs"
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
"./Combobox": {
|
|
71
|
-
"import": {
|
|
72
|
-
"types": "./dist/Combobox.d.mts",
|
|
73
|
-
"default": "./dist/Combobox.mjs"
|
|
74
|
-
},
|
|
75
|
-
"require": {
|
|
76
|
-
"types": "./dist/Combobox.d.cts",
|
|
77
|
-
"default": "./dist/Combobox.cjs"
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
"./DatePicker": {
|
|
81
|
-
"import": {
|
|
82
|
-
"types": "./dist/DatePicker.d.mts",
|
|
83
|
-
"default": "./dist/DatePicker.mjs"
|
|
84
|
-
},
|
|
85
|
-
"require": {
|
|
86
|
-
"types": "./dist/DatePicker.d.cts",
|
|
87
|
-
"default": "./dist/DatePicker.cjs"
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
"./FormInputText": {
|
|
91
|
-
"import": {
|
|
92
|
-
"types": "./dist/FormInputText.d.mts",
|
|
93
|
-
"default": "./dist/FormInputText.mjs"
|
|
94
|
-
},
|
|
95
|
-
"require": {
|
|
96
|
-
"types": "./dist/FormInputText.d.cts",
|
|
97
|
-
"default": "./dist/FormInputText.cjs"
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
"./Icon": {
|
|
101
|
-
"import": {
|
|
102
|
-
"types": "./dist/Icon.d.mts",
|
|
103
|
-
"default": "./dist/Icon.mjs"
|
|
104
|
-
},
|
|
105
|
-
"require": {
|
|
106
|
-
"types": "./dist/Icon.d.cts",
|
|
107
|
-
"default": "./dist/Icon.cjs"
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
"./IconRaw": {
|
|
111
|
-
"import": {
|
|
112
|
-
"types": "./dist/IconRaw.d.mts",
|
|
113
|
-
"default": "./dist/IconRaw.mjs"
|
|
114
|
-
},
|
|
115
|
-
"require": {
|
|
116
|
-
"types": "./dist/IconRaw.d.cts",
|
|
117
|
-
"default": "./dist/IconRaw.cjs"
|
|
118
|
-
}
|
|
119
|
-
},
|
|
120
|
-
"./InputText": {
|
|
121
|
-
"import": {
|
|
122
|
-
"types": "./dist/InputText.d.mts",
|
|
123
|
-
"default": "./dist/InputText.mjs"
|
|
124
|
-
},
|
|
125
|
-
"require": {
|
|
126
|
-
"types": "./dist/InputText.d.cts",
|
|
127
|
-
"default": "./dist/InputText.cjs"
|
|
128
|
-
}
|
|
129
|
-
},
|
|
130
|
-
"./MageUiProvider": {
|
|
131
|
-
"import": {
|
|
132
|
-
"types": "./dist/MageUiProvider.d.mts",
|
|
133
|
-
"default": "./dist/MageUiProvider.mjs"
|
|
134
|
-
},
|
|
135
|
-
"require": {
|
|
136
|
-
"types": "./dist/MageUiProvider.d.cts",
|
|
137
|
-
"default": "./dist/MageUiProvider.cjs"
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
"./Tabs": {
|
|
141
|
-
"import": {
|
|
142
|
-
"types": "./dist/Tabs.d.mts",
|
|
143
|
-
"default": "./dist/Tabs.mjs"
|
|
144
|
-
},
|
|
145
|
-
"require": {
|
|
146
|
-
"types": "./dist/Tabs.d.cts",
|
|
147
|
-
"default": "./dist/Tabs.cjs"
|
|
148
|
-
}
|
|
149
|
-
},
|
|
150
|
-
"./VisuallyHidden": {
|
|
151
|
-
"import": {
|
|
152
|
-
"types": "./dist/VisuallyHidden.d.mts",
|
|
153
|
-
"default": "./dist/VisuallyHidden.mjs"
|
|
154
|
-
},
|
|
155
|
-
"require": {
|
|
156
|
-
"types": "./dist/VisuallyHidden.d.cts",
|
|
157
|
-
"default": "./dist/VisuallyHidden.cjs"
|
|
158
|
-
}
|
|
159
|
-
},
|
|
11
|
+
".": "./dist/index.js",
|
|
160
12
|
"./package.json": "./package.json"
|
|
161
13
|
},
|
|
14
|
+
"main": "./dist/index.js",
|
|
15
|
+
"module": "./dist/index.js",
|
|
16
|
+
"types": "./dist/index.d.ts",
|
|
162
17
|
"files": [
|
|
163
18
|
"dist"
|
|
164
19
|
],
|
|
165
20
|
"devDependencies": {
|
|
166
|
-
"@biomejs/biome": "
|
|
21
|
+
"@biomejs/biome": "beta",
|
|
167
22
|
"@pandacss/types": "^0.53.7",
|
|
168
23
|
"@types/node": "^22.14.1",
|
|
169
24
|
"@types/react": "^19.1.2",
|
|
170
25
|
"@types/react-dom": "^19.1.2",
|
|
171
26
|
"rimraf": "^6.0.1",
|
|
172
|
-
"tsdown": "^0.12.
|
|
27
|
+
"tsdown": "^0.12.4",
|
|
173
28
|
"typescript": "^5.8.3"
|
|
174
29
|
},
|
|
175
30
|
"peerDependencies": {
|
|
176
|
-
"@mantine/
|
|
177
|
-
"@mantine/
|
|
178
|
-
"@mantine/
|
|
31
|
+
"@mantine/carousel": "^8.0.2",
|
|
32
|
+
"@mantine/core": "^8.0.2",
|
|
33
|
+
"@mantine/dates": "^8.0.2",
|
|
34
|
+
"@mantine/hooks": "^8.0.2",
|
|
179
35
|
"@pandabox/define-recipe": "^0.0.3",
|
|
180
36
|
"@pandacss/dev": "^0.53.7",
|
|
37
|
+
"embla-carousel": "^8.6.0",
|
|
38
|
+
"embla-carousel-react": "^8.6.0",
|
|
39
|
+
"embla-carousel-autoplay": "^8.6.0",
|
|
181
40
|
"react": "^19.1.0",
|
|
182
41
|
"react-dom": "^19.1.0",
|
|
183
42
|
"react-hook-form": "^7.56.4",
|
|
184
|
-
"@mage-ui/preset": "0.0.
|
|
185
|
-
"@mage-ui/styled-system": "0.0.
|
|
43
|
+
"@mage-ui/preset": "0.0.18",
|
|
44
|
+
"@mage-ui/styled-system": "0.0.18"
|
|
186
45
|
},
|
|
187
46
|
"engines": {
|
|
188
47
|
"node": ">=22.14.0"
|
|
@@ -190,7 +49,7 @@
|
|
|
190
49
|
"scripts": {
|
|
191
50
|
"build": "rimraf dist && panda codegen && tsdown --env.NODE_ENV=production --minify && panda ship -o dist/panda.json",
|
|
192
51
|
"clean": "rimraf dist node_modules styled-system",
|
|
193
|
-
"dev": "tsdown --env.NODE_ENV=development --watch --no-clean",
|
|
52
|
+
"dev": "tsdown --env.NODE_ENV=development --watch --no-clean --silent",
|
|
194
53
|
"lint": "biome check --write"
|
|
195
54
|
}
|
|
196
55
|
}
|
package/dist/Avatar.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`./atoms/avatar/Avatar.cjs`);exports.Avatar=e.Avatar;
|
package/dist/Avatar.d.cts
DELETED
package/dist/Avatar.d.mts
DELETED
package/dist/Avatar.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Avatar as e}from"./atoms/avatar/Avatar.mjs";export{e as Avatar};
|
package/dist/Badge.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`./atoms/badges/Badge.cjs`);exports.Badge=e.Badge;
|
package/dist/Badge.d.cts
DELETED
package/dist/Badge.d.mts
DELETED
package/dist/Badge.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Badge as e}from"./atoms/badges/Badge.mjs";export{e as Badge};
|
package/dist/Breadcrumbs.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`./atoms/breadcrumbs/Breadcrumbs.cjs`);exports.Breadcrumbs=e.Breadcrumbs;
|
package/dist/Breadcrumbs.d.cts
DELETED
package/dist/Breadcrumbs.d.mts
DELETED
package/dist/Breadcrumbs.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Breadcrumbs as e}from"./atoms/breadcrumbs/Breadcrumbs.mjs";export{e as Breadcrumbs};
|
package/dist/Button.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`./atoms/buttons/Button.cjs`);exports.Button=e.Button;
|
package/dist/Button.d.cts
DELETED
package/dist/Button.d.mts
DELETED
package/dist/Button.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{Button as e}from"./atoms/buttons/Button.mjs";export{e as Button};
|
package/dist/ButtonIcon.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`./atoms/buttons/ButtonIcon.cjs`);exports.ButtonIcon=e.ButtonIcon;
|
package/dist/ButtonIcon.d.cts
DELETED