@brijbyte/agentic-ui 0.0.2 → 0.0.4

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

@@ -1 +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"}
+{"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  /** Initial value (uncontrolled). */\n  defaultValue?: number;\n  /** Current value (controlled). `null` when the field is empty. */\n  value?: number | null;\n  /** Called when the value changes. */\n  onValueChange?: (value: number | null) => void;\n  /** Minimum allowed value. */\n  min?: number;\n  /** Maximum allowed value. */\n  max?: number;\n  /** Increment/decrement step size. @default 1 */\n  step?: number;\n  /** Prevent interaction. */\n  disabled?: boolean;\n  /** Allow reading but not editing. */\n  readOnly?: boolean;\n  /** Mark the field as required for form validation. */\n  required?: boolean;\n  /** HTML name attribute for form submission. */\n  name?: string;\n  /** `Intl.NumberFormatOptions` for display formatting. */\n  format?: Intl.NumberFormatOptions;\n  /** Allow changing the value by scrolling the mouse wheel. */\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\n/**\n * A numeric input with stepper buttons and a scrub area. Supports min/max\n * clamping, step size, locale-aware formatting, and keyboard/scroll input.\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":";;;;;AAmCA,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;;;;;;AAQV,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/parts.js

@@ -1,6 +1,6 @@
 import number_field_module_default from "./number-field.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { NumberField } from "@base-ui/react/number-field";
 //#region src/number-field/parts.tsx
 /**

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,43 @@
+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 Omit<BasePositionerProps, "className"> {
+  className?: string;
+}
+interface PopoverPopupProps extends Omit<BasePopupProps, "className"> {
+  className?: string;
+}
+interface PopoverTitleProps extends Omit<BaseTitleProps, "className"> {
+  className?: string;
+}
+interface PopoverDescriptionProps extends Omit<BaseDescriptionProps, "className"> {
+  className?: string;
+}
+interface PopoverCloseProps extends Omit<BaseCloseProps, "className"> {
+  className?: string;
+}
+interface PopoverArrowProps extends Omit<BaseArrowProps, "className"> {
+  className?: string;
+}
+interface PopoverViewportProps extends Omit<BaseViewportProps, "className"> {
+  className?: string;
+}
+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":";;;;;KAuCK,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,IAAA,CAAK,mBAAA;EACnD,SAAA;AAAA;AAAA,UAEe,iBAAA,SAA0B,IAAA,CAAK,cAAA;EAC9C,SAAA;AAAA;AAAA,UAEe,iBAAA,SAA0B,IAAA,CAAK,cAAA;EAC9C,SAAA;AAAA;AAAA,UAEe,uBAAA,SAAgC,IAAA,CAAK,oBAAA;EACpD,SAAA;AAAA;AAAA,UAEe,iBAAA,SAA0B,IAAA,CAAK,cAAA;EAC9C,SAAA;AAAA;AAAA,UAEe,iBAAA,SAA0B,IAAA,CAAK,cAAA;EAC9C,SAAA;AAAA;AAAA,UAEe,oBAAA,SAA6B,IAAA,CAAK,iBAAA;EACjD,SAAA;AAAA;AAAA,cAGW,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,cAMlB,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,96 @@
+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.
+*
+* Use these when you need full control over the popover's behaviour
+* (controlled state, custom positioning, anchor overrides) while keeping
+* all agentic-ui styles applied.
+*
+* @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: `${popover_module_default.positioner} ${className ?? ""}`,
+		...props
+	});
+});
+const PopoverPopup = forwardRef(function PopoverPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		ref,
+		className: `${popover_module_default.popup} ${className ?? ""}`,
+		...props
+	});
+});
+const PopoverTitle = forwardRef(function PopoverTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		ref,
+		className: `${popover_module_default.title} ${className ?? ""}`,
+		...props
+	});
+});
+const PopoverDescription = forwardRef(function PopoverDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		ref,
+		className: `${popover_module_default.description} ${className ?? ""}`,
+		...props
+	});
+});
+const PopoverClose = forwardRef(function PopoverClose({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		ref,
+		className: `${popover_module_default.close} ${className ?? ""}`,
+		...props
+	});
+});
+const PopoverViewport = forwardRef(function PopoverViewport({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Viewport, {
+		ref,
+		className: `${popover_module_default.viewport} ${className ?? ""}`,
+		...props
+	});
+});
+const PopoverArrow = forwardRef(function PopoverArrow({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		ref,
+		className: `${popover_module_default.arrow} ${className ?? ""}`,
+		...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 * Use these when you need full control over the popover's behaviour\n * (controlled state, custom positioning, anchor overrides) while keeping\n * all agentic-ui styles applied.\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\";\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 Omit<BasePositionerProps, \"className\"> {\n  className?: string;\n}\nexport interface PopoverPopupProps extends Omit<BasePopupProps, \"className\"> {\n  className?: string;\n}\nexport interface PopoverTitleProps extends Omit<BaseTitleProps, \"className\"> {\n  className?: string;\n}\nexport interface PopoverDescriptionProps extends Omit<BaseDescriptionProps, \"className\"> {\n  className?: string;\n}\nexport interface PopoverCloseProps extends Omit<BaseCloseProps, \"className\"> {\n  className?: string;\n}\nexport interface PopoverArrowProps extends Omit<BaseArrowProps, \"className\"> {\n  className?: string;\n}\nexport interface PopoverViewportProps extends Omit<BaseViewportProps, \"className\"> {\n  className?: string;\n}\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={`${styles.positioner} ${className ?? \"\"}`} {...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={`${styles.popup} ${className ?? \"\"}`} {...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={`${styles.title} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const PopoverDescription = forwardRef<ComponentRef<typeof BasePopover.Description>, PopoverDescriptionProps>(\n  function PopoverDescription({ className, ...props }, ref) {\n    return <BasePopover.Description ref={ref} className={`${styles.description} ${className ?? \"\"}`} {...props} />;\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={`${styles.close} ${className ?? \"\"}`} {...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={`${styles.viewport} ${className ?? \"\"}`} {...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={`${styles.arrow} ${className ?? \"\"}`} {...props}>\n      {children ?? <PopupArrow fillClass={styles[\"arrow-fill\"]!} seamClass={styles[\"arrow-seam\"]!} />}\n    </BasePopover.Arrow>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,MAAa,oBAAoB,WAAgF,SAAS,kBACxH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,QAAY,YAAb;EAA6B;EAAK,WAAW,GAAGC,uBAAO,WAAW,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC5G;AAEF,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,OAAb;EAAwB;EAAK,WAAW,GAAGC,uBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAClG;AAEF,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,OAAb;EAAwB;EAAK,WAAW,GAAGC,uBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAClG;AAEF,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;AACxD,QAAO,oBAACD,QAAY,aAAb;EAA8B;EAAK,WAAW,GAAGC,uBAAO,YAAY,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAEjH;AAED,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,OAAb;EAAwB;EAAK,WAAW,GAAGC,uBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAClG;AAEF,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,QAAY,UAAb;EAA2B;EAAK,WAAW,GAAGC,uBAAO,SAAS,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACxG;AAEF,MAAa,eAAe,WAAsE,SAAS,aACzG,EAAE,WAAW,UAAU,GAAG,SAC1B,KACA;AACA,QACE,oBAACD,QAAY,OAAb;EAAwB;EAAK,WAAW,GAAGC,uBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;YAC/E,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.js

@@ -1,6 +1,6 @@
 import progress_module_default from "./progress.module.js";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Progress } from "@base-ui/react/progress";
 //#region src/progress/parts.tsx
 /**

package/dist/progress/progress.d.ts

@@ -5,14 +5,25 @@ import styles from "./progress.module.css";
 type ProgressStatus = "default" | "success" | "warning" | "error";
 type ProgressSize = "sm" | "md" | "lg";
 interface ProgressProps {
+  /** Current progress value. `null` for indeterminate state. */
   value?: number | null;
+  /** Maximum value (the "complete" end). @default 100 */
   max?: number;
+  /** Accessible label shown above the bar. */
   label?: string;
+  /** Display the percentage next to the label. @default false */
   showValue?: boolean;
+  /** Semantic colour for the progress fill. @default "default" */
   status?: ProgressStatus;
+  /** Bar thickness. @default "md" */
   size?: ProgressSize;
   className?: string;
 }
+/**
+ * Linear progress indicator with optional label and percentage display.
+ * Pass `value={null}` for an indeterminate animated state. Use `status`
+ * to apply semantic colour to the fill.
+ */
 declare function Progress({
   value,
   max,

package/dist/progress/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"mappings":";;;;KAGY,cAAA;AAAA,KACA,YAAA;AAAA,UAEK,aAAA;EACf,KAAA;EACA,GAAA;EACA,KAAA;EACA,SAAA;EACA,MAAA,GAAS,cAAA;EACT,IAAA,GAAO,YAAA;EACP,SAAA;AAAA;AAAA,iBAGc,QAAA,CAAA;EAAW,KAAA;EAAc,GAAA;EAAW,KAAA;EAAO,SAAA;EAAmB,MAAA;EAAoB,IAAA;EAAa;AAAA,GAAa,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"mappings":";;;;KAGY,cAAA;AAAA,KACA,YAAA;AAAA,UAEK,aAAA;EAHL;EAKV,KAAA;;EAEA,GAAA;EAPwB;EASxB,KAAA;EARsB;EAUtB,SAAA;EAVsB;EAYtB,MAAA,GAAS,cAAA;EAVM;EAYf,IAAA,GAAO,YAAA;EACP,SAAA;AAAA;;;;;;iBAQc,QAAA,CAAA;EAAW,KAAA;EAAc,GAAA;EAAW,KAAA;EAAO,SAAA;EAAmB,MAAA;EAAoB,IAAA;EAAa;AAAA,GAAa,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/progress/progress.js

@@ -2,6 +2,11 @@ import progress_module_default from "./progress.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Progress } from "@base-ui/react/progress";
 //#region src/progress/progress.tsx
+/**
+* Linear progress indicator with optional label and percentage display.
+* Pass `value={null}` for an indeterminate animated state. Use `status`
+* to apply semantic colour to the fill.
+*/
 function Progress$1({ value = null, max = 100, label, showValue = false, status = "default", size = "md", className }) {
 	const percentage = value != null ? Math.round(value / max * 100) : null;
 	return /* @__PURE__ */ jsxs(Progress.Root, {

package/dist/progress/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":["Progress","BaseProgress","styles"],"sources":["../../src/progress/progress.tsx"],"sourcesContent":["import { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport styles from \"./progress.module.css\";\n\nexport type ProgressStatus = \"default\" | \"success\" | \"warning\" | \"error\";\nexport type ProgressSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ProgressProps {\n  value?: number | null;\n  max?: number;\n  label?: string;\n  showValue?: boolean;\n  status?: ProgressStatus;\n  size?: ProgressSize;\n  className?: string;\n}\n\nexport function Progress({ value = null, max = 100, label, showValue = false, status = \"default\", size = \"md\", className }: ProgressProps) {\n  const percentage = value != null ? Math.round((value / max) * 100) : null;\n\n  return (\n    <BaseProgress.Root className={`${styles.root} ${className ?? \"\"}`} value={value} max={max}>\n      {(label ?? showValue) && (\n        <div className={styles[\"label-row\"]}>\n          {label && <span>{label}</span>}\n          {showValue && percentage != null && <span>{percentage}%</span>}\n        </div>\n      )}\n      <BaseProgress.Track className={`${styles.track} ${styles[`track-${size}`]}`}>\n        <BaseProgress.Indicator\n          className={[\n            styles.indicator,\n            status !== \"default\" ? styles[`indicator-${status}`] : \"\",\n            value == null ? styles[\"indicator-indeterminate\"] : \"\",\n          ]\n            .filter(Boolean)\n            .join(\" \")}\n        />\n      </BaseProgress.Track>\n    </BaseProgress.Root>\n  );\n}\nexport { styles as ProgressStyles };\n"],"mappings":";;;;AAgBA,SAAgBA,WAAS,EAAE,QAAQ,MAAM,MAAM,KAAK,OAAO,YAAY,OAAO,SAAS,WAAW,OAAO,MAAM,aAA4B;CACzI,MAAM,aAAa,SAAS,OAAO,KAAK,MAAO,QAAQ,MAAO,IAAI,GAAG;AAErE,QACE,qBAACC,SAAa,MAAd;EAAmB,WAAW,GAAGC,wBAAO,KAAK,GAAG,aAAa;EAAa;EAAY;YAAtF,EACI,SAAS,cACT,qBAAC,OAAD;GAAK,WAAWA,wBAAO;aAAvB,CACG,SAAS,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,EAC7B,aAAa,cAAc,QAAQ,qBAAC,QAAD,EAAA,UAAA,CAAO,YAAW,IAAQ,EAAA,CAAA,CAC1D;MAER,oBAACD,SAAa,OAAd;GAAoB,WAAW,GAAGC,wBAAO,MAAM,GAAGA,wBAAO,SAAS;aAChE,oBAACD,SAAa,WAAd,EACE,WAAW;IACTC,wBAAO;IACP,WAAW,YAAYA,wBAAO,aAAa,YAAY;IACvD,SAAS,OAAOA,wBAAO,6BAA6B;IACrD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,EACZ,CAAA;GACiB,CAAA,CACH"}
+{"version":3,"file":"progress.js","names":["Progress","BaseProgress","styles"],"sources":["../../src/progress/progress.tsx"],"sourcesContent":["import { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport styles from \"./progress.module.css\";\n\nexport type ProgressStatus = \"default\" | \"success\" | \"warning\" | \"error\";\nexport type ProgressSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ProgressProps {\n  /** Current progress value. `null` for indeterminate state. */\n  value?: number | null;\n  /** Maximum value (the \"complete\" end). @default 100 */\n  max?: number;\n  /** Accessible label shown above the bar. */\n  label?: string;\n  /** Display the percentage next to the label. @default false */\n  showValue?: boolean;\n  /** Semantic colour for the progress fill. @default \"default\" */\n  status?: ProgressStatus;\n  /** Bar thickness. @default \"md\" */\n  size?: ProgressSize;\n  className?: string;\n}\n\n/**\n * Linear progress indicator with optional label and percentage display.\n * Pass `value={null}` for an indeterminate animated state. Use `status`\n * to apply semantic colour to the fill.\n */\nexport function Progress({ value = null, max = 100, label, showValue = false, status = \"default\", size = \"md\", className }: ProgressProps) {\n  const percentage = value != null ? Math.round((value / max) * 100) : null;\n\n  return (\n    <BaseProgress.Root className={`${styles.root} ${className ?? \"\"}`} value={value} max={max}>\n      {(label ?? showValue) && (\n        <div className={styles[\"label-row\"]}>\n          {label && <span>{label}</span>}\n          {showValue && percentage != null && <span>{percentage}%</span>}\n        </div>\n      )}\n      <BaseProgress.Track className={`${styles.track} ${styles[`track-${size}`]}`}>\n        <BaseProgress.Indicator\n          className={[\n            styles.indicator,\n            status !== \"default\" ? styles[`indicator-${status}`] : \"\",\n            value == null ? styles[\"indicator-indeterminate\"] : \"\",\n          ]\n            .filter(Boolean)\n            .join(\" \")}\n        />\n      </BaseProgress.Track>\n    </BaseProgress.Root>\n  );\n}\nexport { styles as ProgressStyles };\n"],"mappings":";;;;;;;;;AA2BA,SAAgBA,WAAS,EAAE,QAAQ,MAAM,MAAM,KAAK,OAAO,YAAY,OAAO,SAAS,WAAW,OAAO,MAAM,aAA4B;CACzI,MAAM,aAAa,SAAS,OAAO,KAAK,MAAO,QAAQ,MAAO,IAAI,GAAG;AAErE,QACE,qBAACC,SAAa,MAAd;EAAmB,WAAW,GAAGC,wBAAO,KAAK,GAAG,aAAa;EAAa;EAAY;YAAtF,EACI,SAAS,cACT,qBAAC,OAAD;GAAK,WAAWA,wBAAO;aAAvB,CACG,SAAS,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,EAC7B,aAAa,cAAc,QAAQ,qBAAC,QAAD,EAAA,UAAA,CAAO,YAAW,IAAQ,EAAA,CAAA,CAC1D;MAER,oBAACD,SAAa,OAAd;GAAoB,WAAW,GAAGC,wBAAO,MAAM,GAAGA,wBAAO,SAAS;aAChE,oBAACD,SAAa,WAAd,EACE,WAAW;IACTC,wBAAO;IACP,WAAW,YAAYA,wBAAO,aAAa,YAAY;IACvD,SAAS,OAAOA,wBAAO,6BAA6B;IACrD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,EACZ,CAAA;GACiB,CAAA,CACH"}

package/dist/radio/index.d.ts

@@ -0,0 +1,3 @@
+import { Radio, RadioProps, styles } from "./radio.js";
+import { RadioIndicator, RadioIndicatorProps, RadioRoot, RadioRootProps } from "./parts.js";
+export { Radio, RadioIndicator, type RadioIndicatorProps, type RadioProps, RadioRoot, type RadioRootProps, styles as RadioStyles };

package/dist/radio/index.js

@@ -0,0 +1,4 @@
+import radio_module_default from "./radio.module.js";
+import { Radio } from "./radio.js";
+import { RadioIndicator, RadioRoot } from "./parts.js";
+export { Radio, RadioIndicator, RadioRoot, radio_module_default as RadioStyles };