@brijbyte/agentic-ui 0.0.1-beta → 0.0.2

package/dist/index.d.ts

@@ -0,0 +1,39 @@
+import { Accordion, AccordionItem, AccordionProps, styles } from "./accordion/accordion.js";
+import { AccordionHeader, AccordionHeaderProps, AccordionItem as AccordionItem$1, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionTrigger, AccordionTriggerProps } from "./accordion/parts.js";
+import { AlertAction, AlertDialog, AlertDialogProps, styles as styles$1 } from "./alert-dialog/alert-dialog.js";
+import { AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogPopup, AlertDialogPopupProps, AlertDialogTitle, AlertDialogTitleProps } from "./alert-dialog/parts.js";
+import { Badge, BadgeProps, BadgeVariant, styles as styles$2 } from "./badge/badge.js";
+import { Button, ButtonProps, ButtonSize, ButtonVariant, styles as styles$3 } from "./button/button.js";
+import { Card, CardBody, CardFooter, CardHeader, CardHeaderProps, CardProps, styles as styles$4 } from "./card/card.js";
+import { Checkbox, CheckboxProps, styles as styles$5 } from "./checkbox/checkbox.js";
+import { CheckboxIndicator, CheckboxIndicatorProps, CheckboxRoot, CheckboxRootProps } from "./checkbox/parts.js";
+import { Collapsible, CollapsibleProps, styles as styles$6 } from "./collapsible/collapsible.js";
+import { CollapsiblePanel, CollapsiblePanelProps, CollapsibleRoot, CollapsibleRootProps, CollapsibleTrigger, CollapsibleTriggerProps } from "./collapsible/parts.js";
+import { ContextMenu, ContextMenuEntry, ContextMenuGroupDef, ContextMenuItemDef, ContextMenuProps, ContextMenuSeparatorDef, styles as styles$7 } from "./context-menu/context-menu.js";
+import { ContextMenuGroup, ContextMenuGroupLabel, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItem, ContextMenuItemProps, ContextMenuPopup, ContextMenuPopupProps, ContextMenuSeparator, ContextMenuSeparatorProps } from "./context-menu/parts.js";
+import { Dialog, DialogProps, styles as styles$8 } from "./dialog/dialog.js";
+import { DialogBackdrop, DialogBackdropProps, DialogClose, DialogCloseProps, DialogDescription, DialogDescriptionProps, DialogPopup, DialogPopupProps, DialogTitle, DialogTitleProps, DialogViewport, DialogViewportProps } from "./dialog/parts.js";
+import { Drawer, DrawerProps, DrawerSide, styles as styles$9 } from "./drawer/drawer.js";
+import { DrawerBackdrop, DrawerBackdropProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerHandleBar, DrawerPopup, DrawerPopupProps, DrawerTitle, DrawerTitleProps, DrawerViewport, DrawerViewportProps } from "./drawer/parts.js";
+import { Input, InputProps, InputSize, styles as styles$10 } from "./input/input.js";
+import { Switch, SwitchProps, styles as styles$17 } from "./switch/switch.js";
+import { SwitchRoot, SwitchRootProps, SwitchThumb, SwitchThumbProps } from "./switch/parts.js";
+import { Select, SelectGroup, SelectOption, SelectProps, styles as styles$14 } from "./select/select.js";
+import { SelectGroup as SelectGroup$1, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectList, SelectListProps, SelectPopup, SelectPopupProps, SelectPositioner, SelectPositionerProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps } from "./select/parts.js";
+import { Tooltip, TooltipProps, styles as styles$20 } from "./tooltip/tooltip.js";
+import { TooltipArrow, TooltipArrowProps, TooltipPopup, TooltipPopupProps, TooltipPositioner, TooltipPositionerProps } from "./tooltip/parts.js";
+import { TabItem, Tabs, TabsProps, styles as styles$18 } from "./tabs/tabs.js";
+import { TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsTab, TabsTabProps } from "./tabs/parts.js";
+import { Progress, ProgressProps, ProgressSize, ProgressStatus, styles as styles$13 } from "./progress/progress.js";
+import { ProgressIndicator, ProgressIndicatorProps, ProgressTrack, ProgressTrackProps } from "./progress/parts.js";
+import { ToastType, ToastViewport, styles as styles$19, useToastManager } from "./toast/toast.js";
+import { ToastClose, ToastCloseProps, ToastDescription, ToastDescriptionProps, ToastRoot, ToastRootProps, ToastTitle, ToastTitleProps, ToastViewportPart, ToastViewportPartProps } from "./toast/parts.js";
+import { Separator, SeparatorProps, styles as styles$15 } from "./separator/separator.js";
+import { Slider, SliderProps, styles as styles$16 } from "./slider/slider.js";
+import { SliderControl, SliderControlProps, SliderIndicator, SliderIndicatorProps, SliderLabel, SliderLabelProps, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, SliderValue, SliderValueProps } from "./slider/parts.js";
+import { NumberField, NumberFieldProps, styles as styles$12 } from "./number-field/number-field.js";
+import { NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorProps, NumberFieldScrubAreaProps } from "./number-field/parts.js";
+import { Menu, MenuEntry, MenuGroupDef, MenuItemDef, MenuProps, MenuSeparatorDef, styles as styles$11 } from "./menu/menu.js";
+import { MenuItemShortcut, MenuItemShortcutProps } from "./menu/menuitemshortcut.js";
+import { MenuArrow, MenuArrowProps, MenuGroupLabel, MenuGroupLabelProps, MenuItem, MenuItemProps, MenuPopup, MenuPopupProps, MenuPositioner, MenuPositionerProps, MenuSeparator, MenuSeparatorProps } from "./menu/parts.js";
+export { Accordion, AccordionHeader, type AccordionHeaderProps, type AccordionItem, AccordionItem$1 as AccordionItemPart, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, styles as AccordionStyles, AccordionTrigger, type AccordionTriggerProps, type AlertAction, AlertDialog, AlertDialogBackdrop, type AlertDialogBackdropProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogPopup, type AlertDialogPopupProps, type AlertDialogProps, styles$1 as AlertDialogStyles, AlertDialogTitle, type AlertDialogTitleProps, Badge, type BadgeProps, styles$2 as BadgeStyles, type BadgeVariant, Button, type ButtonProps, type ButtonSize, styles$3 as ButtonStyles, type ButtonVariant, Card, CardBody, CardFooter, CardHeader, type CardHeaderProps, type CardProps, styles$4 as CardStyles, Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, CheckboxRoot, type CheckboxRootProps, styles$5 as CheckboxStyles, Collapsible, CollapsiblePanel, type CollapsiblePanelProps, type CollapsibleProps, CollapsibleRoot, type CollapsibleRootProps, styles$6 as CollapsibleStyles, CollapsibleTrigger, type CollapsibleTriggerProps, ContextMenu, type ContextMenuEntry, ContextMenuGroup, type ContextMenuGroupDef, ContextMenuGroupLabel, type ContextMenuGroupLabelProps, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemDef, type ContextMenuItemProps, ContextMenuPopup, type ContextMenuPopupProps, type ContextMenuProps, ContextMenuSeparator, type ContextMenuSeparatorDef, type ContextMenuSeparatorProps, styles$7 as ContextMenuStyles, Dialog, DialogBackdrop, type DialogBackdropProps, DialogClose, type DialogCloseProps, DialogDescription, type DialogDescriptionProps, DialogPopup, type DialogPopupProps, type DialogProps, styles$8 as DialogStyles, DialogTitle, type DialogTitleProps, DialogViewport, type DialogViewportProps, Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, DrawerHandleBar, DrawerPopup, type DrawerPopupProps, type DrawerProps, type DrawerSide, styles$9 as DrawerStyles, DrawerTitle, type DrawerTitleProps, DrawerViewport, type DrawerViewportProps, Input, type InputProps, type InputSize, styles$10 as InputStyles, Menu, MenuArrow, type MenuArrowProps, type MenuEntry, type MenuGroupDef, MenuGroupLabel, type MenuGroupLabelProps, MenuItem, type MenuItemDef, type MenuItemProps, MenuItemShortcut, type MenuItemShortcutProps, MenuPopup, type MenuPopupProps, MenuPositioner, type MenuPositionerProps, type MenuProps, MenuSeparator, type MenuSeparatorDef, type MenuSeparatorProps, styles$11 as MenuStyles, NumberField, NumberFieldDecrement, type NumberFieldDecrementProps, NumberFieldGroup, type NumberFieldGroupProps, NumberFieldIncrement, type NumberFieldIncrementProps, NumberFieldInput, type NumberFieldInputProps, type NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, type NumberFieldScrubAreaCursorProps, type NumberFieldScrubAreaProps, styles$12 as NumberFieldStyles, Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, type ProgressSize, type ProgressStatus, styles$13 as ProgressStyles, ProgressTrack, type ProgressTrackProps, Select, type SelectGroup, SelectGroup$1 as SelectGroupContainer, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, type SelectOption, SelectPopup, type SelectPopupProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectSeparator, type SelectSeparatorProps, styles$14 as SelectStyles, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, styles$15 as SeparatorStyles, Slider, SliderControl, type SliderControlProps, SliderIndicator, type SliderIndicatorProps, SliderLabel, type SliderLabelProps, type SliderProps, styles$16 as SliderStyles, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, SliderValue, type SliderValueProps, Switch, type SwitchProps, SwitchRoot, type SwitchRootProps, styles$17 as SwitchStyles, SwitchThumb, type SwitchThumbProps, type TabItem, Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, styles$18 as TabsStyles, TabsTab, type TabsTabProps, ToastClose, type ToastCloseProps, ToastDescription, type ToastDescriptionProps, ToastRoot, type ToastRootProps, styles$19 as ToastStyles, ToastTitle, type ToastTitleProps, type ToastType, ToastViewport, ToastViewportPart, type ToastViewportPartProps, Tooltip, TooltipArrow, type TooltipArrowProps, TooltipPopup, type TooltipPopupProps, TooltipPositioner, type TooltipPositionerProps, type TooltipProps, styles$20 as TooltipStyles, useToastManager };

package/dist/index.js

@@ -0,0 +1,62 @@
+/* empty css              */
+/* empty css             */
+import button_module_default from "./button/button.module.js";
+import { Button } from "./button/button.js";
+import alert_dialog_module_default from "./alert-dialog/alert-dialog.module.js";
+import { AlertDialog } from "./alert-dialog/alert-dialog.js";
+import { AlertDialogBackdrop, AlertDialogDescription, AlertDialogPopup, AlertDialogTitle } from "./alert-dialog/parts.js";
+import context_menu_module_default from "./context-menu/context-menu.module.js";
+import { ContextMenu } from "./context-menu/context-menu.js";
+import { ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuSeparator } from "./context-menu/parts.js";
+import badge_module_default from "./badge/badge.module.js";
+import { Badge } from "./badge/badge.js";
+import card_module_default from "./card/card.module.js";
+import { Card, CardBody, CardFooter, CardHeader } from "./card/card.js";
+import input_module_default from "./input/input.module.js";
+import { Input } from "./input/input.js";
+import checkbox_module_default from "./checkbox/checkbox.module.js";
+import { Checkbox } from "./checkbox/checkbox.js";
+import { CheckboxIndicator, CheckboxRoot } from "./checkbox/parts.js";
+import switch_module_default from "./switch/switch.module.js";
+import { Switch } from "./switch/switch.js";
+import { SwitchRoot, SwitchThumb } from "./switch/parts.js";
+import select_module_default from "./select/select.module.js";
+import { Select } from "./select/select.js";
+import { SelectGroup, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, SelectTrigger, SelectValue } from "./select/parts.js";
+import dialog_module_default from "./dialog/dialog.module.js";
+import { Dialog } from "./dialog/dialog.js";
+import { DialogBackdrop, DialogClose, DialogDescription, DialogPopup, DialogTitle, DialogViewport } from "./dialog/parts.js";
+import tooltip_module_default from "./tooltip/tooltip.module.js";
+import { Tooltip } from "./tooltip/tooltip.js";
+import { TooltipArrow, TooltipPopup, TooltipPositioner } from "./tooltip/parts.js";
+import tabs_module_default from "./tabs/tabs.module.js";
+import { Tabs } from "./tabs/tabs.js";
+import { TabsList, TabsPanel, TabsTab } from "./tabs/parts.js";
+import accordion_module_default from "./accordion/accordion.module.js";
+import { Accordion } from "./accordion/accordion.js";
+import { AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger } from "./accordion/parts.js";
+import progress_module_default from "./progress/progress.module.js";
+import { Progress } from "./progress/progress.js";
+import { ProgressIndicator, ProgressTrack } from "./progress/parts.js";
+import toast_module_default from "./toast/toast.module.js";
+import { ToastViewport, useToastManager } from "./toast/toast.js";
+import { ToastClose, ToastDescription, ToastRoot, ToastTitle, ToastViewportPart } from "./toast/parts.js";
+import drawer_module_default from "./drawer/drawer.module.js";
+import { Drawer } from "./drawer/drawer.js";
+import { DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandleBar, DrawerPopup, DrawerTitle, DrawerViewport } from "./drawer/parts.js";
+import separator_module_default from "./separator/separator.module.js";
+import { Separator } from "./separator/separator.js";
+import slider_module_default from "./slider/slider.module.js";
+import { Slider } from "./slider/slider.js";
+import { SliderControl, SliderIndicator, SliderLabel, SliderThumb, SliderTrack, SliderValue } from "./slider/parts.js";
+import collapsible_module_default from "./collapsible/collapsible.module.js";
+import { Collapsible } from "./collapsible/collapsible.js";
+import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./collapsible/parts.js";
+import number_field_module_default from "./number-field/number-field.module.js";
+import { NumberField } from "./number-field/number-field.js";
+import { NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor } from "./number-field/parts.js";
+import menu_module_default from "./menu/menu.module.js";
+import { Menu } from "./menu/menu.js";
+import { MenuItemShortcut } from "./menu/menuitemshortcut.js";
+import { MenuArrow, MenuGroupLabel, MenuItem, MenuPopup, MenuPositioner, MenuSeparator } from "./menu/parts.js";
+export { Accordion, AccordionHeader, AccordionItem as AccordionItemPart, AccordionPanel, accordion_module_default as AccordionStyles, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogDescription, AlertDialogPopup, alert_dialog_module_default as AlertDialogStyles, AlertDialogTitle, Badge, badge_module_default as BadgeStyles, Button, button_module_default as ButtonStyles, Card, CardBody, CardFooter, CardHeader, card_module_default as CardStyles, Checkbox, CheckboxIndicator, CheckboxRoot, checkbox_module_default as CheckboxStyles, Collapsible, CollapsiblePanel, CollapsibleRoot, collapsible_module_default as CollapsibleStyles, CollapsibleTrigger, ContextMenu, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuSeparator, context_menu_module_default as ContextMenuStyles, Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogPopup, dialog_module_default as DialogStyles, DialogTitle, DialogViewport, Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandleBar, DrawerPopup, drawer_module_default as DrawerStyles, DrawerTitle, DrawerViewport, Input, input_module_default as InputStyles, Menu, MenuArrow, MenuGroupLabel, MenuItem, MenuItemShortcut, MenuPopup, MenuPositioner, MenuSeparator, menu_module_default as MenuStyles, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor, number_field_module_default as NumberFieldStyles, Progress, ProgressIndicator, progress_module_default as ProgressStyles, ProgressTrack, Select, SelectGroup as SelectGroupContainer, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, select_module_default as SelectStyles, SelectTrigger, SelectValue, Separator, separator_module_default as SeparatorStyles, Slider, SliderControl, SliderIndicator, SliderLabel, slider_module_default as SliderStyles, SliderThumb, SliderTrack, SliderValue, Switch, SwitchRoot, switch_module_default as SwitchStyles, SwitchThumb, Tabs, TabsList, TabsPanel, tabs_module_default as TabsStyles, TabsTab, ToastClose, ToastDescription, ToastRoot, toast_module_default as ToastStyles, ToastTitle, ToastViewport, ToastViewportPart, Tooltip, TooltipArrow, TooltipPopup, TooltipPositioner, tooltip_module_default as TooltipStyles, useToastManager };

package/dist/input/index.d.ts

@@ -0,0 +1,2 @@
+import { Input, InputProps, InputSize, styles } from "./input.js";
+export { Input, type InputProps, type InputSize, styles as InputStyles };

package/dist/input/index.js

@@ -0,0 +1,3 @@
+import input_module_default from "./input.module.js";
+import { Input } from "./input.js";
+export { Input, input_module_default as InputStyles };

package/dist/input/input.css

@@ -0,0 +1,103 @@
+@layer components {
+  .wrapper_ZbafIa {
+    gap: var(--space-1);
+    flex-direction: column;
+    width: 100%;
+    display: flex;
+  }
+
+  .inputWrapper_ZbafIa {
+    align-items: center;
+    display: flex;
+    position: relative;
+  }
+
+  .root_ZbafIa {
+    width: 100%;
+    font-family: var(--font-mono);
+    font-size: var(--font-size-sm);
+    color: var(--color-primary);
+    background-color: var(--color-surface-1);
+    border: var(--border-width-base) solid var(--color-line);
+    border-radius: var(--radius-md);
+    transition: border-color var(--duration-fast) var(--easing-standard),
+      box-shadow var(--duration-fast) var(--easing-standard),
+      background-color var(--duration-fast) var(--easing-standard);
+    -webkit-appearance: none;
+    appearance: none;
+    outline: none;
+  }
+
+  .root_ZbafIa::placeholder {
+    color: var(--color-tertiary);
+    font-family: var(--font-mono);
+  }
+
+  .root_ZbafIa:hover:not(:disabled):not([data-invalid]) {
+    border-color: var(--color-line-strong);
+  }
+
+  .root_ZbafIa:focus:not(:disabled) {
+    border-color: var(--color-accent);
+    box-shadow: var(--shadow-focus);
+  }
+
+  .root_ZbafIa:disabled {
+    opacity: .44;
+    cursor: not-allowed;
+    background-color: var(--color-surface-2);
+  }
+
+  .root_ZbafIa[data-invalid], .root_ZbafIa[aria-invalid="true"] {
+    border-color: var(--color-error-solid);
+  }
+
+  .root_ZbafIa[data-invalid]:focus, .root_ZbafIa[aria-invalid="true"]:focus {
+    box-shadow: 0 0 0 3px #dc262640;
+  }
+
+  .size-sm_ZbafIa {
+    height: 26px;
+    padding-inline: var(--space-2);
+    font-size: var(--font-size-xs);
+  }
+
+  .size-md_ZbafIa {
+    height: 30px;
+    padding-inline: var(--space-2-5);
+    font-size: var(--font-size-sm);
+  }
+
+  .size-lg_ZbafIa {
+    height: 36px;
+    padding-inline: var(--space-3);
+    font-size: var(--font-size-md);
+    border-radius: var(--radius-lg);
+  }
+
+  .has-left-icon_ZbafIa {
+    padding-left: var(--space-8);
+  }
+
+  .has-right-icon_ZbafIa {
+    padding-right: var(--space-8);
+  }
+
+  .adornment_ZbafIa {
+    color: var(--color-tertiary);
+    pointer-events: none;
+    width: var(--space-8);
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    position: absolute;
+  }
+
+  .adornment-left_ZbafIa {
+    left: 0;
+  }
+
+  .adornment-right_ZbafIa {
+    right: 0;
+  }
+}

package/dist/input/input.d.ts

@@ -0,0 +1,17 @@
+import * as react from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import styles from "./input.module.css";
+
+//#region src/input/input.d.ts
+type InputSize = "sm" | "md" | "lg";
+interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
+  /** Visual size. Maps to height + font-size design tokens. Default: `"md"`. */
+  size?: InputSize;
+  leftAdornment?: ReactNode;
+  rightAdornment?: ReactNode;
+  invalid?: boolean;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input, InputProps, InputSize, styles };
+//# sourceMappingURL=input.d.ts.map

package/dist/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/input/input.tsx"],"mappings":";;;;;KAKY,SAAA;AAAA,UAGK,UAAA,SAAmB,IAAA,CAAK,wBAAA;;EAEvC,IAAA,GAAO,SAAA;EACP,aAAA,GAAgB,SAAA;EAChB,cAAA,GAAiB,SAAA;EACjB,OAAA;AAAA;AAAA,cAGW,KAAA,EAAK,KAAA,CAAA,yBAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}

package/dist/input/input.js

@@ -0,0 +1,37 @@
+import input_module_default from "./input.module.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Input } from "@base-ui/react/input";
+//#region src/input/input.tsx
+const Input$1 = forwardRef(function Input$2({ size = "md", leftAdornment, rightAdornment, invalid, className, ...props }, ref) {
+	const classes = [
+		input_module_default.root,
+		input_module_default[`size-${size}`],
+		leftAdornment ? input_module_default["has-left-icon"] : "",
+		rightAdornment ? input_module_default["has-right-icon"] : "",
+		className ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("div", {
+		className: input_module_default.inputWrapper,
+		children: [
+			leftAdornment && /* @__PURE__ */ jsx("span", {
+				className: `${input_module_default.adornment} ${input_module_default["adornment-left"]}`,
+				children: leftAdornment
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				ref,
+				className: classes,
+				"aria-invalid": invalid,
+				...props
+			}),
+			rightAdornment && /* @__PURE__ */ jsx("span", {
+				className: `${input_module_default.adornment} ${input_module_default["adornment-right"]}`,
+				children: rightAdornment
+			})
+		]
+	});
+});
+//#endregion
+export { Input$1 as Input };
+
+//# sourceMappingURL=input.js.map

package/dist/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["Input","styles","BaseInput"],"sources":["../../src/input/input.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { Input as BaseInput } from \"@base-ui/react/input\";\nimport styles from \"./input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\n// Omit native `size` (number) so we can use string-based size tokens\nexport interface InputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n  /** Visual size. Maps to height + font-size design tokens. Default: `\"md\"`. */\n  size?: InputSize;\n  leftAdornment?: ReactNode;\n  rightAdornment?: ReactNode;\n  invalid?: boolean;\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { size = \"md\", leftAdornment, rightAdornment, invalid, className, ...props },\n  ref,\n) {\n  const classes = [\n    styles.root,\n    styles[`size-${size}`],\n    leftAdornment ? styles[\"has-left-icon\"] : \"\",\n    rightAdornment ? styles[\"has-right-icon\"] : \"\",\n    className ?? \"\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div className={styles.inputWrapper}>\n      {leftAdornment && <span className={`${styles.adornment} ${styles[\"adornment-left\"]}`}>{leftAdornment}</span>}\n      <BaseInput ref={ref} className={classes} aria-invalid={invalid} {...props} />\n      {rightAdornment && <span className={`${styles.adornment} ${styles[\"adornment-right\"]}`}>{rightAdornment}</span>}\n    </div>\n  );\n});\nexport { styles as InputStyles };\n"],"mappings":";;;;;AAgBA,MAAaA,UAAQ,WAAyC,SAASA,QACrE,EAAE,OAAO,MAAM,eAAe,gBAAgB,SAAS,WAAW,GAAG,SACrE,KACA;CACA,MAAM,UAAU;EACdC,qBAAO;EACPA,qBAAO,QAAQ;EACf,gBAAgBA,qBAAO,mBAAmB;EAC1C,iBAAiBA,qBAAO,oBAAoB;EAC5C,aAAa;EACd,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;AAEZ,QACE,qBAAC,OAAD;EAAK,WAAWA,qBAAO;YAAvB;GACG,iBAAiB,oBAAC,QAAD;IAAM,WAAW,GAAGA,qBAAO,UAAU,GAAGA,qBAAO;cAAsB;IAAqB,CAAA;GAC5G,oBAACC,OAAD;IAAgB;IAAK,WAAW;IAAS,gBAAc;IAAS,GAAI;IAAS,CAAA;GAC5E,kBAAkB,oBAAC,QAAD;IAAM,WAAW,GAAGD,qBAAO,UAAU,GAAGA,qBAAO;cAAuB;IAAsB,CAAA;GAC3G;;EAER"}

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

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

package/dist/input/input.module.js

@@ -0,0 +1,18 @@
+//#region src/input/input.module.css
+var input_module_default = {
+	"adornment": "adornment_ZbafIa",
+	"adornment-left": "adornment-left_ZbafIa",
+	"adornment-right": "adornment-right_ZbafIa",
+	"has-left-icon": "has-left-icon_ZbafIa",
+	"has-right-icon": "has-right-icon_ZbafIa",
+	"inputWrapper": "inputWrapper_ZbafIa",
+	"root": "root_ZbafIa",
+	"size-lg": "size-lg_ZbafIa",
+	"size-md": "size-md_ZbafIa",
+	"size-sm": "size-sm_ZbafIa",
+	"wrapper": "wrapper_ZbafIa"
+};
+//#endregion
+export { input_module_default as default };
+
+//# sourceMappingURL=input.module.js.map

package/dist/input/input.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.module.js","names":[],"sources":["../../src/input/input.module.css"],"sourcesContent":["@layer components {\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-1);\n    width: 100%;\n  }\n  .inputWrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n  .root {\n    width: 100%;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-primary);\n    background-color: var(--color-surface-1);\n    border: var(--border-width-base) solid var(--color-line);\n    border-radius: var(--radius-md);\n    outline: none;\n    transition:\n      border-color var(--duration-fast) var(--easing-standard),\n      box-shadow var(--duration-fast) var(--easing-standard),\n      background-color var(--duration-fast) var(--easing-standard);\n    appearance: none;\n    -webkit-appearance: none;\n  }\n  .root::placeholder {\n    color: var(--color-tertiary);\n    font-family: var(--font-mono);\n  }\n  .root:hover:not(:disabled):not([data-invalid]) {\n    border-color: var(--color-line-strong);\n  }\n  .root:focus:not(:disabled) {\n    border-color: var(--color-accent);\n    box-shadow: var(--shadow-focus);\n  }\n  .root:disabled {\n    opacity: 0.44;\n    cursor: not-allowed;\n    background-color: var(--color-surface-2);\n  }\n  .root[data-invalid],\n  .root[aria-invalid=\"true\"] {\n    border-color: var(--color-error-solid);\n  }\n  .root[data-invalid]:focus,\n  .root[aria-invalid=\"true\"]:focus {\n    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25);\n  }\n  /* ─── Sizes ─────────────────────────────────────────── */\n  .size-sm {\n    height: 26px;\n    padding-inline: var(--space-2);\n    font-size: var(--font-size-xs);\n  }\n  .size-md {\n    height: 30px;\n    padding-inline: var(--space-2-5);\n    font-size: var(--font-size-sm);\n  }\n  .size-lg {\n    height: 36px;\n    padding-inline: var(--space-3);\n    font-size: var(--font-size-md);\n    border-radius: var(--radius-lg);\n  }\n  /* Padding adjustments for icons */\n  .has-left-icon {\n    padding-left: var(--space-8);\n  }\n  .has-right-icon {\n    padding-right: var(--space-8);\n  }\n  /* ─── Adornments ────────────────────────────────────── */\n  .adornment {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-tertiary);\n    pointer-events: none;\n    width: var(--space-8);\n  }\n  .adornment-left {\n    left: 0;\n  }\n  .adornment-right {\n    right: 0;\n  }\n}\n"],"mappings":";AAsBA,IAAA,uBAAa;CAAA,aAAY;CAAqB,kBAAgB;CAAA,mBAAA;CAAA,iBAAA;CAAA,kBAAA;CAAA,gBAAA;CAAA,QAAA;CAAA,WAAA;CAAA,WAAA;CAAA,WAAA;CAAA,WAAA;CAAA"}

package/dist/layer-order.css

@@ -0,0 +1,22 @@
+/*
+ * @brijbyte/agentic-ui — CSS layer order declaration
+ *
+ * Import this ONCE, before any other stylesheet in your app entry.
+ * It establishes the cascade order so component styles always beat
+ * Tailwind preflight resets, and Tailwind utilities always beat components.
+ *
+ * If you use the full bundle (@brijbyte/agentic-ui/styles) or tokens.css,
+ * this is already included — you don't need to import it separately.
+ *
+ * Manual setup (without Tailwind):
+ *   @import "@brijbyte/agentic-ui/layer-order";
+ *   @import "@brijbyte/agentic-ui/tokens";
+ *   @import "@brijbyte/agentic-ui/reset";
+ *
+ * With Tailwind v4:
+ *   @import "tailwindcss";
+ *   @import "@brijbyte/agentic-ui/layer-order";  ← before tokens
+ *   @import "@brijbyte/agentic-ui/tokens";
+ */
+
+@layer theme, base, components, utilities;

package/dist/menu/index.d.ts

@@ -0,0 +1,4 @@
+import { Menu, MenuEntry, MenuGroupDef, MenuItemDef, MenuProps, MenuSeparatorDef, styles } from "./menu.js";
+import { MenuItemShortcut, MenuItemShortcutProps } from "./menuitemshortcut.js";
+import { MenuArrow, MenuArrowProps, MenuGroupLabel, MenuGroupLabelProps, MenuItem, MenuItemProps, MenuPopup, MenuPopupProps, MenuPositioner, MenuPositionerProps, MenuSeparator, MenuSeparatorProps } from "./parts.js";
+export { Menu, MenuArrow, type MenuArrowProps, type MenuEntry, type MenuGroupDef, MenuGroupLabel, type MenuGroupLabelProps, MenuItem, type MenuItemDef, type MenuItemProps, MenuItemShortcut, type MenuItemShortcutProps, MenuPopup, type MenuPopupProps, MenuPositioner, type MenuPositionerProps, type MenuProps, MenuSeparator, type MenuSeparatorDef, type MenuSeparatorProps, styles as MenuStyles };

package/dist/menu/index.js

@@ -0,0 +1,5 @@
+import menu_module_default from "./menu.module.js";
+import { Menu } from "./menu.js";
+import { MenuItemShortcut } from "./menuitemshortcut.js";
+import { MenuArrow, MenuGroupLabel, MenuItem, MenuPopup, MenuPositioner, MenuSeparator } from "./parts.js";
+export { Menu, MenuArrow, MenuGroupLabel, MenuItem, MenuItemShortcut, MenuPopup, MenuPositioner, MenuSeparator, menu_module_default as MenuStyles };

package/dist/menu/menu.css

@@ -0,0 +1,154 @@
+@layer components {
+  .positioner_HVPjPa {
+    z-index: var(--z-dropdown);
+    outline: none;
+  }
+
+  .popup_HVPjPa {
+    box-sizing: border-box;
+    padding: var(--space-1) 0;
+    border-radius: var(--radius-lg);
+    background-color: var(--color-overlay);
+    border: var(--border-width-base) solid var(--color-line);
+    box-shadow: var(--shadow-popover);
+    color: var(--color-primary);
+    font-family: var(--font-mono);
+    font-size: var(--font-size-sm);
+    min-width: 200px;
+    transform-origin: var(--transform-origin);
+    outline: none;
+  }
+
+  @supports (backdrop-filter: blur(12px)) {
+    .popup_HVPjPa {
+      -webkit-backdrop-filter: blur(20px) saturate(1.8);
+    }
+  }
+
+  .popup_HVPjPa[data-starting-style] {
+    opacity: 0;
+    transition: opacity .15s var(--easing-ease-out),
+      transform .15s var(--easing-ease-out);
+    transform: scale(.95);
+  }
+
+  .popup_HVPjPa[data-ending-style] {
+    opacity: 0;
+    transition: opacity 75ms var(--easing-ease-in),
+      transform 75ms var(--easing-ease-in);
+    transform: scale(.98);
+  }
+
+  .item_HVPjPa {
+    align-items: center;
+    gap: var(--space-2);
+    padding: var(--space-1-5) var(--space-3);
+    margin: 1px var(--space-1);
+    border-radius: var(--radius-md);
+    font-family: var(--font-mono);
+    font-size: var(--font-size-sm);
+    color: var(--color-primary);
+    cursor: default;
+    user-select: none;
+    outline: none;
+    transition: none;
+    display: flex;
+    position: relative;
+  }
+
+  .item_HVPjPa[data-highlighted] {
+    background-color: var(--color-accent);
+    color: var(--color-on-accent);
+  }
+
+  .item_HVPjPa[data-disabled] {
+    opacity: .44;
+    cursor: not-allowed;
+  }
+
+  .item-indicator_HVPjPa {
+    width: 16px;
+    color: inherit;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+  }
+
+  .item-text_HVPjPa {
+    flex: 1;
+  }
+
+  .item-shortcut_HVPjPa {
+    margin-left: var(--space-6);
+    font-size: var(--font-size-xs);
+    color: var(--color-tertiary);
+    letter-spacing: .02em;
+    flex-shrink: 0;
+  }
+
+  .item_HVPjPa[data-highlighted] .item-shortcut_HVPjPa {
+    color: color-mix(in srgb, var(--color-on-accent) 60%, transparent);
+  }
+
+  .group-label_HVPjPa {
+    padding: var(--space-1-5) var(--space-3) var(--space-0-5);
+    font-family: var(--font-mono);
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-semibold);
+    color: var(--color-tertiary);
+    text-transform: uppercase;
+    letter-spacing: var(--letter-spacing-wide);
+    cursor: default;
+    user-select: none;
+    margin-inline: var(--space-1);
+  }
+
+  .separator_HVPjPa {
+    margin: var(--space-1) 0;
+    height: var(--border-width-base);
+    background-color: var(--color-line-subtle);
+  }
+
+  .submenu-trigger-icon_HVPjPa {
+    color: var(--color-tertiary);
+    flex-shrink: 0;
+    margin-left: auto;
+  }
+
+  .item_HVPjPa[data-highlighted] .submenu-trigger-icon_HVPjPa {
+    color: color-mix(in srgb, var(--color-on-accent) 70%, transparent);
+  }
+
+  .arrow_HVPjPa {
+    display: flex;
+  }
+
+  .arrow_HVPjPa[data-side="top"] {
+    bottom: -8px;
+    rotate: 180deg;
+  }
+
+  .arrow_HVPjPa[data-side="bottom"] {
+    top: -8px;
+    rotate: 0deg;
+  }
+
+  .arrow_HVPjPa[data-side="left"] {
+    right: -13px;
+    rotate: 90deg;
+  }
+
+  .arrow_HVPjPa[data-side="right"] {
+    left: -13px;
+    rotate: -90deg;
+  }
+
+  .arrow-fill_HVPjPa {
+    fill: var(--color-overlay);
+  }
+
+  .arrow-stroke_HVPjPa {
+    fill: var(--color-line);
+  }
+}

package/dist/menu/menu.d.ts

@@ -0,0 +1,50 @@
+import { ReactElement, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import styles from "./menu.module.css";
+
+//#region src/menu/menu.d.ts
+interface MenuItemDef {
+  type?: "item";
+  label: ReactNode;
+  value?: string;
+  disabled?: boolean;
+  shortcut?: ReactNode;
+  onSelect?: () => void;
+}
+interface MenuSeparatorDef {
+  type: "separator";
+}
+interface MenuGroupDef {
+  type: "group";
+  label?: ReactNode;
+  items: MenuItemDef[];
+}
+type MenuEntry = MenuItemDef | MenuSeparatorDef | MenuGroupDef;
+interface MenuProps {
+  /** The button/element that opens the menu. */
+  trigger: ReactElement;
+  items: MenuEntry[];
+  /** @default "bottom" */
+  side?: "top" | "bottom" | "left" | "right";
+  /** @default "start" */
+  align?: "start" | "center" | "end";
+  /** @default 4 */
+  sideOffset?: number;
+  /** controlled open state */
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  className?: string;
+}
+declare function Menu({
+  trigger,
+  items,
+  side,
+  align,
+  sideOffset,
+  className,
+  onOpenChange,
+  ...props
+}: MenuProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Menu, MenuEntry, MenuGroupDef, MenuItemDef, MenuProps, MenuSeparatorDef, styles };
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/menu/menu.tsx"],"mappings":";;;;;UAMiB,WAAA;EACf,IAAA;EACA,KAAA,EAAO,SAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,GAAW,SAAA;EACX,QAAA;AAAA;AAAA,UAGe,gBAAA;EACf,IAAA;AAAA;AAAA,UAGe,YAAA;EACf,IAAA;EACA,KAAA,GAAQ,SAAA;EACR,KAAA,EAAO,WAAA;AAAA;AAAA,KAGG,SAAA,GAAY,WAAA,GAAc,gBAAA,GAAmB,YAAA;AAAA,UAExC,SAAA;EAZgB;EAc/B,OAAA,EAAS,YAAA;EACT,KAAA,EAAO,SAAA;EAdH;EAgBJ,IAAA;EAb2B;EAe3B,KAAA;EAZkB;EAclB,UAAA;EAfA;EAiBA,IAAA;EACA,YAAA,IAAgB,IAAA;EAChB,SAAA;AAAA;AAAA,iBAkDc,IAAA,CAAA;EAAO,OAAA;EAAS,KAAA;EAAO,IAAA;EAAiB,KAAA;EAAiB,UAAA;EAAgB,SAAA;EAAW,YAAA;EAAA,GAAiB;AAAA,GAAS,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/menu/menu.js

@@ -0,0 +1,69 @@
+import menu_module_default from "./menu.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/menu/menu.tsx
+function ArrowSvg() {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "20",
+		height: "10",
+		viewBox: "0 0 20 10",
+		fill: "none",
+		"aria-hidden": true,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				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",
+				className: menu_module_default["arrow-fill"]
+			}),
+			/* @__PURE__ */ jsx("path", {
+				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",
+				className: menu_module_default["arrow-stroke"]
+			}),
+			/* @__PURE__ */ jsx("path", {
+				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",
+				className: menu_module_default["arrow-stroke"]
+			})
+		]
+	});
+}
+function renderEntry(entry, index) {
+	if (entry.type === "separator") return /* @__PURE__ */ jsx(Menu.Separator, { className: menu_module_default.separator }, index);
+	if (entry.type === "group") return /* @__PURE__ */ jsxs(Menu.Group, { children: [entry.label && /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		className: menu_module_default["group-label"],
+		children: entry.label
+	}), entry.items.map((item, i) => renderEntry(item, i))] }, index);
+	return /* @__PURE__ */ jsxs(Menu.Item, {
+		className: menu_module_default.item,
+		disabled: entry.disabled,
+		onClick: entry.onSelect,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: menu_module_default["item-text"],
+			children: entry.label
+		}), entry.shortcut && /* @__PURE__ */ jsx("span", {
+			className: menu_module_default["item-shortcut"],
+			children: entry.shortcut
+		})]
+	}, entry.value ?? index);
+}
+function Menu$1({ trigger, items, side = "bottom", align = "start", sideOffset = 4, className, onOpenChange, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.Root, {
+		onOpenChange,
+		...props,
+		children: [/* @__PURE__ */ jsx(Menu.Trigger, { render: trigger }), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+			className: `${menu_module_default.positioner} ${className ?? ""}`,
+			side,
+			align,
+			sideOffset,
+			children: /* @__PURE__ */ jsxs(Menu.Popup, {
+				className: menu_module_default.popup,
+				children: [/* @__PURE__ */ jsx(Menu.Arrow, {
+					className: menu_module_default.arrow,
+					children: /* @__PURE__ */ jsx(ArrowSvg, {})
+				}), items.map((entry, i) => renderEntry(entry, i))]
+			})
+		}) })]
+	});
+}
+//#endregion
+export { Menu$1 as Menu };
+
+//# sourceMappingURL=menu.js.map