@mage-ui/components 1.0.57 → 1.0.59

package/dist/components/index.d.mts

@@ -52,6 +52,7 @@ import { PASSWORD_RULES } from "./forms/rules/password-rules.mjs";
 import { z } from "./forms/rules/zod.mjs";
 import "./forms/index.mjs";
 import { Card, CardProps } from "./layouts/card/Card.mjs";
+import { FluidGrid, FluidGridProps } from "./layouts/fluid-grid/FluidGrid.mjs";
 import { Grid, GridClassNames } from "./layouts/grid/Grid.mjs";
 import "./layouts/index.mjs";
 import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";

package/dist/components/layouts/fluid-grid/FluidGrid.d.mts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from "react";
+
+//#region src/components/layouts/fluid-grid/FluidGrid.d.ts
+type FluidGridProps = HTMLAttributes<HTMLDivElement> & {
+  children?: ReactNode;
+  columnSize?: string;
+  classNames?: {
+    fluidGrid?: string;
+    root?: string;
+  };
+};
+declare const FluidGrid: ({
+  children,
+  columnSize,
+  classNames,
+  ...props
+}: FluidGridProps) => ReactNode;
+//#endregion
+export { FluidGrid, FluidGridProps };
+//# sourceMappingURL=FluidGrid.d.mts.map

package/dist/components/layouts/fluid-grid/FluidGrid.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluidGrid.d.mts","names":[],"sources":["../../../../src/components/layouts/fluid-grid/FluidGrid.tsx"],"mappings":";;;KAKY,cAAA,GAAiB,cAAA,CAAe,cAAA;EAC1C,QAAA,GAAW,SAAA;EACX,UAAA;EACA,UAAA;IACE,SAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,SAAA;EAAa,QAAA;EAAA,UAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAKvB,cAAA,KAAiB,SAAA"}

package/dist/components/layouts/fluid-grid/FluidGrid.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{fluidGrid as t,fluidGridRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({children:i,columnSize:a,classNames:o,...s})=>{let c=a===void 0?void 0:{"--fluid-grid-column-size":a};return r(`div`,{className:e(o?.fluidGrid??t(),o?.root??n()),style:c,...s,children:i})};export{i as FluidGrid};
+//# sourceMappingURL=FluidGrid.mjs.map

package/dist/components/layouts/fluid-grid/FluidGrid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluidGrid.mjs","names":[],"sources":["../../../../src/components/layouts/fluid-grid/FluidGrid.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { fluidGrid, fluidGridRoot } from '@mage-ui/styled-system/recipes';\n\nexport type FluidGridProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  columnSize?: string;\n  classNames?: {\n    fluidGrid?: string;\n    root?: string;\n  };\n};\n\nexport const FluidGrid = ({\n  children,\n  columnSize,\n  classNames,\n  ...props\n}: FluidGridProps): ReactNode => {\n  const style =\n    columnSize !== undefined\n      ? ({ '--fluid-grid-column-size': columnSize } as CSSProperties &\n          Record<string, string>)\n      : undefined;\n\n  return (\n    <div\n      className={cx(\n        classNames?.fluidGrid ?? fluidGrid(),\n        classNames?.root ?? fluidGridRoot(),\n      )}\n      style={style}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":"sKAcA,MAAa,GAAa,CACxB,WACA,aACA,aACA,GAAG,KAC4B,CAC/B,IAAM,EACJ,IAAe,IAAA,GAGX,IAAA,GAFC,CAAE,2BAA4B,EAAY,CAIjD,OACE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACpC,CACM,QACP,GAAI,EAEH,YACG"}

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

@@ -1,2 +1,3 @@
 import { Card, CardProps } from "./card/Card.mjs";
+import { FluidGrid, FluidGridProps } from "./fluid-grid/FluidGrid.mjs";
 import { Grid, GridClassNames } from "./grid/Grid.mjs";

package/dist/components/navigations/sidebars/sidebar/Sidebar.mjs

@@ -1,2 +1,2 @@
-"use client";import{ScrollAreaAutosize as e}from"../../../misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as t}from"../../../buttons/button-icon/ButtonIcon.mjs";import{SidebarProvider as n,useSidebarContext as r}from"./SidebarContext.mjs";import{NavList as i}from"./SidebarNavList.mjs";import{NavGroup as a}from"./SidebarNavGroup.mjs";import{NavItem as o}from"./SidebarNavItem.mjs";import{NavItemLink as s}from"./SidebarNavItemLink.mjs";import{SubNavItem as c}from"./SidebarSubNavItem.mjs";import{cx as l}from"@mage-ui/styled-system/css";import{buttonIconRoot as u,sidebar as d,sidebarBottomSlot as f,sidebarNavRoot as p,sidebarRoot as m,sidebarScrollAreaAutosize as h,sidebarTopSlot as g}from"@mage-ui/styled-system/recipes";import{jsx as _,jsxs as v}from"react/jsx-runtime";const y=({area:n=`sidebar`,topSlot:a,bottomSlot:o,classNames:s,collapseButtonLabelCollapse:c=`Collapse`,collapseButtonLabelExpand:y=`Expand`,children:b})=>{let{isCollapsed:x,toggleCollapsed:S}=r(),C=n===`sidebar`?void 0:{"--sidebar-grid-area":n};return v(`div`,{"data-collapsed":x?`true`:`false`,className:l(s?.sidebar??d(),s?.root??m(),`group`),style:C,children:[a?_(`div`,{className:s?.topSlot??g(),children:a}):null,_(`nav`,{className:s?.nav?.root??p(),children:_(e,{mah:`100%`,scrollbars:`y`,type:`hover`,classNames:{scrollArea:s?.nav?.scrollArea??h()},children:_(i,{classNames:s,children:b})})}),_(`div`,{className:s?.bottomSlot??f(),children:o||_(t,{path:`/icons/mage-icons.svg`,name:x?`mage-sidebar-expand`:`mage-sidebar-collapse`,label:x?y:c,classNames:{root:s?.collapseButton??u()},onClick:S})})]})},b=({area:e=`sidebar`,classNames:t,isCollapsed:r,defaultCollapsed:i=!1,onCollapsedChange:a,expandedItems:o,topSlot:s,bottomSlot:c,collapseButtonLabelCollapse:l=`Collapse`,collapseButtonLabelExpand:u=`Expand`,children:d})=>_(n,{isCollapsed:r,defaultCollapsed:i,onCollapsedChange:a,expandedItems:o,children:_(y,{area:e,classNames:t,topSlot:s,bottomSlot:c,collapseButtonLabelCollapse:l,collapseButtonLabelExpand:u,children:d})});b.displayName=`Sidebar`,b.Item=o,b.Group=a,b.ItemLink=s,b.SubNav=c;export{b as Sidebar};
+"use client";import{ScrollAreaAutosize as e}from"../../../misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as t}from"../../../buttons/button-icon/ButtonIcon.mjs";import{SidebarProvider as n,useSidebarContext as r}from"./SidebarContext.mjs";import{NavList as i}from"./SidebarNavList.mjs";import{NavGroup as a}from"./SidebarNavGroup.mjs";import{NavItem as o}from"./SidebarNavItem.mjs";import{NavItemLink as s}from"./SidebarNavItemLink.mjs";import{SubNavItem as c}from"./SidebarSubNavItem.mjs";import{cx as l}from"@mage-ui/styled-system/css";import{buttonIconRoot as u,sidebar as d,sidebarBottomSlot as f,sidebarNavRoot as p,sidebarRoot as m,sidebarScrollAreaAutosize as h,sidebarTopSlot as g}from"@mage-ui/styled-system/recipes";import{jsx as _,jsxs as v}from"react/jsx-runtime";const y=({area:n=`sidebar`,topSlot:a,bottomSlot:o,classNames:s,collapseButtonLabelCollapse:c=`Collapse`,collapseButtonLabelExpand:y=`Expand`,children:b})=>{let{isCollapsed:x,toggleCollapsed:S}=r(),C=n===`sidebar`?void 0:{"--sidebar-grid-area":n};return v(`div`,{"data-collapsed":x?`true`:`false`,className:l(s?.sidebar??d(),s?.root??m(),`group`),style:C,children:[a?_(`div`,{className:s?.topSlot??g(),children:a}):null,_(`nav`,{className:s?.nav?.root??p(),children:_(e,{mah:`100%`,scrollbars:`y`,type:`hover`,classNames:{scrollArea:s?.nav?.scrollArea??h()},children:_(i,{classNames:s,children:b})})}),_(`div`,{className:s?.bottomSlot??f(),children:o||_(t,{path:`/icons/sprite-mage.svg`,name:x?`mage-sidebar-expand`:`mage-sidebar-collapse`,label:x?y:c,classNames:{root:s?.collapseButton??u()},onClick:S})})]})},b=({area:e=`sidebar`,classNames:t,isCollapsed:r,defaultCollapsed:i=!1,onCollapsedChange:a,expandedItems:o,topSlot:s,bottomSlot:c,collapseButtonLabelCollapse:l=`Collapse`,collapseButtonLabelExpand:u=`Expand`,children:d})=>_(n,{isCollapsed:r,defaultCollapsed:i,onCollapsedChange:a,expandedItems:o,children:_(y,{area:e,classNames:t,topSlot:s,bottomSlot:c,collapseButtonLabelCollapse:l,collapseButtonLabelExpand:u,children:d})});b.displayName=`Sidebar`,b.Item=o,b.Group=a,b.ItemLink=s,b.SubNav=c;export{b as Sidebar};
 //# sourceMappingURL=Sidebar.mjs.map

package/dist/components/navigations/sidebars/sidebar/Sidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  buttonIconRoot,\n  sidebar,\n  sidebarBottomSlot,\n  sidebarNavRoot,\n  sidebarRoot,\n  sidebarScrollAreaAutosize,\n  sidebarTopSlot,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon } from '@/components/buttons';\n\nimport { ScrollAreaAutosize } from '../../../misc';\nimport { SidebarProvider, useSidebarContext } from './SidebarContext';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemLink } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\nimport { SubNavItem } from './SidebarSubNavItem';\n\nexport type SidebarClassNames = {\n  sidebar?: string;\n  root?: string;\n  scrollArea?: string;\n  topSlot?: string;\n  bottomSlot?: string;\n  nav?: {\n    root?: string;\n    list?: string;\n    scrollArea?: string;\n  };\n  collapseButton?: string;\n};\n\nexport type SidebarProps = {\n  area?: string;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  classNames?: SidebarClassNames;\n  isCollapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  expandedItems?: string[];\n  collapseButtonLabelCollapse?: string;\n  collapseButtonLabelExpand?: string;\n  children?: ReactNode;\n};\n\ntype SidebarContentProps = {\n  area?: string;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  classNames?: SidebarClassNames;\n  collapseButtonLabelCollapse?: string;\n  collapseButtonLabelExpand?: string;\n  children?: ReactNode;\n};\n\nconst SidebarContent = ({\n  area = 'sidebar',\n  topSlot,\n  bottomSlot,\n  classNames,\n  collapseButtonLabelCollapse = 'Collapse',\n  collapseButtonLabelExpand = 'Expand',\n  children,\n}: SidebarContentProps): ReactNode => {\n  const { isCollapsed, toggleCollapsed } = useSidebarContext();\n  const style =\n    area !== 'sidebar'\n      ? ({ '--sidebar-grid-area': area } as CSSProperties &\n          Record<string, string>)\n      : undefined;\n\n  return (\n    <div\n      data-collapsed={isCollapsed ? 'true' : 'false'}\n      className={cx(\n        classNames?.sidebar ?? sidebar(),\n        classNames?.root ?? sidebarRoot(),\n        'group',\n      )}\n      style={style}\n    >\n      {topSlot ? (\n        <div className={classNames?.topSlot ?? sidebarTopSlot()}>{topSlot}</div>\n      ) : null}\n\n      <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n        <ScrollAreaAutosize\n          mah='100%'\n          scrollbars='y'\n          type='hover'\n          classNames={{\n            scrollArea:\n              classNames?.nav?.scrollArea ?? sidebarScrollAreaAutosize(),\n          }}\n        >\n          <NavList classNames={classNames}>{children}</NavList>\n        </ScrollAreaAutosize>\n      </nav>\n\n      <div className={classNames?.bottomSlot ?? sidebarBottomSlot()}>\n        {bottomSlot ? (\n          bottomSlot\n        ) : (\n          <ButtonIcon\n            path='/icons/mage-icons.svg'\n            name={isCollapsed ? 'mage-sidebar-expand' : 'mage-sidebar-collapse'}\n            label={\n              isCollapsed\n                ? collapseButtonLabelExpand\n                : collapseButtonLabelCollapse\n            }\n            classNames={{\n              root: classNames?.collapseButton ?? buttonIconRoot(),\n            }}\n            onClick={toggleCollapsed}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  expandedItems,\n  topSlot,\n  bottomSlot,\n  collapseButtonLabelCollapse = 'Collapse',\n  collapseButtonLabelExpand = 'Expand',\n  children,\n}: SidebarProps): ReactNode => {\n  return (\n    <SidebarProvider\n      isCollapsed={isCollapsed}\n      defaultCollapsed={defaultCollapsed}\n      onCollapsedChange={onCollapsedChange}\n      expandedItems={expandedItems}\n    >\n      <SidebarContent\n        area={area}\n        classNames={classNames}\n        topSlot={topSlot}\n        bottomSlot={bottomSlot}\n        collapseButtonLabelCollapse={collapseButtonLabelCollapse}\n        collapseButtonLabelExpand={collapseButtonLabelExpand}\n      >\n        {children}\n      </SidebarContent>\n    </SidebarProvider>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\nSidebar.ItemLink = NavItemLink;\nSidebar.SubNav = SubNavItem;\n"],"mappings":"4xBA8DA,MAAM,GAAkB,CACtB,OAAO,UACP,UACA,aACA,aACA,8BAA8B,WAC9B,4BAA4B,SAC5B,cACoC,CACpC,GAAM,CAAE,cAAa,mBAAoB,GAAmB,CACtD,EACJ,IAAS,UAGL,IAAA,GAFC,CAAE,sBAAuB,EAAM,CAItC,OACE,EAAC,MAAA,CACC,iBAAgB,EAAc,OAAS,QACvC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,kBAEN,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAgB,UAAG,GAAc,CACtE,KAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAA,CACC,IAAI,OACJ,WAAW,IACX,KAAK,QACL,WAAY,CACV,WACE,GAAY,KAAK,YAAc,GAA2B,CAC7D,UAED,EAAC,EAAA,CAAoB,aAAa,YAAmB,EAClC,EACjB,CAEN,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAmB,UAC1D,GAGC,EAAC,EAAA,CACC,KAAK,wBACL,KAAM,EAAc,sBAAwB,wBAC5C,MACE,EACI,EACA,EAEN,WAAY,CACV,KAAM,GAAY,gBAAkB,GAAgB,CACrD,CACD,QAAS,GACT,EAEA,GACF,EAIG,GAAW,CACtB,OAAO,UACP,aACA,cACA,mBAAmB,GACnB,oBACA,gBACA,UACA,aACA,8BAA8B,WAC9B,4BAA4B,SAC5B,cAGE,EAAC,EAAA,CACc,cACK,mBACC,oBACJ,yBAEf,EAAC,EAAA,CACO,OACM,aACH,UACG,aACiB,8BACF,4BAE1B,YACc,EACD,CAItB,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ,EAChB,EAAQ,SAAW,EACnB,EAAQ,OAAS"}
+{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  buttonIconRoot,\n  sidebar,\n  sidebarBottomSlot,\n  sidebarNavRoot,\n  sidebarRoot,\n  sidebarScrollAreaAutosize,\n  sidebarTopSlot,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon } from '@/components/buttons';\n\nimport { ScrollAreaAutosize } from '../../../misc';\nimport { SidebarProvider, useSidebarContext } from './SidebarContext';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemLink } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\nimport { SubNavItem } from './SidebarSubNavItem';\n\nexport type SidebarClassNames = {\n  sidebar?: string;\n  root?: string;\n  scrollArea?: string;\n  topSlot?: string;\n  bottomSlot?: string;\n  nav?: {\n    root?: string;\n    list?: string;\n    scrollArea?: string;\n  };\n  collapseButton?: string;\n};\n\nexport type SidebarProps = {\n  area?: string;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  classNames?: SidebarClassNames;\n  isCollapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  expandedItems?: string[];\n  collapseButtonLabelCollapse?: string;\n  collapseButtonLabelExpand?: string;\n  children?: ReactNode;\n};\n\ntype SidebarContentProps = {\n  area?: string;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  classNames?: SidebarClassNames;\n  collapseButtonLabelCollapse?: string;\n  collapseButtonLabelExpand?: string;\n  children?: ReactNode;\n};\n\nconst SidebarContent = ({\n  area = 'sidebar',\n  topSlot,\n  bottomSlot,\n  classNames,\n  collapseButtonLabelCollapse = 'Collapse',\n  collapseButtonLabelExpand = 'Expand',\n  children,\n}: SidebarContentProps): ReactNode => {\n  const { isCollapsed, toggleCollapsed } = useSidebarContext();\n  const style =\n    area !== 'sidebar'\n      ? ({ '--sidebar-grid-area': area } as CSSProperties &\n          Record<string, string>)\n      : undefined;\n\n  return (\n    <div\n      data-collapsed={isCollapsed ? 'true' : 'false'}\n      className={cx(\n        classNames?.sidebar ?? sidebar(),\n        classNames?.root ?? sidebarRoot(),\n        'group',\n      )}\n      style={style}\n    >\n      {topSlot ? (\n        <div className={classNames?.topSlot ?? sidebarTopSlot()}>{topSlot}</div>\n      ) : null}\n\n      <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n        <ScrollAreaAutosize\n          mah='100%'\n          scrollbars='y'\n          type='hover'\n          classNames={{\n            scrollArea:\n              classNames?.nav?.scrollArea ?? sidebarScrollAreaAutosize(),\n          }}\n        >\n          <NavList classNames={classNames}>{children}</NavList>\n        </ScrollAreaAutosize>\n      </nav>\n\n      <div className={classNames?.bottomSlot ?? sidebarBottomSlot()}>\n        {bottomSlot ? (\n          bottomSlot\n        ) : (\n          <ButtonIcon\n            path='/icons/sprite-mage.svg'\n            name={isCollapsed ? 'mage-sidebar-expand' : 'mage-sidebar-collapse'}\n            label={\n              isCollapsed\n                ? collapseButtonLabelExpand\n                : collapseButtonLabelCollapse\n            }\n            classNames={{\n              root: classNames?.collapseButton ?? buttonIconRoot(),\n            }}\n            onClick={toggleCollapsed}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  expandedItems,\n  topSlot,\n  bottomSlot,\n  collapseButtonLabelCollapse = 'Collapse',\n  collapseButtonLabelExpand = 'Expand',\n  children,\n}: SidebarProps): ReactNode => {\n  return (\n    <SidebarProvider\n      isCollapsed={isCollapsed}\n      defaultCollapsed={defaultCollapsed}\n      onCollapsedChange={onCollapsedChange}\n      expandedItems={expandedItems}\n    >\n      <SidebarContent\n        area={area}\n        classNames={classNames}\n        topSlot={topSlot}\n        bottomSlot={bottomSlot}\n        collapseButtonLabelCollapse={collapseButtonLabelCollapse}\n        collapseButtonLabelExpand={collapseButtonLabelExpand}\n      >\n        {children}\n      </SidebarContent>\n    </SidebarProvider>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\nSidebar.ItemLink = NavItemLink;\nSidebar.SubNav = SubNavItem;\n"],"mappings":"4xBA8DA,MAAM,GAAkB,CACtB,OAAO,UACP,UACA,aACA,aACA,8BAA8B,WAC9B,4BAA4B,SAC5B,cACoC,CACpC,GAAM,CAAE,cAAa,mBAAoB,GAAmB,CACtD,EACJ,IAAS,UAGL,IAAA,GAFC,CAAE,sBAAuB,EAAM,CAItC,OACE,EAAC,MAAA,CACC,iBAAgB,EAAc,OAAS,QACvC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,kBAEN,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAgB,UAAG,GAAc,CACtE,KAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAA,CACC,IAAI,OACJ,WAAW,IACX,KAAK,QACL,WAAY,CACV,WACE,GAAY,KAAK,YAAc,GAA2B,CAC7D,UAED,EAAC,EAAA,CAAoB,aAAa,YAAmB,EAClC,EACjB,CAEN,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAmB,UAC1D,GAGC,EAAC,EAAA,CACC,KAAK,yBACL,KAAM,EAAc,sBAAwB,wBAC5C,MACE,EACI,EACA,EAEN,WAAY,CACV,KAAM,GAAY,gBAAkB,GAAgB,CACrD,CACD,QAAS,GACT,EAEA,GACF,EAIG,GAAW,CACtB,OAAO,UACP,aACA,cACA,mBAAmB,GACnB,oBACA,gBACA,UACA,aACA,8BAA8B,WAC9B,4BAA4B,SAC5B,cAGE,EAAC,EAAA,CACc,cACK,mBACC,oBACJ,yBAEf,EAAC,EAAA,CACO,OACM,aACH,UACG,aACiB,8BACF,4BAE1B,YACc,EACD,CAItB,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ,EAChB,EAAQ,SAAW,EACnB,EAAQ,OAAS"}

package/dist/index.d.mts

@@ -48,6 +48,7 @@ import { Form, FormProps } from "./components/forms/Form.mjs";
 import { PASSWORD_RULES } from "./components/forms/rules/password-rules.mjs";
 import { z } from "./components/forms/rules/zod.mjs";
 import { Card, CardProps } from "./components/layouts/card/Card.mjs";
+import { FluidGrid, FluidGridProps } from "./components/layouts/fluid-grid/FluidGrid.mjs";
 import { Grid, GridClassNames } from "./components/layouts/grid/Grid.mjs";
 import { HorizontalDivider, HorizontalDividerProps } from "./components/misc/horizontal-divider/HorizontalDivider.mjs";
 import { ScrollArea, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
@@ -65,4 +66,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, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Card, CardProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, 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, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, usePasswordRules, z };
+export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Card, CardProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, 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, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, 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{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as v}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as y}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as b}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as x}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as S}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as C}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as w}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as T}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as E}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as D}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as O}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as k}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as A}from"./components/navigations/menu/Menu.mjs";import{TextInput as j}from"./components/controls/text-input/TextInput.mjs";import{Chevron as M}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as N}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as P}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as F}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as I}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as L}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as R}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as z}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as B}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as V}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as H}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as U}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as W}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as G}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as K}from"./components/controls/password-input/usePasswordRules.mjs";import{PasswordInputStrength as q}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Select as Y}from"./components/controls/select/Select.mjs";import{Textarea as X}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as Z}from"./components/forms/rules/password-rules.mjs";import{z as Q}from"./components/forms/rules/zod.mjs";import{Form as $}from"./components/forms/Form.mjs";import{Card as ee}from"./components/layouts/card/Card.mjs";import{Grid as te}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as ne}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Modal as re}from"./components/overlays/modal/Modal.mjs";import{Modals as ie}from"./components/overlays/modal/index.mjs";import{Toast as ae}from"./components/overlays/toast/toast.mjs";import{Tooltip as oe}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as se}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as ce}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,F as Autocomplete,a as Avatar,o as Badge,ne as Breadcrumbs,e as Button,n as ButtonAction,D as ButtonIcon,O as ButtonIconVisual,r as ButtonLoader,k as ButtonVisual,s as Calendar,ee as Card,I as Checkbox,M as Chevron,N as ClearButton,P as Combobox,L as DatePicker,R as Dropzone,z as DropzoneFiles,B as FileInput,V as FileInputMultiple,$ as Form,te as Grid,w as HorizontalDivider,u as Icon,l as IconRaw,d as IconSvg,f as IconWrapped,p as Indicator,m as LoaderDot,h as LoaderOval,g as LogoImage,_ as LogoSvg,ce as MageUiProvider,A as Menu,re as Modal,ie as Modals,H as MultiSelect,U as MultiSelectTags,v as NotificationBanner,Z as PASSWORD_RULES,W as PasswordInput,q as PasswordInputStrength,G as PasswordStrengthInput,J as Radio,y as RemovableItem,T as ScrollArea,E as ScrollAreaAutosize,Y as Select,se as Sidebar,x as Tag,b as TagGroup,j as TextInput,X as Textarea,ae as Toast,oe as Tooltip,S as UploadedFile,C as UploadedFileDetails,t as VisuallyHidden,c as momentLocalizer,K as usePasswordRules,Q 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{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as v}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as y}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as b}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as x}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as S}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as C}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as w}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as T}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as E}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as D}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as O}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as k}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as A}from"./components/navigations/menu/Menu.mjs";import{TextInput as j}from"./components/controls/text-input/TextInput.mjs";import{Chevron as M}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as N}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as P}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as F}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as I}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as L}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as R}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as z}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as B}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as V}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as H}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as U}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as W}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as G}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as K}from"./components/controls/password-input/usePasswordRules.mjs";import{PasswordInputStrength as q}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Select as Y}from"./components/controls/select/Select.mjs";import{Textarea as X}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as Z}from"./components/forms/rules/password-rules.mjs";import{z as Q}from"./components/forms/rules/zod.mjs";import{Form as $}from"./components/forms/Form.mjs";import{Card as ee}from"./components/layouts/card/Card.mjs";import{FluidGrid as te}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as ne}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as re}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Modal as ie}from"./components/overlays/modal/Modal.mjs";import{Modals as ae}from"./components/overlays/modal/index.mjs";import{Toast as oe}from"./components/overlays/toast/toast.mjs";import{Tooltip as se}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as ce}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as le}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,F as Autocomplete,a as Avatar,o as Badge,re as Breadcrumbs,e as Button,n as ButtonAction,D as ButtonIcon,O as ButtonIconVisual,r as ButtonLoader,k as ButtonVisual,s as Calendar,ee as Card,I as Checkbox,M as Chevron,N as ClearButton,P as Combobox,L as DatePicker,R as Dropzone,z as DropzoneFiles,B as FileInput,V as FileInputMultiple,te as FluidGrid,$ as Form,ne as Grid,w as HorizontalDivider,u as Icon,l as IconRaw,d as IconSvg,f as IconWrapped,p as Indicator,m as LoaderDot,h as LoaderOval,g as LogoImage,_ as LogoSvg,le as MageUiProvider,A as Menu,ie as Modal,ae as Modals,H as MultiSelect,U as MultiSelectTags,v as NotificationBanner,Z as PASSWORD_RULES,W as PasswordInput,q as PasswordInputStrength,G as PasswordStrengthInput,J as Radio,y as RemovableItem,T as ScrollArea,E as ScrollAreaAutosize,Y as Select,ce as Sidebar,x as Tag,b as TagGroup,j as TextInput,X as Textarea,oe as Toast,se as Tooltip,S as UploadedFile,C as UploadedFileDetails,t as VisuallyHidden,c as momentLocalizer,K as usePasswordRules,Q as z};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.57",
+  "version": "1.0.59",
   "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.57",
+    "@mage-ui/preset": "1.0.59",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {