@raystack/apsara 0.56.7 → 1.0.0-rc.1

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

@@ -0,0 +1,43 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Autocomplete } from '@base-ui/react';
+import { Menu } from '@base-ui/react/menu';
+import { ReactComponent as SvgTriangleRight } from '../../icons/assets/triangle-right.svg.js';
+import { Button } from '../button/button.js';
+import { useMenubarContext } from '../menubar/menubar.js';
+import { Cell } from './cell.js';
+import styles from './menu.module.css.js';
+import { useMenuContext } from './menu-root.js';
+import { getMatch } from './utils.js';
+
+function MenuTrigger({ children, stopPropagation = true, onClick, render, ...props }) {
+    const inMenubarContext = useMenubarContext();
+    const menubarRender = inMenubarContext ? (jsx(Button, { variant: 'text', color: 'neutral', size: 'small', className: `${styles.menuBarTrigger} rs-menu-trigger` })) : undefined;
+    return (jsx(Menu.Trigger, { render: render ?? menubarRender, onClick: e => {
+            if (stopPropagation)
+                e.stopPropagation();
+            onClick?.(e);
+        }, ...props, children: children }));
+}
+MenuTrigger.displayName = 'Menu.Trigger';
+function MenuSubTrigger({ children, value, trailingIcon = jsx(SvgTriangleRight, {}), leadingIcon, ...props }) {
+    const { parent, inputRef } = useMenuContext();
+    if (parent?.shouldFilter && !getMatch(value, children, parent?.inputValue)) {
+        return null;
+    }
+    const cell = jsx(Cell, { leadingIcon: leadingIcon, trailingIcon: trailingIcon });
+    return (jsx(Menu.SubmenuTrigger, { render: parent?.autocomplete ? (jsx(Autocomplete.Item, { value: value, render: cell, onPointerEnter: e => {
+                if (document?.activeElement !== parent?.inputRef?.current)
+                    parent?.inputRef?.current?.focus();
+                props?.onPointerEnter?.(e);
+            }, onKeyDown: e => {
+                requestAnimationFrame(() => {
+                    inputRef?.current?.focus();
+                });
+                props?.onKeyDown?.(e);
+            } })) : (cell), ...props, role: parent?.autocomplete ? 'option' : 'menuitem', "data-slot": 'menu-subtrigger', children: children }));
+}
+MenuSubTrigger.displayName = 'Menu.SubmenuTrigger';
+
+export { MenuSubTrigger, MenuTrigger };
+//# sourceMappingURL=menu-trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-trigger.js","sources":["../../../components/menu/menu-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { Autocomplete as AutocompletePrimitive } from '@base-ui/react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { TriangleRightIcon } from '~/icons';\nimport { Button } from '../button';\nimport { useMenubarContext } from '../menubar/menubar';\nimport { Cell, CellBaseProps } from './cell';\nimport styles from './menu.module.css';\nimport { useMenuContext } from './menu-root';\nimport { getMatch } from './utils';\n\nexport interface MenuTriggerProps extends MenuPrimitive.Trigger.Props {\n  stopPropagation?: boolean;\n}\n\nexport function MenuTrigger({\n  children,\n  stopPropagation = true,\n  onClick,\n  render,\n  ...props\n}: MenuTriggerProps) {\n  const inMenubarContext = useMenubarContext();\n  const menubarRender = inMenubarContext ? (\n    <Button\n      variant='text'\n      color='neutral'\n      size='small'\n      className={`${styles.menuBarTrigger} rs-menu-trigger`}\n    />\n  ) : undefined;\n\n  return (\n    <MenuPrimitive.Trigger\n      render={render ?? menubarRender}\n      onClick={e => {\n        if (stopPropagation) e.stopPropagation();\n        onClick?.(e);\n      }}\n      {...props}\n    >\n      {children}\n    </MenuPrimitive.Trigger>\n  );\n}\nMenuTrigger.displayName = 'Menu.Trigger';\n\nexport interface MenuSubTriggerProps\n  extends MenuPrimitive.SubmenuTrigger.Props,\n    CellBaseProps {\n  value?: string;\n}\n\nexport function MenuSubTrigger({\n  children,\n  value,\n  trailingIcon = <TriangleRightIcon />,\n  leadingIcon,\n  ...props\n}: MenuSubTriggerProps) {\n  const { parent, inputRef } = useMenuContext();\n\n  if (parent?.shouldFilter && !getMatch(value, children, parent?.inputValue)) {\n    return null;\n  }\n\n  const cell = <Cell leadingIcon={leadingIcon} trailingIcon={trailingIcon} />;\n  return (\n    <MenuPrimitive.SubmenuTrigger\n      render={\n        parent?.autocomplete ? (\n          <AutocompletePrimitive.Item\n            value={value}\n            render={cell}\n            onPointerEnter={e => {\n              if (document?.activeElement !== parent?.inputRef?.current)\n                parent?.inputRef?.current?.focus();\n              props?.onPointerEnter?.(e);\n            }}\n            onKeyDown={e => {\n              requestAnimationFrame(() => {\n                inputRef?.current?.focus();\n              });\n              props?.onKeyDown?.(e);\n            }}\n          />\n        ) : (\n          cell\n        )\n      }\n      {...props}\n      role={parent?.autocomplete ? 'option' : 'menuitem'}\n      data-slot='menu-subtrigger'\n    >\n      {children}\n    </MenuPrimitive.SubmenuTrigger>\n  );\n}\nMenuSubTrigger.displayName = 'Menu.SubmenuTrigger';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAuBE;AACA;AASA;AAIM;;AACA;AACF;AAMN;AACA;;;AAiBE;AACE;;AAGF;AACA;;AASc;AACF;AACF;;AAGI;AACF;AACA;AACF;AAaZ;AACA;;"}

package/dist/components/menu/menu.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var menuContent = require('./menu-content.cjs');
+var menuItem = require('./menu-item.cjs');
+var menuMisc = require('./menu-misc.cjs');
+var menuRoot = require('./menu-root.cjs');
+var menuTrigger = require('./menu-trigger.cjs');
+
+const Menu = Object.assign(menuRoot.MenuRoot, {
+    Trigger: menuTrigger.MenuTrigger,
+    Content: menuContent.MenuContent,
+    Item: menuItem.MenuItem,
+    Group: menuMisc.MenuGroup,
+    Label: menuMisc.MenuLabel,
+    Separator: menuMisc.MenuSeparator,
+    EmptyState: menuMisc.MenuEmptyState,
+    Submenu: menuRoot.MenuSubMenu,
+    SubmenuTrigger: menuTrigger.MenuSubTrigger,
+    SubmenuContent: menuContent.MenuSubContent
+});
+
+exports.Menu = Menu;
+//# sourceMappingURL=menu.cjs.map

package/dist/components/menu/menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.cjs","sources":["../../../components/menu/menu.tsx"],"sourcesContent":["import { MenuContent, MenuSubContent } from './menu-content';\nimport { MenuItem } from './menu-item';\nimport {\n  MenuEmptyState,\n  MenuGroup,\n  MenuLabel,\n  MenuSeparator\n} from './menu-misc';\nimport { MenuRoot, MenuSubMenu } from './menu-root';\nimport { MenuSubTrigger, MenuTrigger } from './menu-trigger';\n\nexport const Menu = Object.assign(MenuRoot, {\n  Trigger: MenuTrigger,\n  Content: MenuContent,\n  Item: MenuItem,\n  Group: MenuGroup,\n  Label: MenuLabel,\n  Separator: MenuSeparator,\n  EmptyState: MenuEmptyState,\n  Submenu: MenuSubMenu,\n  SubmenuTrigger: MenuSubTrigger,\n  SubmenuContent: MenuSubContent\n});\n"],"names":["MenuRoot","MenuTrigger","MenuContent","MenuItem","MenuGroup","MenuLabel","MenuSeparator","MenuEmptyState","MenuSubMenu","MenuSubTrigger","MenuSubContent"],"mappings":";;;;;;;;MAWa,IAAI,GAAG,MAAM,CAAC,MAAM,CAACA,iBAAQ,EAAE;AAC1C,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,IAAI,EAAEC,iBAAQ;AACd,IAAA,KAAK,EAAEC,kBAAS;AAChB,IAAA,KAAK,EAAEC,kBAAS;AAChB,IAAA,SAAS,EAAEC,sBAAa;AACxB,IAAA,UAAU,EAAEC,uBAAc;AAC1B,IAAA,OAAO,EAAEC,oBAAW;AACpB,IAAA,cAAc,EAAEC,0BAAc;AAC9B,IAAA,cAAc,EAAEC,0BAAc;AAC/B,CAAA;;;;"}

package/dist/components/menu/menu.d.ts

@@ -0,0 +1,23 @@
+import { MenuContent, MenuSubContent } from './menu-content';
+import { MenuItem } from './menu-item';
+import { MenuEmptyState, MenuGroup, MenuLabel, MenuSeparator } from './menu-misc';
+import { MenuSubTrigger, MenuTrigger } from './menu-trigger';
+export declare const Menu: {
+    ({ autocomplete, autocompleteMode, inputValue: providedInputValue, onInputValueChange, defaultInputValue, open: providedOpen, onOpenChange, defaultOpen, ...props }: import("./menu-root").MenuRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Trigger: typeof MenuTrigger;
+    Content: typeof MenuContent;
+    Item: typeof MenuItem;
+    Group: typeof MenuGroup;
+    Label: typeof MenuLabel;
+    Separator: typeof MenuSeparator;
+    EmptyState: typeof MenuEmptyState;
+    Submenu: {
+        ({ autocomplete, autocompleteMode, inputValue: providedInputValue, onInputValueChange, defaultInputValue, open: providedOpen, onOpenChange, defaultOpen, ...props }: import("./menu-root").MenuSubMenuProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SubmenuTrigger: typeof MenuSubTrigger;
+    SubmenuContent: typeof MenuSubContent;
+};
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../components/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,aAAa,EACd,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;CAWf,CAAC"}

package/dist/components/menu/menu.js

@@ -0,0 +1,21 @@
+import { MenuContent, MenuSubContent } from './menu-content.js';
+import { MenuItem } from './menu-item.js';
+import { MenuGroup, MenuLabel, MenuSeparator, MenuEmptyState } from './menu-misc.js';
+import { MenuRoot, MenuSubMenu } from './menu-root.js';
+import { MenuTrigger, MenuSubTrigger } from './menu-trigger.js';
+
+const Menu = Object.assign(MenuRoot, {
+    Trigger: MenuTrigger,
+    Content: MenuContent,
+    Item: MenuItem,
+    Group: MenuGroup,
+    Label: MenuLabel,
+    Separator: MenuSeparator,
+    EmptyState: MenuEmptyState,
+    Submenu: MenuSubMenu,
+    SubmenuTrigger: MenuSubTrigger,
+    SubmenuContent: MenuSubContent
+});
+
+export { Menu };
+//# sourceMappingURL=menu.js.map

package/dist/components/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":["../../../components/menu/menu.tsx"],"sourcesContent":["import { MenuContent, MenuSubContent } from './menu-content';\nimport { MenuItem } from './menu-item';\nimport {\n  MenuEmptyState,\n  MenuGroup,\n  MenuLabel,\n  MenuSeparator\n} from './menu-misc';\nimport { MenuRoot, MenuSubMenu } from './menu-root';\nimport { MenuSubTrigger, MenuTrigger } from './menu-trigger';\n\nexport const Menu = Object.assign(MenuRoot, {\n  Trigger: MenuTrigger,\n  Content: MenuContent,\n  Item: MenuItem,\n  Group: MenuGroup,\n  Label: MenuLabel,\n  Separator: MenuSeparator,\n  EmptyState: MenuEmptyState,\n  Submenu: MenuSubMenu,\n  SubmenuTrigger: MenuSubTrigger,\n  SubmenuContent: MenuSubContent\n});\n"],"names":[],"mappings":";;;;;;MAWa,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC1C,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,UAAU,EAAE,cAAc;AAC1B,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,cAAc,EAAE,cAAc;AAC/B,CAAA;;;;"}

package/dist/components/menu/menu.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"positioner":"menu-module_positioner__EnF8c","content":"menu-module_content__6COis","comboboxContainer":"menu-module_comboboxContainer__trx8e","comboboxContent":"menu-module_comboboxContent__wH9Xq","comboboxInput":"menu-module_comboboxInput__d-7v3","label":"menu-module_label__1tUcJ","separator":"menu-module_separator__MGl2I","empty":"menu-module_empty__oPZ6k","leadingIcon":"menu-module_leadingIcon__Ii5p8","trailingIcon":"menu-module_trailingIcon__bkZf5","menuBarTrigger":"menu-module_menuBarTrigger__7NlUD"};
+
+exports.default = styles;
+//# sourceMappingURL=menu.module.css.cjs.map

package/dist/components/menu/menu.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/menu/menu.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"positioner":"menu-module_positioner__EnF8c","content":"menu-module_content__6COis","comboboxContainer":"menu-module_comboboxContainer__trx8e","comboboxContent":"menu-module_comboboxContent__wH9Xq","comboboxInput":"menu-module_comboboxInput__d-7v3","label":"menu-module_label__1tUcJ","separator":"menu-module_separator__MGl2I","empty":"menu-module_empty__oPZ6k","leadingIcon":"menu-module_leadingIcon__Ii5p8","trailingIcon":"menu-module_trailingIcon__bkZf5","menuBarTrigger":"menu-module_menuBarTrigger__7NlUD"};
+
+export { styles as default };
+//# sourceMappingURL=menu.module.css.js.map

package/dist/components/menu/menu.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/menu/utils.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var React = require('react');
+
+const getMatch = (value, children, search) => {
+    if (!search?.length)
+        return true;
+    const childrenValue = getChildrenValue(children)?.toLowerCase();
+    return !!(value?.toLowerCase().includes(search.toLowerCase()) ||
+        childrenValue?.includes(search.toLowerCase()));
+};
+const getChildrenValue = (children) => {
+    let value = '';
+    if (!children)
+        return value;
+    React.Children.forEach(children, child => {
+        if (typeof child === 'string' || typeof child === 'number') {
+            value += child + ' ';
+        }
+        else if (React.isValidElement(child)) {
+            value += getChildrenValue(child.props.children) + ' ';
+        }
+    });
+    return value.trim();
+};
+const KEYCODES = {
+    ARROW_RIGHT: ['ArrowRight', 39],
+    ESCAPE: ['Escape', 27]
+};
+const dispatchKeyboardEvent = (element, key, bubbles = true) => {
+    const [keyName, keyCode] = key;
+    return element.dispatchEvent(new KeyboardEvent('keydown', {
+        key: keyName,
+        code: keyName,
+        keyCode: keyCode,
+        which: keyCode,
+        bubbles
+    }));
+};
+const isElementSubMenuTrigger = (element) => {
+    return element.getAttribute('data-slot') === 'menu-subtrigger';
+};
+const isElementSubMenuOpen = (element) => {
+    return element.hasAttribute('data-popup-open');
+};
+
+exports.KEYCODES = KEYCODES;
+exports.dispatchKeyboardEvent = dispatchKeyboardEvent;
+exports.getChildrenValue = getChildrenValue;
+exports.getMatch = getMatch;
+exports.isElementSubMenuOpen = isElementSubMenuOpen;
+exports.isElementSubMenuTrigger = isElementSubMenuTrigger;
+//# sourceMappingURL=utils.cjs.map

package/dist/components/menu/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../components/menu/utils.ts"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nexport const getMatch = (\n  value?: string,\n  children?: ReactNode,\n  search?: string\n) => {\n  if (!search?.length) return true;\n  const childrenValue = getChildrenValue(children)?.toLowerCase();\n\n  return !!(\n    value?.toLowerCase().includes(search.toLowerCase()) ||\n    childrenValue?.includes(search.toLowerCase())\n  );\n};\n\nexport const getChildrenValue = (children?: ReactNode) => {\n  let value = '';\n  if (!children) return value;\n\n  React.Children.forEach(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      value += child + ' ';\n    } else if (React.isValidElement<{ children?: ReactNode }>(child)) {\n      value += getChildrenValue(child.props.children) + ' ';\n    }\n  });\n  return value.trim();\n};\n\nexport const KEYCODES: Record<string, [string, number]> = {\n  ARROW_RIGHT: ['ArrowRight', 39],\n  ESCAPE: ['Escape', 27]\n};\n\nexport const dispatchKeyboardEvent = (\n  element: Element | EventTarget,\n  key: (typeof KEYCODES)[keyof typeof KEYCODES],\n  bubbles: boolean = true\n) => {\n  const [keyName, keyCode] = key;\n  return element.dispatchEvent(\n    new KeyboardEvent('keydown', {\n      key: keyName,\n      code: keyName,\n      keyCode: keyCode,\n      which: keyCode,\n      bubbles\n    })\n  );\n};\n\nexport const isElementSubMenuTrigger = (element: Element) => {\n  return element.getAttribute('data-slot') === 'menu-subtrigger';\n};\n\nexport const isElementSubMenuOpen = (element: Element) => {\n  return element.hasAttribute('data-popup-open');\n};\n"],"names":[],"mappings":";;;;AAEa,MAAA,QAAQ,GAAG,CACtB,KAAc,EACd,QAAoB,EACpB,MAAe,KACb;IACF,IAAI,CAAC,MAAM,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;IACjC,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;AAEhE,IAAA,OAAO,CAAC,EACN,KAAK,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QACnD,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAC9C,CAAC;AACJ,EAAE;AAEW,MAAA,gBAAgB,GAAG,CAAC,QAAoB,KAAI;IACvD,IAAI,KAAK,GAAG,EAAE,CAAC;AACf,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,KAAK,CAAC;IAE5B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,IAAG;QACvC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC1D,YAAA,KAAK,IAAI,KAAK,GAAG,GAAG,CAAC;SACtB;AAAM,aAAA,IAAI,KAAK,CAAC,cAAc,CAA2B,KAAK,CAAC,EAAE;YAChE,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC;SACvD;AACH,KAAC,CAAC,CAAC;AACH,IAAA,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;AACtB,EAAE;AAEW,MAAA,QAAQ,GAAqC;AACxD,IAAA,WAAW,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC;AAC/B,IAAA,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;EACtB;AAEK,MAAM,qBAAqB,GAAG,CACnC,OAA8B,EAC9B,GAA6C,EAC7C,OAAA,GAAmB,IAAI,KACrB;AACF,IAAA,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,GAAG,CAAC;IAC/B,OAAO,OAAO,CAAC,aAAa,CAC1B,IAAI,aAAa,CAAC,SAAS,EAAE;AAC3B,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,OAAO;QACd,OAAO;AACR,KAAA,CAAC,CACH,CAAC;AACJ,EAAE;AAEW,MAAA,uBAAuB,GAAG,CAAC,OAAgB,KAAI;IAC1D,OAAO,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,iBAAiB,CAAC;AACjE,EAAE;AAEW,MAAA,oBAAoB,GAAG,CAAC,OAAgB,KAAI;AACvD,IAAA,OAAO,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;AACjD;;;;;;;;;"}

package/dist/components/menu/utils.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare const getMatch: (value?: string, children?: ReactNode, search?: string) => boolean;
+export declare const getChildrenValue: (children?: ReactNode) => string;
+export declare const KEYCODES: Record<string, [string, number]>;
+export declare const dispatchKeyboardEvent: (element: Element | EventTarget, key: (typeof KEYCODES)[keyof typeof KEYCODES], bubbles?: boolean) => boolean;
+export declare const isElementSubMenuTrigger: (element: Element) => boolean;
+export declare const isElementSubMenuOpen: (element: Element) => boolean;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/menu/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../components/menu/utils.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,eAAO,MAAM,QAAQ,WACX,MAAM,aACH,SAAS,WACX,MAAM,YAShB,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAAe,SAAS,WAYpD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAGrD,CAAC;AAEF,eAAO,MAAM,qBAAqB,YACvB,OAAO,GAAG,WAAW,OACzB,CAAC,eAAe,CAAC,CAAC,MAAM,eAAe,CAAC,YACpC,OAAO,YAYjB,CAAC;AAEF,eAAO,MAAM,uBAAuB,YAAa,OAAO,YAEvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,YAAa,OAAO,YAEpD,CAAC"}

package/dist/components/menu/utils.js

@@ -0,0 +1,46 @@
+import React__default from 'react';
+
+const getMatch = (value, children, search) => {
+    if (!search?.length)
+        return true;
+    const childrenValue = getChildrenValue(children)?.toLowerCase();
+    return !!(value?.toLowerCase().includes(search.toLowerCase()) ||
+        childrenValue?.includes(search.toLowerCase()));
+};
+const getChildrenValue = (children) => {
+    let value = '';
+    if (!children)
+        return value;
+    React__default.Children.forEach(children, child => {
+        if (typeof child === 'string' || typeof child === 'number') {
+            value += child + ' ';
+        }
+        else if (React__default.isValidElement(child)) {
+            value += getChildrenValue(child.props.children) + ' ';
+        }
+    });
+    return value.trim();
+};
+const KEYCODES = {
+    ARROW_RIGHT: ['ArrowRight', 39],
+    ESCAPE: ['Escape', 27]
+};
+const dispatchKeyboardEvent = (element, key, bubbles = true) => {
+    const [keyName, keyCode] = key;
+    return element.dispatchEvent(new KeyboardEvent('keydown', {
+        key: keyName,
+        code: keyName,
+        keyCode: keyCode,
+        which: keyCode,
+        bubbles
+    }));
+};
+const isElementSubMenuTrigger = (element) => {
+    return element.getAttribute('data-slot') === 'menu-subtrigger';
+};
+const isElementSubMenuOpen = (element) => {
+    return element.hasAttribute('data-popup-open');
+};
+
+export { KEYCODES, dispatchKeyboardEvent, getChildrenValue, getMatch, isElementSubMenuOpen, isElementSubMenuTrigger };
+//# sourceMappingURL=utils.js.map

package/dist/components/menu/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../components/menu/utils.ts"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nexport const getMatch = (\n  value?: string,\n  children?: ReactNode,\n  search?: string\n) => {\n  if (!search?.length) return true;\n  const childrenValue = getChildrenValue(children)?.toLowerCase();\n\n  return !!(\n    value?.toLowerCase().includes(search.toLowerCase()) ||\n    childrenValue?.includes(search.toLowerCase())\n  );\n};\n\nexport const getChildrenValue = (children?: ReactNode) => {\n  let value = '';\n  if (!children) return value;\n\n  React.Children.forEach(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      value += child + ' ';\n    } else if (React.isValidElement<{ children?: ReactNode }>(child)) {\n      value += getChildrenValue(child.props.children) + ' ';\n    }\n  });\n  return value.trim();\n};\n\nexport const KEYCODES: Record<string, [string, number]> = {\n  ARROW_RIGHT: ['ArrowRight', 39],\n  ESCAPE: ['Escape', 27]\n};\n\nexport const dispatchKeyboardEvent = (\n  element: Element | EventTarget,\n  key: (typeof KEYCODES)[keyof typeof KEYCODES],\n  bubbles: boolean = true\n) => {\n  const [keyName, keyCode] = key;\n  return element.dispatchEvent(\n    new KeyboardEvent('keydown', {\n      key: keyName,\n      code: keyName,\n      keyCode: keyCode,\n      which: keyCode,\n      bubbles\n    })\n  );\n};\n\nexport const isElementSubMenuTrigger = (element: Element) => {\n  return element.getAttribute('data-slot') === 'menu-subtrigger';\n};\n\nexport const isElementSubMenuOpen = (element: Element) => {\n  return element.hasAttribute('data-popup-open');\n};\n"],"names":["React"],"mappings":";;AAEa,MAAA,QAAQ,GAAG,CACtB,KAAc,EACd,QAAoB,EACpB,MAAe,KACb;IACF,IAAI,CAAC,MAAM,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;IACjC,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;AAEhE,IAAA,OAAO,CAAC,EACN,KAAK,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QACnD,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAC9C,CAAC;AACJ,EAAE;AAEW,MAAA,gBAAgB,GAAG,CAAC,QAAoB,KAAI;IACvD,IAAI,KAAK,GAAG,EAAE,CAAC;AACf,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,KAAK,CAAC;IAE5BA,cAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,IAAG;QACvC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC1D,YAAA,KAAK,IAAI,KAAK,GAAG,GAAG,CAAC;SACtB;AAAM,aAAA,IAAIA,cAAK,CAAC,cAAc,CAA2B,KAAK,CAAC,EAAE;YAChE,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC;SACvD;AACH,KAAC,CAAC,CAAC;AACH,IAAA,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;AACtB,EAAE;AAEW,MAAA,QAAQ,GAAqC;AACxD,IAAA,WAAW,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC;AAC/B,IAAA,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;EACtB;AAEK,MAAM,qBAAqB,GAAG,CACnC,OAA8B,EAC9B,GAA6C,EAC7C,OAAA,GAAmB,IAAI,KACrB;AACF,IAAA,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,GAAG,CAAC;IAC/B,OAAO,OAAO,CAAC,aAAa,CAC1B,IAAI,aAAa,CAAC,SAAS,EAAE;AAC3B,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,OAAO;QACd,OAAO;AACR,KAAA,CAAC,CACH,CAAC;AACJ,EAAE;AAEW,MAAA,uBAAuB,GAAG,CAAC,OAAgB,KAAI;IAC1D,OAAO,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,iBAAiB,CAAC;AACjE,EAAE;AAEW,MAAA,oBAAoB,GAAG,CAAC,OAAgB,KAAI;AACvD,IAAA,OAAO,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;AACjD;;;;"}

package/dist/components/menubar/__tests__/menubar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=menubar.test.d.ts.map

package/dist/components/menubar/__tests__/menubar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.test.d.ts","sourceRoot":"","sources":["../../../../components/menubar/__tests__/menubar.test.tsx"],"names":[],"mappings":""}

package/dist/components/menubar/index.d.ts

@@ -0,0 +1,2 @@
+export { Menubar } from './menubar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/menubar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/menubar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/menubar/menubar.cjs

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var menubar_module = require('./menubar.module.css.cjs');
+
+const MenubarContext = React.createContext(false);
+function useMenubarContext() {
+    return React.useContext(MenubarContext);
+}
+function MenubarRoot({ className, ...props }) {
+    return (jsxRuntime.jsx(MenubarContext, { value: true, children: jsxRuntime.jsx(react.Menubar, { className: classVarianceAuthority.cx(menubar_module.default.menubar, className), ...props }) }));
+}
+MenubarRoot.displayName = 'Menubar';
+const Menubar = MenubarRoot;
+
+exports.Menubar = Menubar;
+exports.useMenubarContext = useMenubarContext;
+//# sourceMappingURL=menubar.cjs.map

package/dist/components/menubar/menubar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.cjs","sources":["../../../components/menubar/menubar.tsx"],"sourcesContent":["'use client';\n\nimport { Menubar as MenubarPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { createContext, useContext } from 'react';\nimport styles from './menubar.module.css';\n\nconst MenubarContext = createContext(false);\n\nexport function useMenubarContext() {\n  return useContext(MenubarContext);\n}\n\nfunction MenubarRoot({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarContext value={true}>\n      <MenubarPrimitive className={cx(styles.menubar, className)} {...props} />\n    </MenubarContext>\n  );\n}\nMenubarRoot.displayName = 'Menubar';\n\nexport const Menubar = MenubarRoot;\n"],"names":[],"mappings":";;;;;;;;;AAOA;;AAGE;AACF;AAEA;;AAMA;AACA;AAEO;;;"}

package/dist/components/menubar/menubar.d.ts

@@ -0,0 +1,9 @@
+import { Menubar as MenubarPrimitive } from '@base-ui/react';
+export declare function useMenubarContext(): boolean;
+declare function MenubarRoot({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace MenubarRoot {
+    var displayName: string;
+}
+export declare const Menubar: typeof MenubarRoot;
+export {};
+//# sourceMappingURL=menubar.d.ts.map

package/dist/components/menubar/menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../components/menubar/menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAO7D,wBAAgB,iBAAiB,YAEhC;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,KAAK,2CAMnE;kBANQ,WAAW;;;AASpB,eAAO,MAAM,OAAO,oBAAc,CAAC"}

package/dist/components/menubar/menubar.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Menubar as Menubar$1 } from '@base-ui/react';
+import { cx } from 'class-variance-authority';
+import { createContext, useContext } from 'react';
+import styles from './menubar.module.css.js';
+
+const MenubarContext = createContext(false);
+function useMenubarContext() {
+    return useContext(MenubarContext);
+}
+function MenubarRoot({ className, ...props }) {
+    return (jsx(MenubarContext, { value: true, children: jsx(Menubar$1, { className: cx(styles.menubar, className), ...props }) }));
+}
+MenubarRoot.displayName = 'Menubar';
+const Menubar = MenubarRoot;
+
+export { Menubar, useMenubarContext };
+//# sourceMappingURL=menubar.js.map

package/dist/components/menubar/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","sources":["../../../components/menubar/menubar.tsx"],"sourcesContent":["'use client';\n\nimport { Menubar as MenubarPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { createContext, useContext } from 'react';\nimport styles from './menubar.module.css';\n\nconst MenubarContext = createContext(false);\n\nexport function useMenubarContext() {\n  return useContext(MenubarContext);\n}\n\nfunction MenubarRoot({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarContext value={true}>\n      <MenubarPrimitive className={cx(styles.menubar, className)} {...props} />\n    </MenubarContext>\n  );\n}\nMenubarRoot.displayName = 'Menubar';\n\nexport const Menubar = MenubarRoot;\n"],"names":[],"mappings":";;;;;;;AAOA;;AAGE;AACF;AAEA;;AAMA;AACA;AAEO;;"}

package/dist/components/{box/box.module.css.cjs → menubar/menubar.module.css.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"box":"box-module_box__07JEp"};
+var styles = {"menubar":"menubar-module_menubar__3Elbn"};
 
 exports.default = styles;
-//# sourceMappingURL=box.module.css.cjs.map
+//# sourceMappingURL=menubar.module.css.cjs.map

package/dist/components/menubar/menubar.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/menubar/menubar.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"menubar":"menubar-module_menubar__3Elbn"};
+
+export { styles as default };
+//# sourceMappingURL=menubar.module.css.js.map

package/dist/components/menubar/menubar.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/meter/__tests__/meter.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=meter.test.d.ts.map

package/dist/components/meter/__tests__/meter.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter.test.d.ts","sourceRoot":"","sources":["../../../../components/meter/__tests__/meter.test.tsx"],"names":[],"mappings":""}

package/dist/components/meter/index.d.ts

@@ -0,0 +1,2 @@
+export { Meter } from './meter';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/meter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/meter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/meter/meter-misc.cjs

@@ -0,0 +1,20 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var classVarianceAuthority = require('class-variance-authority');
+var meter_module = require('./meter.module.css.cjs');
+
+function MeterLabel({ className, ...props }) {
+    return (jsxRuntime.jsx(react.Meter.Label, { className: classVarianceAuthority.cx(meter_module.default.label, className), ...props }));
+}
+MeterLabel.displayName = 'Meter.Label';
+function MeterValue({ className, ...props }) {
+    return (jsxRuntime.jsx(react.Meter.Value, { className: classVarianceAuthority.cx(meter_module.default.value, className), ...props }));
+}
+MeterValue.displayName = 'Meter.Value';
+
+exports.MeterLabel = MeterLabel;
+exports.MeterValue = MeterValue;
+//# sourceMappingURL=meter-misc.cjs.map

package/dist/components/meter/meter-misc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-misc.cjs","sources":["../../../components/meter/meter-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Meter as MeterPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './meter.module.css';\n\nexport function MeterLabel({\n  className,\n  ...props\n}: MeterPrimitive.Label.Props) {\n  return (\n    <MeterPrimitive.Label className={cx(styles.label, className)} {...props} />\n  );\n}\n\nMeterLabel.displayName = 'Meter.Label';\n\nexport function MeterValue({\n  className,\n  ...props\n}: MeterPrimitive.Value.Props) {\n  return (\n    <MeterPrimitive.Value className={cx(styles.value, className)} {...props} />\n  );\n}\n\nMeterValue.displayName = 'Meter.Value';\n"],"names":[],"mappings":";;;;;;;;AAMM;;AAON;AAEA;AAEM;;AAON;AAEA;;;"}

package/dist/components/meter/meter-misc.d.ts

@@ -0,0 +1,10 @@
+import { Meter as MeterPrimitive } from '@base-ui/react';
+export declare function MeterLabel({ className, ...props }: MeterPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace MeterLabel {
+    var displayName: string;
+}
+export declare function MeterValue({ className, ...props }: MeterPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace MeterValue {
+    var displayName: string;
+}
+//# sourceMappingURL=meter-misc.d.ts.map

package/dist/components/meter/meter-misc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-misc.d.ts","sourceRoot":"","sources":["../../../components/meter/meter-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIzD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,2CAI5B;yBAPe,UAAU;;;AAW1B,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,2CAI5B;yBAPe,UAAU"}

package/dist/components/meter/meter-misc.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Meter } from '@base-ui/react';
+import { cx } from 'class-variance-authority';
+import styles from './meter.module.css.js';
+
+function MeterLabel({ className, ...props }) {
+    return (jsx(Meter.Label, { className: cx(styles.label, className), ...props }));
+}
+MeterLabel.displayName = 'Meter.Label';
+function MeterValue({ className, ...props }) {
+    return (jsx(Meter.Value, { className: cx(styles.value, className), ...props }));
+}
+MeterValue.displayName = 'Meter.Value';
+
+export { MeterLabel, MeterValue };
+//# sourceMappingURL=meter-misc.js.map

package/dist/components/meter/meter-misc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-misc.js","sources":["../../../components/meter/meter-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Meter as MeterPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './meter.module.css';\n\nexport function MeterLabel({\n  className,\n  ...props\n}: MeterPrimitive.Label.Props) {\n  return (\n    <MeterPrimitive.Label className={cx(styles.label, className)} {...props} />\n  );\n}\n\nMeterLabel.displayName = 'Meter.Label';\n\nexport function MeterValue({\n  className,\n  ...props\n}: MeterPrimitive.Value.Props) {\n  return (\n    <MeterPrimitive.Value className={cx(styles.value, className)} {...props} />\n  );\n}\n\nMeterValue.displayName = 'Meter.Value';\n"],"names":[],"mappings":";;;;;;AAMM;;AAON;AAEA;AAEM;;AAON;AAEA;;"}

package/dist/components/meter/meter-root.cjs

@@ -0,0 +1,38 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var meter_module = require('./meter.module.css.cjs');
+var meterTrack = require('./meter-track.cjs');
+
+const meter = classVarianceAuthority.cva(meter_module.default.meter, {
+    variants: {
+        variant: {
+            linear: '',
+            circular: meter_module.default['meter-variant-circular']
+        }
+    },
+    defaultVariants: {
+        variant: 'linear'
+    }
+});
+const MeterContext = React.createContext({
+    variant: 'linear',
+    value: 0,
+    percentage: 0
+});
+function MeterRoot({ className, style = {}, variant = 'linear', children = jsxRuntime.jsx(meterTrack.MeterTrack, {}), value = 0, min = 0, max = 100, ...props }) {
+    const percentage = ((value - min) * 100) / (max - min);
+    return (jsxRuntime.jsx(MeterContext, { value: { variant: variant ?? 'linear', value, percentage }, children: jsxRuntime.jsx(react.Meter.Root, { className: meter({ variant, className }), style: {
+                ...style,
+                '--rs-meter-percentage': percentage
+            }, value: value, min: min, max: max, ...props, children: children }) }));
+}
+MeterRoot.displayName = 'Meter';
+
+exports.MeterContext = MeterContext;
+exports.MeterRoot = MeterRoot;
+//# sourceMappingURL=meter-root.cjs.map

package/dist/components/meter/meter-root.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-root.cjs","sources":["../../../components/meter/meter-root.tsx"],"sourcesContent":["'use client';\n\nimport { Meter as MeterPrimitive } from '@base-ui/react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CSSProperties, createContext } from 'react';\nimport styles from './meter.module.css';\nimport { MeterTrack } from './meter-track';\n\nconst meter = cva(styles.meter, {\n  variants: {\n    variant: {\n      linear: '',\n      circular: styles['meter-variant-circular']\n    }\n  },\n  defaultVariants: {\n    variant: 'linear'\n  }\n});\n\nexport interface MeterProps\n  extends MeterPrimitive.Root.Props,\n    VariantProps<typeof meter> {}\n\nexport interface MeterContextValue {\n  variant: 'linear' | 'circular';\n  value: number;\n  percentage: number;\n}\n\nexport const MeterContext = createContext<MeterContextValue>({\n  variant: 'linear',\n  value: 0,\n  percentage: 0\n});\n\nexport function MeterRoot({\n  className,\n  style = {},\n  variant = 'linear',\n  children = <MeterTrack />,\n  value = 0,\n  min = 0,\n  max = 100,\n  ...props\n}: MeterProps) {\n  const percentage = ((value - min) * 100) / (max - min);\n\n  return (\n    <MeterContext value={{ variant: variant ?? 'linear', value, percentage }}>\n      <MeterPrimitive.Root\n        className={meter({ variant, className })}\n        style={\n          {\n            ...style,\n            '--rs-meter-percentage': percentage\n          } as CSSProperties\n        }\n        value={value}\n        min={min}\n        max={max}\n        {...props}\n      >\n        {children}\n      </MeterPrimitive.Root>\n    </MeterContext>\n  );\n}\n\nMeterRoot.displayName = 'Meter';\n"],"names":[],"mappings":";;;;;;;;;;AAQA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAYM;AACL;AACA;AACA;AACD;AAEe;AAUd;AAEA;AAMU;AACA;AACgB;AAW5B;AAEA;;;"}

package/dist/components/meter/meter-root.d.ts

@@ -0,0 +1,19 @@
+import { Meter as MeterPrimitive } from '@base-ui/react';
+import { type VariantProps } from 'class-variance-authority';
+declare const meter: (props?: ({
+    variant?: "linear" | "circular" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface MeterProps extends MeterPrimitive.Root.Props, VariantProps<typeof meter> {
+}
+export interface MeterContextValue {
+    variant: 'linear' | 'circular';
+    value: number;
+    percentage: number;
+}
+export declare const MeterContext: import("react").Context<MeterContextValue>;
+export declare function MeterRoot({ className, style, variant, children, value, min, max, ...props }: MeterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MeterRoot {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=meter-root.d.ts.map

package/dist/components/meter/meter-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-root.d.ts","sourceRoot":"","sources":["../../../components/meter/meter-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,KAAK;;8EAUT,CAAC;AAEH,MAAM,WAAW,UACf,SAAQ,cAAc,CAAC,IAAI,CAAC,KAAK,EAC/B,YAAY,CAAC,OAAO,KAAK,CAAC;CAAG;AAEjC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,4CAIvB,CAAC;AAEH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,KAAU,EACV,OAAkB,EAClB,QAAyB,EACzB,KAAS,EACT,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAsBZ;yBA/Be,SAAS"}

package/dist/components/meter/meter-root.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Meter } from '@base-ui/react';
+import { cva } from 'class-variance-authority';
+import { createContext } from 'react';
+import styles from './meter.module.css.js';
+import { MeterTrack } from './meter-track.js';
+
+const meter = cva(styles.meter, {
+    variants: {
+        variant: {
+            linear: '',
+            circular: styles['meter-variant-circular']
+        }
+    },
+    defaultVariants: {
+        variant: 'linear'
+    }
+});
+const MeterContext = createContext({
+    variant: 'linear',
+    value: 0,
+    percentage: 0
+});
+function MeterRoot({ className, style = {}, variant = 'linear', children = jsx(MeterTrack, {}), value = 0, min = 0, max = 100, ...props }) {
+    const percentage = ((value - min) * 100) / (max - min);
+    return (jsx(MeterContext, { value: { variant: variant ?? 'linear', value, percentage }, children: jsx(Meter.Root, { className: meter({ variant, className }), style: {
+                ...style,
+                '--rs-meter-percentage': percentage
+            }, value: value, min: min, max: max, ...props, children: children }) }));
+}
+MeterRoot.displayName = 'Meter';
+
+export { MeterContext, MeterRoot };
+//# sourceMappingURL=meter-root.js.map

package/dist/components/meter/meter-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-root.js","sources":["../../../components/meter/meter-root.tsx"],"sourcesContent":["'use client';\n\nimport { Meter as MeterPrimitive } from '@base-ui/react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CSSProperties, createContext } from 'react';\nimport styles from './meter.module.css';\nimport { MeterTrack } from './meter-track';\n\nconst meter = cva(styles.meter, {\n  variants: {\n    variant: {\n      linear: '',\n      circular: styles['meter-variant-circular']\n    }\n  },\n  defaultVariants: {\n    variant: 'linear'\n  }\n});\n\nexport interface MeterProps\n  extends MeterPrimitive.Root.Props,\n    VariantProps<typeof meter> {}\n\nexport interface MeterContextValue {\n  variant: 'linear' | 'circular';\n  value: number;\n  percentage: number;\n}\n\nexport const MeterContext = createContext<MeterContextValue>({\n  variant: 'linear',\n  value: 0,\n  percentage: 0\n});\n\nexport function MeterRoot({\n  className,\n  style = {},\n  variant = 'linear',\n  children = <MeterTrack />,\n  value = 0,\n  min = 0,\n  max = 100,\n  ...props\n}: MeterProps) {\n  const percentage = ((value - min) * 100) / (max - min);\n\n  return (\n    <MeterContext value={{ variant: variant ?? 'linear', value, percentage }}>\n      <MeterPrimitive.Root\n        className={meter({ variant, className })}\n        style={\n          {\n            ...style,\n            '--rs-meter-percentage': percentage\n          } as CSSProperties\n        }\n        value={value}\n        min={min}\n        max={max}\n        {...props}\n      >\n        {children}\n      </MeterPrimitive.Root>\n    </MeterContext>\n  );\n}\n\nMeterRoot.displayName = 'Meter';\n"],"names":[],"mappings":";;;;;;;;AAQA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAYM;AACL;AACA;AACA;AACD;AAEe;AAUd;AAEA;AAMU;AACA;AACgB;AAW5B;AAEA;;"}