@mks2508/mks-ui 0.3.2 → 0.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react-ui/lib/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react-ui/lib/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/react-ui/lib/index.js

@@ -1,2 +1,3 @@
 import { cn } from "./utils.js";
 import { getStrictContext } from "./get-strict-context.js";
+import { IconWrapper } from "./icon-wrapper.js";

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/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/Button/Button.styles.d.ts

@@ -8,7 +8,7 @@ declare const buttonStyles: StyleSlots<ButtonSlot>;
  * @see {@link https://cva.style/docs/getting-started/variants}
  */
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | "success" | "warning" | null | undefined;
+    variant?: "link" | "default" | "outline" | "ghost" | "secondary" | "destructive" | "success" | "warning" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /** State-specific style classes for Button. */

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

@@ -11,7 +11,7 @@ declare const BRACKET_PATHS: {
     readonly tl: "M 0 20 L 0 5 A 5 5 0 0 1 5 0 L 20 0";
     readonly tr: "M 0 0 L 15 0 A 5 5 0 0 1 20 5 L 20 20";
     readonly bl: "M 0 0 L 0 15 A 5 5 0 0 0 5 20 L 20 20";
-    readonly br: "M 20 0 L 5 0 A 5 5 0 0 0 0 5 L 0 20";
+    readonly br: "M 20 0 L 20 15 A 5 5 0 0 1 15 20 L 0 20";
 };
 export { cornerBracketStyles, bracketVariants, BRACKET_PATHS };
 export type { CornerBracketSlot };

package/dist/react-ui/ui/CornerBracket/CornerBracket.styles.js

@@ -23,7 +23,7 @@ const BRACKET_PATHS = {
 	tl: "M 0 20 L 0 5 A 5 5 0 0 1 5 0 L 20 0",
 	tr: "M 0 0 L 15 0 A 5 5 0 0 1 20 5 L 20 20",
 	bl: "M 0 0 L 0 15 A 5 5 0 0 0 5 20 L 20 20",
-	br: "M 20 0 L 5 0 A 5 5 0 0 0 0 5 L 0 20"
+	br: "M 20 0 L 20 15 A 5 5 0 0 1 15 20 L 0 20"
 };
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/InputGroup/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,uBAAuB,EACvB,wBAAwB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EACV,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACzB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;GAUG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CASnE;AAED,wEAAwE;AACxE,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAgBvB;AAED,+DAA+D;AAC/D,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAW,EACX,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAmBxB;AAED,2DAA2D;AAC3D,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAOpE;AAED,8EAA8E;AAC9E,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAQtE;AAED,oFAAoF;AACpF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAQ1B;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/InputGroup/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,uBAAuB,EACvB,wBAAwB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EACV,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACzB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;GAUG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CASnE;AAED,wEAAwE;AACxE,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAgBvB;AAED,+DAA+D;AAC/D,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAW,EACX,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAmBxB;AAED,2DAA2D;AAC3D,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAOpE;AAED,8EAA8E;AAC9E,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAQtE;AAED,oFAAoF;AACpF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAQ1B;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/react-ui/ui/InputGroup/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { cn } from "../../lib/utils.js";
 import { Button } from "../Button/index.js";
 import { Input } from "../Input/index.js";

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

@@ -1,43 +1,61 @@
 /**
- * Style slots and defaults for the Tabs component.
+ * Style slots, CVA variants, and defaults for the Tabs component.
  *
- * Each slot maps to a visual region of the Tabs. Consumers override
- * individual slots via the `slots` prop without touching internals.
+ * Provides sensible out-of-the-box styling using semantic theme tokens
+ * (bg-muted, text-foreground, etc.) while remaining fully overridable
+ * via the `slots` prop and CVA variant/size system.
  *
- * @module @mks2508/mks-ui/react/ui/Tabs/Tabs.styles
+ * The sliding indicator uses CSS Anchor Positioning API for
+ * zero-JS position tracking with WAAPI-driven transitions.
  *
- * @example
- * ```tsx
- * import { tabsStyles } from './Tabs.styles';
- * // tabsStyles.root => default root classes
- * ```
+ * @module @mks2508/mks-ui/react/ui/Tabs/Tabs.styles
  */
 import type { StyleSlots } from '../../../core/types';
 /**
  * Union of all visual regions (slots) in the Tabs component tree.
+ */
+export type TabsSlot = 'root' | 'list' | 'tab' | 'panel' | 'panels' | 'highlight' | 'highlightItem' | 'indicator';
+/**
+ * Default style map for every Tabs slot.
+ * Provides complete styling that works without any overrides.
+ */
+export declare const tabsStyles: StyleSlots<TabsSlot>;
+/**
+ * CVA variants for the TabsList container.
  *
  * @example
- * ```typescript
- * const overrides: SlotOverrides<TabsSlot> = {
- *   root: 'w-full',
- *   list: 'flex gap-1 border-b border-white/10',
- *   tab: 'px-3 py-1.5 text-sm',
- * };
+ * ```tsx
+ * <TabsList variant="underline" size="lg">
+ *   <TabsTab value="a">Tab A</TabsTab>
+ * </TabsList>
  * ```
  */
-export type TabsSlot = 'root' | 'list' | 'tab' | 'panel' | 'panels' | 'highlight' | 'highlightItem';
+export declare const tabsListVariants: (props?: ({
+    variant?: "default" | "outline" | "underline" | "ghost" | "pill" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
- * Default style map for every Tabs slot.
- *
- * Base classes are intentionally minimal so consumers can fully
- * control the visual appearance through `slots` overrides.
- * No colors are hardcoded -- all visuals come from consumer styles.
+ * CVA variants for individual tab triggers.
  *
  * @example
- * ```typescript
- * import { tabsStyles } from './Tabs.styles';
- * cn(tabsStyles.list, slots?.list, className);
+ * ```tsx
+ * <TabsTab value="general" variant="underline" size="sm">
+ *   General
+ * </TabsTab>
  * ```
  */
-export declare const tabsStyles: StyleSlots<TabsSlot>;
+export declare const tabsTabVariants: (props?: ({
+    variant?: "default" | "outline" | "underline" | "ghost" | "pill" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA variants for the sliding indicator.
+ *
+ * The indicator is positioned via CSS Anchor Positioning API
+ * (anchor-name on the selected tab, position-anchor on the indicator)
+ * and animated via WAAPI transitions in CSS.
+ */
+export declare const tabsIndicatorVariants: (props?: ({
+    variant?: "default" | "outline" | "underline" | "ghost" | "pill" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=Tabs.styles.d.ts.map

package/dist/react-ui/ui/Tabs/Tabs.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/Tabs/Tabs.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,WAAW,GACX,eAAe,CAAC;AAEpB;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,UAAU,CAAC,QAAQ,CAQ3C,CAAC"}
+{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/Tabs/Tabs.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,WAAW,GACX,eAAe,GACf,WAAW,CAAC;AAEhB;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,UAAU,CAAC,QAAQ,CAkB3C,CAAC;AAMF;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB;;;8EAmB3B,CAAC;AAMH;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;;8EAmB1B,CAAC;AAMH;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB;;8EAahC,CAAC"}

package/dist/react-ui/ui/Tabs/Tabs.styles.js

@@ -1,26 +1,118 @@
+import { cva } from "class-variance-authority";
+
 //#region src/react-ui/ui/Tabs/Tabs.styles.ts
 /**
-* Default style map for every Tabs slot.
+* Style slots, CVA variants, and defaults for the Tabs component.
 *
-* Base classes are intentionally minimal so consumers can fully
-* control the visual appearance through `slots` overrides.
-* No colors are hardcoded -- all visuals come from consumer styles.
+* Provides sensible out-of-the-box styling using semantic theme tokens
+* (bg-muted, text-foreground, etc.) while remaining fully overridable
+* via the `slots` prop and CVA variant/size system.
 *
-* @example
-* ```typescript
-* import { tabsStyles } from './Tabs.styles';
-* cn(tabsStyles.list, slots?.list, className);
-* ```
+* The sliding indicator uses CSS Anchor Positioning API for
+* zero-JS position tracking with WAAPI-driven transitions.
+*
+* @module @mks2508/mks-ui/react/ui/Tabs/Tabs.styles
+*/
+/**
+* Default style map for every Tabs slot.
+* Provides complete styling that works without any overrides.
 */
 const tabsStyles = {
 	root: "",
-	list: "",
-	tab: "",
+	list: "inline-flex items-center relative",
+	tab: [
+		"inline-flex items-center justify-center gap-2 whitespace-nowrap",
+		"font-medium cursor-pointer select-none relative z-[1]",
+		"text-muted-foreground transition-colors duration-150",
+		"hover:text-foreground",
+		"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+		"disabled:pointer-events-none disabled:opacity-50",
+		"data-[active]:text-foreground",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4"
+	].join(" "),
 	panel: "",
 	panels: "",
 	highlight: "",
-	highlightItem: ""
+	highlightItem: "",
+	indicator: "absolute pointer-events-none z-0"
 };
+/**
+* CVA variants for the TabsList container.
+*
+* @example
+* ```tsx
+* <TabsList variant="underline" size="lg">
+*   <TabsTab value="a">Tab A</TabsTab>
+* </TabsList>
+* ```
+*/
+const tabsListVariants = cva(tabsStyles.list, {
+	variants: {
+		variant: {
+			default: "gap-1 rounded-lg bg-muted p-1",
+			outline: "gap-1 rounded-lg border border-border p-1",
+			ghost: "gap-2 p-0",
+			underline: "gap-0 rounded-none border-b border-border p-0",
+			pill: "gap-1 rounded-full bg-muted p-1"
+		},
+		size: {
+			default: "h-10",
+			sm: "h-8",
+			lg: "h-12"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+/**
+* CVA variants for individual tab triggers.
+*
+* @example
+* ```tsx
+* <TabsTab value="general" variant="underline" size="sm">
+*   General
+* </TabsTab>
+* ```
+*/
+const tabsTabVariants = cva(tabsStyles.tab, {
+	variants: {
+		variant: {
+			default: "rounded-md",
+			outline: "rounded-md",
+			ghost: "rounded-md hover:bg-accent data-[active]:text-accent-foreground",
+			underline: "rounded-none border-b-2 border-transparent data-[active]:border-primary",
+			pill: "rounded-full"
+		},
+		size: {
+			default: "px-3 py-1.5 text-sm",
+			sm: "px-2.5 py-1 text-xs",
+			lg: "px-4 py-2 text-base"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+/**
+* CVA variants for the sliding indicator.
+*
+* The indicator is positioned via CSS Anchor Positioning API
+* (anchor-name on the selected tab, position-anchor on the indicator)
+* and animated via WAAPI transitions in CSS.
+*/
+const tabsIndicatorVariants = cva(tabsStyles.indicator, {
+	variants: { variant: {
+		default: "bg-background shadow-sm rounded-md inset-y-1",
+		outline: "bg-background shadow-sm border border-border/50 rounded-md inset-y-1",
+		ghost: "bg-accent rounded-md inset-y-0",
+		underline: "bg-primary h-0.5 rounded-full !inset-y-auto bottom-0",
+		pill: "bg-background shadow-sm rounded-full inset-y-1"
+	} },
+	defaultVariants: { variant: "default" }
+});
 
 //#endregion
-export { tabsStyles };
+export { tabsIndicatorVariants, tabsListVariants, tabsStyles, tabsTabVariants };

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

@@ -9,10 +9,11 @@
 import type * as React from 'react';
 import type { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
 import type { HTMLMotionProps, Transition } from 'motion/react';
+import type { VariantProps } from 'class-variance-authority';
 import type { IBaseConfig, SlotOverrides } from '../../../core/types';
 import type { IHighlightProps, IHighlightItemProps } from '../../../react-ui/primitives/Highlight';
 import type { IAutoHeightProps } from '../../../react-ui/primitives/AutoHeight';
-import type { TabsSlot } from './Tabs.styles';
+import type { TabsSlot, tabsListVariants, tabsTabVariants } from './Tabs.styles';
 /**
  * Configuration interface for Tabs behavior and animation.
  *
@@ -107,9 +108,11 @@ export interface ITabsHighlightItemProps extends IHighlightItemProps {
  * </TabsList>
  * ```
  */
-export interface ITabsListProps extends React.ComponentProps<typeof TabsPrimitive.List> {
+export interface ITabsListProps extends React.ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
     /** Partial class overrides per slot. */
     slots?: SlotOverrides<TabsSlot>;
+    /** Show the CSS Anchor-based sliding indicator. Defaults to true for default/outline/pill variants. */
+    indicator?: boolean;
 }
 /**
  * Props for TabsTab -- a single tab trigger button.
@@ -121,7 +124,7 @@ export interface ITabsListProps extends React.ComponentProps<typeof TabsPrimitiv
  * </TabsTab>
  * ```
  */
-export interface ITabsTabProps extends React.ComponentProps<typeof TabsPrimitive.Tab> {
+export interface ITabsTabProps extends React.ComponentProps<typeof TabsPrimitive.Tab>, VariantProps<typeof tabsTabVariants> {
     /** Partial class overrides per slot. */
     slots?: SlotOverrides<TabsSlot>;
 }

package/dist/react-ui/ui/Tabs/Tabs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/Tabs/Tabs.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/Tabs/Tabs.types.ts"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import { tabsListVariants, tabsTabVariants, tabsIndicatorVariants } from './Tabs.styles';
 import type { ITabsProps, ITabsHighlightProps, ITabsHighlightItemProps, ITabsListProps, ITabsTabProps, ITabsPanelProps, ITabsPanelsProps } from './Tabs.types';
 /**
  * Root Tabs component -- provides active tab value context and
@@ -39,20 +40,24 @@ declare function Tabs({ slots, config, className, ...props }: ITabsProps): impor
 declare function TabsHighlight({ transition, slots, className, ...props }: ITabsHighlightProps): import("react/jsx-runtime").JSX.Element;
 /**
  * TabsList -- the container holding tab trigger buttons.
- * Renders a base-ui Tabs.List with the `list` slot classes.
+ * Renders a base-ui Tabs.List with CVA variant/size styling and
+ * an optional CSS Anchor-based sliding indicator.
  *
+ * @param variant - Visual variant: 'default' | 'outline' | 'ghost' | 'underline' | 'pill'
+ * @param size - Size: 'sm' | 'default' | 'lg'
+ * @param indicator - Show sliding indicator (default: true for default/outline/pill)
  * @param slots - Partial class overrides per slot
  * @param className - Additional class names
  *
  * @example
  * ```tsx
- * <TabsList className="flex gap-1 border-b border-white/10 pb-1">
- *   <TabsTab value="general">General</TabsTab>
- *   <TabsTab value="advanced">Advanced</TabsTab>
+ * <TabsList variant="pill" size="sm">
+ *   <TabsTab value="a">Alpha</TabsTab>
+ *   <TabsTab value="b">Beta</TabsTab>
  * </TabsList>
  * ```
  */
-declare function TabsList({ slots, className, ...props }: ITabsListProps): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ variant, size, indicator, slots, className, children, ...props }: ITabsListProps): import("react/jsx-runtime").JSX.Element;
 /**
  * TabsHighlightItem -- wraps a TabsTab for highlight position tracking.
  * Must be placed inside a TabsHighlight context. The `value` prop should
@@ -71,20 +76,24 @@ declare function TabsList({ slots, className, ...props }: ITabsListProps): impor
 declare function TabsHighlightItem({ slots, ...props }: ITabsHighlightItemProps): import("react/jsx-runtime").JSX.Element;
 /**
  * TabsTab -- a single tab trigger button that activates its panel.
- * Renders a base-ui Tabs.Tab with the `tab` slot classes.
+ * Inherits variant/size from the parent TabsList context, or can be
+ * overridden per-tab.
  *
  * @param value - The value this tab represents
+ * @param variant - Override parent variant
+ * @param size - Override parent size
  * @param slots - Partial class overrides per slot
  * @param className - Additional class names
  *
  * @example
  * ```tsx
- * <TabsTab value="general" className="px-3 py-1.5 text-sm font-medium">
+ * <TabsTab value="general">
+ *   <Search className="size-4" />
  *   General
  * </TabsTab>
  * ```
  */
-declare function TabsTab({ slots, className, ...props }: ITabsTabProps): import("react/jsx-runtime").JSX.Element;
+declare function TabsTab({ variant, size, slots, className, ...props }: ITabsTabProps): import("react/jsx-runtime").JSX.Element;
 /**
  * TabsPanel -- an animated content panel associated with a tab.
  * Uses Motion for blur + opacity enter/exit transitions wrapped in
@@ -135,7 +144,7 @@ declare function TabsPanel({ value, keepMounted, transition, slots, className, .
  * ```
  */
 declare function TabsPanels(props: ITabsPanelsProps): import("react/jsx-runtime").JSX.Element;
-export { Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsTab, TabsPanel, TabsPanels, };
+export { Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsTab, TabsPanel, TabsPanels, tabsListVariants, tabsTabVariants, tabsIndicatorVariants, };
 export type { ITabsProps, ITabsHighlightProps, ITabsHighlightItemProps, ITabsListProps, ITabsTabProps, ITabsPanelProps, ITabsPanelsProps, ITabsPanelsAutoProps, ITabsPanelsLayoutProps, ITabsConfig, TabsContextType, } from './Tabs.types';
 export type { TabsSlot } from './Tabs.styles';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/Tabs/index.tsx"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAEV,UAAU,EACV,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAEjB,MAAM,cAAc,CAAC;AAatB;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAiB/D;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,aAAa,CAAC,EACrB,UAA4D,EAC5D,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAcrB;AAMD;;;;;;;;;;;;;;GAcG;AACH,iBAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAQ/D;AAMD;;;;;;;;;;;;;;GAcG;AACH,iBAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAEtE;AAMD;;;;;;;;;;;;;;GAcG;AACH,iBAAS,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAQ7D;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,WAAW,EACX,UAAiD,EACjD,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAsBjB;AAuBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAiD1C;AAMD,OAAO,EACL,IAAI,EACJ,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,GACX,CAAC;AAGF,YAAY,EACV,UAAU,EACV,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,WAAW,EACX,eAAe,GAChB,MAAM,cAAc,CAAC;AAEtB,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/Tabs/index.tsx"],"names":[],"mappings":"AAoEA,OAAO,EAEL,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAEV,UAAU,EACV,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAEjB,MAAM,cAAc,CAAC;AAgDtB;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAiB/D;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,aAAa,CAAC,EACrB,UAA4D,EAC5D,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAcrB;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,QAAQ,CAAC,EAChB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,2CA+BhB;AAMD;;;;;;;;;;;;;;GAcG;AACH,iBAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAEtE;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAgB5E;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,WAAW,EACX,UAAiD,EACjD,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAsBjB;AAuBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAiD1C;AAMD,OAAO,EACL,IAAI,EACJ,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,GACtB,CAAC;AAGF,YAAY,EACV,UAAU,EACV,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,WAAW,EACX,eAAe,GAChB,MAAM,cAAc,CAAC;AAEtB,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}