@arcadeai/design-system 3.33.2 → 3.34.0

package/dist/components/ui/atoms/avatar-notification-badge.d.ts

@@ -0,0 +1,34 @@
+import { ClassProp } from 'class-variance-authority/types';
+export type AvatarNotificationBadgeVariant = "warning" | "success" | "error" | "info" | "neutral";
+export type AvatarNotificationBadgePosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
+export type AvatarNotificationBadgeSize = "sm" | "lg";
+export type AvatarNotificationBadgeProps = {
+    /** Color variant. @default "warning" */
+    variant?: AvatarNotificationBadgeVariant;
+    /** Dot size — matches avatar size. @default "sm" */
+    size?: AvatarNotificationBadgeSize;
+    /** Corner to anchor the dot. @default "top-right" */
+    position?: AvatarNotificationBadgePosition;
+    /** Accessible label for meaningful status badges. Ignored when decorative. */
+    ariaLabel?: string;
+    /** Decorative badges should not be announced by assistive technology. @default true */
+    decorative?: boolean;
+    className?: string;
+};
+export declare const avatarBadgeVariants: (props?: ({
+    variant?: "warning" | "success" | "error" | "info" | "neutral" | null | undefined;
+    size?: "sm" | "lg" | null | undefined;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | null | undefined;
+} & ClassProp) | undefined) => string;
+/**
+ * Status/notification dot positioned over an avatar.
+ * Sized and colored via variants. Rendering is unconditional — the caller controls visibility.
+ *
+ * @example
+ * ```tsx
+ * // Show only when there are unread notifications
+ * {count > 0 && <AvatarNotificationBadge size="lg" variant="warning" />}
+ * ```
+ */
+export declare function AvatarNotificationBadge({ variant, size, position, ariaLabel, decorative, className, }: AvatarNotificationBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=avatar-notification-badge.d.ts.map

package/dist/components/ui/atoms/avatar-notification-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-notification-badge.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/avatar-notification-badge.tsx"],"names":[],"mappings":";AAKA,MAAM,MAAM,8BAA8B,GACtC,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,MAAM,+BAA+B,GACvC,WAAW,GACX,UAAU,GACV,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,MAAM,2BAA2B,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,MAAM,MAAM,4BAA4B,GAAG;IACzC,wCAAwC;IACxC,OAAO,CAAC,EAAE,8BAA8B,CAAC;IACzC,oDAAoD;IACpD,IAAI,CAAC,EAAE,2BAA2B,CAAC;IACnC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,+BAA+B,CAAC;IAC3C,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,mBAAmB;;;;8EA0C/B,CAAC;AAYF;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,OAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAiB,EACjB,SAAS,GACV,EAAE,4BAA4B,2CAe9B"}

package/dist/components/ui/atoms/avatar-notification-badge.js

@@ -0,0 +1,78 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as g } from "../../../index-UgeK3A8s.js";
+import { cn as l } from "../../../lib/utils.js";
+const c = g(
+  "absolute rounded-full ring-background",
+  {
+    variants: {
+      variant: {
+        warning: "bg-warning",
+        success: "bg-success",
+        error: "bg-destructive",
+        info: "bg-primary",
+        neutral: "bg-muted-foreground"
+      },
+      size: {
+        sm: "size-2 ring-1",
+        lg: "size-2.5 ring-2"
+      },
+      position: {
+        "top-right": "top-0 right-0",
+        "top-left": "top-0 left-0",
+        "bottom-right": "right-0 bottom-0",
+        "bottom-left": "bottom-0 left-0"
+      }
+    },
+    compoundVariants: [
+      { size: "lg", position: "top-right", className: "-top-0.5 -right-0.5" },
+      { size: "lg", position: "top-left", className: "-top-0.5 -left-0.5" },
+      {
+        size: "lg",
+        position: "bottom-right",
+        className: "-right-0.5 -bottom-0.5"
+      },
+      {
+        size: "lg",
+        position: "bottom-left",
+        className: "-bottom-0.5 -left-0.5"
+      }
+    ],
+    defaultVariants: {
+      variant: "warning",
+      size: "sm",
+      position: "top-right"
+    }
+  }
+), m = {
+  warning: "Warning notification",
+  success: "Success notification",
+  error: "Error notification",
+  info: "Info notification",
+  neutral: "Notification"
+};
+function b({
+  variant: o = "warning",
+  size: n,
+  position: r,
+  ariaLabel: a,
+  decorative: t = !0,
+  className: s
+}) {
+  const e = a ?? m[o];
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      "aria-hidden": t,
+      className: l(
+        c({ variant: o, size: n, position: r }),
+        s
+      ),
+      role: t ? void 0 : "status",
+      children: !t && /* @__PURE__ */ i("span", { className: "sr-only", children: e })
+    }
+  );
+}
+export {
+  b as AvatarNotificationBadge,
+  c as avatarBadgeVariants
+};

package/dist/components/ui/atoms/index.d.ts

@@ -3,6 +3,7 @@ export * from './accordion';
 export * from './alert';
 export * from './alert-dialog';
 export * from './avatar';
+export * from './avatar-notification-badge';
 export * from './badge';
 export * from './breadcrumb';
 export * from './button';
@@ -21,6 +22,7 @@ export * from './dropdown-menu';
 export * from './hover-card';
 export * from './icons';
 export * from './input';
+export * from './json-highlight';
 export * from './label';
 export * from './loader';
 export * from './markdown';
@@ -45,5 +47,6 @@ export * from './tabs';
 export * from './textarea';
 export * from './toggle';
 export * from './tooltip';
+export * from './view-tools-control';
 export * from './virtualized-grid';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/atoms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAE3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAE3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAE3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAE3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}