jaci-ui 0.1.0

package/dist/components/popover/popover.cjs

@@ -0,0 +1,98 @@
+"use client";
+const require_base_ui = require("../base-ui.cjs");
+const require_popover = require("../../styled-system/recipes/popover.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_popover = require("@base-ui/react/popover");
+//#region src/components/popover/popover.tsx
+function PopoverRoot(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Root, { ...props });
+}
+const PopoverTrigger = (0, react.forwardRef)(function PopoverTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Trigger, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_popover.popover().trigger, className),
+		"data-jaci-component": "popover",
+		"data-slot": "popover-trigger"
+	});
+});
+/** Preserves Base UI's optional portal container and mount controls. */
+const PopoverPortal = _base_ui_react_popover.Popover.Portal;
+const PopoverPositioner = (0, react.forwardRef)(function PopoverPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Positioner, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_popover.popover().positioner, className),
+		"data-slot": "popover-positioner"
+	});
+});
+const PopoverPopup = (0, react.forwardRef)(function PopoverPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Popup, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_popover.popover().popup, className),
+		"data-jaci-component": "popover",
+		"data-slot": "popover-popup"
+	});
+});
+const PopoverTitle = (0, react.forwardRef)(function PopoverTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Title, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_popover.popover().title, className),
+		"data-slot": "popover-title"
+	});
+});
+const PopoverDescription = (0, react.forwardRef)(function PopoverDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Description, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_popover.popover().description, className),
+		"data-slot": "popover-description"
+	});
+});
+const PopoverClose = (0, react.forwardRef)(function PopoverClose({ "aria-label": ariaLabel, children, className, ...props }, ref) {
+	const hasVisibleLabel = children != null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Close, {
+		...props,
+		"aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Close popover"),
+		ref,
+		className: require_base_ui.withRecipeClassName(require_popover.popover().close, className),
+		"data-slot": "popover-close",
+		children: children ?? "×"
+	});
+});
+const PopoverArrow = (0, react.forwardRef)(function PopoverArrow({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Arrow, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_popover.popover().arrow, className),
+		"data-slot": "popover-arrow"
+	});
+});
+const Popover = {
+	Root: PopoverRoot,
+	Trigger: PopoverTrigger,
+	Portal: PopoverPortal,
+	Positioner: PopoverPositioner,
+	Popup: PopoverPopup,
+	Title: PopoverTitle,
+	Description: PopoverDescription,
+	Close: PopoverClose,
+	Arrow: PopoverArrow,
+	createHandle: _base_ui_react_popover.Popover.createHandle
+};
+//#endregion
+exports.Popover = Popover;
+exports.PopoverArrow = PopoverArrow;
+exports.PopoverClose = PopoverClose;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverPopup = PopoverPopup;
+exports.PopoverPortal = PopoverPortal;
+exports.PopoverPositioner = PopoverPositioner;
+exports.PopoverRoot = PopoverRoot;
+exports.PopoverTitle = PopoverTitle;
+exports.PopoverTrigger = PopoverTrigger;
+
+//# sourceMappingURL=popover.cjs.map

package/dist/components/popover/popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.cjs","names":["BasePopover","withRecipeClassName","popover"],"sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { popover } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type PopoverRootProps<Payload = unknown> = BasePopoverRoot.Props<Payload>;\n\nexport function PopoverRoot<Payload = unknown>(props: PopoverRootProps<Payload>) {\n  return <BasePopover.Root {...props} />;\n}\n\nexport type PopoverTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\n\nexport const PopoverTrigger = forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  function PopoverTrigger({ className, ...props }, ref) {\n    return (\n      <BasePopover.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().trigger, className)}\n        data-jaci-component=\"popover\"\n        data-slot=\"popover-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport const PopoverPortal: typeof BasePopover.Portal = BasePopover.Portal;\n\nexport type PopoverPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\n\nexport const PopoverPositioner = forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  function PopoverPositioner({ className, ...props }, ref) {\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().positioner, className)}\n        data-slot=\"popover-positioner\"\n      />\n    );\n  },\n);\n\nexport type PopoverPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\n\nexport const PopoverPopup = forwardRef<HTMLDivElement, PopoverPopupProps>(function PopoverPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().popup, className)}\n      data-jaci-component=\"popover\"\n      data-slot=\"popover-popup\"\n    />\n  );\n});\n\nexport type PopoverTitleProps = ComponentPropsWithoutRef<typeof BasePopover.Title>;\n\nexport const PopoverTitle = forwardRef<HTMLHeadingElement, PopoverTitleProps>(function PopoverTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().title, className)}\n      data-slot=\"popover-title\"\n    />\n  );\n});\n\nexport type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof BasePopover.Description>;\n\nexport const PopoverDescription = forwardRef<HTMLParagraphElement, PopoverDescriptionProps>(\n  function PopoverDescription({ className, ...props }, ref) {\n    return (\n      <BasePopover.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().description, className)}\n        data-slot=\"popover-description\"\n      />\n    );\n  },\n);\n\nexport type PopoverCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\n\nexport const PopoverClose = forwardRef<HTMLButtonElement, PopoverCloseProps>(function PopoverClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BasePopover.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close popover\")}\n      ref={ref}\n      className={withRecipeClassName(popover().close, className)}\n      data-slot=\"popover-close\"\n    >\n      {children ?? \"×\"}\n    </BasePopover.Close>\n  );\n});\n\nexport type PopoverArrowProps = ComponentPropsWithoutRef<typeof BasePopover.Arrow>;\n\nexport const PopoverArrow = forwardRef<HTMLDivElement, PopoverArrowProps>(function PopoverArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().arrow, className)}\n      data-slot=\"popover-arrow\"\n    />\n  );\n});\n\nexport const Popover = {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Portal: PopoverPortal,\n  Positioner: PopoverPositioner,\n  Popup: PopoverPopup,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Arrow: PopoverArrow,\n  createHandle: BasePopover.createHandle,\n};\n"],"mappings":";;;;;;;AAaA,SAAgB,YAA+B,OAAkC;CAC/E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,MAAa,gBAA2CF,uBAAAA,QAAY;AAIpE,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAAiE,SAAS,aACrF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,sBAAA,GAAA,MAAA,WAAA,CACX,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,aAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,aAAa,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,gBAAA,GAAA,MAAA,WAAA,CAAgE,SAAS,aACpF,EAAE,cAAc,WAAW,UAAU,WAAW,GAAG,SACnD,KACA;CACA,MAAM,kBAAkB,YAAY;CAEpC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACJ,cAAY,cAAc,kBAAkB,KAAA,IAAY;EACnD;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;YAET,YAAY;CACI,CAAA;AAEvB,CAAC;AAID,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,uBAAAA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,gBAAAA,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,UAAU;CACrB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,aAAa;CACb,OAAO;CACP,OAAO;CACP,cAAcF,uBAAAA,QAAY;AAC5B"}

package/dist/components/popover/popover.d.cts

@@ -0,0 +1,61 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Popover, PopoverRoot } from "@base-ui/react/popover";
+//#region src/components/popover/popover.d.ts
+/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */
+type PopoverRootProps<Payload = unknown> = PopoverRoot.Props<Payload>;
+declare function PopoverRoot$1<Payload = unknown>(props: PopoverRootProps<Payload>): import("react").JSX.Element;
+type PopoverTriggerProps = ComponentPropsWithoutRef<typeof Popover.Trigger>;
+declare const PopoverTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/internals/types").NativeButtonProps & Omit<import("@base-ui/react/internals/types").WithBaseUIEvent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "style" | "defaultChecked" | "defaultValue" | "className" | "color"> & {
+  className?: string | ((state: import("@base-ui/react").PopoverTriggerState) => string | undefined) | undefined;
+  render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, import("@base-ui/react").PopoverTriggerState> | undefined;
+  style?: import("react").CSSProperties | ((state: import("@base-ui/react").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+} & {
+  nativeButton?: boolean | undefined;
+  handle?: Popover.Handle<unknown> | undefined;
+  payload?: unknown;
+  id?: string | undefined;
+  openOnHover?: boolean | undefined;
+  delay?: number | undefined;
+  closeDelay?: number | undefined;
+} & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Preserves Base UI's optional portal container and mount controls. */
+declare const PopoverPortal: typeof Popover.Portal;
+type PopoverPositionerProps = ComponentPropsWithoutRef<typeof Popover.Positioner>;
+declare const PopoverPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type PopoverPopupProps = ComponentPropsWithoutRef<typeof Popover.Popup>;
+declare const PopoverPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type PopoverTitleProps = ComponentPropsWithoutRef<typeof Popover.Title>;
+declare const PopoverTitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof Popover.Description>;
+declare const PopoverDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+type PopoverCloseProps = ComponentPropsWithoutRef<typeof Popover.Close>;
+declare const PopoverClose: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type PopoverArrowProps = ComponentPropsWithoutRef<typeof Popover.Arrow>;
+declare const PopoverArrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Popover$1: {
+  Root: typeof PopoverRoot$1;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/internals/types").NativeButtonProps & Omit<import("@base-ui/react/internals/types").WithBaseUIEvent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "style" | "defaultChecked" | "defaultValue" | "className" | "color"> & {
+    className?: string | ((state: import("@base-ui/react").PopoverTriggerState) => string | undefined) | undefined;
+    render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, import("@base-ui/react").PopoverTriggerState> | undefined;
+    style?: import("react").CSSProperties | ((state: import("@base-ui/react").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+  } & {
+    nativeButton?: boolean | undefined;
+    handle?: Popover.Handle<unknown> | undefined;
+    payload?: unknown;
+    id?: string | undefined;
+    openOnHover?: boolean | undefined;
+    delay?: number | undefined;
+    closeDelay?: number | undefined;
+  } & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+  Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  createHandle: typeof Popover.createHandle;
+};
+//#endregion
+export { Popover$1 as Popover, PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseProps, PopoverDescription, PopoverDescriptionProps, PopoverPopup, PopoverPopupProps, PopoverPortal, PopoverPositioner, PopoverPositionerProps, PopoverRoot$1 as PopoverRoot, PopoverRootProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps };
+//# sourceMappingURL=popover.d.cts.map

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,61 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Popover, PopoverRoot } from "@base-ui/react/popover";
+//#region src/components/popover/popover.d.ts
+/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */
+type PopoverRootProps<Payload = unknown> = PopoverRoot.Props<Payload>;
+declare function PopoverRoot$1<Payload = unknown>(props: PopoverRootProps<Payload>): import("react").JSX.Element;
+type PopoverTriggerProps = ComponentPropsWithoutRef<typeof Popover.Trigger>;
+declare const PopoverTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/internals/types").NativeButtonProps & Omit<import("@base-ui/react/internals/types").WithBaseUIEvent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "style" | "defaultChecked" | "defaultValue" | "className" | "color"> & {
+  className?: string | ((state: import("@base-ui/react").PopoverTriggerState) => string | undefined) | undefined;
+  render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, import("@base-ui/react").PopoverTriggerState> | undefined;
+  style?: import("react").CSSProperties | ((state: import("@base-ui/react").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+} & {
+  nativeButton?: boolean | undefined;
+  handle?: Popover.Handle<unknown> | undefined;
+  payload?: unknown;
+  id?: string | undefined;
+  openOnHover?: boolean | undefined;
+  delay?: number | undefined;
+  closeDelay?: number | undefined;
+} & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Preserves Base UI's optional portal container and mount controls. */
+declare const PopoverPortal: typeof Popover.Portal;
+type PopoverPositionerProps = ComponentPropsWithoutRef<typeof Popover.Positioner>;
+declare const PopoverPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type PopoverPopupProps = ComponentPropsWithoutRef<typeof Popover.Popup>;
+declare const PopoverPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type PopoverTitleProps = ComponentPropsWithoutRef<typeof Popover.Title>;
+declare const PopoverTitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof Popover.Description>;
+declare const PopoverDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+type PopoverCloseProps = ComponentPropsWithoutRef<typeof Popover.Close>;
+declare const PopoverClose: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type PopoverArrowProps = ComponentPropsWithoutRef<typeof Popover.Arrow>;
+declare const PopoverArrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Popover$1: {
+  Root: typeof PopoverRoot$1;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/internals/types").NativeButtonProps & Omit<import("@base-ui/react/internals/types").WithBaseUIEvent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "style" | "defaultChecked" | "defaultValue" | "className" | "color"> & {
+    className?: string | ((state: import("@base-ui/react").PopoverTriggerState) => string | undefined) | undefined;
+    render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, import("@base-ui/react").PopoverTriggerState> | undefined;
+    style?: import("react").CSSProperties | ((state: import("@base-ui/react").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+  } & {
+    nativeButton?: boolean | undefined;
+    handle?: Popover.Handle<unknown> | undefined;
+    payload?: unknown;
+    id?: string | undefined;
+    openOnHover?: boolean | undefined;
+    delay?: number | undefined;
+    closeDelay?: number | undefined;
+  } & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+  Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  createHandle: typeof Popover.createHandle;
+};
+//#endregion
+export { Popover$1 as Popover, PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseProps, PopoverDescription, PopoverDescriptionProps, PopoverPopup, PopoverPopupProps, PopoverPortal, PopoverPositioner, PopoverPositionerProps, PopoverRoot$1 as PopoverRoot, PopoverRootProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps };
+//# sourceMappingURL=popover.d.ts.map

package/dist/components/popover/popover.js

@@ -0,0 +1,89 @@
+"use client";
+import { withRecipeClassName } from "../base-ui.js";
+import { popover } from "../../styled-system/recipes/popover.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/popover/popover.tsx
+function PopoverRoot$1(props) {
+	return /* @__PURE__ */ jsx(Popover.Root, { ...props });
+}
+const PopoverTrigger = forwardRef(function PopoverTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		...props,
+		ref,
+		className: withRecipeClassName(popover().trigger, className),
+		"data-jaci-component": "popover",
+		"data-slot": "popover-trigger"
+	});
+});
+/** Preserves Base UI's optional portal container and mount controls. */
+const PopoverPortal = Popover.Portal;
+const PopoverPositioner = forwardRef(function PopoverPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		...props,
+		ref,
+		className: withRecipeClassName(popover().positioner, className),
+		"data-slot": "popover-positioner"
+	});
+});
+const PopoverPopup = forwardRef(function PopoverPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		...props,
+		ref,
+		className: withRecipeClassName(popover().popup, className),
+		"data-jaci-component": "popover",
+		"data-slot": "popover-popup"
+	});
+});
+const PopoverTitle = forwardRef(function PopoverTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		...props,
+		ref,
+		className: withRecipeClassName(popover().title, className),
+		"data-slot": "popover-title"
+	});
+});
+const PopoverDescription = forwardRef(function PopoverDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		...props,
+		ref,
+		className: withRecipeClassName(popover().description, className),
+		"data-slot": "popover-description"
+	});
+});
+const PopoverClose = forwardRef(function PopoverClose({ "aria-label": ariaLabel, children, className, ...props }, ref) {
+	const hasVisibleLabel = children != null;
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		...props,
+		"aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Close popover"),
+		ref,
+		className: withRecipeClassName(popover().close, className),
+		"data-slot": "popover-close",
+		children: children ?? "×"
+	});
+});
+const PopoverArrow = forwardRef(function PopoverArrow({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		...props,
+		ref,
+		className: withRecipeClassName(popover().arrow, className),
+		"data-slot": "popover-arrow"
+	});
+});
+const Popover$1 = {
+	Root: PopoverRoot$1,
+	Trigger: PopoverTrigger,
+	Portal: PopoverPortal,
+	Positioner: PopoverPositioner,
+	Popup: PopoverPopup,
+	Title: PopoverTitle,
+	Description: PopoverDescription,
+	Close: PopoverClose,
+	Arrow: PopoverArrow,
+	createHandle: Popover.createHandle
+};
+//#endregion
+export { Popover$1 as Popover, PopoverArrow, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot$1 as PopoverRoot, PopoverTitle, PopoverTrigger };
+
+//# sourceMappingURL=popover.js.map

package/dist/components/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["PopoverRoot","BasePopover","Popover"],"sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { popover } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/** Preserves Base UI's controlled `open` API and uncontrolled `defaultOpen` API. */\nexport type PopoverRootProps<Payload = unknown> = BasePopoverRoot.Props<Payload>;\n\nexport function PopoverRoot<Payload = unknown>(props: PopoverRootProps<Payload>) {\n  return <BasePopover.Root {...props} />;\n}\n\nexport type PopoverTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\n\nexport const PopoverTrigger = forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  function PopoverTrigger({ className, ...props }, ref) {\n    return (\n      <BasePopover.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().trigger, className)}\n        data-jaci-component=\"popover\"\n        data-slot=\"popover-trigger\"\n      />\n    );\n  },\n);\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport const PopoverPortal: typeof BasePopover.Portal = BasePopover.Portal;\n\nexport type PopoverPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\n\nexport const PopoverPositioner = forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  function PopoverPositioner({ className, ...props }, ref) {\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().positioner, className)}\n        data-slot=\"popover-positioner\"\n      />\n    );\n  },\n);\n\nexport type PopoverPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\n\nexport const PopoverPopup = forwardRef<HTMLDivElement, PopoverPopupProps>(function PopoverPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().popup, className)}\n      data-jaci-component=\"popover\"\n      data-slot=\"popover-popup\"\n    />\n  );\n});\n\nexport type PopoverTitleProps = ComponentPropsWithoutRef<typeof BasePopover.Title>;\n\nexport const PopoverTitle = forwardRef<HTMLHeadingElement, PopoverTitleProps>(function PopoverTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().title, className)}\n      data-slot=\"popover-title\"\n    />\n  );\n});\n\nexport type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof BasePopover.Description>;\n\nexport const PopoverDescription = forwardRef<HTMLParagraphElement, PopoverDescriptionProps>(\n  function PopoverDescription({ className, ...props }, ref) {\n    return (\n      <BasePopover.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(popover().description, className)}\n        data-slot=\"popover-description\"\n      />\n    );\n  },\n);\n\nexport type PopoverCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\n\nexport const PopoverClose = forwardRef<HTMLButtonElement, PopoverCloseProps>(function PopoverClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BasePopover.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close popover\")}\n      ref={ref}\n      className={withRecipeClassName(popover().close, className)}\n      data-slot=\"popover-close\"\n    >\n      {children ?? \"×\"}\n    </BasePopover.Close>\n  );\n});\n\nexport type PopoverArrowProps = ComponentPropsWithoutRef<typeof BasePopover.Arrow>;\n\nexport const PopoverArrow = forwardRef<HTMLDivElement, PopoverArrowProps>(function PopoverArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BasePopover.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(popover().arrow, className)}\n      data-slot=\"popover-arrow\"\n    />\n  );\n});\n\nexport const Popover = {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Portal: PopoverPortal,\n  Positioner: PopoverPositioner,\n  Popup: PopoverPopup,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Arrow: PopoverArrow,\n  createHandle: BasePopover.createHandle,\n};\n"],"mappings":";;;;;;;AAaA,SAAgBA,cAA+B,OAAkC;CAC/E,OAAO,oBAACC,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,QAAY,SAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,SAAS,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAGA,MAAa,gBAA2CA,QAAY;AAIpE,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAACA,QAAY,YAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,YAAY,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAe,WAAkD,SAAS,aACrF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,oBAACA,QAAY,aAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,aAAa,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAe,WAAiD,SAAS,aACpF,EAAE,cAAc,WAAW,UAAU,WAAW,GAAG,SACnD,KACA;CACA,MAAM,kBAAkB,YAAY;CAEpC,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACJ,cAAY,cAAc,kBAAkB,KAAA,IAAY;EACnD;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;YAET,YAAY;CACI,CAAA;AAEvB,CAAC;AAID,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,QAAY,OAAb;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,QAAQ,CAAC,CAAC,OAAO,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAaC,YAAU;CACrB,MAAMF;CACN,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,OAAO;CACP,aAAa;CACb,OAAO;CACP,OAAO;CACP,cAAcC,QAAY;AAC5B"}

package/dist/components/progress/index.d.cts

@@ -0,0 +1,2 @@
+import { Progress, ProgressProps } from "./progress.cjs";
+export { Progress, type ProgressProps };

package/dist/components/progress/index.d.ts

@@ -0,0 +1,2 @@
+import { Progress, ProgressProps } from "./progress.js";
+export { Progress, type ProgressProps };

package/dist/components/progress/progress.cjs

@@ -0,0 +1,59 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_progress = require("../../styled-system/recipes/progress.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/progress/progress.tsx
+function clamp(value, maximum) {
+	if (!Number.isFinite(value)) return 0;
+	return Math.min(Math.max(value, 0), maximum);
+}
+/**
+* A semantic progress bar. Provide `label` or `aria-label` so its purpose is
+* announced to assistive technology.
+*/
+const Progress = (0, react.forwardRef)(function Progress({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-valuetext": ariaValueText, className, indeterminate = false, label, max = 100, value = 0, ...props }, ref) {
+	const labelId = (0, react.useId)();
+	const maximum = Number.isFinite(max) && max > 0 ? max : 100;
+	const currentValue = clamp(value ?? 0, maximum);
+	const percentage = currentValue / maximum * 100;
+	const hasVisibleLabel = label !== null && label !== void 0;
+	const labelledBy = ariaLabelledBy ?? (ariaLabel || !hasVisibleLabel ? void 0 : labelId);
+	const accessibleLabel = ariaLabel ?? (labelledBy ? void 0 : "Progress");
+	const styles = require_progress.progress({ indeterminate });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...props,
+		ref,
+		"aria-busy": indeterminate || void 0,
+		"aria-label": accessibleLabel,
+		"aria-labelledby": labelledBy,
+		"aria-valuemax": maximum,
+		"aria-valuemin": 0,
+		"aria-valuenow": indeterminate ? void 0 : currentValue,
+		"aria-valuetext": ariaValueText,
+		className: require_cx.cx(styles.root, className),
+		"data-indeterminate": indeterminate || void 0,
+		"data-jaci-component": "progress",
+		"data-slot": "progress",
+		role: "progressbar",
+		children: [hasVisibleLabel ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: styles.label,
+			"data-slot": "progress-label",
+			id: labelId,
+			children: label
+		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"aria-hidden": "true",
+			className: styles.track,
+			"data-slot": "progress-track",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: styles.indicator,
+				"data-indeterminate": indeterminate || void 0,
+				"data-slot": "progress-indicator",
+				style: indeterminate ? void 0 : { width: `${percentage}%` }
+			})
+		})]
+	});
+});
+//#endregion
+exports.Progress = Progress;
+
+//# sourceMappingURL=progress.cjs.map

package/dist/components/progress/progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.cjs","names":["progress","cx"],"sources":["../../../src/components/progress/progress.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { progress } from \"../../styled-system/recipes\";\n\nfunction clamp(value: number, maximum: number) {\n  if (!Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.min(Math.max(value, 0), maximum);\n}\n\nexport interface ProgressProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** The current amount. Omit it, or set `indeterminate`, when it is unknown. */\n  value?: number | null;\n  /** The value that represents completion. Defaults to 100. */\n  max?: number;\n  /** Omits `aria-valuenow` and renders an in-progress visual state. */\n  indeterminate?: boolean;\n  /** A visible, automatically associated accessible label. */\n  label?: ReactNode;\n}\n\n/**\n * A semantic progress bar. Provide `label` or `aria-label` so its purpose is\n * announced to assistive technology.\n */\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-valuetext\": ariaValueText,\n    className,\n    indeterminate = false,\n    label,\n    max = 100,\n    value = 0,\n    ...props\n  },\n  ref,\n) {\n  const labelId = useId();\n  const maximum = Number.isFinite(max) && max > 0 ? max : 100;\n  const currentValue = clamp(value ?? 0, maximum);\n  const percentage = (currentValue / maximum) * 100;\n  const hasVisibleLabel = label !== null && label !== undefined;\n  const labelledBy = ariaLabelledBy ?? (ariaLabel || !hasVisibleLabel ? undefined : labelId);\n  const accessibleLabel = ariaLabel ?? (labelledBy ? undefined : \"Progress\");\n  const styles = progress({ indeterminate });\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-busy={indeterminate || undefined}\n      aria-label={accessibleLabel}\n      aria-labelledby={labelledBy}\n      aria-valuemax={maximum}\n      aria-valuemin={0}\n      aria-valuenow={indeterminate ? undefined : currentValue}\n      aria-valuetext={ariaValueText}\n      className={cx(styles.root, className)}\n      data-indeterminate={indeterminate || undefined}\n      data-jaci-component=\"progress\"\n      data-slot=\"progress\"\n      role=\"progressbar\"\n    >\n      {hasVisibleLabel ? (\n        <span className={styles.label} data-slot=\"progress-label\" id={labelId}>\n          {label}\n        </span>\n      ) : null}\n      <div aria-hidden=\"true\" className={styles.track} data-slot=\"progress-track\">\n        <div\n          className={styles.indicator}\n          data-indeterminate={indeterminate || undefined}\n          data-slot=\"progress-indicator\"\n          style={indeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;AAMA,SAAS,MAAM,OAAe,SAAiB;CAC7C,IAAI,CAAC,OAAO,SAAS,KAAK,GACxB,OAAO;CAGT,OAAO,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,OAAO;AAC7C;;;;;AAiBA,MAAa,YAAA,GAAA,MAAA,WAAA,CAAqD,SAAS,SACzE,EACE,cAAc,WACd,mBAAmB,gBACnB,kBAAkB,eAClB,WACA,gBAAgB,OAChB,OACA,MAAM,KACN,QAAQ,GACR,GAAG,SAEL,KACA;CACA,MAAM,WAAA,GAAA,MAAA,MAAA,CAAgB;CACtB,MAAM,UAAU,OAAO,SAAS,GAAG,KAAK,MAAM,IAAI,MAAM;CACxD,MAAM,eAAe,MAAM,SAAS,GAAG,OAAO;CAC9C,MAAM,aAAc,eAAe,UAAW;CAC9C,MAAM,kBAAkB,UAAU,QAAQ,UAAU,KAAA;CACpD,MAAM,aAAa,mBAAmB,aAAa,CAAC,kBAAkB,KAAA,IAAY;CAClF,MAAM,kBAAkB,cAAc,aAAa,KAAA,IAAY;CAC/D,MAAM,SAASA,iBAAAA,SAAS,EAAE,cAAc,CAAC;CAEzC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,aAAW,iBAAiB,KAAA;EAC5B,cAAY;EACZ,mBAAiB;EACjB,iBAAe;EACf,iBAAe;EACf,iBAAe,gBAAgB,KAAA,IAAY;EAC3C,kBAAgB;EAChB,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,sBAAoB,iBAAiB,KAAA;EACrC,uBAAoB;EACpB,aAAU;EACV,MAAK;YAdP,CAgBG,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAW,OAAO;GAAO,aAAU;GAAiB,IAAI;aAC3D;EACG,CAAA,IACJ,MACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,eAAY;GAAO,WAAW,OAAO;GAAO,aAAU;aACzD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAW,OAAO;IAClB,sBAAoB,iBAAiB,KAAA;IACrC,aAAU;IACV,OAAO,gBAAgB,KAAA,IAAY,EAAE,OAAO,GAAG,WAAW,GAAG;GAC9D,CAAA;EACE,CAAA,CACF;;AAET,CAAC"}

package/dist/components/progress/progress.d.cts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/progress/progress.d.ts
+interface ProgressProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+  /** The current amount. Omit it, or set `indeterminate`, when it is unknown. */
+  value?: number | null;
+  /** The value that represents completion. Defaults to 100. */
+  max?: number;
+  /** Omits `aria-valuenow` and renders an in-progress visual state. */
+  indeterminate?: boolean;
+  /** A visible, automatically associated accessible label. */
+  label?: ReactNode;
+}
+/**
+ * A semantic progress bar. Provide `label` or `aria-label` so its purpose is
+ * announced to assistive technology.
+ */
+declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Progress, ProgressProps };
+//# sourceMappingURL=progress.d.cts.map

package/dist/components/progress/progress.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/progress/progress.d.ts
+interface ProgressProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+  /** The current amount. Omit it, or set `indeterminate`, when it is unknown. */
+  value?: number | null;
+  /** The value that represents completion. Defaults to 100. */
+  max?: number;
+  /** Omits `aria-valuenow` and renders an in-progress visual state. */
+  indeterminate?: boolean;
+  /** A visible, automatically associated accessible label. */
+  label?: ReactNode;
+}
+/**
+ * A semantic progress bar. Provide `label` or `aria-label` so its purpose is
+ * announced to assistive technology.
+ */
+declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Progress, ProgressProps };
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/progress/progress.js

@@ -0,0 +1,59 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { progress } from "../../styled-system/recipes/progress.js";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/progress/progress.tsx
+function clamp(value, maximum) {
+	if (!Number.isFinite(value)) return 0;
+	return Math.min(Math.max(value, 0), maximum);
+}
+/**
+* A semantic progress bar. Provide `label` or `aria-label` so its purpose is
+* announced to assistive technology.
+*/
+const Progress = forwardRef(function Progress({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-valuetext": ariaValueText, className, indeterminate = false, label, max = 100, value = 0, ...props }, ref) {
+	const labelId = useId();
+	const maximum = Number.isFinite(max) && max > 0 ? max : 100;
+	const currentValue = clamp(value ?? 0, maximum);
+	const percentage = currentValue / maximum * 100;
+	const hasVisibleLabel = label !== null && label !== void 0;
+	const labelledBy = ariaLabelledBy ?? (ariaLabel || !hasVisibleLabel ? void 0 : labelId);
+	const accessibleLabel = ariaLabel ?? (labelledBy ? void 0 : "Progress");
+	const styles = progress({ indeterminate });
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		ref,
+		"aria-busy": indeterminate || void 0,
+		"aria-label": accessibleLabel,
+		"aria-labelledby": labelledBy,
+		"aria-valuemax": maximum,
+		"aria-valuemin": 0,
+		"aria-valuenow": indeterminate ? void 0 : currentValue,
+		"aria-valuetext": ariaValueText,
+		className: cx(styles.root, className),
+		"data-indeterminate": indeterminate || void 0,
+		"data-jaci-component": "progress",
+		"data-slot": "progress",
+		role: "progressbar",
+		children: [hasVisibleLabel ? /* @__PURE__ */ jsx("span", {
+			className: styles.label,
+			"data-slot": "progress-label",
+			id: labelId,
+			children: label
+		}) : null, /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: styles.track,
+			"data-slot": "progress-track",
+			children: /* @__PURE__ */ jsx("div", {
+				className: styles.indicator,
+				"data-indeterminate": indeterminate || void 0,
+				"data-slot": "progress-indicator",
+				style: indeterminate ? void 0 : { width: `${percentage}%` }
+			})
+		})]
+	});
+});
+//#endregion
+export { Progress };
+
+//# sourceMappingURL=progress.js.map

package/dist/components/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":[],"sources":["../../../src/components/progress/progress.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { progress } from \"../../styled-system/recipes\";\n\nfunction clamp(value: number, maximum: number) {\n  if (!Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.min(Math.max(value, 0), maximum);\n}\n\nexport interface ProgressProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** The current amount. Omit it, or set `indeterminate`, when it is unknown. */\n  value?: number | null;\n  /** The value that represents completion. Defaults to 100. */\n  max?: number;\n  /** Omits `aria-valuenow` and renders an in-progress visual state. */\n  indeterminate?: boolean;\n  /** A visible, automatically associated accessible label. */\n  label?: ReactNode;\n}\n\n/**\n * A semantic progress bar. Provide `label` or `aria-label` so its purpose is\n * announced to assistive technology.\n */\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-valuetext\": ariaValueText,\n    className,\n    indeterminate = false,\n    label,\n    max = 100,\n    value = 0,\n    ...props\n  },\n  ref,\n) {\n  const labelId = useId();\n  const maximum = Number.isFinite(max) && max > 0 ? max : 100;\n  const currentValue = clamp(value ?? 0, maximum);\n  const percentage = (currentValue / maximum) * 100;\n  const hasVisibleLabel = label !== null && label !== undefined;\n  const labelledBy = ariaLabelledBy ?? (ariaLabel || !hasVisibleLabel ? undefined : labelId);\n  const accessibleLabel = ariaLabel ?? (labelledBy ? undefined : \"Progress\");\n  const styles = progress({ indeterminate });\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      aria-busy={indeterminate || undefined}\n      aria-label={accessibleLabel}\n      aria-labelledby={labelledBy}\n      aria-valuemax={maximum}\n      aria-valuemin={0}\n      aria-valuenow={indeterminate ? undefined : currentValue}\n      aria-valuetext={ariaValueText}\n      className={cx(styles.root, className)}\n      data-indeterminate={indeterminate || undefined}\n      data-jaci-component=\"progress\"\n      data-slot=\"progress\"\n      role=\"progressbar\"\n    >\n      {hasVisibleLabel ? (\n        <span className={styles.label} data-slot=\"progress-label\" id={labelId}>\n          {label}\n        </span>\n      ) : null}\n      <div aria-hidden=\"true\" className={styles.track} data-slot=\"progress-track\">\n        <div\n          className={styles.indicator}\n          data-indeterminate={indeterminate || undefined}\n          data-slot=\"progress-indicator\"\n          style={indeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;AAMA,SAAS,MAAM,OAAe,SAAiB;CAC7C,IAAI,CAAC,OAAO,SAAS,KAAK,GACxB,OAAO;CAGT,OAAO,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,OAAO;AAC7C;;;;;AAiBA,MAAa,WAAW,WAA0C,SAAS,SACzE,EACE,cAAc,WACd,mBAAmB,gBACnB,kBAAkB,eAClB,WACA,gBAAgB,OAChB,OACA,MAAM,KACN,QAAQ,GACR,GAAG,SAEL,KACA;CACA,MAAM,UAAU,MAAM;CACtB,MAAM,UAAU,OAAO,SAAS,GAAG,KAAK,MAAM,IAAI,MAAM;CACxD,MAAM,eAAe,MAAM,SAAS,GAAG,OAAO;CAC9C,MAAM,aAAc,eAAe,UAAW;CAC9C,MAAM,kBAAkB,UAAU,QAAQ,UAAU,KAAA;CACpD,MAAM,aAAa,mBAAmB,aAAa,CAAC,kBAAkB,KAAA,IAAY;CAClF,MAAM,kBAAkB,cAAc,aAAa,KAAA,IAAY;CAC/D,MAAM,SAAS,SAAS,EAAE,cAAc,CAAC;CAEzC,OACE,qBAAC,OAAD;EACE,GAAI;EACC;EACL,aAAW,iBAAiB,KAAA;EAC5B,cAAY;EACZ,mBAAiB;EACjB,iBAAe;EACf,iBAAe;EACf,iBAAe,gBAAgB,KAAA,IAAY;EAC3C,kBAAgB;EAChB,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,sBAAoB,iBAAiB,KAAA;EACrC,uBAAoB;EACpB,aAAU;EACV,MAAK;YAdP,CAgBG,kBACC,oBAAC,QAAD;GAAM,WAAW,OAAO;GAAO,aAAU;GAAiB,IAAI;aAC3D;EACG,CAAA,IACJ,MACJ,oBAAC,OAAD;GAAK,eAAY;GAAO,WAAW,OAAO;GAAO,aAAU;aACzD,oBAAC,OAAD;IACE,WAAW,OAAO;IAClB,sBAAoB,iBAAiB,KAAA;IACrC,aAAU;IACV,OAAO,gBAAgB,KAAA,IAAY,EAAE,OAAO,GAAG,WAAW,GAAG;GAC9D,CAAA;EACE,CAAA,CACF;;AAET,CAAC"}

package/dist/components/radio-group/index.d.cts

@@ -0,0 +1,2 @@
+import { RadioGroup, RadioGroupIndicator, RadioGroupIndicatorProps, RadioGroupItem, RadioGroupItemProps, RadioGroupLabel, RadioGroupLabelProps, RadioGroupOption, RadioGroupOptionProps, RadioGroupOptions, RadioGroupOptionsProps, RadioGroupRoot, RadioGroupRootProps } from "./radio-group.cjs";
+export { RadioGroup, RadioGroupIndicator, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemProps, RadioGroupLabel, type RadioGroupLabelProps, RadioGroupOption, type RadioGroupOptionProps, RadioGroupOptions, type RadioGroupOptionsProps, RadioGroupRoot, type RadioGroupRootProps };

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+import { RadioGroup, RadioGroupIndicator, RadioGroupIndicatorProps, RadioGroupItem, RadioGroupItemProps, RadioGroupLabel, RadioGroupLabelProps, RadioGroupOption, RadioGroupOptionProps, RadioGroupOptions, RadioGroupOptionsProps, RadioGroupRoot, RadioGroupRootProps } from "./radio-group.js";
+export { RadioGroup, RadioGroupIndicator, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemProps, RadioGroupLabel, type RadioGroupLabelProps, RadioGroupOption, type RadioGroupOptionProps, RadioGroupOptions, type RadioGroupOptionsProps, RadioGroupRoot, type RadioGroupRootProps };