@mage-ui/components 1.0.76 → 1.0.78

package/dist/components/controls/index.d.mts

@@ -12,4 +12,5 @@ import { PasswordInput, PasswordInputProps } from "./password-input/PasswordInpu
 import { PasswordRule, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps } from "./password-input/PasswordStrengthInput.mjs";
 import { PasswordRuleDefinition, usePasswordRules } from "./password-input/usePasswordRules.mjs";
 import { Radio, RadioProps } from "./radio/Radio.mjs";
+import { Switch, SwitchProps } from "./switch/Switch.mjs";
 import { Textarea, TextareaProps } from "./textarea/Textarea.mjs";

package/dist/components/controls/switch/Switch.d.mts

@@ -0,0 +1,39 @@
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/controls/switch/Switch.d.ts
+type SwitchProps = Omit<ComponentProps<'input'>, 'size' | 'children'> & {
+  label?: ReactNode;
+  description?: ReactNode;
+  error?: string;
+  hiddenLabel?: boolean;
+  classNames?: {
+    switch?: string;
+    root?: string;
+    input?: string;
+    track?: string;
+    thumb?: string;
+    trackLabel?: string;
+    body?: string;
+    bodyError?: string;
+    labelWrapper?: string;
+    labelRequired?: string;
+    label?: string;
+    description?: string;
+    error?: string;
+  };
+};
+declare const Switch: {
+  ({
+    classNames,
+    label,
+    hiddenLabel,
+    description,
+    error,
+    required,
+    ...props
+  }: SwitchProps): ReactNode;
+  displayName: string;
+};
+//#endregion
+export { Switch, SwitchProps };
+//# sourceMappingURL=Switch.d.mts.map

package/dist/components/controls/switch/Switch.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.mts","names":[],"sources":["../../../../src/components/controls/switch/Switch.tsx"],"mappings":";;;KAqBY,WAAA,GAAc,IAAA,CAAK,cAAA;EAC7B,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA;EACA,WAAA;EACA,UAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,KAAA;IACA,UAAA;IACA,IAAA;IACA,SAAA;IACA,YAAA;IACA,aAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;EAAA;AAAA;AAAA,cAIS,MAAA;EAAA;;;;;;;;KAQV,WAAA,GAAc,SAAA"}

package/dist/components/controls/switch/Switch.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{switchBody as t,switchBodyError as n,switchDescription as r,switchError as i,switchInput as a,switchLabel as o,switchLabelRequired as s,switchLabelWrapper as c,switchRecipe as l,switchRoot as u,switchThumb as d,switchTrack as f,switchTrackLabel as p}from"@mage-ui/styled-system/recipes";import{Switch as m}from"@mantine/core";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{visuallyHidden as v}from"@mage-ui/styled-system/patterns";const y=({classNames:y,label:b,hiddenLabel:x,description:S,error:C,required:w,...T})=>g(m,{classNames:{root:e(y?.switch??l(),y?.root??u()),input:e(y?.input??a(),`peer`),track:y?.track??f(),thumb:y?.thumb??d(),trackLabel:y?.trackLabel??p(),body:e(y?.body??t(),C&&(y?.bodyError??n())),labelWrapper:y?.labelWrapper??c(),label:e(y?.label??o(),x&&v()),description:y?.description??r(),error:y?.error??i()},label:_(h,{children:[b,g(()=>w?_(`span`,{className:y?.labelRequired??s(),children:[` `,`*`]}):null,{})]}),description:S,error:C,required:w,...T});y.displayName=`Switch`;export{y as Switch};
+//# sourceMappingURL=Switch.mjs.map

package/dist/components/controls/switch/Switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.mjs","names":["Switch","MantineSwitch"],"sources":["../../../../src/components/controls/switch/Switch.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  switchBody,\n  switchBodyError,\n  switchDescription,\n  switchError,\n  switchInput,\n  switchLabel,\n  switchLabelRequired,\n  switchLabelWrapper,\n  switchRecipe,\n  switchRoot,\n  switchThumb,\n  switchTrack,\n  switchTrackLabel,\n} from '@mage-ui/styled-system/recipes';\nimport { Switch as MantineSwitch } from '@mantine/core';\n\nexport type SwitchProps = Omit<ComponentProps<'input'>, 'size' | 'children'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: string;\n  hiddenLabel?: boolean;\n  classNames?: {\n    switch?: string;\n    root?: string;\n    input?: string;\n    track?: string;\n    thumb?: string;\n    trackLabel?: string;\n    body?: string;\n    bodyError?: string;\n    labelWrapper?: string;\n    labelRequired?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n};\n\nexport const Switch = ({\n  classNames,\n  label,\n  hiddenLabel,\n  description,\n  error,\n  required,\n  ...props\n}: SwitchProps): ReactNode => {\n  const RequiredAsterisk = () =>\n    required ? (\n      <span className={classNames?.labelRequired ?? switchLabelRequired()}>\n        {' '}\n        *\n      </span>\n    ) : null;\n\n  return (\n    <MantineSwitch\n      classNames={{\n        root: cx(\n          classNames?.switch ?? switchRecipe(),\n          classNames?.root ?? switchRoot(),\n        ),\n        input: cx(classNames?.input ?? switchInput(), 'peer'),\n        track: classNames?.track ?? switchTrack(),\n        thumb: classNames?.thumb ?? switchThumb(),\n        trackLabel: classNames?.trackLabel ?? switchTrackLabel(),\n        body: cx(\n          classNames?.body ?? switchBody(),\n          error && (classNames?.bodyError ?? switchBodyError()),\n        ),\n        labelWrapper: classNames?.labelWrapper ?? switchLabelWrapper(),\n        label: cx(\n          classNames?.label ?? switchLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? switchDescription(),\n        error: classNames?.error ?? switchError(),\n      }}\n      label={\n        <>\n          {label}\n          <RequiredAsterisk />\n        </>\n      }\n      description={description}\n      error={error}\n      required={required}\n      {...props}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n"],"mappings":"8fA2CA,MAAaA,GAAU,CACrB,aACA,QACA,cACA,cACA,QACA,WACA,GAAG,KAWD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,QAAU,GAAc,CACpC,GAAY,MAAQ,GAAY,CACjC,CACD,MAAO,EAAG,GAAY,OAAS,GAAa,CAAE,OAAO,CACrD,MAAO,GAAY,OAAS,GAAa,CACzC,MAAO,GAAY,OAAS,GAAa,CACzC,WAAY,GAAY,YAAc,GAAkB,CACxD,KAAM,EACJ,GAAY,MAAQ,GAAY,CAChC,IAAU,GAAY,WAAa,GAAiB,EACrD,CACD,aAAc,GAAY,cAAgB,GAAoB,CAC9D,MAAO,EACL,GAAY,OAAS,GAAa,CAClC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAmB,CAC3D,MAAO,GAAY,OAAS,GAAa,CAC1C,CACD,MACE,EAAA,EAAA,CAAA,SAAA,CACG,EACD,MAjCN,EACE,EAAC,OAAA,CAAK,UAAW,GAAY,eAAiB,GAAqB,WAChE,IAAI,IAAA,EAEA,CACL,KA4BG,EAAA,CAAmB,CAAA,CAAA,CACnB,CAEQ,cACN,QACG,WACV,GAAI,GACJ,CAIN,EAAO,YAAc"}

package/dist/components/data-display/datatables/DataTablePageSize.d.mts

@@ -7,8 +7,8 @@ type DataTablePageSizeProps = {
   onChange: (size: number) => void;
   label?: string;
   classNames?: {
-    textInput?: string;
-    dropdown?: string;
+    pageSize?: string;
+    pageSizeInput?: string;
   };
 };
 declare const DataTablePageSize: ({

package/dist/components/data-display/datatables/DataTablePageSize.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTablePageSize.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePageSize.tsx"],"mappings":";;;KAOY,sBAAA;EACV,KAAA;EACA,OAAA;EACA,QAAA,GAAW,IAAA;EACX,KAAA;EACA,UAAA;IACE,SAAA;IACA,QAAA;EAAA;AAAA;AAAA,cAIS,iBAAA;EAAqB,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA;AAAA,GAM/B,sBAAA,KAAyB,SAAA"}
+{"version":3,"file":"DataTablePageSize.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePageSize.tsx"],"mappings":";;;KAUY,sBAAA;EACV,KAAA;EACA,OAAA;EACA,QAAA,GAAW,IAAA;EACX,KAAA;EACA,UAAA;IACE,QAAA;IACA,aAAA;EAAA;AAAA;AAAA,cAIS,iBAAA;EAAqB,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA;AAAA,GAM/B,sBAAA,KAAyB,SAAA"}

package/dist/components/data-display/datatables/DataTablePageSize.mjs

@@ -1,2 +1,2 @@
-import{useDataTableContext as e}from"./useDataTableContext.mjs";import{Select as t}from"../../controls/dropdown/select/Select.mjs";import{dataTablePageSize as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({value:i,options:a,onChange:o,label:s,classNames:c})=>{let{labels:l}=e();return r(t,{label:s??l.rowsPerPage,options:a.map(e=>({id:String(e),value:String(e)})),defaultValue:{id:String(i),value:String(i)},onChange:e=>{e?.value&&o(Number(e.value))},clearable:!1,classNames:{target:{dropdownTextInput:c?.textInput??n()}}})};export{i as DataTablePageSize};
+import{useDataTableContext as e}from"./useDataTableContext.mjs";import{Select as t}from"../../controls/dropdown/select/Select.mjs";import{dataTablePageSize as n,dataTablePageSizeInput as r}from"@mage-ui/styled-system/recipes";import{jsx as i}from"react/jsx-runtime";const a=({value:a,options:o,onChange:s,label:c,classNames:l})=>{let{labels:u}=e();return i(t,{label:c??u.rowsPerPage,options:o.map(e=>({id:String(e),value:String(e)})),defaultValue:{id:String(a),value:String(a)},onChange:e=>{e?.value&&s(Number(e.value))},clearable:!1,classNames:{target:{dropdownTextInput:l?.pageSize??n(),input:l?.pageSizeInput??r()}}})};export{a as DataTablePageSize};
 //# sourceMappingURL=DataTablePageSize.mjs.map

package/dist/components/data-display/datatables/DataTablePageSize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTablePageSize.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePageSize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { dataTablePageSize } from '@mage-ui/styled-system/recipes';\nimport { Select } from '@/components/controls/dropdown/select/Select';\n\nimport { useDataTableContext } from './useDataTableContext';\n\nexport type DataTablePageSizeProps = {\n  value: number;\n  options: number[];\n  onChange: (size: number) => void;\n  label?: string;\n  classNames?: {\n    textInput?: string;\n    dropdown?: string;\n  };\n};\n\nexport const DataTablePageSize = ({\n  value,\n  options,\n  onChange,\n  label,\n  classNames,\n}: DataTablePageSizeProps): ReactNode => {\n  const { labels } = useDataTableContext();\n  const displayLabel = label ?? labels.rowsPerPage;\n\n  return (\n    <Select\n      label={displayLabel}\n      options={options.map((size) => ({\n        id: String(size),\n        value: String(size),\n      }))}\n      defaultValue={{ id: String(value), value: String(value) }}\n      onChange={(val) => {\n        if (val?.value) {\n          onChange(Number(val.value));\n        }\n      }}\n      clearable={false}\n      classNames={{\n        target: {\n          dropdownTextInput: classNames?.textInput ?? dataTablePageSize(),\n        },\n      }}\n    />\n  );\n};\n"],"mappings":"8OAkBA,MAAa,GAAqB,CAChC,QACA,UACA,WACA,QACA,gBACuC,CACvC,GAAM,CAAE,UAAW,GAAqB,CAGxC,OACE,EAAC,EAAA,CACC,MAJiB,GAAS,EAAO,YAKjC,QAAS,EAAQ,IAAK,IAAU,CAC9B,GAAI,OAAO,EAAK,CAChB,MAAO,OAAO,EAAK,CACpB,EAAE,CACH,aAAc,CAAE,GAAI,OAAO,EAAM,CAAE,MAAO,OAAO,EAAM,CAAE,CACzD,SAAW,GAAQ,CACb,GAAK,OACP,EAAS,OAAO,EAAI,MAAM,CAAC,EAG/B,UAAW,GACX,WAAY,CACV,OAAQ,CACN,kBAAmB,GAAY,WAAa,GAAmB,CAChE,CACF,EACD"}
+{"version":3,"file":"DataTablePageSize.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePageSize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  dataTablePageSize,\n  dataTablePageSizeInput,\n} from '@mage-ui/styled-system/recipes';\nimport { Select } from '@/components/controls/dropdown/select/Select';\n\nimport { useDataTableContext } from './useDataTableContext';\n\nexport type DataTablePageSizeProps = {\n  value: number;\n  options: number[];\n  onChange: (size: number) => void;\n  label?: string;\n  classNames?: {\n    pageSize?: string;\n    pageSizeInput?: string;\n  };\n};\n\nexport const DataTablePageSize = ({\n  value,\n  options,\n  onChange,\n  label,\n  classNames,\n}: DataTablePageSizeProps): ReactNode => {\n  const { labels } = useDataTableContext();\n  const displayLabel = label ?? labels.rowsPerPage;\n\n  return (\n    <Select\n      label={displayLabel}\n      options={options.map((size) => ({\n        id: String(size),\n        value: String(size),\n      }))}\n      defaultValue={{ id: String(value), value: String(value) }}\n      onChange={(val) => {\n        if (val?.value) {\n          onChange(Number(val.value));\n        }\n      }}\n      clearable={false}\n      classNames={{\n        target: {\n          dropdownTextInput: classNames?.pageSize ?? dataTablePageSize(),\n          input: classNames?.pageSizeInput ?? dataTablePageSizeInput(),\n        },\n      }}\n    />\n  );\n};\n"],"mappings":"0QAqBA,MAAa,GAAqB,CAChC,QACA,UACA,WACA,QACA,gBACuC,CACvC,GAAM,CAAE,UAAW,GAAqB,CAGxC,OACE,EAAC,EAAA,CACC,MAJiB,GAAS,EAAO,YAKjC,QAAS,EAAQ,IAAK,IAAU,CAC9B,GAAI,OAAO,EAAK,CAChB,MAAO,OAAO,EAAK,CACpB,EAAE,CACH,aAAc,CAAE,GAAI,OAAO,EAAM,CAAE,MAAO,OAAO,EAAM,CAAE,CACzD,SAAW,GAAQ,CACb,GAAK,OACP,EAAS,OAAO,EAAI,MAAM,CAAC,EAG/B,UAAW,GACX,WAAY,CACV,OAAQ,CACN,kBAAmB,GAAY,UAAY,GAAmB,CAC9D,MAAO,GAAY,eAAiB,GAAwB,CAC7D,CACF,EACD"}

package/dist/components/index.d.mts

@@ -66,6 +66,7 @@ import { PasswordInput, PasswordInputProps } from "./controls/password-input/Pas
 import { PasswordRule, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps } from "./controls/password-input/PasswordStrengthInput.mjs";
 import { PasswordRuleDefinition, usePasswordRules } from "./controls/password-input/usePasswordRules.mjs";
 import { Radio, RadioProps } from "./controls/radio/Radio.mjs";
+import { Switch, SwitchProps } from "./controls/switch/Switch.mjs";
 import { Textarea, TextareaProps } from "./controls/textarea/Textarea.mjs";
 import "./controls/index.mjs";
 import { Form, FormProps } from "./forms/Form.mjs";

package/dist/index.d.mts

@@ -63,6 +63,7 @@ import { PasswordInput, PasswordInputProps } from "./components/controls/passwor
 import { PasswordRule, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps } from "./components/controls/password-input/PasswordStrengthInput.mjs";
 import { PasswordRuleDefinition, usePasswordRules } from "./components/controls/password-input/usePasswordRules.mjs";
 import { Radio, RadioProps } from "./components/controls/radio/Radio.mjs";
+import { Switch, SwitchProps } from "./components/controls/switch/Switch.mjs";
 import { Textarea, TextareaProps } from "./components/controls/textarea/Textarea.mjs";
 import { Form, FormProps } from "./components/forms/Form.mjs";
 import { PASSWORD_RULES } from "./components/forms/rules/password-rules.mjs";
@@ -83,4 +84,4 @@ import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs
 import "./components/index.mjs";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
 import "./providers/index.mjs";
-export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, BoardData, BoardItem, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardMove, CardProps, CardRenderProps, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, ConfigMap, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, Kanban, KanbanCardBase, KanbanCardBaseProps, KanbanProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, useDataTableContext, usePasswordRules, z };
+export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, BoardData, BoardItem, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardMove, CardProps, CardRenderProps, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, ConfigMap, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, Kanban, KanbanCardBase, KanbanCardBaseProps, KanbanProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, useDataTableContext, usePasswordRules, z };

package/dist/index.mjs

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableErrorState as O}from"./components/data-display/datatables/DataTableErrorState.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{Kanban as N}from"./components/data-display/kanban/Kanban.mjs";import{KanbanCardBase as P}from"./components/data-display/kanban/KanbanCardBase.mjs";import{LoaderDot as F}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as I}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as L}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as R}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as z}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as B}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as V}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as H}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as U}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as W}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{ButtonIcon as G}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as K}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as q}from"./components/buttons/button-visual/ButtonVisual.mjs";import{DatePicker as J}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as Y}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as X}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as Z}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as Q}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as $}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ee}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as te}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as ne}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as re}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as ie}from"./components/controls/radio/Radio.mjs";import{Textarea as ae}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as oe}from"./components/forms/rules/password-rules.mjs";import{z as se}from"./components/forms/rules/zod.mjs";import{Form as ce}from"./components/forms/Form.mjs";import{Card as le}from"./components/layouts/card/Card.mjs";import{FluidGrid as ue}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as de}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as fe}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as pe}from"./components/navigations/menu/Menu.mjs";import{Modal as me}from"./components/overlays/modal/Modal.mjs";import{Modals as he}from"./components/overlays/modal/index.mjs";import{Toast as ge}from"./components/overlays/toast/toast.mjs";import{Tooltip as _e}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as ve}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as ye}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,Y as Autocomplete,a as Avatar,o as Badge,fe as Breadcrumbs,e as Button,n as ButtonAction,G as ButtonIcon,K as ButtonIconVisual,r as ButtonLoader,q as ButtonVisual,s as Calendar,le as Card,_ as Checkbox,X as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableErrorState,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,J as DatePicker,A as DescriptionList,Z as Dropzone,Q as DropzoneFiles,$ as FileInput,ee as FileInputMultiple,ue as FluidGrid,ce as Form,de as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as Kanban,P as KanbanCardBase,F as LoaderDot,I as LoaderOval,L as LogoImage,R as LogoSvg,ye as MageUiProvider,pe as Menu,me as Modal,he as Modals,z as NotificationBanner,oe as PASSWORD_RULES,T as Pagination,te as PasswordInput,ne as PasswordStrengthInput,ie as Radio,B as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,ve as Sidebar,d as Table,H as Tag,V as TagGroup,x as TextInput,ae as Textarea,ge as Toast,_e as Tooltip,U as UploadedFile,W as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,g as useDataTableContext,re as usePasswordRules,se as z};
+import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableErrorState as O}from"./components/data-display/datatables/DataTableErrorState.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{Kanban as N}from"./components/data-display/kanban/Kanban.mjs";import{KanbanCardBase as P}from"./components/data-display/kanban/KanbanCardBase.mjs";import{LoaderDot as F}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as I}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as L}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as R}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as z}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as B}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as V}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as H}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as U}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as W}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{ButtonIcon as G}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as K}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as q}from"./components/buttons/button-visual/ButtonVisual.mjs";import{DatePicker as J}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as Y}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as X}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as Z}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as Q}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as $}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ee}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as te}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as ne}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as re}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as ie}from"./components/controls/radio/Radio.mjs";import{Switch as ae}from"./components/controls/switch/Switch.mjs";import{Textarea as oe}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as se}from"./components/forms/rules/password-rules.mjs";import{z as ce}from"./components/forms/rules/zod.mjs";import{Form as le}from"./components/forms/Form.mjs";import{Card as ue}from"./components/layouts/card/Card.mjs";import{FluidGrid as de}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as fe}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as pe}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as me}from"./components/navigations/menu/Menu.mjs";import{Modal as he}from"./components/overlays/modal/Modal.mjs";import{Modals as ge}from"./components/overlays/modal/index.mjs";import{Toast as _e}from"./components/overlays/toast/toast.mjs";import{Tooltip as ve}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as ye}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as be}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,Y as Autocomplete,a as Avatar,o as Badge,pe as Breadcrumbs,e as Button,n as ButtonAction,G as ButtonIcon,K as ButtonIconVisual,r as ButtonLoader,q as ButtonVisual,s as Calendar,ue as Card,_ as Checkbox,X as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableErrorState,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,J as DatePicker,A as DescriptionList,Z as Dropzone,Q as DropzoneFiles,$ as FileInput,ee as FileInputMultiple,de as FluidGrid,le as Form,fe as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as Kanban,P as KanbanCardBase,F as LoaderDot,I as LoaderOval,L as LogoImage,R as LogoSvg,be as MageUiProvider,me as Menu,he as Modal,ge as Modals,z as NotificationBanner,se as PASSWORD_RULES,T as Pagination,te as PasswordInput,ne as PasswordStrengthInput,ie as Radio,B as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,ye as Sidebar,ae as Switch,d as Table,H as Tag,V as TagGroup,x as TextInput,oe as Textarea,_e as Toast,ve as Tooltip,U as UploadedFile,W as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,g as useDataTableContext,re as usePasswordRules,ce as z};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.76",
+  "version": "1.0.78",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.76",
+    "@mage-ui/preset": "1.0.78",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {
@@ -55,6 +55,9 @@
     "node": ">=24.9.0"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.19"
   },