@mks2508/mks-ui 0.4.0 → 0.5.1

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.d.ts

@@ -12,6 +12,7 @@
  * - macOS-style header (TerminalPanelHeader)
  * - Slots for action bar, children (terminal content), and footer
  * - Neon magenta scrollbar styles
+ * - StyleSlots + CVA variants for customization
  *
  * @module components/devenv/terminal/panel/chrome
  */
@@ -33,16 +34,16 @@ export declare const terminalScrollStyles = "\n  @keyframes shimmer-line {\n
  * consistent visual chrome. Used by both TerminalLogsPanel (readonly)
  * and TerminalInteractivePanel (interactive).
  *
+ * Supports StyleSlots for class overrides and CVA variants
+ * for visual presets (default, minimal, error).
+ *
  * @example
  * ```tsx
  * <TerminalPanelChrome
  *   containerName="devenv-agent-backend"
  *   isConnected={true}
- *   sessions={sessions}
- *   activeSessionId="session-1"
- *   onSessionTabClick={(id) => setActiveSession(id)}
- *   onSessionClose={(id) => closeSession(id)}
- *   onNewSession={() => createSession()}
+ *   variant="error"
+ *   slots={{ root: 'max-h-[400px]', content: 'p-2' }}
  *   actionBar={<TerminalFilterTabs ... />}
  *   footer={<TerminalPanelFooter ... />}
  * >
@@ -50,5 +51,5 @@ export declare const terminalScrollStyles = "\n  @keyframes shimmer-line {\n
  * </TerminalPanelChrome>
  * ```
  */
-export declare function TerminalPanelChrome({ containerName, isConnected, viewMode, onViewModeChange, sessions, activeSessionId, onSessionTabClick, onSessionClose, onNewSession, availableContainers, onAddContainer, children, actionBar, footer, onClose, onMinimize, onMaximize, crtEffect, className, }: ITerminalPanelChromeProps): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalPanelChrome({ containerName, isConnected, variant, size, viewMode, onViewModeChange, sessions, activeSessionId, onSessionTabClick, onSessionClose, onNewSession, availableContainers, onAddContainer, children, actionBar, footer, onClose, onMinimize, onMaximize, crtEffect, slots, className, }: ITerminalPanelChromeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TerminalPanelChrome.d.ts.map

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TerminalPanelChrome.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalPanelChrome.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAK7E;;;GAGG;AACH,eAAO,MAAM,iBAAiB,yTAAuT,CAAC;AAEtV;;;GAGG;AACH,eAAO,MAAM,oBAAoB,+2EAuFhC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,WAAW,EACX,QAAqB,EACrB,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,GACV,EAAE,yBAAyB,2CAoE3B"}
+{"version":3,"file":"TerminalPanelChrome.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalPanelChrome.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAU7E;;;GAGG;AACH,eAAO,MAAM,iBAAiB,yTAAuT,CAAC;AAEtV;;;GAGG;AACH,eAAO,MAAM,oBAAoB,+2EAuFhC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,WAAW,EACX,OAAmB,EACnB,IAAgB,EAChB,QAAqB,EACrB,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,2CAwF3B"}

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.js

@@ -1,6 +1,7 @@
 'use client';
 
 import { cn } from "../../../lib/utils.js";
+import { ACCENT_GRADIENTS, terminalChromeStyles, terminalChromeVariants } from "./TerminalPanelChrome.styles.js";
 import { TerminalPanelHeader } from "./TerminalPanelHeader.js";
 import { TerminalSessionTabs } from "./TerminalSessionTabs.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,6 +21,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * - macOS-style header (TerminalPanelHeader)
 * - Slots for action bar, children (terminal content), and footer
 * - Neon magenta scrollbar styles
+* - StyleSlots + CVA variants for customization
 *
 * @module components/devenv/terminal/panel/chrome
 */
@@ -127,16 +129,16 @@ const terminalScrollStyles = `
 * consistent visual chrome. Used by both TerminalLogsPanel (readonly)
 * and TerminalInteractivePanel (interactive).
 *
+* Supports StyleSlots for class overrides and CVA variants
+* for visual presets (default, minimal, error).
+*
 * @example
 * ```tsx
 * <TerminalPanelChrome
 *   containerName="devenv-agent-backend"
 *   isConnected={true}
-*   sessions={sessions}
-*   activeSessionId="session-1"
-*   onSessionTabClick={(id) => setActiveSession(id)}
-*   onSessionClose={(id) => closeSession(id)}
-*   onNewSession={() => createSession()}
+*   variant="error"
+*   slots={{ root: 'max-h-[400px]', content: 'p-2' }}
 *   actionBar={<TerminalFilterTabs ... />}
 *   footer={<TerminalPanelFooter ... />}
 * >
@@ -144,46 +146,65 @@ const terminalScrollStyles = `
 * </TerminalPanelChrome>
 * ```
 */
-function TerminalPanelChrome({ containerName, isConnected, viewMode = "terminal", onViewModeChange, sessions, activeSessionId, onSessionTabClick, onSessionClose, onNewSession, availableContainers, onAddContainer, children, actionBar, footer, onClose, onMinimize, onMaximize, crtEffect, className }) {
+function TerminalPanelChrome({ containerName, isConnected, variant = "default", size = "default", viewMode = "terminal", onViewModeChange, sessions, activeSessionId, onSessionTabClick, onSessionClose, onNewSession, availableContainers, onAddContainer, children, actionBar, footer, onClose, onMinimize, onMaximize, crtEffect, slots, className }) {
 	/** Whether to render session tabs (multi-session mode) */
 	const showSessionTabs = sessions && sessions.length > 0 || availableContainers && availableContainers.length > 0;
+	/** Whether to show the accent line (hidden in minimal variant) */
+	const showAccentLine = variant !== "minimal";
+	/** Accent gradient based on variant */
+	const accentGradient = ACCENT_GRADIENTS[variant ?? "default"] ?? ACCENT_GRADIENTS.default;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("glass-heavy glass-noise rounded-2xl overflow-hidden", className),
+		className: cn(terminalChromeVariants({
+			variant,
+			size
+		}), slots?.root, className),
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "absolute top-0 left-0 right-0 h-px z-10 pointer-events-none overflow-hidden",
-				children: [/* @__PURE__ */ jsx("div", { className: "h-full w-full bg-gradient-to-r from-transparent via-primary/70 to-transparent shadow-[0_0_12px_hsla(330,85%,43%,0.5)]" }), /* @__PURE__ */ jsx("div", {
-					className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/40 to-transparent",
+			showAccentLine && /* @__PURE__ */ jsxs("div", {
+				className: cn(terminalChromeStyles.accentLine, slots?.accentLine),
+				children: [/* @__PURE__ */ jsx("div", { className: cn(accentGradient, slots?.accentGradient) }), /* @__PURE__ */ jsx("div", {
+					className: cn(terminalChromeStyles.accentShimmer, slots?.accentShimmer),
 					style: {
 						backgroundSize: "200% 100%",
 						animation: "shimmer-line 4s ease-in-out infinite"
 					}
 				})]
 			}),
-			showSessionTabs && /* @__PURE__ */ jsx(TerminalSessionTabs, {
-				sessions: sessions || [],
-				activeSessionId: activeSessionId || null,
-				onTabClick: (sessionId) => onSessionTabClick?.(sessionId),
-				onClose: (sessionId) => onSessionClose?.(sessionId),
-				onNewSession,
-				availableContainers,
-				onAddContainer
+			showSessionTabs && /* @__PURE__ */ jsx("div", {
+				className: cn(slots?.sessionTabs),
+				children: /* @__PURE__ */ jsx(TerminalSessionTabs, {
+					sessions: sessions || [],
+					activeSessionId: activeSessionId || null,
+					onTabClick: (sessionId) => onSessionTabClick?.(sessionId),
+					onClose: (sessionId) => onSessionClose?.(sessionId),
+					onNewSession,
+					availableContainers,
+					onAddContainer
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: cn(slots?.header),
+				children: /* @__PURE__ */ jsx(TerminalPanelHeader, {
+					containerName,
+					isConnected,
+					viewMode,
+					onViewModeChange,
+					onClose,
+					onMinimize,
+					onMaximize
+				})
 			}),
-			/* @__PURE__ */ jsx(TerminalPanelHeader, {
-				containerName,
-				isConnected,
-				viewMode,
-				onViewModeChange,
-				onClose,
-				onMinimize,
-				onMaximize
+			actionBar && /* @__PURE__ */ jsx("div", {
+				className: cn(slots?.actionBar),
+				children: actionBar
 			}),
-			actionBar,
 			/* @__PURE__ */ jsx("div", {
-				className: cn(crtEffect && "terminal-crt terminal-bloom"),
+				className: cn(crtEffect && "terminal-crt terminal-bloom", slots?.content),
 				children
 			}),
-			footer,
+			footer && /* @__PURE__ */ jsx("div", {
+				className: cn(slots?.footer),
+				children: footer
+			}),
 			/* @__PURE__ */ jsx("style", { children: terminalScrollStyles })
 		]
 	});

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.d.ts

@@ -0,0 +1,35 @@
+/**
+ * TerminalPanelChrome style definitions.
+ *
+ * StyleSlots + CVA variants for the Ghostty-inspired glassmorphism shell.
+ * Follows the mks-ui composable pattern: base styles via StyleSlots,
+ * visual variants via CVA, consumer overrides via SlotOverrides.
+ *
+ * @module components/devenv/terminal/panel/chrome/styles
+ */
+import { type VariantProps } from 'class-variance-authority';
+import type { StyleSlots } from '../../../../core/types';
+/** Slot names for TerminalPanelChrome sub-regions */
+export type TerminalChromeSlot = 'root' | 'accentLine' | 'accentGradient' | 'accentShimmer' | 'header' | 'sessionTabs' | 'actionBar' | 'content' | 'footer';
+/**
+ * Default style slots for each chrome sub-region.
+ */
+export declare const terminalChromeStyles: StyleSlots<TerminalChromeSlot>;
+/**
+ * Accent line gradient classes per variant.
+ */
+export declare const ACCENT_GRADIENTS: {
+    readonly default: "bg-gradient-to-r from-transparent via-primary/70 to-transparent shadow-[0_0_12px_hsla(330,85%,43%,0.5)]";
+    readonly error: "bg-gradient-to-r from-transparent via-destructive/70 to-transparent shadow-[0_0_12px_hsla(0,72%,51%,0.5)]";
+    readonly minimal: "";
+};
+/**
+ * CVA variants for the chrome root element.
+ */
+export declare const terminalChromeVariants: (props?: ({
+    variant?: "default" | "error" | "minimal" | null | undefined;
+    size?: "default" | "compact" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Extracted variant props type for consumer use */
+export type TerminalChromeVariantProps = VariantProps<typeof terminalChromeVariants>;
+//# sourceMappingURL=TerminalPanelChrome.styles.d.ts.map

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalPanelChrome.styles.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,qDAAqD;AACrD,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,YAAY,GACZ,gBAAgB,GAChB,eAAe,GACf,QAAQ,GACR,aAAa,GACb,WAAW,GACX,SAAS,GACT,QAAQ,CAAC;AAEb;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,UAAU,CAAC,kBAAkB,CAU/D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;8EAmBjC,CAAC;AAEH,oDAAoD;AACpD,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.js

@@ -0,0 +1,57 @@
+import { cva } from "class-variance-authority";
+
+//#region src/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.ts
+/**
+* TerminalPanelChrome style definitions.
+*
+* StyleSlots + CVA variants for the Ghostty-inspired glassmorphism shell.
+* Follows the mks-ui composable pattern: base styles via StyleSlots,
+* visual variants via CVA, consumer overrides via SlotOverrides.
+*
+* @module components/devenv/terminal/panel/chrome/styles
+*/
+/**
+* Default style slots for each chrome sub-region.
+*/
+const terminalChromeStyles = {
+	root: "glass-heavy glass-noise rounded-2xl overflow-hidden relative",
+	accentLine: "absolute top-0 left-0 right-0 h-px z-10 pointer-events-none overflow-hidden",
+	accentGradient: "h-full w-full",
+	accentShimmer: "absolute inset-0 bg-gradient-to-r from-transparent via-white/40 to-transparent",
+	header: "",
+	sessionTabs: "",
+	actionBar: "",
+	content: "",
+	footer: ""
+};
+/**
+* Accent line gradient classes per variant.
+*/
+const ACCENT_GRADIENTS = {
+	default: "bg-gradient-to-r from-transparent via-primary/70 to-transparent shadow-[0_0_12px_hsla(330,85%,43%,0.5)]",
+	error: "bg-gradient-to-r from-transparent via-destructive/70 to-transparent shadow-[0_0_12px_hsla(0,72%,51%,0.5)]",
+	minimal: ""
+};
+/**
+* CVA variants for the chrome root element.
+*/
+const terminalChromeVariants = cva(terminalChromeStyles.root, {
+	variants: {
+		variant: {
+			default: "",
+			minimal: "rounded-lg",
+			error: ""
+		},
+		size: {
+			default: "",
+			compact: "rounded-xl"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+
+//#endregion
+export { ACCENT_GRADIENTS, terminalChromeStyles, terminalChromeVariants };

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.types.d.ts

@@ -3,14 +3,17 @@
  *
  * @module components/devenv/terminal/panel/chrome/types
  */
+import type { SlotOverrides } from '../../../../core/types';
 import type { ITerminalSession } from './TerminalLogsPanel.types';
+import type { TerminalChromeSlot, TerminalChromeVariantProps } from './TerminalPanelChrome.styles';
 /**
  * Props for TerminalPanelChrome - reusable Ghostty-styled wrapper.
  *
  * Provides the shared visual shell for both log viewer
- * and interactive terminal panels.
+ * and interactive terminal panels. Supports StyleSlots for
+ * class overrides and CVA variants for visual presets.
  */
-export interface ITerminalPanelChromeProps {
+export interface ITerminalPanelChromeProps extends TerminalChromeVariantProps {
     /** Container/session name displayed in header */
     containerName: string;
     /** Connection status indicator */
@@ -51,6 +54,8 @@ export interface ITerminalPanelChromeProps {
     onMaximize?: () => void;
     /** Enable CRT shader effects (scanlines, bloom, vignette) */
     crtEffect?: boolean;
+    /** Slot class overrides for each chrome sub-region */
+    slots?: SlotOverrides<TerminalChromeSlot>;
     /** Custom class name appended to outer wrapper */
     className?: string;
 }

package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TerminalPanelChrome.types.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalPanelChrome.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;;;;GAKG;AACH,MAAM,WAAW,yBAAyB;IACxC,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAC;IAEtB,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC;IAErB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAEhC,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,KAAK,IAAI,CAAC;IAExD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE9B,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEhC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,KAAK,CAAC;QAC1B,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IAEH,8DAA8D;IAC9D,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjD,kCAAkC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"TerminalPanelChrome.types.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/blocks/Terminal/panel/TerminalPanelChrome.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAEnG;;;;;;GAMG;AACH,MAAM,WAAW,yBAA0B,SAAQ,0BAA0B;IAC3E,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAC;IAEtB,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC;IAErB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAEhC,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,KAAK,IAAI,CAAC;IAExD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE9B,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEhC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,KAAK,CAAC;QAC1B,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IAEH,8DAA8D;IAC9D,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjD,kCAAkC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sDAAsD;IACtD,KAAK,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAE1C,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type HTMLMotionProps, type LegacyAnimationControls, type TargetAndTransition, type Transition } from 'motion/react';
-import { type WithAsChild } from '@/react-ui/primitives/Slot';
+import { type WithAsChild } from '../../../react-ui/primitives/Slot';
 /** Props for the AutoHeight primitive component. */
 type IAutoHeightProps = WithAsChild<{
     children: React.ReactNode;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type SpringOptions } from 'motion/react';
-import { type IUseIsInViewOptions } from '@/react-ui/hooks/DOM/UseIsInView';
+import { type IUseIsInViewOptions } from '../../../react-ui/hooks/DOM/UseIsInView';
 /** Props for the CountingNumber primitive. */
 type ICountingNumberProps = Omit<React.ComponentProps<'span'>, 'children'> & {
     /** Target number to animate to. */

package/dist/react-ui/primitives/waapi/Morph/techniques/useCSSGridMorph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCSSGridMorph.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/primitives/waapi/Morph/techniques/useCSSGridMorph.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAK7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,oBAAoB,GAAG,gBAAgB,CA6ChF"}
+{"version":3,"file":"useCSSGridMorph.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/primitives/waapi/Morph/techniques/useCSSGridMorph.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAK7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,oBAAoB,GAAG,gBAAgB,CA6ChF"}

package/dist/react-ui/primitives/waapi/Morph/techniques/useCSSGridMorph.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { EASINGS, TIMING } from "../../core/animationConstants.js";
 import { useCallback, useRef, useState } from "react";
 

package/dist/react-ui/primitives/waapi/Morph/techniques/useFLIPClipPath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFLIPClipPath.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/primitives/waapi/Morph/techniques/useFLIPClipPath.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAK7E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,oBAAoB,GAAG,gBAAgB,CAsIhF"}
+{"version":3,"file":"useFLIPClipPath.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/primitives/waapi/Morph/techniques/useFLIPClipPath.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAK7E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,oBAAoB,GAAG,gBAAgB,CAsIhF"}

package/dist/react-ui/primitives/waapi/Morph/techniques/useFLIPClipPath.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { EASINGS, TIMING } from "../../core/animationConstants.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 

package/dist/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useViewTransitions.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAEnF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,uBAAuB,GAAG,mBAAmB,CAyDzF"}
+{"version":3,"file":"useViewTransitions.d.ts","sourceRoot":"","sources":["../../../../../../src/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAEnF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,uBAAuB,GAAG,mBAAmB,CAyDzF"}

package/dist/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { useCallback, useMemo, useRef } from "react";
 
 //#region src/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.ts

package/dist/react-ui/primitives/waapi/Morph/useMorph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMorph.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/Morph/useMorph.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAkB,MAAM,eAAe,CAAC;AAEtF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,eAAe,CAqEnE"}
+{"version":3,"file":"useMorph.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/Morph/useMorph.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAkB,MAAM,eAAe,CAAC;AAEtF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,eAAe,CAqEnE"}

package/dist/react-ui/primitives/waapi/Morph/useMorph.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { useFLIPClipPath } from "./techniques/useFLIPClipPath.js";
 import { useCSSGridMorph } from "./techniques/useCSSGridMorph.js";
 import { useViewTransitions } from "./techniques/useViewTransitions.js";

package/dist/react-ui/primitives/waapi/Reorder/useReorder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReorder.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/Reorder/useReorder.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAmBxE"}
+{"version":3,"file":"useReorder.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/Reorder/useReorder.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAmBxE"}

package/dist/react-ui/primitives/waapi/Reorder/useReorder.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { useAnimationOrchestrator } from "../core/useAnimationOrchestrator.js";
 
 //#region src/react-ui/primitives/waapi/Reorder/useReorder.ts

package/dist/react-ui/primitives/waapi/Reorder/useReorderPresence.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReorderPresence.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/Reorder/useReorderPresence.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,iBAAiB,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,SAAS,EACnB,MAAM,GAAE,yBAA8B,GACrC,yBAAyB,CA6J3B"}
+{"version":3,"file":"useReorderPresence.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/Reorder/useReorderPresence.ts"],"names":[],"mappings":"AACA,OAAO,EASL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,iBAAiB,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,SAAS,EACnB,MAAM,GAAE,yBAA8B,GACrC,yBAAyB,CA6J3B"}

package/dist/react-ui/primitives/waapi/Reorder/useReorderPresence.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { useReorder } from "./useReorder.js";
 import { Children, cloneElement, isValidElement, useCallback, useEffect, useLayoutEffect, useMemo, useRef } from "react";
 

package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../core/types';
 /**
  * Style slots for SlidingNumber component
  */

package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../../core/types';
 /**
  * Style slots for SlidingText component
  */

package/dist/react-ui/primitives/waapi/core/useAnimationOrchestrator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimationOrchestrator.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/core/useAnimationOrchestrator.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,yBAAyB,EACzB,4BAA4B,EAI7B,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,CAAC,EAAE,4BAA4B,GACpC,yBAAyB,CAgY3B"}
+{"version":3,"file":"useAnimationOrchestrator.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/core/useAnimationOrchestrator.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,yBAAyB,EACzB,4BAA4B,EAI7B,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,CAAC,EAAE,4BAA4B,GACpC,yBAAyB,CAgY3B"}

package/dist/react-ui/primitives/waapi/core/useAnimationOrchestrator.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { EASINGS, EFFECTS, TIMING, TRANSFORMS } from "./animationConstants.js";
 import { useElementRegistry } from "./useElementRegistry.js";
 import { usePositionCapture } from "./usePositionCapture.js";

package/dist/react-ui/primitives/waapi/core/useElementRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useElementRegistry.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/core/useElementRegistry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAE9E;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,CAAC,EAAE,yBAAyB,GACpC,mBAAmB,CAwDrB"}
+{"version":3,"file":"useElementRegistry.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/core/useElementRegistry.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAE9E;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,CAAC,EAAE,yBAAyB,GACpC,mBAAmB,CAwDrB"}

package/dist/react-ui/primitives/waapi/core/useElementRegistry.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { useCallback, useEffect, useRef } from "react";
 
 //#region src/react-ui/primitives/waapi/core/useElementRegistry.ts

package/dist/react-ui/primitives/waapi/core/useFLIPAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFLIPAnimation.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/core/useFLIPAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAqC,MAAM,SAAS,CAAC;AAKpF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,IAAI,iBAAiB,CAgHpD"}
+{"version":3,"file":"useFLIPAnimation.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/core/useFLIPAnimation.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAqC,MAAM,SAAS,CAAC;AAKpF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,IAAI,iBAAiB,CAgHpD"}

package/dist/react-ui/primitives/waapi/core/useFLIPAnimation.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { EASINGS, TIMING } from "./animationConstants.js";
 import { useCallback, useEffect, useRef } from "react";
 

package/dist/react-ui/primitives/waapi/core/usePositionCapture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePositionCapture.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/core/usePositionCapture.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAc,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIxF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,EAC3C,OAAO,CAAC,EAAE,uBAAuB,GAChC,mBAAmB,CA0ErB"}
+{"version":3,"file":"usePositionCapture.d.ts","sourceRoot":"","sources":["../../../../../src/react-ui/primitives/waapi/core/usePositionCapture.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAc,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIxF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,EAC3C,OAAO,CAAC,EAAE,uBAAuB,GAChC,mBAAmB,CA0ErB"}

package/dist/react-ui/primitives/waapi/core/usePositionCapture.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { TIMING } from "./animationConstants.js";
 import { useCallback, useRef } from "react";
 

package/dist/react-ui/ui/Accordion/Accordion.styles.d.ts

@@ -7,7 +7,7 @@
  * @module @mks2508/mks-ui/react/ui/Accordion/Accordion.styles
  */
 import { type VariantProps } from 'class-variance-authority';
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { AccordionSlot } from './Accordion.types';
 /**
  * Default Tailwind classes for each visual region of the Accordion.

package/dist/react-ui/ui/Accordion/Accordion.types.d.ts

@@ -8,7 +8,7 @@
  */
 import type { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
 import type { HTMLMotionProps } from 'motion/react';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
 import type { AccordionVariantProps } from './Accordion.styles';
 /**
  * Named visual regions of the Accordion that can be styled via the `slots` prop.

package/dist/react-ui/ui/AlertDialog/AlertDialog.styles.d.ts

@@ -7,7 +7,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/AlertDialog/AlertDialog.styles
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { AlertDialogSlot } from './AlertDialog.types';
 /**
  * Default Tailwind classes for each visual region of the AlertDialog.

package/dist/react-ui/ui/AlertDialog/AlertDialog.types.d.ts

@@ -8,7 +8,7 @@
  */
 import type { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
 import type { HTMLMotionProps } from 'motion/react';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
 /**
  * Named visual regions of the AlertDialog that can be styled via the `slots` prop.
  *

package/dist/react-ui/ui/Badge/Badge.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /** Visual regions for the Badge component. */
 type BadgeSlot = 'root';
 declare const badgeStyles: StyleSlots<BadgeSlot>;

package/dist/react-ui/ui/Badge/Badge.types.d.ts

@@ -1,5 +1,5 @@
 import type { VariantProps } from 'class-variance-authority';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { badgeVariants, BadgeSlot } from './Badge.styles';
 /**
  * Props for the Badge component.

package/dist/react-ui/ui/Button/Button.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /** Visual regions for the Button component. */
 type ButtonSlot = 'root';
 declare const buttonStyles: StyleSlots<ButtonSlot>;

package/dist/react-ui/ui/Button/Button.types.d.ts

@@ -1,5 +1,5 @@
 import type { VariantProps } from 'class-variance-authority';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { buttonVariants, ButtonSlot } from './Button.styles';
 /** Button interaction state. */
 interface IButtonState {

package/dist/react-ui/ui/Card/Card.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /** Visual regions for the Card component. */
 type CardSlot = 'root' | 'header' | 'title' | 'description' | 'action' | 'content' | 'footer';
 declare const cardStyles: StyleSlots<CardSlot>;

package/dist/react-ui/ui/Card/Card.types.d.ts

@@ -1,5 +1,5 @@
 import type { VariantProps } from 'class-variance-authority';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { cardVariants, CardSlot } from './Card.styles';
 /** Props for the Card component. */
 interface ICardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {

package/dist/react-ui/ui/Checkbox/Checkbox.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/Checkbox/Checkbox.styles
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { CheckboxSlot } from './Checkbox.types';
 /**
  * Default style slots for the Checkbox component.

package/dist/react-ui/ui/Checkbox/Checkbox.types.d.ts

@@ -5,7 +5,7 @@
  */
 import type { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
 import type { HTMLMotionProps, SVGMotionProps } from 'motion/react';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
 /**
  * Available style slot names for the Checkbox component.
  * Each slot maps to a visual region that can be customized via the `slots` prop.

package/dist/react-ui/ui/Combobox/Combobox.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /** Visual regions for the Combobox component family. */
 type ComboboxSlot = 'root' | 'trigger' | 'content' | 'list' | 'item' | 'label' | 'separator' | 'empty' | 'chips' | 'chip' | 'chipInput';
 declare const comboboxStyles: StyleSlots<ComboboxSlot>;

package/dist/react-ui/ui/Combobox/Combobox.types.d.ts

@@ -1,5 +1,5 @@
 import type { Combobox as ComboboxPrimitive } from '@base-ui/react';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { ComboboxSlot } from './Combobox.styles';
 /** Props for the Combobox root. */
 type IComboboxProps = ComboboxPrimitive.Root.Props<any, any>;

package/dist/react-ui/ui/CornerBracket/CornerBracket.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 type CornerBracketSlot = 'root';
 declare const cornerBracketStyles: StyleSlots<CornerBracketSlot>;
 /** CVA variants for CornerBracket positioning and color. */

package/dist/react-ui/ui/CornerBracket/CornerBracket.types.d.ts

@@ -1,5 +1,5 @@
 import type { VariantProps } from 'class-variance-authority';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { bracketVariants, CornerBracketSlot } from './CornerBracket.styles';
 /** Props for the CornerBracket component. */
 interface ICornerBracketProps extends Omit<React.SVGProps<SVGSVGElement>, 'variant'>, VariantProps<typeof bracketVariants> {