@epicbagel/saas-kit 1.0.0 → 1.1.0

package/dist/primitives/connection.cjs

@@ -12,31 +12,31 @@ var _chunkWQJKUKBLcjs = require('../chunk-WQJKUKBL.cjs');
 
 
 var _chunkWDXEJDMOcjs = require('../chunk-WDXEJDMO.cjs');
-require('../chunk-ZAITUDYD.cjs');
 
 
-var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+var _chunkCTYOW3V2cjs = require('../chunk-CTYOW3V2.cjs');
+require('../chunk-ZAITUDYD.cjs');
 
 
-var _chunkCTYOW3V2cjs = require('../chunk-CTYOW3V2.cjs');
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
 require('../chunk-I6GUOEBO.cjs');
 
 
 
-var _chunk667ZCM4Xcjs = require('../chunk-667ZCM4X.cjs');
 
 
 
 
 
 
+var _chunk23UMHZ4Scjs = require('../chunk-23UMHZ4S.cjs');
 
 
+var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
 
-var _chunk23UMHZ4Scjs = require('../chunk-23UMHZ4S.cjs');
 
 
-var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+var _chunk667ZCM4Xcjs = require('../chunk-667ZCM4X.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');

package/dist/primitives/connection.js

@@ -12,18 +12,14 @@ import {
   DialogHeader,
   DialogTitle
 } from "../chunk-3QT5VYZ3.js";
+import {
+  Callout
+} from "../chunk-GL5CV4FF.js";
 import "../chunk-V4LE2HWP.js";
 import {
   Text
 } from "../chunk-EIY5LLSP.js";
-import {
-  Callout
-} from "../chunk-GL5CV4FF.js";
 import "../chunk-D4ZL2OEQ.js";
-import {
-  Alert,
-  AlertDescription
-} from "../chunk-R4AIM3BQ.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -37,6 +33,10 @@ import {
 import {
   buttonVariants
 } from "../chunk-HQRWRRZJ.js";
+import {
+  Alert,
+  AlertDescription
+} from "../chunk-R4AIM3BQ.js";
 import {
   cn
 } from "../chunk-G6SRSWXB.js";

package/dist/primitives/file-dropzone.cjs

@@ -1,118 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 "use client";
 
 
-var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+var _chunkI5UQSBBZcjs = require('../chunk-I5UQSBBZ.cjs');
+require('../chunk-373W6VAD.cjs');
+require('../chunk-U2NES7VR.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
 
-
-
-var _chunkU2NES7VRcjs = require('../chunk-U2NES7VR.cjs');
-
-
-var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
-
-// src/primitives/file-dropzone.tsx
-var _lucidereact = require('lucide-react');
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-function FileDropzone({
-  onFile,
-  onFiles,
-  multiple = false,
-  accept,
-  disabled = false,
-  busy: externalBusy = false,
-  label = "Drop a file, or choose one",
-  description,
-  busyLabel = "Reading file\u2026",
-  icon,
-  variant = "dropzone",
-  className
-}) {
-  const inputRef = _react.useRef.call(void 0, null);
-  const [dragging, setDragging] = _react.useState.call(void 0, false);
-  const [internalBusy, setInternalBusy] = _react.useState.call(void 0, false);
-  const busy = externalBusy || internalBusy;
-  async function select(files) {
-    if (files.length === 0 || disabled || busy) return;
-    setInternalBusy(true);
-    try {
-      if (multiple) {
-        await _optionalChain([onFiles, 'optionalCall', _ => _(files)]);
-      } else {
-        const first = files[0];
-        if (first) await _optionalChain([onFile, 'optionalCall', _2 => _2(first)]);
-      }
-    } finally {
-      setInternalBusy(false);
-      if (inputRef.current) inputRef.current.value = "";
-    }
-  }
-  function onDrop(event) {
-    event.preventDefault();
-    setDragging(false);
-    void select(Array.from(_nullishCoalesce(event.dataTransfer.files, () => ( []))));
-  }
-  const trigger = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
-    {
-      type: "button",
-      "data-file-dropzone": "true",
-      variant: "outline",
-      size: variant === "icon" ? "icon" : "default",
-      "aria-label": variant === "icon" ? String(busy ? busyLabel : label) : void 0,
-      disabled: disabled || busy,
-      onClick: () => _optionalChain([inputRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.click, 'call', _5 => _5()]),
-      onDragEnter: (event) => {
-        event.preventDefault();
-        setDragging(true);
-      },
-      onDragOver: (event) => {
-        event.preventDefault();
-        setDragging(true);
-      },
-      onDragLeave: () => setDragging(false),
-      onDrop,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        variant === "dropzone" ? "h-auto w-full flex-col whitespace-normal border-2 border-dashed px-6 py-8 text-center" : variant === "button" ? "w-fit" : "",
-        dragging && "border-primary bg-primary/5",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-          "flex items-center justify-center text-muted-foreground",
-          variant === "dropzone" && "mb-2 h-10 w-10 rounded-full bg-muted"
-        ), children: busy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-5 w-5 animate-spin" }) : _nullishCoalesce(icon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FileUp, { className: "h-5 w-5" }))) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: variant === "icon" ? "sr-only" : "font-medium", children: busy ? busyLabel : label }),
-        description && variant === "dropzone" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { variant: "muted", className: "mt-1 max-w-md text-xs", children: description })
-      ]
-    }
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        accept,
-        multiple,
-        disabled: disabled || busy,
-        onChange: (event) => void select(Array.from(_nullishCoalesce(event.target.files, () => ( [])))),
-        className: "sr-only",
-        tabIndex: -1,
-        "aria-hidden": "true"
-      }
-    ),
-    variant === "icon" && description ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU2NES7VRcjs.Tooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipContent, { children: description })
-    ] }) : trigger
-  ] });
-}
-
-
-exports.FileDropzone = FileDropzone;
+exports.FileDropzone = _chunkI5UQSBBZcjs.FileDropzone;

package/dist/primitives/file-dropzone.js

@@ -1,118 +1,12 @@
 "use client";
 "use client";
 import {
-  Text
-} from "../chunk-EIY5LLSP.js";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger
-} from "../chunk-ZRLUUZHK.js";
-import {
-  Button
-} from "../chunk-HQRWRRZJ.js";
-import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/file-dropzone.tsx
-import { FileUp, Loader2 } from "lucide-react";
-import { useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function FileDropzone({
-  onFile,
-  onFiles,
-  multiple = false,
-  accept,
-  disabled = false,
-  busy: externalBusy = false,
-  label = "Drop a file, or choose one",
-  description,
-  busyLabel = "Reading file\u2026",
-  icon,
-  variant = "dropzone",
-  className
-}) {
-  const inputRef = useRef(null);
-  const [dragging, setDragging] = useState(false);
-  const [internalBusy, setInternalBusy] = useState(false);
-  const busy = externalBusy || internalBusy;
-  async function select(files) {
-    if (files.length === 0 || disabled || busy) return;
-    setInternalBusy(true);
-    try {
-      if (multiple) {
-        await onFiles?.(files);
-      } else {
-        const first = files[0];
-        if (first) await onFile?.(first);
-      }
-    } finally {
-      setInternalBusy(false);
-      if (inputRef.current) inputRef.current.value = "";
-    }
-  }
-  function onDrop(event) {
-    event.preventDefault();
-    setDragging(false);
-    void select(Array.from(event.dataTransfer.files ?? []));
-  }
-  const trigger = /* @__PURE__ */ jsxs(
-    Button,
-    {
-      type: "button",
-      "data-file-dropzone": "true",
-      variant: "outline",
-      size: variant === "icon" ? "icon" : "default",
-      "aria-label": variant === "icon" ? String(busy ? busyLabel : label) : void 0,
-      disabled: disabled || busy,
-      onClick: () => inputRef.current?.click(),
-      onDragEnter: (event) => {
-        event.preventDefault();
-        setDragging(true);
-      },
-      onDragOver: (event) => {
-        event.preventDefault();
-        setDragging(true);
-      },
-      onDragLeave: () => setDragging(false),
-      onDrop,
-      className: cn(
-        variant === "dropzone" ? "h-auto w-full flex-col whitespace-normal border-2 border-dashed px-6 py-8 text-center" : variant === "button" ? "w-fit" : "",
-        dragging && "border-primary bg-primary/5",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: cn(
-          "flex items-center justify-center text-muted-foreground",
-          variant === "dropzone" && "mb-2 h-10 w-10 rounded-full bg-muted"
-        ), children: busy ? /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin" }) : icon ?? /* @__PURE__ */ jsx(FileUp, { className: "h-5 w-5" }) }),
-        /* @__PURE__ */ jsx("span", { className: variant === "icon" ? "sr-only" : "font-medium", children: busy ? busyLabel : label }),
-        description && variant === "dropzone" && /* @__PURE__ */ jsx(Text, { variant: "muted", className: "mt-1 max-w-md text-xs", children: description })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        accept,
-        multiple,
-        disabled: disabled || busy,
-        onChange: (event) => void select(Array.from(event.target.files ?? [])),
-        className: "sr-only",
-        tabIndex: -1,
-        "aria-hidden": "true"
-      }
-    ),
-    variant === "icon" && description ? /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsx(TooltipContent, { children: description })
-    ] }) : trigger
-  ] });
-}
+  FileDropzone
+} from "../chunk-6V4XMQ6D.js";
+import "../chunk-EIY5LLSP.js";
+import "../chunk-ZRLUUZHK.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-G6SRSWXB.js";
 export {
   FileDropzone
 };

package/dist/primitives/input-group.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+
+
+var _chunkRIWLAMMEcjs = require('../chunk-RIWLAMME.cjs');
+require('../chunk-2HV2KKOE.cjs');
+require('../chunk-PQUSJEXL.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+
+
+exports.InputGroup = _chunkRIWLAMMEcjs.InputGroup; exports.InputGroupAddon = _chunkRIWLAMMEcjs.InputGroupAddon; exports.InputGroupButton = _chunkRIWLAMMEcjs.InputGroupButton; exports.InputGroupInput = _chunkRIWLAMMEcjs.InputGroupInput; exports.InputGroupText = _chunkRIWLAMMEcjs.InputGroupText; exports.InputGroupTextarea = _chunkRIWLAMMEcjs.InputGroupTextarea;

package/dist/primitives/input-group.d.cts

@@ -0,0 +1,20 @@
+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 { VariantProps } from 'class-variance-authority';
+import { Button } from './button.cjs';
+
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/primitives/input-group.d.ts

@@ -0,0 +1,20 @@
+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 { VariantProps } from 'class-variance-authority';
+import { Button } from './button.js';
+
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/primitives/input-group.js

@@ -0,0 +1,21 @@
+"use client";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea
+} from "../chunk-MHYAVXOE.js";
+import "../chunk-6FC65AZQ.js";
+import "../chunk-QMA3WVB7.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea
+};

package/dist/primitives/item.cjs

@@ -0,0 +1,197 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkNQK5ZWC7cjs = require('../chunk-NQK5ZWC7.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/item.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+function ItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      role: "list",
+      "data-slot": "item-group",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkNQK5ZWC7cjs.Separator,
+    {
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "my-2", className),
+      ...props
+    }
+  );
+}
+var itemVariants = _classvarianceauthority.cva.call(void 0, 
+  "group/item flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent",
+        outline: "border-border",
+        muted: "border-transparent bg-muted/50"
+      },
+      size: {
+        default: "gap-3.5 px-4 py-3.5",
+        sm: "gap-2.5 px-3 py-2.5",
+        xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? _radixui.Slot.Root : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, itemVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+var itemMediaVariants = _classvarianceauthority.cva.call(void 0, 
+  "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "[&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": variant,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, itemMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "item-content",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "item-title",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "p",
+    {
+      "data-slot": "item-description",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "item-actions",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemHeader({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "item-header",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemFooter({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "item-footer",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.Item = Item; exports.ItemActions = ItemActions; exports.ItemContent = ItemContent; exports.ItemDescription = ItemDescription; exports.ItemFooter = ItemFooter; exports.ItemGroup = ItemGroup; exports.ItemHeader = ItemHeader; exports.ItemMedia = ItemMedia; exports.ItemSeparator = ItemSeparator; exports.ItemTitle = ItemTitle;

package/dist/primitives/item.d.cts

@@ -0,0 +1,28 @@
+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 { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator.cjs';
+import '@radix-ui/react-separator';
+
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "muted" | "outline" | null | undefined;
+    size?: "xs" | "sm" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/primitives/item.d.ts

@@ -0,0 +1,28 @@
+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 { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator.js';
+import '@radix-ui/react-separator';
+
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "muted" | "outline" | null | undefined;
+    size?: "xs" | "sm" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };