@mage-ui/components 1.0.86 → 1.0.88

package/dist/components/controls/avatar-upload/AvatarUpload.mjs

@@ -1,2 +1,2 @@
-import{Icon as e}from"../../data-display/icons/icon/Icon.mjs";import{Tooltip as t}from"../../overlays/tooltip/Tooltip.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{avatarUpload as r,avatarUploadAvatar as i,avatarUploadIcon as a,avatarUploadIconSlot as o,avatarUploadImage as s,avatarUploadOverlay as c,avatarUploadRoot as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useState as f}from"react";import{visuallyHidden as p}from"@mage-ui/styled-system/patterns";const m=({src:m,onChange:h,label:g={upload:`Upload`,edit:`Edit`},avatarAlt:_=`Avatar`,inputId:v,name:y,tooltipOffset:b=0,classNames:x})=>{let[S,C]=f(void 0),w=S??m,T=e=>{let t=e.target.files?.[0];if(t){let e=new FileReader;e.onload=()=>C(e.result),e.readAsDataURL(t),h?.(t)}};return u(`label`,{htmlFor:v,"data-has-image":w?!0:void 0,className:n(x?.avatarUpload??r(),x?.root??l(),`group`),children:u(t,{label:w?g?.edit:g?.upload,withArrow:!0,offset:b,children:d(`div`,{className:x?.avatar??i(),children:[w&&u(`img`,{src:w,alt:_,className:x?.image??s()}),u(`div`,{className:x?.overlay??c()}),u(`div`,{className:x?.iconSlot??o(),children:u(e,{name:`avatar-upload-edit-04`,path:`/icons/sprite-mage.svg`,classNames:{icon:x?.icon?.icon??a()}})}),u(`input`,{id:v,type:`file`,accept:`image/*`,className:p(),onChange:T,name:y})]})})})};export{m as AvatarUpload};
+import{Tooltip as e}from"../../overlays/tooltip/Tooltip.mjs";import{Icon as t}from"../../data-display/icons/icon/Icon.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{avatarUpload as r,avatarUploadAvatar as i,avatarUploadIcon as a,avatarUploadIconSlot as o,avatarUploadImage as s,avatarUploadOverlay as c,avatarUploadRoot as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useState as f}from"react";import{visuallyHidden as p}from"@mage-ui/styled-system/patterns";const m=({src:m,onChange:h,label:g={upload:`Upload`,edit:`Edit`},avatarAlt:_=`Avatar`,inputId:v,name:y,tooltipOffset:b=0,classNames:x})=>{let[S,C]=f(void 0),w=S??m,T=e=>{let t=e.target.files?.[0];if(t){let e=new FileReader;e.onload=()=>C(e.result),e.readAsDataURL(t),h?.(t)}};return u(`label`,{htmlFor:v,"data-has-image":w?!0:void 0,className:n(x?.avatarUpload??r(),x?.root??l(),`group`),children:u(e,{label:w?g?.edit:g?.upload,withArrow:!0,offset:b,children:d(`div`,{className:x?.avatar??i(),children:[w&&u(`img`,{src:w,alt:_,className:x?.image??s()}),u(`div`,{className:x?.overlay??c()}),u(`div`,{className:x?.iconSlot??o(),children:u(t,{name:`avatar-upload-edit-04`,path:`/icons/sprite-mage.svg`,classNames:{icon:x?.icon?.icon??a()}})}),u(`input`,{id:v,type:`file`,accept:`image/*`,className:p(),onChange:T,name:y})]})})})};export{m as AvatarUpload};
 //# sourceMappingURL=AvatarUpload.mjs.map

package/dist/components/data-display/calendar/Calendar.d.mts

@@ -1,13 +1,14 @@
 import { CalendarEventVariantProps } from "@mage-ui/styled-system/recipes";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { CSSProperties } from "react";
-import { DateLocalizer, DateLocalizer as DateLocalizer$1, Event, Event as CalendarEvent, momentLocalizer } from "react-big-calendar";
+import "dayjs/locale/es";
+import "dayjs/locale/ca";
+import "dayjs/locale/en";
+import { CalendarProps, DateLocalizer, Event, Event as CalendarEvent, View } from "react-big-calendar";
 
 //#region src/components/data-display/calendar/Calendar.d.ts
 type CalendarVariant = NonNullable<CalendarEventVariantProps['variant']>;
-type CalendarProps = {
-  localizer: DateLocalizer;
-  events?: Event[];
+type CalendarView = View;
+type CalendarProps$1 = Omit<CalendarProps<Event>, 'localizer'> & {
   classNames?: {
     calendar?: string;
     root?: string;
@@ -18,52 +19,19 @@ type CalendarProps = {
     timeGrid?: string;
     popup?: string;
   };
-  onSelectEvent?: (event: Event) => void;
-  onSelectSlot?: (slotInfo: {
-    start: Date;
-    end: Date;
-    action: 'select' | 'click' | 'doubleClick';
-  }) => void;
-  onNavigate?: (date: Date, view: string) => void;
-  defaultView?: 'month' | 'week' | 'day' | 'agenda';
-  defaultDate?: Date;
-  min?: Date;
-  max?: Date;
-  eventPropGetter?: (event: Event, start: Date, end: Date, isSelected: boolean) => {
-    className?: string;
-    style?: CSSProperties;
-  };
-  dayPropGetter?: (date: Date) => {
-    className?: string;
-    style?: CSSProperties;
-  };
-  views?: Array<'month' | 'week' | 'day' | 'agenda'>;
-  formats?: object;
-  culture?: string;
-  messages?: object;
-  popup?: boolean;
-  components?: object;
 };
 declare const Calendar$1: ({
-  localizer,
-  events,
   classNames,
-  onSelectEvent,
-  onSelectSlot,
-  onNavigate,
+  culture,
   defaultView,
-  defaultDate,
-  min,
-  max,
+  components,
   eventPropGetter,
-  dayPropGetter,
-  views,
   formats,
-  culture,
-  messages,
-  popup,
-  components
-}: CalendarProps) => react_jsx_runtime0.JSX.Element;
+  onView,
+  tooltipAccessor,
+  view,
+  ...props
+}: CalendarProps$1) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps, CalendarVariant, type DateLocalizer$1 as DateLocalizer, momentLocalizer };
+export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps$1 as CalendarProps, CalendarVariant, CalendarView, type DateLocalizer };
 //# sourceMappingURL=Calendar.d.mts.map

package/dist/components/data-display/calendar/Calendar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"mappings":";;;;;;KAuBY,eAAA,GAAkB,WAAA,CAAY,yBAAA;AAAA,KAE9B,aAAA;EACV,SAAA,EAAW,aAAA;EACX,MAAA,GAAS,KAAA;EACT,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,KAAA;IACA,MAAA;IACA,QAAA;IACA,KAAA;EAAA;EAEF,aAAA,IAAiB,KAAA,EAAO,KAAA;EACxB,YAAA,IAAgB,QAAA;IACd,KAAA,EAAO,IAAA;IACP,GAAA,EAAK,IAAA;IACL,MAAA;EAAA;EAEF,UAAA,IAAc,IAAA,EAAM,IAAA,EAAM,IAAA;EAC1B,WAAA;EACA,WAAA,GAAc,IAAA;EACd,GAAA,GAAM,IAAA;EACN,GAAA,GAAM,IAAA;EACN,eAAA,IACE,KAAA,EAAO,KAAA,EACP,KAAA,EAAO,IAAA,EACP,GAAA,EAAK,IAAA,EACL,UAAA;IACK,SAAA;IAAoB,KAAA,GAAQ,aAAA;EAAA;EACnC,aAAA,IAAiB,IAAA,EAAM,IAAA;IAAW,SAAA;IAAoB,KAAA,GAAQ,aAAA;EAAA;EAC9D,KAAA,GAAQ,KAAA;EACR,OAAA;EACA,OAAA;EACA,QAAA;EACA,KAAA;EACA,UAAA;AAAA;AAAA,cAGW,UAAA;EAAY,SAAA;EAAA,MAAA;EAAA,UAAA;EAAA,aAAA;EAAA,YAAA;EAAA,UAAA;EAAA,WAAA;EAAA,WAAA;EAAA,GAAA;EAAA,GAAA;EAAA,eAAA;EAAA,aAAA;EAAA,KAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA;AAAA,GAmBtB,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"mappings":";;;;;;;;KA8CY,eAAA,GAAkB,WAAA,CAAY,yBAAA;AAAA,KAC9B,YAAA,GAAe,IAAA;AAAA,KAOf,eAAA,GAAgB,IAAA,CAAK,aAAA,CAAiB,KAAA;EAChD,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,KAAA;IACA,MAAA;IACA,QAAA;IACA,KAAA;EAAA;AAAA;AAAA,cA+BS,UAAA;EAAY,UAAA;EAAA,OAAA;EAAA,WAAA;EAAA,UAAA;EAAA,eAAA;EAAA,OAAA;EAAA,MAAA;EAAA,eAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAWtB,eAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/calendar/Calendar.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{calendar as t,calendarAgenda as n,calendarEvent as r,calendarMonth as i,calendarPopup as a,calendarRoot as o,calendarTimeGrid as s,calendarToolbar as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";import{Calendar as u,momentLocalizer as d}from"react-big-calendar";const f=({localizer:d,events:f,classNames:p,onSelectEvent:m,onSelectSlot:h,onNavigate:g,defaultView:_,defaultDate:v,min:y,max:b,eventPropGetter:x,dayPropGetter:S,views:C,formats:w,culture:T,messages:E,popup:D,components:O})=>l(u,{className:e(p?.calendar??t(),p?.root??o(),p?.toolbar??c(),p?.month??i(),p?.agenda??n(),p?.timeGrid??s(),p?.popup??a()),localizer:d,events:f,onSelectEvent:m,onSelectSlot:h,onNavigate:g,defaultView:_,defaultDate:v,min:y,max:b,eventPropGetter:(t,n,i,a)=>{let o=x?.(t,n,i,a),{variant:s}=t;return{...o,className:e(p?.event,r({variant:s}),o?.className)}},dayPropGetter:S,views:C,formats:w,culture:T,messages:E,popup:D,components:O});export{f as Calendar,d as momentLocalizer};
+import{Tooltip as e}from"../../overlays/tooltip/Tooltip.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{calendar as n,calendarAgenda as r,calendarEvent as i,calendarMonth as a,calendarPopup as o,calendarRoot as s,calendarTimeGrid as c,calendarToolbar as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useState as f}from"react";import p from"dayjs";import"dayjs/locale/es";import"dayjs/locale/ca";import"dayjs/locale/en";import{Calendar as m,dayjsLocalizer as h}from"react-big-calendar";const g=h(p),_=e=>({monthHeaderFormat:t=>p(t).locale(e).format(`MMMM [de] YYYY`).replace(/^./,e=>e.toUpperCase()),dayHeaderFormat:t=>p(t).locale(e).format(`dddd D [de] MMMM`),timeGutterFormat:`HH:mm`}),v=(e,t,n)=>{let r=t.title?.(e)??e.title,i=t.start?.(e)??e.start,a=t.end?.(e)??e.end,o=!e.allDay&&i&&a;return!r&&!o?null:d(`div`,{children:[o?d(`div`,{children:[p(i).locale(n).format(`HH:mm`),` -`,` `,p(a).locale(n).format(`HH:mm`)]}):null,r?u(`strong`,{children:r}):null]})},y=({classNames:d,culture:p=`es`,defaultView:h=`month`,components:y,eventPropGetter:b,formats:x,onView:S,tooltipAccessor:C,view:w,...T})=>{let[E,D]=f(w??h??`month`),O=w??E,k=O===`month`||O===`week`||O===`day`,A=k?({event:t,accessors:n,children:r})=>{let i=v(t,n,p);return!r||!i?r??null:u(e,{label:i,position:`top`,withArrow:!0,children:r})}:void 0,j=!k||(y?.eventWrapper||A)&&C===void 0?null:C,M={..._(p),...x??{}},N=A||y?.eventWrapper?{...y,eventWrapper:y?.eventWrapper??A}:y;return u(m,{className:t(d?.calendar??n(),d?.root??s(),d?.toolbar??l(),d?.month??a(),d?.agenda??r(),d?.timeGrid??c(),d?.popup??o()),localizer:g,culture:p,defaultView:h,eventPropGetter:(e,n,r,a)=>{let o=b?.(e,n,r,a),{variant:s}=e;return{...o,className:t(d?.event,i({variant:s}),o?.className)}},formats:M,onView:e=>{w===void 0&&D(e),S?.(e)},components:N,tooltipAccessor:j,view:w,...T})};export{y as Calendar};
 //# sourceMappingURL=Calendar.mjs.map

package/dist/components/data-display/calendar/Calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.mjs","names":["Calendar","BigCalendar"],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport {\n  Calendar as BigCalendar,\n  type DateLocalizer,\n  type Event,\n} from 'react-big-calendar';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport type { CalendarEventVariantProps } from '@mage-ui/styled-system/recipes';\nimport {\n  calendar,\n  calendarAgenda,\n  calendarEvent,\n  calendarMonth,\n  calendarPopup,\n  calendarRoot,\n  calendarTimeGrid,\n  calendarToolbar,\n} from '@mage-ui/styled-system/recipes';\n\nexport type { DateLocalizer, Event as CalendarEvent } from 'react-big-calendar';\nexport { momentLocalizer } from 'react-big-calendar';\n\nexport type CalendarVariant = NonNullable<CalendarEventVariantProps['variant']>;\n\nexport type CalendarProps = {\n  localizer: DateLocalizer;\n  events?: Event[];\n  classNames?: {\n    calendar?: string;\n    root?: string;\n    toolbar?: string;\n    month?: string;\n    event?: string;\n    agenda?: string;\n    timeGrid?: string;\n    popup?: string;\n  };\n  onSelectEvent?: (event: Event) => void;\n  onSelectSlot?: (slotInfo: {\n    start: Date;\n    end: Date;\n    action: 'select' | 'click' | 'doubleClick';\n  }) => void;\n  onNavigate?: (date: Date, view: string) => void;\n  defaultView?: 'month' | 'week' | 'day' | 'agenda';\n  defaultDate?: Date;\n  min?: Date;\n  max?: Date;\n  eventPropGetter?: (\n    event: Event,\n    start: Date,\n    end: Date,\n    isSelected: boolean,\n  ) => { className?: string; style?: CSSProperties };\n  dayPropGetter?: (date: Date) => { className?: string; style?: CSSProperties };\n  views?: Array<'month' | 'week' | 'day' | 'agenda'>;\n  formats?: object;\n  culture?: string;\n  messages?: object;\n  popup?: boolean;\n  components?: object;\n};\n\nexport const Calendar = ({\n  localizer,\n  events,\n  classNames,\n  onSelectEvent,\n  onSelectSlot,\n  onNavigate,\n  defaultView,\n  defaultDate,\n  min,\n  max,\n  eventPropGetter,\n  dayPropGetter,\n  views,\n  formats,\n  culture,\n  messages,\n  popup,\n  components,\n}: CalendarProps) => {\n  const handleEventProps = (\n    event: Event,\n    start: Date,\n    end: Date,\n    isSelected: boolean,\n  ) => {\n    const customProps = eventPropGetter?.(event, start, end, isSelected);\n    const { variant } = event as { variant?: CalendarVariant };\n\n    return {\n      ...customProps,\n      className: cx(\n        classNames?.event,\n        calendarEvent({ variant }),\n        customProps?.className,\n      ),\n    };\n  };\n\n  return (\n    <BigCalendar\n      className={cx(\n        classNames?.calendar ?? calendar(),\n        classNames?.root ?? calendarRoot(),\n        classNames?.toolbar ?? calendarToolbar(),\n        classNames?.month ?? calendarMonth(),\n        classNames?.agenda ?? calendarAgenda(),\n        classNames?.timeGrid ?? calendarTimeGrid(),\n        classNames?.popup ?? calendarPopup(),\n      )}\n      localizer={localizer}\n      events={events}\n      onSelectEvent={onSelectEvent}\n      onSelectSlot={onSelectSlot}\n      onNavigate={onNavigate}\n      defaultView={defaultView}\n      defaultDate={defaultDate}\n      min={min}\n      max={max}\n      eventPropGetter={handleEventProps}\n      dayPropGetter={dayPropGetter}\n      views={views}\n      formats={formats}\n      culture={culture}\n      messages={messages}\n      popup={popup}\n      components={components}\n    />\n  );\n};\n"],"mappings":"+VAgEA,MAAaA,GAAY,CACvB,YACA,SACA,aACA,gBACA,eACA,aACA,cACA,cACA,MACA,MACA,kBACA,gBACA,QACA,UACA,UACA,WACA,QACA,gBAsBE,EAACC,EAAAA,CACC,UAAW,EACT,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CAClC,GAAY,SAAW,GAAiB,CACxC,GAAY,OAAS,GAAe,CACpC,GAAY,QAAU,GAAgB,CACtC,GAAY,UAAY,GAAkB,CAC1C,GAAY,OAAS,GAAe,CACrC,CACU,YACH,SACO,gBACD,eACF,aACC,cACA,cACR,MACA,MACL,iBAtCF,EACA,EACA,EACA,IACG,CACH,IAAM,EAAc,IAAkB,EAAO,EAAO,EAAK,EAAW,CAC9D,CAAE,WAAY,EAEpB,MAAO,CACL,GAAG,EACH,UAAW,EACT,GAAY,MACZ,EAAc,CAAE,UAAS,CAAC,CAC1B,GAAa,UACd,CACF,EAwBgB,gBACR,QACE,UACA,UACC,WACH,QACK,cACZ"}
+{"version":3,"file":"Calendar.mjs","names":["Calendar","BigCalendar"],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { type ReactNode, useState } from 'react';\nimport 'dayjs/locale/es';\nimport 'dayjs/locale/ca';\nimport 'dayjs/locale/en';\nimport {\n  Calendar as BigCalendar,\n  type CalendarProps as BigCalendarProps,\n  dayjsLocalizer,\n  type Event,\n  type EventWrapperProps,\n  type View,\n} from 'react-big-calendar';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport type { CalendarEventVariantProps } from '@mage-ui/styled-system/recipes';\nimport {\n  calendar,\n  calendarAgenda,\n  calendarEvent,\n  calendarMonth,\n  calendarPopup,\n  calendarRoot,\n  calendarTimeGrid,\n  calendarToolbar,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Tooltip } from '../../overlays/tooltip/Tooltip';\n\nexport type { DateLocalizer, Event as CalendarEvent } from 'react-big-calendar';\n\nconst localizer = dayjsLocalizer(dayjs);\n\nconst getDefaultFormats = (culture: string) => {\n  return {\n    monthHeaderFormat: (date: Date) =>\n      dayjs(date)\n        .locale(culture)\n        .format('MMMM [de] YYYY')\n        .replace(/^./, (str) => str.toUpperCase()),\n    dayHeaderFormat: (date: Date) =>\n      dayjs(date).locale(culture).format('dddd D [de] MMMM'),\n    timeGutterFormat: 'HH:mm',\n  };\n};\n\nexport type CalendarVariant = NonNullable<CalendarEventVariantProps['variant']>;\nexport type CalendarView = View;\n\ntype CalendarEventWrapperProps = EventWrapperProps<Event> & {\n  children?: ReactNode;\n  type?: 'date' | 'time';\n};\n\nexport type CalendarProps = Omit<BigCalendarProps<Event>, 'localizer'> & {\n  classNames?: {\n    calendar?: string;\n    root?: string;\n    toolbar?: string;\n    month?: string;\n    event?: string;\n    agenda?: string;\n    timeGrid?: string;\n    popup?: string;\n  };\n};\n\nconst getEventTooltipContent = (\n  event: Event,\n  accessors: CalendarEventWrapperProps['accessors'],\n  culture: string,\n) => {\n  const title = accessors.title?.(event) ?? event.title;\n  const start = accessors.start?.(event) ?? event.start;\n  const end = accessors.end?.(event) ?? event.end;\n  const showTimeRange = !event.allDay && start && end;\n\n  if (!title && !showTimeRange) {\n    return null;\n  }\n\n  return (\n    <div>\n      {showTimeRange ? (\n        <div>\n          {dayjs(start).locale(culture).format('HH:mm')} -{' '}\n          {dayjs(end).locale(culture).format('HH:mm')}\n        </div>\n      ) : null}\n      {title ? <strong>{title}</strong> : null}\n    </div>\n  );\n};\n\nexport const Calendar = ({\n  classNames,\n  culture = 'es',\n  defaultView = 'month',\n  components,\n  eventPropGetter,\n  formats,\n  onView,\n  tooltipAccessor,\n  view,\n  ...props\n}: CalendarProps) => {\n  const [internalView, setInternalView] = useState<CalendarView>(\n    view ?? defaultView ?? 'month',\n  );\n  const currentView = view ?? internalView;\n  const showTooltip =\n    currentView === 'month' || currentView === 'week' || currentView === 'day';\n  const defaultEventWrapper = showTooltip\n    ? ({ event, accessors, children }: CalendarEventWrapperProps) => {\n        const label = getEventTooltipContent(event, accessors, culture);\n\n        if (!children || !label) {\n          return children ?? null;\n        }\n\n        return (\n          <Tooltip label={label} position='top' withArrow>\n            {children}\n          </Tooltip>\n        );\n      }\n    : undefined;\n  const resolvedTooltipAccessor =\n    !showTooltip ||\n    ((components?.eventWrapper || defaultEventWrapper) &&\n      tooltipAccessor === undefined)\n      ? null\n      : tooltipAccessor;\n  const mergedFormats = {\n    ...getDefaultFormats(culture),\n    ...(formats ?? {}),\n  };\n  const resolvedComponents =\n    defaultEventWrapper || components?.eventWrapper\n      ? {\n          ...components,\n          eventWrapper: components?.eventWrapper ?? defaultEventWrapper,\n        }\n      : components;\n\n  const handleView = (nextView: CalendarView) => {\n    if (view === undefined) {\n      setInternalView(nextView);\n    }\n\n    onView?.(nextView);\n  };\n\n  const handleEventProps = (\n    event: Event,\n    start: Date,\n    end: Date,\n    isSelected: boolean,\n  ) => {\n    const customProps = eventPropGetter?.(event, start, end, isSelected);\n    const { variant } = event as { variant?: CalendarVariant };\n\n    return {\n      ...customProps,\n      className: cx(\n        classNames?.event,\n        calendarEvent({ variant }),\n        customProps?.className,\n      ),\n    };\n  };\n\n  return (\n    <BigCalendar\n      className={cx(\n        classNames?.calendar ?? calendar(),\n        classNames?.root ?? calendarRoot(),\n        classNames?.toolbar ?? calendarToolbar(),\n        classNames?.month ?? calendarMonth(),\n        classNames?.agenda ?? calendarAgenda(),\n        classNames?.timeGrid ?? calendarTimeGrid(),\n        classNames?.popup ?? calendarPopup(),\n      )}\n      localizer={localizer}\n      culture={culture}\n      defaultView={defaultView}\n      eventPropGetter={handleEventProps}\n      formats={mergedFormats}\n      onView={handleView}\n      components={resolvedComponents}\n      tooltipAccessor={resolvedTooltipAccessor}\n      view={view}\n      {...props}\n    />\n  );\n};\n"],"mappings":"miBA+BA,MAAM,EAAY,EAAe,EAAM,CAEjC,EAAqB,IAClB,CACL,kBAAoB,GAClB,EAAM,EAAK,CACR,OAAO,EAAQ,CACf,OAAO,iBAAiB,CACxB,QAAQ,KAAO,GAAQ,EAAI,aAAa,CAAC,CAC9C,gBAAkB,GAChB,EAAM,EAAK,CAAC,OAAO,EAAQ,CAAC,OAAO,mBAAmB,CACxD,iBAAkB,QACnB,EAwBG,GACJ,EACA,EACA,IACG,CACH,IAAM,EAAQ,EAAU,QAAQ,EAAM,EAAI,EAAM,MAC1C,EAAQ,EAAU,QAAQ,EAAM,EAAI,EAAM,MAC1C,EAAM,EAAU,MAAM,EAAM,EAAI,EAAM,IACtC,EAAgB,CAAC,EAAM,QAAU,GAAS,EAMhD,MAJI,CAAC,GAAS,CAAC,EACN,KAIP,EAAC,MAAA,CAAA,SAAA,CACE,EACC,EAAC,MAAA,CAAA,SAAA,CACE,EAAM,EAAM,CAAC,OAAO,EAAQ,CAAC,OAAO,QAAQ,CAAC,KAAG,IAChD,EAAM,EAAI,CAAC,OAAO,EAAQ,CAAC,OAAO,QAAQ,GACvC,CACJ,KACH,EAAQ,EAAC,SAAA,CAAA,SAAQ,EAAA,CAAe,CAAG,KAAA,CAAA,CAChC,EAIGA,GAAY,CACvB,aACA,UAAU,KACV,cAAc,QACd,aACA,kBACA,UACA,SACA,kBACA,OACA,GAAG,KACgB,CACnB,GAAM,CAAC,EAAc,GAAmB,EACtC,GAAQ,GAAe,QACxB,CACK,EAAc,GAAQ,EACtB,EACJ,IAAgB,SAAW,IAAgB,QAAU,IAAgB,MACjE,EAAsB,GACvB,CAAE,QAAO,YAAW,cAA0C,CAC7D,IAAM,EAAQ,EAAuB,EAAO,EAAW,EAAQ,CAM/D,MAJI,CAAC,GAAY,CAAC,EACT,GAAY,KAInB,EAAC,EAAA,CAAe,QAAO,SAAS,MAAM,UAAA,GACnC,YACO,EAGd,IAAA,GACE,EACJ,CAAC,IACC,GAAY,cAAgB,IAC5B,IAAoB,IAAA,GAClB,KACA,EACA,EAAgB,CACpB,GAAG,EAAkB,EAAQ,CAC7B,GAAI,GAAW,EAAE,CAClB,CACK,EACJ,GAAuB,GAAY,aAC/B,CACE,GAAG,EACH,aAAc,GAAY,cAAgB,EAC3C,CACD,EA6BN,OACE,EAACC,EAAAA,CACC,UAAW,EACT,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CAClC,GAAY,SAAW,GAAiB,CACxC,GAAY,OAAS,GAAe,CACpC,GAAY,QAAU,GAAgB,CACtC,GAAY,UAAY,GAAkB,CAC1C,GAAY,OAAS,GAAe,CACrC,CACU,YACF,UACI,cACb,iBAhCF,EACA,EACA,EACA,IACG,CACH,IAAM,EAAc,IAAkB,EAAO,EAAO,EAAK,EAAW,CAC9D,CAAE,WAAY,EAEpB,MAAO,CACL,GAAG,EACH,UAAW,EACT,GAAY,MACZ,EAAc,CAAE,UAAS,CAAC,CAC1B,GAAa,UACd,CACF,EAkBC,QAAS,EACT,OA3CgB,GAA2B,CACzC,IAAS,IAAA,IACX,EAAgB,EAAS,CAG3B,IAAS,EAAS,EAuChB,WAAY,EACZ,gBAAiB,EACX,OACN,GAAI,GACJ"}

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

@@ -1,2 +1,2 @@
-import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.mjs";import{useDataTableContext as t}from"./useDataTableContext.mjs";import{dataTableSkeleton as n,dataTableSkeletonCell as r,dataTableSkeletonRow as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=[[`35%`,`45%`,`20%`],[`25%`,`55%`,`20%`],[`40%`,`35%`,`25%`]],c=({rows:c,className:l})=>{let{labels:u}=t();return o(`div`,{className:l??n(),role:`status`,"aria-busy":`true`,children:[a(e,{children:u.loading}),Array.from({length:c},(e,t)=>{let n=s[t%s.length];return a(`div`,{className:i(),children:n.map((e,t)=>a(`div`,{className:r(),style:{width:e}},t))},t)})]})};export{c as DataTableSkeleton};
+import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.mjs";import{useDataTableContext as t}from"./useDataTableContext.mjs";import{dataTableSkeleton as n,dataTableSkeletonCell as r,dataTableSkeletonRow as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=[[`100%`]],c=({rows:c,className:l})=>{let{labels:u}=t();return o(`div`,{className:l??n(),children:[a(e,{children:u.loading}),Array.from({length:c},(e,t)=>{let n=s[t%s.length];return a(`div`,{className:i(),children:n.map((e,t)=>a(`div`,{className:r(),style:{width:e}},t))},t)})]})};export{c as DataTableSkeleton};
 //# sourceMappingURL=DataTableSkeleton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableSkeleton.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableSkeleton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  dataTableSkeleton,\n  dataTableSkeletonCell,\n  dataTableSkeletonRow,\n} from '@mage-ui/styled-system/recipes';\n\nimport { VisuallyHidden } from '../../misc/visually-hidden/VisuallyHidden';\nimport { useDataTableContext } from './useDataTableContext';\n\n// Cycling widths to give rows visual variety\nconst CELL_WIDTH_PATTERNS = [\n  ['35%', '45%', '20%'],\n  ['25%', '55%', '20%'],\n  ['40%', '35%', '25%'],\n];\n\ntype DataTableSkeletonProps = {\n  rows: number;\n  className?: string;\n};\n\nexport const DataTableSkeleton = ({\n  rows,\n  className,\n}: DataTableSkeletonProps): ReactNode => {\n  const { labels } = useDataTableContext();\n\n  return (\n    <div\n      className={className ?? dataTableSkeleton()}\n      role='status'\n      aria-busy='true'\n    >\n      <VisuallyHidden>{labels.loading}</VisuallyHidden>\n      {Array.from({ length: rows }, (_, i) => {\n        const widths = CELL_WIDTH_PATTERNS[i % CELL_WIDTH_PATTERNS.length];\n\n        return (\n          <div key={i} className={dataTableSkeletonRow()}>\n            {widths.map((width, j) => (\n              <div\n                key={j}\n                className={dataTableSkeletonCell()}\n                style={{ width }}\n              />\n            ))}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":"yTAYA,MAAM,EAAsB,CAC1B,CAAC,MAAO,MAAO,MAAM,CACrB,CAAC,MAAO,MAAO,MAAM,CACrB,CAAC,MAAO,MAAO,MAAM,CACtB,CAOY,GAAqB,CAChC,OACA,eACuC,CACvC,GAAM,CAAE,UAAW,GAAqB,CAExC,OACE,EAAC,MAAA,CACC,UAAW,GAAa,GAAmB,CAC3C,KAAK,SACL,YAAU,iBAEV,EAAC,EAAA,CAAA,SAAgB,EAAO,QAAA,CAAyB,CAChD,MAAM,KAAK,CAAE,OAAQ,EAAM,EAAG,EAAG,IAAM,CACtC,IAAM,EAAS,EAAoB,EAAI,EAAoB,QAE3D,OACE,EAAC,MAAA,CAAY,UAAW,GAAsB,UAC3C,EAAO,KAAK,EAAO,IAClB,EAAC,MAAA,CAEC,UAAW,GAAuB,CAClC,MAAO,CAAE,QAAO,EAFX,EAGL,CACF,EAPM,EAQJ,EAER,CAAA,EACE"}
+{"version":3,"file":"DataTableSkeleton.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableSkeleton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  dataTableSkeleton,\n  dataTableSkeletonCell,\n  dataTableSkeletonRow,\n} from '@mage-ui/styled-system/recipes';\n\nimport { VisuallyHidden } from '../../misc/visually-hidden/VisuallyHidden';\nimport { useDataTableContext } from './useDataTableContext';\n\n// Cycling widths to give rows visual variety\nconst CELL_WIDTH_PATTERNS = [['100%']];\n\ntype DataTableSkeletonProps = {\n  rows: number;\n  className?: string;\n};\n\nexport const DataTableSkeleton = ({\n  rows,\n  className,\n}: DataTableSkeletonProps): ReactNode => {\n  const { labels } = useDataTableContext();\n\n  return (\n    <div className={className ?? dataTableSkeleton()}>\n      <VisuallyHidden>{labels.loading}</VisuallyHidden>\n      {Array.from({ length: rows }, (_, i) => {\n        const widths = CELL_WIDTH_PATTERNS[i % CELL_WIDTH_PATTERNS.length];\n\n        return (\n          <div key={i} className={dataTableSkeletonRow()}>\n            {widths.map((width, j) => (\n              <div\n                key={j}\n                className={dataTableSkeletonCell()}\n                style={{ width }}\n              />\n            ))}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":"yTAYA,MAAM,EAAsB,CAAC,CAAC,OAAO,CAAC,CAOzB,GAAqB,CAChC,OACA,eACuC,CACvC,GAAM,CAAE,UAAW,GAAqB,CAExC,OACE,EAAC,MAAA,CAAI,UAAW,GAAa,GAAmB,WAC9C,EAAC,EAAA,CAAA,SAAgB,EAAO,QAAA,CAAyB,CAChD,MAAM,KAAK,CAAE,OAAQ,EAAM,EAAG,EAAG,IAAM,CACtC,IAAM,EAAS,EAAoB,EAAI,EAAoB,QAE3D,OACE,EAAC,MAAA,CAAY,UAAW,GAAsB,UAC3C,EAAO,KAAK,EAAO,IAClB,EAAC,MAAA,CAEC,UAAW,GAAuB,CAClC,MAAO,CAAE,QAAO,EAFX,EAGL,CACF,EAPM,EAQJ,EAER,CAAA,EACE"}

package/dist/components/data-display/index.d.mts

@@ -1,7 +1,7 @@
 import { AssignedUser, AssignedUserProps } from "./assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./badge/Badge.mjs";
-import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./calendar/Calendar.mjs";
+import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, CalendarView, DateLocalizer } from "./calendar/Calendar.mjs";
 import { TableClassNames, TableProps } from "./table/TableRoot.mjs";
 import { TableHeadProps } from "./table/TableHead.mjs";
 import { TableBodyProps } from "./table/TableBody.mjs";
@@ -25,8 +25,6 @@ import { IconRaw, IconRawProps } from "./icons/icon-raw/IconRaw.mjs";
 import { IconSvg, IconSvgProps } from "./icons/icon-svg/IconSvg.mjs";
 import { IconWrapped, IconWrappedProps } from "./icons/icon-wrapped/IconWrapped.mjs";
 import { Indicator, IndicatorProps } from "./indicator/Indicator.mjs";
-import { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./kanban/Kanban.mjs";
-import { KanbanCardBase, KanbanCardBaseProps } from "./kanban/KanbanCardBase.mjs";
 import { LoaderDot, LoaderDotProps } from "./loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./loader-oval/LoaderOval.mjs";
 import { LogoImage, LogoImageProps } from "./logos/logo-image/LogoImage.mjs";

package/dist/components/index.d.mts

@@ -8,7 +8,7 @@ import "./buttons/index.mjs";
 import { AssignedUser, AssignedUserProps } from "./data-display/assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./data-display/avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./data-display/badge/Badge.mjs";
-import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./data-display/calendar/Calendar.mjs";
+import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, CalendarView, DateLocalizer } from "./data-display/calendar/Calendar.mjs";
 import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
 import { TableClassNames, TableProps } from "./data-display/table/TableRoot.mjs";
 import { TableHeadProps } from "./data-display/table/TableHead.mjs";
@@ -34,8 +34,6 @@ import { IconRaw, IconRawProps } from "./data-display/icons/icon-raw/IconRaw.mjs
 import { IconSvg, IconSvgProps } from "./data-display/icons/icon-svg/IconSvg.mjs";
 import { IconWrapped, IconWrappedProps } from "./data-display/icons/icon-wrapped/IconWrapped.mjs";
 import { Indicator, IndicatorProps } from "./data-display/indicator/Indicator.mjs";
-import { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./data-display/kanban/Kanban.mjs";
-import { KanbanCardBase, KanbanCardBaseProps } from "./data-display/kanban/KanbanCardBase.mjs";
 import { LoaderDot, LoaderDotProps } from "./data-display/loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./data-display/loader-oval/LoaderOval.mjs";
 import { LogoImage, LogoImageProps } from "./data-display/logos/logo-image/LogoImage.mjs";

package/dist/index.d.mts

@@ -7,7 +7,7 @@ import { ButtonVisual, ButtonVisualProps } from "./components/buttons/button-vis
 import { AssignedUser, AssignedUserProps } from "./components/data-display/assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./components/data-display/avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./components/data-display/badge/Badge.mjs";
-import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./components/data-display/calendar/Calendar.mjs";
+import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, CalendarView, DateLocalizer } from "./components/data-display/calendar/Calendar.mjs";
 import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
 import { TableClassNames, TableProps } from "./components/data-display/table/TableRoot.mjs";
 import { TableHeadProps } from "./components/data-display/table/TableHead.mjs";
@@ -33,8 +33,6 @@ import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/
 import { IconSvg, IconSvgProps } from "./components/data-display/icons/icon-svg/IconSvg.mjs";
 import { IconWrapped, IconWrappedProps } from "./components/data-display/icons/icon-wrapped/IconWrapped.mjs";
 import { Indicator, IndicatorProps } from "./components/data-display/indicator/Indicator.mjs";
-import { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./components/data-display/kanban/Kanban.mjs";
-import { KanbanCardBase, KanbanCardBaseProps } from "./components/data-display/kanban/KanbanCardBase.mjs";
 import { LoaderDot, LoaderDotProps } from "./components/data-display/loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./components/data-display/loader-oval/LoaderOval.mjs";
 import { LogoImage, LogoImageProps } from "./components/data-display/logos/logo-image/LogoImage.mjs";
@@ -86,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, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, BoardData, BoardItem, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardMove, CardProps, CardRenderProps, CardRoot, 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, SwitchGroup, SwitchGroupProps, 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 };
+export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, 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, 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, SwitchGroup, SwitchGroupProps, 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, 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{Modal as J}from"./components/overlays/modal/Modal.mjs";import{Modals as Y}from"./components/overlays/modal/index.mjs";import{Toast as X}from"./components/overlays/toast/toast.mjs";import{Tooltip as Z}from"./components/overlays/tooltip/Tooltip.mjs";import{AvatarUpload as Q}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as $}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as ee}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as te}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as ne}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as re}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as ie}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ae}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as oe}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as se}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as ce}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as le}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as ue}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as de}from"./components/controls/switch/Switch.mjs";import{Textarea as fe}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as pe}from"./components/forms/rules/password-rules.mjs";import{z as me}from"./components/forms/rules/zod.mjs";import{Form as he}from"./components/forms/Form.mjs";import{Card as ge,CardBase as _e,CardBody as ve,CardFooter as ye,CardHeader as be,CardRoot as xe}from"./components/layouts/card/Card.mjs";import{FluidGrid as Se}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as Ce}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as we}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Te}from"./components/navigations/menu/Menu.mjs";import{Sidebar as Ee}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as De}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,ee as Autocomplete,a as Avatar,Q as AvatarUpload,o as Badge,we as Breadcrumbs,e as Button,n as ButtonAction,G as ButtonIcon,K as ButtonIconVisual,r as ButtonLoader,q as ButtonVisual,s as Calendar,ge as Card,_e as CardBase,ve as CardBody,ye as CardFooter,be as CardHeader,xe as CardRoot,_ as Checkbox,te 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,$ as DatePicker,A as DescriptionList,ne as Dropzone,re as DropzoneFiles,ie as FileInput,ae as FileInputMultiple,Se as FluidGrid,he as Form,Ce 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,De as MageUiProvider,Te as Menu,J as Modal,Y as Modals,z as NotificationBanner,pe as PASSWORD_RULES,T as Pagination,oe as PasswordInput,se as PasswordStrengthInput,le as Radio,B as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Ee as Sidebar,de as Switch,ue as SwitchGroup,d as Table,H as Tag,V as TagGroup,x as TextInput,fe as Textarea,X as Toast,Z as Tooltip,U as UploadedFile,W as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,g as useDataTableContext,ce as usePasswordRules,me 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{Tooltip as s}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar 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{LoaderDot as N}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as P}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as F}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as I}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as L}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as R}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as z}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as B}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as V}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as H}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{ButtonIcon as U}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as W}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as G}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Modal as K}from"./components/overlays/modal/Modal.mjs";import{Modals as q}from"./components/overlays/modal/index.mjs";import{Toast as J}from"./components/overlays/toast/toast.mjs";import{AvatarUpload as Y}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as X}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as Z}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as Q}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as $}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as ee}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as te}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ne}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as re}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as ie}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as ae}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as oe}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as se}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as ce}from"./components/controls/switch/Switch.mjs";import{Textarea as le}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as ue}from"./components/forms/rules/password-rules.mjs";import{z as de}from"./components/forms/rules/zod.mjs";import{Form as fe}from"./components/forms/Form.mjs";import{Card as pe,CardBase as me,CardBody as he,CardFooter as ge,CardHeader as _e,CardRoot as ve}from"./components/layouts/card/Card.mjs";import{FluidGrid as ye}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as be}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as xe}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Se}from"./components/navigations/menu/Menu.mjs";import{Sidebar as Ce}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as we}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,Z as Autocomplete,a as Avatar,Y as AvatarUpload,o as Badge,xe as Breadcrumbs,e as Button,n as ButtonAction,U as ButtonIcon,W as ButtonIconVisual,r as ButtonLoader,G as ButtonVisual,c as Calendar,pe as Card,me as CardBase,he as CardBody,ge as CardFooter,_e as CardHeader,ve as CardRoot,_ as Checkbox,Q 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,X as DatePicker,A as DescriptionList,$ as Dropzone,ee as DropzoneFiles,te as FileInput,ne as FileInputMultiple,ye as FluidGrid,fe as Form,be as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as LoaderDot,P as LoaderOval,F as LogoImage,I as LogoSvg,we as MageUiProvider,Se as Menu,K as Modal,q as Modals,L as NotificationBanner,ue as PASSWORD_RULES,T as Pagination,re as PasswordInput,ie as PasswordStrengthInput,oe as Radio,R as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Ce as Sidebar,ce as Switch,se as SwitchGroup,d as Table,B as Tag,z as TagGroup,x as TextInput,le as Textarea,J as Toast,s as Tooltip,V as UploadedFile,H as UploadedFileDetails,l as Virtual,t as VisuallyHidden,g as useDataTableContext,ae as usePasswordRules,de as z};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.86",
+  "version": "1.0.88",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,8 +25,8 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.86",
-    "@mage-ui/styled-system": "1.0.8"
+    "@mage-ui/styled-system": "1.0.8",
+    "@mage-ui/preset": "1.0.88"
   },
   "peerDependencies": {
     "@ebay/nice-modal-react": "^1.2.13",
@@ -48,7 +48,6 @@
     "react-big-calendar": "^1.19.4",
     "react-dom": "^19.2.4",
     "react-hook-form": "^7.71.2",
-    "react-kanban-kit": "^0.0.2-beta.6",
     "zod": "^4.3.6"
   },
   "engines": {

package/dist/components/data-display/kanban/Kanban.d.mts

@@ -1,65 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ReactNode } from "react";
-
-//#region src/components/data-display/kanban/Kanban.d.ts
-interface BoardItem<T extends object = Record<string, unknown>> {
-  id: string;
-  title: string;
-  parentId: string | null;
-  children: string[];
-  content?: T;
-  type?: string | number;
-  status?: string;
-  totalChildrenCount: number;
-  totalItemsCount?: number;
-  isDraggable?: boolean;
-}
-interface BoardData<T extends object = Record<string, unknown>> {
-  root: BoardItem<T>;
-  [key: string]: BoardItem<T>;
-}
-interface CardRenderProps<T extends object = Record<string, unknown>> {
-  data: BoardItem<T>;
-  column: BoardItem<T>;
-  index: number;
-  isDraggable: boolean;
-}
-type ConfigMap<T extends object = Record<string, unknown>> = {
-  [type: string]: {
-    render: (props: CardRenderProps<T>) => ReactNode;
-    isDraggable?: boolean;
-  };
-};
-interface KanbanProps<T extends object = Record<string, unknown>> {
-  dataSource: BoardData<T>;
-  configMap: ConfigMap<T>;
-  onCardMove?: (move: CardMove) => void;
-  renderColumnFooter?: (column: BoardItem<T>) => ReactNode;
-  maxColumnHeight?: string | number;
-  classNames?: {
-    kanban?: string;
-    root?: string;
-    columnWrapper?: string;
-    column?: string;
-    cardWrapper?: string;
-    cardWrapperRoot?: string;
-  };
-}
-interface CardMove {
-  cardId: string;
-  fromColumnId: string;
-  toColumnId: string;
-  taskAbove: string | null;
-  taskBelow: string | null;
-  position: number;
-}
-declare const Kanban: <T extends object = Record<string, unknown>>({
-  dataSource,
-  configMap,
-  onCardMove,
-  renderColumnFooter,
-  classNames
-}: KanbanProps<T>) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps };
-//# sourceMappingURL=Kanban.d.mts.map

package/dist/components/data-display/kanban/Kanban.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Kanban.d.mts","names":[],"sources":["../../../../src/components/data-display/kanban/Kanban.tsx"],"mappings":";;;;UAgBiB,SAAA,oBAA6B,MAAA;EAC5C,EAAA;EACA,KAAA;EACA,QAAA;EACA,QAAA;EACA,OAAA,GAAU,CAAA;EACV,IAAA;EACA,MAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;AAAA;AAAA,UAEe,SAAA,oBAA6B,MAAA;EAC5C,IAAA,EAAM,SAAA,CAAU,CAAA;EAAA,CACf,GAAA,WAAc,SAAA,CAAU,CAAA;AAAA;AAAA,UAEV,eAAA,oBAAmC,MAAA;EAClD,IAAA,EAAM,SAAA,CAAU,CAAA;EAChB,MAAA,EAAQ,SAAA,CAAU,CAAA;EAClB,KAAA;EACA,WAAA;AAAA;AAAA,KAGU,SAAA,oBAA6B,MAAA;EAAA,CACtC,IAAA;IACC,MAAA,GAAS,KAAA,EAAO,eAAA,CAAgB,CAAA,MAAO,SAAA;IACvC,WAAA;EAAA;AAAA;AAAA,UAIa,WAAA,oBAA+B,MAAA;EAC9C,UAAA,EAAY,SAAA,CAAU,CAAA;EACtB,SAAA,EAAW,SAAA,CAAU,CAAA;EACrB,UAAA,IAAc,IAAA,EAAM,QAAA;EACpB,kBAAA,IAAsB,MAAA,EAAQ,SAAA,CAAU,CAAA,MAAO,SAAA;EAC/C,eAAA;EACA,UAAA;IACE,MAAA;IACA,IAAA;IACA,aAAA;IACA,MAAA;IACA,WAAA;IACA,eAAA;EAAA;AAAA;AAAA,UAIa,QAAA;EACf,MAAA;EACA,YAAA;EACA,UAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;AAAA;AAAA,cAGW,MAAA,sBAA6B,MAAA;EAAyB,UAAA;EAAA,SAAA;EAAA,UAAA;EAAA,kBAAA;EAAA;AAAA,GAMhE,WAAA,CAAY,CAAA,MAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/kanban/Kanban.mjs

@@ -1,2 +0,0 @@
-import{KanbanCardDragIndicator as e}from"./KanbanCardDragIndicator.mjs";import{KanbanColumnHeader as t}from"./KanbanColumnHeader.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{kanban as r,kanbanCardWrapper as i,kanbanCardWrapperRoot as a,kanbanColumn as o,kanbanRoot as s,kanbanWrapperColumn as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";import{useState as u}from"react";import{Kanban as d,dropHandler as f}from"react-kanban-kit";const p=({dataSource:p,configMap:m,onCardMove:h,renderColumnFooter:g,classNames:_})=>{let[v,y]=u(p);return l(d,{dataSource:v,configMap:m,renderColumnHeader:e=>l(t,{column:e}),renderCardDragIndicator:()=>l(e,{}),renderColumnFooter:g,onCardMove:e=>{y(t=>f(e,structuredClone(t),()=>{},e=>({...e,totalChildrenCount:(e.totalChildrenCount||0)+1}),e=>({...e,totalChildrenCount:(e.totalChildrenCount||0)-1}))),h?.(e)},rootClassName:n(_?.kanban??r(),_?.root??s(),`group`),columnWrapperClassName:()=>_?.columnWrapper??c(),columnClassName:()=>_?.column??o(),cardWrapperClassName:n(_?.cardWrapper??i(),_?.cardWrapperRoot??a())})};export{p as Kanban};
-//# sourceMappingURL=Kanban.mjs.map

package/dist/components/data-display/kanban/Kanban.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Kanban.mjs","names":["Kanban","KanbanKit"],"sources":["../../../../src/components/data-display/kanban/Kanban.tsx"],"sourcesContent":["import { type ReactNode, useState } from 'react';\nimport { dropHandler, Kanban as KanbanKit } from 'react-kanban-kit';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  kanban,\n  kanbanCardWrapper,\n  kanbanCardWrapperRoot,\n  kanbanColumn,\n  kanbanRoot,\n  kanbanWrapperColumn,\n} from '@mage-ui/styled-system/recipes';\n\nimport { KanbanCardDragIndicator } from './KanbanCardDragIndicator';\nimport { KanbanColumnHeader } from './KanbanColumnHeader';\n\nexport interface BoardItem<T extends object = Record<string, unknown>> {\n  id: string;\n  title: string;\n  parentId: string | null;\n  children: string[];\n  content?: T;\n  type?: string | number;\n  status?: string;\n  totalChildrenCount: number;\n  totalItemsCount?: number;\n  isDraggable?: boolean;\n}\nexport interface BoardData<T extends object = Record<string, unknown>> {\n  root: BoardItem<T>;\n  [key: string]: BoardItem<T>;\n}\nexport interface CardRenderProps<T extends object = Record<string, unknown>> {\n  data: BoardItem<T>;\n  column: BoardItem<T>;\n  index: number;\n  isDraggable: boolean;\n}\n\nexport type ConfigMap<T extends object = Record<string, unknown>> = {\n  [type: string]: {\n    render: (props: CardRenderProps<T>) => ReactNode;\n    isDraggable?: boolean;\n  };\n};\n\nexport interface KanbanProps<T extends object = Record<string, unknown>> {\n  dataSource: BoardData<T>;\n  configMap: ConfigMap<T>;\n  onCardMove?: (move: CardMove) => void;\n  renderColumnFooter?: (column: BoardItem<T>) => ReactNode;\n  maxColumnHeight?: string | number;\n  classNames?: {\n    kanban?: string;\n    root?: string;\n    columnWrapper?: string;\n    column?: string;\n    cardWrapper?: string;\n    cardWrapperRoot?: string;\n  };\n}\n\nexport interface CardMove {\n  cardId: string;\n  fromColumnId: string;\n  toColumnId: string;\n  taskAbove: string | null;\n  taskBelow: string | null;\n  position: number;\n}\n\nexport const Kanban = <T extends object = Record<string, unknown>>({\n  dataSource,\n  configMap,\n  onCardMove,\n  renderColumnFooter,\n  classNames,\n}: KanbanProps<T>) => {\n  const [board, setBoard] = useState<BoardData<T>>(dataSource);\n\n  const handleCardMove = (move: CardMove) => {\n    setBoard(\n      (prev) =>\n        dropHandler(\n          move,\n          structuredClone(prev),\n          () => {},\n          (newColumn) => ({\n            ...newColumn,\n            totalChildrenCount: (newColumn.totalChildrenCount || 0) + 1,\n          }),\n          (sourceColumn) => ({\n            ...sourceColumn,\n            totalChildrenCount: (sourceColumn.totalChildrenCount || 0) - 1,\n          }),\n        ) as BoardData<T>,\n    );\n    onCardMove?.(move);\n  };\n\n  return (\n    <KanbanKit\n      dataSource={board}\n      configMap={configMap}\n      renderColumnHeader={(column) => <KanbanColumnHeader column={column} />}\n      renderCardDragIndicator={() => <KanbanCardDragIndicator />}\n      renderColumnFooter={renderColumnFooter}\n      onCardMove={handleCardMove}\n      rootClassName={cx(\n        classNames?.kanban ?? kanban(),\n        classNames?.root ?? kanbanRoot(),\n        'group',\n      )}\n      columnWrapperClassName={() =>\n        classNames?.columnWrapper ?? kanbanWrapperColumn()\n      }\n      columnClassName={() => classNames?.column ?? kanbanColumn()}\n      cardWrapperClassName={cx(\n        classNames?.cardWrapper ?? kanbanCardWrapper(),\n        classNames?.cardWrapperRoot ?? kanbanCardWrapperRoot(),\n      )}\n    />\n  );\n};\n"],"mappings":"+dAuEA,MAAaA,GAAsD,CACjE,aACA,YACA,aACA,qBACA,gBACoB,CACpB,GAAM,CAAC,EAAO,GAAY,EAAuB,EAAW,CAsB5D,OACE,EAACC,EAAAA,CACC,WAAY,EACD,YACX,mBAAqB,GAAW,EAAC,EAAA,CAA2B,SAAA,CAAU,CACtE,4BAA+B,EAAC,EAAA,EAAA,CAA0B,CACtC,qBACpB,WA3BoB,GAAmB,CACzC,EACG,GACC,EACE,EACA,gBAAgB,EAAK,KACf,GACL,IAAe,CACd,GAAG,EACH,oBAAqB,EAAU,oBAAsB,GAAK,EAC3D,EACA,IAAkB,CACjB,GAAG,EACH,oBAAqB,EAAa,oBAAsB,GAAK,EAC9D,EACF,CACJ,CACD,IAAa,EAAK,EAWhB,cAAe,EACb,GAAY,QAAU,GAAQ,CAC9B,GAAY,MAAQ,GAAY,CAChC,QACD,CACD,2BACE,GAAY,eAAiB,GAAqB,CAEpD,oBAAuB,GAAY,QAAU,GAAc,CAC3D,qBAAsB,EACpB,GAAY,aAAe,GAAmB,CAC9C,GAAY,iBAAmB,GAAuB,CACvD,EACD"}

package/dist/components/data-display/kanban/KanbanCardBase.d.mts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/data-display/kanban/KanbanCardBase.d.ts
-interface KanbanCardBaseProps {
-  children?: React.ReactNode;
-  classNames?: {
-    card?: string;
-    cardRoot?: string;
-  };
-}
-declare const KanbanCardBase: ({
-  children,
-  classNames
-}: KanbanCardBaseProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { KanbanCardBase, KanbanCardBaseProps };
-//# sourceMappingURL=KanbanCardBase.d.mts.map

package/dist/components/data-display/kanban/KanbanCardBase.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanCardBase.d.mts","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanCardBase.tsx"],"mappings":";;;UAGiB,mBAAA;EACf,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,UAAA;IACE,IAAA;IACA,QAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAkB,QAAA;EAAA;AAAA,GAG5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/kanban/KanbanCardBase.mjs

@@ -1,2 +0,0 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{kanbanCard as t,kanbanCardRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({children:i,classNames:a})=>r(`div`,{className:e(a?.card??t(),a?.cardRoot??n()),children:i});export{i as KanbanCardBase};
-//# sourceMappingURL=KanbanCardBase.mjs.map

package/dist/components/data-display/kanban/KanbanCardBase.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanCardBase.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanCardBase.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport { kanbanCard, kanbanCardRoot } from '@mage-ui/styled-system/recipes';\n\nexport interface KanbanCardBaseProps {\n  children?: React.ReactNode;\n  classNames?: {\n    card?: string;\n    cardRoot?: string;\n  };\n}\n\nexport const KanbanCardBase = ({\n  children,\n  classNames,\n}: KanbanCardBaseProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.card ?? kanbanCard(),\n        classNames?.cardRoot ?? kanbanCardRoot(),\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":"wKAWA,MAAa,GAAkB,CAC7B,WACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,MAAQ,GAAY,CAChC,GAAY,UAAY,GAAgB,CACzC,CAEA,YACG"}

package/dist/components/data-display/kanban/KanbanCardDragIndicator.mjs

@@ -1,2 +0,0 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{kanbanCardDragIndicator as t,kanbanCardDragIndicatorRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({classNames:i})=>r(`span`,{className:e(i?.cardDragIndicator??t(),i?.cardDragIndicatorRoot??n())});export{i as KanbanCardDragIndicator};
-//# sourceMappingURL=KanbanCardDragIndicator.mjs.map

package/dist/components/data-display/kanban/KanbanCardDragIndicator.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanCardDragIndicator.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanCardDragIndicator.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  kanbanCardDragIndicator,\n  kanbanCardDragIndicatorRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport interface KanbanCardDragIndicatorProps {\n  classNames?: {\n    cardDragIndicator?: string;\n    cardDragIndicatorRoot?: string;\n  };\n}\n\nexport const KanbanCardDragIndicator = ({\n  classNames,\n}: KanbanCardDragIndicatorProps) => {\n  return (\n    <span\n      className={cx(\n        classNames?.cardDragIndicator ?? kanbanCardDragIndicator(),\n        classNames?.cardDragIndicatorRoot ?? kanbanCardDragIndicatorRoot(),\n      )}\n    />\n  );\n};\n"],"mappings":"kMAaA,MAAa,GAA2B,CACtC,gBAGE,EAAC,OAAA,CACC,UAAW,EACT,GAAY,mBAAqB,GAAyB,CAC1D,GAAY,uBAAyB,GAA6B,CACnE,CAAA,CACD"}

package/dist/components/data-display/kanban/KanbanColumnHeader.mjs

@@ -1,2 +0,0 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{kanbanColumnHeader as t,kanbanColumnHeaderCount as n,kanbanColumnHeaderRoot as r,kanbanColumnHeaderTitle as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({column:s,classNames:c})=>o(`div`,{className:e(c?.columnHeader??t(),c?.columnHeaderRoot??r()),children:[a(`p`,{className:c?.columnHeaderTitle??i(),children:s.title}),a(`span`,{className:c?.columnHeaderCount??n(),children:s.totalChildrenCount})]});export{s as KanbanColumnHeader};
-//# sourceMappingURL=KanbanColumnHeader.mjs.map

package/dist/components/data-display/kanban/KanbanColumnHeader.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanColumnHeader.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanColumnHeader.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  kanbanColumnHeader,\n  kanbanColumnHeaderCount,\n  kanbanColumnHeaderRoot,\n  kanbanColumnHeaderTitle,\n} from '@mage-ui/styled-system/recipes';\n\nimport type { BoardItem } from './Kanban';\n\nexport interface KanbanColumnHeaderProps {\n  column: Pick<BoardItem, 'id' | 'title' | 'totalChildrenCount'>;\n  classNames?: {\n    columnHeader?: string;\n    columnHeaderRoot?: string;\n    columnHeaderTitle?: string;\n    columnHeaderCount?: string;\n  };\n}\n\nexport const KanbanColumnHeader = ({\n  column,\n  classNames,\n}: KanbanColumnHeaderProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.columnHeader ?? kanbanColumnHeader(),\n        classNames?.columnHeaderRoot ?? kanbanColumnHeaderRoot(),\n      )}\n    >\n      <p className={classNames?.columnHeaderTitle ?? kanbanColumnHeaderTitle()}>\n        {column.title}\n      </p>\n      <span\n        className={classNames?.columnHeaderCount ?? kanbanColumnHeaderCount()}\n      >\n        {column.totalChildrenCount}\n      </span>\n    </div>\n  );\n};\n"],"mappings":"4PAoBA,MAAa,GAAsB,CACjC,SACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,cAAgB,GAAoB,CAChD,GAAY,kBAAoB,GAAwB,CACzD,WAED,EAAC,IAAA,CAAE,UAAW,GAAY,mBAAqB,GAAyB,UACrE,EAAO,OACN,CACJ,EAAC,OAAA,CACC,UAAW,GAAY,mBAAqB,GAAyB,UAEpE,EAAO,oBACH,CAAA,EACH"}