@brijbyte/agentic-ui 0.0.1-beta → 0.0.2

package/dist/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","names":["styles","BaseMenu","Menu"],"sources":["../../src/menu/menu.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport styles from \"./menu.module.css\";\n\n// ─── Types ──────────────────────────────────────────────────────────────────\n\nexport interface MenuItemDef {\n  type?: \"item\";\n  label: ReactNode;\n  value?: string;\n  disabled?: boolean;\n  shortcut?: ReactNode;\n  onSelect?: () => void;\n}\n\nexport interface MenuSeparatorDef {\n  type: \"separator\";\n}\n\nexport interface MenuGroupDef {\n  type: \"group\";\n  label?: ReactNode;\n  items: MenuItemDef[];\n}\n\nexport type MenuEntry = MenuItemDef | MenuSeparatorDef | MenuGroupDef;\n\nexport interface MenuProps {\n  /** The button/element that opens the menu. */\n  trigger: ReactElement;\n  items: MenuEntry[];\n  /** @default \"bottom\" */\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  /** @default \"start\" */\n  align?: \"start\" | \"center\" | \"end\";\n  /** @default 4 */\n  sideOffset?: number;\n  /** controlled open state */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n}\n\n// ─── Arrow SVG ─────────────────────────────────────────────────────────────\n\nfunction ArrowSvg() {\n  return (\n    <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" aria-hidden>\n      <path\n        d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n        className={styles[\"arrow-fill\"]}\n      />\n      <path\n        d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n        className={styles[\"arrow-stroke\"]}\n      />\n      <path\n        d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n        className={styles[\"arrow-stroke\"]}\n      />\n    </svg>\n  );\n}\n\n// ─── Item renderer ──────────────────────────────────────────────────────────\n\nfunction renderEntry(entry: MenuEntry, index: number): ReactNode {\n  if (entry.type === \"separator\") {\n    return <BaseMenu.Separator key={index} className={styles.separator} />;\n  }\n\n  if (entry.type === \"group\") {\n    return (\n      <BaseMenu.Group key={index}>\n        {entry.label && <BaseMenu.GroupLabel className={styles[\"group-label\"]}>{entry.label}</BaseMenu.GroupLabel>}\n        {entry.items.map((item, i) => renderEntry(item, i))}\n      </BaseMenu.Group>\n    );\n  }\n\n  return (\n    <BaseMenu.Item key={entry.value ?? index} className={styles.item} disabled={entry.disabled} onClick={entry.onSelect}>\n      <span className={styles[\"item-text\"]}>{entry.label}</span>\n      {entry.shortcut && <span className={styles[\"item-shortcut\"]}>{entry.shortcut}</span>}\n    </BaseMenu.Item>\n  );\n}\n\n// ─── High-level Menu ────────────────────────────────────────────────────────\n\nexport function Menu({ trigger, items, side = \"bottom\", align = \"start\", sideOffset = 4, className, onOpenChange, ...props }: MenuProps) {\n  return (\n    <BaseMenu.Root onOpenChange={onOpenChange as never} {...props}>\n      <BaseMenu.Trigger render={trigger} />\n      <BaseMenu.Portal>\n        <BaseMenu.Positioner className={`${styles.positioner} ${className ?? \"\"}`} side={side} align={align} sideOffset={sideOffset}>\n          <BaseMenu.Popup className={styles.popup}>\n            <BaseMenu.Arrow className={styles.arrow}>\n              <ArrowSvg />\n            </BaseMenu.Arrow>\n            {items.map((entry, i) => renderEntry(entry, i))}\n          </BaseMenu.Popup>\n        </BaseMenu.Positioner>\n      </BaseMenu.Portal>\n    </BaseMenu.Root>\n  );\n}\nexport { styles as MenuStyles };\n"],"mappings":";;;;AA6CA,SAAS,WAAW;AAClB,QACE,qBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,eAAA;YAA5D;GACE,oBAAC,QAAD;IACE,GAAE;IACF,WAAWA,oBAAO;IAClB,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,WAAWA,oBAAO;IAClB,CAAA;GACF,oBAAC,QAAD;IACE,GAAE;IACF,WAAWA,oBAAO;IAClB,CAAA;GACE;;;AAMV,SAAS,YAAY,OAAkB,OAA0B;AAC/D,KAAI,MAAM,SAAS,YACjB,QAAO,oBAACC,KAAS,WAAV,EAAgC,WAAWD,oBAAO,WAAa,EAAtC,MAAsC;AAGxE,KAAI,MAAM,SAAS,QACjB,QACE,qBAACC,KAAS,OAAV,EAAA,UAAA,CACG,MAAM,SAAS,oBAACA,KAAS,YAAV;EAAqB,WAAWD,oBAAO;YAAiB,MAAM;EAA4B,CAAA,EACzG,MAAM,MAAM,KAAK,MAAM,MAAM,YAAY,MAAM,EAAE,CAAC,CACpC,EAAA,EAHI,MAGJ;AAIrB,QACE,qBAACC,KAAS,MAAV;EAA0C,WAAWD,oBAAO;EAAM,UAAU,MAAM;EAAU,SAAS,MAAM;YAA3G,CACE,oBAAC,QAAD;GAAM,WAAWA,oBAAO;aAAe,MAAM;GAAa,CAAA,EACzD,MAAM,YAAY,oBAAC,QAAD;GAAM,WAAWA,oBAAO;aAAmB,MAAM;GAAgB,CAAA,CACtE;IAHI,MAAM,SAAS,MAGnB;;AAMpB,SAAgBE,OAAK,EAAE,SAAS,OAAO,OAAO,UAAU,QAAQ,SAAS,aAAa,GAAG,WAAW,cAAc,GAAG,SAAoB;AACvI,QACE,qBAACD,KAAS,MAAV;EAA6B;EAAuB,GAAI;YAAxD,CACE,oBAACA,KAAS,SAAV,EAAkB,QAAQ,SAAW,CAAA,EACrC,oBAACA,KAAS,QAAV,EAAA,UACE,oBAACA,KAAS,YAAV;GAAqB,WAAW,GAAGD,oBAAO,WAAW,GAAG,aAAa;GAAY;GAAa;GAAmB;aAC/G,qBAACC,KAAS,OAAV;IAAgB,WAAWD,oBAAO;cAAlC,CACE,oBAACC,KAAS,OAAV;KAAgB,WAAWD,oBAAO;eAChC,oBAAC,UAAD,EAAY,CAAA;KACG,CAAA,EAChB,MAAM,KAAK,OAAO,MAAM,YAAY,OAAO,EAAE,CAAC,CAChC;;GACG,CAAA,EACN,CAAA,CACJ"}

package/dist/menu/menu.module.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: Record<string, string | undefined>;
+export default styles;

package/dist/menu/menu.module.js

@@ -0,0 +1,19 @@
+//#region src/menu/menu.module.css
+var menu_module_default = {
+	"arrow": "arrow_HVPjPa",
+	"arrow-fill": "arrow-fill_HVPjPa",
+	"arrow-stroke": "arrow-stroke_HVPjPa",
+	"group-label": "group-label_HVPjPa",
+	"item": "item_HVPjPa",
+	"item-indicator": "item-indicator_HVPjPa",
+	"item-shortcut": "item-shortcut_HVPjPa",
+	"item-text": "item-text_HVPjPa",
+	"popup": "popup_HVPjPa",
+	"positioner": "positioner_HVPjPa",
+	"separator": "separator_HVPjPa",
+	"submenu-trigger-icon": "submenu-trigger-icon_HVPjPa"
+};
+//#endregion
+export { menu_module_default as default };
+
+//# sourceMappingURL=menu.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.module.js","names":[],"sources":["../../src/menu/menu.module.css"],"sourcesContent":["@layer components {\n  .positioner {\n    outline: none;\n    z-index: var(--z-dropdown);\n  }\n  .popup {\n    box-sizing: border-box;\n    padding: var(--space-1) 0;\n    border-radius: var(--radius-lg);\n    background-color: var(--color-overlay);\n    border: var(--border-width-base) solid var(--color-line);\n    box-shadow: var(--shadow-popover);\n    color: var(--color-primary);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    min-width: 200px;\n    transform-origin: var(--transform-origin);\n    outline: none;\n  }\n  @supports (backdrop-filter: blur(12px)) {\n    .popup {\n      backdrop-filter: blur(20px) saturate(1.8);\n      -webkit-backdrop-filter: blur(20px) saturate(1.8);\n    }\n  }\n  .popup[data-starting-style] {\n    opacity: 0;\n    transform: scale(0.95);\n    transition:\n      opacity 150ms var(--easing-ease-out),\n      transform 150ms var(--easing-ease-out);\n  }\n  .popup[data-ending-style] {\n    opacity: 0;\n    transform: scale(0.98);\n    transition:\n      opacity 75ms var(--easing-ease-in),\n      transform 75ms var(--easing-ease-in);\n  }\n  /* ─── Item ───────────────────────────────────────────────────────── */\n  .item {\n    display: flex;\n    align-items: center;\n    gap: var(--space-2);\n    /* Horizontal padding leaves room for the highlight inset */\n    padding: var(--space-1-5) var(--space-3);\n    margin: 1px var(--space-1);\n    border-radius: var(--radius-md);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-primary);\n    cursor: default;\n    outline: none;\n    user-select: none;\n    position: relative;\n    transition: none;\n  }\n  .item[data-highlighted] {\n    background-color: var(--color-accent);\n    color: var(--color-on-accent);\n  }\n  .item[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n  /* ─── Item internals ─────────────────────────────────────────────── */\n  .item-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    flex-shrink: 0;\n    color: inherit;\n  }\n  .item-text {\n    flex: 1;\n  }\n  .item-shortcut {\n    margin-left: var(--space-6);\n    font-size: var(--font-size-xs);\n    color: var(--color-tertiary);\n    letter-spacing: 0.02em;\n    flex-shrink: 0;\n  }\n  .item[data-highlighted] .item-shortcut {\n    color: color-mix(in srgb, var(--color-on-accent) 60%, transparent);\n  }\n  /* ─── Group label ────────────────────────────────────────────────── */\n  .group-label {\n    padding: var(--space-1-5) var(--space-3) var(--space-0-5);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-xs);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-tertiary);\n    text-transform: uppercase;\n    letter-spacing: var(--letter-spacing-wide);\n    cursor: default;\n    user-select: none;\n    margin-inline: var(--space-1);\n  }\n  /* ─── Separator ──────────────────────────────────────────────────── */\n  .separator {\n    margin: var(--space-1) 0;\n    height: var(--border-width-base);\n    background-color: var(--color-line-subtle);\n  }\n  /* ─── Submenu ────────────────────────────────────────────────────── */\n  .submenu-trigger-icon {\n    margin-left: auto;\n    color: var(--color-tertiary);\n    flex-shrink: 0;\n  }\n  .item[data-highlighted] .submenu-trigger-icon {\n    color: color-mix(in srgb, var(--color-on-accent) 70%, transparent);\n  }\n  /* ─── Arrow ──────────────────────────────────────────────────────── */\n  .arrow {\n    display: flex;\n  }\n  .arrow[data-side=\"top\"] {\n    bottom: -8px;\n    rotate: 180deg;\n  }\n  .arrow[data-side=\"bottom\"] {\n    top: -8px;\n    rotate: 0deg;\n  }\n  .arrow[data-side=\"left\"] {\n    right: -13px;\n    rotate: 90deg;\n  }\n  .arrow[data-side=\"right\"] {\n    left: -13px;\n    rotate: -90deg;\n  }\n  .arrow-fill {\n    fill: var(--color-overlay);\n  }\n  .arrow-stroke {\n    fill: var(--color-line);\n  }\n}\n"],"mappings":";AAwBA,IAAA,sBAAE;CAAA,SAAA;CAAA,cAAA;CAAA,gBAAA;CAAA,eAAA;CAAA,QAAA;CAAA,kBAAA;CAAA,iBAAA;CAAA,aAAA;CAAA,SAAA;CAAA,cAAA;CAAA,aAAA;CAAA,wBAAA;CAAA"}

package/dist/menu/menuitemshortcut.d.ts

@@ -0,0 +1,9 @@
+import * as react from "react";
+import { HTMLAttributes } from "react";
+
+//#region src/menu/menuitemshortcut.d.ts
+interface MenuItemShortcutProps extends HTMLAttributes<HTMLSpanElement> {}
+declare const MenuItemShortcut: react.ForwardRefExoticComponent<MenuItemShortcutProps & react.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { MenuItemShortcut, MenuItemShortcutProps };
+//# sourceMappingURL=menuitemshortcut.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuitemshortcut.d.ts","names":[],"sources":["../../src/menu/menuitemshortcut.tsx"],"mappings":";;;;UAIiB,qBAAA,SAA8B,cAAA,CAAe,eAAA;AAAA,cAEjD,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA"}

package/dist/menu/menuitemshortcut.js

@@ -0,0 +1,15 @@
+import menu_module_default from "./menu.module.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/menu/menuitemshortcut.tsx
+const MenuItemShortcut = forwardRef(function MenuItemShortcut({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		className: `${menu_module_default["item-shortcut"]} ${className ?? ""}`,
+		...props
+	});
+});
+//#endregion
+export { MenuItemShortcut };
+
+//# sourceMappingURL=menuitemshortcut.js.map

package/dist/menu/menuitemshortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuitemshortcut.js","names":["styles"],"sources":["../../src/menu/menuitemshortcut.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport styles from \"./menu.module.css\";\n\nexport interface MenuItemShortcutProps extends HTMLAttributes<HTMLSpanElement> {}\n\nexport const MenuItemShortcut = forwardRef<HTMLSpanElement, MenuItemShortcutProps>(function MenuItemShortcut({ className, ...props }, ref) {\n  return <span ref={ref} className={`${styles[\"item-shortcut\"]} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;AAMA,MAAa,mBAAmB,WAAmD,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;AACzI,QAAO,oBAAC,QAAD;EAAW;EAAK,WAAW,GAAGA,oBAAO,iBAAiB,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAChG"}

package/dist/menu/parts.d.ts

@@ -0,0 +1,39 @@
+import { MenuItemShortcut } from "./menuitemshortcut.js";
+import * as react from "react";
+import { ComponentPropsWithoutRef } from "react";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/menu/parts.d.ts
+type BasePositionerProps = ComponentPropsWithoutRef<typeof Menu.Positioner>;
+type BasePopupProps = ComponentPropsWithoutRef<typeof Menu.Popup>;
+type BaseItemProps = ComponentPropsWithoutRef<typeof Menu.Item>;
+type BaseSeparatorProps = ComponentPropsWithoutRef<typeof Menu.Separator>;
+type BaseGroupLabelProps = ComponentPropsWithoutRef<typeof Menu.GroupLabel>;
+type BaseArrowProps = ComponentPropsWithoutRef<typeof Menu.Arrow>;
+interface MenuPositionerProps extends Omit<BasePositionerProps, "className"> {
+  className?: string;
+}
+interface MenuPopupProps extends Omit<BasePopupProps, "className"> {
+  className?: string;
+}
+interface MenuItemProps extends Omit<BaseItemProps, "className"> {
+  className?: string;
+}
+interface MenuSeparatorProps extends Omit<BaseSeparatorProps, "className"> {
+  className?: string;
+}
+interface MenuGroupLabelProps extends Omit<BaseGroupLabelProps, "className"> {
+  className?: string;
+}
+interface MenuArrowProps extends Omit<BaseArrowProps, "className"> {
+  className?: string;
+}
+declare const MenuPositioner: react.ForwardRefExoticComponent<MenuPositionerProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuPopup: react.ForwardRefExoticComponent<MenuPopupProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<HTMLElement>>;
+declare const MenuSeparator: react.ForwardRefExoticComponent<MenuSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuGroupLabel: react.ForwardRefExoticComponent<MenuGroupLabelProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuArrow: react.ForwardRefExoticComponent<MenuArrowProps & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { MenuArrow, MenuArrowProps, MenuGroupLabel, MenuGroupLabelProps, MenuItem, MenuItemProps, MenuPopup, MenuPopupProps, MenuPositioner, MenuPositionerProps, MenuSeparator, MenuSeparatorProps };
+//# sourceMappingURL=parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/menu/parts.tsx"],"mappings":";;;;;;KA6BK,mBAAA,GAAsB,wBAAA,QAAgC,IAAA,CAAS,UAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,IAAA,CAAS,KAAA;AAAA,KAC1D,aAAA,GAAgB,wBAAA,QAAgC,IAAA,CAAS,IAAA;AAAA,KACzD,kBAAA,GAAqB,wBAAA,QAAgC,IAAA,CAAS,SAAA;AAAA,KAC9D,mBAAA,GAAsB,wBAAA,QAAgC,IAAA,CAAS,UAAA;AAAA,KAC/D,cAAA,GAAiB,wBAAA,QAAgC,IAAA,CAAS,KAAA;AAAA,UAE9C,mBAAA,SAA4B,IAAA,CAAK,mBAAA;EAChD,SAAA;AAAA;AAAA,UAEe,cAAA,SAAuB,IAAA,CAAK,cAAA;EAC3C,SAAA;AAAA;AAAA,UAEe,aAAA,SAAsB,IAAA,CAAK,aAAA;EAC1C,SAAA;AAAA;AAAA,UAEe,kBAAA,SAA2B,IAAA,CAAK,kBAAA;EAC/C,SAAA;AAAA;AAAA,UAEe,mBAAA,SAA4B,IAAA,CAAK,mBAAA;EAChD,SAAA;AAAA;AAAA,UAEe,cAAA,SAAuB,IAAA,CAAK,cAAA;EAC3C,SAAA;AAAA;AAAA,cAGW,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAIT,QAAA,EAAQ,KAAA,CAAA,yBAAA,CAAA,aAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAIR,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOb,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOd,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/menu/parts.js

@@ -0,0 +1,76 @@
+import menu_module_default from "./menu.module.js";
+import "./menuitemshortcut.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/menu/parts.tsx
+/**
+* Styled primitives for Menu.
+*
+* @example
+* ```tsx
+* import { Menu } from '@base-ui/react/menu';
+* import {
+*   MenuPositioner, MenuPopup, MenuItem, MenuSeparator, MenuGroupLabel,
+* } from '@brijbyte/agentic-ui/menu';
+*
+* <Menu.Root>
+*   <Menu.Trigger render={<button>Open</button>} />
+*   <Menu.Portal>
+*     <MenuPositioner sideOffset={4}>
+*       <MenuPopup>
+*         <MenuItem>Action</MenuItem>
+*         <MenuSeparator />
+*         <MenuItem>Another</MenuItem>
+*       </MenuPopup>
+*     </MenuPositioner>
+*   </Menu.Portal>
+* </Menu.Root>
+* ```
+*/
+const MenuPositioner = forwardRef(function MenuPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Positioner, {
+		ref,
+		className: `${menu_module_default.positioner} ${className ?? ""}`,
+		...props
+	});
+});
+const MenuPopup = forwardRef(function MenuPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Popup, {
+		ref,
+		className: `${menu_module_default.popup} ${className ?? ""}`,
+		...props
+	});
+});
+const MenuItem = forwardRef(function MenuItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		ref,
+		className: `${menu_module_default.item} ${className ?? ""}`,
+		...props
+	});
+});
+const MenuSeparator = forwardRef(function MenuSeparator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		ref,
+		className: `${menu_module_default.separator} ${className ?? ""}`,
+		...props
+	});
+});
+const MenuGroupLabel = forwardRef(function MenuGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		ref,
+		className: `${menu_module_default["group-label"]} ${className ?? ""}`,
+		...props
+	});
+});
+const MenuArrow = forwardRef(function MenuArrow({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Arrow, {
+		ref,
+		className: `${menu_module_default.arrow} ${className ?? ""}`,
+		...props
+	});
+});
+//#endregion
+export { MenuArrow, MenuGroupLabel, MenuItem, MenuPopup, MenuPositioner, MenuSeparator };
+
+//# sourceMappingURL=parts.js.map

package/dist/menu/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","names":["BaseMenu","styles"],"sources":["../../src/menu/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Menu.\n *\n * @example\n * ```tsx\n * import { Menu } from '@base-ui/react/menu';\n * import {\n *   MenuPositioner, MenuPopup, MenuItem, MenuSeparator, MenuGroupLabel,\n * } from '@brijbyte/agentic-ui/menu';\n *\n * <Menu.Root>\n *   <Menu.Trigger render={<button>Open</button>} />\n *   <Menu.Portal>\n *     <MenuPositioner sideOffset={4}>\n *       <MenuPopup>\n *         <MenuItem>Action</MenuItem>\n *         <MenuSeparator />\n *         <MenuItem>Another</MenuItem>\n *       </MenuPopup>\n *     </MenuPositioner>\n *   </Menu.Portal>\n * </Menu.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport styles from \"./menu.module.css\";\n\ntype BasePositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\ntype BaseGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\ntype BaseArrowProps = ComponentPropsWithoutRef<typeof BaseMenu.Arrow>;\n\nexport interface MenuPositionerProps extends Omit<BasePositionerProps, \"className\"> {\n  className?: string;\n}\nexport interface MenuPopupProps extends Omit<BasePopupProps, \"className\"> {\n  className?: string;\n}\nexport interface MenuItemProps extends Omit<BaseItemProps, \"className\"> {\n  className?: string;\n}\nexport interface MenuSeparatorProps extends Omit<BaseSeparatorProps, \"className\"> {\n  className?: string;\n}\nexport interface MenuGroupLabelProps extends Omit<BaseGroupLabelProps, \"className\"> {\n  className?: string;\n}\nexport interface MenuArrowProps extends Omit<BaseArrowProps, \"className\"> {\n  className?: string;\n}\n\nexport const MenuPositioner = forwardRef<ComponentRef<typeof BaseMenu.Positioner>, MenuPositionerProps>(function MenuPositioner(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.Positioner ref={ref} className={`${styles.positioner} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const MenuPopup = forwardRef<ComponentRef<typeof BaseMenu.Popup>, MenuPopupProps>(function MenuPopup({ className, ...props }, ref) {\n  return <BaseMenu.Popup ref={ref} className={`${styles.popup} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const MenuItem = forwardRef<ComponentRef<typeof BaseMenu.Item>, MenuItemProps>(function MenuItem({ className, ...props }, ref) {\n  return <BaseMenu.Item ref={ref} className={`${styles.item} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const MenuSeparator = forwardRef<ComponentRef<typeof BaseMenu.Separator>, MenuSeparatorProps>(function MenuSeparator(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.Separator ref={ref} className={`${styles.separator} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const MenuGroupLabel = forwardRef<ComponentRef<typeof BaseMenu.GroupLabel>, MenuGroupLabelProps>(function MenuGroupLabel(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.GroupLabel ref={ref} className={`${styles[\"group-label\"]} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const MenuArrow = forwardRef<ComponentRef<typeof BaseMenu.Arrow>, MenuArrowProps>(function MenuArrow({ className, ...props }, ref) {\n  return <BaseMenu.Arrow ref={ref} className={`${styles.arrow} ${className ?? \"\"}`} {...props} />;\n});\n\n/** Convenience class for keyboard shortcut hints inside a MenuItem. */\nexport { MenuItemShortcut } from \"./menuitemshortcut\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,KAAS,YAAV;EAA0B;EAAK,WAAW,GAAGC,oBAAO,WAAW,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACzG;AAEF,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACD,KAAS,OAAV;EAAqB;EAAK,WAAW,GAAGC,oBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/F;AAEF,MAAa,WAAW,WAA8D,SAAS,SAAS,EAAE,WAAW,GAAG,SAAS,KAAK;AACpI,QAAO,oBAACD,KAAS,MAAV;EAAoB;EAAK,WAAW,GAAGC,oBAAO,KAAK,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC7F;AAEF,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,KAAS,WAAV;EAAyB;EAAK,WAAW,GAAGC,oBAAO,UAAU,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACvG;AAEF,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,KAAS,YAAV;EAA0B;EAAK,WAAW,GAAGC,oBAAO,eAAe,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC7G;AAEF,MAAa,YAAY,WAAgE,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;AACxI,QAAO,oBAACD,KAAS,OAAV;EAAqB;EAAK,WAAW,GAAGC,oBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/F"}

package/dist/number-field/index.d.ts

@@ -0,0 +1,3 @@
+import { NumberField, NumberFieldProps, styles } from "./number-field.js";
+import { NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorProps, NumberFieldScrubAreaProps } from "./parts.js";
+export { NumberField, NumberFieldDecrement, type NumberFieldDecrementProps, NumberFieldGroup, type NumberFieldGroupProps, NumberFieldIncrement, type NumberFieldIncrementProps, NumberFieldInput, type NumberFieldInputProps, type NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, type NumberFieldScrubAreaCursorProps, type NumberFieldScrubAreaProps, styles as NumberFieldStyles };

package/dist/number-field/index.js

@@ -0,0 +1,4 @@
+import number_field_module_default from "./number-field.module.js";
+import { NumberField } from "./number-field.js";
+import { NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor } from "./parts.js";
+export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor, number_field_module_default as NumberFieldStyles };

package/dist/number-field/number-field.css

@@ -0,0 +1,111 @@
+@layer components {
+  .root_msdI1W {
+    align-items: flex-start;
+    gap: var(--space-1);
+    flex-direction: column;
+    display: flex;
+  }
+
+  .scrub-area_msdI1W {
+    cursor: ew-resize;
+    user-select: none;
+  }
+
+  .scrub-area-cursor_msdI1W {
+    filter: drop-shadow(0 1px 1px #00000080);
+  }
+
+  .label_msdI1W {
+    cursor: ew-resize;
+    font-family: var(--font-mono);
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-medium);
+    color: var(--color-secondary);
+    letter-spacing: var(--letter-spacing-wide);
+    text-transform: uppercase;
+  }
+
+  .group_msdI1W {
+    display: flex;
+  }
+
+  .input_msdI1W {
+    box-sizing: border-box;
+    width: 6rem;
+    height: 2rem;
+    font-family: var(--font-mono);
+    font-size: var(--font-size-sm);
+    text-align: center;
+    font-variant-numeric: tabular-nums;
+    color: var(--color-primary);
+    background-color: var(--color-elevated);
+    border-top: var(--border-width-base) solid var(--color-line);
+    border-bottom: var(--border-width-base) solid var(--color-line);
+    transition: box-shadow var(--duration-fast) var(--easing-standard);
+    border-left: none;
+    border-right: none;
+    border-radius: 0;
+    outline: none;
+    margin: 0;
+    padding: 0;
+    font-weight: normal;
+  }
+
+  .input_msdI1W:focus {
+    z-index: 1;
+    box-shadow: inset 0 0 0 1.5px var(--color-accent);
+  }
+
+  .input_msdI1W[data-disabled] {
+    opacity: .44;
+    cursor: not-allowed;
+  }
+
+  .step-button_msdI1W {
+    box-sizing: border-box;
+    border: var(--border-width-base) solid var(--color-line);
+    background-color: var(--color-surface-1);
+    width: 2rem;
+    height: 2rem;
+    color: var(--color-secondary);
+    cursor: pointer;
+    user-select: none;
+    transition: background-color var(--duration-fast) var(--easing-standard),
+      color var(--duration-fast) var(--easing-standard),
+      transform .1s var(--easing-ease-out);
+    outline: none;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    display: flex;
+  }
+
+  .step-button_msdI1W:hover {
+    background-color: var(--color-hover);
+    color: var(--color-primary);
+  }
+
+  .step-button_msdI1W:active:not([data-disabled]) {
+    background-color: var(--color-active);
+    transform: scale(.93);
+  }
+
+  .step-button_msdI1W:focus-visible {
+    z-index: 1;
+    box-shadow: inset 0 0 0 1.5px var(--color-accent);
+  }
+
+  .step-button_msdI1W[data-disabled] {
+    opacity: .44;
+    cursor: not-allowed;
+  }
+
+  .decrement_msdI1W {
+    border-radius: var(--radius-md) 0 0 var(--radius-md);
+  }
+
+  .increment_msdI1W {
+    border-radius: 0 var(--radius-md) var(--radius-md) 0;
+  }
+}

package/dist/number-field/number-field.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import styles from "./number-field.module.css";
+
+//#region src/number-field/number-field.d.ts
+interface NumberFieldProps {
+  /** Visible label text. When present a scrub-area is also rendered. */
+  label?: ReactNode;
+  defaultValue?: number;
+  value?: number | null;
+  onValueChange?: (value: number | null) => void;
+  min?: number;
+  max?: number;
+  step?: number;
+  disabled?: boolean;
+  readOnly?: boolean;
+  required?: boolean;
+  name?: string;
+  format?: Intl.NumberFormatOptions;
+  allowWheelScrub?: boolean;
+  className?: string;
+}
+declare function NumberField({
+  label,
+  className,
+  onValueChange,
+  ...props
+}: NumberFieldProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NumberField, NumberFieldProps, styles };
+//# sourceMappingURL=number-field.d.ts.map

package/dist/number-field/number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","names":[],"sources":["../../src/number-field/number-field.tsx"],"mappings":";;;;;UAKiB,gBAAA;;EAEf,KAAA,GAAQ,SAAA;EACR,YAAA;EACA,KAAA;EACA,aAAA,IAAiB,KAAA;EACjB,GAAA;EACA,GAAA;EACA,IAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EACA,IAAA;EACA,MAAA,GAAS,IAAA,CAAK,mBAAA;EACd,eAAA;EACA,SAAA;AAAA;AAAA,iBA2Bc,WAAA,CAAA;EAAc,KAAA;EAAO,SAAA;EAAW,aAAA;EAAA,GAAkB;AAAA,GAAS,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/number-field/number-field.js

@@ -0,0 +1,78 @@
+import number_field_module_default from "./number-field.module.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NumberField } from "@base-ui/react/number-field";
+//#region src/number-field/number-field.tsx
+function MinusIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "10",
+		height: "10",
+		viewBox: "0 0 10 10",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.6",
+		"aria-hidden": true,
+		children: /* @__PURE__ */ jsx("path", { d: "M0 5H10" })
+	});
+}
+function PlusIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "10",
+		height: "10",
+		viewBox: "0 0 10 10",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.6",
+		"aria-hidden": true,
+		children: /* @__PURE__ */ jsx("path", { d: "M0 5H5M10 5H5M5 5V0M5 5V10" })
+	});
+}
+function ScrubCursorIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "24",
+		height: "12",
+		viewBox: "0 0 24 14",
+		fill: "currentColor",
+		stroke: "white",
+		strokeWidth: "0.5",
+		"aria-hidden": true,
+		children: /* @__PURE__ */ jsx("path", { d: "M19.5 5.5L6.49737 5.51844V2L1 6.9999L6.5 12L6.49737 8.5L19.5 8.5V12L25 6.9999L19.5 2V5.5Z" })
+	});
+}
+function NumberField$1({ label, className, onValueChange, ...props }) {
+	const id = useId();
+	return /* @__PURE__ */ jsxs(NumberField.Root, {
+		id,
+		className: `${number_field_module_default.root} ${className ?? ""}`,
+		onValueChange,
+		...props,
+		children: [label && /* @__PURE__ */ jsxs(NumberField.ScrubArea, {
+			className: number_field_module_default["scrub-area"],
+			children: [/* @__PURE__ */ jsx("label", {
+				htmlFor: id,
+				className: number_field_module_default.label,
+				children: label
+			}), /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
+				className: number_field_module_default["scrub-area-cursor"],
+				children: /* @__PURE__ */ jsx(ScrubCursorIcon, {})
+			})]
+		}), /* @__PURE__ */ jsxs(NumberField.Group, {
+			className: number_field_module_default.group,
+			children: [
+				/* @__PURE__ */ jsx(NumberField.Decrement, {
+					className: `${number_field_module_default["step-button"]} ${number_field_module_default.decrement}`,
+					children: /* @__PURE__ */ jsx(MinusIcon, {})
+				}),
+				/* @__PURE__ */ jsx(NumberField.Input, { className: number_field_module_default.input }),
+				/* @__PURE__ */ jsx(NumberField.Increment, {
+					className: `${number_field_module_default["step-button"]} ${number_field_module_default.increment}`,
+					children: /* @__PURE__ */ jsx(PlusIcon, {})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { NumberField$1 as NumberField };
+
+//# sourceMappingURL=number-field.js.map

package/dist/number-field/number-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.js","names":["NumberField","BaseNumberField","styles"],"sources":["../../src/number-field/number-field.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport styles from \"./number-field.module.css\";\n\nexport interface NumberFieldProps {\n  /** Visible label text. When present a scrub-area is also rendered. */\n  label?: ReactNode;\n  defaultValue?: number;\n  value?: number | null;\n  onValueChange?: (value: number | null) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  format?: Intl.NumberFormatOptions;\n  allowWheelScrub?: boolean;\n  className?: string;\n}\n\nfunction MinusIcon() {\n  return (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.6\" aria-hidden>\n      <path d=\"M0 5H10\" />\n    </svg>\n  );\n}\n\nfunction PlusIcon() {\n  return (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.6\" aria-hidden>\n      <path d=\"M0 5H5M10 5H5M5 5V0M5 5V10\" />\n    </svg>\n  );\n}\n\nfunction ScrubCursorIcon() {\n  return (\n    <svg width=\"24\" height=\"12\" viewBox=\"0 0 24 14\" fill=\"currentColor\" stroke=\"white\" strokeWidth=\"0.5\" aria-hidden>\n      <path d=\"M19.5 5.5L6.49737 5.51844V2L1 6.9999L6.5 12L6.49737 8.5L19.5 8.5V12L25 6.9999L19.5 2V5.5Z\" />\n    </svg>\n  );\n}\n\nexport function NumberField({ label, className, onValueChange, ...props }: NumberFieldProps) {\n  const id = useId();\n\n  return (\n    <BaseNumberField.Root id={id} className={`${styles.root} ${className ?? \"\"}`} onValueChange={onValueChange as never} {...props}>\n      {label && (\n        <BaseNumberField.ScrubArea className={styles[\"scrub-area\"]}>\n          <label htmlFor={id} className={styles.label}>\n            {label}\n          </label>\n          <BaseNumberField.ScrubAreaCursor className={styles[\"scrub-area-cursor\"]}>\n            <ScrubCursorIcon />\n          </BaseNumberField.ScrubAreaCursor>\n        </BaseNumberField.ScrubArea>\n      )}\n      <BaseNumberField.Group className={styles.group}>\n        <BaseNumberField.Decrement className={`${styles[\"step-button\"]} ${styles.decrement}`}>\n          <MinusIcon />\n        </BaseNumberField.Decrement>\n        <BaseNumberField.Input className={styles.input} />\n        <BaseNumberField.Increment className={`${styles[\"step-button\"]} ${styles.increment}`}>\n          <PlusIcon />\n        </BaseNumberField.Increment>\n      </BaseNumberField.Group>\n    </BaseNumberField.Root>\n  );\n}\nexport { styles as NumberFieldStyles };\n"],"mappings":";;;;;AAuBA,SAAS,YAAY;AACnB,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,QAAO;EAAe,aAAY;EAAM,eAAA;YAClG,oBAAC,QAAD,EAAM,GAAE,WAAY,CAAA;EAChB,CAAA;;AAIV,SAAS,WAAW;AAClB,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,QAAO;EAAe,aAAY;EAAM,eAAA;YAClG,oBAAC,QAAD,EAAM,GAAE,8BAA+B,CAAA;EACnC,CAAA;;AAIV,SAAS,kBAAkB;AACzB,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAe,QAAO;EAAQ,aAAY;EAAM,eAAA;YACnG,oBAAC,QAAD,EAAM,GAAE,6FAA8F,CAAA;EAClG,CAAA;;AAIV,SAAgBA,cAAY,EAAE,OAAO,WAAW,eAAe,GAAG,SAA2B;CAC3F,MAAM,KAAK,OAAO;AAElB,QACE,qBAACC,YAAgB,MAAjB;EAA0B;EAAI,WAAW,GAAGC,4BAAO,KAAK,GAAG,aAAa;EAAqB;EAAwB,GAAI;YAAzH,CACG,SACC,qBAACD,YAAgB,WAAjB;GAA2B,WAAWC,4BAAO;aAA7C,CACE,oBAAC,SAAD;IAAO,SAAS;IAAI,WAAWA,4BAAO;cACnC;IACK,CAAA,EACR,oBAACD,YAAgB,iBAAjB;IAAiC,WAAWC,4BAAO;cACjD,oBAAC,iBAAD,EAAmB,CAAA;IACa,CAAA,CACR;MAE9B,qBAACD,YAAgB,OAAjB;GAAuB,WAAWC,4BAAO;aAAzC;IACE,oBAACD,YAAgB,WAAjB;KAA2B,WAAW,GAAGC,4BAAO,eAAe,GAAGA,4BAAO;eACvE,oBAAC,WAAD,EAAa,CAAA;KACa,CAAA;IAC5B,oBAACD,YAAgB,OAAjB,EAAuB,WAAWC,4BAAO,OAAS,CAAA;IAClD,oBAACD,YAAgB,WAAjB;KAA2B,WAAW,GAAGC,4BAAO,eAAe,GAAGA,4BAAO;eACvE,oBAAC,UAAD,EAAY,CAAA;KACc,CAAA;IACN;KACH"}

package/dist/number-field/number-field.module.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: Record<string, string | undefined>;
+export default styles;

package/dist/number-field/number-field.module.js

@@ -0,0 +1,16 @@
+//#region src/number-field/number-field.module.css
+var number_field_module_default = {
+	"decrement": "decrement_msdI1W",
+	"group": "group_msdI1W",
+	"increment": "increment_msdI1W",
+	"input": "input_msdI1W",
+	"label": "label_msdI1W",
+	"root": "root_msdI1W",
+	"scrub-area": "scrub-area_msdI1W",
+	"scrub-area-cursor": "scrub-area-cursor_msdI1W",
+	"step-button": "step-button_msdI1W"
+};
+//#endregion
+export { number_field_module_default as default };
+
+//# sourceMappingURL=number-field.module.js.map

package/dist/number-field/number-field.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.module.js","names":[],"sources":["../../src/number-field/number-field.module.css"],"sourcesContent":["@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--space-1);\n  }\n  .scrub-area {\n    cursor: ew-resize;\n    user-select: none;\n  }\n  .scrub-area-cursor {\n    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));\n  }\n  .label {\n    cursor: ew-resize;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-xs);\n    font-weight: var(--font-weight-medium);\n    color: var(--color-secondary);\n    letter-spacing: var(--letter-spacing-wide);\n    text-transform: uppercase;\n  }\n  .group {\n    display: flex;\n  }\n  .input {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    width: 6rem;\n    height: 2rem;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    font-weight: normal;\n    text-align: center;\n    font-variant-numeric: tabular-nums;\n    color: var(--color-primary);\n    background-color: var(--color-elevated);\n    border-top: var(--border-width-base) solid var(--color-line);\n    border-bottom: var(--border-width-base) solid var(--color-line);\n    border-left: none;\n    border-right: none;\n    border-radius: 0;\n    outline: none;\n    transition: box-shadow var(--duration-fast) var(--easing-standard);\n  }\n  .input:focus {\n    z-index: 1;\n    box-shadow: inset 0 0 0 1.5px var(--color-accent);\n  }\n  .input[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n  .step-button {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    margin: 0;\n    padding: 0;\n    border: var(--border-width-base) solid var(--color-line);\n    background-color: var(--color-surface-1);\n    color: var(--color-secondary);\n    cursor: pointer;\n    outline: none;\n    user-select: none;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      color var(--duration-fast) var(--easing-standard),\n      transform 100ms var(--easing-ease-out);\n  }\n  .step-button:hover {\n    background-color: var(--color-hover);\n    color: var(--color-primary);\n  }\n  .step-button:active:not([data-disabled]) {\n    background-color: var(--color-active);\n    transform: scale(0.93);\n  }\n  .step-button:focus-visible {\n    z-index: 1;\n    box-shadow: inset 0 0 0 1.5px var(--color-accent);\n  }\n  .step-button[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n  .decrement {\n    border-radius: var(--radius-md) 0 0 var(--radius-md);\n  }\n  .increment {\n    border-radius: 0 var(--radius-md) var(--radius-md) 0;\n  }\n}\n"],"mappings":";AAkBA,IAAA,8BAAe;CAAC,aAAY;CAAc,SAAA;CAAA,aAAA;CAAA,SAAA;CAAA,SAAA;CAAA,QAAA;CAAA,cAAA;CAAA,qBAAA;CAAA,eAAA;CAAA"}

package/dist/number-field/parts.d.ts

@@ -0,0 +1,38 @@
+import * as react from "react";
+import { ComponentPropsWithoutRef } from "react";
+import { NumberField } from "@base-ui/react/number-field";
+
+//#region src/number-field/parts.d.ts
+type BaseGroupProps = ComponentPropsWithoutRef<typeof NumberField.Group>;
+type BaseInputProps = ComponentPropsWithoutRef<typeof NumberField.Input>;
+type BaseDecrementProps = ComponentPropsWithoutRef<typeof NumberField.Decrement>;
+type BaseIncrementProps = ComponentPropsWithoutRef<typeof NumberField.Increment>;
+type BaseScrubAreaProps = ComponentPropsWithoutRef<typeof NumberField.ScrubArea>;
+type BaseScrubAreaCursorProps = ComponentPropsWithoutRef<typeof NumberField.ScrubAreaCursor>;
+interface NumberFieldGroupProps extends Omit<BaseGroupProps, "className"> {
+  className?: string;
+}
+interface NumberFieldInputProps extends Omit<BaseInputProps, "className"> {
+  className?: string;
+}
+interface NumberFieldDecrementProps extends Omit<BaseDecrementProps, "className"> {
+  className?: string;
+}
+interface NumberFieldIncrementProps extends Omit<BaseIncrementProps, "className"> {
+  className?: string;
+}
+interface NumberFieldScrubAreaProps extends Omit<BaseScrubAreaProps, "className"> {
+  className?: string;
+}
+interface NumberFieldScrubAreaCursorProps extends Omit<BaseScrubAreaCursorProps, "className"> {
+  className?: string;
+}
+declare const NumberFieldGroup: react.ForwardRefExoticComponent<NumberFieldGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const NumberFieldInput: react.ForwardRefExoticComponent<NumberFieldInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const NumberFieldDecrement: react.ForwardRefExoticComponent<NumberFieldDecrementProps & react.RefAttributes<HTMLButtonElement>>;
+declare const NumberFieldIncrement: react.ForwardRefExoticComponent<NumberFieldIncrementProps & react.RefAttributes<HTMLButtonElement>>;
+declare const NumberFieldScrubArea: react.ForwardRefExoticComponent<NumberFieldScrubAreaProps & react.RefAttributes<HTMLSpanElement>>;
+declare const NumberFieldScrubAreaCursor: react.ForwardRefExoticComponent<NumberFieldScrubAreaCursorProps & react.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorProps, NumberFieldScrubAreaProps };
+//# sourceMappingURL=parts.d.ts.map

package/dist/number-field/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/number-field/parts.tsx"],"mappings":";;;;;KA4BK,cAAA,GAAiB,wBAAA,QAAgC,WAAA,CAAgB,KAAA;AAAA,KACjE,cAAA,GAAiB,wBAAA,QAAgC,WAAA,CAAgB,KAAA;AAAA,KACjE,kBAAA,GAAqB,wBAAA,QAAgC,WAAA,CAAgB,SAAA;AAAA,KACrE,kBAAA,GAAqB,wBAAA,QAAgC,WAAA,CAAgB,SAAA;AAAA,KACrE,kBAAA,GAAqB,wBAAA,QAAgC,WAAA,CAAgB,SAAA;AAAA,KACrE,wBAAA,GAA2B,wBAAA,QAAgC,WAAA,CAAgB,eAAA;AAAA,UAE/D,qBAAA,SAA8B,IAAA,CAAK,cAAA;EAClD,SAAA;AAAA;AAAA,UAEe,qBAAA,SAA8B,IAAA,CAAK,cAAA;EAClD,SAAA;AAAA;AAAA,UAEe,yBAAA,SAAkC,IAAA,CAAK,kBAAA;EACtD,SAAA;AAAA;AAAA,UAEe,yBAAA,SAAkC,IAAA,CAAK,kBAAA;EACtD,SAAA;AAAA;AAAA,UAEe,yBAAA,SAAkC,IAAA,CAAK,kBAAA;EACtD,SAAA;AAAA;AAAA,UAEe,+BAAA,SAAwC,IAAA,CAAK,wBAAA;EAC5D,SAAA;AAAA;AAAA,cAGW,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOhB,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,cAOhB,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAMpB,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAMpB,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,cAMpB,0BAAA,EAA0B,KAAA,CAAA,yBAAA,CAAA,+BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA"}

package/dist/number-field/parts.js

@@ -0,0 +1,74 @@
+import number_field_module_default from "./number-field.module.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { NumberField } from "@base-ui/react/number-field";
+//#region src/number-field/parts.tsx
+/**
+* Styled primitives for NumberField.
+*
+* @example
+* ```tsx
+* import { NumberField } from '@base-ui/react/number-field';
+* import {
+*   NumberFieldGroup,
+*   NumberFieldInput,
+*   NumberFieldDecrement,
+*   NumberFieldIncrement,
+* } from '@brijbyte/agentic-ui/number-field';
+*
+* <NumberField.Root>
+*   <NumberField.ScrubArea>...</NumberField.ScrubArea>
+*   <NumberFieldGroup>
+*     <NumberFieldDecrement />
+*     <NumberFieldInput />
+*     <NumberFieldIncrement />
+*   </NumberFieldGroup>
+* </NumberField.Root>
+* ```
+*/
+const NumberFieldGroup = forwardRef(function NumberFieldGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(NumberField.Group, {
+		ref,
+		className: `${number_field_module_default.group} ${className ?? ""}`,
+		...props
+	});
+});
+const NumberFieldInput = forwardRef(function NumberFieldInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(NumberField.Input, {
+		ref,
+		className: `${number_field_module_default.input} ${className ?? ""}`,
+		...props
+	});
+});
+const NumberFieldDecrement = forwardRef(function NumberFieldDecrement({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(NumberField.Decrement, {
+		ref,
+		className: `${number_field_module_default["step-button"]} ${number_field_module_default.decrement} ${className ?? ""}`,
+		...props
+	});
+});
+const NumberFieldIncrement = forwardRef(function NumberFieldIncrement({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(NumberField.Increment, {
+		ref,
+		className: `${number_field_module_default["step-button"]} ${number_field_module_default.increment} ${className ?? ""}`,
+		...props
+	});
+});
+const NumberFieldScrubArea = forwardRef(function NumberFieldScrubArea({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(NumberField.ScrubArea, {
+		ref,
+		className: `${number_field_module_default["scrub-area"]} ${className ?? ""}`,
+		...props
+	});
+});
+const NumberFieldScrubAreaCursor = forwardRef(function NumberFieldScrubAreaCursor({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
+		ref,
+		className: `${number_field_module_default["scrub-area-cursor"]} ${className ?? ""}`,
+		...props
+	});
+});
+//#endregion
+export { NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor };
+
+//# sourceMappingURL=parts.js.map

package/dist/number-field/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","names":["BaseNumberField","styles"],"sources":["../../src/number-field/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for NumberField.\n *\n * @example\n * ```tsx\n * import { NumberField } from '@base-ui/react/number-field';\n * import {\n *   NumberFieldGroup,\n *   NumberFieldInput,\n *   NumberFieldDecrement,\n *   NumberFieldIncrement,\n * } from '@brijbyte/agentic-ui/number-field';\n *\n * <NumberField.Root>\n *   <NumberField.ScrubArea>...</NumberField.ScrubArea>\n *   <NumberFieldGroup>\n *     <NumberFieldDecrement />\n *     <NumberFieldInput />\n *     <NumberFieldIncrement />\n *   </NumberFieldGroup>\n * </NumberField.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport styles from \"./number-field.module.css\";\n\ntype BaseGroupProps = ComponentPropsWithoutRef<typeof BaseNumberField.Group>;\ntype BaseInputProps = ComponentPropsWithoutRef<typeof BaseNumberField.Input>;\ntype BaseDecrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Decrement>;\ntype BaseIncrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Increment>;\ntype BaseScrubAreaProps = ComponentPropsWithoutRef<typeof BaseNumberField.ScrubArea>;\ntype BaseScrubAreaCursorProps = ComponentPropsWithoutRef<typeof BaseNumberField.ScrubAreaCursor>;\n\nexport interface NumberFieldGroupProps extends Omit<BaseGroupProps, \"className\"> {\n  className?: string;\n}\nexport interface NumberFieldInputProps extends Omit<BaseInputProps, \"className\"> {\n  className?: string;\n}\nexport interface NumberFieldDecrementProps extends Omit<BaseDecrementProps, \"className\"> {\n  className?: string;\n}\nexport interface NumberFieldIncrementProps extends Omit<BaseIncrementProps, \"className\"> {\n  className?: string;\n}\nexport interface NumberFieldScrubAreaProps extends Omit<BaseScrubAreaProps, \"className\"> {\n  className?: string;\n}\nexport interface NumberFieldScrubAreaCursorProps extends Omit<BaseScrubAreaCursorProps, \"className\"> {\n  className?: string;\n}\n\nexport const NumberFieldGroup = forwardRef<ComponentRef<typeof BaseNumberField.Group>, NumberFieldGroupProps>(function NumberFieldGroup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseNumberField.Group ref={ref} className={`${styles.group} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const NumberFieldInput = forwardRef<ComponentRef<typeof BaseNumberField.Input>, NumberFieldInputProps>(function NumberFieldInput(\n  { className, ...props },\n  ref,\n) {\n  return <BaseNumberField.Input ref={ref} className={`${styles.input} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const NumberFieldDecrement = forwardRef<ComponentRef<typeof BaseNumberField.Decrement>, NumberFieldDecrementProps>(\n  function NumberFieldDecrement({ className, ...props }, ref) {\n    return <BaseNumberField.Decrement ref={ref} className={`${styles[\"step-button\"]} ${styles.decrement} ${className ?? \"\"}`} {...props} />;\n  },\n);\n\nexport const NumberFieldIncrement = forwardRef<ComponentRef<typeof BaseNumberField.Increment>, NumberFieldIncrementProps>(\n  function NumberFieldIncrement({ className, ...props }, ref) {\n    return <BaseNumberField.Increment ref={ref} className={`${styles[\"step-button\"]} ${styles.increment} ${className ?? \"\"}`} {...props} />;\n  },\n);\n\nexport const NumberFieldScrubArea = forwardRef<ComponentRef<typeof BaseNumberField.ScrubArea>, NumberFieldScrubAreaProps>(\n  function NumberFieldScrubArea({ className, ...props }, ref) {\n    return <BaseNumberField.ScrubArea ref={ref} className={`${styles[\"scrub-area\"]} ${className ?? \"\"}`} {...props} />;\n  },\n);\n\nexport const NumberFieldScrubAreaCursor = forwardRef<ComponentRef<typeof BaseNumberField.ScrubAreaCursor>, NumberFieldScrubAreaCursorProps>(\n  function NumberFieldScrubAreaCursor({ className, ...props }, ref) {\n    return <BaseNumberField.ScrubAreaCursor ref={ref} className={`${styles[\"scrub-area-cursor\"]} ${className ?? \"\"}`} {...props} />;\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,YAAgB,OAAjB;EAA4B;EAAK,WAAW,GAAGC,4BAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACtG;AAEF,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,YAAgB,OAAjB;EAA4B;EAAK,WAAW,GAAGC,4BAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACtG;AAEF,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QAAO,oBAACD,YAAgB,WAAjB;EAAgC;EAAK,WAAW,GAAGC,4BAAO,eAAe,GAAGA,4BAAO,UAAU,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAE1I;AAED,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QAAO,oBAACD,YAAgB,WAAjB;EAAgC;EAAK,WAAW,GAAGC,4BAAO,eAAe,GAAGA,4BAAO,UAAU,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAE1I;AAED,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QAAO,oBAACD,YAAgB,WAAjB;EAAgC;EAAK,WAAW,GAAGC,4BAAO,cAAc,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAErH;AAED,MAAa,6BAA6B,WACxC,SAAS,2BAA2B,EAAE,WAAW,GAAG,SAAS,KAAK;AAChE,QAAO,oBAACD,YAAgB,iBAAjB;EAAsC;EAAK,WAAW,GAAGC,4BAAO,qBAAqB,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAElI"}