@brijbyte/agentic-ui 0.0.3 → 0.0.5

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

@@ -9,24 +9,12 @@ 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;
-}
+interface NumberFieldGroupProps extends BaseGroupProps {}
+interface NumberFieldInputProps extends BaseInputProps {}
+interface NumberFieldDecrementProps extends BaseDecrementProps {}
+interface NumberFieldIncrementProps extends BaseIncrementProps {}
+interface NumberFieldScrubAreaProps extends BaseScrubAreaProps {}
+interface NumberFieldScrubAreaCursorProps extends BaseScrubAreaCursorProps {}
 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>>;

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

@@ -1 +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"}
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/number-field/parts.tsx"],"mappings":";;;;;KA6BK,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,cAAA;AAAA,UAC9B,qBAAA,SAA8B,cAAA;AAAA,UAC9B,yBAAA,SAAkC,kBAAA;AAAA,UAClC,yBAAA,SAAkC,kBAAA;AAAA,UAClC,yBAAA,SAAkC,kBAAA;AAAA,UAClC,+BAAA,SAAwC,wBAAA;AAAA,cAE5C,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,cAYpB,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAYpB,oBAAA,EAAoB,KAAA,CAAA,yBAAA,CAAA,yBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA;AAAA,cAQpB,0BAAA,EAA0B,KAAA,CAAA,yBAAA,CAAA,+BAAA,GAAA,KAAA,CAAA,aAAA,CAAA,eAAA"}

package/dist/number-field/parts.js

@@ -1,3 +1,4 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
 import number_field_module_default from "./number-field.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
@@ -29,42 +30,42 @@ import { NumberField } from "@base-ui/react/number-field";
 const NumberFieldGroup = forwardRef(function NumberFieldGroup({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(NumberField.Group, {
 		ref,
-		className: `${number_field_module_default.group} ${className ?? ""}`,
+		className: (state) => cx(number_field_module_default.group, resolveClassName(className, state)),
 		...props
 	});
 });
 const NumberFieldInput = forwardRef(function NumberFieldInput({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(NumberField.Input, {
 		ref,
-		className: `${number_field_module_default.input} ${className ?? ""}`,
+		className: (state) => cx(number_field_module_default.input, resolveClassName(className, state)),
 		...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 ?? ""}`,
+		className: (state) => cx(number_field_module_default["step-button"], number_field_module_default.decrement, resolveClassName(className, state)),
 		...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 ?? ""}`,
+		className: (state) => cx(number_field_module_default["step-button"], number_field_module_default.increment, resolveClassName(className, state)),
 		...props
 	});
 });
 const NumberFieldScrubArea = forwardRef(function NumberFieldScrubArea({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(NumberField.ScrubArea, {
 		ref,
-		className: `${number_field_module_default["scrub-area"]} ${className ?? ""}`,
+		className: (state) => cx(number_field_module_default["scrub-area"], resolveClassName(className, state)),
 		...props
 	});
 });
 const NumberFieldScrubAreaCursor = forwardRef(function NumberFieldScrubAreaCursor({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
 		ref,
-		className: `${number_field_module_default["scrub-area-cursor"]} ${className ?? ""}`,
+		className: (state) => cx(number_field_module_default["scrub-area-cursor"], resolveClassName(className, state)),
 		...props
 	});
 });

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

@@ -1 +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"}
+{"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\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\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 BaseGroupProps {}\nexport interface NumberFieldInputProps extends BaseInputProps {}\nexport interface NumberFieldDecrementProps extends BaseDecrementProps {}\nexport interface NumberFieldIncrementProps extends BaseIncrementProps {}\nexport interface NumberFieldScrubAreaProps extends BaseScrubAreaProps {}\nexport interface NumberFieldScrubAreaCursorProps extends BaseScrubAreaCursorProps {}\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={(state) => cx(styles.group, resolveClassName(className, state))} {...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={(state) => cx(styles.input, resolveClassName(className, state))} {...props} />;\n});\n\nexport const NumberFieldDecrement = forwardRef<ComponentRef<typeof BaseNumberField.Decrement>, NumberFieldDecrementProps>(\n  function NumberFieldDecrement({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.Decrement\n        ref={ref}\n        className={(state) => cx(styles[\"step-button\"], styles.decrement, resolveClassName(className, state))}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const NumberFieldIncrement = forwardRef<ComponentRef<typeof BaseNumberField.Increment>, NumberFieldIncrementProps>(\n  function NumberFieldIncrement({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.Increment\n        ref={ref}\n        className={(state) => cx(styles[\"step-button\"], styles.increment, resolveClassName(className, state))}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const NumberFieldScrubArea = forwardRef<ComponentRef<typeof BaseNumberField.ScrubArea>, NumberFieldScrubAreaProps>(\n  function NumberFieldScrubArea({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.ScrubArea ref={ref} className={(state) => cx(styles[\"scrub-area\"], resolveClassName(className, state))} {...props} />\n    );\n  },\n);\n\nexport const NumberFieldScrubAreaCursor = forwardRef<ComponentRef<typeof BaseNumberField.ScrubAreaCursor>, NumberFieldScrubAreaCursorProps>(\n  function NumberFieldScrubAreaCursor({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.ScrubAreaCursor\n        ref={ref}\n        className={(state) => cx(styles[\"scrub-area-cursor\"], resolveClassName(className, state))}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,YAAgB,OAAjB;EAA4B;EAAK,YAAY,UAAU,GAAGC,4BAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACjI;AAEF,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,YAAgB,OAAjB;EAA4B;EAAK,YAAY,UAAU,GAAGC,4BAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACjI;AAEF,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QACE,oBAACD,YAAgB,WAAjB;EACO;EACL,YAAY,UAAU,GAAGC,4BAAO,gBAAgBA,4BAAO,WAAW,iBAAiB,WAAW,MAAM,CAAC;EACrG,GAAI;EACJ,CAAA;EAGP;AAED,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QACE,oBAACD,YAAgB,WAAjB;EACO;EACL,YAAY,UAAU,GAAGC,4BAAO,gBAAgBA,4BAAO,WAAW,iBAAiB,WAAW,MAAM,CAAC;EACrG,GAAI;EACJ,CAAA;EAGP;AAED,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;AAC1D,QACE,oBAACD,YAAgB,WAAjB;EAAgC;EAAK,YAAY,UAAU,GAAGC,4BAAO,eAAe,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAG3I;AAED,MAAa,6BAA6B,WACxC,SAAS,2BAA2B,EAAE,WAAW,GAAG,SAAS,KAAK;AAChE,QACE,oBAACD,YAAgB,iBAAjB;EACO;EACL,YAAY,UAAU,GAAGC,4BAAO,sBAAsB,iBAAiB,WAAW,MAAM,CAAC;EACzF,GAAI;EACJ,CAAA;EAGP"}

package/dist/popover/index.d.ts

@@ -0,0 +1,3 @@
+import { Popover, PopoverProps, styles } from "./popover.js";
+import { PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseProps, PopoverDescription, PopoverDescriptionProps, PopoverPopup, PopoverPopupProps, PopoverPositioner, PopoverPositionerProps, PopoverTitle, PopoverTitleProps, PopoverViewport, PopoverViewportProps } from "./parts.js";
+export { Popover, PopoverArrow, type PopoverArrowProps, PopoverClose, type PopoverCloseProps, PopoverDescription, type PopoverDescriptionProps, PopoverPopup, type PopoverPopupProps, PopoverPositioner, type PopoverPositionerProps, type PopoverProps, styles as PopoverStyles, PopoverTitle, type PopoverTitleProps, PopoverViewport, type PopoverViewportProps };

package/dist/popover/index.js

@@ -0,0 +1,4 @@
+import popover_module_default from "./popover.module.js";
+import { Popover } from "./popover.js";
+import { PopoverArrow, PopoverClose, PopoverDescription, PopoverPopup, PopoverPositioner, PopoverTitle, PopoverViewport } from "./parts.js";
+export { Popover, PopoverArrow, PopoverClose, PopoverDescription, PopoverPopup, PopoverPositioner, popover_module_default as PopoverStyles, PopoverTitle, PopoverViewport };

package/dist/popover/parts.d.ts

@@ -0,0 +1,29 @@
+import * as react from "react";
+import { ComponentPropsWithoutRef } from "react";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/popover/parts.d.ts
+type BasePositionerProps = ComponentPropsWithoutRef<typeof Popover.Positioner>;
+type BasePopupProps = ComponentPropsWithoutRef<typeof Popover.Popup>;
+type BaseTitleProps = ComponentPropsWithoutRef<typeof Popover.Title>;
+type BaseDescriptionProps = ComponentPropsWithoutRef<typeof Popover.Description>;
+type BaseCloseProps = ComponentPropsWithoutRef<typeof Popover.Close>;
+type BaseArrowProps = ComponentPropsWithoutRef<typeof Popover.Arrow>;
+type BaseViewportProps = ComponentPropsWithoutRef<typeof Popover.Viewport>;
+interface PopoverPositionerProps extends BasePositionerProps {}
+interface PopoverPopupProps extends BasePopupProps {}
+interface PopoverTitleProps extends BaseTitleProps {}
+interface PopoverDescriptionProps extends BaseDescriptionProps {}
+interface PopoverCloseProps extends BaseCloseProps {}
+interface PopoverArrowProps extends BaseArrowProps {}
+interface PopoverViewportProps extends BaseViewportProps {}
+declare const PopoverPositioner: react.ForwardRefExoticComponent<PopoverPositionerProps & react.RefAttributes<HTMLDivElement>>;
+declare const PopoverPopup: react.ForwardRefExoticComponent<PopoverPopupProps & react.RefAttributes<HTMLDivElement>>;
+declare const PopoverTitle: react.ForwardRefExoticComponent<PopoverTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const PopoverDescription: react.ForwardRefExoticComponent<PopoverDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+declare const PopoverClose: react.ForwardRefExoticComponent<PopoverCloseProps & react.RefAttributes<HTMLButtonElement>>;
+declare const PopoverViewport: react.ForwardRefExoticComponent<PopoverViewportProps & react.RefAttributes<HTMLDivElement>>;
+declare const PopoverArrow: react.ForwardRefExoticComponent<PopoverArrowProps & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseProps, PopoverDescription, PopoverDescriptionProps, PopoverPopup, PopoverPopupProps, PopoverPositioner, PopoverPositionerProps, PopoverTitle, PopoverTitleProps, PopoverViewport, PopoverViewportProps };
+//# sourceMappingURL=parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/popover/parts.tsx"],"mappings":";;;;;KAoCK,mBAAA,GAAsB,wBAAA,QAAgC,OAAA,CAAY,UAAA;AAAA,KAClE,cAAA,GAAiB,wBAAA,QAAgC,OAAA,CAAY,KAAA;AAAA,KAC7D,cAAA,GAAiB,wBAAA,QAAgC,OAAA,CAAY,KAAA;AAAA,KAC7D,oBAAA,GAAuB,wBAAA,QAAgC,OAAA,CAAY,WAAA;AAAA,KACnE,cAAA,GAAiB,wBAAA,QAAgC,OAAA,CAAY,KAAA;AAAA,KAC7D,cAAA,GAAiB,wBAAA,QAAgC,OAAA,CAAY,KAAA;AAAA,KAC7D,iBAAA,GAAoB,wBAAA,QAAgC,OAAA,CAAY,QAAA;AAAA,UAEpD,sBAAA,SAA+B,mBAAA;AAAA,UAC/B,iBAAA,SAA0B,cAAA;AAAA,UAC1B,iBAAA,SAA0B,cAAA;AAAA,UAC1B,uBAAA,SAAgC,oBAAA;AAAA,UAChC,iBAAA,SAA0B,cAAA;AAAA,UAC1B,iBAAA,SAA0B,cAAA;AAAA,UAC1B,oBAAA,SAA6B,iBAAA;AAAA,cAEjC,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOjB,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,iBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOZ,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,iBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,kBAAA;AAAA,cAOZ,kBAAA,EAAkB,KAAA,CAAA,yBAAA,CAAA,uBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,oBAAA;AAAA,cAQlB,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,iBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAOZ,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOf,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,iBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/popover/parts.js

@@ -0,0 +1,93 @@
+import { cx, resolveClassName } from "../utils/resolveClassName.js";
+import { PopupArrow } from "../shared/PopupArrow.js";
+import popover_module_default from "./popover.module.js";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Popover } from "@base-ui/react/popover";
+//#region src/popover/parts.tsx
+/**
+* Styled primitives for Popover.
+*
+* @example
+* ```tsx
+* import { Popover } from '@base-ui/react/popover';
+* import {
+*   PopoverPopup,
+*   PopoverTitle,
+*   PopoverDescription,
+*   PopoverClose,
+*   PopoverArrow,
+* } from '@brijbyte/agentic-ui/popover';
+*
+* <Popover.Root>
+*   <Popover.Trigger render={<button>Open</button>} />
+*   <Popover.Portal>
+*     <Popover.Positioner side="bottom" sideOffset={8}>
+*       <PopoverPopup>
+*         <PopoverArrow />
+*         <PopoverTitle>Details</PopoverTitle>
+*         <PopoverDescription>Supporting text here.</PopoverDescription>
+*         <PopoverClose aria-label="Close" />
+*       </PopoverPopup>
+*     </Popover.Positioner>
+*   </Popover.Portal>
+* </Popover.Root>
+* ```
+*/
+const PopoverPositioner = forwardRef(function PopoverPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		ref,
+		className: (state) => cx(popover_module_default.positioner, resolveClassName(className, state)),
+		...props
+	});
+});
+const PopoverPopup = forwardRef(function PopoverPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		ref,
+		className: (state) => cx(popover_module_default.popup, resolveClassName(className, state)),
+		...props
+	});
+});
+const PopoverTitle = forwardRef(function PopoverTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		ref,
+		className: (state) => cx(popover_module_default.title, resolveClassName(className, state)),
+		...props
+	});
+});
+const PopoverDescription = forwardRef(function PopoverDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		ref,
+		className: (state) => cx(popover_module_default.description, resolveClassName(className, state)),
+		...props
+	});
+});
+const PopoverClose = forwardRef(function PopoverClose({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		ref,
+		className: (state) => cx(popover_module_default.close, resolveClassName(className, state)),
+		...props
+	});
+});
+const PopoverViewport = forwardRef(function PopoverViewport({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Viewport, {
+		ref,
+		className: (state) => cx(popover_module_default.viewport, resolveClassName(className, state)),
+		...props
+	});
+});
+const PopoverArrow = forwardRef(function PopoverArrow({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		ref,
+		className: (state) => cx(popover_module_default.arrow, resolveClassName(className, state)),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(PopupArrow, {
+			fillClass: popover_module_default["arrow-fill"],
+			seamClass: popover_module_default["arrow-seam"]
+		})
+	});
+});
+//#endregion
+export { PopoverArrow, PopoverClose, PopoverDescription, PopoverPopup, PopoverPositioner, PopoverTitle, PopoverViewport };
+
+//# sourceMappingURL=parts.js.map

package/dist/popover/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","names":["BasePopover","styles"],"sources":["../../src/popover/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Popover.\n *\n * @example\n * ```tsx\n * import { Popover } from '@base-ui/react/popover';\n * import {\n *   PopoverPopup,\n *   PopoverTitle,\n *   PopoverDescription,\n *   PopoverClose,\n *   PopoverArrow,\n * } from '@brijbyte/agentic-ui/popover';\n *\n * <Popover.Root>\n *   <Popover.Trigger render={<button>Open</button>} />\n *   <Popover.Portal>\n *     <Popover.Positioner side=\"bottom\" sideOffset={8}>\n *       <PopoverPopup>\n *         <PopoverArrow />\n *         <PopoverTitle>Details</PopoverTitle>\n *         <PopoverDescription>Supporting text here.</PopoverDescription>\n *         <PopoverClose aria-label=\"Close\" />\n *       </PopoverPopup>\n *     </Popover.Positioner>\n *   </Popover.Portal>\n * </Popover.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport styles from \"./popover.module.css\";\nimport { PopupArrow } from \"../shared/PopupArrow\";\nimport { resolveClassName, cx } from \"../utils/resolveClassName\";\n\ntype BasePositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\ntype BaseTitleProps = ComponentPropsWithoutRef<typeof BasePopover.Title>;\ntype BaseDescriptionProps = ComponentPropsWithoutRef<typeof BasePopover.Description>;\ntype BaseCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\ntype BaseArrowProps = ComponentPropsWithoutRef<typeof BasePopover.Arrow>;\ntype BaseViewportProps = ComponentPropsWithoutRef<typeof BasePopover.Viewport>;\n\nexport interface PopoverPositionerProps extends BasePositionerProps {}\nexport interface PopoverPopupProps extends BasePopupProps {}\nexport interface PopoverTitleProps extends BaseTitleProps {}\nexport interface PopoverDescriptionProps extends BaseDescriptionProps {}\nexport interface PopoverCloseProps extends BaseCloseProps {}\nexport interface PopoverArrowProps extends BaseArrowProps {}\nexport interface PopoverViewportProps extends BaseViewportProps {}\n\nexport const PopoverPositioner = forwardRef<ComponentRef<typeof BasePopover.Positioner>, PopoverPositionerProps>(function PopoverPositioner(\n  { className, ...props },\n  ref,\n) {\n  return <BasePopover.Positioner ref={ref} className={(state) => cx(styles.positioner, resolveClassName(className, state))} {...props} />;\n});\n\nexport const PopoverPopup = forwardRef<ComponentRef<typeof BasePopover.Popup>, PopoverPopupProps>(function PopoverPopup(\n  { className, ...props },\n  ref,\n) {\n  return <BasePopover.Popup ref={ref} className={(state) => cx(styles.popup, resolveClassName(className, state))} {...props} />;\n});\n\nexport const PopoverTitle = forwardRef<ComponentRef<typeof BasePopover.Title>, PopoverTitleProps>(function PopoverTitle(\n  { className, ...props },\n  ref,\n) {\n  return <BasePopover.Title ref={ref} className={(state) => cx(styles.title, resolveClassName(className, state))} {...props} />;\n});\n\nexport const PopoverDescription = forwardRef<ComponentRef<typeof BasePopover.Description>, PopoverDescriptionProps>(\n  function PopoverDescription({ className, ...props }, ref) {\n    return (\n      <BasePopover.Description ref={ref} className={(state) => cx(styles.description, resolveClassName(className, state))} {...props} />\n    );\n  },\n);\n\nexport const PopoverClose = forwardRef<ComponentRef<typeof BasePopover.Close>, PopoverCloseProps>(function PopoverClose(\n  { className, ...props },\n  ref,\n) {\n  return <BasePopover.Close ref={ref} className={(state) => cx(styles.close, resolveClassName(className, state))} {...props} />;\n});\n\nexport const PopoverViewport = forwardRef<ComponentRef<typeof BasePopover.Viewport>, PopoverViewportProps>(function PopoverViewport(\n  { className, ...props },\n  ref,\n) {\n  return <BasePopover.Viewport ref={ref} className={(state) => cx(styles.viewport, resolveClassName(className, state))} {...props} />;\n});\n\nexport const PopoverArrow = forwardRef<ComponentRef<typeof BasePopover.Arrow>, PopoverArrowProps>(function PopoverArrow(\n  { className, children, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Arrow ref={ref} className={(state) => cx(styles.arrow, resolveClassName(className, state))} {...props}>\n      {children ?? <PopupArrow fillClass={styles[\"arrow-fill\"]!} seamClass={styles[\"arrow-seam\"]!} />}\n    </BasePopover.Arrow>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAa,oBAAoB,WAAgF,SAAS,kBACxH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,QAAY,YAAb;EAA6B;EAAK,YAAY,UAAU,GAAGC,uBAAO,YAAY,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACvI;AAEF,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,OAAb;EAAwB;EAAK,YAAY,UAAU,GAAGC,uBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC7H;AAEF,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,OAAb;EAAwB;EAAK,YAAY,UAAU,GAAGC,uBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC7H;AAEF,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;AACxD,QACE,oBAACD,QAAY,aAAb;EAA8B;EAAK,YAAY,UAAU,GAAGC,uBAAO,aAAa,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAGvI;AAED,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,OAAb;EAAwB;EAAK,YAAY,UAAU,GAAGC,uBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EAC7H;AAEF,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,UAAb;EAA2B;EAAK,YAAY,UAAU,GAAGC,uBAAO,UAAU,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;EAAS,CAAA;EACnI;AAEF,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,UAAU,GAAG,SAC1B,KACA;AACA,QACE,oBAACD,QAAY,OAAb;EAAwB;EAAK,YAAY,UAAU,GAAGC,uBAAO,OAAO,iBAAiB,WAAW,MAAM,CAAC;EAAE,GAAI;YAC1G,YAAY,oBAAC,YAAD;GAAY,WAAWA,uBAAO;GAAgB,WAAWA,uBAAO;GAAkB,CAAA;EAC7E,CAAA;EAEtB"}

package/dist/popover/popover.css

@@ -0,0 +1,173 @@
+@layer components {
+  .positioner_fGG_sa {
+    z-index: var(--z-popover);
+  }
+
+  .popup_fGG_sa {
+    --arrow-fill: var(--color-elevated);
+    --arrow-stroke: var(--color-line);
+    background-color: var(--color-elevated);
+    border: var(--border-width-base) solid var(--color-line);
+    border-radius: var(--radius-xl);
+    box-shadow: var(--shadow-popover);
+    padding: var(--space-4);
+    min-width: 220px;
+    max-width: 320px;
+    transition: opacity .2s var(--easing-ease-out);
+    outline: none;
+  }
+
+  .popup_fGG_sa[data-starting-style] {
+    opacity: 0;
+  }
+
+  .popup_fGG_sa[data-ending-style] {
+    opacity: 0;
+    transition: opacity .1s var(--easing-ease-in);
+  }
+
+  .popup_fGG_sa[data-instant] {
+    transition-duration: 0s;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .popup_fGG_sa[data-starting-style], .popup_fGG_sa[data-ending-style] {
+      transition: none;
+    }
+  }
+
+  .title_fGG_sa {
+    font-family: var(--font-mono);
+    font-size: var(--font-size-md);
+    font-weight: var(--font-weight-semibold);
+    color: var(--color-primary);
+    line-height: var(--line-height-tight);
+    margin: 0;
+  }
+
+  .description_fGG_sa {
+    font-family: var(--font-mono);
+    font-size: var(--font-size-sm);
+    color: var(--color-secondary);
+    line-height: var(--line-height-relaxed);
+    margin: 0;
+    margin-top: var(--space-1);
+  }
+
+  .close_fGG_sa {
+    top: var(--space-3);
+    right: var(--space-3);
+    border-radius: var(--radius-sm);
+    width: 22px;
+    height: 22px;
+    color: var(--color-tertiary);
+    cursor: pointer;
+    transition: background-color var(--duration-fast) var(--easing-standard),
+      color var(--duration-fast) var(--easing-standard),
+      transform .1s var(--easing-ease-out);
+    background: none;
+    border: none;
+    outline: none;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    position: absolute;
+  }
+
+  .close_fGG_sa:hover {
+    background-color: var(--color-hover);
+    color: var(--color-primary);
+  }
+
+  .close_fGG_sa:active {
+    transform: scale(.94);
+  }
+
+  .close_fGG_sa:focus-visible {
+    box-shadow: var(--shadow-focus);
+  }
+
+  .viewport_fGG_sa {
+    position: relative;
+    overflow: clip;
+  }
+
+  .viewport_fGG_sa [data-current], .viewport_fGG_sa [data-previous] {
+    transition: transform .2s var(--easing-ease-out),
+      opacity .15s var(--easing-ease-out);
+  }
+
+  .viewport_fGG_sa [data-current][data-starting-style] {
+    opacity: 0;
+  }
+
+  .viewport_fGG_sa [data-previous][data-ending-style] {
+    opacity: 0;
+    transition: transform .2s var(--easing-ease-in),
+      opacity .15s var(--easing-ease-in);
+  }
+
+  .viewport_fGG_sa[data-activation-direction~="down"] [data-current][data-starting-style] {
+    transform: translateY(-6px);
+  }
+
+  .viewport_fGG_sa[data-activation-direction~="down"] [data-previous][data-ending-style], .viewport_fGG_sa[data-activation-direction~="up"] [data-current][data-starting-style] {
+    transform: translateY(6px);
+  }
+
+  .viewport_fGG_sa[data-activation-direction~="up"] [data-previous][data-ending-style] {
+    transform: translateY(-6px);
+  }
+
+  .viewport_fGG_sa[data-activation-direction~="right"] [data-current][data-starting-style] {
+    transform: translateX(-6px);
+  }
+
+  .viewport_fGG_sa[data-activation-direction~="right"] [data-previous][data-ending-style], .viewport_fGG_sa[data-activation-direction~="left"] [data-current][data-starting-style] {
+    transform: translateX(6px);
+  }
+
+  .viewport_fGG_sa[data-activation-direction~="left"] [data-previous][data-ending-style] {
+    transform: translateX(-6px);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .viewport_fGG_sa [data-current], .viewport_fGG_sa [data-previous] {
+      transition: opacity .15s var(--easing-ease-out);
+      transform: none !important;
+    }
+  }
+
+  .arrow_fGG_sa {
+    display: flex;
+  }
+
+  .arrow_fGG_sa[data-side="top"] {
+    bottom: -8px;
+    rotate: 180deg;
+  }
+
+  .arrow_fGG_sa[data-side="bottom"] {
+    top: -8px;
+    rotate: 0deg;
+  }
+
+  .arrow_fGG_sa[data-side="left"] {
+    right: -13px;
+    rotate: 90deg;
+  }
+
+  .arrow_fGG_sa[data-side="right"] {
+    left: -13px;
+    rotate: -90deg;
+  }
+
+  .arrow-fill_fGG_sa {
+    fill: var(--color-elevated);
+  }
+
+  .arrow-seam_fGG_sa {
+    fill: var(--color-line);
+  }
+}

package/dist/popover/popover.d.ts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactElement, ReactNode } from "react";
+import styles from "./popover.module.css";
+
+//#region src/popover/popover.d.ts
+interface PopoverProps {
+  /** The trigger element — rendered as-is, receives the popover open/close handler. */
+  trigger: ReactElement;
+  /** Optional heading rendered at the top of the popup. */
+  title?: ReactNode;
+  /** Optional supporting text rendered below the title. */
+  description?: ReactNode;
+  /** Body content of the popover. */
+  children?: ReactNode;
+  /** Which side of the trigger to open on. @default "bottom" */
+  side?: "top" | "bottom" | "left" | "right";
+  /** Alignment relative to the trigger. @default "center" */
+  align?: "start" | "center" | "end";
+  /** Gap between trigger and popup in px. @default 8 */
+  sideOffset?: number;
+  /** Show a close (×) button in the top-right corner. @default false */
+  dismissible?: boolean;
+  /** Controlled open state. */
+  open?: boolean;
+  /** Uncontrolled default open state. */
+  defaultOpen?: boolean;
+  /** Called when the popover opens or closes. */
+  onOpenChange?: (open: boolean, eventDetails: unknown) => void;
+}
+/**
+ * Floating content panel anchored to a trigger. Scales from the trigger's
+ * edge and repositions automatically to avoid viewport overflow. Supports
+ * title, description, close button, and arbitrary body content.
+ */
+declare function Popover({
+  trigger,
+  title,
+  description,
+  children,
+  side,
+  align,
+  sideOffset,
+  dismissible,
+  onOpenChange,
+  ...props
+}: PopoverProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Popover, PopoverProps, styles };
+//# sourceMappingURL=popover.d.ts.map

package/dist/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/popover/popover.tsx"],"mappings":";;;;;UAKiB,YAAA;;EAEf,OAAA,EAAS,YAAA;EAFM;EAIf,KAAA,GAAQ,SAAA;;EAER,WAAA,GAAc,SAAA;EAFN;EAIR,QAAA,GAAW,SAAA;EAAA;EAEX,IAAA;EAFoB;EAIpB,KAAA;EAVS;EAYT,UAAA;EAVQ;EAYR,WAAA;EAVc;EAYd,IAAA;EAVW;EAYX,WAAA;EARA;EAUA,YAAA,IAAgB,IAAA,WAAe,YAAA;AAAA;;;;;;iBAgBjB,OAAA,CAAA;EACd,OAAA;EACA,KAAA;EACA,WAAA;EACA,QAAA;EACA,IAAA;EACA,KAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EAAA,GACG;AAAA,GACF,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/popover/popover.js

@@ -0,0 +1,68 @@
+import { PopupArrow } from "../shared/PopupArrow.js";
+import popover_module_default from "./popover.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/popover/popover.tsx
+function XIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "10",
+		height: "10",
+		viewBox: "0 0 12 12",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M2 2L10 10M10 2L2 10",
+			stroke: "currentColor",
+			strokeWidth: "1.75",
+			strokeLinecap: "round"
+		})
+	});
+}
+/**
+* Floating content panel anchored to a trigger. Scales from the trigger's
+* edge and repositions automatically to avoid viewport overflow. Supports
+* title, description, close button, and arbitrary body content.
+*/
+function Popover$1({ trigger, title, description, children, side = "bottom", align = "center", sideOffset = 8, dismissible = false, onOpenChange, ...props }) {
+	return /* @__PURE__ */ jsxs(Popover.Root, {
+		onOpenChange,
+		...props,
+		children: [/* @__PURE__ */ jsx(Popover.Trigger, { render: trigger }), /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
+			className: popover_module_default.positioner,
+			side,
+			align,
+			sideOffset,
+			arrowPadding: 8,
+			children: /* @__PURE__ */ jsxs(Popover.Popup, {
+				className: popover_module_default.popup,
+				children: [
+					/* @__PURE__ */ jsx(Popover.Arrow, {
+						className: popover_module_default.arrow,
+						children: /* @__PURE__ */ jsx(PopupArrow, {
+							fillClass: popover_module_default["arrow-fill"],
+							seamClass: popover_module_default["arrow-seam"]
+						})
+					}),
+					dismissible && /* @__PURE__ */ jsx(Popover.Close, {
+						className: popover_module_default.close,
+						"aria-label": "Close",
+						children: /* @__PURE__ */ jsx(XIcon, {})
+					}),
+					title && /* @__PURE__ */ jsx(Popover.Title, {
+						className: popover_module_default.title,
+						children: title
+					}),
+					description && /* @__PURE__ */ jsx(Popover.Description, {
+						className: popover_module_default.description,
+						children: description
+					}),
+					children
+				]
+			})
+		}) })]
+	});
+}
+//#endregion
+export { Popover$1 as Popover };
+
+//# sourceMappingURL=popover.js.map

package/dist/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["Popover","BasePopover","styles"],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["import type { ReactNode, ReactElement } from \"react\";\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport styles from \"./popover.module.css\";\nimport { PopupArrow } from \"../shared/PopupArrow\";\n\nexport interface PopoverProps {\n  /** The trigger element — rendered as-is, receives the popover open/close handler. */\n  trigger: ReactElement;\n  /** Optional heading rendered at the top of the popup. */\n  title?: ReactNode;\n  /** Optional supporting text rendered below the title. */\n  description?: ReactNode;\n  /** Body content of the popover. */\n  children?: ReactNode;\n  /** Which side of the trigger to open on. @default \"bottom\" */\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  /** Alignment relative to the trigger. @default \"center\" */\n  align?: \"start\" | \"center\" | \"end\";\n  /** Gap between trigger and popup in px. @default 8 */\n  sideOffset?: number;\n  /** Show a close (×) button in the top-right corner. @default false */\n  dismissible?: boolean;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Uncontrolled default open state. */\n  defaultOpen?: boolean;\n  /** Called when the popover opens or closes. */\n  onOpenChange?: (open: boolean, eventDetails: unknown) => void;\n}\n\nfunction XIcon() {\n  return (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M2 2L10 10M10 2L2 10\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/**\n * Floating content panel anchored to a trigger. Scales from the trigger's\n * edge and repositions automatically to avoid viewport overflow. Supports\n * title, description, close button, and arbitrary body content.\n */\nexport function Popover({\n  trigger,\n  title,\n  description,\n  children,\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 8,\n  dismissible = false,\n  onOpenChange,\n  ...props\n}: PopoverProps) {\n  return (\n    <BasePopover.Root onOpenChange={onOpenChange as never} {...props}>\n      <BasePopover.Trigger render={trigger} />\n      <BasePopover.Portal>\n        <BasePopover.Positioner className={styles.positioner} side={side} align={align} sideOffset={sideOffset} arrowPadding={8}>\n          <BasePopover.Popup className={styles.popup}>\n            <BasePopover.Arrow className={styles.arrow}>\n              <PopupArrow fillClass={styles[\"arrow-fill\"]!} seamClass={styles[\"arrow-seam\"]!} />\n            </BasePopover.Arrow>\n            {dismissible && (\n              <BasePopover.Close className={styles.close} aria-label=\"Close\">\n                <XIcon />\n              </BasePopover.Close>\n            )}\n            {title && <BasePopover.Title className={styles.title}>{title}</BasePopover.Title>}\n            {description && <BasePopover.Description className={styles.description}>{description}</BasePopover.Description>}\n            {children}\n          </BasePopover.Popup>\n        </BasePopover.Positioner>\n      </BasePopover.Portal>\n    </BasePopover.Root>\n  );\n}\n\nexport { styles as PopoverStyles };\n"],"mappings":";;;;;AA8BA,SAAS,QAAQ;AACf,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;EAAO,eAAY;YACtE,oBAAC,QAAD;GAAM,GAAE;GAAuB,QAAO;GAAe,aAAY;GAAO,eAAc;GAAU,CAAA;EAC5F,CAAA;;;;;;;AASV,SAAgBA,UAAQ,EACtB,SACA,OACA,aACA,UACA,OAAO,UACP,QAAQ,UACR,aAAa,GACb,cAAc,OACd,cACA,GAAG,SACY;AACf,QACE,qBAACC,QAAY,MAAb;EAAgC;EAAuB,GAAI;YAA3D,CACE,oBAACA,QAAY,SAAb,EAAqB,QAAQ,SAAW,CAAA,EACxC,oBAACA,QAAY,QAAb,EAAA,UACE,oBAACA,QAAY,YAAb;GAAwB,WAAWC,uBAAO;GAAkB;GAAa;GAAmB;GAAY,cAAc;aACpH,qBAACD,QAAY,OAAb;IAAmB,WAAWC,uBAAO;cAArC;KACE,oBAACD,QAAY,OAAb;MAAmB,WAAWC,uBAAO;gBACnC,oBAAC,YAAD;OAAY,WAAWA,uBAAO;OAAgB,WAAWA,uBAAO;OAAkB,CAAA;MAChE,CAAA;KACnB,eACC,oBAACD,QAAY,OAAb;MAAmB,WAAWC,uBAAO;MAAO,cAAW;gBACrD,oBAAC,OAAD,EAAS,CAAA;MACS,CAAA;KAErB,SAAS,oBAACD,QAAY,OAAb;MAAmB,WAAWC,uBAAO;gBAAQ;MAA0B,CAAA;KAChF,eAAe,oBAACD,QAAY,aAAb;MAAyB,WAAWC,uBAAO;gBAAc;MAAsC,CAAA;KAC9G;KACiB;;GACG,CAAA,EACN,CAAA,CACJ"}

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

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

package/dist/popover/popover.module.js

@@ -0,0 +1,16 @@
+//#region src/popover/popover.module.css
+var popover_module_default = {
+	"arrow": "arrow_fGG_sa",
+	"arrow-fill": "arrow-fill_fGG_sa",
+	"arrow-seam": "arrow-seam_fGG_sa",
+	"close": "close_fGG_sa",
+	"description": "description_fGG_sa",
+	"popup": "popup_fGG_sa",
+	"positioner": "positioner_fGG_sa",
+	"title": "title_fGG_sa",
+	"viewport": "viewport_fGG_sa"
+};
+//#endregion
+export { popover_module_default as default };
+
+//# sourceMappingURL=popover.module.js.map

package/dist/popover/popover.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.module.js","names":[],"sources":["../../src/popover/popover.module.css"],"sourcesContent":["@layer components {\n  .positioner {\n    z-index: var(--z-popover);\n  }\n\n  .popup {\n    /* Arrow colour tokens consumed by .arrow-fill / .arrow-stroke below */\n    --arrow-fill: var(--color-elevated);\n    --arrow-stroke: var(--color-line);\n    background-color: var(--color-elevated);\n    border: var(--border-width-base) solid var(--color-line);\n    border-radius: var(--radius-xl);\n    box-shadow: var(--shadow-popover);\n    padding: var(--space-4);\n    min-width: 220px;\n    max-width: 320px;\n    outline: none;\n    transition: opacity 200ms var(--easing-ease-out);\n  }\n\n  .popup[data-starting-style] {\n    opacity: 0;\n  }\n\n  .popup[data-ending-style] {\n    opacity: 0;\n    transition: opacity 100ms var(--easing-ease-in);\n  }\n\n  /* Instant dismiss/click — skip the exit animation */\n  .popup[data-instant] {\n    transition-duration: 0ms;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .popup[data-starting-style],\n    .popup[data-ending-style] {\n      transition: none;\n    }\n  }\n\n  /* ── Internals ──────────────────────────────────────────────────── */\n\n  .title {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-md);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-primary);\n    line-height: var(--line-height-tight);\n    margin: 0;\n  }\n\n  .description {\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-secondary);\n    line-height: var(--line-height-relaxed);\n    margin: 0;\n    margin-top: var(--space-1);\n  }\n\n  .close {\n    position: absolute;\n    top: var(--space-3);\n    right: var(--space-3);\n    width: 22px;\n    height: 22px;\n    border-radius: var(--radius-sm);\n    border: none;\n    background: transparent;\n    color: var(--color-tertiary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    outline: none;\n    flex-shrink: 0;\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\n  .close:hover {\n    background-color: var(--color-hover);\n    color: var(--color-primary);\n  }\n\n  .close:active {\n    transform: scale(0.94);\n  }\n\n  .close:focus-visible {\n    box-shadow: var(--shadow-focus);\n  }\n\n  /* ── Viewport ───────────────────────────────────────────────────── */\n\n  .viewport {\n    position: relative;\n    overflow: clip;\n  }\n\n  /* [data-current] and [data-previous] are direct children injected by\n     base-ui's Viewport. Both get transition so the slide is smooth. */\n  .viewport [data-current],\n  .viewport [data-previous] {\n    transition:\n      transform 200ms var(--easing-ease-out),\n      opacity 150ms var(--easing-ease-out);\n  }\n\n  /* Entering content */\n  .viewport [data-current][data-starting-style] {\n    opacity: 0;\n  }\n\n  /* Exiting content */\n  .viewport [data-previous][data-ending-style] {\n    opacity: 0;\n    transition:\n      transform 200ms var(--easing-ease-in),\n      opacity 150ms var(--easing-ease-in);\n  }\n\n  /* Slide direction: previous exits opposite, current enters from direction */\n  .viewport[data-activation-direction~=\"down\"] [data-current][data-starting-style] {\n    transform: translateY(-6px);\n  }\n  .viewport[data-activation-direction~=\"down\"] [data-previous][data-ending-style] {\n    transform: translateY(6px);\n  }\n\n  .viewport[data-activation-direction~=\"up\"] [data-current][data-starting-style] {\n    transform: translateY(6px);\n  }\n  .viewport[data-activation-direction~=\"up\"] [data-previous][data-ending-style] {\n    transform: translateY(-6px);\n  }\n\n  .viewport[data-activation-direction~=\"right\"] [data-current][data-starting-style] {\n    transform: translateX(-6px);\n  }\n  .viewport[data-activation-direction~=\"right\"] [data-previous][data-ending-style] {\n    transform: translateX(6px);\n  }\n\n  .viewport[data-activation-direction~=\"left\"] [data-current][data-starting-style] {\n    transform: translateX(6px);\n  }\n  .viewport[data-activation-direction~=\"left\"] [data-previous][data-ending-style] {\n    transform: translateX(-6px);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .viewport [data-current],\n    .viewport [data-previous] {\n      transition: opacity 150ms var(--easing-ease-out);\n      transform: none !important;\n    }\n  }\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-elevated);\n  }\n  .arrow-seam {\n    fill: var(--color-line);\n  }\n}\n"],"mappings":";AAkBA,IAAA,yBAAE;CAAA,SAAA;CAAA,cAAA;CAAA,cAAA;CAAA,SAAA;CAAA,eAAA;CAAA,SAAA;CAAA,cAAA;CAAA,SAAA;CAAA,YAAA;CAAA"}

package/dist/progress/parts.d.ts

@@ -5,12 +5,10 @@ import { Progress } from "@base-ui/react/progress";
 //#region src/progress/parts.d.ts
 type BaseTrackProps = ComponentPropsWithoutRef<typeof Progress.Track>;
 type BaseIndicatorProps = ComponentPropsWithoutRef<typeof Progress.Indicator>;
-interface ProgressTrackProps extends Omit<BaseTrackProps, "className"> {
-  className?: string;
+interface ProgressTrackProps extends BaseTrackProps {
   size?: "sm" | "md" | "lg";
 }
-interface ProgressIndicatorProps extends Omit<BaseIndicatorProps, "className"> {
-  className?: string;
+interface ProgressIndicatorProps extends BaseIndicatorProps {
   status?: "default" | "success" | "warning" | "error";
 }
 declare const ProgressTrack: react.ForwardRefExoticComponent<ProgressTrackProps & react.RefAttributes<HTMLDivElement>>;