@handled-ai/design-system 0.9.28 → 0.10.0

package/dist/components/badge.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/components/compliance-badge.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+type ComplianceStatus = "verified" | "pending" | "changed_since_verified" | "never_verified";
+interface ComplianceBadgeProps extends React.HTMLAttributes<HTMLElement> {
+    status: ComplianceStatus;
+    variant?: "line" | "pill";
+}
+declare function ComplianceBadge({ status, variant, className, ...rest }: ComplianceBadgeProps): React.JSX.Element;
+
+export { ComplianceBadge, type ComplianceBadgeProps, type ComplianceStatus };

package/dist/components/compliance-badge.js

@@ -0,0 +1,95 @@
+"use client"
+
+"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, jsxs } from "react/jsx-runtime";
+import { Check, Clock, AlertTriangle, Minus } from "lucide-react";
+import { cn } from "../lib/utils.js";
+const statusConfig = {
+  verified: {
+    line: { icon: Check, label: "Compliance verified", classes: "text-status-active-fg" },
+    pill: { icon: Check, label: "Verified", classes: "bg-status-active-bg text-status-active-fg" }
+  },
+  pending: {
+    line: { icon: Clock, label: "Pending compliance review", classes: "text-status-pending-fg" },
+    pill: { icon: AlertTriangle, label: "Pending review", classes: "bg-status-pending-bg text-status-pending-fg" }
+  },
+  changed_since_verified: {
+    line: { icon: AlertTriangle, label: "Changed since last verification", classes: "text-status-warning-fg" },
+    pill: { icon: AlertTriangle, label: "Changed", classes: "bg-status-warning-bg text-status-warning-fg" }
+  },
+  never_verified: {
+    line: { icon: Minus, label: "Never verified", classes: "text-muted-foreground" },
+    pill: { icon: Minus, label: "Never verified", classes: "bg-muted text-muted-foreground" }
+  }
+};
+function ComplianceBadge(_a) {
+  var _b = _a, { status, variant = "line", className } = _b, rest = __objRest(_b, ["status", "variant", "className"]);
+  const config = statusConfig[status][variant];
+  const Icon = config.icon;
+  const iconSize = variant === "line" ? 12 : 10;
+  if (variant === "pill") {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      __spreadProps(__spreadValues({
+        "data-slot": "compliance-badge",
+        "data-status": status,
+        "data-variant": "pill",
+        className: cn("text-[10px] px-2 py-0.5 rounded-full inline-flex w-fit items-center gap-1", config.classes, className)
+      }, rest), {
+        children: [
+          /* @__PURE__ */ jsx(Icon, { size: iconSize }),
+          /* @__PURE__ */ jsx("span", { children: config.label })
+        ]
+      })
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "compliance-badge",
+      "data-status": status,
+      "data-variant": "line",
+      className: cn("text-xs inline-flex w-fit items-center gap-1.5", config.classes, className)
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsx(Icon, { size: iconSize }),
+        /* @__PURE__ */ jsx("span", { children: config.label })
+      ]
+    })
+  );
+}
+export {
+  ComplianceBadge
+};
+//# sourceMappingURL=compliance-badge.js.map

package/dist/components/compliance-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/compliance-badge.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Check, Clock, AlertTriangle, Minus } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\n\ntype ComplianceStatus = \"verified\" | \"pending\" | \"changed_since_verified\" | \"never_verified\"\n\ninterface ComplianceBadgeProps extends React.HTMLAttributes<HTMLElement> {\n  status: ComplianceStatus\n  variant?: \"line\" | \"pill\"\n}\n\nconst statusConfig = {\n  verified: {\n    line: { icon: Check, label: \"Compliance verified\", classes: \"text-status-active-fg\" },\n    pill: { icon: Check, label: \"Verified\", classes: \"bg-status-active-bg text-status-active-fg\" },\n  },\n  pending: {\n    line: { icon: Clock, label: \"Pending compliance review\", classes: \"text-status-pending-fg\" },\n    pill: { icon: AlertTriangle, label: \"Pending review\", classes: \"bg-status-pending-bg text-status-pending-fg\" },\n  },\n  changed_since_verified: {\n    line: { icon: AlertTriangle, label: \"Changed since last verification\", classes: \"text-status-warning-fg\" },\n    pill: { icon: AlertTriangle, label: \"Changed\", classes: \"bg-status-warning-bg text-status-warning-fg\" },\n  },\n  never_verified: {\n    line: { icon: Minus, label: \"Never verified\", classes: \"text-muted-foreground\" },\n    pill: { icon: Minus, label: \"Never verified\", classes: \"bg-muted text-muted-foreground\" },\n  },\n}\n\nfunction ComplianceBadge({ status, variant = \"line\", className, ...rest }: ComplianceBadgeProps) {\n  const config = statusConfig[status][variant]\n  const Icon = config.icon\n  const iconSize = variant === \"line\" ? 12 : 10\n\n  if (variant === \"pill\") {\n    return (\n      <span\n        data-slot=\"compliance-badge\"\n        data-status={status}\n        data-variant=\"pill\"\n        className={cn(\"text-[10px] px-2 py-0.5 rounded-full inline-flex w-fit items-center gap-1\", config.classes, className)}\n        {...rest}\n      >\n        <Icon size={iconSize} />\n        <span>{config.label}</span>\n      </span>\n    )\n  }\n\n  return (\n    <div\n      data-slot=\"compliance-badge\"\n      data-status={status}\n      data-variant=\"line\"\n      className={cn(\"text-xs inline-flex w-fit items-center gap-1.5\", config.classes, className)}\n      {...rest}\n    >\n      <Icon size={iconSize} />\n      <span>{config.label}</span>\n    </div>\n  )\n}\n\nexport { ComplianceBadge, type ComplianceBadgeProps, type ComplianceStatus }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCM,SAOE,KAPF;AArCN,SAAS,OAAO,OAAO,eAAe,aAAa;AAEnD,SAAS,UAAU;AASnB,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,OAAO,OAAO,uBAAuB,SAAS,wBAAwB;AAAA,IACpF,MAAM,EAAE,MAAM,OAAO,OAAO,YAAY,SAAS,4CAA4C;AAAA,EAC/F;AAAA,EACA,SAAS;AAAA,IACP,MAAM,EAAE,MAAM,OAAO,OAAO,6BAA6B,SAAS,yBAAyB;AAAA,IAC3F,MAAM,EAAE,MAAM,eAAe,OAAO,kBAAkB,SAAS,8CAA8C;AAAA,EAC/G;AAAA,EACA,wBAAwB;AAAA,IACtB,MAAM,EAAE,MAAM,eAAe,OAAO,mCAAmC,SAAS,yBAAyB;AAAA,IACzG,MAAM,EAAE,MAAM,eAAe,OAAO,WAAW,SAAS,8CAA8C;AAAA,EACxG;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM,EAAE,MAAM,OAAO,OAAO,kBAAkB,SAAS,wBAAwB;AAAA,IAC/E,MAAM,EAAE,MAAM,OAAO,OAAO,kBAAkB,SAAS,iCAAiC;AAAA,EAC1F;AACF;AAEA,SAAS,gBAAgB,IAAwE;AAAxE,eAAE,UAAQ,UAAU,QAAQ,UAjCrD,IAiCyB,IAA0C,iBAA1C,IAA0C,CAAxC,UAAQ,WAAkB;AACnD,QAAM,SAAS,aAAa,MAAM,EAAE,OAAO;AAC3C,QAAM,OAAO,OAAO;AACpB,QAAM,WAAW,YAAY,SAAS,KAAK;AAE3C,MAAI,YAAY,QAAQ;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,eAAa;AAAA,QACb,gBAAa;AAAA,QACb,WAAW,GAAG,6EAA6E,OAAO,SAAS,SAAS;AAAA,SAChH,OALL;AAAA,QAOC;AAAA,8BAAC,QAAK,MAAM,UAAU;AAAA,UACtB,oBAAC,UAAM,iBAAO,OAAM;AAAA;AAAA;AAAA,IACtB;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAa;AAAA,MACb,gBAAa;AAAA,MACb,WAAW,GAAG,kDAAkD,OAAO,SAAS,SAAS;AAAA,OACrF,OALL;AAAA,MAOC;AAAA,4BAAC,QAAK,MAAM,UAAU;AAAA,QACtB,oBAAC,UAAM,iBAAO,OAAM;AAAA;AAAA;AAAA,EACtB;AAEJ;","names":[]}

package/dist/components/contact-chip.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface ContactChipProps extends React.HTMLAttributes<HTMLSpanElement> {
+    name: string;
+    email?: string;
+    verified?: boolean;
+    onConfirm?: () => void;
+    onRemove?: () => void;
+}
+declare function ContactChip({ name, email, verified, onConfirm, onRemove, className, ...rest }: ContactChipProps): React.JSX.Element;
+
+export { ContactChip, type ContactChipProps };

package/dist/components/contact-chip.js

@@ -0,0 +1,98 @@
+"use client"
+
+"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, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function ContactChip(_a) {
+  var _b = _a, {
+    name,
+    email,
+    verified = true,
+    onConfirm,
+    onRemove,
+    className
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "email",
+    "verified",
+    "onConfirm",
+    "onRemove",
+    "className"
+  ]);
+  const isVerified = verified !== false;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    __spreadProps(__spreadValues({
+      "data-slot": "contact-chip",
+      "data-verified": isVerified ? "true" : "false",
+      className: cn(
+        "inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs",
+        isVerified ? "border border-border bg-background" : "border border-status-warning-border bg-status-warning-bg",
+        className
+      )
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: name }),
+        email && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: email }),
+        !isVerified && onConfirm && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "contact-chip-confirm",
+            onClick: onConfirm,
+            "aria-label": `Confirm ${name}`,
+            className: "text-[10px] px-1.5 py-0 rounded bg-status-warning-border/50 text-status-warning-fg hover:bg-status-warning-border cursor-pointer font-medium ml-1",
+            children: "Confirm"
+          }
+        ),
+        onRemove && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "contact-chip-remove",
+            onClick: onRemove,
+            "aria-label": `Remove ${name}`,
+            className: "inline-flex size-4 items-center justify-center rounded text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+            children: /* @__PURE__ */ jsx(X, { size: 12 })
+          }
+        )
+      ]
+    })
+  );
+}
+export {
+  ContactChip
+};
+//# sourceMappingURL=contact-chip.js.map

package/dist/components/contact-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/contact-chip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\n\ninterface ContactChipProps extends React.HTMLAttributes<HTMLSpanElement> {\n  name: string\n  email?: string\n  verified?: boolean\n  onConfirm?: () => void\n  onRemove?: () => void\n}\n\nfunction ContactChip({\n  name,\n  email,\n  verified = true,\n  onConfirm,\n  onRemove,\n  className,\n  ...rest\n}: ContactChipProps) {\n  const isVerified = verified !== false\n\n  return (\n    <span\n      data-slot=\"contact-chip\"\n      data-verified={isVerified ? \"true\" : \"false\"}\n      className={cn(\n        \"inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs\",\n        isVerified\n          ? \"border border-border bg-background\"\n          : \"border border-status-warning-border bg-status-warning-bg\",\n        className\n      )}\n      {...rest}\n    >\n      <span className=\"font-medium\">{name}</span>\n      {email && <span className=\"text-muted-foreground\">{email}</span>}\n      {!isVerified && onConfirm && (\n        <button\n          type=\"button\"\n          data-slot=\"contact-chip-confirm\"\n          onClick={onConfirm}\n          aria-label={`Confirm ${name}`}\n          className=\"text-[10px] px-1.5 py-0 rounded bg-status-warning-border/50 text-status-warning-fg hover:bg-status-warning-border cursor-pointer font-medium ml-1\"\n        >\n          Confirm\n        </button>\n      )}\n      {onRemove && (\n        <button\n          type=\"button\"\n          data-slot=\"contact-chip-remove\"\n          onClick={onRemove}\n          aria-label={`Remove ${name}`}\n          className=\"inline-flex size-4 items-center justify-center rounded text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50\"\n        >\n          <X size={12} />\n        </button>\n      )}\n    </span>\n  )\n}\n\nexport { ContactChip, type ContactChipProps }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BI,SAYE,KAZF;AAxBJ,SAAS,SAAS;AAElB,SAAS,UAAU;AAUnB,SAAS,YAAY,IAQA;AARA,eACnB;AAAA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EArBF,IAeqB,IAOhB,iBAPgB,IAOhB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,aAAa,aAAa;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,iBAAe,aAAa,SAAS;AAAA,MACrC,WAAW;AAAA,QACT;AAAA,QACA,aACI,uCACA;AAAA,QACJ;AAAA,MACF;AAAA,OACI,OAVL;AAAA,MAYC;AAAA,4BAAC,UAAK,WAAU,eAAe,gBAAK;AAAA,QACnC,SAAS,oBAAC,UAAK,WAAU,yBAAyB,iBAAM;AAAA,QACxD,CAAC,cAAc,aACd;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,aAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAY,WAAW,IAAI;AAAA,YAC3B,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,QAED,YACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,aAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAY,UAAU,IAAI;AAAA,YAC1B,WAAU;AAAA,YAEV,8BAAC,KAAE,MAAM,IAAI;AAAA;AAAA,QACf;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/empty-state.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: React.ReactNode;
+    title?: string;
+    description: string;
+    action?: React.ReactNode;
+}
+declare function EmptyState({ icon, title, description, action, className, ...rest }: EmptyStateProps): React.JSX.Element;
+
+export { EmptyState, type EmptyStateProps };

package/dist/components/empty-state.js

@@ -0,0 +1,46 @@
+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, jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function EmptyState(_a) {
+  var _b = _a, { icon, title, description, action, className } = _b, rest = __objRest(_b, ["icon", "title", "description", "action", "className"]);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ "data-slot": "empty-state", className: cn("flex flex-col items-center justify-center py-24 gap-3", className) }, rest), { children: [
+    icon && /* @__PURE__ */ jsx("div", { "data-slot": "empty-state-icon", className: "text-muted-foreground/30 [&>svg]:w-12 [&>svg]:h-12", children: icon }),
+    title && /* @__PURE__ */ jsx("p", { "data-slot": "empty-state-title", className: "text-sm font-medium text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsx("p", { "data-slot": "empty-state-description", className: "text-xs text-muted-foreground", children: description }),
+    action && /* @__PURE__ */ jsx("div", { "data-slot": "empty-state-action", className: "mt-3", children: action })
+  ] }));
+}
+export {
+  EmptyState
+};
+//# sourceMappingURL=empty-state.js.map

package/dist/components/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/empty-state.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\ninterface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: React.ReactNode\n  title?: string\n  description: string\n  action?: React.ReactNode\n}\n\nfunction EmptyState({ icon, title, description, action, className, ...rest }: EmptyStateProps) {\n  return (\n    <div data-slot=\"empty-state\" className={cn(\"flex flex-col items-center justify-center py-24 gap-3\", className)} {...rest}>\n      {icon && (\n        <div data-slot=\"empty-state-icon\" className=\"text-muted-foreground/30 [&>svg]:w-12 [&>svg]:h-12\">\n          {icon}\n        </div>\n      )}\n      {title && (\n        <p data-slot=\"empty-state-title\" className=\"text-sm font-medium text-muted-foreground\">\n          {title}\n        </p>\n      )}\n      <p data-slot=\"empty-state-description\" className=\"text-xs text-muted-foreground\">\n        {description}\n      </p>\n      {action && (\n        <div data-slot=\"empty-state-action\" className=\"mt-3\">\n          {action}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { EmptyState, type EmptyStateProps }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaI,SAEI,KAFJ;AAXJ,SAAS,UAAU;AASnB,SAAS,WAAW,IAA2E;AAA3E,eAAE,QAAM,OAAO,aAAa,QAAQ,UAXxD,IAWoB,IAAkD,iBAAlD,IAAkD,CAAhD,QAAM,SAAO,eAAa,UAAQ;AACtD,SACE,qBAAC,sCAAI,aAAU,eAAc,WAAW,GAAG,yDAAyD,SAAS,KAAO,OAAnH,EACE;AAAA,YACC,oBAAC,SAAI,aAAU,oBAAmB,WAAU,sDACzC,gBACH;AAAA,IAED,SACC,oBAAC,OAAE,aAAU,qBAAoB,WAAU,6CACxC,iBACH;AAAA,IAEF,oBAAC,OAAE,aAAU,2BAA0B,WAAU,iCAC9C,uBACH;AAAA,IACC,UACC,oBAAC,SAAI,aAAU,sBAAqB,WAAU,QAC3C,kBACH;AAAA,MAEJ;AAEJ;","names":[]}

package/dist/components/filter-chip.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface FilterChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: React.ReactNode;
+    active?: boolean;
+}
+declare function FilterChip({ icon, children, onClick, active, className, ...rest }: FilterChipProps): React.JSX.Element;
+
+export { FilterChip, type FilterChipProps };

package/dist/components/filter-chip.js

@@ -0,0 +1,67 @@
+"use client"
+
+"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, jsxs } from "react/jsx-runtime";
+import { Filter, ChevronDown } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function FilterChip(_a) {
+  var _b = _a, { icon, children, onClick, active, className } = _b, rest = __objRest(_b, ["icon", "children", "onClick", "active", "className"]);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      type: "button",
+      "data-slot": "filter-chip",
+      "data-active": active ? "" : void 0,
+      "aria-pressed": active,
+      onClick,
+      className: cn(
+        "text-[11px] px-2.5 py-1 rounded-md border border-border",
+        "text-muted-foreground hover:bg-muted/30 cursor-pointer",
+        "inline-flex items-center gap-1.5 transition-colors",
+        "data-[active]:border-foreground/20 data-[active]:text-foreground",
+        className
+      )
+    }, rest), {
+      children: [
+        icon != null ? icon : /* @__PURE__ */ jsx(Filter, { size: 10 }),
+        children,
+        /* @__PURE__ */ jsx(ChevronDown, { size: 10 })
+      ]
+    })
+  );
+}
+export {
+  FilterChip
+};
+//# sourceMappingURL=filter-chip.js.map

package/dist/components/filter-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/filter-chip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Filter, ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\n\ninterface FilterChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  icon?: React.ReactNode\n  active?: boolean\n}\n\nfunction FilterChip({ icon, children, onClick, active, className, ...rest }: FilterChipProps) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"filter-chip\"\n      data-active={active ? \"\" : undefined}\n      aria-pressed={active}\n      onClick={onClick}\n      className={cn(\n        \"text-[11px] px-2.5 py-1 rounded-md border border-border\",\n        \"text-muted-foreground hover:bg-muted/30 cursor-pointer\",\n        \"inline-flex items-center gap-1.5 transition-colors\",\n        \"data-[active]:border-foreground/20 data-[active]:text-foreground\",\n        className\n      )}\n      {...rest}\n    >\n      {icon ?? <Filter size={10} />}\n      {children}\n      <ChevronDown size={10} />\n    </button>\n  )\n}\n\nexport { FilterChip, type FilterChipProps }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcI,SAeW,KAfX;AAXJ,SAAS,QAAQ,mBAAmB;AAEpC,SAAS,UAAU;AAOnB,SAAS,WAAW,IAA0E;AAA1E,eAAE,QAAM,UAAU,SAAS,QAAQ,UAZvD,IAYoB,IAAiD,iBAAjD,IAAiD,CAA/C,QAAM,YAAU,WAAS,UAAQ;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAa,SAAS,KAAK;AAAA,MAC3B,gBAAc;AAAA,MACd;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,OACI,OAbL;AAAA,MAeE;AAAA,8BAAQ,oBAAC,UAAO,MAAM,IAAI;AAAA,QAC1B;AAAA,QACD,oBAAC,eAAY,MAAM,IAAI;AAAA;AAAA;AAAA,EACzB;AAEJ;","names":[]}

package/dist/components/inline-banner.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+interface InlineBannerProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: "info" | "warning" | "destructive";
+    icon?: React.ReactNode;
+    onDismiss?: () => void;
+}
+declare function InlineBanner({ variant, icon, children, onDismiss, className, ...rest }: InlineBannerProps): React.JSX.Element;
+
+export { InlineBanner, type InlineBannerProps };

package/dist/components/inline-banner.js

@@ -0,0 +1,97 @@
+"use client"
+
+"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, jsxs } from "react/jsx-runtime";
+import { Info, AlertTriangle, ShieldAlert, X } from "lucide-react";
+import { cn } from "../lib/utils.js";
+const variantConfig = {
+  info: {
+    icon: Info,
+    classes: "bg-status-info-bg border-status-info-border text-status-info-fg"
+  },
+  warning: {
+    icon: AlertTriangle,
+    classes: "bg-status-warning-bg border-status-warning-border text-status-warning-fg"
+  },
+  destructive: {
+    icon: ShieldAlert,
+    classes: "bg-status-destructive-bg border-status-destructive-border text-status-destructive-fg"
+  }
+};
+function InlineBanner(_a) {
+  var _b = _a, {
+    variant = "warning",
+    icon,
+    children,
+    onDismiss,
+    className
+  } = _b, rest = __objRest(_b, [
+    "variant",
+    "icon",
+    "children",
+    "onDismiss",
+    "className"
+  ]);
+  const config = variantConfig[variant];
+  const DefaultIcon = config.icon;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "inline-banner",
+      "data-variant": variant,
+      role: variant === "destructive" || variant === "warning" ? "alert" : "status",
+      className: cn("rounded-lg border px-3 py-2 flex items-center gap-2", config.classes, className)
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsx("span", { "data-slot": "inline-banner-icon", className: "shrink-0", children: icon != null ? icon : /* @__PURE__ */ jsx(DefaultIcon, { size: 14 }) }),
+        /* @__PURE__ */ jsx("div", { "data-slot": "inline-banner-content", className: "flex-1 min-w-0", children }),
+        onDismiss && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Dismiss",
+            "data-slot": "inline-banner-dismiss",
+            onClick: onDismiss,
+            className: "shrink-0 p-0.5 rounded hover:bg-black/5 transition-colors",
+            children: /* @__PURE__ */ jsx(X, { size: 14, className: "opacity-60" })
+          }
+        )
+      ]
+    })
+  );
+}
+export {
+  InlineBanner
+};
+//# sourceMappingURL=inline-banner.js.map

package/dist/components/inline-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/inline-banner.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Info, AlertTriangle, ShieldAlert, X } from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\n\ninterface InlineBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: \"info\" | \"warning\" | \"destructive\"\n  icon?: React.ReactNode\n  onDismiss?: () => void\n}\n\nconst variantConfig = {\n  info: {\n    icon: Info,\n    classes: \"bg-status-info-bg border-status-info-border text-status-info-fg\",\n  },\n  warning: {\n    icon: AlertTriangle,\n    classes: \"bg-status-warning-bg border-status-warning-border text-status-warning-fg\",\n  },\n  destructive: {\n    icon: ShieldAlert,\n    classes: \"bg-status-destructive-bg border-status-destructive-border text-status-destructive-fg\",\n  },\n}\n\nfunction InlineBanner({\n  variant = \"warning\",\n  icon,\n  children,\n  onDismiss,\n  className,\n  ...rest\n}: InlineBannerProps) {\n  const config = variantConfig[variant]\n  const DefaultIcon = config.icon\n\n  return (\n    <div\n      data-slot=\"inline-banner\"\n      data-variant={variant}\n      role={variant === \"destructive\" || variant === \"warning\" ? \"alert\" : \"status\"}\n      className={cn(\"rounded-lg border px-3 py-2 flex items-center gap-2\", config.classes, className)}\n      {...rest}\n    >\n      <span data-slot=\"inline-banner-icon\" className=\"shrink-0\">\n        {icon ?? <DefaultIcon size={14} />}\n      </span>\n      <div data-slot=\"inline-banner-content\" className=\"flex-1 min-w-0\">\n        {children}\n      </div>\n      {onDismiss && (\n        <button\n          type=\"button\"\n          aria-label=\"Dismiss\"\n          data-slot=\"inline-banner-dismiss\"\n          onClick={onDismiss}\n          className=\"shrink-0 p-0.5 rounded hover:bg-black/5 transition-colors\"\n        >\n          <X size={14} className=\"opacity-60\" />\n        </button>\n      )}\n    </div>\n  )\n}\n\nexport { InlineBanner, type InlineBannerProps }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCI,SAQa,KARb;AArCJ,SAAS,MAAM,eAAe,aAAa,SAAS;AAEpD,SAAS,UAAU;AAQnB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAEA,SAAS,aAAa,IAOA;AAPA,eACpB;AAAA,cAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAjCF,IA4BsB,IAMjB,iBANiB,IAMjB;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,SAAS,cAAc,OAAO;AACpC,QAAM,cAAc,OAAO;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,MAAM,YAAY,iBAAiB,YAAY,YAAY,UAAU;AAAA,MACrE,WAAW,GAAG,uDAAuD,OAAO,SAAS,SAAS;AAAA,OAC1F,OALL;AAAA,MAOC;AAAA,4BAAC,UAAK,aAAU,sBAAqB,WAAU,YAC5C,gCAAQ,oBAAC,eAAY,MAAM,IAAI,GAClC;AAAA,QACA,oBAAC,SAAI,aAAU,yBAAwB,WAAU,kBAC9C,UACH;AAAA,QACC,aACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,aAAU;AAAA,YACV,SAAS;AAAA,YACT,WAAU;AAAA,YAEV,8BAAC,KAAE,MAAM,IAAI,WAAU,cAAa;AAAA;AAAA,QACtC;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/kbd-hint.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function KbdHint({ className, ...props }: React.ComponentProps<"kbd">): React.JSX.Element;
+
+export { KbdHint };

package/dist/components/kbd-hint.js

@@ -0,0 +1,51 @@
+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 { cn } from "../lib/utils.js";
+function KbdHint(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    __spreadValues({
+      "data-slot": "kbd-hint",
+      className: cn(
+        "inline-block text-[10px] leading-none text-muted-foreground/40 font-sans",
+        className
+      )
+    }, props)
+  );
+}
+export {
+  KbdHint
+};
+//# sourceMappingURL=kbd-hint.js.map

package/dist/components/kbd-hint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/kbd-hint.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction KbdHint({\n  className,\n  ...props\n}: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-hint\"\n      className={cn(\n        \"inline-block text-[10px] leading-none text-muted-foreground/40 font-sans\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { KbdHint }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASI;AAPJ,SAAS,UAAU;AAEnB,SAAS,QAAQ,IAGe;AAHf,eACf;AAAA;AAAA,EALF,IAIiB,IAEZ,kBAFY,IAEZ;AAAA,IADH;AAAA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/rich-text-toolbar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+type RichTextAction = "undo" | "redo" | "font" | "bold" | "italic" | "underline" | "align" | "list" | "delete";
+interface RichTextToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    onAction?: (action: RichTextAction) => void;
+}
+declare function RichTextToolbar({ onAction, className, ...rest }: RichTextToolbarProps): React.JSX.Element;
+
+export { type RichTextAction, RichTextToolbar, type RichTextToolbarProps };