ixia-ui-react 1.8.0 → 2.1.0

package/dist/map/index.js

@@ -0,0 +1,208 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { n as Icon } from "../icon-D3JWfCa2.js";
+import { t as Button } from "../button-DXQvyQyj.js";
+import { t as Popover } from "../popover-0WDxRi-s.js";
+import { n as useIxiaMap, t as MapContext } from "../map.context-Dw1D7E8m.js";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+// src/components/map/map.tsx
+function Map$1({ layers, onVisibilityChange, children }) {
+	return /* @__PURE__ */ jsx(MapContext.Provider, {
+		value: {
+			layers,
+			onVisibilityChange
+		},
+		children
+	});
+}
+// src/components/map/map.utils.ts
+const mapControlGroupVariants = cva("absolute z-10 flex flex-col items-center justify-start gap-2xs", {
+	defaultVariants: { position: "bottom-right" },
+	variants: { position: {
+		"bottom-left": "bottom-lg left-sm",
+		"bottom-right": "right-sm bottom-lg",
+		"top-left": "top-lg left-sm",
+		"top-right": "top-lg right-sm"
+	} }
+});
+// src/components/map/map-control-group.tsx
+function MapControlGroup({ position, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(mapControlGroupVariants({ position }), className),
+		ref,
+		...props,
+		children
+	});
+}
+// src/components/map/map-layer-group.context.ts
+const MapLayerGroupContext = React.createContext(void 0);
+function useMapLayerGroup() {
+	const context = React.useContext(MapLayerGroupContext);
+	if (!context) throw new Error("useMapLayerGroup must be used within a MapLayerGroup");
+	return context;
+}
+// src/components/map/map-layer-group.tsx
+function MapLayerGroup({ group, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(MapLayerGroupContext.Provider, {
+		value: { group },
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex flex-col gap-3xs", className),
+			ref,
+			...props,
+			children
+		})
+	});
+}
+// src/components/map/map-layer-group-label.tsx
+function MapLayerGroupLabel({ className, children, ref, ...props }) {
+	const { group } = useMapLayerGroup();
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("font-body text-sm font-medium text-on-surface-variant", className),
+		ref,
+		...props,
+		children: [children, group.name]
+	});
+}
+// src/components/map/map-layer-group-layer-list.tsx
+function MapLayerGroupLayerList({ className, children, ...props }) {
+	const { group } = useMapLayerGroup(), { layers } = useIxiaMap(), groupLayers = group.layers.flatMap((config) => {
+		const layer = layers.find((candidate) => candidate.id === config.id);
+		if (!layer) return [];
+		return [layer];
+	});
+	return /* @__PURE__ */ jsx("ul", {
+		className: cn("flex flex-col gap-2xs", className),
+		...props,
+		children: groupLayers.map((layer) => children(layer))
+	});
+}
+// src/components/map/map-layer-group-list.tsx
+const GROUP_CHECK = 0;
+function MapLayerGroupList({ groups, className, children, ref, ...props }) {
+	const { layers } = useIxiaMap();
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsx(Button, {
+		size: "medium",
+		tone: "neutral",
+		variant: "elevated",
+		children: /* @__PURE__ */ jsx(Icon, {
+			name: "layers",
+			weight: "bold"
+		})
+	}) }), /* @__PURE__ */ jsx(Popover.Panel, {
+		className: cn("", className),
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(Popover.Content, { children: /* @__PURE__ */ jsx("ul", {
+			className: "flex flex-col gap-md",
+			children: groups.map((group) => {
+				if (group.layers.flatMap((config) => {
+					const layer = layers.find((candidate) => candidate.id === config.id);
+					if (!layer) return [];
+					return [{
+						...layer,
+						visible: config.visible ?? true
+					}];
+				}).length === GROUP_CHECK) return;
+				return children(group);
+			})
+		}) })
+	})] });
+}
+// src/components/map/map-layer-item.context.ts
+const MapLayerItemContext = React.createContext(void 0);
+function useMapLayerItem() {
+	const context = React.useContext(MapLayerItemContext);
+	if (!context) throw new Error("useMapLayerItem must be used within a MapLayerItem");
+	return context;
+}
+// src/components/map/map-layer-icon.tsx
+function MapLayerIcon({ className, children, ref, ...props }) {
+	const { layer } = useMapLayerItem();
+	if (!layer.icon) return;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("shrink-0 [&>svg]:size-md", className),
+		ref,
+		...props,
+		children: [children, layer.icon]
+	});
+}
+// src/components/map/map-layer-item.tsx
+function MapLayerItem({ fadeWhenInvisible = true, layer, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(MapLayerItemContext.Provider, {
+		value: { layer },
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex items-center gap-2xs transition-opacity [&>:nth-last-child(2)]:mr-lg", fadeWhenInvisible && layer.visible === false && "opacity-50", className),
+			ref,
+			...props,
+			children
+		})
+	});
+}
+// src/components/map/map-layer-list.tsx
+function MapLayerList({ className, children, ref, ...props }) {
+	const { layers } = useIxiaMap();
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsx(Button, {
+		size: "medium",
+		tone: "neutral",
+		variant: "elevated",
+		children: /* @__PURE__ */ jsx(Icon, {
+			name: "layers",
+			weight: "bold"
+		})
+	}) }), /* @__PURE__ */ jsx(Popover.Panel, {
+		className: cn("", className),
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(Popover.Content, { children: /* @__PURE__ */ jsx("ul", {
+			className: "flex flex-col gap-2xs",
+			children: layers.map((layer) => children(layer))
+		}) })
+	})] });
+}
+// src/components/map/map-layer-name.tsx
+function MapLayerName({ className, children, ref, ...props }) {
+	const { layer } = useMapLayerItem();
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("font-body text-sm font-medium whitespace-nowrap", className),
+		ref,
+		...props,
+		children: [children, layer.name]
+	});
+}
+// src/components/map/map-layer-visibility-toggle.tsx
+function MapLayerVisibilityToggle({ className, children, ref, ...props }) {
+	const { layer } = useMapLayerItem(), layerId = layer.id, { onVisibilityChange } = useIxiaMap(), visible = layer.visible ?? true, handleClick = (event) => {
+		if (!event.defaultPrevented && onVisibilityChange) onVisibilityChange(layer, !visible);
+	};
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		size: "small",
+		tone: "neutral",
+		variant: "soft",
+		"aria-label": `Layer visibility: ${layerId}`,
+		"aria-pressed": visible,
+		title: "Toggle layer visibility",
+		className: cn("ml-auto shrink-0 grow-0", className),
+		ref,
+		onClick: handleClick,
+		...props,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [visible && /* @__PURE__ */ jsx(Icon, { name: "visible" }), !visible && /* @__PURE__ */ jsx(Icon, { name: "hidden" })] })
+	});
+}
+// src/components/map/index.ts
+const Map = Object.assign(Map$1, {
+	ControlGroup: MapControlGroup,
+	LayerGroup: MapLayerGroup,
+	LayerGroupLabel: MapLayerGroupLabel,
+	LayerGroupLayerList: MapLayerGroupLayerList,
+	LayerGroupList: MapLayerGroupList,
+	LayerIcon: MapLayerIcon,
+	LayerItem: MapLayerItem,
+	LayerList: MapLayerList,
+	LayerName: MapLayerName,
+	LayerVisibilityToggle: MapLayerVisibilityToggle
+});
+export { Map, MapControlGroup, MapLayerGroup, MapLayerGroupLabel, MapLayerGroupLayerList, MapLayerGroupList, MapLayerIcon, MapLayerItem, MapLayerList, MapLayerName, MapLayerVisibilityToggle, useIxiaMap, useMapLayerGroup, useMapLayerItem };
+
+//# sourceMappingURL=index.js.map

package/dist/map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Map","MapRoot"],"sources":["../../src/components/map/map.tsx","../../src/components/map/map.utils.ts","../../src/components/map/map-control-group.tsx","../../src/components/map/map-layer-group.context.ts","../../src/components/map/map-layer-group.tsx","../../src/components/map/map-layer-group-label.tsx","../../src/components/map/map-layer-group-layer-list.tsx","../../src/components/map/map-layer-group-list.tsx","../../src/components/map/map-layer-item.context.ts","../../src/components/map/map-layer-icon.tsx","../../src/components/map/map-layer-item.tsx","../../src/components/map/map-layer-list.tsx","../../src/components/map/map-layer-name.tsx","../../src/components/map/map-layer-visibility-toggle.tsx","../../src/components/map/index.ts"],"sourcesContent":["import { MapContext } from './map.context'\nimport type { MapProps } from './map.types'\n\nexport function Map({ layers, onVisibilityChange, children }: MapProps) {\n  return (\n    <MapContext.Provider value={{ layers, onVisibilityChange }}>{children}</MapContext.Provider>\n  )\n}\n","import { cva } from 'class-variance-authority'\n\nconst mapControlGroupVariants = cva(\n  'absolute z-10 flex flex-col items-center justify-start gap-2xs',\n  {\n    defaultVariants: {\n      position: 'bottom-right',\n    },\n    variants: {\n      position: {\n        'bottom-left': 'bottom-lg left-sm',\n        'bottom-right': 'right-sm bottom-lg',\n        'top-left': 'top-lg left-sm',\n        'top-right': 'top-lg right-sm',\n      },\n    },\n  },\n)\n\nexport { mapControlGroupVariants }\n","import { cn } from '@/utils'\n\nimport type { MapControlGroupProps } from './map.types'\nimport { mapControlGroupVariants } from './map.utils'\n\nexport function MapControlGroup({\n  position,\n  className,\n  children,\n  ref,\n  ...props\n}: MapControlGroupProps) {\n  return (\n    <div className={cn(mapControlGroupVariants({ position }), className)} ref={ref} {...props}>\n      {children}\n    </div>\n  )\n}\n","import React from 'react'\n\nimport type { MapLayerGroupContextValue } from './map.types'\n\nconst MapLayerGroupContext = React.createContext<MapLayerGroupContextValue | undefined>(undefined)\n\nfunction useMapLayerGroup(): MapLayerGroupContextValue {\n  const context = React.useContext(MapLayerGroupContext)\n\n  if (!context) {\n    throw new Error('useMapLayerGroup must be used within a MapLayerGroup')\n  }\n\n  return context\n}\n\nexport { MapLayerGroupContext, useMapLayerGroup }\n","import { cn } from '@/utils'\n\nimport { MapLayerGroupContext } from './map-layer-group.context'\nimport type { MapLayerGroupProps } from './map.types'\n\nexport function MapLayerGroup({ group, className, children, ref, ...props }: MapLayerGroupProps) {\n  return (\n    <MapLayerGroupContext.Provider value={{ group }}>\n      <div className={cn('flex flex-col gap-3xs', className)} ref={ref} {...props}>\n        {children}\n      </div>\n    </MapLayerGroupContext.Provider>\n  )\n}\n","import { cn } from '@/utils'\n\nimport { useMapLayerGroup } from './map-layer-group.context'\nimport type { MapLayerGroupLabelProps } from './map.types'\n\nexport function MapLayerGroupLabel({\n  className,\n  children,\n  ref,\n  ...props\n}: MapLayerGroupLabelProps) {\n  const { group } = useMapLayerGroup()\n\n  return (\n    <span\n      className={cn('font-body text-sm font-medium text-on-surface-variant', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      {group.name}\n    </span>\n  )\n}\n","import { cn } from '@/utils'\n\nimport { useMapLayerGroup } from './map-layer-group.context'\nimport { useIxiaMap } from './map.context'\nimport type { MapLayerGroupLayerListProps } from './map.types'\n\nexport function MapLayerGroupLayerList({\n  className,\n  children,\n  ...props\n}: MapLayerGroupLayerListProps) {\n  const { group } = useMapLayerGroup(),\n    { layers } = useIxiaMap(),\n    groupLayers = group.layers.flatMap((config) => {\n      const layer = layers.find((candidate) => candidate.id === config.id)\n      if (!layer) {\n        return []\n      }\n\n      return [layer]\n    })\n\n  return (\n    <ul className={cn('flex flex-col gap-2xs', className)} {...props}>\n      {groupLayers.map((layer) => children(layer))}\n    </ul>\n  )\n}\n","import { cn } from '@/utils'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { Popover } from '../popover'\nimport { useIxiaMap } from './map.context'\nimport type { MapLayerGroupListProps } from './map.types'\n\nconst GROUP_CHECK = 0\n\nexport function MapLayerGroupList({\n  groups,\n  className,\n  children,\n  ref,\n  ...props\n}: MapLayerGroupListProps) {\n  const { layers } = useIxiaMap()\n\n  return (\n    <Popover>\n      <Popover.Trigger>\n        <Button size=\"medium\" tone=\"neutral\" variant=\"elevated\">\n          <Icon name=\"layers\" weight=\"bold\" />\n        </Button>\n      </Popover.Trigger>\n      <Popover.Panel className={cn('', className)} ref={ref} {...props}>\n        <Popover.Content>\n          <ul className=\"flex flex-col gap-md\">\n            {groups.map((group) => {\n              const groupLayers = group.layers.flatMap((config) => {\n                const layer = layers.find((candidate) => candidate.id === config.id)\n                if (!layer) {\n                  return []\n                }\n\n                return [\n                  {\n                    ...layer,\n                    visible: config.visible ?? true,\n                  },\n                ]\n              })\n\n              if (groupLayers.length === GROUP_CHECK) {\n                return undefined\n              }\n\n              return children(group)\n            })}\n          </ul>\n        </Popover.Content>\n      </Popover.Panel>\n    </Popover>\n  )\n}\n","import React from 'react'\n\nimport type { MapLayerItemContextValue } from './map.types'\n\nconst MapLayerItemContext = React.createContext<MapLayerItemContextValue | undefined>(undefined)\n\nfunction useMapLayerItem(): MapLayerItemContextValue {\n  const context = React.useContext(MapLayerItemContext)\n\n  if (!context) {\n    throw new Error('useMapLayerItem must be used within a MapLayerItem')\n  }\n\n  return context\n}\n\nexport { MapLayerItemContext, useMapLayerItem }\n","import { cn } from '@/utils'\n\nimport { useMapLayerItem } from './map-layer-item.context'\nimport type { MapLayerIconProps } from './map.types'\n\nexport function MapLayerIcon({ className, children, ref, ...props }: MapLayerIconProps) {\n  const { layer } = useMapLayerItem()\n\n  if (!layer.icon) {\n    return undefined\n  }\n\n  return (\n    <div className={cn('shrink-0 [&>svg]:size-md', className)} ref={ref} {...props}>\n      {children}\n      {layer.icon}\n    </div>\n  )\n}\n","import { cn } from '@/utils'\n\nimport { MapLayerItemContext } from './map-layer-item.context'\nimport type { MapLayerItemProps } from './map.types'\n\nexport function MapLayerItem({\n  fadeWhenInvisible = true,\n  layer,\n  className,\n  children,\n  ref,\n  ...props\n}: MapLayerItemProps) {\n  return (\n    <MapLayerItemContext.Provider value={{ layer }}>\n      <div\n        className={cn(\n          'flex items-center gap-2xs transition-opacity [&>:nth-last-child(2)]:mr-lg',\n          fadeWhenInvisible && layer.visible === false && 'opacity-50',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </div>\n    </MapLayerItemContext.Provider>\n  )\n}\n","import { cn } from '@/utils'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { Popover } from '../popover'\nimport { useIxiaMap } from './map.context'\nimport type { MapLayerListProps } from './map.types'\n\nexport function MapLayerList({ className, children, ref, ...props }: MapLayerListProps) {\n  const { layers } = useIxiaMap()\n\n  return (\n    <Popover>\n      <Popover.Trigger>\n        <Button size=\"medium\" tone=\"neutral\" variant=\"elevated\">\n          <Icon name=\"layers\" weight=\"bold\" />\n        </Button>\n      </Popover.Trigger>\n      <Popover.Panel className={cn('', className)} ref={ref} {...props}>\n        <Popover.Content>\n          <ul className=\"flex flex-col gap-2xs\">{layers.map((layer) => children(layer))}</ul>\n        </Popover.Content>\n      </Popover.Panel>\n    </Popover>\n  )\n}\n","import { cn } from '@/utils'\n\nimport { useMapLayerItem } from './map-layer-item.context'\nimport type { MapLayerNameProps } from './map.types'\n\nexport function MapLayerName({ className, children, ref, ...props }: MapLayerNameProps) {\n  const { layer } = useMapLayerItem()\n\n  return (\n    <span\n      className={cn('font-body text-sm font-medium whitespace-nowrap', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      {layer.name}\n    </span>\n  )\n}\n","import { cn } from '@/utils'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { useMapLayerItem } from './map-layer-item.context'\nimport { useIxiaMap } from './map.context'\nimport type { MapLayerVisibilityToggleProps } from './map.types'\n\nexport function MapLayerVisibilityToggle({\n  className,\n  children,\n  ref,\n  ...props\n}: MapLayerVisibilityToggleProps) {\n  const { layer } = useMapLayerItem(),\n    layerId = layer.id,\n    { onVisibilityChange } = useIxiaMap(),\n    visible = layer.visible ?? true,\n    handleClick: NonNullable<MapLayerVisibilityToggleProps['onClick']> = (event) => {\n      if (!event.defaultPrevented && onVisibilityChange) {\n        onVisibilityChange(layer, !visible)\n      }\n    }\n\n  return (\n    <Button\n      type=\"button\"\n      size=\"small\"\n      tone=\"neutral\"\n      variant=\"soft\"\n      aria-label={`Layer visibility: ${layerId}`}\n      aria-pressed={visible}\n      title=\"Toggle layer visibility\"\n      className={cn('ml-auto shrink-0 grow-0', className)}\n      ref={ref}\n      onClick={handleClick}\n      {...props}\n    >\n      {children ?? (\n        <>\n          {visible && <Icon name=\"visible\" />}\n          {!visible && <Icon name=\"hidden\" />}\n        </>\n      )}\n    </Button>\n  )\n}\n","import { Map as MapRoot } from './map'\nimport { MapControlGroup } from './map-control-group'\nimport { MapLayerGroup } from './map-layer-group'\nimport { MapLayerGroupLabel } from './map-layer-group-label'\nimport { MapLayerGroupLayerList } from './map-layer-group-layer-list'\nimport { MapLayerGroupList } from './map-layer-group-list'\nimport { MapLayerIcon } from './map-layer-icon'\nimport { MapLayerItem } from './map-layer-item'\nimport { MapLayerList } from './map-layer-list'\nimport { MapLayerName } from './map-layer-name'\nimport { MapLayerVisibilityToggle } from './map-layer-visibility-toggle'\n\nconst Map = Object.assign(MapRoot, {\n  ControlGroup: MapControlGroup,\n  LayerGroup: MapLayerGroup,\n  LayerGroupLabel: MapLayerGroupLabel,\n  LayerGroupLayerList: MapLayerGroupLayerList,\n  LayerGroupList: MapLayerGroupList,\n  LayerIcon: MapLayerIcon,\n  LayerItem: MapLayerItem,\n  LayerList: MapLayerList,\n  LayerName: MapLayerName,\n  LayerVisibilityToggle: MapLayerVisibilityToggle,\n})\n\nexport { MapControlGroup } from './map-control-group'\nexport { MapLayerList } from './map-layer-list'\nexport { MapLayerItem } from './map-layer-item'\nexport { MapLayerName } from './map-layer-name'\nexport { useMapLayerItem } from './map-layer-item.context'\nexport { useIxiaMap } from './map.context'\nexport { MapLayerVisibilityToggle } from './map-layer-visibility-toggle'\nexport { MapLayerIcon } from './map-layer-icon'\nexport { MapLayerGroup } from './map-layer-group'\nexport { MapLayerGroupLabel } from './map-layer-group-label'\nexport { MapLayerGroupLayerList } from './map-layer-group-layer-list'\nexport { MapLayerGroupList } from './map-layer-group-list'\nexport { useMapLayerGroup } from './map-layer-group.context'\nexport type {\n  MapLayerIconProps,\n  MapLayerListProps,\n  MapLayerItemProps,\n  MapLayerItemContextValue,\n  MapLayerVisibilityToggleProps,\n  GeometryLayerConfig,\n  DeckGLLayerConfig,\n  MarkerOverlayConfig,\n  MapLayerConfig,\n  MapLayerMetadata,\n  MapControlGroupProps,\n  MapLayerNameProps,\n  MapLayerGroupConfig,\n  MapContextValue,\n  MapProps,\n  MapLayerGroupProps,\n  MapLayerGroupLabelProps,\n  MapLayerGroupListProps,\n  MapLayerGroupLayerListProps,\n  MapLayerGroupContextValue,\n} from './map.types'\nexport { Map }\n"],"mappings":"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"}

package/dist/map.context-Dw1D7E8m.js

@@ -0,0 +1,11 @@
+import React from "react";
+// src/components/map/map.context.ts
+const MapContext = React.createContext(void 0);
+function useIxiaMap() {
+	const context = React.useContext(MapContext);
+	if (!context) throw new Error("useIxiaMap must be used within a Map");
+	return context;
+}
+export { useIxiaMap as n, MapContext as t };
+
+//# sourceMappingURL=map.context-Dw1D7E8m.js.map

package/dist/map.context-Dw1D7E8m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.context-Dw1D7E8m.js","names":[],"sources":["../src/components/map/map.context.ts"],"sourcesContent":["import React from 'react'\n\nimport type { MapContextValue } from './map.types'\n\nconst MapContext = React.createContext<MapContextValue | undefined>(undefined)\n\nfunction useIxiaMap(): MapContextValue {\n  const context = React.useContext(MapContext)\n\n  if (!context) {\n    throw new Error('useIxiaMap must be used within a Map')\n  }\n\n  return context\n}\n\nexport { MapContext, useIxiaMap }\n"],"mappings":";;AAIA,MAAM,aAAa,MAAM,cAA2C,KAAA,CAAS;AAE7E,SAAS,aAA8B;CACrC,MAAM,UAAU,MAAM,WAAW,UAAU;CAE3C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,sCAAsC;CAGxD,OAAO;AACT"}

package/dist/menu/index.d.ts

@@ -0,0 +1,2 @@
+import { C as MenuShortcutProps, E as MenuTriggerProps, S as MenuSeparatorProps, T as MenuSubmenuTriggerProps, _ as MenuItemProps, a as MenuShortcut, b as MenuRadioGroupProps, c as MenuRadioGroup, d as MenuGroupLabel, f as MenuGroup, g as MenuGroupProps, h as MenuGroupLabelProps, i as MenuSubmenu, l as MenuPopup, m as MenuCheckboxItemProps, n as MenuTrigger, o as MenuSeparator, p as MenuCheckboxItem, r as MenuSubmenuTrigger, s as MenuRadioItem, t as Menu, u as MenuItem, v as MenuPopupProps, w as MenuSubmenuProps, x as MenuRadioItemProps, y as MenuProps } from "../index-CQti9gFb.js";
+export { Menu, MenuCheckboxItem, type MenuCheckboxItemProps, MenuGroup, MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, MenuItem, type MenuItemProps, MenuPopup, type MenuPopupProps, type MenuProps, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, type MenuRadioItemProps, MenuSeparator, type MenuSeparatorProps, MenuShortcut, type MenuShortcutProps, MenuSubmenu, type MenuSubmenuProps, MenuSubmenuTrigger, type MenuSubmenuTriggerProps, MenuTrigger, type MenuTriggerProps };

package/dist/menu/index.js

@@ -0,0 +1 @@
+export { t as Menu, p as MenuCheckboxItem, f as MenuGroup, d as MenuGroupLabel, u as MenuItem, l as MenuPopup, c as MenuRadioGroup, s as MenuRadioItem, o as MenuSeparator, a as MenuShortcut, i as MenuSubmenu, r as MenuSubmenuTrigger, n as MenuTrigger } from "../menu-sf13cnGp.js";

package/dist/menu-sf13cnGp.js

@@ -0,0 +1,173 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { n as Icon } from "./icon-D3JWfCa2.js";
+import { t as trimTextChildren } from "./trim-text-children-CQRFg2fL.js";
+import { n as menuSubmenuToneClasses, t as menuItemToneClasses } from "./menu-tone-DWBEHoX2.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement } from "react";
+import { Menu } from "@base-ui/react/menu";
+// src/components/menu/menu.tsx
+function Menu$2({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Root, { ...props });
+}
+// src/components/menu/menu-checkbox-item.tsx
+function MenuCheckboxItem({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		className: cn("relative z-0 grid h-lg cursor-default grid-cols-[1fr_2rem] items-center px-xs style-text-default-0 transition-colors outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:content-[\"\"] hover:cursor-pointer data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high", className),
+		ref,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "col-start-1 flex items-center gap-2xs",
+			children: trimTextChildren(children)
+		}), /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
+			className: "col-start-2 flex items-center justify-center place-self-end self-center",
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: "selected",
+				className: "size-sm"
+			})
+		})]
+	});
+}
+// src/components/menu/menu-group.tsx
+function MenuGroup({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		className: cn("", className),
+		ref,
+		...props
+	});
+}
+// src/components/menu/menu-group-label.tsx
+function MenuGroupLabel({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		className: cn("cursor-default px-2xs py-3xs style-text-default--2 text-on-surface-variant select-none", className),
+		ref,
+		...props
+	});
+}
+// src/components/menu/menu.types.ts
+const menuItemVariants = cva("relative z-0 flex cursor-default items-center px-xs py-3xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer", {
+	defaultVariants: { tone: "neutral" },
+	variants: { tone: menuItemToneClasses }
+});
+const menuSubmenuTriggerVariants = cva("relative z-0 grid cursor-default grid-cols-[1fr_2rem] items-center px-xs py-3xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer", {
+	defaultVariants: { tone: "neutral" },
+	variants: { tone: menuSubmenuToneClasses }
+});
+// src/components/menu/menu-item.tsx
+function MenuItem({ tone, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		className: cn(menuItemVariants({ tone }), className),
+		nativeButton: true,
+		ref,
+		render: (renderProps) => /* @__PURE__ */ jsx("button", {
+			type: "button",
+			...renderProps,
+			className: cn("w-full gap-2xs [&>svg]:size-sm", renderProps.className),
+			children: trimTextChildren(children)
+		}),
+		...props
+	});
+}
+// src/components/menu/menu-popup.tsx
+function MenuPopup({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		className: cn("z-99 outline-none", className),
+		ref,
+		sideOffset: 8,
+		...props,
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			className: "flex min-w-[12rem] origin-(--transform-origin) translate-x-[-calc(var(--spacing-xl)/2)] flex-col gap-3xs rounded-lg bg-surface-2 px-3xs py-2xs shadow-md transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0",
+			children
+		})
+	}) });
+}
+// src/components/menu/menu-radio-group.tsx
+function MenuRadioGroup({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		className: cn("", className),
+		ref,
+		...props
+	});
+}
+// src/components/menu/menu-radio-item.tsx
+function MenuRadioItem({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+		className: cn("relative z-0 grid h-lg cursor-default grid-cols-[1fr_2rem] items-center px-xs style-text-default-0 transition-colors outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:content-[\"\"] hover:cursor-pointer data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high", className),
+		ref,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "col-start-1 min-w-3xl text-box-trim",
+			children
+		}), /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
+			className: "col-start-2 flex items-center justify-center place-self-end self-center",
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: "selected",
+				className: "size-sm"
+			})
+		})]
+	});
+}
+// src/components/menu/menu-separator.tsx
+function MenuSeparator({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		className: cn("mx-2xs my-3xs h-px bg-border-strong", className),
+		ref,
+		...props
+	});
+}
+// src/components/menu/menu-shortcut.tsx
+function MenuShortcut({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ml-auto inline-flex items-center gap-3xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/menu/menu-submenu.tsx
+function MenuSubmenu({ ...props }) {
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, { ...props });
+}
+// src/components/menu/menu-submenu-trigger.tsx
+function MenuSubmenuTrigger({ tone, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
+		className: cn(menuSubmenuTriggerVariants({ tone }), className),
+		ref,
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "col-start-1 flex min-w-3xl items-center gap-2xs pr-2xl [&>svg]:size-sm",
+			children
+		}), /* @__PURE__ */ jsx(Icon, {
+			name: "chevronRight",
+			className: "col-start-2 size-xs place-self-end self-center"
+		})]
+	});
+}
+// src/components/menu/menu-trigger.tsx
+function MenuTrigger({ className, children, ref, ...props }) {
+	let render = void 0;
+	if (isValidElement(children)) render = children;
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		className: cn("data-popup-open:pointer-events-none", className),
+		ref,
+		render,
+		...props
+	});
+}
+// src/components/menu/index.ts
+const Menu$1 = Object.assign(Menu$2, {
+	CheckboxItem: MenuCheckboxItem,
+	Group: MenuGroup,
+	GroupLabel: MenuGroupLabel,
+	Item: MenuItem,
+	Popup: MenuPopup,
+	RadioGroup: MenuRadioGroup,
+	RadioItem: MenuRadioItem,
+	Separator: MenuSeparator,
+	Shortcut: MenuShortcut,
+	Submenu: MenuSubmenu,
+	SubmenuTrigger: MenuSubmenuTrigger,
+	Trigger: MenuTrigger
+});
+export { MenuShortcut as a, MenuRadioGroup as c, MenuGroupLabel as d, MenuGroup as f, MenuSubmenu as i, MenuPopup as l, MenuTrigger as n, MenuSeparator as o, MenuCheckboxItem as p, MenuSubmenuTrigger as r, MenuRadioItem as s, Menu$1 as t, MenuItem as u };
+
+//# sourceMappingURL=menu-sf13cnGp.js.map

package/dist/menu-sf13cnGp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-sf13cnGp.js","names":["Menu","BaseMenu","BaseMenu","BaseMenu","BaseMenu","BaseMenu","BaseMenu","BaseMenu","BaseMenu","BaseMenu","BaseMenu","BaseMenu","BaseMenu","Menu","MenuRoot"],"sources":["../src/components/menu/menu.tsx","../src/components/menu/menu-checkbox-item.tsx","../src/components/menu/menu-group.tsx","../src/components/menu/menu-group-label.tsx","../src/components/menu/menu.types.ts","../src/components/menu/menu-item.tsx","../src/components/menu/menu-popup.tsx","../src/components/menu/menu-radio-group.tsx","../src/components/menu/menu-radio-item.tsx","../src/components/menu/menu-separator.tsx","../src/components/menu/menu-shortcut.tsx","../src/components/menu/menu-submenu.tsx","../src/components/menu/menu-submenu-trigger.tsx","../src/components/menu/menu-trigger.tsx","../src/components/menu/index.ts"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport type { MenuProps } from './menu.types'\n\nexport function Menu({ ...props }: MenuProps) {\n  return <BaseMenu.Root {...props} />\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport { cn } from '@/utils/cn'\nimport { trimTextChildren } from '@/utils/trim-text-children'\n\nimport { Icon } from '../icon'\nimport type { MenuCheckboxItemProps } from './menu.types'\n\nexport function MenuCheckboxItem({ className, children, ref, ...props }: MenuCheckboxItemProps) {\n  return (\n    <BaseMenu.CheckboxItem\n      className={cn(\n        'relative z-0 grid h-lg cursor-default grid-cols-[1fr_2rem] items-center px-xs style-text-default-0 transition-colors outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:content-[\"\"] hover:cursor-pointer data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <span className=\"col-start-1 flex items-center gap-2xs\">{trimTextChildren(children)}</span>\n      <BaseMenu.CheckboxItemIndicator className=\"col-start-2 flex items-center justify-center place-self-end self-center\">\n        <Icon name=\"selected\" className=\"size-sm\" />\n      </BaseMenu.CheckboxItemIndicator>\n    </BaseMenu.CheckboxItem>\n  )\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { MenuGroupProps } from './menu.types'\n\nexport function MenuGroup({ className, ref, ...props }: MenuGroupProps) {\n  return <BaseMenu.Group className={cn('', className)} ref={ref} {...props} />\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { MenuGroupLabelProps } from './menu.types'\n\nexport function MenuGroupLabel({ className, ref, ...props }: MenuGroupLabelProps) {\n  return (\n    <BaseMenu.GroupLabel\n      className={cn(\n        'cursor-default px-2xs py-3xs style-text-default--2 text-on-surface-variant select-none',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import type { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nimport { menuItemToneClasses, menuSubmenuToneClasses } from './menu-tone'\n\ntype MenuProps = React.ComponentProps<typeof BaseMenu.Root>\ntype MenuTriggerProps = React.ComponentProps<typeof BaseMenu.Trigger>\ntype MenuPopupProps = React.ComponentProps<typeof BaseMenu.Positioner>\ntype MenuSeparatorProps = React.ComponentProps<typeof BaseMenu.Separator>\ntype MenuCheckboxItemProps = React.ComponentProps<typeof BaseMenu.CheckboxItem>\ntype MenuRadioGroupProps = React.ComponentProps<typeof BaseMenu.RadioGroup>\ntype MenuRadioItemProps = React.ComponentProps<typeof BaseMenu.RadioItem>\ntype MenuGroupProps = React.ComponentProps<typeof BaseMenu.Group>\ntype MenuGroupLabelProps = React.ComponentProps<typeof BaseMenu.GroupLabel>\ntype MenuSubmenuProps = React.ComponentProps<typeof BaseMenu.SubmenuRoot>\ntype MenuShortcutProps = React.ComponentProps<'div'>\n\nconst menuItemVariants = cva(\n    'relative z-0 flex cursor-default items-center px-xs py-3xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer',\n    {\n      defaultVariants: {\n        tone: 'neutral',\n      },\n      variants: {\n        tone: menuItemToneClasses,\n      },\n    },\n  ),\n  menuSubmenuTriggerVariants = cva(\n    'relative z-0 grid cursor-default grid-cols-[1fr_2rem] items-center px-xs py-3xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer',\n    {\n      defaultVariants: {\n        tone: 'neutral',\n      },\n      variants: {\n        tone: menuSubmenuToneClasses,\n      },\n    },\n  )\n\ntype MenuItemProps = React.ComponentProps<typeof BaseMenu.Item> &\n  VariantProps<typeof menuItemVariants>\ntype MenuSubmenuTriggerProps = React.ComponentProps<typeof BaseMenu.SubmenuTrigger> &\n  VariantProps<typeof menuSubmenuTriggerVariants>\n\nexport type {\n  MenuProps,\n  MenuTriggerProps,\n  MenuPopupProps,\n  MenuSeparatorProps,\n  MenuCheckboxItemProps,\n  MenuRadioGroupProps,\n  MenuRadioItemProps,\n  MenuGroupProps,\n  MenuGroupLabelProps,\n  MenuSubmenuProps,\n  MenuShortcutProps,\n  MenuItemProps,\n  MenuSubmenuTriggerProps,\n}\nexport { menuItemVariants, menuSubmenuTriggerVariants }\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport { cn } from '@/utils/cn'\nimport { trimTextChildren } from '@/utils/trim-text-children'\n\nimport { menuItemVariants } from './menu.types'\nimport type { MenuItemProps } from './menu.types'\n\nexport function MenuItem({ tone, className, children, ref, ...props }: MenuItemProps) {\n  return (\n    <BaseMenu.Item\n      className={cn(menuItemVariants({ tone }), className)}\n      nativeButton\n      ref={ref}\n      render={(renderProps) => (\n        <button\n          type=\"button\"\n          {...renderProps}\n          className={cn('w-full gap-2xs [&>svg]:size-sm', renderProps.className)}\n        >\n          {trimTextChildren(children)}\n        </button>\n      )}\n      {...props}\n    />\n  )\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { MenuPopupProps } from './menu.types'\n\nexport function MenuPopup({ className, children, ref, ...props }: MenuPopupProps) {\n  return (\n    <BaseMenu.Portal>\n      <BaseMenu.Positioner\n        className={cn('z-99 outline-none', className)}\n        ref={ref}\n        sideOffset={8}\n        {...props}\n      >\n        <BaseMenu.Popup className=\"flex min-w-[12rem] origin-(--transform-origin) translate-x-[-calc(var(--spacing-xl)/2)] flex-col gap-3xs rounded-lg bg-surface-2 px-3xs py-2xs shadow-md transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0\">\n          {children}\n        </BaseMenu.Popup>\n      </BaseMenu.Positioner>\n    </BaseMenu.Portal>\n  )\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { MenuRadioGroupProps } from './menu.types'\n\nexport function MenuRadioGroup({ className, ref, ...props }: MenuRadioGroupProps) {\n  return <BaseMenu.RadioGroup className={cn('', className)} ref={ref} {...props} />\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport { cn } from '@/utils/cn'\n\nimport { Icon } from '../icon'\nimport type { MenuRadioItemProps } from './menu.types'\n\nexport function MenuRadioItem({ className, children, ref, ...props }: MenuRadioItemProps) {\n  return (\n    <BaseMenu.RadioItem\n      className={cn(\n        'relative z-0 grid h-lg cursor-default grid-cols-[1fr_2rem] items-center px-xs style-text-default-0 transition-colors outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:content-[\"\"] hover:cursor-pointer data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <span className=\"col-start-1 min-w-3xl text-box-trim\">{children}</span>\n      <BaseMenu.RadioItemIndicator className=\"col-start-2 flex items-center justify-center place-self-end self-center\">\n        <Icon name=\"selected\" className=\"size-sm\" />\n      </BaseMenu.RadioItemIndicator>\n    </BaseMenu.RadioItem>\n  )\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { MenuSeparatorProps } from './menu.types'\n\nexport function MenuSeparator({ className, ref, ...props }: MenuSeparatorProps) {\n  return (\n    <BaseMenu.Separator\n      className={cn('mx-2xs my-3xs h-px bg-border-strong', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { MenuShortcutProps } from './menu.types'\n\nexport function MenuShortcut({ className, ref, ...props }: MenuShortcutProps) {\n  return (\n    <div\n      className={cn('ml-auto inline-flex items-center gap-3xs', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport type { MenuSubmenuProps } from './menu.types'\n\nexport function MenuSubmenu({ ...props }: MenuSubmenuProps) {\n  return <BaseMenu.SubmenuRoot {...props} />\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\n\nimport { cn } from '@/utils/cn'\n\nimport { Icon } from '../icon'\nimport { menuSubmenuTriggerVariants } from './menu.types'\nimport type { MenuSubmenuTriggerProps } from './menu.types'\n\nexport function MenuSubmenuTrigger({\n  tone,\n  className,\n  children,\n  ref,\n  ...props\n}: MenuSubmenuTriggerProps) {\n  return (\n    <BaseMenu.SubmenuTrigger\n      className={cn(menuSubmenuTriggerVariants({ tone }), className)}\n      ref={ref}\n      {...props}\n    >\n      <div className=\"col-start-1 flex min-w-3xl items-center gap-2xs pr-2xl [&>svg]:size-sm\">\n        {children}\n      </div>\n      <Icon name=\"chevronRight\" className=\"col-start-2 size-xs place-self-end self-center\" />\n    </BaseMenu.SubmenuTrigger>\n  )\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { isValidElement } from 'react'\nimport type { ReactElement } from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { MenuTriggerProps } from './menu.types'\n\nexport function MenuTrigger({ className, children, ref, ...props }: MenuTriggerProps) {\n  let render: ReactElement | undefined = undefined\n  if (isValidElement(children)) {\n    render = children\n  }\n\n  return (\n    <BaseMenu.Trigger\n      className={cn('data-popup-open:pointer-events-none', className)}\n      ref={ref}\n      render={render}\n      {...props}\n    />\n  )\n}\n","import { Menu as MenuRoot } from './menu'\nimport { MenuCheckboxItem } from './menu-checkbox-item'\nimport { MenuGroup } from './menu-group'\nimport { MenuGroupLabel } from './menu-group-label'\nimport { MenuItem } from './menu-item'\nimport { MenuPopup } from './menu-popup'\nimport { MenuRadioGroup } from './menu-radio-group'\nimport { MenuRadioItem } from './menu-radio-item'\nimport { MenuSeparator } from './menu-separator'\nimport { MenuShortcut } from './menu-shortcut'\nimport { MenuSubmenu } from './menu-submenu'\nimport { MenuSubmenuTrigger } from './menu-submenu-trigger'\nimport { MenuTrigger } from './menu-trigger'\n\nconst Menu = Object.assign(MenuRoot, {\n  CheckboxItem: MenuCheckboxItem,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  Item: MenuItem,\n  Popup: MenuPopup,\n  RadioGroup: MenuRadioGroup,\n  RadioItem: MenuRadioItem,\n  Separator: MenuSeparator,\n  Shortcut: MenuShortcut,\n  Submenu: MenuSubmenu,\n  SubmenuTrigger: MenuSubmenuTrigger,\n  Trigger: MenuTrigger,\n})\n\nexport type {\n  MenuCheckboxItemProps,\n  MenuGroupLabelProps,\n  MenuGroupProps,\n  MenuItemProps,\n  MenuPopupProps,\n  MenuProps,\n  MenuRadioGroupProps,\n  MenuRadioItemProps,\n  MenuSeparatorProps,\n  MenuShortcutProps,\n  MenuSubmenuProps,\n  MenuSubmenuTriggerProps,\n  MenuTriggerProps,\n} from './menu.types'\nexport { MenuCheckboxItem } from './menu-checkbox-item'\nexport { MenuGroup } from './menu-group'\nexport { MenuGroupLabel } from './menu-group-label'\nexport { MenuItem } from './menu-item'\nexport { MenuPopup } from './menu-popup'\nexport { MenuRadioGroup } from './menu-radio-group'\nexport { MenuRadioItem } from './menu-radio-item'\nexport { MenuSeparator } from './menu-separator'\nexport { MenuShortcut } from './menu-shortcut'\nexport { MenuSubmenu } from './menu-submenu'\nexport { MenuSubmenuTrigger } from './menu-submenu-trigger'\nexport { MenuTrigger } from './menu-trigger'\n\nexport { Menu }\n"],"mappings":"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"}

package/dist/menu-tone-DWBEHoX2.js

@@ -0,0 +1,22 @@
+// src/components/menu/menu-tone.ts
+const menuItemToneClasses = {
+	accent: "text-accent-default data-highlighted:text-accent-on-container data-highlighted:before:bg-accent-container-high",
+	brand: "text-brand-default data-highlighted:text-brand-on-container data-highlighted:before:bg-brand-container-high",
+	error: "text-error-default data-highlighted:text-error-on-container data-highlighted:before:bg-error-container-high",
+	info: "text-info-default data-highlighted:text-info-on-container data-highlighted:before:bg-info-container-high",
+	neutral: "text-on-surface data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high",
+	success: "text-success-default data-highlighted:text-success-on-container data-highlighted:before:bg-success-container-high",
+	warning: "text-warning-default data-highlighted:text-warning-on-container data-highlighted:before:bg-warning-container-high"
+};
+const menuSubmenuToneClasses = {
+	accent: "text-accent-default data-highlighted:text-accent-on-container data-highlighted:before:bg-accent-container-high data-popup-open:text-accent-on-container data-popup-open:before:bg-accent-container-high data-highlighted:data-popup-open:before:bg-accent-container-high",
+	brand: "text-brand-default data-highlighted:text-brand-on-container data-highlighted:before:bg-brand-container-high data-popup-open:text-brand-on-container data-popup-open:before:bg-brand-container-high data-highlighted:data-popup-open:before:bg-brand-container-high",
+	error: "text-error-default data-highlighted:text-error-on-container data-highlighted:before:bg-error-container-high data-popup-open:text-error-on-container data-popup-open:before:bg-error-container-high data-highlighted:data-popup-open:before:bg-error-container-high",
+	info: "text-info-default data-highlighted:text-info-on-container data-highlighted:before:bg-info-container-high data-popup-open:text-info-on-container data-popup-open:before:bg-info-container-high data-highlighted:data-popup-open:before:bg-info-container-high",
+	neutral: "text-on-surface data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high data-popup-open:text-neutral-on-container data-popup-open:before:bg-neutral-container-high data-highlighted:data-popup-open:before:bg-neutral-container-high",
+	success: "text-success-default data-highlighted:text-success-on-container data-highlighted:before:bg-success-container-high data-popup-open:text-success-on-container data-popup-open:before:bg-success-container-high data-highlighted:data-popup-open:before:bg-success-container-high",
+	warning: "text-warning-default data-highlighted:text-warning-on-container data-highlighted:before:bg-warning-container-high data-popup-open:text-warning-on-container data-popup-open:before:bg-warning-container-high data-highlighted:data-popup-open:before:bg-warning-container-high"
+};
+export { menuSubmenuToneClasses as n, menuItemToneClasses as t };
+
+//# sourceMappingURL=menu-tone-DWBEHoX2.js.map

package/dist/menu-tone-DWBEHoX2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-tone-DWBEHoX2.js","names":[],"sources":["../src/components/menu/menu-tone.ts"],"sourcesContent":["const menuItemToneClasses = {\n    accent:\n      'text-accent-default data-highlighted:text-accent-on-container data-highlighted:before:bg-accent-container-high',\n    brand:\n      'text-brand-default data-highlighted:text-brand-on-container data-highlighted:before:bg-brand-container-high',\n    error:\n      'text-error-default data-highlighted:text-error-on-container data-highlighted:before:bg-error-container-high',\n    info: 'text-info-default data-highlighted:text-info-on-container data-highlighted:before:bg-info-container-high',\n    neutral:\n      'text-on-surface data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high',\n    success:\n      'text-success-default data-highlighted:text-success-on-container data-highlighted:before:bg-success-container-high',\n    warning:\n      'text-warning-default data-highlighted:text-warning-on-container data-highlighted:before:bg-warning-container-high',\n  },\n  menuSubmenuToneClasses = {\n    accent:\n      'text-accent-default data-highlighted:text-accent-on-container data-highlighted:before:bg-accent-container-high data-popup-open:text-accent-on-container data-popup-open:before:bg-accent-container-high data-highlighted:data-popup-open:before:bg-accent-container-high',\n    brand:\n      'text-brand-default data-highlighted:text-brand-on-container data-highlighted:before:bg-brand-container-high data-popup-open:text-brand-on-container data-popup-open:before:bg-brand-container-high data-highlighted:data-popup-open:before:bg-brand-container-high',\n    error:\n      'text-error-default data-highlighted:text-error-on-container data-highlighted:before:bg-error-container-high data-popup-open:text-error-on-container data-popup-open:before:bg-error-container-high data-highlighted:data-popup-open:before:bg-error-container-high',\n    info: 'text-info-default data-highlighted:text-info-on-container data-highlighted:before:bg-info-container-high data-popup-open:text-info-on-container data-popup-open:before:bg-info-container-high data-highlighted:data-popup-open:before:bg-info-container-high',\n    neutral:\n      'text-on-surface data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high data-popup-open:text-neutral-on-container data-popup-open:before:bg-neutral-container-high data-highlighted:data-popup-open:before:bg-neutral-container-high',\n    success:\n      'text-success-default data-highlighted:text-success-on-container data-highlighted:before:bg-success-container-high data-popup-open:text-success-on-container data-popup-open:before:bg-success-container-high data-highlighted:data-popup-open:before:bg-success-container-high',\n    warning:\n      'text-warning-default data-highlighted:text-warning-on-container data-highlighted:before:bg-warning-container-high data-popup-open:text-warning-on-container data-popup-open:before:bg-warning-container-high data-highlighted:data-popup-open:before:bg-warning-container-high',\n  }\n\nexport { menuItemToneClasses, menuSubmenuToneClasses }\n"],"mappings":";AAAA,MAAM,sBAAsB;CACxB,QACE;CACF,OACE;CACF,OACE;CACF,MAAM;CACN,SACE;CACF,SACE;CACF,SACE;AACJ;AACA,MAAA,yBAAyB;CACvB,QACE;CACF,OACE;CACF,OACE;CACF,MAAM;CACN,SACE;CACF,SACE;CACF,SACE;AACJ"}

package/dist/meter/index.d.ts

@@ -0,0 +1,2 @@
+import { a as MeterLabel, c as MeterFooter, d as MeterIndicatorProps, f as MeterLabelProps, g as MeterValueProps, h as MeterTrackProps, i as MeterSubtitle, l as MeterFooterProps, m as MeterSubtitleProps, n as MeterValue, o as MeterIndicator, p as MeterProps, r as MeterTrack, s as MeterHeader, t as Meter, u as MeterHeaderProps } from "../index-DLfdAked.js";
+export { Meter, MeterFooter, type MeterFooterProps, MeterHeader, type MeterHeaderProps, MeterIndicator, type MeterIndicatorProps, MeterLabel, type MeterLabelProps, type MeterProps, MeterSubtitle, type MeterSubtitleProps, MeterTrack, type MeterTrackProps, MeterValue, type MeterValueProps };

package/dist/meter/index.js

@@ -0,0 +1 @@
+export { t as Meter, c as MeterFooter, s as MeterHeader, o as MeterIndicator, a as MeterLabel, i as MeterSubtitle, r as MeterTrack, n as MeterValue } from "../meter-HD5taq57.js";

package/dist/meter-HD5taq57.js

@@ -0,0 +1,116 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Meter } from "@base-ui/react";
+// src/components/meter/meter.types.ts
+const meterVariants = cva("", {
+	defaultVariants: {
+		orientation: "vertical",
+		size: "medium",
+		tone: "brand"
+	},
+	variants: {
+		orientation: {
+			horizontal: "flex items-center justify-between gap-xs [&_[data-track]]:w-full [&_button]:shrink-0",
+			vertical: "flex flex-col space-y-3xs"
+		},
+		size: {
+			large: "[&_[data-track]]:h-xs",
+			medium: "[&_[data-track]]:h-2xs",
+			small: "[&_[data-track]]:h-3xs"
+		},
+		tone: {
+			accent: "[&_[data-indicator]]:bg-accent-default",
+			brand: "[&_[data-indicator]]:bg-brand-default",
+			error: "[&_[data-indicator]]:bg-error-default",
+			info: "[&_[data-indicator]]:bg-info-default",
+			neutral: "[&_[data-indicator]]:bg-neutral-default",
+			success: "[&_[data-indicator]]:bg-success-default",
+			warning: "[&_[data-indicator]]:bg-warning-default"
+		}
+	}
+});
+// src/components/meter/meter.tsx
+function Meter$2({ orientation, size, tone, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Meter.Root, {
+		className: cn(meterVariants({
+			className,
+			orientation,
+			size,
+			tone
+		})),
+		ref,
+		...props
+	});
+}
+// src/components/meter/meter-footer.tsx
+function MeterFooter({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center justify-between", className),
+		ref,
+		...props
+	});
+}
+// src/components/meter/meter-header.tsx
+function MeterHeader({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center justify-between", className),
+		ref,
+		...props
+	});
+}
+// src/components/meter/meter-indicator.tsx
+function MeterIndicator({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Meter.Indicator, {
+		"data-indicator": true,
+		className: cn("rounded-full", className),
+		ref,
+		...props
+	});
+}
+// src/components/meter/meter-label.tsx
+function MeterLabel({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Meter.Label, {
+		className: cn("flex items-center gap-2xs style-text-strong--1 text-on-surface [&>svg]:size-xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/meter/meter-subtitle.tsx
+function MeterSubtitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("text-left style-text-prose--2 whitespace-nowrap text-on-surface-variant", className),
+		ref,
+		...props
+	});
+}
+// src/components/meter/meter-track.tsx
+function MeterTrack({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Meter.Track, {
+		className: cn("w-full self-center rounded-full bg-neutral-container", className),
+		"data-track": true,
+		ref,
+		...props
+	});
+}
+// src/components/meter/meter-value.tsx
+function MeterValue({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Meter.Value, {
+		className: cn("ml-auto text-right style-text-prose--2 text-on-surface-variant", className),
+		ref,
+		...props
+	});
+}
+// src/components/meter/index.ts
+const Meter$1 = Object.assign(Meter$2, {
+	Footer: MeterFooter,
+	Header: MeterHeader,
+	Indicator: MeterIndicator,
+	Label: MeterLabel,
+	Subtitle: MeterSubtitle,
+	Track: MeterTrack,
+	Value: MeterValue
+});
+export { MeterLabel as a, MeterFooter as c, MeterSubtitle as i, MeterValue as n, MeterIndicator as o, MeterTrack as r, MeterHeader as s, Meter$1 as t };
+
+//# sourceMappingURL=meter-HD5taq57.js.map