@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/chunk-R3DQS6U4.cjs

@@ -0,0 +1,135 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/card.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var Card = _react.forwardRef.call(void 0, 
+  ({ className, padding = "none", overflow = "visible", align = "start", radius = "lg", spacing = "none", width = "auto", surface = "card", marginBottom = "none", printMode = "default", textSize = "inherit", interaction = "none", borderStyle = "solid", divided = false, mobileTreatment = "card", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      "data-slot": "card",
+      "data-surface": surface,
+      "data-radius": radius,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "border text-card-foreground shadow-xs",
+        surface === "card" ? "bg-card" : "bg-muted/40",
+        radius === "md" ? "rounded-md" : radius === "lg" ? "rounded-lg" : "rounded-xl",
+        padding === "xs" && "p-[14px]",
+        padding === "compact" && "p-3",
+        padding === "row" && "px-4 py-3",
+        padding === "sm" && "p-[22px]",
+        padding === "md" && "p-[26px]",
+        padding === "lg" && "p-[30px]",
+        padding === "responsive" && "p-6 md:p-8",
+        borderStyle === "dashed" && "border-2 border-dashed",
+        overflow === "hidden" && "overflow-hidden",
+        align === "center" && "text-center",
+        spacing === "md" && "space-y-4",
+        spacing === "compact" && "space-y-3",
+        width === "full" && "w-full",
+        marginBottom === "md" && "mb-4",
+        marginBottom === "lg" && "mb-8",
+        printMode === "flat" && "print:border-0 print:shadow-none",
+        textSize === "xs" && "text-xs",
+        interaction === "group" && "group",
+        divided && "divide-y",
+        mobileTreatment === "flat" && "flex flex-1 flex-col rounded-none border-0 p-0 shadow-none md:block md:flex-none md:rounded-lg md:border md:shadow-xs",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = _react.forwardRef.call(void 0, 
+  ({ className, paddingBottom = "default", padding = "default", direction = "column", justify = "start", border = "none", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      "data-slot": "card-header",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex",
+        padding === "default" ? "p-6" : "p-8",
+        direction === "column" ? "flex-col space-y-1.5" : "flex-row items-center",
+        paddingBottom === "compact" && "pb-3",
+        justify === "between" && "justify-between",
+        border === "bottom" && "border-b border-border",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = _react.forwardRef.call(void 0, ({ className, size = "default", display = "block", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "h3",
+  {
+    ref,
+    "data-slot": "card-title",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "font-semibold leading-none tracking-tight",
+      size === "default" ? "text-2xl" : size === "section" ? "text-lg" : size === "base" ? "text-base" : "text-sm",
+      display === "inline-flex" && "inline-flex items-center gap-2",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = _react.forwardRef.call(void 0, ({ className, marginTop = "none", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "p",
+  {
+    ref,
+    "data-slot": "card-description",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "text-sm text-muted-foreground", marginTop === "xs" && "mt-1", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = _react.forwardRef.call(void 0, 
+  ({ className, padding = "default", textSize = "inherit", align = "start", spacing = "none", layout = "block", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, "data-slot": "card-content", className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+    padding === "default" && "p-6 pt-0",
+    padding === "compact" && "p-4",
+    padding === "spacious" && "p-8",
+    textSize === "sm" && "text-sm",
+    align === "center" && "text-center",
+    spacing === "md" && "space-y-4",
+    spacing === "compact" && "space-y-3",
+    spacing === "lg" && "space-y-5",
+    layout === "empty-state" && "flex flex-col items-center gap-3 py-16 text-center",
+    className
+  ), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = _react.forwardRef.call(void 0, 
+  ({ className, justify = "start", border = "none", padding = "default", printVisibility = "visible", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      "data-slot": "card-footer",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex items-center",
+        padding === "default" ? "p-6 pt-0" : "p-4",
+        justify === "center" && "justify-center",
+        border === "top" && "border-t border-border",
+        printVisibility === "hidden" && "print:hidden",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+
+
+
+
+
+
+
+
+exports.Card = Card; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter;

package/dist/chunk-R4AIM3BQ.js

@@ -0,0 +1,72 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/alert.tsx
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+        warning: "border-amber-500/50 bg-amber-500/10 text-amber-800 dark:text-amber-300 [&>svg]:text-amber-600",
+        success: "border-emerald-500/40 bg-emerald-500/10 text-emerald-800 dark:text-emerald-300 [&>svg]:text-emerald-600"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = forwardRef(({ className, variant, marginBottom = "none", marginTop = "none", padding = "default", radius = "lg", textSize = "inherit", layout = "block", justify = "start", align = "start", ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(
+      alertVariants({ variant }),
+      marginBottom === "md" && "mb-3",
+      marginTop === "md" && "mt-4",
+      padding === "compact" && "px-3 py-2",
+      radius === "md" && "rounded-md",
+      radius === "xl" && "rounded-xl",
+      textSize === "xs" && "text-xs",
+      textSize === "sm" && "text-sm",
+      layout === "row" && "flex gap-3",
+      justify === "between" && "justify-between",
+      align === "center" && "items-center",
+      className
+    ),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = forwardRef(({ className, spacing = "none", ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", spacing === "tight" && "space-y-1", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+export {
+  Alert,
+  AlertTitle,
+  AlertDescription
+};

package/dist/chunk-R5L4CM6V.cjs

@@ -0,0 +1,202 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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";
+
+
+
+var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/calendar.tsx
+var _react = require('react');
+var _reactdaypicker = require('react-day-picker');
+var _lucidereact = require('lucide-react');
+
+var _jsxruntime = require('react/jsx-runtime');
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = _reactdaypicker.getDefaultClassNames.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactdaypicker.DayPicker,
+    {
+      showOutsideDays,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "bg-white group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent dark:bg-slate-950",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters: {
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+        ...formatters
+      },
+      classNames: {
+        root: _chunkKWLSBTB2cjs.cn.call(void 0, "w-fit", defaultClassNames.root),
+        months: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: _chunkKWLSBTB2cjs.cn.call(void 0, "flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          _chunkL4DH72UFcjs.buttonVariants.call(void 0, { variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          _chunkL4DH72UFcjs.buttonVariants.call(void 0, { variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "has-focus:border-slate-950 border-slate-200 shadow-xs has-focus:ring-slate-950/50 has-focus:ring-[3px] relative rounded-md border dark:has-focus:border-slate-300 dark:border-slate-800 dark:has-focus:ring-slate-300/50",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: _chunkKWLSBTB2cjs.cn.call(void 0, "absolute inset-0 opacity-0", defaultClassNames.dropdown),
+        caption_label: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "select-none font-medium",
+          captionLayout === "label" ? "text-sm" : "[&>svg]:text-slate-500 flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 dark:[&>svg]:text-slate-400",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: _chunkKWLSBTB2cjs.cn.call(void 0, "flex", defaultClassNames.weekdays),
+        weekday: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "text-slate-500 flex-1 select-none rounded-md text-[0.8rem] font-normal dark:text-slate-400",
+          defaultClassNames.weekday
+        ),
+        week: _chunkKWLSBTB2cjs.cn.call(void 0, "mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "w-[--cell-size] select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "text-slate-500 select-none text-[0.8rem] dark:text-slate-400",
+          defaultClassNames.week_number
+        ),
+        day: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
+          defaultClassNames.day
+        ),
+        range_start: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "bg-slate-100 rounded-l-md dark:bg-slate-800",
+          defaultClassNames.range_start
+        ),
+        range_middle: _chunkKWLSBTB2cjs.cn.call(void 0, "rounded-none", defaultClassNames.range_middle),
+        range_end: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "bg-slate-100 rounded-r-md dark:bg-slate-800",
+          defaultClassNames.range_end
+        ),
+        today: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "bg-slate-100 text-slate-900 rounded-md data-[selected=true]:rounded-none dark:bg-slate-800 dark:text-slate-50",
+          defaultClassNames.today
+        ),
+        outside: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "text-slate-500 aria-selected:text-slate-500 dark:text-slate-400 dark:aria-selected:text-slate-400",
+          defaultClassNames.outside
+        ),
+        disabled: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "text-slate-500 opacity-50 dark:text-slate-400",
+          defaultClassNames.disabled
+        ),
+        hidden: _chunkKWLSBTB2cjs.cn.call(void 0, "invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => {
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: _chunkKWLSBTB2cjs.cn.call(void 0, className2),
+              ...props2
+            }
+          );
+        },
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _lucidereact.ChevronLeft,
+              {
+                className: _chunkKWLSBTB2cjs.cn.call(void 0, "size-4", className2),
+                ...props2
+              }
+            );
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _lucidereact.ChevronRight,
+              {
+                className: _chunkKWLSBTB2cjs.cn.call(void 0, "size-4", className2),
+                ...props2
+              }
+            );
+          }
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDownIcon, { className: _chunkKWLSBTB2cjs.cn.call(void 0, "size-4", className2), ...props2 });
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props2 }) => {
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { ...props2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
+        },
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const defaultClassNames = _reactdaypicker.getDefaultClassNames.call(void 0, );
+  const ref = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (modifiers.focused) _optionalChain([ref, 'access', _ => _.current, 'optionalAccess', _2 => _2.focus, 'call', _3 => _3()]);
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL4DH72UFcjs.Button,
+    {
+      ref,
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "data-[selected-single=true]:bg-slate-900 data-[selected-single=true]:text-slate-50 data-[range-middle=true]:bg-slate-100 data-[range-middle=true]:text-slate-900 data-[range-start=true]:bg-slate-900 data-[range-start=true]:text-slate-50 data-[range-end=true]:bg-slate-900 data-[range-end=true]:text-slate-50 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70 dark:data-[selected-single=true]:bg-slate-50 dark:data-[selected-single=true]:text-slate-900 dark:data-[range-middle=true]:bg-slate-800 dark:data-[range-middle=true]:text-slate-50 dark:data-[range-start=true]:bg-slate-50 dark:data-[range-start=true]:text-slate-900 dark:data-[range-end=true]:bg-slate-50 dark:data-[range-end=true]:text-slate-900",
+        defaultClassNames.day,
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+
+
+
+exports.Calendar = Calendar; exports.CalendarDayButton = CalendarDayButton;

package/dist/chunk-RIWLAMME.cjs

@@ -0,0 +1,159 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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";
+
+
+var _chunk2HV2KKOEcjs = require('./chunk-2HV2KKOE.cjs');
+
+
+var _chunkPQUSJEXLcjs = require('./chunk-PQUSJEXL.cjs');
+
+
+var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/input-group.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var inputGroupAddonVariants = _classvarianceauthority.cva.call(void 0, 
+  "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
+        "inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
+        "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+        "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, inputGroupAddonVariants({ align }), className),
+      onClick: (e) => {
+        if (e.target.closest("button")) {
+          return;
+        }
+        _optionalChain([e, 'access', _ => _.currentTarget, 'access', _2 => _2.parentElement, 'optionalAccess', _3 => _3.querySelector, 'call', _4 => _4("input"), 'optionalAccess', _5 => _5.focus, 'call', _6 => _6()]);
+      },
+      ...props
+    }
+  );
+}
+var inputGroupButtonVariants = _classvarianceauthority.cva.call(void 0, 
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL4DH72UFcjs.Button,
+    {
+      type,
+      size: "bare",
+      "data-size": size,
+      variant,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkPQUSJEXLcjs.Input,
+    {
+      "data-slot": "input-group-control",
+      controlSize: "sm",
+      surface: "ghost",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "min-w-0 flex-1 rounded-none border-0 bg-transparent px-2.5 py-1 shadow-none ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 aria-invalid:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupTextarea({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk2HV2KKOEcjs.Textarea,
+    {
+      "data-slot": "input-group-control",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "field-sizing-content min-h-16 flex-1 resize-none rounded-none border-0 bg-transparent px-2.5 py-2 shadow-none ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 aria-invalid:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+exports.InputGroup = InputGroup; exports.InputGroupAddon = InputGroupAddon; exports.InputGroupButton = InputGroupButton; exports.InputGroupText = InputGroupText; exports.InputGroupInput = InputGroupInput; exports.InputGroupTextarea = InputGroupTextarea;