@prototyperco/ui 0.5.0-alpha.0 → 0.5.0

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

@@ -0,0 +1,23 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { NumberField as NumberField$1 } from '@base-ui/react/number-field';
+import { VariantProps } from 'class-variance-authority';
+
+declare function NumberField({ className, ...props }: NumberField$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare const numberFieldGroupVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function NumberFieldGroup({ className, size, ...props }: NumberField$1.Group.Props & VariantProps<typeof numberFieldGroupVariants>): react_jsx_runtime.JSX.Element;
+declare function NumberFieldInput({ className, ...props }: NumberField$1.Input.Props): react_jsx_runtime.JSX.Element;
+declare function NumberFieldIncrement({ className, children, ...props }: NumberField$1.Increment.Props): react_jsx_runtime.JSX.Element;
+declare function NumberFieldDecrement({ className, children, ...props }: NumberField$1.Decrement.Props): react_jsx_runtime.JSX.Element;
+declare function NumberFieldSteppers({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function NumberFieldScrubArea({ className, ...props }: NumberField$1.ScrubArea.Props): react_jsx_runtime.JSX.Element;
+declare function NumberFieldScrubAreaCursor({ className, ...props }: NumberField$1.ScrubAreaCursor.Props): react_jsx_runtime.JSX.Element;
+
+type NumberFieldProps = React.ComponentProps<typeof NumberField>;
+type NumberFieldGroupProps = React.ComponentProps<typeof NumberFieldGroup>;
+type NumberFieldInputProps = React.ComponentProps<typeof NumberFieldInput>;
+
+export { NumberField, NumberFieldDecrement, NumberFieldGroup, type NumberFieldGroupProps, NumberFieldIncrement, NumberFieldInput, type NumberFieldInputProps, type NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldSteppers, numberFieldGroupVariants };

package/dist/components/number-field.js

@@ -0,0 +1,185 @@
+"use client";
+
+// src/components/number-field.tsx
+import { NumberField as NumberFieldPrimitive } from "@base-ui/react/number-field";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/number-field.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function NumberField({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    NumberFieldPrimitive.Root,
+    {
+      "data-slot": "number-field",
+      className: cn("group flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+var numberFieldGroupVariants = cva(
+  [
+    "border-field-border bg-field-background rounded-md border shadow-field focus-within:focus-field-ring relative flex w-full items-center overflow-hidden",
+    "hover-only:hover:border-field-border-hover focus-within:border-field-border-hover",
+    "data-invalid:border-field-border-invalid data-invalid:focus-within:invalid-field-ring",
+    "transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth",
+    "motion-reduce:transition-none",
+    "data-disabled:status-disabled"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-8",
+        default: "h-9",
+        lg: "h-10"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function NumberFieldGroup({
+  className,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NumberFieldPrimitive.Group,
+    {
+      "data-slot": "number-field-group",
+      className: cn(numberFieldGroupVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function NumberFieldInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NumberFieldPrimitive.Input,
+    {
+      "data-slot": "number-field-input",
+      className: cn(
+        "tabular-nums w-fit min-w-0 flex-1 bg-transparent pr-10 pl-2.5 py-1 text-base outline-none md:text-sm placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NumberFieldIncrement({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NumberFieldPrimitive.Increment,
+    {
+      "data-slot": "number-field-increment",
+      className: cn(
+        "no-highlight flex h-1/2 min-w-8 items-center justify-center rounded-none text-muted-foreground",
+        "transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth",
+        "hover-only:hover:bg-surface-secondary hover-only:hover:text-accent-foreground",
+        "focus-visible:focus-field-ring",
+        "data-disabled:status-disabled",
+        "motion-reduce:transition-none",
+        "motion-safe:active:scale-[0.95] active:bg-foreground/10",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronUpIcon, { "aria-hidden": true, className: "size-4" })
+    }
+  );
+}
+function NumberFieldDecrement({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NumberFieldPrimitive.Decrement,
+    {
+      "data-slot": "number-field-decrement",
+      className: cn(
+        "no-highlight flex h-1/2 min-w-8 items-center justify-center rounded-none text-muted-foreground",
+        "transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth",
+        "hover-only:hover:bg-surface-secondary hover-only:hover:text-accent-foreground",
+        "focus-visible:focus-field-ring",
+        "data-disabled:status-disabled",
+        "motion-reduce:transition-none",
+        "motion-safe:active:scale-[0.95] active:bg-foreground/10",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": true, className: "size-4" })
+    }
+  );
+}
+function NumberFieldSteppers({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "number-field-steppers",
+      className: cn(
+        "absolute right-0 flex h-full flex-col border-l border-field-border",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(NumberFieldIncrement, {}),
+        /* @__PURE__ */ jsx("div", { className: "border-b border-field-border/50" }),
+        /* @__PURE__ */ jsx(NumberFieldDecrement, {})
+      ]
+    }
+  );
+}
+function NumberFieldScrubArea({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NumberFieldPrimitive.ScrubArea,
+    {
+      "data-slot": "number-field-scrub-area",
+      className: cn("cursor-ew-resize touch-none", className),
+      ...props
+    }
+  );
+}
+function NumberFieldScrubAreaCursor({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NumberFieldPrimitive.ScrubAreaCursor,
+    {
+      "data-slot": "number-field-scrub-area-cursor",
+      className: cn("pointer-events-none", className),
+      ...props
+    }
+  );
+}
+export {
+  NumberField,
+  NumberFieldDecrement,
+  NumberFieldGroup,
+  NumberFieldIncrement,
+  NumberFieldInput,
+  NumberFieldScrubArea,
+  NumberFieldScrubAreaCursor,
+  NumberFieldSteppers,
+  numberFieldGroupVariants
+};
+//# sourceMappingURL=number-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/number-field.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { NumberField as NumberFieldPrimitive } from \"@base-ui/react/number-field\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction NumberField({ className, ...props }: NumberFieldPrimitive.Root.Props) {\n  return (\n    <NumberFieldPrimitive.Root\n      data-slot=\"number-field\"\n      className={cn(\"group flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nconst numberFieldGroupVariants = cva(\n  [\n    \"border-field-border bg-field-background rounded-md border shadow-field focus-within:focus-field-ring relative flex w-full items-center overflow-hidden\",\n    \"hover-only:hover:border-field-border-hover focus-within:border-field-border-hover\",\n    \"data-invalid:border-field-border-invalid data-invalid:focus-within:invalid-field-ring\",\n    \"transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth\",\n    \"motion-reduce:transition-none\",\n    \"data-disabled:status-disabled\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-8\",\n        default: \"h-9\",\n        lg: \"h-10\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  },\n);\n\nfunction NumberFieldGroup({\n  className,\n  size,\n  ...props\n}: NumberFieldPrimitive.Group.Props &\n  VariantProps<typeof numberFieldGroupVariants>) {\n  return (\n    <NumberFieldPrimitive.Group\n      data-slot=\"number-field-group\"\n      className={cn(numberFieldGroupVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction NumberFieldInput({\n  className,\n  ...props\n}: NumberFieldPrimitive.Input.Props) {\n  return (\n    <NumberFieldPrimitive.Input\n      data-slot=\"number-field-input\"\n      className={cn(\n        \"tabular-nums w-fit min-w-0 flex-1 bg-transparent pr-10 pl-2.5 py-1 text-base outline-none md:text-sm placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NumberFieldIncrement({\n  className,\n  children,\n  ...props\n}: NumberFieldPrimitive.Increment.Props) {\n  return (\n    <NumberFieldPrimitive.Increment\n      data-slot=\"number-field-increment\"\n      className={cn(\n        \"no-highlight flex h-1/2 min-w-8 items-center justify-center rounded-none text-muted-foreground\",\n        \"transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth\",\n        \"hover-only:hover:bg-surface-secondary hover-only:hover:text-accent-foreground\",\n        \"focus-visible:focus-field-ring\",\n        \"data-disabled:status-disabled\",\n        \"motion-reduce:transition-none\",\n        \"motion-safe:active:scale-[0.95] active:bg-foreground/10\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <ChevronUpIcon aria-hidden className=\"size-4\" />}\n    </NumberFieldPrimitive.Increment>\n  );\n}\n\nfunction NumberFieldDecrement({\n  className,\n  children,\n  ...props\n}: NumberFieldPrimitive.Decrement.Props) {\n  return (\n    <NumberFieldPrimitive.Decrement\n      data-slot=\"number-field-decrement\"\n      className={cn(\n        \"no-highlight flex h-1/2 min-w-8 items-center justify-center rounded-none text-muted-foreground\",\n        \"transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth\",\n        \"hover-only:hover:bg-surface-secondary hover-only:hover:text-accent-foreground\",\n        \"focus-visible:focus-field-ring\",\n        \"data-disabled:status-disabled\",\n        \"motion-reduce:transition-none\",\n        \"motion-safe:active:scale-[0.95] active:bg-foreground/10\",\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <ChevronDownIcon aria-hidden className=\"size-4\" />}\n    </NumberFieldPrimitive.Decrement>\n  );\n}\n\nfunction NumberFieldSteppers({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"number-field-steppers\"\n      className={cn(\n        \"absolute right-0 flex h-full flex-col border-l border-field-border\",\n        className,\n      )}\n      {...props}\n    >\n      <NumberFieldIncrement />\n      <div className=\"border-b border-field-border/50\" />\n      <NumberFieldDecrement />\n    </div>\n  );\n}\n\nfunction NumberFieldScrubArea({\n  className,\n  ...props\n}: NumberFieldPrimitive.ScrubArea.Props) {\n  return (\n    <NumberFieldPrimitive.ScrubArea\n      data-slot=\"number-field-scrub-area\"\n      className={cn(\"cursor-ew-resize touch-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction NumberFieldScrubAreaCursor({\n  className,\n  ...props\n}: NumberFieldPrimitive.ScrubAreaCursor.Props) {\n  return (\n    <NumberFieldPrimitive.ScrubAreaCursor\n      data-slot=\"number-field-scrub-area-cursor\"\n      className={cn(\"pointer-events-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  NumberField,\n  NumberFieldGroup,\n  numberFieldGroupVariants,\n  NumberFieldInput,\n  NumberFieldIncrement,\n  NumberFieldDecrement,\n  NumberFieldSteppers,\n  NumberFieldScrubArea,\n  NumberFieldScrubAreaCursor,\n};\n\nexport type NumberFieldProps = React.ComponentProps<typeof NumberField>;\nexport type NumberFieldGroupProps = React.ComponentProps<\n  typeof NumberFieldGroup\n>;\nexport type NumberFieldInputProps = React.ComponentProps<\n  typeof NumberFieldInput\n>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"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","names":[]}

package/dist/components/popover.cjs

@@ -0,0 +1,125 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/popover.tsx
+var popover_exports = {};
+__export(popover_exports, {
+  Popover: () => Popover,
+  PopoverContent: () => PopoverContent,
+  PopoverDescription: () => PopoverDescription,
+  PopoverHeader: () => PopoverHeader,
+  PopoverTitle: () => PopoverTitle,
+  PopoverTrigger: () => PopoverTrigger
+});
+module.exports = __toCommonJS(popover_exports);
+var import_popover = require("@base-ui/react/popover");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/popover.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Popover({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_popover.Popover.Popup,
+        {
+          "data-slot": "popover-content",
+          className: cn(
+            "min-w-[8rem] origin-(--transform-origin) rounded-xl bg-overlay text-sm text-overlay-foreground shadow-overlay outline-none",
+            "data-open:animate-in data-open:duration-150 data-open:[animation-timing-function:var(--ease-out-fluid)] data-closed:animate-out data-closed:duration-100 data-closed:[animation-timing-function:var(--ease-in-quart)] data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95",
+            "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
+            "data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform]",
+            "motion-reduce:animate-none motion-reduce:transition-none",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function PopoverHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "popover-header",
+      className: cn("flex flex-col gap-1 text-sm", className),
+      ...props
+    }
+  );
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Title,
+    {
+      "data-slot": "popover-title",
+      className: cn("font-semibold", className),
+      ...props
+    }
+  );
+}
+function PopoverDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Description,
+    {
+      "data-slot": "popover-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Popover,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverTrigger
+});
+//# sourceMappingURL=popover.cjs.map

package/dist/components/popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  ...props\n}: PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={cn(\n            \"min-w-[8rem] origin-(--transform-origin) rounded-xl bg-overlay text-sm text-overlay-foreground shadow-overlay outline-none\",\n            \"data-open:animate-in data-open:duration-150 data-open:[animation-timing-function:var(--ease-out-fluid)] data-closed:animate-out data-closed:duration-100 data-closed:[animation-timing-function:var(--ease-in-quart)] data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95\",\n            \"data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1\",\n            \"data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform]\",\n            \"motion-reduce:animate-none motion-reduce:transition-none\",\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"flex flex-col gap-1 text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn(\"font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: PopoverPrimitive.Description.Props) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Popover,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n};\n\nexport type PopoverProps = React.ComponentProps<typeof Popover>;\nexport type PopoverContentProps = React.ComponentProps<typeof PopoverContent>;\nexport type PopoverTriggerProps = React.ComponentProps<typeof PopoverTrigger>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA4C;;;ACH5C,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADGS;AADT,SAAS,QAAQ,EAAE,GAAG,MAAM,GAAgC;AAC1D,SAAO,4CAAC,eAAAA,QAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,MAAM,GAAmC;AACpE,SAAO,4CAAC,eAAAA,QAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO;AAAA,EACP,aAAa;AAAA,EACb,GAAG;AACL,GAIK;AACH,SACE,4CAAC,eAAAA,QAAiB,QAAjB,EACC;AAAA,IAAC,eAAAA,QAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,QAAC,eAAAA,QAAiB;AAAA,QAAjB;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAiC;AAC3E,SACE;AAAA,IAAC,eAAAA,QAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACvC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,SACE;AAAA,IAAC,eAAAA,QAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["PopoverPrimitive"]}

package/dist/components/popover.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+
+declare function Popover({ ...props }: Popover$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): react_jsx_runtime.JSX.Element;
+declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): react_jsx_runtime.JSX.Element;
+
+type PopoverProps = React.ComponentProps<typeof Popover>;
+type PopoverContentProps = React.ComponentProps<typeof PopoverContent>;
+type PopoverTriggerProps = React.ComponentProps<typeof PopoverTrigger>;
+
+export { Popover, PopoverContent, type PopoverContentProps, PopoverDescription, PopoverHeader, type PopoverProps, PopoverTitle, PopoverTrigger, type PopoverTriggerProps };

package/dist/components/popover.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+
+declare function Popover({ ...props }: Popover$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): react_jsx_runtime.JSX.Element;
+declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): react_jsx_runtime.JSX.Element;
+
+type PopoverProps = React.ComponentProps<typeof Popover>;
+type PopoverContentProps = React.ComponentProps<typeof PopoverContent>;
+type PopoverTriggerProps = React.ComponentProps<typeof PopoverTrigger>;
+
+export { Popover, PopoverContent, type PopoverContentProps, PopoverDescription, PopoverHeader, type PopoverProps, PopoverTitle, PopoverTrigger, type PopoverTriggerProps };

package/dist/components/popover.js

@@ -0,0 +1,96 @@
+"use client";
+
+// src/components/popover.tsx
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/popover.tsx
+import { jsx } from "react/jsx-runtime";
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsx(
+        PopoverPrimitive.Popup,
+        {
+          "data-slot": "popover-content",
+          className: cn(
+            "min-w-[8rem] origin-(--transform-origin) rounded-xl bg-overlay text-sm text-overlay-foreground shadow-overlay outline-none",
+            "data-open:animate-in data-open:duration-150 data-open:[animation-timing-function:var(--ease-out-fluid)] data-closed:animate-out data-closed:duration-100 data-closed:[animation-timing-function:var(--ease-in-quart)] data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95",
+            "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
+            "data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform]",
+            "motion-reduce:animate-none motion-reduce:transition-none",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function PopoverHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "popover-header",
+      className: cn("flex flex-col gap-1 text-sm", className),
+      ...props
+    }
+  );
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    PopoverPrimitive.Title,
+    {
+      "data-slot": "popover-title",
+      className: cn("font-semibold", className),
+      ...props
+    }
+  );
+}
+function PopoverDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    PopoverPrimitive.Description,
+    {
+      "data-slot": "popover-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+export {
+  Popover,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverTrigger
+};
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  ...props\n}: PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={cn(\n            \"min-w-[8rem] origin-(--transform-origin) rounded-xl bg-overlay text-sm text-overlay-foreground shadow-overlay outline-none\",\n            \"data-open:animate-in data-open:duration-150 data-open:[animation-timing-function:var(--ease-out-fluid)] data-closed:animate-out data-closed:duration-100 data-closed:[animation-timing-function:var(--ease-in-quart)] data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95\",\n            \"data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1\",\n            \"data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform]\",\n            \"motion-reduce:animate-none motion-reduce:transition-none\",\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"flex flex-col gap-1 text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn(\"font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: PopoverPrimitive.Description.Props) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Popover,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n};\n\nexport type PopoverProps = React.ComponentProps<typeof Popover>;\nexport type PopoverContentProps = React.ComponentProps<typeof PopoverContent>;\nexport type PopoverTriggerProps = React.ComponentProps<typeof PopoverTrigger>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAS,WAAW,wBAAwB;;;ACH5C,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADGS;AADT,SAAS,QAAQ,EAAE,GAAG,MAAM,GAAgC;AAC1D,SAAO,oBAAC,iBAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,MAAM,GAAmC;AACpE,SAAO,oBAAC,iBAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO;AAAA,EACP,aAAa;AAAA,EACb,GAAG;AACL,GAIK;AACH,SACE,oBAAC,iBAAiB,QAAjB,EACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,QAAC,iBAAiB;AAAA,QAAjB;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAiC;AAC3E,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACvC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/preview-card.cjs

@@ -0,0 +1,86 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/preview-card.tsx
+var preview_card_exports = {};
+__export(preview_card_exports, {
+  HoverCard: () => HoverCard,
+  HoverCardContent: () => HoverCardContent,
+  HoverCardTrigger: () => HoverCardTrigger
+});
+module.exports = __toCommonJS(preview_card_exports);
+var import_preview_card = require("@base-ui/react/preview-card");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/preview-card.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function HoverCard({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preview_card.PreviewCard.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preview_card.PreviewCard.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_preview_card.PreviewCard.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_preview_card.PreviewCard.Popup,
+        {
+          "data-slot": "hover-card-content",
+          className: cn(
+            "w-64 origin-(--transform-origin) rounded-lg bg-overlay p-4 text-sm text-overlay-foreground shadow-overlay outline-hidden",
+            "data-open:animate-in data-open:duration-100 data-open:[animation-timing-function:var(--ease-out-fluid)] data-closed:animate-out data-closed:duration-100 data-closed:[animation-timing-function:var(--ease-in-quart)] data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95",
+            "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2",
+            "data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform]",
+            "motion-reduce:animate-none motion-reduce:transition-none",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger
+});
+//# sourceMappingURL=preview-card.cjs.map

package/dist/components/preview-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/preview-card.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction HoverCard({ ...props }: PreviewCardPrimitive.Root.Props) {\n  return <PreviewCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({ ...props }: PreviewCardPrimitive.Trigger.Props) {\n  return (\n    <PreviewCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n  );\n}\n\nfunction HoverCardContent({\n  className,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 4,\n  ...props\n}: PreviewCardPrimitive.Popup.Props &\n  Pick<\n    PreviewCardPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <PreviewCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <PreviewCardPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PreviewCardPrimitive.Popup\n          data-slot=\"hover-card-content\"\n          className={cn(\n            \"w-64 origin-(--transform-origin) rounded-lg bg-overlay p-4 text-sm text-overlay-foreground shadow-overlay outline-hidden\",\n            \"data-open:animate-in data-open:duration-100 data-open:[animation-timing-function:var(--ease-out-fluid)] data-closed:animate-out data-closed:duration-100 data-closed:[animation-timing-function:var(--ease-in-quart)] data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95\",\n            \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2\",\n            \"data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform]\",\n            \"motion-reduce:animate-none motion-reduce:transition-none\",\n            className,\n          )}\n          {...props}\n        />\n      </PreviewCardPrimitive.Positioner>\n    </PreviewCardPrimitive.Portal>\n  );\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n\nexport type HoverCardProps = React.ComponentProps<typeof HoverCard>;\nexport type HoverCardContentProps = React.ComponentProps<\n  typeof HoverCardContent\n>;\nexport type HoverCardTriggerProps = React.ComponentProps<\n  typeof HoverCardTrigger\n>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAoD;;;ACFpD,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADES;AADT,SAAS,UAAU,EAAE,GAAG,MAAM,GAAoC;AAChE,SAAO,4CAAC,oBAAAA,YAAqB,MAArB,EAA0B,aAAU,cAAc,GAAG,OAAO;AACtE;AAEA,SAAS,iBAAiB,EAAE,GAAG,MAAM,GAAuC;AAC1E,SACE,4CAAC,oBAAAA,YAAqB,SAArB,EAA6B,aAAU,sBAAsB,GAAG,OAAO;AAE5E;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,GAAG;AACL,GAIK;AACH,SACE,4CAAC,oBAAAA,YAAqB,QAArB,EAA4B,aAAU,qBACrC;AAAA,IAAC,oBAAAA,YAAqB;AAAA,IAArB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,QAAC,oBAAAA,YAAqB;AAAA,QAArB;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF,GACF;AAEJ;","names":["PreviewCardPrimitive"]}

package/dist/components/preview-card.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PreviewCard } from '@base-ui/react/preview-card';
+
+declare function HoverCard({ ...props }: PreviewCard.Root.Props): react_jsx_runtime.JSX.Element;
+declare function HoverCardTrigger({ ...props }: PreviewCard.Trigger.Props): react_jsx_runtime.JSX.Element;
+declare function HoverCardContent({ className, side, sideOffset, align, alignOffset, ...props }: PreviewCard.Popup.Props & Pick<PreviewCard.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime.JSX.Element;
+
+type HoverCardProps = React.ComponentProps<typeof HoverCard>;
+type HoverCardContentProps = React.ComponentProps<typeof HoverCardContent>;
+type HoverCardTriggerProps = React.ComponentProps<typeof HoverCardTrigger>;
+
+export { HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps };

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PreviewCard } from '@base-ui/react/preview-card';
+
+declare function HoverCard({ ...props }: PreviewCard.Root.Props): react_jsx_runtime.JSX.Element;
+declare function HoverCardTrigger({ ...props }: PreviewCard.Trigger.Props): react_jsx_runtime.JSX.Element;
+declare function HoverCardContent({ className, side, sideOffset, align, alignOffset, ...props }: PreviewCard.Popup.Props & Pick<PreviewCard.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime.JSX.Element;
+
+type HoverCardProps = React.ComponentProps<typeof HoverCard>;
+type HoverCardContentProps = React.ComponentProps<typeof HoverCardContent>;
+type HoverCardTriggerProps = React.ComponentProps<typeof HoverCardTrigger>;
+
+export { HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps };