@raystack/apsara 0.46.0 → 0.47.0

package/dist/v1/components/dropdown-menu/dropdown-menu-misc.js

@@ -1,30 +1,30 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { forwardRef, Fragment } from 'react';
 import { MenuGroupLabel } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-group-label.js';
 import { MenuGroup } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-group.js';
 import { MenuSeparator } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-separator.js';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
-import styles from './dropdown-menu.module.css.js';
+import { forwardRef, Fragment } from 'react';
 import { useDropdownContext } from './dropdown-menu-root.js';
+import styles from './dropdown-menu.module.css.js';
+import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
 
 const DropdownMenuGroup = forwardRef(({ className, asChild, ...props }, ref) => {
     const { shouldFilter } = useDropdownContext();
-    return (jsxRuntimeExports.jsx(MenuGroup, { ref: ref, className: cx(styles.menugroup, className), render: shouldFilter ? jsxRuntimeExports.jsx(Fragment, {}) : asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props }));
+    return (jsxRuntimeExports.jsx(MenuGroup, { ref: ref, className: cx(styles.menugroup, className), render: shouldFilter ? jsxRuntimeExports.jsx(Fragment, {}) : asChild ? jsxRuntimeExports.jsx(Slot, {}) : undefined, ...props }));
 });
 const DropdownMenuLabel = forwardRef(({ className, asChild, ...props }, ref) => {
     const { shouldFilter } = useDropdownContext();
     if (shouldFilter) {
         return null;
     }
-    return (jsxRuntimeExports.jsx(MenuGroupLabel, { ref: ref, className: cx(styles.label, className), render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props }));
+    return (jsxRuntimeExports.jsx(MenuGroupLabel, { ref: ref, className: cx(styles.label, className), render: asChild ? jsxRuntimeExports.jsx(Slot, {}) : undefined, ...props }));
 });
 const DropdownMenuSeparator = forwardRef(({ className, asChild, ...props }, ref) => {
     const { shouldFilter } = useDropdownContext();
     if (shouldFilter) {
         return null;
     }
-    return (jsxRuntimeExports.jsx(MenuSeparator, { ref: ref, className: cx(styles.separator, className), render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props }));
+    return (jsxRuntimeExports.jsx(MenuSeparator, { ref: ref, className: cx(styles.separator, className), render: asChild ? jsxRuntimeExports.jsx(Slot, {}) : undefined, ...props }));
 });
 const DropdownMenuEmptyState = forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsx("div", { ref: ref, className: cx(styles.empty, className), ...props, children: children })));
 

package/dist/v1/components/dropdown-menu/dropdown-menu-misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-misc.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["import {\n  ElementRef,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport {\n  MenuGroup,\n  MenuGroupLabel,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuSeparator,\n  MenuSeparatorProps,\n} from \"@ariakit/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cx } from \"class-variance-authority\";\nimport { WithAsChild } from \"./types\";\nimport styles from \"./dropdown-menu.module.css\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof MenuGroup>,\n  WithAsChild<MenuGroupProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  return (\n    <MenuGroup\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      render={shouldFilter ? <Fragment /> : asChild ? <Slot /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof MenuGroupLabel>,\n  WithAsChild<MenuGroupLabelProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuGroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      render={asChild ? <Slot /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof MenuSeparator>,\n  WithAsChild<MenuSeparatorProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuSeparator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      render={asChild ? <Slot /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\n"],"names":["_jsx","Slot"],"mappings":";;;;;;;;;;AAqBa,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,QACEA,sBAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,YAAY,GAAGA,qBAAA,CAAC,QAAQ,EAAG,EAAA,CAAA,GAAG,OAAO,GAAGA,sBAACC,yCAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAChE,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACED,qBAAC,CAAA,cAAc,EACb,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,MAAM,EAAE,OAAO,GAAGA,sBAACC,yCAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAA,GAClC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,qBAAqB,GAAG,UAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACED,qBAAC,CAAA,aAAa,EACZ,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,OAAO,GAAGA,sBAACC,yCAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAA,GAClC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,sBAAsB,GAAG,UAAU,CAK9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvCD,+BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7D,QAAQ,EACL,CAAA,CACP;;;;"}
+{"version":3,"file":"dropdown-menu-misc.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-misc.tsx"],"sourcesContent":["import {\n  MenuGroup,\n  MenuGroupLabel,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuSeparator,\n  MenuSeparatorProps\n} from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n  ElementRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  forwardRef\n} from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof MenuGroup>,\n  WithAsChild<MenuGroupProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  return (\n    <MenuGroup\n      ref={ref}\n      className={cx(styles.menugroup, className)}\n      render={shouldFilter ? <Fragment /> : asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof MenuGroupLabel>,\n  WithAsChild<MenuGroupLabelProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuGroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      render={asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof MenuSeparator>,\n  WithAsChild<MenuSeparatorProps>\n>(({ className, asChild, ...props }, ref) => {\n  const { shouldFilter } = useDropdownContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuSeparator\n      ref={ref}\n      className={cx(styles.separator, className)}\n      render={asChild ? <Slot.Root /> : undefined}\n      {...props}\n    />\n  );\n});\n\nexport const DropdownMenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\n"],"names":["_jsx","Slot.Root"],"mappings":";;;;;;;;;;AAqBa,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,QACEA,sBAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,YAAY,GAAGA,qBAAC,CAAA,QAAQ,KAAG,GAAG,OAAO,GAAGA,qBAAC,CAAAC,IAAS,EAAA,EAAA,CAAG,GAAG,SAAS,EACrE,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACED,qBAAC,CAAA,cAAc,EACb,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,MAAM,EAAE,OAAO,GAAGA,qBAAA,CAACC,IAAS,EAAG,EAAA,CAAA,GAAG,SAAS,KACvC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,qBAAqB,GAAG,UAAU,CAG7C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE9C,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACED,qBAAC,CAAA,aAAa,EACZ,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,MAAM,EAAE,OAAO,GAAGA,qBAAA,CAACC,IAAS,EAAG,EAAA,CAAA,GAAG,SAAS,KACvC,KAAK,EAAA,CACT,EACF;AACJ,CAAC,EAAE;AAEU,MAAA,sBAAsB,GAAG,UAAU,CAK9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvCD,+BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7D,QAAQ,EACL,CAAA,CACP;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu-trigger.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var React = require('react');
 var menuButton = require('../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-button.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
-var dropdownMenuItem = require('./dropdown-menu-item.cjs');
 var triangleRight = require('../../icons/assets/triangle-right.svg.cjs');
+var React = require('react');
+var dropdownMenuItem = require('./dropdown-menu-item.cjs');
 var dropdownMenuRoot = require('./dropdown-menu-root.cjs');
 var utils = require('./utils.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
 
 const DropdownMenuTrigger = React.forwardRef(({ children, asChild, ...props }, ref) => {
-    return (jsxRuntime.jsxRuntimeExports.jsx(menuButton.MenuButton, { ref: ref, render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index.Slot, {}) : undefined, ...props, children: children }));
+    return (jsxRuntime.jsxRuntimeExports.jsx(menuButton.MenuButton, { ref: ref, render: asChild ? jsxRuntime.jsxRuntimeExports.jsx(index.Root, {}) : undefined, ...props, children: children }));
 });
 /**
  * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.
@@ -21,7 +21,7 @@ const DropdownMenuTriggerItem = React.forwardRef(({ children, value, trailingIco
         !utils.getMatch(value, children, parent?.searchValue)) {
         return null;
     }
-    return (jsxRuntime.jsxRuntimeExports.jsx(menuButton.MenuButton, { ref: ref, render: jsxRuntime.jsxRuntimeExports.jsx(dropdownMenuItem.DropdownMenuItem, { value: value, trailingIcon: trailingIcon, ...props, forceRender: parent?.autocomplete ? "combobox" : "auto" }), children: children }));
+    return (jsxRuntime.jsxRuntimeExports.jsx(menuButton.MenuButton, { ref: ref, render: jsxRuntime.jsxRuntimeExports.jsx(dropdownMenuItem.DropdownMenuItem, { value: value, trailingIcon: trailingIcon, ...props, forceRender: parent?.autocomplete ? 'combobox' : 'auto' }), children: children }));
 });
 
 exports.DropdownMenuTrigger = DropdownMenuTrigger;

package/dist/v1/components/dropdown-menu/dropdown-menu-trigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-trigger.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { MenuButton, MenuButtonProps } from \"@ariakit/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { DropdownMenuItem, DropdownMenuItemProps } from \"./dropdown-menu-item\";\nimport { WithAsChild } from \"./types\";\nimport { TriangleRightIcon } from \"@raystack/apsara/icons\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\nimport { getMatch } from \"./utils\";\n\nexport interface DropdownMenuTriggerProps\n  extends WithAsChild<MenuButtonProps> {}\n\nexport const DropdownMenuTrigger = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerProps\n>(({ children, asChild, ...props }, ref) => {\n  return (\n    <MenuButton ref={ref} render={asChild ? <Slot /> : undefined} {...props}>\n      {children}\n    </MenuButton>\n  );\n});\n\nexport interface DropdownMenuTriggerItemProps extends DropdownMenuItemProps {}\n\n/**\n * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.\n */\nexport const DropdownMenuTriggerItem = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerItemProps\n>(\n  (\n    { children, value, trailingIcon = <TriangleRightIcon />, ...props },\n    ref,\n  ) => {\n    const { parent } = useDropdownContext();\n\n    if (\n      parent?.shouldFilter &&\n      !getMatch(value, children, parent?.searchValue)\n    ) {\n      return null;\n    }\n\n    return (\n      <MenuButton\n        ref={ref}\n        render={\n          <DropdownMenuItem\n            value={value}\n            trailingIcon={trailingIcon}\n            {...props}\n            forceRender={parent?.autocomplete ? \"combobox\" : \"auto\"}\n          />\n        }>\n        {children}\n      </MenuButton>\n    );\n  },\n);\n"],"names":["forwardRef","_jsx","MenuButton","Slot","TriangleRightIcon","useDropdownContext","getMatch","DropdownMenuItem"],"mappings":";;;;;;;;;;;AAYa,MAAA,mBAAmB,GAAGA,gBAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACzC,QACEC,gCAAC,CAAAC,qBAAU,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,GAAGD,gCAAA,CAACE,UAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAM,GAAA,KAAK,EACpE,QAAA,EAAA,QAAQ,EACE,CAAA,EACb;AACJ,CAAC,EAAE;AAIH;;AAEG;AACU,MAAA,uBAAuB,GAAGH,gBAAU,CAI/C,CACE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAGC,gCAAA,CAACG,4BAAiB,EAAA,EAAA,CAAG,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,KACD;AACF,IAAA,MAAM,EAAE,MAAM,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAExC,IACE,MAAM,EAAE,YAAY;QACpB,CAACC,cAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAC/C;AACA,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEL,gCAAC,CAAAC,qBAAU,IACT,GAAG,EAAE,GAAG,EACR,MAAM,EACJD,gCAAA,CAACM,iCAAgB,EACf,EAAA,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EACtB,GAAA,KAAK,EACT,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,EAAA,CACvD,YAEH,QAAQ,EAAA,CACE,EACb;AACJ,CAAC;;;;;"}
+{"version":3,"file":"dropdown-menu-trigger.cjs","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"sourcesContent":["import { MenuButton, MenuButtonProps } from '@ariakit/react';\nimport { TriangleRightIcon } from '@raystack/apsara/icons';\nimport { Slot } from 'radix-ui';\nimport { forwardRef } from 'react';\nimport { DropdownMenuItem, DropdownMenuItemProps } from './dropdown-menu-item';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport { WithAsChild } from './types';\nimport { getMatch } from './utils';\n\nexport interface DropdownMenuTriggerProps\n  extends WithAsChild<MenuButtonProps> {}\n\nexport const DropdownMenuTrigger = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerProps\n>(({ children, asChild, ...props }, ref) => {\n  return (\n    <MenuButton\n      ref={ref}\n      render={asChild ? <Slot.Root /> : undefined}\n      {...props}\n    >\n      {children}\n    </MenuButton>\n  );\n});\n\nexport interface DropdownMenuTriggerItemProps extends DropdownMenuItemProps {}\n\n/**\n * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.\n */\nexport const DropdownMenuTriggerItem = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerItemProps\n>(\n  (\n    { children, value, trailingIcon = <TriangleRightIcon />, ...props },\n    ref\n  ) => {\n    const { parent } = useDropdownContext();\n\n    if (\n      parent?.shouldFilter &&\n      !getMatch(value, children, parent?.searchValue)\n    ) {\n      return null;\n    }\n\n    return (\n      <MenuButton\n        ref={ref}\n        render={\n          <DropdownMenuItem\n            value={value}\n            trailingIcon={trailingIcon}\n            {...props}\n            forceRender={parent?.autocomplete ? 'combobox' : 'auto'}\n          />\n        }\n      >\n        {children}\n      </MenuButton>\n    );\n  }\n);\n"],"names":["forwardRef","_jsx","MenuButton","Slot.Root","TriangleRightIcon","useDropdownContext","getMatch","DropdownMenuItem"],"mappings":";;;;;;;;;;;AAYa,MAAA,mBAAmB,GAAGA,gBAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,QACEC,gCAAA,CAACC,qBAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,OAAO,GAAGD,gCAAC,CAAAE,UAAS,EAAG,EAAA,CAAA,GAAG,SAAS,EAAA,GACvC,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACE,EACb;AACJ,CAAC,EAAE;AAIH;;AAEG;AACU,MAAA,uBAAuB,GAAGH,gBAAU,CAI/C,CACE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAGC,gCAAA,CAACG,4BAAiB,EAAA,EAAA,CAAG,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,KACD;AACF,IAAA,MAAM,EAAE,MAAM,EAAE,GAAGC,mCAAkB,EAAE,CAAC;IAExC,IACE,MAAM,EAAE,YAAY;QACpB,CAACC,cAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAC/C;AACA,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEL,gCAAC,CAAAC,qBAAU,IACT,GAAG,EAAE,GAAG,EACR,MAAM,EACJD,gCAAA,CAACM,iCAAgB,EACf,EAAA,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EACtB,GAAA,KAAK,EACT,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,EAAA,CACvD,YAGH,QAAQ,EAAA,CACE,EACb;AACJ,CAAC;;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu-trigger.d.ts

@@ -1,6 +1,6 @@
-import { MenuButtonProps } from "@ariakit/react";
-import { DropdownMenuItemProps } from "./dropdown-menu-item";
-import { WithAsChild } from "./types";
+import { MenuButtonProps } from '@ariakit/react';
+import { DropdownMenuItemProps } from './dropdown-menu-item';
+import { WithAsChild } from './types';
 export interface DropdownMenuTriggerProps extends WithAsChild<MenuButtonProps> {
 }
 export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/v1/components/dropdown-menu/dropdown-menu-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-trigger.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAoB,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,MAAM,WAAW,wBACf,SAAQ,WAAW,CAAC,eAAe,CAAC;CAAG;AAEzC,eAAO,MAAM,mBAAmB,qIAS9B,CAAC;AAEH,MAAM,WAAW,4BAA6B,SAAQ,qBAAqB;CAAG;AAE9E;;GAEG;AACH,eAAO,MAAM,uBAAuB,yIAgCnC,CAAC"}
+{"version":3,"file":"dropdown-menu-trigger.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAoB,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE/E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,MAAM,WAAW,wBACf,SAAQ,WAAW,CAAC,eAAe,CAAC;CAAG;AAEzC,eAAO,MAAM,mBAAmB,qIAa9B,CAAC;AAEH,MAAM,WAAW,4BAA6B,SAAQ,qBAAqB;CAAG;AAE9E;;GAEG;AACH,eAAO,MAAM,uBAAuB,yIAiCnC,CAAC"}

package/dist/v1/components/dropdown-menu/dropdown-menu-trigger.js

@@ -1,14 +1,14 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { forwardRef } from 'react';
 import { MenuButton } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@ariakit/react-core/esm/menu/menu-button.js';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
-import { DropdownMenuItem } from './dropdown-menu-item.js';
 import { ReactComponent as SvgTriangleRight } from '../../icons/assets/triangle-right.svg.js';
+import { forwardRef } from 'react';
+import { DropdownMenuItem } from './dropdown-menu-item.js';
 import { useDropdownContext } from './dropdown-menu-root.js';
 import { getMatch } from './utils.js';
+import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
 
 const DropdownMenuTrigger = forwardRef(({ children, asChild, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx(MenuButton, { ref: ref, render: asChild ? jsxRuntimeExports.jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, {}) : undefined, ...props, children: children }));
+    return (jsxRuntimeExports.jsx(MenuButton, { ref: ref, render: asChild ? jsxRuntimeExports.jsx(Slot, {}) : undefined, ...props, children: children }));
 });
 /**
  * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.
@@ -19,7 +19,7 @@ const DropdownMenuTriggerItem = forwardRef(({ children, value, trailingIcon = js
         !getMatch(value, children, parent?.searchValue)) {
         return null;
     }
-    return (jsxRuntimeExports.jsx(MenuButton, { ref: ref, render: jsxRuntimeExports.jsx(DropdownMenuItem, { value: value, trailingIcon: trailingIcon, ...props, forceRender: parent?.autocomplete ? "combobox" : "auto" }), children: children }));
+    return (jsxRuntimeExports.jsx(MenuButton, { ref: ref, render: jsxRuntimeExports.jsx(DropdownMenuItem, { value: value, trailingIcon: trailingIcon, ...props, forceRender: parent?.autocomplete ? 'combobox' : 'auto' }), children: children }));
 });
 
 export { DropdownMenuTrigger, DropdownMenuTriggerItem };

package/dist/v1/components/dropdown-menu/dropdown-menu-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-trigger.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { MenuButton, MenuButtonProps } from \"@ariakit/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { DropdownMenuItem, DropdownMenuItemProps } from \"./dropdown-menu-item\";\nimport { WithAsChild } from \"./types\";\nimport { TriangleRightIcon } from \"@raystack/apsara/icons\";\nimport { useDropdownContext } from \"./dropdown-menu-root\";\nimport { getMatch } from \"./utils\";\n\nexport interface DropdownMenuTriggerProps\n  extends WithAsChild<MenuButtonProps> {}\n\nexport const DropdownMenuTrigger = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerProps\n>(({ children, asChild, ...props }, ref) => {\n  return (\n    <MenuButton ref={ref} render={asChild ? <Slot /> : undefined} {...props}>\n      {children}\n    </MenuButton>\n  );\n});\n\nexport interface DropdownMenuTriggerItemProps extends DropdownMenuItemProps {}\n\n/**\n * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.\n */\nexport const DropdownMenuTriggerItem = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerItemProps\n>(\n  (\n    { children, value, trailingIcon = <TriangleRightIcon />, ...props },\n    ref,\n  ) => {\n    const { parent } = useDropdownContext();\n\n    if (\n      parent?.shouldFilter &&\n      !getMatch(value, children, parent?.searchValue)\n    ) {\n      return null;\n    }\n\n    return (\n      <MenuButton\n        ref={ref}\n        render={\n          <DropdownMenuItem\n            value={value}\n            trailingIcon={trailingIcon}\n            {...props}\n            forceRender={parent?.autocomplete ? \"combobox\" : \"auto\"}\n          />\n        }>\n        {children}\n      </MenuButton>\n    );\n  },\n);\n"],"names":["_jsx","Slot","TriangleRightIcon"],"mappings":";;;;;;;;;AAYa,MAAA,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACzC,QACEA,qBAAC,CAAA,UAAU,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,GAAGA,qBAAA,CAACC,yCAAI,EAAA,EAAA,CAAG,GAAG,SAAS,EAAM,GAAA,KAAK,EACpE,QAAA,EAAA,QAAQ,EACE,CAAA,EACb;AACJ,CAAC,EAAE;AAIH;;AAEG;AACU,MAAA,uBAAuB,GAAG,UAAU,CAI/C,CACE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAGD,qBAAA,CAACE,gBAAiB,EAAA,EAAA,CAAG,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,KACD;AACF,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,IACE,MAAM,EAAE,YAAY;QACpB,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAC/C;AACA,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEF,qBAAC,CAAA,UAAU,IACT,GAAG,EAAE,GAAG,EACR,MAAM,EACJA,qBAAA,CAAC,gBAAgB,EACf,EAAA,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EACtB,GAAA,KAAK,EACT,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,EAAA,CACvD,YAEH,QAAQ,EAAA,CACE,EACb;AACJ,CAAC;;;;"}
+{"version":3,"file":"dropdown-menu-trigger.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu-trigger.tsx"],"sourcesContent":["import { MenuButton, MenuButtonProps } from '@ariakit/react';\nimport { TriangleRightIcon } from '@raystack/apsara/icons';\nimport { Slot } from 'radix-ui';\nimport { forwardRef } from 'react';\nimport { DropdownMenuItem, DropdownMenuItemProps } from './dropdown-menu-item';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport { WithAsChild } from './types';\nimport { getMatch } from './utils';\n\nexport interface DropdownMenuTriggerProps\n  extends WithAsChild<MenuButtonProps> {}\n\nexport const DropdownMenuTrigger = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerProps\n>(({ children, asChild, ...props }, ref) => {\n  return (\n    <MenuButton\n      ref={ref}\n      render={asChild ? <Slot.Root /> : undefined}\n      {...props}\n    >\n      {children}\n    </MenuButton>\n  );\n});\n\nexport interface DropdownMenuTriggerItemProps extends DropdownMenuItemProps {}\n\n/**\n * `TriggerItem` is a helper component that renders a `Trigger` as a `MenuItem`.\n */\nexport const DropdownMenuTriggerItem = forwardRef<\n  HTMLButtonElement,\n  DropdownMenuTriggerItemProps\n>(\n  (\n    { children, value, trailingIcon = <TriangleRightIcon />, ...props },\n    ref\n  ) => {\n    const { parent } = useDropdownContext();\n\n    if (\n      parent?.shouldFilter &&\n      !getMatch(value, children, parent?.searchValue)\n    ) {\n      return null;\n    }\n\n    return (\n      <MenuButton\n        ref={ref}\n        render={\n          <DropdownMenuItem\n            value={value}\n            trailingIcon={trailingIcon}\n            {...props}\n            forceRender={parent?.autocomplete ? 'combobox' : 'auto'}\n          />\n        }\n      >\n        {children}\n      </MenuButton>\n    );\n  }\n);\n"],"names":["_jsx","Slot.Root","TriangleRightIcon"],"mappings":";;;;;;;;;AAYa,MAAA,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,QACEA,qBAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,OAAO,GAAGA,qBAAC,CAAAC,IAAS,EAAG,EAAA,CAAA,GAAG,SAAS,EAAA,GACvC,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACE,EACb;AACJ,CAAC,EAAE;AAIH;;AAEG;AACU,MAAA,uBAAuB,GAAG,UAAU,CAI/C,CACE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAGD,qBAAA,CAACE,gBAAiB,EAAA,EAAA,CAAG,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,KACD;AACF,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,IACE,MAAM,EAAE,YAAY;QACpB,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAC/C;AACA,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,QACEF,qBAAC,CAAA,UAAU,IACT,GAAG,EAAE,GAAG,EACR,MAAM,EACJA,qBAAA,CAAC,gBAAgB,EACf,EAAA,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EACtB,GAAA,KAAK,EACT,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,EAAA,CACvD,YAGH,QAAQ,EAAA,CACE,EACb;AACJ,CAAC;;;;"}

package/dist/v1/components/flex/flex.cjs

@@ -8,55 +8,66 @@ var flex_module = require('./flex.module.css.cjs');
 const flex = index.cva(flex_module.default.flex, {
     variants: {
         direction: {
-            row: flex_module.default["direction-row"],
-            column: flex_module.default["direction-column"],
-            rowReverse: flex_module.default["direction-rowReverse"],
-            columnReverse: flex_module.default["direction-columnReverse"],
+            row: flex_module.default['direction-row'],
+            column: flex_module.default['direction-column'],
+            rowReverse: flex_module.default['direction-rowReverse'],
+            columnReverse: flex_module.default['direction-columnReverse']
         },
         align: {
-            start: flex_module.default["align-start"],
-            center: flex_module.default["align-center"],
-            end: flex_module.default["align-end"],
-            stretch: flex_module.default["align-stretch"],
-            baseline: flex_module.default["align-baseline"],
+            start: flex_module.default['align-start'],
+            center: flex_module.default['align-center'],
+            end: flex_module.default['align-end'],
+            stretch: flex_module.default['align-stretch'],
+            baseline: flex_module.default['align-baseline']
         },
         justify: {
-            start: flex_module.default["justify-start"],
-            center: flex_module.default["justify-center"],
-            end: flex_module.default["justify-end"],
-            between: flex_module.default["justify-between"],
+            start: flex_module.default['justify-start'],
+            center: flex_module.default['justify-center'],
+            end: flex_module.default['justify-end'],
+            between: flex_module.default['justify-between']
         },
         wrap: {
-            noWrap: flex_module.default["wrap-noWrap"],
-            wrap: flex_module.default["wrap-wrap"],
-            wrapReverse: flex_module.default["wrap-wrapReverse"],
+            noWrap: flex_module.default['wrap-noWrap'],
+            wrap: flex_module.default['wrap-wrap'],
+            wrapReverse: flex_module.default['wrap-wrapReverse']
         },
         gap: {
-            1: flex_module.default["gap-1"],
-            2: flex_module.default["gap-2"],
-            3: flex_module.default["gap-3"],
-            4: flex_module.default["gap-4"],
-            5: flex_module.default["gap-5"],
-            6: flex_module.default["gap-6"],
-            7: flex_module.default["gap-7"],
-            8: flex_module.default["gap-8"],
-            9: flex_module.default["gap-9"],
-            "extra-small": flex_module.default["gap-xs"],
-            small: flex_module.default["gap-sm"],
-            medium: flex_module.default["gap-md"],
-            large: flex_module.default["gap-lg"],
-            "extra-large": flex_module.default["gap-xl"],
+            1: flex_module.default['gap-1'],
+            2: flex_module.default['gap-2'],
+            3: flex_module.default['gap-3'],
+            4: flex_module.default['gap-4'],
+            5: flex_module.default['gap-5'],
+            6: flex_module.default['gap-6'],
+            7: flex_module.default['gap-7'],
+            8: flex_module.default['gap-8'],
+            9: flex_module.default['gap-9'],
+            'extra-small': flex_module.default['gap-xs'],
+            small: flex_module.default['gap-sm'],
+            medium: flex_module.default['gap-md'],
+            large: flex_module.default['gap-lg'],
+            'extra-large': flex_module.default['gap-xl']
         },
+        width: {
+            full: flex_module.default['width-full']
+        }
     },
     defaultVariants: {
-        direction: "row",
-        align: "stretch",
-        justify: "start",
-        wrap: "noWrap",
-    },
+        direction: 'row',
+        align: 'stretch',
+        justify: 'start',
+        wrap: 'noWrap'
+    }
 });
-const Flex = React.forwardRef(({ children, direction, align, justify, wrap, gap, className, ...props }, ref) => {
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: flex({ direction, align, justify, wrap, gap, className }), ...props, ref: ref, children: children }));
+const Flex = React.forwardRef(({ children, direction, align, justify, wrap, gap, className, width, ...props }, ref) => {
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: flex({
+            direction,
+            align,
+            justify,
+            wrap,
+            gap,
+            className,
+            width
+        }), ...props, ref: ref, children: children }));
 });
 
 exports.Flex = Flex;

package/dist/v1/components/flex/flex.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"flex.cjs","sources":["../../../../v1/components/flex/flex.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./flex.module.css\";\n\nconst flex = cva(styles.flex, {\n  variants: {\n    direction: {\n      row: styles[\"direction-row\"],\n      column: styles[\"direction-column\"],\n      rowReverse: styles[\"direction-rowReverse\"],\n      columnReverse: styles[\"direction-columnReverse\"],\n    },\n    align: {\n      start: styles[\"align-start\"],\n      center: styles[\"align-center\"],\n      end: styles[\"align-end\"],\n      stretch: styles[\"align-stretch\"],\n      baseline: styles[\"align-baseline\"],\n    },\n    justify: {\n      start: styles[\"justify-start\"],\n      center: styles[\"justify-center\"],\n      end: styles[\"justify-end\"],\n      between: styles[\"justify-between\"],\n    },\n    wrap: {\n      noWrap: styles[\"wrap-noWrap\"],\n      wrap: styles[\"wrap-wrap\"],\n      wrapReverse: styles[\"wrap-wrapReverse\"],\n    },\n    gap: {\n      1: styles[\"gap-1\"],\n      2: styles[\"gap-2\"],\n      3: styles[\"gap-3\"],\n      4: styles[\"gap-4\"],\n      5: styles[\"gap-5\"],\n      6: styles[\"gap-6\"],\n      7: styles[\"gap-7\"],\n      8: styles[\"gap-8\"],\n      9: styles[\"gap-9\"],\n      \"extra-small\": styles[\"gap-xs\"],\n      small: styles[\"gap-sm\"],\n      medium: styles[\"gap-md\"],\n      large: styles[\"gap-lg\"],\n      \"extra-large\": styles[\"gap-xl\"],\n    },\n  },\n  defaultVariants: {\n    direction: \"row\",\n    align: \"stretch\",\n    justify: \"start\",\n    wrap: \"noWrap\",\n  },\n});\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof flex>> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    { children, direction, align, justify, wrap, gap, className, ...props },\n    ref\n  ) => {\n    return (\n      <div\n        className={flex({ direction, align, justify, wrap, gap, className })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":"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"}
+{"version":3,"file":"flex.cjs","sources":["../../../../v1/components/flex/flex.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, PropsWithChildren, forwardRef } from 'react';\n\nimport styles from './flex.module.css';\n\nconst flex = cva(styles.flex, {\n  variants: {\n    direction: {\n      row: styles['direction-row'],\n      column: styles['direction-column'],\n      rowReverse: styles['direction-rowReverse'],\n      columnReverse: styles['direction-columnReverse']\n    },\n    align: {\n      start: styles['align-start'],\n      center: styles['align-center'],\n      end: styles['align-end'],\n      stretch: styles['align-stretch'],\n      baseline: styles['align-baseline']\n    },\n    justify: {\n      start: styles['justify-start'],\n      center: styles['justify-center'],\n      end: styles['justify-end'],\n      between: styles['justify-between']\n    },\n    wrap: {\n      noWrap: styles['wrap-noWrap'],\n      wrap: styles['wrap-wrap'],\n      wrapReverse: styles['wrap-wrapReverse']\n    },\n    gap: {\n      1: styles['gap-1'],\n      2: styles['gap-2'],\n      3: styles['gap-3'],\n      4: styles['gap-4'],\n      5: styles['gap-5'],\n      6: styles['gap-6'],\n      7: styles['gap-7'],\n      8: styles['gap-8'],\n      9: styles['gap-9'],\n      'extra-small': styles['gap-xs'],\n      small: styles['gap-sm'],\n      medium: styles['gap-md'],\n      large: styles['gap-lg'],\n      'extra-large': styles['gap-xl']\n    },\n    width: {\n      full: styles['width-full']\n    }\n  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap'\n  }\n});\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof flex>> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    {\n      children,\n      direction,\n      align,\n      justify,\n      wrap,\n      gap,\n      className,\n      width,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        className={flex({\n          direction,\n          align,\n          justify,\n          wrap,\n          gap,\n          className,\n          width\n        })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":"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"}

package/dist/v1/components/flex/flex.d.ts

@@ -1,11 +1,12 @@
-import { VariantProps } from "class-variance-authority";
-import { HTMLAttributes } from "react";
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes } from 'react';
 export declare const Flex: import("react").ForwardRefExoticComponent<VariantProps<(props?: ({
     direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
     align?: "start" | "center" | "end" | "stretch" | "baseline" | null | undefined;
     justify?: "start" | "center" | "end" | "between" | null | undefined;
     wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
     gap?: "extra-small" | "small" | "medium" | "large" | "extra-large" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+    width?: "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     children?: import("react").ReactNode;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/v1/components/flex/flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../v1/components/flex/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAc,cAAc,EAAqB,MAAM,OAAO,CAAC;AA0DtE,eAAO,MAAM,IAAI;;;;;;;;mFAehB,CAAC"}
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../v1/components/flex/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAiC,MAAM,OAAO,CAAC;AA6DtE,eAAO,MAAM,IAAI;;;;;;;;;mFAiChB,CAAC"}

package/dist/v1/components/flex/flex.js

@@ -6,55 +6,66 @@ import styles from './flex.module.css.js';
 const flex = cva(styles.flex, {
     variants: {
         direction: {
-            row: styles["direction-row"],
-            column: styles["direction-column"],
-            rowReverse: styles["direction-rowReverse"],
-            columnReverse: styles["direction-columnReverse"],
+            row: styles['direction-row'],
+            column: styles['direction-column'],
+            rowReverse: styles['direction-rowReverse'],
+            columnReverse: styles['direction-columnReverse']
         },
         align: {
-            start: styles["align-start"],
-            center: styles["align-center"],
-            end: styles["align-end"],
-            stretch: styles["align-stretch"],
-            baseline: styles["align-baseline"],
+            start: styles['align-start'],
+            center: styles['align-center'],
+            end: styles['align-end'],
+            stretch: styles['align-stretch'],
+            baseline: styles['align-baseline']
         },
         justify: {
-            start: styles["justify-start"],
-            center: styles["justify-center"],
-            end: styles["justify-end"],
-            between: styles["justify-between"],
+            start: styles['justify-start'],
+            center: styles['justify-center'],
+            end: styles['justify-end'],
+            between: styles['justify-between']
         },
         wrap: {
-            noWrap: styles["wrap-noWrap"],
-            wrap: styles["wrap-wrap"],
-            wrapReverse: styles["wrap-wrapReverse"],
+            noWrap: styles['wrap-noWrap'],
+            wrap: styles['wrap-wrap'],
+            wrapReverse: styles['wrap-wrapReverse']
         },
         gap: {
-            1: styles["gap-1"],
-            2: styles["gap-2"],
-            3: styles["gap-3"],
-            4: styles["gap-4"],
-            5: styles["gap-5"],
-            6: styles["gap-6"],
-            7: styles["gap-7"],
-            8: styles["gap-8"],
-            9: styles["gap-9"],
-            "extra-small": styles["gap-xs"],
-            small: styles["gap-sm"],
-            medium: styles["gap-md"],
-            large: styles["gap-lg"],
-            "extra-large": styles["gap-xl"],
+            1: styles['gap-1'],
+            2: styles['gap-2'],
+            3: styles['gap-3'],
+            4: styles['gap-4'],
+            5: styles['gap-5'],
+            6: styles['gap-6'],
+            7: styles['gap-7'],
+            8: styles['gap-8'],
+            9: styles['gap-9'],
+            'extra-small': styles['gap-xs'],
+            small: styles['gap-sm'],
+            medium: styles['gap-md'],
+            large: styles['gap-lg'],
+            'extra-large': styles['gap-xl']
         },
+        width: {
+            full: styles['width-full']
+        }
     },
     defaultVariants: {
-        direction: "row",
-        align: "stretch",
-        justify: "start",
-        wrap: "noWrap",
-    },
+        direction: 'row',
+        align: 'stretch',
+        justify: 'start',
+        wrap: 'noWrap'
+    }
 });
-const Flex = forwardRef(({ children, direction, align, justify, wrap, gap, className, ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { className: flex({ direction, align, justify, wrap, gap, className }), ...props, ref: ref, children: children }));
+const Flex = forwardRef(({ children, direction, align, justify, wrap, gap, className, width, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("div", { className: flex({
+            direction,
+            align,
+            justify,
+            wrap,
+            gap,
+            className,
+            width
+        }), ...props, ref: ref, children: children }));
 });
 
 export { Flex };

package/dist/v1/components/flex/flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.js","sources":["../../../../v1/components/flex/flex.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./flex.module.css\";\n\nconst flex = cva(styles.flex, {\n  variants: {\n    direction: {\n      row: styles[\"direction-row\"],\n      column: styles[\"direction-column\"],\n      rowReverse: styles[\"direction-rowReverse\"],\n      columnReverse: styles[\"direction-columnReverse\"],\n    },\n    align: {\n      start: styles[\"align-start\"],\n      center: styles[\"align-center\"],\n      end: styles[\"align-end\"],\n      stretch: styles[\"align-stretch\"],\n      baseline: styles[\"align-baseline\"],\n    },\n    justify: {\n      start: styles[\"justify-start\"],\n      center: styles[\"justify-center\"],\n      end: styles[\"justify-end\"],\n      between: styles[\"justify-between\"],\n    },\n    wrap: {\n      noWrap: styles[\"wrap-noWrap\"],\n      wrap: styles[\"wrap-wrap\"],\n      wrapReverse: styles[\"wrap-wrapReverse\"],\n    },\n    gap: {\n      1: styles[\"gap-1\"],\n      2: styles[\"gap-2\"],\n      3: styles[\"gap-3\"],\n      4: styles[\"gap-4\"],\n      5: styles[\"gap-5\"],\n      6: styles[\"gap-6\"],\n      7: styles[\"gap-7\"],\n      8: styles[\"gap-8\"],\n      9: styles[\"gap-9\"],\n      \"extra-small\": styles[\"gap-xs\"],\n      small: styles[\"gap-sm\"],\n      medium: styles[\"gap-md\"],\n      large: styles[\"gap-lg\"],\n      \"extra-large\": styles[\"gap-xl\"],\n    },\n  },\n  defaultVariants: {\n    direction: \"row\",\n    align: \"stretch\",\n    justify: \"start\",\n    wrap: \"noWrap\",\n  },\n});\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof flex>> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    { children, direction, align, justify, wrap, gap, className, ...props },\n    ref\n  ) => {\n    return (\n      <div\n        className={flex({ direction, align, justify, wrap, gap, className })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE;AACT,YAAA,GAAG,EAAE,MAAM,CAAC,eAAe,CAAC;AAC5B,YAAA,MAAM,EAAE,MAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,UAAU,EAAE,MAAM,CAAC,sBAAsB,CAAC;AAC1C,YAAA,aAAa,EAAE,MAAM,CAAC,yBAAyB,CAAC;AACjD,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,WAAW,CAAC;AACxB,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,QAAQ,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACnC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAChC,YAAA,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC;AAC1B,YAAA,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACnC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC;AACzB,YAAA,WAAW,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACxC,SAAA;AACD,QAAA,GAAG,EAAE;AACH,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;AAClB,YAAA,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;AAC/B,YAAA,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;AACvB,YAAA,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC;AACxB,YAAA,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;AACvB,YAAA,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;AAChC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAKI,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvE,GAAG,KACD;AACF,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAA,GAChE,KAAK,EACT,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;;;;"}
+{"version":3,"file":"flex.js","sources":["../../../../v1/components/flex/flex.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, PropsWithChildren, forwardRef } from 'react';\n\nimport styles from './flex.module.css';\n\nconst flex = cva(styles.flex, {\n  variants: {\n    direction: {\n      row: styles['direction-row'],\n      column: styles['direction-column'],\n      rowReverse: styles['direction-rowReverse'],\n      columnReverse: styles['direction-columnReverse']\n    },\n    align: {\n      start: styles['align-start'],\n      center: styles['align-center'],\n      end: styles['align-end'],\n      stretch: styles['align-stretch'],\n      baseline: styles['align-baseline']\n    },\n    justify: {\n      start: styles['justify-start'],\n      center: styles['justify-center'],\n      end: styles['justify-end'],\n      between: styles['justify-between']\n    },\n    wrap: {\n      noWrap: styles['wrap-noWrap'],\n      wrap: styles['wrap-wrap'],\n      wrapReverse: styles['wrap-wrapReverse']\n    },\n    gap: {\n      1: styles['gap-1'],\n      2: styles['gap-2'],\n      3: styles['gap-3'],\n      4: styles['gap-4'],\n      5: styles['gap-5'],\n      6: styles['gap-6'],\n      7: styles['gap-7'],\n      8: styles['gap-8'],\n      9: styles['gap-9'],\n      'extra-small': styles['gap-xs'],\n      small: styles['gap-sm'],\n      medium: styles['gap-md'],\n      large: styles['gap-lg'],\n      'extra-large': styles['gap-xl']\n    },\n    width: {\n      full: styles['width-full']\n    }\n  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'noWrap'\n  }\n});\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof flex>> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n  (\n    {\n      children,\n      direction,\n      align,\n      justify,\n      wrap,\n      gap,\n      className,\n      width,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        className={flex({\n          direction,\n          align,\n          justify,\n          wrap,\n          gap,\n          className,\n          width\n        })}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":"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"}

package/dist/v1/components/flex/flex.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"flex":"flex-module_flex__fZ-Sc","direction-row":"flex-module_direction-row__77aQi","direction-column":"flex-module_direction-column__j4KqT","direction-rowReverse":"flex-module_direction-rowReverse__MPbAV","direction-columnReverse":"flex-module_direction-columnReverse__VLSDf","align-start":"flex-module_align-start__MCmFu","align-center":"flex-module_align-center__MNhmy","align-end":"flex-module_align-end__mUpw6","align-stretch":"flex-module_align-stretch__gqBJq","align-baseline":"flex-module_align-baseline__Ih3rJ","justify-start":"flex-module_justify-start__Qazki","justify-center":"flex-module_justify-center__DGV33","justify-end":"flex-module_justify-end__maAst","justify-between":"flex-module_justify-between__5A-HF","wrap-noWrap":"flex-module_wrap-noWrap__vo-yi","wrap-wrap":"flex-module_wrap-wrap__1GYoe","wrap-wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap-xs":"flex-module_gap-xs__WltLq","gap-sm":"flex-module_gap-sm__0u17E","gap-md":"flex-module_gap-md__qXNWu","gap-lg":"flex-module_gap-lg__84NhB","gap-xl":"flex-module_gap-xl__Ix6vc","gap-1":"flex-module_gap-1__oXYV2","gap-2":"flex-module_gap-2__EkH82","gap-3":"flex-module_gap-3__MdG1V","gap-4":"flex-module_gap-4__LteTu","gap-5":"flex-module_gap-5__RGfOW","gap-6":"flex-module_gap-6__cjVhp","gap-7":"flex-module_gap-7__64Ulj","gap-8":"flex-module_gap-8__ZLXCo","gap-9":"flex-module_gap-9__qs4Nl","direction___row":"flex-module_direction-row__77aQi","direction___column":"flex-module_direction-column__j4KqT","direction___rowReverse":"flex-module_direction-rowReverse__MPbAV","direction___columnReverse":"flex-module_direction-columnReverse__VLSDf","align___start":"flex-module_align-start__MCmFu","align___center":"flex-module_align-center__MNhmy","align___end":"flex-module_align-end__mUpw6","align___stretch":"flex-module_align-stretch__gqBJq","align___baseline":"flex-module_align-baseline__Ih3rJ","justify___start":"flex-module_justify-start__Qazki","justify___center":"flex-module_justify-center__DGV33","justify___end":"flex-module_justify-end__maAst","justify___between":"flex-module_justify-between__5A-HF","wrap___noWrap":"flex-module_wrap-noWrap__vo-yi","wrap___wrap":"flex-module_wrap-wrap__1GYoe","wrap___wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap___xs":"flex-module_gap-xs__WltLq","gap___sm":"flex-module_gap-sm__0u17E","gap___md":"flex-module_gap-md__qXNWu","gap___lg":"flex-module_gap-lg__84NhB","gap___xl":"flex-module_gap-xl__Ix6vc","gap___1":"flex-module_gap-1__oXYV2","gap___2":"flex-module_gap-2__EkH82","gap___3":"flex-module_gap-3__MdG1V","gap___4":"flex-module_gap-4__LteTu","gap___5":"flex-module_gap-5__RGfOW","gap___6":"flex-module_gap-6__cjVhp","gap___7":"flex-module_gap-7__64Ulj","gap___8":"flex-module_gap-8__ZLXCo","gap___9":"flex-module_gap-9__qs4Nl"};
+var styles = {"flex":"flex-module_flex__fZ-Sc","direction-row":"flex-module_direction-row__77aQi","direction-column":"flex-module_direction-column__j4KqT","direction-rowReverse":"flex-module_direction-rowReverse__MPbAV","direction-columnReverse":"flex-module_direction-columnReverse__VLSDf","align-start":"flex-module_align-start__MCmFu","align-center":"flex-module_align-center__MNhmy","align-end":"flex-module_align-end__mUpw6","align-stretch":"flex-module_align-stretch__gqBJq","align-baseline":"flex-module_align-baseline__Ih3rJ","justify-start":"flex-module_justify-start__Qazki","justify-center":"flex-module_justify-center__DGV33","justify-end":"flex-module_justify-end__maAst","justify-between":"flex-module_justify-between__5A-HF","wrap-noWrap":"flex-module_wrap-noWrap__vo-yi","wrap-wrap":"flex-module_wrap-wrap__1GYoe","wrap-wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap-xs":"flex-module_gap-xs__WltLq","gap-sm":"flex-module_gap-sm__0u17E","gap-md":"flex-module_gap-md__qXNWu","gap-lg":"flex-module_gap-lg__84NhB","gap-xl":"flex-module_gap-xl__Ix6vc","gap-1":"flex-module_gap-1__oXYV2","gap-2":"flex-module_gap-2__EkH82","gap-3":"flex-module_gap-3__MdG1V","gap-4":"flex-module_gap-4__LteTu","gap-5":"flex-module_gap-5__RGfOW","gap-6":"flex-module_gap-6__cjVhp","gap-7":"flex-module_gap-7__64Ulj","gap-8":"flex-module_gap-8__ZLXCo","gap-9":"flex-module_gap-9__qs4Nl","width-full":"flex-module_width-full__FlHst","direction___row":"flex-module_direction-row__77aQi","direction___column":"flex-module_direction-column__j4KqT","direction___rowReverse":"flex-module_direction-rowReverse__MPbAV","direction___columnReverse":"flex-module_direction-columnReverse__VLSDf","align___start":"flex-module_align-start__MCmFu","align___center":"flex-module_align-center__MNhmy","align___end":"flex-module_align-end__mUpw6","align___stretch":"flex-module_align-stretch__gqBJq","align___baseline":"flex-module_align-baseline__Ih3rJ","justify___start":"flex-module_justify-start__Qazki","justify___center":"flex-module_justify-center__DGV33","justify___end":"flex-module_justify-end__maAst","justify___between":"flex-module_justify-between__5A-HF","wrap___noWrap":"flex-module_wrap-noWrap__vo-yi","wrap___wrap":"flex-module_wrap-wrap__1GYoe","wrap___wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap___xs":"flex-module_gap-xs__WltLq","gap___sm":"flex-module_gap-sm__0u17E","gap___md":"flex-module_gap-md__qXNWu","gap___lg":"flex-module_gap-lg__84NhB","gap___xl":"flex-module_gap-xl__Ix6vc","gap___1":"flex-module_gap-1__oXYV2","gap___2":"flex-module_gap-2__EkH82","gap___3":"flex-module_gap-3__MdG1V","gap___4":"flex-module_gap-4__LteTu","gap___5":"flex-module_gap-5__RGfOW","gap___6":"flex-module_gap-6__cjVhp","gap___7":"flex-module_gap-7__64Ulj","gap___8":"flex-module_gap-8__ZLXCo","gap___9":"flex-module_gap-9__qs4Nl","width___full":"flex-module_width-full__FlHst"};
 
 exports.default = styles;
 //# sourceMappingURL=flex.module.css.cjs.map

package/dist/v1/components/flex/flex.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"flex":"flex-module_flex__fZ-Sc","direction-row":"flex-module_direction-row__77aQi","direction-column":"flex-module_direction-column__j4KqT","direction-rowReverse":"flex-module_direction-rowReverse__MPbAV","direction-columnReverse":"flex-module_direction-columnReverse__VLSDf","align-start":"flex-module_align-start__MCmFu","align-center":"flex-module_align-center__MNhmy","align-end":"flex-module_align-end__mUpw6","align-stretch":"flex-module_align-stretch__gqBJq","align-baseline":"flex-module_align-baseline__Ih3rJ","justify-start":"flex-module_justify-start__Qazki","justify-center":"flex-module_justify-center__DGV33","justify-end":"flex-module_justify-end__maAst","justify-between":"flex-module_justify-between__5A-HF","wrap-noWrap":"flex-module_wrap-noWrap__vo-yi","wrap-wrap":"flex-module_wrap-wrap__1GYoe","wrap-wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap-xs":"flex-module_gap-xs__WltLq","gap-sm":"flex-module_gap-sm__0u17E","gap-md":"flex-module_gap-md__qXNWu","gap-lg":"flex-module_gap-lg__84NhB","gap-xl":"flex-module_gap-xl__Ix6vc","gap-1":"flex-module_gap-1__oXYV2","gap-2":"flex-module_gap-2__EkH82","gap-3":"flex-module_gap-3__MdG1V","gap-4":"flex-module_gap-4__LteTu","gap-5":"flex-module_gap-5__RGfOW","gap-6":"flex-module_gap-6__cjVhp","gap-7":"flex-module_gap-7__64Ulj","gap-8":"flex-module_gap-8__ZLXCo","gap-9":"flex-module_gap-9__qs4Nl","direction___row":"flex-module_direction-row__77aQi","direction___column":"flex-module_direction-column__j4KqT","direction___rowReverse":"flex-module_direction-rowReverse__MPbAV","direction___columnReverse":"flex-module_direction-columnReverse__VLSDf","align___start":"flex-module_align-start__MCmFu","align___center":"flex-module_align-center__MNhmy","align___end":"flex-module_align-end__mUpw6","align___stretch":"flex-module_align-stretch__gqBJq","align___baseline":"flex-module_align-baseline__Ih3rJ","justify___start":"flex-module_justify-start__Qazki","justify___center":"flex-module_justify-center__DGV33","justify___end":"flex-module_justify-end__maAst","justify___between":"flex-module_justify-between__5A-HF","wrap___noWrap":"flex-module_wrap-noWrap__vo-yi","wrap___wrap":"flex-module_wrap-wrap__1GYoe","wrap___wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap___xs":"flex-module_gap-xs__WltLq","gap___sm":"flex-module_gap-sm__0u17E","gap___md":"flex-module_gap-md__qXNWu","gap___lg":"flex-module_gap-lg__84NhB","gap___xl":"flex-module_gap-xl__Ix6vc","gap___1":"flex-module_gap-1__oXYV2","gap___2":"flex-module_gap-2__EkH82","gap___3":"flex-module_gap-3__MdG1V","gap___4":"flex-module_gap-4__LteTu","gap___5":"flex-module_gap-5__RGfOW","gap___6":"flex-module_gap-6__cjVhp","gap___7":"flex-module_gap-7__64Ulj","gap___8":"flex-module_gap-8__ZLXCo","gap___9":"flex-module_gap-9__qs4Nl"};
+var styles = {"flex":"flex-module_flex__fZ-Sc","direction-row":"flex-module_direction-row__77aQi","direction-column":"flex-module_direction-column__j4KqT","direction-rowReverse":"flex-module_direction-rowReverse__MPbAV","direction-columnReverse":"flex-module_direction-columnReverse__VLSDf","align-start":"flex-module_align-start__MCmFu","align-center":"flex-module_align-center__MNhmy","align-end":"flex-module_align-end__mUpw6","align-stretch":"flex-module_align-stretch__gqBJq","align-baseline":"flex-module_align-baseline__Ih3rJ","justify-start":"flex-module_justify-start__Qazki","justify-center":"flex-module_justify-center__DGV33","justify-end":"flex-module_justify-end__maAst","justify-between":"flex-module_justify-between__5A-HF","wrap-noWrap":"flex-module_wrap-noWrap__vo-yi","wrap-wrap":"flex-module_wrap-wrap__1GYoe","wrap-wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap-xs":"flex-module_gap-xs__WltLq","gap-sm":"flex-module_gap-sm__0u17E","gap-md":"flex-module_gap-md__qXNWu","gap-lg":"flex-module_gap-lg__84NhB","gap-xl":"flex-module_gap-xl__Ix6vc","gap-1":"flex-module_gap-1__oXYV2","gap-2":"flex-module_gap-2__EkH82","gap-3":"flex-module_gap-3__MdG1V","gap-4":"flex-module_gap-4__LteTu","gap-5":"flex-module_gap-5__RGfOW","gap-6":"flex-module_gap-6__cjVhp","gap-7":"flex-module_gap-7__64Ulj","gap-8":"flex-module_gap-8__ZLXCo","gap-9":"flex-module_gap-9__qs4Nl","width-full":"flex-module_width-full__FlHst","direction___row":"flex-module_direction-row__77aQi","direction___column":"flex-module_direction-column__j4KqT","direction___rowReverse":"flex-module_direction-rowReverse__MPbAV","direction___columnReverse":"flex-module_direction-columnReverse__VLSDf","align___start":"flex-module_align-start__MCmFu","align___center":"flex-module_align-center__MNhmy","align___end":"flex-module_align-end__mUpw6","align___stretch":"flex-module_align-stretch__gqBJq","align___baseline":"flex-module_align-baseline__Ih3rJ","justify___start":"flex-module_justify-start__Qazki","justify___center":"flex-module_justify-center__DGV33","justify___end":"flex-module_justify-end__maAst","justify___between":"flex-module_justify-between__5A-HF","wrap___noWrap":"flex-module_wrap-noWrap__vo-yi","wrap___wrap":"flex-module_wrap-wrap__1GYoe","wrap___wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap___xs":"flex-module_gap-xs__WltLq","gap___sm":"flex-module_gap-sm__0u17E","gap___md":"flex-module_gap-md__qXNWu","gap___lg":"flex-module_gap-lg__84NhB","gap___xl":"flex-module_gap-xl__Ix6vc","gap___1":"flex-module_gap-1__oXYV2","gap___2":"flex-module_gap-2__EkH82","gap___3":"flex-module_gap-3__MdG1V","gap___4":"flex-module_gap-4__LteTu","gap___5":"flex-module_gap-5__RGfOW","gap___6":"flex-module_gap-6__cjVhp","gap___7":"flex-module_gap-7__64Ulj","gap___8":"flex-module_gap-8__ZLXCo","gap___9":"flex-module_gap-9__qs4Nl","width___full":"flex-module_width-full__FlHst"};
 
 export { styles as default };
 //# sourceMappingURL=flex.module.css.js.map

package/dist/v1/components/grid/grid-item.cjs

@@ -2,10 +2,10 @@
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var React = require('react');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
 
 const GridItem = React.forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, colSpan, rowSpan, justifySelf, alignSelf, style, asChild, ...props }, ref) => {
-    const Comp = asChild ? index.Slot : "div";
+    const Comp = asChild ? index.Root : 'div';
     return (jsxRuntime.jsxRuntimeExports.jsx(Comp, { ref: ref, style: {
             gridArea: area,
             gridColumnStart: colStart,
@@ -16,10 +16,10 @@ const GridItem = React.forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, c
             gridRow: rowSpan ? `span ${rowSpan}` : undefined,
             justifySelf,
             alignSelf,
-            ...style,
+            ...style
         }, ...props }));
 });
-GridItem.displayName = "GridItem";
+GridItem.displayName = 'GridItem';
 
 exports.GridItem = GridItem;
 //# sourceMappingURL=grid-item.cjs.map

package/dist/v1/components/grid/grid-item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid-item.cjs","sources":["../../../../v1/components/grid/grid-item.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { AlignType } from \"./types\";\n\ntype GridItemProps = HTMLAttributes<HTMLDivElement> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n  asChild?: boolean;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      asChild,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          gridArea: area,\n          gridColumnStart: colStart,\n          gridColumnEnd: colEnd,\n          gridRowStart: rowStart,\n          gridRowEnd: rowEnd,\n          gridColumn: colSpan ? `span ${colSpan}` : undefined,\n          gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n          justifySelf,\n          alignSelf,\n          ...style,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nGridItem.displayName = \"GridItem\";\n"],"names":["forwardRef","Slot","_jsx"],"mappings":";;;;;;AAiBa,MAAA,QAAQ,GAAGA,gBAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,IAAI,GAAG,OAAO,GAAGC,UAAI,GAAG,KAAK,CAAC;IAEpC,QACEC,iCAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YAChD,WAAW;YACX,SAAS;AACT,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"grid-item.cjs","sources":["../../../../v1/components/grid/grid-item.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport { AlignType } from './types';\n\ntype GridItemProps = HTMLAttributes<HTMLDivElement> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n  asChild?: boolean;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          gridArea: area,\n          gridColumnStart: colStart,\n          gridColumnEnd: colEnd,\n          gridRowStart: rowStart,\n          gridRowEnd: rowEnd,\n          gridColumn: colSpan ? `span ${colSpan}` : undefined,\n          gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n          justifySelf,\n          alignSelf,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGridItem.displayName = 'GridItem';\n"],"names":["forwardRef","Slot.Root","_jsx"],"mappings":";;;;;;AAiBa,MAAA,QAAQ,GAAGA,gBAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGC,UAAS,GAAG,KAAK,CAAC;IAEzC,QACEC,iCAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YAChD,WAAW;YACX,SAAS;AACT,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/v1/components/grid/grid-item.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from "react";
-import { AlignType } from "./types";
+import { HTMLAttributes } from 'react';
+import { AlignType } from './types';
 export declare const GridItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     area?: string | undefined;
     colStart?: string | number | undefined;

package/dist/v1/components/grid/grid-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../../v1/components/grid/grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAepC,eAAO,MAAM,QAAQ;;;;;;;;;;;kDAuCpB,CAAC"}
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../../v1/components/grid/grid-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAepC,eAAO,MAAM,QAAQ;;;;;;;;;;;kDAuCpB,CAAC"}