@mks2508/mks-ui 0.6.8 → 0.8.0

package/dist/react-ui/components/MorphingPopover/morphing-popover.module.css

@@ -0,0 +1,154 @@
+/* CSS Variables for anchor positioning */
+.morphingPopoverContainer {
+  position: relative;
+  display: inline-block;
+  --anchor-name: morphing-trigger;
+  --target-width: 220px;
+  --target-height: 120px;
+  --transition-duration: 0.2s;
+}
+
+/* Trigger button styles */
+.morphingTrigger {
+  anchor-name: var(--anchor-name);
+  width: 44px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  display: grid;
+  place-items: center;
+  font-size: 24px;
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  transition: background-color 0.2s;
+}
+
+.morphingTrigger:hover {
+  background-color: hsl(var(--muted) / 0.5);
+}
+
+/* Popover styles - anchored to trigger by default */
+.morphingPopover {
+  position-anchor: var(--anchor-name);
+  left: anchor(left);
+  top: anchor(top);
+  width: anchor-size(width);
+  min-height: 0;
+  border-radius: 50%;
+  overflow: hidden;
+  padding: 0;
+  height: anchor-size(height);
+  transition-behavior: allow-discrete;
+  transition-property: display, overlay, width, height, top,
+    border-radius, left, position-anchor, transform, opacity;
+  transition-duration: var(--transition-duration);
+  transition-timing-function: ease-out;
+  transform-origin: center center;
+  opacity: 0;
+}
+
+/* When popover is open - expand to target size */
+.morphingPopover:popover-open {
+  position-anchor: fixed;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: var(--target-width);
+  height: var(--target-height);
+  border-radius: 12px;
+  opacity: 1;
+  border: 1px solid hsl(var(--border));
+  background: hsl(var(--background));
+  box-shadow: 0 10px 40px -10px hsl(var(--foreground) / 0.3);
+}
+
+/* Starting style for animation - browser support required */
+@starting-style {
+  .morphingPopover:popover-open {
+    position-anchor: var(--anchor-name);
+    left: anchor(left);
+    top: anchor(top);
+    transform: none;
+    border-radius: 50%;
+    width: anchor-size(width);
+    height: anchor-size(height);
+    opacity: 0;
+  }
+}
+
+/* Fallback for browsers without anchor positioning */
+@supports not (anchor-name: none) {
+  .morphingPopover {
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%) scale(0.8);
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  .morphingPopover:popover-open {
+    transform: translate(-50%, -50%) scale(1);
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  @starting-style {
+    .morphingPopover:popover-open {
+      transform: translate(-50%, -50%) scale(0.8);
+      opacity: 0;
+    }
+  }
+}
+
+/* Variant: Morphing to a specific target element */
+.morphingPopoverTargetContainer {
+  position: relative;
+  display: inline-block;
+  --anchor-name: morphing-trigger;
+  --target-anchor-name: morphing-target;
+  --transition-duration: 0.2s;
+}
+
+.morphingPopoverTarget {
+  position-anchor: var(--anchor-name);
+  left: anchor(left);
+  top: anchor(top);
+  width: anchor-size(width);
+  min-height: 0;
+  border-radius: 50%;
+  overflow: hidden;
+  padding: 0;
+  height: anchor-size(height);
+  transition-behavior: allow-discrete;
+  transition-property: display, overlay, width, height, top,
+    border-radius, left, position-anchor, transform, opacity;
+  transition-duration: var(--transition-duration);
+  transition-timing-function: ease-out;
+}
+
+.morphingPopoverTarget:popover-open {
+  position-anchor: var(--target-anchor-name);
+  left: anchor(left);
+  top: anchor(top);
+  border-radius: 12px;
+  min-width: 200px;
+  min-height: 120px;
+  border: 1px solid hsl(var(--border));
+  background: hsl(var(--background));
+  box-shadow: 0 10px 40px -10px hsl(var(--foreground) / 0.3);
+  opacity: 1;
+}
+
+@starting-style {
+  .morphingPopoverTarget:popover-open {
+    position-anchor: var(--anchor-name);
+    left: anchor(left);
+    top: anchor(top);
+    border-radius: 50%;
+    width: anchor-size(width);
+    height: anchor-size(height);
+    opacity: 0;
+  }
+}
+

package/dist/react-ui/icons/lucide-animated/terminal.d.ts

@@ -1,24 +1,56 @@
 /**
- * Terminal icon component.
+ * Terminal animated icon component.
  *
- * Lucide icon for terminal/console display.
+ * Lucide-based terminal icon with hover animation:
+ * - Chevron prompt draws in via pathLength
+ * - Cursor line blinks via opacity
  *
- * @module components/icons/terminal
+ * Follows the animated icon pattern established by SettingsIcon
+ * (forwardRef + useImperativeHandle + motion/react).
+ *
+ * @module @mks2508/mks-ui/react/icons/lucide-animated/terminal
  */
-import type { SVGProps } from 'react';
-export declare function TerminalIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+import type { HTMLAttributes } from 'react';
 /**
- * Terminal icon handle type for imperative access.
+ * Imperative handle for controlling the TerminalIcon animation.
+ *
+ * @example
+ * ```tsx
+ * const iconRef = useRef<TerminalIconHandle>(null);
+ * iconRef.current?.startAnimation();
+ * ```
  */
-export type TerminalIconHandle = {
-    /** Icon element reference */
-    icon: 'terminal';
-};
+export interface TerminalIconHandle {
+    /** Trigger the typing animation */
+    startAnimation: () => void;
+    /** Reset to static state */
+    stopAnimation: () => void;
+}
 /**
- * Terminal icon props type for customization.
+ * Props for the TerminalIcon component.
  */
-export interface TerminalIconProps extends SVGProps<SVGSVGElement> {
-    /** Optional size prop */
+export interface TerminalIconProps extends HTMLAttributes<HTMLDivElement> {
+    /** Icon size in pixels (default: 24) */
     size?: number;
 }
+/**
+ * Animated terminal icon.
+ *
+ * Renders a terminal/console icon with a prompt chevron and cursor line.
+ * On hover (or via imperative handle), the chevron draws in and the
+ * cursor line blinks — simulating a terminal prompt.
+ *
+ * @example
+ * ```tsx
+ * // Auto-animated on hover
+ * <TerminalIcon size={20} className="text-primary" />
+ *
+ * // Imperative control
+ * const ref = useRef<TerminalIconHandle>(null);
+ * <TerminalIcon ref={ref} size={16} />
+ * <button onClick={() => ref.current?.startAnimation()}>Animate</button>
+ * ```
+ */
+declare const TerminalIcon: import("react").ForwardRefExoticComponent<TerminalIconProps & import("react").RefAttributes<TerminalIconHandle>>;
+export { TerminalIcon };
 //# sourceMappingURL=terminal.d.ts.map

package/dist/react-ui/icons/lucide-animated/terminal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"terminal.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/icons/lucide-animated/terminal.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAmB1D;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6BAA6B;IAC7B,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAChE,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"terminal.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/icons/lucide-animated/terminal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAKH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C;;;;;;;;GAQG;AACH,MAAM,WAAW,kBAAkB;IACjC,mCAAmC;IACnC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,4BAA4B;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,YAAY,kHAqFjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/react-ui/icons/lucide-animated/terminal.js

@@ -1,36 +1,126 @@
+'use client';
+
+import { cn } from "../../lib/utils.js";
+import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
+import { motion, useAnimation } from "motion/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/react-ui/icons/lucide-animated/terminal.tsx
-function TerminalIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
+/**
+* Terminal animated icon component.
+*
+* Lucide-based terminal icon with hover animation:
+* - Chevron prompt draws in via pathLength
+* - Cursor line blinks via opacity
+*
+* Follows the animated icon pattern established by SettingsIcon
+* (forwardRef + useImperativeHandle + motion/react).
+*
+* @module @mks2508/mks-ui/react/icons/lucide-animated/terminal
+*/
+/**
+* Animated terminal icon.
+*
+* Renders a terminal/console icon with a prompt chevron and cursor line.
+* On hover (or via imperative handle), the chevron draws in and the
+* cursor line blinks — simulating a terminal prompt.
+*
+* @example
+* ```tsx
+* // Auto-animated on hover
+* <TerminalIcon size={20} className="text-primary" />
+*
+* // Imperative control
+* const ref = useRef<TerminalIconHandle>(null);
+* <TerminalIcon ref={ref} size={16} />
+* <button onClick={() => ref.current?.startAnimation()}>Animate</button>
+* ```
+*/
+const TerminalIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+	const controls = useAnimation();
+	const isControlledRef = useRef(false);
+	useImperativeHandle(ref, () => {
+		isControlledRef.current = true;
+		return {
+			startAnimation: () => controls.start("animate"),
+			stopAnimation: () => controls.start("normal")
+		};
+	});
+	const handleMouseEnter = useCallback((e) => {
+		if (isControlledRef.current) onMouseEnter?.(e);
+		else controls.start("animate");
+	}, [controls, onMouseEnter]);
+	const handleMouseLeave = useCallback((e) => {
+		if (isControlledRef.current) onMouseLeave?.(e);
+		else controls.start("normal");
+	}, [controls, onMouseLeave]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("cursor-pointer select-none", className),
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
 		...props,
-		children: [
-			/* @__PURE__ */ jsx("polyline", { points: "4 17 10 11 4 5" }),
-			/* @__PURE__ */ jsx("line", {
-				x1: "12",
-				x2: "20",
-				y1: "19",
-				y2: "19"
-			}),
-			/* @__PURE__ */ jsx("rect", {
-				width: "20",
-				height: "14",
-				x: "2",
-				y: "3",
-				rx: "2"
-			})
-		]
+		children: /* @__PURE__ */ jsxs("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: size,
+			height: size,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [
+				/* @__PURE__ */ jsx("rect", {
+					width: "20",
+					height: "14",
+					x: "2",
+					y: "3",
+					rx: "2"
+				}),
+				/* @__PURE__ */ jsx(motion.polyline, {
+					points: "4 17 10 11 4 5",
+					animate: controls,
+					variants: {
+						normal: {
+							pathLength: 1,
+							opacity: 1
+						},
+						animate: {
+							pathLength: [0, 1],
+							opacity: 1
+						}
+					},
+					transition: {
+						duration: .5,
+						ease: "easeInOut"
+					}
+				}),
+				/* @__PURE__ */ jsx(motion.line, {
+					x1: "12",
+					x2: "20",
+					y1: "19",
+					y2: "19",
+					animate: controls,
+					variants: {
+						normal: { opacity: 1 },
+						animate: { opacity: [
+							1,
+							.2,
+							1,
+							.2,
+							1
+						] }
+					},
+					transition: {
+						duration: 1,
+						ease: "linear"
+					}
+				})
+			]
+		})
 	});
-}
+});
+TerminalIcon.displayName = "TerminalIcon";
 
 //#endregion
 export { TerminalIcon };

package/dist/react-ui/index.d.ts

@@ -16,4 +16,8 @@ export * from './components';
 export * from './hooks';
 export * from './icons';
 export * from './lib';
+export { Sidebar, SidebarNav, SidebarToggle, SidebarContent, SidebarIndicator, SidebarFluidIndicator, SidebarSafeArea, SidebarItem, SidebarSubContent, SidebarSubLink, SidebarTooltip, useSidebarContext, useSidebarKeyboard, useSidebarIndicator, useSubContent, generateSidebarStyles, generateIndicatorStyles, type SidebarProps, type SidebarNavProps, type SidebarToggleProps, type SidebarContentProps, type SidebarIndicatorProps, type SidebarSafeAreaProps, type SidebarItemProps, type SidebarState, type SidebarToggleState, type SidebarItemState, type SidebarIndicatorState, type SidebarContextValue, type SidebarDimensions, type SidebarSafeAreas, type SidebarAnimations, type SidebarConfig, type SidebarRenderProp, type SidebarToggleRenderProp, type SidebarItemRenderProp, type SidebarIndicatorRenderProp, type SidebarVisualStyle, type SidebarSubContentProps, type SidebarSubLinkProps, type SidebarTooltipProps, SidebarCollapseMode, SidebarHideBehaviour, SidebarHideOpensBehavior, SidebarLayoutBehaviour, SidebarWidth, SidebarTransitionDuration, SidebarZIndex, SidebarBorderRadius, SidebarSafeAreaPosition, SidebarTimingFunction, SidebarIconLibrary, DEFAULT_DIMENSIONS, DEFAULT_SAFE_AREAS, DEFAULT_ANIMATIONS, DEFAULT_CONFIG, DEFAULT_VISUAL_STYLE, SIDEBAR_VISUAL_PRESETS, } from './blocks/Sidebar';
+export { MobileBottomNav, NavVariant, NavSize, LabelPosition, AnimationType, NavItemState, IconSize, ZIndexLevel, BlurIntensity, useIOSSafariFix, useIOSFixedReset, detectIOSVersion, type RootProps, type NavListProps, type NavItemProps, type NavContextValue, type SpringConfig, type TweenConfig, type AnimationConfig, type GlassConfig, type BaseNavProps, type IOSSafariFixConfig, DEFAULT_ANIMATION_CONFIG, DEFAULT_GLASS_CONFIG, DEFAULT_SPRING_CONFIG, DEFAULT_TWEEN_CONFIG, rootVariants, navListVariants, navItemVariants, iconVariants, labelVariants, navBadgeVariants, spacerVariants, } from './blocks/BottomNavBar';
+export { TerminalLogsPanel, terminalLogsPanelStyles, TerminalDisplay, terminalDisplayStyles, terminalDisplayVariants, TerminalPanelChrome, TerminalPanelHeader, TerminalPanelFooter, LogLinesViewer, LogParserService, TerminalActionBar, TerminalStatusBar, TerminalConnectionStatus, TerminalClearButton, LOG_LEVEL_STYLES, STATUS_COLORS, } from './blocks/Terminal';
+export type { ITerminalLogsPanelProps, ITerminalLogsPanelRef, ITerminalDisplayProps, ITerminalDisplayRef, ITerminalPanelHeaderProps, ITerminalPanelFooterProps, TerminalLogsPanelSlot, TerminalDisplaySlot, TerminalDisplayVariantProps, IParsedLogEntry, TLogLevel, TLogLevelFilter, ITerminalSession, ILevelFilterButton, TTerminalAction, } from './blocks/Terminal';
 //# sourceMappingURL=index.d.ts.map

package/dist/react-ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,cAAc,cAAc,CAAC;AAG7B,cAAc,MAAM,CAAC;AAGrB,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,cAAc,cAAc,CAAC;AAG7B,cAAc,MAAM,CAAC;AAGrB,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,OAAO,CAAC;AAItB,OAAO,EACL,OAAO,EACP,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,qBAAqB,EACrB,uBAAuB,EACvB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,EAC/B,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,sBAAsB,EACtB,YAAY,EACZ,yBAAyB,EACzB,aAAa,EACb,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,eAAe,EACf,UAAU,EACV,OAAO,EACP,aAAa,EACb,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,cAAc,GACf,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAEL,iBAAiB,EACjB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EAEd,gBAAgB,EAEhB,iBAAiB,EACjB,iBAAiB,EACjB,wBAAwB,EACxB,mBAAmB,EAEnB,gBAAgB,EAChB,aAAa,GACd,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EAEV,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,EACzB,yBAAyB,EACzB,qBAAqB,EACrB,mBAAmB,EACnB,2BAA2B,EAE3B,eAAe,EACf,SAAS,EACT,eAAe,EAEf,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,GAChB,MAAM,mBAAmB,CAAC"}

package/dist/react-ui/index.js

@@ -5,6 +5,10 @@ import { useAutoHeight } from "./hooks/Animation/UseAutoHeight.js";
 import { AutoHeight } from "./primitives/AutoHeight/index.js";
 import { useIsInView } from "./hooks/DOM/UseIsInView.js";
 import { CountingNumber } from "./primitives/CountingNumber/index.js";
+import { DOT_MATRIX_PATTERNS, buildDelays } from "./primitives/DotMatrix/patterns.js";
+import { DotMatrix } from "./primitives/DotMatrix/index.js";
+import { DEFAULT_GOOEY_CONFIG } from "./primitives/GooeyMorphingSurface/GooeyMorphingSurface.types.js";
+import { GooeyMorphingSurface } from "./primitives/GooeyMorphingSurface/index.js";
 import { ANIMATION_CONFIGS, ANIMATION_DEFAULTS, EASINGS, EFFECTS, PRESETS, RESPONSIVE_CONFIGS, TIMING, TRANSFORMS, getResponsiveDuration, getResponsiveStagger } from "./primitives/waapi/core/animationConstants.js";
 import { useElementRegistry } from "./primitives/waapi/core/useElementRegistry.js";
 import { usePositionCapture } from "./primitives/waapi/core/usePositionCapture.js";
@@ -56,6 +60,7 @@ import { buttonStateStyles, buttonVariants } from "./ui/Button/Button.styles.js"
 import { Button } from "./ui/Button/index.js";
 import { cardVariants } from "./ui/Card/Card.styles.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/Card/index.js";
+import { GooeyButton } from "./ui/GooeyButton/index.js";
 import { Input } from "./ui/Input/index.js";
 import { Textarea } from "./ui/Textarea/index.js";
 import { inputGroupAddonVariants, inputGroupButtonVariants } from "./ui/InputGroup/InputGroup.styles.js";
@@ -68,6 +73,24 @@ import { Label } from "./ui/Label/index.js";
 import { Separator } from "./ui/Separator/index.js";
 import { fieldVariants } from "./ui/Field/Field.styles.js";
 import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./ui/Field/index.js";
+import { FileIconStyles, FolderIconStyles, fileIconVariants, folderIconVariants } from "./ui/FileIcon/FileIcon.styles.js";
+import { FileIcon, FolderIcon } from "./ui/FileIcon/index.js";
+import { MiddleTruncatePathStyles, middleTruncatePathVariants } from "./ui/MiddleTruncatePath/MiddleTruncatePath.styles.js";
+import { MiddleTruncatePath } from "./ui/MiddleTruncatePath/index.js";
+import { FileItemGitStatusClasses, FileItemStyles, fileItemVariants } from "./ui/FileItem/FileItem.styles.js";
+import { FileItem } from "./ui/FileItem/index.js";
+import { FilePanelStyles, filePanelVariants } from "./ui/FilePanel/FilePanel.styles.js";
+import { FilePanel } from "./ui/FilePanel/index.js";
+import { FileTreeStyles, fileTreeVariants } from "./ui/FileTree/FileTree.styles.js";
+import { FileTree } from "./ui/FileTree/index.js";
+import { useOperationCard } from "./ui/OperationCard/OperationCard.context.js";
+import { OperationCardStyles, operationCardVariants } from "./ui/OperationCard/OperationCard.styles.js";
+import { OperationCardHeader } from "./ui/OperationCard/parts/OperationCardHeader.js";
+import { OperationCardVisualizer } from "./ui/OperationCard/parts/OperationCardVisualizer.js";
+import { OperationCardStats } from "./ui/OperationCard/parts/OperationCardStats.js";
+import { OperationCardProgress } from "./ui/OperationCard/parts/OperationCardProgress.js";
+import { OperationCardActions } from "./ui/OperationCard/parts/OperationCardActions.js";
+import { OperationCard, OperationCardRoot } from "./ui/OperationCard/index.js";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/Select/index.js";
 import { dataCardStyles, dataCardVariants } from "./ui/DataCard/DataCard.styles.js";
 import { DataCard, DataCardActions, DataCardBracket, DataCardLabel, DataCardToggle, DataCardValue, useDataCard } from "./ui/DataCard/index.js";
@@ -114,5 +137,44 @@ import { XIcon } from "./icons/lucide-animated/x.js";
 import { HugeIcons } from "./icons/index.js";
 import { IconWrapper } from "./lib/icon-wrapper.js";
 import "./lib/index.js";
+import { SidebarBorderRadius, SidebarCollapseMode, SidebarHideBehaviour, SidebarHideOpensBehavior, SidebarIconLibrary, SidebarLayoutBehaviour, SidebarSafeAreaPosition, SidebarTimingFunction, SidebarTransitionDuration, SidebarWidth, SidebarZIndex } from "./blocks/Sidebar/Sidebar.types.js";
+import { DEFAULT_ANIMATIONS, DEFAULT_CONFIG, DEFAULT_DIMENSIONS, DEFAULT_SAFE_AREAS, DEFAULT_VISUAL_STYLE, SIDEBAR_VISUAL_PRESETS } from "./blocks/Sidebar/Sidebar.constants.js";
+import { Sidebar } from "./blocks/Sidebar/Sidebar.js";
+import { useSidebarContext } from "./blocks/Sidebar/hooks/useSidebarContext.js";
+import { useSubContent } from "./blocks/Sidebar/hooks/useSubContent.js";
+import { useSidebarIndicator } from "./blocks/Sidebar/hooks/useSidebarIndicator.js";
+import { useSidebarKeyboard } from "./blocks/Sidebar/hooks/useSidebarKeyboard.js";
+import { SidebarFluidIndicator } from "./blocks/Sidebar/SidebarFluidIndicator.js";
+import { SidebarTooltip } from "./blocks/Sidebar/SidebarTooltip.js";
+import { generateIndicatorStyles, generateSidebarStyles } from "./blocks/Sidebar/Sidebar.styles.js";
+import { SidebarNav } from "./blocks/Sidebar/SidebarNav.js";
+import { SidebarToggle } from "./blocks/Sidebar/SidebarToggle.js";
+import { SidebarContent } from "./blocks/Sidebar/SidebarContent.js";
+import { SidebarIndicator } from "./blocks/Sidebar/SidebarIndicator.js";
+import { SidebarSafeArea } from "./blocks/Sidebar/SidebarSafeArea.js";
+import { SidebarSubContent } from "./blocks/Sidebar/SidebarSubContent.js";
+import { SidebarItem } from "./blocks/Sidebar/SidebarItem.js";
+import { SidebarSubLink } from "./blocks/Sidebar/SidebarSubLink.js";
+import "./blocks/Sidebar/index.js";
+import { AnimationType, BlurIntensity, DEFAULT_ANIMATION_CONFIG, DEFAULT_GLASS_CONFIG, DEFAULT_SPRING_CONFIG, DEFAULT_TWEEN_CONFIG, IconSize, LabelPosition, NavItemState, NavSize, NavVariant, ZIndexLevel } from "./blocks/BottomNavBar/types.js";
+import { badgeVariants as badgeVariants$1, iconVariants, labelVariants, navItemVariants, navListVariants, rootVariants, spacerVariants } from "./blocks/BottomNavBar/MobileBottomNav.styles.js";
+import useIOSSafariFix, { detectIOSVersion, useIOSFixedReset } from "./blocks/BottomNavBar/useIOSSafariFix.js";
+import MobileBottomNav from "./blocks/BottomNavBar/MobileBottomNav.js";
+import "./blocks/BottomNavBar/index.js";
+import { LogParserService } from "./blocks/Terminal/parsing/LogParserService.js";
+import { LOG_LEVEL_STYLES, STATUS_COLORS } from "./blocks/Terminal/Terminal.tokens.js";
+import { TerminalClearButton } from "./blocks/Terminal/controls/TerminalAtoms.js";
+import { TerminalActionBar } from "./blocks/Terminal/controls/TerminalActionBar/index.js";
+import { TerminalConnectionStatus } from "./blocks/Terminal/controls/TerminalConnectionStatus/index.js";
+import { TerminalStatusBar } from "./blocks/Terminal/controls/TerminalStatusBar/index.js";
+import { TerminalPanelHeader } from "./blocks/Terminal/panel/TerminalPanelHeader/index.js";
+import { TerminalPanelChrome } from "./blocks/Terminal/panel/TerminalPanelChrome.js";
+import { TerminalPanelFooter } from "./blocks/Terminal/panel/TerminalPanelFooter/index.js";
+import { LogLinesViewer } from "./blocks/Terminal/panel/LogLinesViewer.js";
+import { terminalLogsPanelStyles } from "./blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.styles.js";
+import { TerminalLogsPanel } from "./blocks/Terminal/panel/TerminalLogsPanel/index.js";
+import { terminalDisplayStyles, terminalDisplayVariants } from "./blocks/Terminal/TerminalDisplay.styles.js";
+import { TerminalDisplay } from "./blocks/Terminal/TerminalDisplay.js";
+import "./blocks/Terminal/index.js";
 
-export { ANIMATION_CONFIGS, ANIMATION_DEFAULTS, Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionStyles, AccordionTrigger, ActivityIcon, AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogStyles, AlertDialogTitle, AlertDialogTrigger, ArrowDownToLineIcon, ArrowUpIcon, AutoHeight, Badge, BellElectricIcon, BellIcon, BotIcon, BoxIcon, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Check, Checkbox, CheckboxIndicator, CircleCheckIcon, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, CornerBracket, CountingNumber, DataCard, DataCardActions, DataCardBracket, DataCardLabel, DataCardToggle, DataCardValue, DeleteIcon, Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicToggle, DynamicToggleGroup, DynamicToggleOption, EASINGS, EFFECTS, Edit2, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, GOOEY_DEFAULTS, Globe, GooeyCanvas, GooeyFilter, Highlight, HighlightItem, HomeIcon, HugeIcons, IconWrapper, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, Layers, LayoutPanelTopIcon, ListIcon, Menu, MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuGroup, MenuGroupLabel, MenuHighlight, MenuHighlightItem, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Morph, MorphPath, MorphingPopover, MorphingPopoverWithTarget, PRESETS, Package, Palette, PlusIcon, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RESPONSIVE_CONFIGS, RefreshCw, ReorderRoot as Reorder, Rocket, Save, SearchIcon, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsIcon, SlidingNumber, SlidingText, Slot, Switch, SwitchIcon, SwitchThumb, TIMING, TRANSFORMS, Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsPanel, TabsPanels, TabsTab, TerminalIcon, TextFlow, Textarea, Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, Trash2, TrendingDownIcon, TrendingUpIcon, Type, Upload, XIcon, accordionVariants, badgeVariants, bracketVariants, buildColorMatrixValues, buildFilterString, buttonStateStyles, buttonVariants, calculateSeparatorCoordination, cardVariants, checkboxStyles, cn, computeBlur, dataCardStyles, dataCardVariants, dialogStyles, dynamicToggleStyles, dynamicToggleVariants, fieldVariants, getResponsiveDuration, getResponsiveStagger, getStrictContext, inputGroupAddonVariants, inputGroupButtonVariants, morphPathDown, morphPathUp, popoverStyles, progressStyles, shouldShowSeparator, switchStyles, tabsIndicatorVariants, tabsListVariants, tabsTabVariants, tooltipStyles, useAccordionItem, useAlertDialog, useAnimationOrchestrator, useAutoHeight, useCSSGridMorph, useCheckbox, useComboboxAnchor, useControlledState, useDataCard, useDataState, useDialog, useDynamicToggle, useElementRegistry, useFLIPAnimation, useFLIPClipPath, useHighlight, useIsInView, useListFormat, useMenu, useMenuActiveValue, useMorph, useMorphContext, useMorphPath, usePopover, usePositionCapture, useProgress, useReorder, useReorderPresence, useSwitch, useTooltip, useViewTransitions };
+export { ANIMATION_CONFIGS, ANIMATION_DEFAULTS, Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionStyles, AccordionTrigger, ActivityIcon, AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogStyles, AlertDialogTitle, AlertDialogTrigger, AnimationType, ArrowDownToLineIcon, ArrowUpIcon, AutoHeight, Badge, BellElectricIcon, BellIcon, BlurIntensity, BotIcon, BoxIcon, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Check, Checkbox, CheckboxIndicator, CircleCheckIcon, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, CornerBracket, CountingNumber, DEFAULT_ANIMATIONS, DEFAULT_ANIMATION_CONFIG, DEFAULT_CONFIG, DEFAULT_DIMENSIONS, DEFAULT_GLASS_CONFIG, DEFAULT_GOOEY_CONFIG, DEFAULT_SAFE_AREAS, DEFAULT_SPRING_CONFIG, DEFAULT_TWEEN_CONFIG, DEFAULT_VISUAL_STYLE, DOT_MATRIX_PATTERNS, DataCard, DataCardActions, DataCardBracket, DataCardLabel, DataCardToggle, DataCardValue, DeleteIcon, Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DotMatrix, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicToggle, DynamicToggleGroup, DynamicToggleOption, EASINGS, EFFECTS, Edit2, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileIcon, FileIconStyles, FileItem, FileItemGitStatusClasses, FileItemStyles, FilePanel, FilePanelStyles, FileTree, FileTreeStyles, FolderIcon, FolderIconStyles, GOOEY_DEFAULTS, Globe, GooeyButton, GooeyCanvas, GooeyFilter, GooeyMorphingSurface, Highlight, HighlightItem, HomeIcon, HugeIcons, IconSize, IconWrapper, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, LOG_LEVEL_STYLES, Label, LabelPosition, Layers, LayoutPanelTopIcon, ListIcon, LogLinesViewer, LogParserService, Menu, MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuGroup, MenuGroupLabel, MenuHighlight, MenuHighlightItem, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, MiddleTruncatePath, MiddleTruncatePathStyles, MobileBottomNav, Morph, MorphPath, MorphingPopover, MorphingPopoverWithTarget, NavItemState, NavSize, NavVariant, OperationCard, OperationCardActions, OperationCardHeader, OperationCardProgress, OperationCardRoot, OperationCardStats, OperationCardStyles, OperationCardVisualizer, PRESETS, Package, Palette, PlusIcon, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RESPONSIVE_CONFIGS, RefreshCw, ReorderRoot as Reorder, Rocket, SIDEBAR_VISUAL_PRESETS, STATUS_COLORS, Save, SearchIcon, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsIcon, Sidebar, SidebarBorderRadius, SidebarCollapseMode, SidebarContent, SidebarFluidIndicator, SidebarHideBehaviour, SidebarHideOpensBehavior, SidebarIconLibrary, SidebarIndicator, SidebarItem, SidebarLayoutBehaviour, SidebarNav, SidebarSafeArea, SidebarSafeAreaPosition, SidebarSubContent, SidebarSubLink, SidebarTimingFunction, SidebarToggle, SidebarTooltip, SidebarTransitionDuration, SidebarWidth, SidebarZIndex, SlidingNumber, SlidingText, Slot, Switch, SwitchIcon, SwitchThumb, TIMING, TRANSFORMS, Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsPanel, TabsPanels, TabsTab, TerminalActionBar, TerminalClearButton, TerminalConnectionStatus, TerminalDisplay, TerminalIcon, TerminalLogsPanel, TerminalPanelChrome, TerminalPanelFooter, TerminalPanelHeader, TerminalStatusBar, TextFlow, Textarea, Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, Trash2, TrendingDownIcon, TrendingUpIcon, Type, Upload, XIcon, ZIndexLevel, accordionVariants, badgeVariants, bracketVariants, buildColorMatrixValues, buildDelays, buildFilterString, buttonStateStyles, buttonVariants, calculateSeparatorCoordination, cardVariants, checkboxStyles, cn, computeBlur, dataCardStyles, dataCardVariants, detectIOSVersion, dialogStyles, dynamicToggleStyles, dynamicToggleVariants, fieldVariants, fileIconVariants, fileItemVariants, filePanelVariants, fileTreeVariants, folderIconVariants, generateIndicatorStyles, generateSidebarStyles, getResponsiveDuration, getResponsiveStagger, getStrictContext, iconVariants, inputGroupAddonVariants, inputGroupButtonVariants, labelVariants, middleTruncatePathVariants, morphPathDown, morphPathUp, badgeVariants$1 as navBadgeVariants, navItemVariants, navListVariants, operationCardVariants, popoverStyles, progressStyles, rootVariants, shouldShowSeparator, spacerVariants, switchStyles, tabsIndicatorVariants, tabsListVariants, tabsTabVariants, terminalDisplayStyles, terminalDisplayVariants, terminalLogsPanelStyles, tooltipStyles, useAccordionItem, useAlertDialog, useAnimationOrchestrator, useAutoHeight, useCSSGridMorph, useCheckbox, useComboboxAnchor, useControlledState, useDataCard, useDataState, useDialog, useDynamicToggle, useElementRegistry, useFLIPAnimation, useFLIPClipPath, useHighlight, useIOSFixedReset, useIOSSafariFix, useIsInView, useListFormat, useMenu, useMenuActiveValue, useMorph, useMorphContext, useMorphPath, useOperationCard, usePopover, usePositionCapture, useProgress, useReorder, useReorderPresence, useSidebarContext, useSidebarIndicator, useSidebarKeyboard, useSubContent, useSwitch, useTooltip, useViewTransitions };

package/dist/react-ui/primitives/DotMatrix/DotMatrix.types.d.ts

@@ -0,0 +1,109 @@
+/**
+ * Type surface for the DotMatrix primitive.
+ *
+ * DotMatrix is a pattern-driven rows×cols grid inspired by the
+ * 3-pixel-grid concept (MetaHeavies). A `pattern` generates per-cell
+ * delays; the engine runs a continuous cycle (fade-in staggered →
+ * hold → fade-out staggered → hold-off → repeat) so the matrix reads
+ * as a living indicator.
+ *
+ * `status` is a *lifecycle event* — not a variant. It captures the
+ * cycle where it is:
+ *   - `running`  → cycle plays (default)
+ *   - `idle`     → cycle paused, all cells off
+ *   - `success`  → cycle stopped, all cells forced on
+ *   - `failed`   → cycle frozen; ON cells → destructive, OFF cells
+ *                  stay as cancelled-muted
+ *   - `cancelled`→ cycle frozen; ON cells fade to muted
+ *
+ * Colour + bloom + accent overlays are orthogonal.
+ *
+ * @module @mks2508/mks-ui/react/primitives/DotMatrix
+ */
+import type { SlotOverrides } from '../../../core/types';
+import type { DotMatrixPattern } from './patterns';
+export type { DotMatrixPattern } from './patterns';
+/** Lifecycle status. Applied as a CSS data-attr on the root. */
+export type DotMatrixStatus = 'idle' | 'running' | 'success' | 'failed' | 'cancelled';
+/**
+ * Colour palette. `foreground` / `primary` / `destructive` / `warning`
+ * map to theme tokens (mks-ui RULE 0). The others are opinionated
+ * neon/industrial hues ported from 3-pixel-grid in OKLCH for contrast
+ * stability across themes.
+ */
+export type DotMatrixColor = 'foreground' | 'primary' | 'destructive' | 'warning' | 'cyan' | 'magenta' | 'yellow' | 'green' | 'orange' | 'blue' | 'red' | 'purple' | 'teal' | 'pink' | 'lime' | 'white';
+/** Where accent highlights live. */
+export type DotMatrixAccentRow = 'top' | 'bottom' | 'both';
+/** Slots consumers can override with className overrides. */
+export type DotMatrixSlot = 'root' | 'cell';
+/** Visual variant. `glow` adds a soft box-shadow on ON cells. */
+export type DotMatrixVariant = 'solid' | 'glow';
+/**
+ * @deprecated Superseded by the progressive-fill model. Kept as an empty
+ * alias so older call sites compile; the prop is no longer read.
+ */
+export type DotMatrixSweepStyle = 'stepped' | 'wave' | 'trail' | 'pulse';
+export interface IDotMatrixProps {
+    /** Rows. Default: 6. */
+    rows?: number;
+    /** Cols. Default: 18. */
+    cols?: number;
+    /** Pattern name that determines per-cell delay distribution. */
+    pattern?: DotMatrixPattern;
+    /** Milliseconds per cell during the fill sweep. Default: 120. */
+    patternStep?: number;
+    /**
+     * Steps the grid stays fully lit after the fill completes, before
+     * the reset. Larger values give a longer "fully loaded" pause.
+     * Default: 6.
+     */
+    holdSteps?: number;
+    /**
+     * Empty steps between the reset and the next fill (silence period).
+     * Default: 4.
+     */
+    restSteps?: number;
+    /**
+     * How sharp the transition is when a cell's threshold is crossed.
+     * Higher = crisper snap. 50 is nearly-stepped with a tiny
+     * anti-aliased edge; 5-10 gives a warm fade-in that overlaps across
+     * neighbouring cells. Default: 50.
+     */
+    edgeSharpness?: number;
+    /** @deprecated Replaced by the progressive-fill model. No longer read. */
+    sweepStyle?: DotMatrixSweepStyle;
+    /** @deprecated Replaced by the progressive-fill model. No longer read. */
+    patternHold?: number;
+    /**
+     * External progress in 0..1. When provided, freezes the internal
+     * fill animation and drives `--dm-phase` directly from this value
+     * — cells light up exactly up to the threshold. Useful for real
+     * progress indicators (file transfers, loading bars) where the
+     * matrix should reflect a known percentage rather than cycling.
+     */
+    progress?: number;
+    /** Lifecycle status. Default: `running`. */
+    status?: DotMatrixStatus;
+    /** Palette colour. Default: `foreground`. */
+    color?: DotMatrixColor;
+    /**
+     * Enable the bloom SVG filter. `true` uses the default intensity (4),
+     * a number sets the blur radius.
+     */
+    bloom?: boolean | number;
+    /** Visual variant. Default: `solid`. */
+    variant?: DotMatrixVariant;
+    /** Number of accent cells highlighted (e.g. "3 new commits"). Default: 0. */
+    accentCount?: number;
+    /** Where accent cells sit. Default: `top`. */
+    accentRow?: DotMatrixAccentRow;
+    /** Explicit accent positions — overrides `accentCount` / `accentRow`. */
+    accentPositions?: ReadonlyArray<readonly [row: number, col: number]>;
+    /** Per-slot className overrides. */
+    slots?: SlotOverrides<DotMatrixSlot>;
+    /** Extra className for the root grid container. */
+    className?: string;
+    /** aria-label for the decorative grid. */
+    'aria-label'?: string;
+}
+//# sourceMappingURL=DotMatrix.types.d.ts.map

package/dist/react-ui/primitives/DotMatrix/DotMatrix.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotMatrix.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/primitives/DotMatrix/DotMatrix.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,gEAAgE;AAChE,MAAM,MAAM,eAAe,GACxB,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,WAAW,CAAC;AAEf;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GACvB,YAAY,GACZ,SAAS,GACT,aAAa,GACb,SAAS,GACT,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,CAAC;AAEX,oCAAoC;AACpC,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,6DAA6D;AAC7D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,iEAAiE;AACjE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhD;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAEzE,MAAM,WAAW,eAAe;IAC/B,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gEAAgE;IAChE,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,wCAAwC;IACxC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,yEAAyE;IACzE,eAAe,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAErE,oCAAoC;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACrC,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB"}