@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/chunk-WNXVGUBF.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/popover.tsx
+var _reactpopover = require('@radix-ui/react-popover'); var PopoverPrimitive = _interopRequireWildcard(_reactpopover);
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, width = "default", minWidth = "none", padding = "default", spacing = "none", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "z-50 rounded-md border bg-popover text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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",
+      width === "default" && "w-72",
+      width === "trigger" && "w-(--radix-popover-trigger-width)",
+      width === "sm" && "w-64",
+      width === "score" && "w-[360px]",
+      width === "lg" && "w-96",
+      minWidth === "sm" && "min-w-[280px]",
+      padding === "default" && "p-4",
+      padding === "compact" && "p-3",
+      spacing === "compact" && "space-y-3",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+
+
+
+
+exports.Popover = Popover; exports.PopoverTrigger = PopoverTrigger; exports.PopoverContent = PopoverContent;

package/dist/chunk-WQJKUKBL.cjs

@@ -0,0 +1,125 @@
+"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";
+
+
+
+
+
+
+
+
+
+var _chunkZAITUDYDcjs = require('./chunk-ZAITUDYD.cjs');
+
+
+var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/page-header-actions.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function MenuActionContent({ action }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    action.icon,
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-col gap-0.5", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: action.label }),
+      action.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-normal leading-snug text-muted-foreground", children: action.description })
+    ] })
+  ] });
+}
+function MenuActions({ actions }) {
+  return actions.map((action) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+    action.separatorBefore && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuSeparator, {}),
+    _optionalChain([action, 'access', _ => _.items, 'optionalAccess', _2 => _2.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenuSub, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuSubTrigger, { disabled: action.disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuActionContent, { action }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuSubContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuActions, { actions: action.items }) })
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkZAITUDYDcjs.DropdownMenuItem,
+      {
+        disabled: action.disabled,
+        tone: action.tone,
+        onSelect: action.onSelect,
+        className: action.description ? "items-start" : void 0,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuActionContent, { action })
+      }
+    )
+  ] }, action.id));
+}
+function PageHeaderActions({
+  actions,
+  mobileLabel = "Actions",
+  mobileAriaLabel,
+  className
+}) {
+  if (actions.length === 0) return null;
+  const priorityFor = (action) => {
+    if (action.priority) return action.priority;
+    if (action.variant === "default") return "primary";
+    if (["quiet", "ghost", "ghost-destructive", "link", "link-muted"].includes(_nullishCoalesce(action.variant, () => ( "")))) {
+      return "tertiary";
+    }
+    return "secondary";
+  };
+  const hasPrimaryAction = actions.some((action) => priorityFor(action) === "primary");
+  const desktopActions = hasPrimaryAction ? actions.map((action, index) => ({ action, index })).sort((left, right) => {
+    const rank = { tertiary: 0, secondary: 1, primary: 2 };
+    return rank[priorityFor(left.action)] - rank[priorityFor(right.action)] || left.index - right.index;
+  }).map(({ action }) => action) : actions;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "shrink-0", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "hidden items-center gap-2 sm:flex",
+        "data-slot": "page-header-actions-desktop",
+        children: desktopActions.map(
+          (action) => _optionalChain([action, 'access', _3 => _3.items, 'optionalAccess', _4 => _4.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenu, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _chunkL4DH72UFcjs.Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: _nullishCoalesce(action.variant, () => ( "outline")),
+                disabled: action.disabled,
+                title: action.title,
+                children: [
+                  action.icon,
+                  action.label,
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { "aria-hidden": "true" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuContent, { align: "end", width: "compact", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuActions, { actions: action.items }) })
+          ] }, action.id) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _chunkL4DH72UFcjs.Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: _nullishCoalesce(action.variant, () => ( "outline")),
+              disabled: action.disabled,
+              title: action.title,
+              onClick: action.onSelect,
+              children: [
+                action.icon,
+                action.label
+              ]
+            },
+            action.id
+          )
+        )
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "sm:hidden", "data-slot": "page-header-actions-mobile", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenu, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL4DH72UFcjs.Button, { type: "button", size: "sm", variant: "outline", "aria-label": mobileAriaLabel, children: [
+        mobileLabel,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { "aria-hidden": "true" })
+      ] }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuContent, { align: "end", width: "compact", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuActions, { actions }) })
+    ] }) })
+  ] });
+}
+
+
+
+exports.PageHeaderActions = PageHeaderActions;

package/dist/chunk-XAPPU3MD.js

@@ -0,0 +1,35 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/switch.tsx
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { jsx } from "react/jsx-runtime";
+var Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
+  {
+    "data-slot": "switch",
+    className: cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx(
+      SwitchPrimitives.Thumb,
+      {
+        "data-slot": "switch-thumb",
+        className: cn(
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export {
+  Switch
+};

package/dist/chunk-XLIAY56V.cjs

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/scroll-area.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactscrollarea = require('@radix-ui/react-scroll-area'); var ScrollAreaPrimitive = _interopRequireWildcard(_reactscrollarea);
+var _jsxruntime = require('react/jsx-runtime');
+var ScrollArea = React.forwardRef(({ className, children, height = "auto", maxHeight = "none", padding = "none", paddingEnd = "none", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "relative overflow-hidden",
+      height === "full" && "h-full",
+      maxHeight === "sm" && "max-h-52",
+      maxHeight === "compact" && "max-h-[260px]",
+      maxHeight === "md" && "max-h-72",
+      maxHeight === "lg" && "max-h-96",
+      maxHeight === "viewport" && "max-h-[60vh]",
+      padding === "drawer" && "px-4 pb-8",
+      paddingEnd === "sm" && "pr-2",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollBar, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+
+
+
+exports.ScrollArea = ScrollArea; exports.ScrollBar = ScrollBar;

package/dist/chunk-YEW65ASC.js

@@ -0,0 +1,66 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/skeleton.tsx
+import { jsx } from "react/jsx-runtime";
+var presets = {
+  blank: "",
+  line: "h-4 w-1/3",
+  "line-short": "h-4 w-32",
+  "line-full": "h-4 w-full",
+  "line-wide": "h-4 w-2/3",
+  title: "h-9 w-2/3",
+  "title-full": "h-9 w-full",
+  heading: "h-8 w-48",
+  "heading-wide": "h-8 w-64",
+  bar: "h-6 w-full",
+  "control-sm": "h-10 w-full",
+  control: "h-12 w-full",
+  "row-compact": "h-12 w-full",
+  row: "h-16 w-full",
+  "row-lg": "h-20 w-full",
+  panel: "h-32 w-full",
+  "panel-lg": "h-40 w-full",
+  article: "h-48 w-full",
+  "card-sm": "h-24 w-full",
+  "card-md": "h-44 w-full"
+};
+function Skeleton({ className, preset = "line", radius = "md", width = "preset", height = "preset", shape = "rounded", centered = false, shrink = true, marginTop = "none", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "animate-pulse bg-muted",
+        shape === "circle" ? "rounded-full" : radius === "md" ? "rounded-md" : "rounded-xl",
+        presets[preset],
+        width === "full" && "w-full",
+        width === "three-quarter" && "w-3/4",
+        width === "two-third" && "w-2/3",
+        width === "half" && "w-1/2",
+        width === "two-fifth" && "w-2/5",
+        width === "one-third" && "w-1/3",
+        width === "three-fifth" && "w-3/5",
+        width === "four-fifth" && "w-4/5",
+        width === "sm" && "w-20",
+        width === "md" && "w-24",
+        height === "dot" && "h-2",
+        height === "xs" && "h-2.5",
+        height === "sm" && "h-3",
+        height === "md" && "h-7",
+        height === "lg" && "h-8",
+        height === "xl" && "h-10",
+        centered && "mx-auto",
+        !shrink && "shrink-0",
+        marginTop === "xs" && "mt-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Skeleton
+};

package/dist/chunk-YG7FBJRM.js

@@ -0,0 +1,40 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/popover.tsx
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, width = "default", minWidth = "none", padding = "default", spacing = "none", ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 rounded-md border bg-popover text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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",
+      width === "default" && "w-72",
+      width === "trigger" && "w-(--radix-popover-trigger-width)",
+      width === "sm" && "w-64",
+      width === "score" && "w-[360px]",
+      width === "lg" && "w-96",
+      minWidth === "sm" && "min-w-[280px]",
+      padding === "default" && "p-4",
+      padding === "compact" && "p-3",
+      spacing === "compact" && "space-y-3",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export {
+  Popover,
+  PopoverTrigger,
+  PopoverContent
+};

package/dist/chunk-YWAQRAXP.js

@@ -0,0 +1,78 @@
+"use client";
+import {
+  statusFill
+} from "./chunk-F7JHSZNT.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/sentiment-dot.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SENTIMENT_TO_TONE = {
+  positive: "success",
+  neutral: "neutral",
+  negative: "error",
+  warning: "warning"
+};
+function sentimentTone(sentiment) {
+  return SENTIMENT_TO_TONE[sentiment];
+}
+function SentimentDot({ sentiment, size = "xs", placement = "inline", className }) {
+  const fill = statusFill[sentimentTone(sentiment)];
+  const sizeClass = size === "sm" ? "h-2 w-2" : "h-1.5 w-1.5";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "rounded-full shrink-0",
+        placement === "inline" ? "mt-1.5" : "absolute right-1 top-1",
+        sizeClass,
+        fill,
+        className
+      )
+    }
+  );
+}
+function SentimentLabel({ sentiment, children, size = "sm", className }) {
+  return /* @__PURE__ */ jsxs("span", { "data-slot": "sentiment-label", className: cn("inline-flex items-center gap-1.5 align-middle", className), children: [
+    /* @__PURE__ */ jsx(SentimentDot, { sentiment, size, className: "mt-0 self-center" }),
+    children
+  ] });
+}
+function SentimentBadge({ sentiment, children, className }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1 text-[11px] font-medium px-2 py-0.5 rounded-full border",
+        toneClasses(sentiment),
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(SentimentDot, { sentiment, size: "xs", className: "mt-0" }),
+        children
+      ]
+    }
+  );
+}
+function toneClasses(sentiment) {
+  switch (sentiment) {
+    case "positive":
+      return "bg-emerald-500/10 text-emerald-800 border-emerald-500/30 dark:text-emerald-300";
+    case "warning":
+      return "bg-amber-500/10 text-amber-800 border-amber-500/30 dark:text-amber-300";
+    case "negative":
+      return "bg-red-500/10 text-red-800 border-red-500/30 dark:text-red-300";
+    case "neutral":
+    default:
+      return "bg-muted text-muted-foreground border-border";
+  }
+}
+
+export {
+  sentimentTone,
+  SentimentDot,
+  SentimentLabel,
+  SentimentBadge
+};

package/dist/chunk-YYFVG5A6.cjs

@@ -0,0 +1,152 @@
+"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";
+
+
+var _chunkXLIAY56Vcjs = require('./chunk-XLIAY56V.cjs');
+
+
+
+
+
+
+var _chunkV5SPFLKWcjs = require('./chunk-V5SPFLKW.cjs');
+
+
+var _chunkVGTINL5Qcjs = require('./chunk-VGTINL5Q.cjs');
+
+
+var _chunkVBPPFC7Xcjs = require('./chunk-VBPPFC7X.cjs');
+
+// src/primitives/board-view-internals.tsx
+var _lucidereact = require('lucide-react');
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function BoardColumnComponent({
+  column,
+  items,
+  loading,
+  getItemId,
+  renderCard,
+  renderColumnHeader,
+  renderEmpty,
+  dragItemId,
+  onDragStart,
+  onDragEnd,
+  onMove,
+  columnMinHeight
+}) {
+  const [isDropTarget, setIsDropTarget] = _react.useState.call(void 0, false);
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDropTarget(false);
+    const itemId = e.dataTransfer.getData("text/board-item-id");
+    const fromColumn = e.dataTransfer.getData("text/board-column-id");
+    if (!itemId || fromColumn === column.id) return;
+    const parsed = Number(itemId);
+    _optionalChain([onMove, 'optionalCall', _2 => _2(Number.isNaN(parsed) ? itemId : parsed, fromColumn, column.id)]);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      onDragOver: (e) => {
+        if (dragItemId !== null) {
+          e.preventDefault();
+          setIsDropTarget(true);
+        }
+      },
+      onDragLeave: () => setIsDropTarget(false),
+      onDrop: handleDrop,
+      className: `rounded-md flex flex-col transition-colors ${isDropTarget ? "bg-primary/10 ring-2 ring-primary/40" : "bg-muted/30"}`,
+      style: { minHeight: columnMinHeight },
+      children: [
+        renderColumnHeader ? renderColumnHeader(column, items) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between px-3 py-2.5 border-b", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-medium uppercase tracking-wider", children: column.label }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVGTINL5Qcjs.CountBadge, { value: items.length, variant: "secondary" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXLIAY56Vcjs.ScrollArea, { className: "flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-2 space-y-2", children: loading && items.length === 0 ? Array.from({ length: 2 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVBPPFC7Xcjs.Skeleton, { className: "h-20 w-full" }, i)) : items.length === 0 ? renderEmpty ? renderEmpty(column) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground text-center py-6", children: isDropTarget ? "Drop to move here" : "Empty" }) : items.map((item) => {
+          const id = getItemId(item);
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              draggable: !!onMove,
+              onDragStart: (e) => {
+                e.dataTransfer.setData("text/board-item-id", String(id));
+                e.dataTransfer.setData("text/board-column-id", column.id);
+                e.dataTransfer.effectAllowed = "move";
+                onDragStart(id);
+              },
+              onDragEnd,
+              className: onMove ? `cursor-grab active:cursor-grabbing ${dragItemId === id ? "opacity-40 ring-2 ring-primary rounded-md" : ""}` : "",
+              children: renderCard(item, column.id)
+            },
+            id
+          );
+        }) }) })
+      ]
+    }
+  );
+}
+function MobileBoardView({
+  columns,
+  grouped,
+  activeColumnId,
+  onActiveColumnChange,
+  loading,
+  getItemId,
+  renderCard,
+  renderEmpty,
+  onMove
+}) {
+  const activeColumn = _nullishCoalesce(columns.find((c) => c.id === activeColumnId), () => ( columns[0]));
+  const items = activeColumn ? _nullishCoalesce(grouped[activeColumn.id], () => ( [])) : [];
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-1.5 overflow-x-auto pb-1 -mx-1 px-1 scrollbar-none", children: columns.map((col) => {
+      const count = (_nullishCoalesce(grouped[col.id], () => ( []))).length;
+      const isActive = col.id === activeColumn.id;
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "button",
+        {
+          type: "button",
+          onClick: () => onActiveColumnChange(col.id),
+          className: `flex items-center gap-1.5 whitespace-nowrap rounded-full px-3 py-1.5 text-xs font-medium transition-colors shrink-0 ${isActive ? "bg-foreground text-background" : "bg-muted text-muted-foreground"}`,
+          children: [
+            col.label,
+            count > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVGTINL5Qcjs.CountBadge, { value: count, variant: "secondary" })
+          ]
+        },
+        col.id
+      );
+    }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-2", children: loading && items.length === 0 ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVBPPFC7Xcjs.Skeleton, { className: "h-20 w-full rounded-lg" }, i)) : items.length === 0 ? renderEmpty ? renderEmpty(activeColumn) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-sm text-muted-foreground text-center py-8", children: [
+      "No items in ",
+      activeColumn.label
+    ] }) : items.map((item) => {
+      const id = getItemId(item);
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
+        renderCard(item, activeColumn.id),
+        onMove && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute top-2 right-2", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunkV5SPFLKWcjs.Select,
+          {
+            value: activeColumn.id,
+            onValueChange: (toCol) => {
+              if (toCol !== activeColumn.id) {
+                onMove(id, activeColumn.id, toCol);
+              }
+            },
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV5SPFLKWcjs.SelectTrigger, { className: "h-7 text-[10px] w-auto gap-1 px-2 bg-background/80 backdrop-blur-sm", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "h-3 w-3" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV5SPFLKWcjs.SelectValue, {})
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV5SPFLKWcjs.SelectContent, { children: columns.map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV5SPFLKWcjs.SelectItem, { value: col.id, className: "text-xs", children: col.label }, col.id)) })
+            ]
+          }
+        ) })
+      ] }, id);
+    }) })
+  ] });
+}
+
+
+
+
+exports.BoardColumnComponent = BoardColumnComponent; exports.MobileBoardView = MobileBoardView;