@collabdt/core 0.0.40

package/dist/core/components/ui/Card.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
+//# sourceMappingURL=Card.d.ts.map

package/dist/core/components/ui/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,IAAI,6GAYR,CAAA;AAGF,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,QAAA,MAAM,SAAS,6GASb,CAAA;AAGF,QAAA,MAAM,eAAe,6GASnB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAKf,CAAA;AAGF,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}

package/dist/core/components/ui/Card.js

@@ -0,0 +1,103 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/utils";
+const Card = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn(
+        "rounded-xl border bg-card text-card-foreground shadow",
+        className
+      )
+    }, props)
+  );
+});
+Card.displayName = "Card";
+const CardHeader = React.forwardRef((_c, ref) => {
+  var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("flex flex-col space-y-1.5 p-6", className)
+    }, props)
+  );
+});
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef((_e, ref) => {
+  var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("font-semibold leading-none tracking-tight", className)
+    }, props)
+  );
+});
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef((_g, ref) => {
+  var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef((_i, ref) => {
+  var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
+});
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef((_k, ref) => {
+  var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("flex items-center p-6 pt-0", className)
+    }, props)
+  );
+});
+CardFooter.displayName = "CardFooter";
+export {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
+};
+//# sourceMappingURL=Card.js.map

package/dist/core/components/ui/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/Card.tsx"],"sourcesContent":["import * as React from 'react'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Card = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\r\n      'rounded-xl border bg-card text-card-foreground shadow',\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nCard.displayName = 'Card'\r\n\r\nconst CardHeader = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn('flex flex-col space-y-1.5 p-6', className)}\r\n    {...props}\r\n  />\r\n))\r\nCardHeader.displayName = 'CardHeader'\r\n\r\nconst CardTitle = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn('font-semibold leading-none tracking-tight', className)}\r\n    {...props}\r\n  />\r\n))\r\nCardTitle.displayName = 'CardTitle'\r\n\r\nconst CardDescription = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn('text-sm text-muted-foreground', className)}\r\n    {...props}\r\n  />\r\n))\r\nCardDescription.displayName = 'CardDescription'\r\n\r\nconst CardContent = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />\r\n))\r\nCardContent.displayName = 'CardContent'\r\n\r\nconst CardFooter = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn('flex items-center p-6 pt-0', className)}\r\n    {...props}\r\n  />\r\n))\r\nCardFooter.displayName = 'CardFooter'\r\n\r\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQE;AARF,YAAY,WAAW;AAEvB,SAAS,UAAU;AAEnB,MAAM,OAAO,MAAM,WAGjB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAPL,IAOG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,KAAK,cAAc;AAEnB,MAAM,aAAa,MAAM,WAGvB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAtBL,IAsBG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAAA,CACD;AACD,WAAW,cAAc;AAEzB,MAAM,YAAY,MAAM,WAGtB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAlCL,IAkCG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,6CAA6C,SAAS;AAAA,OAChE;AAAA,EACN;AAAA,CACD;AACD,UAAU,cAAc;AAExB,MAAM,kBAAkB,MAAM,WAG5B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA9CL,IA8CG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAAA,CACD;AACD,gBAAgB,cAAc;AAE9B,MAAM,cAAc,MAAM,WAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA1DL,IA0DG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC,wBAAI,KAAU,WAAW,GAAG,YAAY,SAAS,KAAO,MAAO;AAAA,CACjE;AACD,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM,WAGvB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAlEL,IAkEG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,OACjD;AAAA,EACN;AAAA,CACD;AACD,WAAW,cAAc;","names":[]}

package/dist/core/components/ui/Checkbox.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/core/components/ui/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D,QAAA,MAAM,QAAQ,iKAkBZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/core/components/ui/Checkbox.js

@@ -0,0 +1,63 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+import { cn } from "../../utils/utils";
+const Checkbox = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Indicator,
+        {
+          className: cn("flex items-center justify-center text-current"),
+          children: /* @__PURE__ */ jsx(Check, { className: "!h-2.5 !w-2.5" })
+        }
+      )
+    })
+  );
+});
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+export {
+  Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/core/components/ui/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/Checkbox.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\r\nimport { Check } from 'lucide-react'\r\n\r\nimport { cn } from '../../utils/utils'\r\n\r\nconst Checkbox = React.forwardRef<\r\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n  <CheckboxPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\r\n      'peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\r\n      className,\r\n    )}\r\n    {...props}\r\n  >\r\n    <CheckboxPrimitive.Indicator\r\n      className={cn('flex items-center justify-center text-current')}\r\n    >\r\n      <Check className=\"!h-2.5 !w-2.5\" />\r\n    </CheckboxPrimitive.Indicator>\r\n  </CheckboxPrimitive.Root>\r\n))\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\r\n\r\nexport { Checkbox }\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBM;AArBN,YAAY,WAAW;AACvB,YAAY,uBAAuB;AACnC,SAAS,aAAa;AAEtB,SAAS,UAAU;AAEnB,MAAM,WAAW,MAAM,WAGrB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAXL,IAWG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI,QANL;AAAA,MAQC;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACC,WAAW,GAAG,+CAA+C;AAAA,UAE7D,8BAAC,SAAM,WAAU,iBAAgB;AAAA;AAAA,MACnC;AAAA;AAAA,EACF;AAAA,CACD;AACD,SAAS,cAAc,kBAAkB,KAAK;","names":[]}

package/dist/core/components/ui/CollapsibleSection.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+interface CollapsibleSectionProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    icon?: React.ElementType;
+    className?: string;
+    style?: React.CSSProperties;
+    chevronPosition?: 'left' | 'right';
+    switchVariant?: {
+        checked: boolean;
+        onCheckedChange: (checked: boolean) => void;
+        disabled?: boolean;
+    };
+    itemCount?: number;
+    onAddItem?: () => void;
+    onToggleVisibility?: (visibility: boolean) => void;
+    addItemTitle?: string;
+    colour?: string;
+    /** Extra buttons rendered in the header next to the chevron. Click events
+     *  on this content are not propagated to the section's collapse toggle. */
+    headerActions?: React.ReactNode;
+}
+export declare function CollapsibleSection({ title, children, defaultOpen, icon, className, style, chevronPosition, switchVariant, itemCount, onAddItem, onToggleVisibility, addItemTitle, colour, headerActions, }: CollapsibleSectionProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CollapsibleSection.d.ts.map

package/dist/core/components/ui/CollapsibleSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSection.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/CollapsibleSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE;QACd,OAAO,EAAE,OAAO,CAAA;QAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;QAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;+EAC2E;IAC3E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,IAAI,EACJ,SAAS,EACT,KAAK,EACL,eAAyB,EACzB,aAAa,EACb,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,YAAyB,EACzB,MAAM,EACN,aAAa,GACd,EAAE,uBAAuB,qBA0GzB"}

package/dist/core/components/ui/CollapsibleSection.js

@@ -0,0 +1,118 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "./Button";
+import { Switch } from "./Switch";
+import * as LR from "lucide-react";
+import { Badge } from "./Badge";
+function CollapsibleSection({
+  title,
+  children,
+  defaultOpen = true,
+  icon,
+  className,
+  style,
+  chevronPosition = "right",
+  switchVariant,
+  itemCount,
+  onAddItem,
+  onToggleVisibility,
+  addItemTitle = "Add item",
+  colour,
+  headerActions
+}) {
+  var _a, _b;
+  const [isOpen, setIsOpen] = React.useState(defaultOpen);
+  const prevCheckedRef = React.useRef(switchVariant == null ? void 0 : switchVariant.checked);
+  React.useEffect(() => {
+    if (!switchVariant) return;
+    const prevChecked = prevCheckedRef.current;
+    const currentChecked = switchVariant.checked;
+    if (!prevChecked && currentChecked) {
+      setIsOpen(true);
+    } else if (prevChecked && !currentChecked) {
+      setIsOpen(false);
+    }
+    prevCheckedRef.current = currentChecked;
+  }, [switchVariant == null ? void 0 : switchVariant.checked]);
+  return /* @__PURE__ */ jsxs("div", { className: "w-full min-h-0 flex flex-col p-2 pb-2 ", style, children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center overflow-hidden gap-2 cursor-pointer hover:bg-accent/50 rounded-md p-1 -m-1 transition-colors",
+        onClick: (e) => {
+          if (e.target instanceof HTMLElement && (e.target.closest('[role="switch"]') || e.target.closest("button"))) {
+            return;
+          }
+          setIsOpen(!isOpen);
+        },
+        title: isOpen ? "Collapse section" : "Expand section",
+        children: [
+          chevronPosition === "left" && /* @__PURE__ */ jsx(
+            LR.ChevronRight,
+            {
+              className: `h-4 w-4 transition-transform ${isOpen ? "rotate-90" : ""}`
+            }
+          ),
+          icon && React.createElement(icon, { className: "h-4 w-4", style: colour ? { color: colour } : void 0 }),
+          /* @__PURE__ */ jsxs("h3", { className: "text-sm font-medium text-foreground flex-1 flex items-center gap-2", children: [
+            title.replace(/_/g, " "),
+            typeof itemCount === "number" && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: itemCount })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 ml-auto", children: [
+            headerActions && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "flex items-center gap-1",
+                onClick: (e) => e.stopPropagation(),
+                children: headerActions
+              }
+            ),
+            onAddItem && /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                className: "h-6 w-6 p-0 hover:bg-accent",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onAddItem();
+                },
+                title: addItemTitle,
+                children: /* @__PURE__ */ jsx(LR.Plus, { className: "h-3 w-3" })
+              }
+            ),
+            chevronPosition === "right" && switchVariant && /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: switchVariant.checked,
+                onCheckedChange: switchVariant.onCheckedChange,
+                disabled: (_a = switchVariant.disabled) != null ? _a : false,
+                title: switchVariant.checked ? `Hide ${title.toLowerCase()}` : `Show ${title.toLowerCase()}`
+              }
+            ),
+            chevronPosition === "right" && /* @__PURE__ */ jsx(
+              LR.ChevronRight,
+              {
+                className: `h-4 w-4 transition-transform ${isOpen ? "rotate-90" : ""}`
+              }
+            ),
+            chevronPosition === "left" && switchVariant && /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: switchVariant.checked,
+                onCheckedChange: switchVariant.onCheckedChange,
+                disabled: (_b = switchVariant.disabled) != null ? _b : false
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    isOpen && /* @__PURE__ */ jsx("div", { className: `pl-3 pt-2 min-h-0 flex-1 ${className || ""}`, children })
+  ] });
+}
+export {
+  CollapsibleSection
+};
+//# sourceMappingURL=CollapsibleSection.js.map

package/dist/core/components/ui/CollapsibleSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/CollapsibleSection.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { Button } from './Button'\r\nimport { Switch } from './Switch'\r\nimport * as LR from 'lucide-react'\r\nimport { Badge } from './Badge'\r\n\r\ninterface CollapsibleSectionProps {\r\n  title: string\r\n  children: React.ReactNode\r\n  defaultOpen?: boolean\r\n  icon?: React.ElementType\r\n  className?: string\r\n  style?: React.CSSProperties\r\n  chevronPosition?: 'left' | 'right'\r\n  switchVariant?: {\r\n    checked: boolean\r\n    onCheckedChange: (checked: boolean) => void\r\n    disabled?: boolean\r\n  }\r\n  itemCount?: number\r\n  onAddItem?: () => void\r\n  onToggleVisibility?: (visibility: boolean) => void\r\n  addItemTitle?: string\r\n  colour?: string\r\n  /** Extra buttons rendered in the header next to the chevron. Click events\r\n   *  on this content are not propagated to the section's collapse toggle. */\r\n  headerActions?: React.ReactNode\r\n}\r\n\r\nexport function CollapsibleSection({\r\n  title,\r\n  children,\r\n  defaultOpen = true,\r\n  icon,\r\n  className,\r\n  style,\r\n  chevronPosition = 'right',\r\n  switchVariant,\r\n  itemCount,\r\n  onAddItem,\r\n  onToggleVisibility,\r\n  addItemTitle = 'Add item',\r\n  colour,\r\n  headerActions,\r\n}: CollapsibleSectionProps) {\r\n  const [isOpen, setIsOpen] = React.useState(defaultOpen)\r\n  const prevCheckedRef = React.useRef(switchVariant?.checked)\r\n\r\n  // Auto-expand when visibility turns on, auto-collapse when turns off\r\n  React.useEffect(() => {\r\n    if (!switchVariant) return\r\n    \r\n    const prevChecked = prevCheckedRef.current\r\n    const currentChecked = switchVariant.checked\r\n    \r\n    if (!prevChecked && currentChecked) {\r\n      // Just turned visible - expand\r\n      setIsOpen(true)\r\n    } else if (prevChecked && !currentChecked) {\r\n      // Just turned invisible - collapse\r\n      setIsOpen(false)\r\n    }\r\n    \r\n    prevCheckedRef.current = currentChecked\r\n  }, [switchVariant?.checked])\r\n\r\n  return (\r\n    <div className=\"w-full min-h-0 flex flex-col p-2 pb-2 \" style={style}>\r\n      <div className=\"flex-shrink-0\">\r\n        <div\r\n          className=\"flex items-center overflow-hidden gap-2 cursor-pointer hover:bg-accent/50 rounded-md p-1 -m-1 transition-colors\"\r\n          onClick={(e) => {\r\n            // Prevent toggle when clicking on switch or add button\r\n            if (e.target instanceof HTMLElement\r\n              && (e.target.closest('[role=\"switch\"]') || e.target.closest('button'))) {\r\n              return\r\n            }\r\n            setIsOpen(!isOpen)\r\n          }}\r\n          title={isOpen ? 'Collapse section' : 'Expand section'}\r\n        >\r\n          {chevronPosition === 'left' && (\r\n            <LR.ChevronRight\r\n              className={`h-4 w-4 transition-transform ${isOpen ? 'rotate-90' : ''}`}\r\n            />\r\n          )}\r\n          {icon && React.createElement(icon, { className: 'h-4 w-4', style: colour ? { color: colour } : undefined })}\r\n          <h3 className=\"text-sm font-medium text-foreground flex-1 flex items-center gap-2\">\r\n            {title.replace(/_/g, ' ')}\r\n            {typeof itemCount === 'number' && (\r\n              <Badge variant=\"secondary\" className=\"text-xs\">\r\n                {itemCount}\r\n              </Badge>\r\n            )}\r\n          </h3>\r\n\r\n          {/* Switch and chevron positioning */}\r\n          <div className=\"flex items-center gap-2 ml-auto\">\r\n            {headerActions && (\r\n              <div\r\n                className=\"flex items-center gap-1\"\r\n                onClick={(e) => e.stopPropagation()}\r\n              >\r\n                {headerActions}\r\n              </div>\r\n            )}\r\n            {onAddItem && (\r\n              <Button\r\n                size=\"sm\"\r\n                variant=\"ghost\"\r\n                className=\"h-6 w-6 p-0 hover:bg-accent\"\r\n                onClick={(e) => {\r\n                  e.stopPropagation()\r\n                  onAddItem()\r\n                }}\r\n                title={addItemTitle}\r\n              >\r\n                <LR.Plus className=\"h-3 w-3\" />\r\n              </Button>\r\n            )}\r\n            {chevronPosition === 'right' && switchVariant && (\r\n              <Switch\r\n                checked={switchVariant.checked}\r\n                onCheckedChange={switchVariant.onCheckedChange}\r\n                disabled={switchVariant.disabled ?? false}\r\n                title={switchVariant.checked ? `Hide ${title.toLowerCase()}` : `Show ${title.toLowerCase()}`}\r\n              />\r\n            )}\r\n            {chevronPosition === 'right' && (\r\n              <LR.ChevronRight\r\n                className={`h-4 w-4 transition-transform ${isOpen ? 'rotate-90' : ''}`}\r\n              />\r\n            )}\r\n            {chevronPosition === 'left' && switchVariant && (\r\n              <Switch\r\n                checked={switchVariant.checked}\r\n                onCheckedChange={switchVariant.onCheckedChange}\r\n                disabled={switchVariant.disabled ?? false}\r\n              />\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {isOpen && (\r\n        <div className={`pl-3 pt-2 min-h-0 flex-1 ${className || ''}`}>\r\n          {children}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/ui/ColorCircle.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ColorCircleProps {
+    color: string;
+    size?: number;
+}
+export default function ColorCircle({ color, size }: ColorCircleProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ColorCircle.d.ts.map

package/dist/core/components/ui/ColorCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorCircle.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/ColorCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAiB,EAAE,IAAS,EAAE,EAAE,gBAAgB,qBAiBrF"}

package/dist/core/components/ui/ColorCircle.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+function ColorCircle({ color = "#73cee2", size = 16 }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "inline-block rounded-full mr-2 align-middle",
+      style: {
+        width: `${size}px`,
+        height: `${size}px`,
+        minWidth: `${size}px`,
+        minHeight: `${size}px`,
+        maxWidth: `${size}px`,
+        maxHeight: `${size}px`,
+        backgroundColor: color,
+        display: "inline-block",
+        boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.1)"
+      }
+    }
+  );
+}
+export {
+  ColorCircle as default
+};
+//# sourceMappingURL=ColorCircle.js.map

package/dist/core/components/ui/ColorCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/ColorCircle.tsx"],"sourcesContent":["import React from 'react'\r\n\r\ninterface ColorCircleProps {\r\n  color: string // default to '#73cee2'\r\n  size?: number // default to 16\r\n}\r\n\r\nexport default function ColorCircle({ color = '#73cee2', size = 16 }: ColorCircleProps) {\r\n  return (\r\n    <span\r\n      className=\"inline-block rounded-full mr-2 align-middle\"\r\n      style={{\r\n        width: `${size}px`,\r\n        height: `${size}px`,\r\n        minWidth: `${size}px`,\r\n        minHeight: `${size}px`,\r\n        maxWidth: `${size}px`,\r\n        maxHeight: `${size}px`,\r\n        backgroundColor: color,\r\n        display: 'inline-block',\r\n        boxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1)',\r\n      }}\r\n    />\r\n  )\r\n}\r\n"],"mappings":"AASI;AAFW,SAAR,YAA6B,EAAE,QAAQ,WAAW,OAAO,GAAG,GAAqB;AACtF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAO,GAAG,IAAI;AAAA,QACd,QAAQ,GAAG,IAAI;AAAA,QACf,UAAU,GAAG,IAAI;AAAA,QACjB,WAAW,GAAG,IAAI;AAAA,QAClB,UAAU,GAAG,IAAI;AAAA,QACjB,WAAW,GAAG,IAAI;AAAA,QAClB,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/core/components/ui/Command.d.ts

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { type DialogProps } from '@radix-ui/react-dialog';
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: ({ children, ...props }: DialogProps) => React.JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=Command.d.ts.map

package/dist/core/components/ui/Command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAOzD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAA;AAGF,QAAA,MAAM,aAAa,GAAI,wBAAwB,WAAW,sBAUzD,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;0FAehB,CAAA;AAIF,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAA;AAIF,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAA;AAGF,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAA;AAIF,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAA"}