@lglab/compose-ui 0.28.0 → 0.29.0

package/dist/number-field.d.ts

@@ -1,54 +1,64 @@
-import { JSX } from 'react/jsx-runtime';
-import { NumberField } from '@base-ui/react/number-field';
-import * as React_2 from 'react';
-
-export declare const NumberFieldDecrement: {
-    ({ className, ...props }: NumberFieldDecrementProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldDecrementProps = React_2.ComponentProps<typeof NumberField.Decrement>;
-
-export declare const NumberFieldGroup: {
-    ({ className, ...props }: NumberFieldGroupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldGroupProps = React_2.ComponentProps<typeof NumberField.Group>;
-
-export declare const NumberFieldIncrement: {
-    ({ className, ...props }: NumberFieldIncrementProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldIncrementProps = React_2.ComponentProps<typeof NumberField.Increment>;
-
-export declare const NumberFieldInput: {
-    ({ className, ...props }: NumberFieldInputProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldInputProps = React_2.ComponentProps<typeof NumberField.Input>;
-
-export declare const NumberFieldRoot: {
-    ({ className, ...props }: NumberFieldRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldRootProps = React_2.ComponentProps<typeof NumberField.Root>;
-
-export declare const NumberFieldScrubArea: {
-    ({ className, ...props }: NumberFieldScrubAreaProps): JSX.Element;
-    displayName: string;
-};
-
-export declare const NumberFieldScrubAreaCursor: {
-    ({ className, ...props }: NumberFieldScrubAreaCursorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldScrubAreaCursorProps = React_2.ComponentProps<typeof NumberField.ScrubAreaCursor>;
-
-export declare type NumberFieldScrubAreaProps = React_2.ComponentProps<typeof NumberField.ScrubArea>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
+import { NumberField } from "@base-ui/react/number-field";
+
+//#region src/components/number-field.d.ts
+type NumberFieldRootProps = React.ComponentProps<typeof NumberField.Root>;
+declare const NumberFieldRoot: {
+  ({
+    className,
+    ...props
+  }: NumberFieldRootProps): react_jsx_runtime99.JSX.Element;
+  displayName: string;
+};
+type NumberFieldScrubAreaProps = React.ComponentProps<typeof NumberField.ScrubArea>;
+declare const NumberFieldScrubArea: {
+  ({
+    className,
+    ...props
+  }: NumberFieldScrubAreaProps): react_jsx_runtime99.JSX.Element;
+  displayName: string;
+};
+type NumberFieldScrubAreaCursorProps = React.ComponentProps<typeof NumberField.ScrubAreaCursor>;
+declare const NumberFieldScrubAreaCursor: {
+  ({
+    className,
+    ...props
+  }: NumberFieldScrubAreaCursorProps): react_jsx_runtime99.JSX.Element;
+  displayName: string;
+};
+type NumberFieldGroupProps = React.ComponentProps<typeof NumberField.Group>;
+declare const NumberFieldGroup: {
+  ({
+    className,
+    ...props
+  }: NumberFieldGroupProps): react_jsx_runtime99.JSX.Element;
+  displayName: string;
+};
+type NumberFieldInputProps = React.ComponentProps<typeof NumberField.Input>;
+declare const NumberFieldInput: {
+  ({
+    className,
+    ...props
+  }: NumberFieldInputProps): react_jsx_runtime99.JSX.Element;
+  displayName: string;
+};
+type NumberFieldDecrementProps = React.ComponentProps<typeof NumberField.Decrement>;
+declare const NumberFieldDecrement: {
+  ({
+    className,
+    ...props
+  }: NumberFieldDecrementProps): react_jsx_runtime99.JSX.Element;
+  displayName: string;
+};
+type NumberFieldIncrementProps = React.ComponentProps<typeof NumberField.Increment>;
+declare const NumberFieldIncrement: {
+  ({
+    className,
+    ...props
+  }: NumberFieldIncrementProps): react_jsx_runtime99.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { NumberFieldDecrement, type NumberFieldDecrementProps, NumberFieldGroup, type NumberFieldGroupProps, NumberFieldIncrement, type NumberFieldIncrementProps, NumberFieldInput, type NumberFieldInputProps, NumberFieldRoot, type NumberFieldRootProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, type NumberFieldScrubAreaCursorProps, type NumberFieldScrubAreaProps };
+//# sourceMappingURL=number-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","names":[],"sources":["../src/components/number-field.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,WAAA,CAAgB;cAElE;;;;KAA4C,uBAAoB,mBAAA,CAAA,GAAA,CAAA;EAFjE,WAAA,EAAA,MAAA;CAAoB;KAYpB,yBAAA,GAA4B,KAAA,CAAM,cAZiC,CAAA,OAYX,WAAA,CAAgB,SAZL,CAAA;cAclE,oBAd4B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcO,yBAdP,CAAA,EAcgC,mBAAA,CAAA,GAAA,CAAA,OAdhC;EAE1C,WAAA,EAAA,MAEL;CAAA;KAyBI,+BAAA,GAAkC,KAAA,CAAM,sBACpC,WAAA,CAAgB;cAGnB,0BA/B4C,EAAA;;IAAoB,SAAA;IAAA,GAAA;EAAA,CAAA,EAkCnE,+BAlCmE,CAAA,EAkCpC,mBAAA,CAAA,GAAA,CAAA,OAlCoC;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAiDjE,qBAAA,GAAwB,KAAA,CAAM,cAvCL,CAAA,OAuC2B,WAAA,CAAgB,KAvC3C,CAAA;cAyCxB,gBAzCuE,EAAA;;IAA5C,SAAM;IAAA,GAAA;EAAA,CAAA,EAyCY,qBAzCZ,CAAA,EAyCiC,mBAAA,CAAA,GAAA,CAAA,OAzCjC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAmDhD,qBAAA,GAAwB,KAAA,CAAM,cA1ClC,CAAA,OA0CwD,WAAA,CAAgB,KA1CxE,CAAA;cA4CK;;IAnDiD,SAAA;IAAA,GAAA;EAAA,CAAA,EAmDJ,qBAnDI,CAAA,EAmDiB,mBAAA,CAAA,GAAA,CAAA,OAnDjB;aAAyB,EAAA,MAAA;CAAA;AAAA,KAqE3E,yBAAA,GAA4B,KAAA,CAAM,cAtDH,CAAA,OAsDyB,WAAA,CAAgB,SAtDzC,CAAA;cAwD9B,oBAxD8B,EAAA;;IAC3B,SAAA;IAAA,GAAgB;EAAA,CAAA,EAuD8B,yBAvD9B,CAAA,EAuDuD,mBAAA,CAAA,GAAA,CAAA,OAvDvD;aADoB,EAAA,MAAA;CAAc;AAAA,KA0EtD,yBAAA,GAA4B,KAAA,CAAM,cA5DtC,CAAA,OA4D4D,WAAA,CAAgB,SA5D5E,CAAA;cA8DK,oBA9DL,EAAA;;;;KA8DsD,4BAAyB,mBAAA,CAAA,GAAA,CAAA;aArE7E,EAAA,MAAA"}

package/dist/number-field.js

@@ -1,70 +1,62 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { NumberField as o } from "@base-ui/react/number-field";
-import { a as s } from "./form-variants-LJ8gIbk0.js";
-import { c as n } from "./utils-B6yFEsav.js";
-const u = ({ className: e, ...r }) => /* @__PURE__ */ t(o.Root, { className: n(s, e), ...r });
-u.displayName = "NumberFieldRoot";
-const m = ({ className: e, ...r }) => /* @__PURE__ */ t(
-  o.ScrubArea,
-  {
-    className: n("cursor-ew-resize select-none", e),
-    ...r
-  }
-);
-m.displayName = "NumberFieldScrubArea";
-const a = ({
-  className: e,
-  ...r
-}) => /* @__PURE__ */ t(
-  o.ScrubAreaCursor,
-  {
-    className: n("drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)] filter", e),
-    ...r
-  }
-);
-a.displayName = "NumberFieldScrubAreaCursor";
-const d = ({ className: e, ...r }) => /* @__PURE__ */ t(o.Group, { className: n("flex", e), ...r });
-d.displayName = "NumberFieldGroup";
-const b = ({ className: e, ...r }) => /* @__PURE__ */ t(
-  o.Input,
-  {
-    className: n(
-      "h-9 w-24 border-t border-b border-border bg-transparent text-center text-base text-foreground tabular-nums outline-none",
-      e
-    ),
-    ...r
-  }
-);
-b.displayName = "NumberFieldInput";
-const c = ({ className: e, ...r }) => /* @__PURE__ */ t(
-  o.Decrement,
-  {
-    className: n(
-      "flex size-9 items-center justify-center rounded-l-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted",
-      e
-    ),
-    ...r
-  }
-);
-c.displayName = "NumberFieldDecrement";
-const l = ({ className: e, ...r }) => /* @__PURE__ */ t(
-  o.Increment,
-  {
-    className: n(
-      "flex size-9 items-center justify-center rounded-r-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted",
-      e
-    ),
-    ...r
-  }
-);
-l.displayName = "NumberFieldIncrement";
-export {
-  c as NumberFieldDecrement,
-  d as NumberFieldGroup,
-  l as NumberFieldIncrement,
-  b as NumberFieldInput,
-  u as NumberFieldRoot,
-  m as NumberFieldScrubArea,
-  a as NumberFieldScrubAreaCursor
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { fieldRootStyles } from "./lib/form-variants.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { NumberField } from "@base-ui/react/number-field";
+
+//#region src/components/number-field.tsx
+const NumberFieldRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.Root, {
+		className: cn(fieldRootStyles, className),
+		...props
+	});
 };
+NumberFieldRoot.displayName = "NumberFieldRoot";
+const NumberFieldScrubArea = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.ScrubArea, {
+		className: cn("cursor-ew-resize select-none", className),
+		...props
+	});
+};
+NumberFieldScrubArea.displayName = "NumberFieldScrubArea";
+const NumberFieldScrubAreaCursor = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
+		className: cn("drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)] filter", className),
+		...props
+	});
+};
+NumberFieldScrubAreaCursor.displayName = "NumberFieldScrubAreaCursor";
+const NumberFieldGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.Group, {
+		className: cn("flex", className),
+		...props
+	});
+};
+NumberFieldGroup.displayName = "NumberFieldGroup";
+const NumberFieldInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.Input, {
+		className: cn("h-9 w-24 border-t border-b border-border bg-transparent text-center text-base text-foreground tabular-nums outline-none", className),
+		...props
+	});
+};
+NumberFieldInput.displayName = "NumberFieldInput";
+const NumberFieldDecrement = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.Decrement, {
+		className: cn("flex size-9 items-center justify-center rounded-l-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted", className),
+		...props
+	});
+};
+NumberFieldDecrement.displayName = "NumberFieldDecrement";
+const NumberFieldIncrement = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.Increment, {
+		className: cn("flex size-9 items-center justify-center rounded-r-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted", className),
+		...props
+	});
+};
+NumberFieldIncrement.displayName = "NumberFieldIncrement";
+
+//#endregion
+export { NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, NumberFieldScrubArea, NumberFieldScrubAreaCursor };
+//# sourceMappingURL=number-field.js.map

package/dist/number-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.js","names":["BaseNumberField"],"sources":["../src/components/number-field.tsx"],"sourcesContent":["'use client'\n\nimport { NumberField as BaseNumberField } from '@base-ui/react/number-field'\nimport * as React from 'react'\n\nimport { fieldRootStyles } from '../lib/form-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// NumberFieldRoot\n// ============================================================================\n\ntype NumberFieldRootProps = React.ComponentProps<typeof BaseNumberField.Root>\n\nconst NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {\n  return <BaseNumberField.Root className={cn(fieldRootStyles, className)} {...props} />\n}\n\nNumberFieldRoot.displayName = 'NumberFieldRoot'\n\n// ============================================================================\n// NumberFieldScrubArea\n// ============================================================================\n\ntype NumberFieldScrubAreaProps = React.ComponentProps<typeof BaseNumberField.ScrubArea>\n\nconst NumberFieldScrubArea = ({ className, ...props }: NumberFieldScrubAreaProps) => {\n  return (\n    <BaseNumberField.ScrubArea\n      className={cn('cursor-ew-resize select-none', className)}\n      {...props}\n    />\n  )\n}\n\nNumberFieldScrubArea.displayName = 'NumberFieldScrubArea'\n\n// ============================================================================\n// NumberFieldScrubAreaCursor\n// ============================================================================\n\ntype NumberFieldScrubAreaCursorProps = React.ComponentProps<\n  typeof BaseNumberField.ScrubAreaCursor\n>\n\nconst NumberFieldScrubAreaCursor = ({\n  className,\n  ...props\n}: NumberFieldScrubAreaCursorProps) => {\n  return (\n    <BaseNumberField.ScrubAreaCursor\n      className={cn('drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)] filter', className)}\n      {...props}\n    />\n  )\n}\n\nNumberFieldScrubAreaCursor.displayName = 'NumberFieldScrubAreaCursor'\n\n// ============================================================================\n// NumberFieldGroup\n// ============================================================================\n\ntype NumberFieldGroupProps = React.ComponentProps<typeof BaseNumberField.Group>\n\nconst NumberFieldGroup = ({ className, ...props }: NumberFieldGroupProps) => {\n  return <BaseNumberField.Group className={cn('flex', className)} {...props} />\n}\n\nNumberFieldGroup.displayName = 'NumberFieldGroup'\n\n// ============================================================================\n// NumberFieldInput\n// ============================================================================\n\ntype NumberFieldInputProps = React.ComponentProps<typeof BaseNumberField.Input>\n\nconst NumberFieldInput = ({ className, ...props }: NumberFieldInputProps) => {\n  return (\n    <BaseNumberField.Input\n      className={cn(\n        'h-9 w-24 border-t border-b border-border bg-transparent text-center text-base text-foreground tabular-nums outline-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nNumberFieldInput.displayName = 'NumberFieldInput'\n\n// ============================================================================\n// NumberFieldDecrement\n// ============================================================================\n\ntype NumberFieldDecrementProps = React.ComponentProps<typeof BaseNumberField.Decrement>\n\nconst NumberFieldDecrement = ({ className, ...props }: NumberFieldDecrementProps) => {\n  return (\n    <BaseNumberField.Decrement\n      className={cn(\n        'flex size-9 items-center justify-center rounded-l-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nNumberFieldDecrement.displayName = 'NumberFieldDecrement'\n\n// ============================================================================\n// NumberFieldIncrement\n// ============================================================================\n\ntype NumberFieldIncrementProps = React.ComponentProps<typeof BaseNumberField.Increment>\n\nconst NumberFieldIncrement = ({ className, ...props }: NumberFieldIncrementProps) => {\n  return (\n    <BaseNumberField.Increment\n      className={cn(\n        'flex size-9 items-center justify-center rounded-r-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nNumberFieldIncrement.displayName = 'NumberFieldIncrement'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  NumberFieldRoot,\n  NumberFieldScrubArea,\n  NumberFieldScrubAreaCursor,\n  NumberFieldGroup,\n  NumberFieldInput,\n  NumberFieldDecrement,\n  NumberFieldIncrement,\n}\n\nexport type {\n  NumberFieldRootProps,\n  NumberFieldScrubAreaProps,\n  NumberFieldScrubAreaCursorProps,\n  NumberFieldGroupProps,\n  NumberFieldInputProps,\n  NumberFieldDecrementProps,\n  NumberFieldIncrementProps,\n}\n"],"mappings":";;;;;;;;;AAcA,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QAAO,oBAACA,YAAgB;EAAK,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAI;GAAS;;AAGvF,gBAAgB,cAAc;AAQ9B,MAAM,wBAAwB,EAAE,WAAW,GAAG,YAAuC;AACnF,QACE,oBAACA,YAAgB;EACf,WAAW,GAAG,gCAAgC,UAAU;EACxD,GAAI;GACJ;;AAIN,qBAAqB,cAAc;AAUnC,MAAM,8BAA8B,EAClC,WACA,GAAG,YACkC;AACrC,QACE,oBAACA,YAAgB;EACf,WAAW,GAAG,kDAAkD,UAAU;EAC1E,GAAI;GACJ;;AAIN,2BAA2B,cAAc;AAQzC,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QAAO,oBAACA,YAAgB;EAAM,WAAW,GAAG,QAAQ,UAAU;EAAE,GAAI;GAAS;;AAG/E,iBAAiB,cAAc;AAQ/B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,2HACA,UACD;EACD,GAAI;GACJ;;AAIN,iBAAiB,cAAc;AAQ/B,MAAM,wBAAwB,EAAE,WAAW,GAAG,YAAuC;AACnF,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,wKACA,UACD;EACD,GAAI;GACJ;;AAIN,qBAAqB,cAAc;AAQnC,MAAM,wBAAwB,EAAE,WAAW,GAAG,YAAuC;AACnF,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,wKACA,UACD;EACD,GAAI;GACJ;;AAIN,qBAAqB,cAAc"}

package/dist/popover.d.ts

@@ -1,82 +1,90 @@
-import { JSX } from 'react/jsx-runtime';
-import { Popover } from '@base-ui/react/popover';
-import * as React_2 from 'react';
-
-export declare const PopoverArrow: {
-    ({ className, ...props }: PopoverArrowProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverArrowProps = React_2.ComponentProps<typeof Popover.Arrow>;
-
-export declare const PopoverBackdrop: {
-    ({ className, ...props }: PopoverBackdropProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverBackdropProps = React_2.ComponentProps<typeof Popover.Backdrop>;
-
-export declare const PopoverClose: {
-    ({ className, ...props }: PopoverCloseProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverCloseProps = React_2.ComponentProps<typeof Popover.Close>;
-
-export declare const PopoverDescription: {
-    ({ className, ...props }: PopoverDescriptionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverDescriptionProps = React_2.ComponentProps<typeof Popover.Description>;
-
-export declare const PopoverPopup: {
-    ({ className, ...props }: PopoverPopupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverPopupProps = React_2.ComponentProps<typeof Popover.Popup>;
-
-export declare const PopoverPortal: {
-    (props: PopoverPortalProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverPortalProps = React_2.ComponentProps<typeof Popover.Portal>;
-
-export declare const PopoverPositioner: {
-    ({ className, ...props }: PopoverPositionerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverPositionerProps = React_2.ComponentProps<typeof Popover.Positioner>;
-
-export declare const PopoverRoot: {
-    (props: PopoverRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverRootProps = React_2.ComponentProps<typeof Popover.Root>;
-
-export declare const PopoverTitle: {
-    ({ className, ...props }: PopoverTitleProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverTitleProps = React_2.ComponentProps<typeof Popover.Title>;
-
-export declare const PopoverTrigger: {
-    ({ className, ...props }: PopoverTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverTriggerProps = React_2.ComponentProps<typeof Popover.Trigger>;
-
-export declare const PopoverViewport: {
-    ({ className, ...props }: PopoverViewportProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PopoverViewportProps = React_2.ComponentProps<typeof Popover.Viewport>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/components/popover.d.ts
+type PopoverRootProps = React.ComponentProps<typeof Popover.Root>;
+declare const PopoverRoot: {
+  (props: PopoverRootProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+type PopoverTriggerProps = React.ComponentProps<typeof Popover.Trigger>;
+declare const PopoverTrigger: {
+  ({
+    className,
+    ...props
+  }: PopoverTriggerProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+type PopoverPortalProps = React.ComponentProps<typeof Popover.Portal>;
+declare const PopoverPortal: {
+  (props: PopoverPortalProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+type PopoverBackdropProps = React.ComponentProps<typeof Popover.Backdrop>;
+declare const PopoverBackdrop: {
+  ({
+    className,
+    ...props
+  }: PopoverBackdropProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+type PopoverPositionerProps = React.ComponentProps<typeof Popover.Positioner>;
+declare const PopoverPositioner: {
+  ({
+    className,
+    ...props
+  }: PopoverPositionerProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+type PopoverPopupProps = React.ComponentProps<typeof Popover.Popup>;
+declare const PopoverPopup: {
+  ({
+    className,
+    ...props
+  }: PopoverPopupProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+type PopoverArrowProps = React.ComponentProps<typeof Popover.Arrow>;
+declare const PopoverArrow: {
+  ({
+    className,
+    ...props
+  }: PopoverArrowProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+type PopoverTitleProps = React.ComponentProps<typeof Popover.Title>;
+declare const PopoverTitle: {
+  ({
+    className,
+    ...props
+  }: PopoverTitleProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+type PopoverDescriptionProps = React.ComponentProps<typeof Popover.Description>;
+declare const PopoverDescription: {
+  ({
+    className,
+    ...props
+  }: PopoverDescriptionProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+type PopoverCloseProps = React.ComponentProps<typeof Popover.Close>;
+declare const PopoverClose: {
+  ({
+    className,
+    ...props
+  }: PopoverCloseProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+type PopoverViewportProps = React.ComponentProps<typeof Popover.Viewport>;
+declare const PopoverViewport: {
+  ({
+    className,
+    ...props
+  }: PopoverViewportProps): react_jsx_runtime106.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { PopoverArrow, type PopoverArrowProps, PopoverBackdrop, type PopoverBackdropProps, PopoverClose, type PopoverCloseProps, PopoverDescription, type PopoverDescriptionProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerProps, PopoverRoot, type PopoverRootProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PopoverViewport, type PopoverViewportProps };
+//# sourceMappingURL=popover.d.ts.map

package/dist/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../src/components/popover.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/popover.js

@@ -1,95 +1,86 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { Popover as r } from "@base-ui/react/popover";
-import { A as i } from "./arrow-svg-C6zQTvgS.js";
-import { c as a } from "./utils-B6yFEsav.js";
-const s = (o) => /* @__PURE__ */ e(r.Root, { ...o });
-s.displayName = "PopoverRoot";
-const p = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Trigger, { className: a(o), ...t });
-p.displayName = "PopoverTrigger";
-const n = (o) => /* @__PURE__ */ e(r.Portal, { ...o });
-n.displayName = "PopoverPortal";
-const d = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Backdrop,
-  {
-    className: a(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-200",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      o
-    ),
-    ...t
-  }
-);
-d.displayName = "PopoverBackdrop";
-const l = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Positioner,
-  {
-    className: a(
-      "z-50 outline-none",
-      "h-(--positioner-height) w-(--positioner-width)",
-      "max-w-(--available-width)",
-      "transition-[top,left,right,bottom,transform]",
-      "duration-[0.35s]",
-      "ease-[cubic-bezier(0.22,1,0.36,1)]",
-      "data-instant:transition-none",
-      o
-    ),
-    sideOffset: 8,
-    ...t
-  }
-);
-l.displayName = "PopoverPositioner";
-const c = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Popup,
-  {
-    className: a(
-      "rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative",
-      "h-(--popup-height,auto) w-(--popup-width,auto)",
-      "max-w-[500px]",
-      "origin-(--transform-origin)",
-      "border-border",
-      "transition-[transform,scale,opacity]",
-      "data-ending-style:scale-90 data-ending-style:opacity-0",
-      "data-starting-style:scale-90 data-starting-style:opacity-0",
-      "dark:shadow-none",
-      "origin-(--transform-origin)",
-      o
-    ),
-    ...t
-  }
-);
-c.displayName = "PopoverPopup";
-const m = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Arrow,
-  {
-    className: a(
-      "flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180",
-      o
-    ),
-    ...t,
-    children: /* @__PURE__ */ e(i, {})
-  }
-);
-m.displayName = "PopoverArrow";
-const P = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Title, { className: a("text-sm font-semibold", o), ...t });
-P.displayName = "PopoverTitle";
-const g = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Description, { className: a("text-sm", o), ...t });
-g.displayName = "PopoverDescription";
-const u = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Close, { className: a(o), ...t });
-u.displayName = "PopoverClose";
-const v = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Viewport, { className: a(o), ...t });
-v.displayName = "PopoverViewport";
-export {
-  m as PopoverArrow,
-  d as PopoverBackdrop,
-  u as PopoverClose,
-  g as PopoverDescription,
-  c as PopoverPopup,
-  n as PopoverPortal,
-  l as PopoverPositioner,
-  s as PopoverRoot,
-  P as PopoverTitle,
-  p as PopoverTrigger,
-  v as PopoverViewport
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { ArrowSvg } from "./lib/arrow-svg.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/components/popover.tsx
+const PopoverRoot = (props) => {
+	return /* @__PURE__ */ jsx(Popover.Root, { ...props });
 };
+PopoverRoot.displayName = "PopoverRoot";
+const PopoverTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		className: cn(className),
+		...props
+	});
+};
+PopoverTrigger.displayName = "PopoverTrigger";
+const PopoverPortal = (props) => {
+	return /* @__PURE__ */ jsx(Popover.Portal, { ...props });
+};
+PopoverPortal.displayName = "PopoverPortal";
+const PopoverBackdrop = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Backdrop, {
+		className: cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", "transition-opacity duration-200", "data-starting-style:opacity-0 data-ending-style:opacity-0", className),
+		...props
+	});
+};
+PopoverBackdrop.displayName = "PopoverBackdrop";
+const PopoverPositioner = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		className: cn("z-50 outline-none", "h-(--positioner-height) w-(--positioner-width)", "max-w-(--available-width)", "transition-[top,left,right,bottom,transform]", "duration-[0.35s]", "ease-[cubic-bezier(0.22,1,0.36,1)]", "data-instant:transition-none", className),
+		sideOffset: 8,
+		...props
+	});
+};
+PopoverPositioner.displayName = "PopoverPositioner";
+const PopoverPopup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		className: cn("rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative", "h-(--popup-height,auto) w-(--popup-width,auto)", "max-w-[500px]", "origin-(--transform-origin)", "border-border", "transition-[transform,scale,opacity]", "data-ending-style:scale-90 data-ending-style:opacity-0", "data-starting-style:scale-90 data-starting-style:opacity-0", "dark:shadow-none", "origin-(--transform-origin)", className),
+		...props
+	});
+};
+PopoverPopup.displayName = "PopoverPopup";
+const PopoverArrow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		className: cn("flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ArrowSvg, {})
+	});
+};
+PopoverArrow.displayName = "PopoverArrow";
+const PopoverTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		className: cn("text-sm font-semibold", className),
+		...props
+	});
+};
+PopoverTitle.displayName = "PopoverTitle";
+const PopoverDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		className: cn("text-sm", className),
+		...props
+	});
+};
+PopoverDescription.displayName = "PopoverDescription";
+const PopoverClose = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		className: cn(className),
+		...props
+	});
+};
+PopoverClose.displayName = "PopoverClose";
+const PopoverViewport = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Viewport, {
+		className: cn(className),
+		...props
+	});
+};
+PopoverViewport.displayName = "PopoverViewport";
+
+//#endregion
+export { PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, PopoverViewport };
+//# sourceMappingURL=popover.js.map