@lglab/compose-ui 0.28.0 → 0.30.0

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_runtime162 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_runtime162.JSX.Element;
+  displayName: string;
+};
+type PopoverTriggerProps = React.ComponentProps<typeof Popover.Trigger>;
+declare const PopoverTrigger: {
+  ({
+    className,
+    ...props
+  }: PopoverTriggerProps): react_jsx_runtime162.JSX.Element;
+  displayName: string;
+};
+type PopoverPortalProps = React.ComponentProps<typeof Popover.Portal>;
+declare const PopoverPortal: {
+  (props: PopoverPortalProps): react_jsx_runtime162.JSX.Element;
+  displayName: string;
+};
+type PopoverBackdropProps = React.ComponentProps<typeof Popover.Backdrop>;
+declare const PopoverBackdrop: {
+  ({
+    className,
+    ...props
+  }: PopoverBackdropProps): react_jsx_runtime162.JSX.Element;
+  displayName: string;
+};
+type PopoverPositionerProps = React.ComponentProps<typeof Popover.Positioner>;
+declare const PopoverPositioner: {
+  ({
+    className,
+    ...props
+  }: PopoverPositionerProps): react_jsx_runtime162.JSX.Element;
+  displayName: string;
+};
+type PopoverPopupProps = React.ComponentProps<typeof Popover.Popup>;
+declare const PopoverPopup: {
+  ({
+    className,
+    ...props
+  }: PopoverPopupProps): react_jsx_runtime162.JSX.Element;
+  displayName: string;
+};
+type PopoverArrowProps = React.ComponentProps<typeof Popover.Arrow>;
+declare const PopoverArrow: {
+  ({
+    className,
+    ...props
+  }: PopoverArrowProps): react_jsx_runtime162.JSX.Element;
+  displayName: string;
+};
+type PopoverTitleProps = React.ComponentProps<typeof Popover.Title>;
+declare const PopoverTitle: {
+  ({
+    className,
+    ...props
+  }: PopoverTitleProps): react_jsx_runtime162.JSX.Element;
+  displayName: string;
+};
+type PopoverDescriptionProps = React.ComponentProps<typeof Popover.Description>;
+declare const PopoverDescription: {
+  ({
+    className,
+    ...props
+  }: PopoverDescriptionProps): react_jsx_runtime162.JSX.Element;
+  displayName: string;
+};
+type PopoverCloseProps = React.ComponentProps<typeof Popover.Close>;
+declare const PopoverClose: {
+  ({
+    className,
+    ...props
+  }: PopoverCloseProps): react_jsx_runtime162.JSX.Element;
+  displayName: string;
+};
+type PopoverViewportProps = React.ComponentProps<typeof Popover.Viewport>;
+declare const PopoverViewport: {
+  ({
+    className,
+    ...props
+  }: PopoverViewportProps): react_jsx_runtime162.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

package/dist/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["BasePopover"],"sources":["../src/components/popover.tsx"],"sourcesContent":["'use client'\n\nimport { Popover as BasePopover } from '@base-ui/react/popover'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// PopoverRoot\n// ============================================================================\n\ntype PopoverRootProps = React.ComponentProps<typeof BasePopover.Root>\n\nconst PopoverRoot = (props: PopoverRootProps) => {\n  return <BasePopover.Root {...props} />\n}\n\nPopoverRoot.displayName = 'PopoverRoot'\n\n// ============================================================================\n// PopoverTrigger\n// ============================================================================\n\ntype PopoverTriggerProps = React.ComponentProps<typeof BasePopover.Trigger>\n\nconst PopoverTrigger = ({ className, ...props }: PopoverTriggerProps) => {\n  return <BasePopover.Trigger className={cn(className)} {...props} />\n}\n\nPopoverTrigger.displayName = 'PopoverTrigger'\n\n// ============================================================================\n// PopoverPortal\n// ============================================================================\n\ntype PopoverPortalProps = React.ComponentProps<typeof BasePopover.Portal>\n\nconst PopoverPortal = (props: PopoverPortalProps) => {\n  return <BasePopover.Portal {...props} />\n}\n\nPopoverPortal.displayName = 'PopoverPortal'\n\n// ============================================================================\n// PopoverBackdrop\n// ============================================================================\n\ntype PopoverBackdropProps = React.ComponentProps<typeof BasePopover.Backdrop>\n\nconst PopoverBackdrop = ({ className, ...props }: PopoverBackdropProps) => {\n  return (\n    <BasePopover.Backdrop\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n        'transition-opacity duration-200',\n        'data-starting-style:opacity-0 data-ending-style:opacity-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nPopoverBackdrop.displayName = 'PopoverBackdrop'\n\n// ============================================================================\n// PopoverPositioner\n// ============================================================================\n\ntype PopoverPositionerProps = React.ComponentProps<typeof BasePopover.Positioner>\n\nconst PopoverPositioner = ({ className, ...props }: PopoverPositionerProps) => {\n  return (\n    <BasePopover.Positioner\n      className={cn(\n        'z-50 outline-none',\n        'h-(--positioner-height) w-(--positioner-width)',\n        'max-w-(--available-width)',\n        'transition-[top,left,right,bottom,transform]',\n        'duration-[0.35s]',\n        'ease-[cubic-bezier(0.22,1,0.36,1)]',\n        'data-instant:transition-none',\n        className,\n      )}\n      sideOffset={8}\n      {...props}\n    />\n  )\n}\n\nPopoverPositioner.displayName = 'PopoverPositioner'\n\n// ============================================================================\n// PopoverPopup\n// ============================================================================\n\ntype PopoverPopupProps = React.ComponentProps<typeof BasePopover.Popup>\n\nconst PopoverPopup = ({ className, ...props }: PopoverPopupProps) => {\n  return (\n    <BasePopover.Popup\n      className={cn(\n        'rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative',\n        'h-(--popup-height,auto) w-(--popup-width,auto)',\n        'max-w-[500px]',\n        'origin-(--transform-origin)',\n        'border-border',\n        'transition-[transform,scale,opacity]',\n        'data-ending-style:scale-90 data-ending-style:opacity-0',\n        'data-starting-style:scale-90 data-starting-style:opacity-0',\n        'dark:shadow-none',\n        'origin-(--transform-origin)',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nPopoverPopup.displayName = 'PopoverPopup'\n\n// ============================================================================\n// PopoverArrow\n// ============================================================================\n\ntype PopoverArrowProps = React.ComponentProps<typeof BasePopover.Arrow>\n\nconst PopoverArrow = ({ className, ...props }: PopoverArrowProps) => {\n  return (\n    <BasePopover.Arrow\n      className={cn(\n        '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',\n        className,\n      )}\n      {...props}\n    >\n      <ArrowSvg />\n    </BasePopover.Arrow>\n  )\n}\n\nPopoverArrow.displayName = 'PopoverArrow'\n\n// ============================================================================\n// PopoverTitle\n// ============================================================================\n\ntype PopoverTitleProps = React.ComponentProps<typeof BasePopover.Title>\n\nconst PopoverTitle = ({ className, ...props }: PopoverTitleProps) => {\n  return (\n    <BasePopover.Title className={cn('text-sm font-semibold', className)} {...props} />\n  )\n}\n\nPopoverTitle.displayName = 'PopoverTitle'\n\n// ============================================================================\n// PopoverDescription\n// ============================================================================\n\ntype PopoverDescriptionProps = React.ComponentProps<typeof BasePopover.Description>\n\nconst PopoverDescription = ({ className, ...props }: PopoverDescriptionProps) => {\n  return <BasePopover.Description className={cn('text-sm', className)} {...props} />\n}\n\nPopoverDescription.displayName = 'PopoverDescription'\n\n// ============================================================================\n// PopoverClose\n// ============================================================================\n\ntype PopoverCloseProps = React.ComponentProps<typeof BasePopover.Close>\n\nconst PopoverClose = ({ className, ...props }: PopoverCloseProps) => {\n  return <BasePopover.Close className={cn(className)} {...props} />\n}\n\nPopoverClose.displayName = 'PopoverClose'\n\n// ============================================================================\n// PopoverViewport\n// ============================================================================\n\ntype PopoverViewportProps = React.ComponentProps<typeof BasePopover.Viewport>\n\nconst PopoverViewport = ({ className, ...props }: PopoverViewportProps) => {\n  return <BasePopover.Viewport className={cn(className)} {...props} />\n}\n\nPopoverViewport.displayName = 'PopoverViewport'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  PopoverRoot,\n  PopoverTrigger,\n  PopoverPortal,\n  PopoverBackdrop,\n  PopoverPositioner,\n  PopoverPopup,\n  PopoverArrow,\n  PopoverTitle,\n  PopoverDescription,\n  PopoverClose,\n  PopoverViewport,\n}\n\nexport type {\n  PopoverRootProps,\n  PopoverTriggerProps,\n  PopoverPortalProps,\n  PopoverBackdropProps,\n  PopoverPositionerProps,\n  PopoverPopupProps,\n  PopoverArrowProps,\n  PopoverTitleProps,\n  PopoverDescriptionProps,\n  PopoverCloseProps,\n  PopoverViewportProps,\n}\n"],"mappings":";;;;;;;;;AAcA,MAAM,eAAe,UAA4B;AAC/C,QAAO,oBAACA,QAAY,QAAK,GAAI,QAAS;;AAGxC,YAAY,cAAc;AAQ1B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QAAO,oBAACA,QAAY;EAAQ,WAAW,GAAG,UAAU;EAAE,GAAI;GAAS;;AAGrE,eAAe,cAAc;AAQ7B,MAAM,iBAAiB,UAA8B;AACnD,QAAO,oBAACA,QAAY,UAAO,GAAI,QAAS;;AAG1C,cAAc,cAAc;AAQ5B,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,mDACA,mCACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,gBAAgB,cAAc;AAQ9B,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QACE,oBAACA,QAAY;EACX,WAAW,GACT,qBACA,kDACA,6BACA,gDACA,oBACA,sCACA,gCACA,UACD;EACD,YAAY;EACZ,GAAI;GACJ;;AAIN,kBAAkB,cAAc;AAQhC,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,gFACA,kDACA,iBACA,+BACA,iBACA,wCACA,0DACA,8DACA,oBACA,+BACA,UACD;EACD,GAAI;GACJ;;AAIN,aAAa,cAAc;AAQ3B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,sNACA,UACD;EACD,GAAI;YAEJ,oBAAC,aAAW;GACM;;AAIxB,aAAa,cAAc;AAQ3B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAY;EAAM,WAAW,GAAG,yBAAyB,UAAU;EAAE,GAAI;GAAS;;AAIvF,aAAa,cAAc;AAQ3B,MAAM,sBAAsB,EAAE,WAAW,GAAG,YAAqC;AAC/E,QAAO,oBAACA,QAAY;EAAY,WAAW,GAAG,WAAW,UAAU;EAAE,GAAI;GAAS;;AAGpF,mBAAmB,cAAc;AAQjC,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAACA,QAAY;EAAM,WAAW,GAAG,UAAU;EAAE,GAAI;GAAS;;AAGnE,aAAa,cAAc;AAQ3B,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QAAO,oBAACA,QAAY;EAAS,WAAW,GAAG,UAAU;EAAE,GAAI;GAAS;;AAGtE,gBAAgB,cAAc"}

package/dist/preview-card.d.ts

@@ -1,54 +1,58 @@
-import { JSX } from 'react/jsx-runtime';
-import { PreviewCard } from '@base-ui/react/preview-card';
-import * as React_2 from 'react';
-
-export declare const PreviewCardArrow: {
-    ({ className, ...props }: PreviewCardArrowProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PreviewCardArrowProps = React_2.ComponentProps<typeof PreviewCard.Arrow>;
-
-export declare const PreviewCardBackdrop: {
-    ({ className, ...props }: PreviewCardBackdropProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PreviewCardBackdropProps = React_2.ComponentProps<typeof PreviewCard.Backdrop>;
-
-export declare const PreviewCardPopup: {
-    ({ className, ...props }: PreviewCardPopupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PreviewCardPopupProps = React_2.ComponentProps<typeof PreviewCard.Popup>;
-
-export declare const PreviewCardPortal: {
-    (props: PreviewCardPortalProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PreviewCardPortalProps = React_2.ComponentProps<typeof PreviewCard.Portal>;
-
-export declare const PreviewCardPositioner: {
-    ({ className, ...props }: PreviewCardPositionerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PreviewCardPositionerProps = React_2.ComponentProps<typeof PreviewCard.Positioner>;
-
-export declare const PreviewCardRoot: {
-    (props: PreviewCardRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PreviewCardRootProps = React_2.ComponentProps<typeof PreviewCard.Root>;
-
-export declare const PreviewCardTrigger: {
-    ({ className, ...props }: PreviewCardTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type PreviewCardTriggerProps = React_2.ComponentProps<typeof PreviewCard.Trigger>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
+import { PreviewCard } from "@base-ui/react/preview-card";
+
+//#region src/components/preview-card.d.ts
+type PreviewCardRootProps = React.ComponentProps<typeof PreviewCard.Root>;
+declare const PreviewCardRoot: {
+  (props: PreviewCardRootProps): react_jsx_runtime173.JSX.Element;
+  displayName: string;
+};
+type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard.Trigger>;
+declare const PreviewCardTrigger: {
+  ({
+    className,
+    ...props
+  }: PreviewCardTriggerProps): react_jsx_runtime173.JSX.Element;
+  displayName: string;
+};
+type PreviewCardPortalProps = React.ComponentProps<typeof PreviewCard.Portal>;
+declare const PreviewCardPortal: {
+  (props: PreviewCardPortalProps): react_jsx_runtime173.JSX.Element;
+  displayName: string;
+};
+type PreviewCardBackdropProps = React.ComponentProps<typeof PreviewCard.Backdrop>;
+declare const PreviewCardBackdrop: {
+  ({
+    className,
+    ...props
+  }: PreviewCardBackdropProps): react_jsx_runtime173.JSX.Element;
+  displayName: string;
+};
+type PreviewCardPositionerProps = React.ComponentProps<typeof PreviewCard.Positioner>;
+declare const PreviewCardPositioner: {
+  ({
+    className,
+    ...props
+  }: PreviewCardPositionerProps): react_jsx_runtime173.JSX.Element;
+  displayName: string;
+};
+type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard.Popup>;
+declare const PreviewCardPopup: {
+  ({
+    className,
+    ...props
+  }: PreviewCardPopupProps): react_jsx_runtime173.JSX.Element;
+  displayName: string;
+};
+type PreviewCardArrowProps = React.ComponentProps<typeof PreviewCard.Arrow>;
+declare const PreviewCardArrow: {
+  ({
+    className,
+    ...props
+  }: PreviewCardArrowProps): react_jsx_runtime173.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { PreviewCardArrow, type PreviewCardArrowProps, PreviewCardBackdrop, type PreviewCardBackdropProps, PreviewCardPopup, type PreviewCardPopupProps, PreviewCardPortal, type PreviewCardPortalProps, PreviewCardPositioner, type PreviewCardPositionerProps, PreviewCardRoot, type PreviewCardRootProps, PreviewCardTrigger, type PreviewCardTriggerProps };
+//# sourceMappingURL=preview-card.d.ts.map

package/dist/preview-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-card.d.ts","names":[],"sources":["../src/components/preview-card.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,WAAA,CAAgB;cAElE;UAA0B,uBAAoB,oBAAA,CAAA,GAAA,CAAA;EAF/C,WAAA,EAAA,MAAA;CAAoB;KAYpB,uBAAA,GAA0B,KAAA,CAAM,cAZmC,CAAA,OAYb,WAAA,CAAgB,OAZH,CAAA;cAclE,kBAd4B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcK,uBAdL,CAAA,EAc4B,oBAAA,CAAA,GAAA,CAAA,OAd5B;EAE1C,WAAA,EAAA,MAEL;CAAA;KAoBI,sBAAA,GAAyB,KAAA,CAAM,cAtBJ,CAAA,OAsB0B,WAAA,CAAgB,MAtB1C,CAAA;cAwB1B,iBAxB8C,EAAA;EAAA,CAAA,KAAA,EAwBlB,sBAxBkB,CAAA,EAwBI,oBAAA,CAAA,GAAA,CAAA,OAxBJ;EAU/C,WAAA,EAAA,MAAA;CAAuB;KAwBvB,wBAAA,GAA2B,KAAA,CAAM,cAxBqC,CAAA,OAwBf,WAAA,CAAgB,QAxBD,CAAA;cA0BrE,mBA1B+B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA0BG,wBA1BH,CAAA,EA0B2B,oBAAA,CAAA,GAAA,CAAA,OA1B3B;EAE7C,WAAA,EAAA,MAAA;CAEL;KA0CI,0BAAA,GAA6B,KAAA,CAAM,sBAAsB,WAAA,CAAgB;cAExE,qBA9C+C,EAAA;;IAAuB,SAAA;IAAA,GAAA;EAAA,CAAA,EA8CpB,0BA9CoB,CAAA,EA8CM,oBAAA,CAAA,GAAA,CAAA,OA9CN;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAuEvE,qBAAA,GAAwB,KAAA,CAAM,cA7DR,CAAA,OA6D8B,WAAA,CAAgB,KA7D9C,CAAA;cA+DrB,gBA/DoE,EAAA;;IAA5C,SAAM;IAAA,GAAA;EAAA,CAAA,EA+De,qBA/Df,CAAA,EA+DoC,oBAAA,CAAA,GAAA,CAAA,OA/DpC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAyF7C,qBAAA,GAAwB,KAAA,CAAM,cArFlC,CAAA,OAqFwD,WAAA,CAAgB,KArFxE,CAAA;cAuFK,gBAzF4B,EAAA;;IAAsB,SAAA;IAAA,GAAA;EAAA,CAAA,EAyFL,qBAzFK,CAAA,EAyFgB,oBAAA,CAAA,GAAA,CAAA,OAzFhB;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA"}

package/dist/preview-card.js

@@ -1,82 +1,58 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { PreviewCard as e } from "@base-ui/react/preview-card";
-import { A as o } from "./arrow-svg-C6zQTvgS.js";
-import { c as i } from "./utils-B6yFEsav.js";
-const d = (r) => /* @__PURE__ */ t(e.Root, { ...r });
-d.displayName = "PreviewCardRoot";
-const s = ({ className: r, ...a }) => /* @__PURE__ */ t(e.Trigger, { className: i("underline", r), ...a });
-s.displayName = "PreviewCardTrigger";
-const n = (r) => /* @__PURE__ */ t(e.Portal, { ...r });
-n.displayName = "PreviewCardPortal";
-const p = ({ className: r, ...a }) => /* @__PURE__ */ t(
-  e.Backdrop,
-  {
-    className: i(
-      "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",
-      r
-    ),
-    ...a
-  }
-);
-p.displayName = "PreviewCardBackdrop";
-const l = ({ className: r, ...a }) => /* @__PURE__ */ t(
-  e.Positioner,
-  {
-    className: i(
-      "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",
-      r
-    ),
-    sideOffset: 8,
-    ...a
-  }
-);
-l.displayName = "PreviewCardPositioner";
-const c = ({ className: r, ...a }) => /* @__PURE__ */ t(
-  e.Popup,
-  {
-    className: i(
-      "rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative",
-      "h-(--popup-height,auto) w-(--popup-width,auto)",
-      "max-w-[320px]",
-      "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",
-      r
-    ),
-    ...a
-  }
-);
-c.displayName = "PreviewCardPopup";
-const m = ({ className: r, ...a }) => /* @__PURE__ */ t(
-  e.Arrow,
-  {
-    className: i(
-      "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",
-      r
-    ),
-    ...a,
-    children: /* @__PURE__ */ t(o, {})
-  }
-);
-m.displayName = "PreviewCardArrow";
-export {
-  m as PreviewCardArrow,
-  p as PreviewCardBackdrop,
-  c as PreviewCardPopup,
-  n as PreviewCardPortal,
-  l as PreviewCardPositioner,
-  d as PreviewCardRoot,
-  s as PreviewCardTrigger
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { ArrowSvg } from "./lib/arrow-svg.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { PreviewCard } from "@base-ui/react/preview-card";
+
+//#region src/components/preview-card.tsx
+const PreviewCardRoot = (props) => {
+	return /* @__PURE__ */ jsx(PreviewCard.Root, { ...props });
 };
+PreviewCardRoot.displayName = "PreviewCardRoot";
+const PreviewCardTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
+		className: cn("underline", className),
+		...props
+	});
+};
+PreviewCardTrigger.displayName = "PreviewCardTrigger";
+const PreviewCardPortal = (props) => {
+	return /* @__PURE__ */ jsx(PreviewCard.Portal, { ...props });
+};
+PreviewCardPortal.displayName = "PreviewCardPortal";
+const PreviewCardBackdrop = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(PreviewCard.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
+	});
+};
+PreviewCardBackdrop.displayName = "PreviewCardBackdrop";
+const PreviewCardPositioner = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(PreviewCard.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
+	});
+};
+PreviewCardPositioner.displayName = "PreviewCardPositioner";
+const PreviewCardPopup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(PreviewCard.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-[320px]", "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", className),
+		...props
+	});
+};
+PreviewCardPopup.displayName = "PreviewCardPopup";
+const PreviewCardArrow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(PreviewCard.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, {})
+	});
+};
+PreviewCardArrow.displayName = "PreviewCardArrow";
+
+//#endregion
+export { PreviewCardArrow, PreviewCardBackdrop, PreviewCardPopup, PreviewCardPortal, PreviewCardPositioner, PreviewCardRoot, PreviewCardTrigger };
+//# sourceMappingURL=preview-card.js.map