@mks2508/mks-ui 0.1.2 → 0.1.4

package/dist/components/animate-ui/primitives/effects/auto-height.js

@@ -3,8 +3,8 @@
 import { useAutoHeight } from "../../../../hooks/use-auto-height.js";
 import { Slot } from "../animate/slot.js";
 import "react";
-import { jsx } from "react/jsx-runtime";
 import { motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/animate-ui/primitives/effects/auto-height.tsx
 function AutoHeight({ children, deps = [], transition = {

package/dist/components/animate-ui/primitives/effects/highlight.js

@@ -2,8 +2,8 @@
 
 import { cn } from "../../../../lib/utils.js";
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "motion/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/animate-ui/primitives/effects/highlight.tsx
 const DEFAULT_BOUNDS_OFFSET = {
@@ -353,4 +353,4 @@ function HighlightItem({ ref, as, children, id, value, className, style, transit
 }
 
 //#endregion
-export { Highlight, HighlightItem };
+export { Highlight, HighlightItem, useHighlight };

package/dist/components/animate-ui/primitives/texts/counting-number.js

@@ -0,0 +1,78 @@
+'use client';
+
+import { useIsInView } from "../../../../hooks/use-is-in-view.js";
+import * as React from "react";
+import { useMotionValue, useSpring } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/animate-ui/primitives/texts/counting-number.tsx
+function CountingNumber({ ref, number, fromNumber = 0, padStart = false, inView = false, inViewMargin = "0px", inViewOnce = true, decimalSeparator = ".", transition = {
+	stiffness: 90,
+	damping: 50
+}, decimalPlaces = 0, delay = 0, initiallyStable = false, ...props }) {
+	const { ref: localRef, isInView } = useIsInView(ref, {
+		inView,
+		inViewOnce,
+		inViewMargin
+	});
+	const numberStr = number.toString();
+	const decimals = typeof decimalPlaces === "number" ? decimalPlaces : numberStr.includes(".") ? numberStr.split(".")[1]?.length ?? 0 : 0;
+	const motionVal = useMotionValue(initiallyStable ? number : fromNumber);
+	const springVal = useSpring(motionVal, transition);
+	React.useEffect(() => {
+		const timeoutId = setTimeout(() => {
+			if (isInView) motionVal.set(number);
+		}, delay);
+		return () => clearTimeout(timeoutId);
+	}, [
+		isInView,
+		number,
+		motionVal,
+		delay
+	]);
+	React.useEffect(() => {
+		const unsubscribe = springVal.on("change", (latest) => {
+			if (localRef.current) {
+				let formatted = decimals > 0 ? latest.toFixed(decimals) : Math.round(latest).toString();
+				if (decimals > 0) formatted = formatted.replace(".", decimalSeparator);
+				if (padStart) {
+					const finalIntLength = Math.floor(Math.abs(number)).toString().length;
+					const [intPart, fracPart] = formatted.split(decimalSeparator);
+					const paddedInt = intPart?.padStart(finalIntLength, "0") ?? "";
+					formatted = fracPart ? `${paddedInt}${decimalSeparator}${fracPart}` : paddedInt;
+				}
+				localRef.current.textContent = formatted;
+			}
+		});
+		return () => unsubscribe();
+	}, [
+		springVal,
+		decimals,
+		padStart,
+		number,
+		decimalSeparator,
+		localRef
+	]);
+	const finalIntLength = Math.floor(Math.abs(number)).toString().length;
+	const formatValue = (val) => {
+		let out = decimals > 0 ? val.toFixed(decimals) : Math.round(val).toString();
+		if (decimals > 0) out = out.replace(".", decimalSeparator);
+		if (padStart) {
+			const [intPart, fracPart] = out.split(decimalSeparator);
+			const paddedInt = (intPart ?? "").padStart(finalIntLength, "0");
+			out = fracPart ? `${paddedInt}${decimalSeparator}${fracPart}` : paddedInt;
+		}
+		return out;
+	};
+	const zeroText = padStart ? "0".padStart(finalIntLength, "0") + (decimals > 0 ? decimalSeparator + "0".repeat(decimals) : "") : "0" + (decimals > 0 ? decimalSeparator + "0".repeat(decimals) : "");
+	const initialText = initiallyStable ? formatValue(number) : zeroText;
+	return /* @__PURE__ */ jsx("span", {
+		ref: localRef,
+		"data-slot": "counting-number",
+		...props,
+		children: initialText
+	});
+}
+
+//#endregion
+export { CountingNumber };

package/dist/components/ui/accordion.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Accordion component - Animate UI primitive re-export.
+ *
+ * Animated accordion with smooth expand/collapse transitions.
+ *
+ * @module @mks2508/mks-ui/components/ui/accordion
+ */
+export * from '../../components/animate-ui/primitives/base/accordion';
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/ui/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,mDAAmD,CAAC"}

package/dist/components/ui/accordion.js

@@ -0,0 +1 @@
+import { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, useAccordionItem } from "../animate-ui/primitives/base/accordion.js";

package/dist/components/ui/alert-dialog.d.ts

@@ -1,21 +1,9 @@
-import * as React from "react";
-import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
-import { Button } from "../../components/ui/button";
-declare function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogContent({ className, size, ...props }: AlertDialogPrimitive.Popup.Props & {
-    size?: "default" | "sm";
-}): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogCancel({ className, variant, children, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Close> & {
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "success" | "warning";
-}): import("react/jsx-runtime").JSX.Element;
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+/**
+ * AlertDialog component - Animate UI primitive re-export.
+ *
+ * Animated alert dialog with backdrop and motion transitions.
+ *
+ * @module @mks2508/mks-ui/components/ui/alert-dialog
+ */
+export * from '../../components/animate-ui/primitives/base/alert-dialog';
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/ui/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAGjF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,2CAEjE;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,2CAI3E;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,MAAM,CAAC,KAAK,2CAIzE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,QAAQ,CAAC,KAAK,2CAWrC;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GAAG;IACpC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB,2CAeA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAQ/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAQrC;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;CACzG,2CAUA;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,sDAAsD,CAAC"}

package/dist/components/ui/alert-dialog.js

@@ -1,99 +1 @@
-"use client";
-
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button/button.js";
-import "./button/index.js";
-import "react";
-import { AlertDialog } from "@base-ui/react/alert-dialog";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/ui/alert-dialog.tsx
-function AlertDialog$1({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Root, {
-		"data-slot": "alert-dialog",
-		...props
-	});
-}
-function AlertDialogTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
-		"data-slot": "alert-dialog-trigger",
-		...props
-	});
-}
-function AlertDialogPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Portal, {
-		"data-slot": "alert-dialog-portal",
-		...props
-	});
-}
-function AlertDialogOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
-		"data-slot": "alert-dialog-overlay",
-		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className),
-		...props
-	});
-}
-function AlertDialogContent({ className, size = "default", ...props }) {
-	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog.Popup, {
-		"data-slot": "alert-dialog-content",
-		"data-size": size,
-		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none", className),
-		...props
-	})] });
-}
-function AlertDialogHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-dialog-header",
-		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
-		...props
-	});
-}
-function AlertDialogFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-dialog-footer",
-		className: cn("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
-		...props
-	});
-}
-function AlertDialogMedia({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-dialog-media",
-		className: cn("bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className),
-		...props
-	});
-}
-function AlertDialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Title, {
-		"data-slot": "alert-dialog-title",
-		className: cn("text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
-		...props
-	});
-}
-function AlertDialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Description, {
-		"data-slot": "alert-dialog-description",
-		className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", className),
-		...props
-	});
-}
-function AlertDialogAction({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Button, {
-		"data-slot": "alert-dialog-action",
-		className: cn(className),
-		...props
-	});
-}
-function AlertDialogCancel({ className, variant = "outline", children, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Close, {
-		"data-slot": "alert-dialog-cancel",
-		className: cn(className),
-		...props,
-		children: /* @__PURE__ */ jsx(Button, {
-			variant,
-			children: children || "Cancel"
-		})
-	});
-}
-
-//#endregion
-export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, useAlertDialog } from "../animate-ui/primitives/base/alert-dialog.js";

package/dist/components/ui/auto-height.d.ts

@@ -0,0 +1,9 @@
+/**
+ * AutoHeight effect - Animate UI primitive re-export.
+ *
+ * Smooth height auto-resize animation for dynamic content.
+ *
+ * @module @mks2508/mks-ui/components/ui/auto-height
+ */
+export * from '../../components/animate-ui/primitives/effects/auto-height';
+//# sourceMappingURL=auto-height.d.ts.map

package/dist/components/ui/auto-height.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-height.d.ts","sourceRoot":"","sources":["../../../src/components/ui/auto-height.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,wDAAwD,CAAC"}

package/dist/components/ui/auto-height.js

@@ -0,0 +1 @@
+import { AutoHeight } from "../animate-ui/primitives/effects/auto-height.js";

package/dist/components/ui/badge/badge.styles.d.ts

@@ -8,7 +8,7 @@
  * @see {@link https://cva.style/docs/getting-started/variants}
  */
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+    variant?: "outline" | "default" | "secondary" | "destructive" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**

package/dist/components/ui/button/button.js

@@ -3,8 +3,8 @@
 import { cn } from "../../../lib/utils.js";
 import { buttonStateStyles, buttonVariants } from "./button.styles.js";
 import * as React from "react";
-import { Button } from "@base-ui/react/button";
 import { jsx } from "react/jsx-runtime";
+import { Button } from "@base-ui/react/button";
 
 //#region src/components/ui/button/button.tsx
 /**

package/dist/components/ui/button/button.styles.d.ts

@@ -8,8 +8,8 @@
  * @see {@link https://cva.style/docs/getting-started/variants}
  */
 export declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "success" | "warning" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "outline" | "default" | "secondary" | "destructive" | "ghost" | "success" | "warning" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * Estilos estáticos para el componente Button.

package/dist/components/ui/card.js

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.js";
 import "react";
-import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 
 //#region src/components/ui/card.tsx
 const cardVariants = cva("flex flex-col gap-6 rounded-xl border transition-all", {

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Checkbox component - Animate UI primitive re-export.
+ *
+ * Animated checkbox with indicator transition.
+ *
+ * @module @mks2508/mks-ui/components/ui/checkbox
+ */
+export * from '../../components/animate-ui/primitives/base/checkbox';
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/ui/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,kDAAkD,CAAC"}

package/dist/components/ui/checkbox.js

@@ -0,0 +1 @@
+import { Checkbox, CheckboxIndicator, useCheckbox } from "../animate-ui/primitives/base/checkbox.js";

package/dist/components/ui/corner-bracket.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Corner Bracket Component
+ *
+ * Corner bracket decoration for industrial/technical styling.
+ *
+ * @module @mks2508/mks-ui/components/ui
+ */
+import { type VariantProps } from 'class-variance-authority';
+declare const bracketVariants: (props?: ({
+    position?: "br" | "tr" | "tl" | "bl" | null | undefined;
+    variant?: "default" | "accent" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ICornerBracketProps extends Omit<React.SVGProps<SVGSVGElement>, 'variant'>, VariantProps<typeof bracketVariants> {
+    size?: number;
+}
+/**
+ * Corner bracket decoration for industrial/technical UI styling.
+ *
+ * @param position - Corner position: 'tl' (top-left), 'tr' (top-right), 'bl' (bottom-left), 'br' (bottom-right)
+ * @param variant - Visual style: 'default' or 'accent'
+ * @param size - Bracket size in pixels (default: 20)
+ *
+ * @example
+ * ```tsx
+ * <div className="relative p-4">
+ *   <CornerBracket position="tl" />
+ *   <CornerBracket position="br" />
+ *   Content here
+ * </div>
+ * ```
+ */
+export declare function CornerBracket({ className, position, variant, size, ...props }: ICornerBracketProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=corner-bracket.d.ts.map

package/dist/components/ui/corner-bracket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"corner-bracket.d.ts","sourceRoot":"","sources":["../../../src/components/ui/corner-bracket.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,eAAe;;;8EAmBpB,CAAC;AAEF,MAAM,WAAW,mBAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,EACrD,YAAY,CAAC,OAAO,eAAe,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AASD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAS,EACT,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAiBrB"}

package/dist/components/ui/{devenv-bracket.js → corner-bracket.js}

@@ -1,12 +1,12 @@
 import { cn } from "../../lib/utils.js";
-import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 
-//#region src/components/ui/devenv-bracket.tsx
+//#region src/components/ui/corner-bracket.tsx
 /**
-* DevEnv Bracket Component
+* Corner Bracket Component
 *
-* Corner bracket decoration for Synthwave Industrial styling.
+* Corner bracket decoration for industrial/technical styling.
 *
 * @module @mks2508/mks-ui/components/ui
 */
@@ -32,18 +32,22 @@ const PATHS = {
 	br: "M 20 0 L 5 0 A 5 5 0 0 0 0 5 L 0 20"
 };
 /**
-* DevEnv corner bracket decoration.
+* Corner bracket decoration for industrial/technical UI styling.
+*
+* @param position - Corner position: 'tl' (top-left), 'tr' (top-right), 'bl' (bottom-left), 'br' (bottom-right)
+* @param variant - Visual style: 'default' or 'accent'
+* @param size - Bracket size in pixels (default: 20)
 *
 * @example
 * ```tsx
 * <div className="relative p-4">
-*   <DevEnvBracket position="tl" />
-*   <DevEnvBracket position="br" />
+*   <CornerBracket position="tl" />
+*   <CornerBracket position="br" />
 *   Content here
 * </div>
 * ```
 */
-function DevEnvBracket({ className, position, variant, size = 20, ...props }) {
+function CornerBracket({ className, position, variant, size = 20, ...props }) {
 	return /* @__PURE__ */ jsx("svg", {
 		width: size,
 		height: size,
@@ -63,4 +67,4 @@ function DevEnvBracket({ className, position, variant, size = 20, ...props }) {
 }
 
 //#endregion
-export { DevEnvBracket };
+export { CornerBracket };

package/dist/components/ui/counting-number.d.ts

@@ -0,0 +1,9 @@
+/**
+ * CountingNumber component - Animate UI primitive re-export.
+ *
+ * Animated number display with counting/interpolation effect.
+ *
+ * @module @mks2508/mks-ui/components/ui/counting-number
+ */
+export * from '../../components/animate-ui/primitives/texts/counting-number';
+//# sourceMappingURL=counting-number.d.ts.map

package/dist/components/ui/counting-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"counting-number.d.ts","sourceRoot":"","sources":["../../../src/components/ui/counting-number.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,0DAA0D,CAAC"}

package/dist/components/ui/counting-number.js

@@ -0,0 +1 @@
+import { CountingNumber } from "../animate-ui/primitives/texts/counting-number.js";

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Dialog component - Animate UI primitive re-export.
+ *
+ * Animated modal dialog with backdrop and motion transitions.
+ *
+ * @module @mks2508/mks-ui/components/ui/dialog
+ */
+export * from '../../components/animate-ui/primitives/base/dialog';
+//# sourceMappingURL=dialog.d.ts.map

package/dist/components/ui/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,gDAAgD,CAAC"}

package/dist/components/ui/dialog.js

@@ -0,0 +1 @@
+import { Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, useDialog } from "../animate-ui/primitives/base/dialog.js";

package/dist/components/ui/field.js

@@ -4,8 +4,8 @@ import { cn } from "../../lib/utils.js";
 import { Label } from "./label.js";
 import { Separator } from "./separator.js";
 import { useMemo } from "react";
-import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 
 //#region src/components/ui/field.tsx
 function FieldSet({ className, ...props }) {

package/dist/components/ui/highlight.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Highlight effect - Animate UI primitive re-export.
+ *
+ * Animated highlight effect used by tabs, menus, and other interactive components.
+ *
+ * @module @mks2508/mks-ui/components/ui/highlight
+ */
+export * from '../../components/animate-ui/primitives/effects/highlight';
+//# sourceMappingURL=highlight.d.ts.map

package/dist/components/ui/highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../src/components/ui/highlight.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,sDAAsD,CAAC"}

package/dist/components/ui/highlight.js

@@ -0,0 +1 @@
+import { Highlight, HighlightItem, useHighlight } from "../animate-ui/primitives/effects/highlight.js";

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

@@ -5,7 +5,20 @@
  *
  * @module @mks2508/mks-ui/components/ui
  */
+export * from './accordion';
 export * from './alert-dialog';
+export * from './checkbox';
+export * from './dialog';
+export * from './menu';
+export * from './popover';
+export * from './progress';
+export * from './switch';
+export * from './tabs';
+export * from './tooltip';
+export * from './auto-height';
+export * from './counting-number';
+export * from './highlight';
+export * from './slot';
 export * from './badge';
 export * from './button';
 export * from './card';
@@ -17,9 +30,7 @@ export * from './input';
 export * from './label';
 export * from './select';
 export * from './separator';
-export * from './switch';
-export * from './tabs';
 export * from './textarea';
-export * from './devenv-bracket';
+export * from './corner-bracket';
 export * from './morphing-popover';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAG3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAG1B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAG3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}

package/dist/components/ui/index.js

@@ -1,10 +1,37 @@
-import { buttonStateStyles, buttonVariants } from "./button/button.styles.js";
-import { Button } from "./button/button.js";
-import "./button/index.js";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./alert-dialog.js";
+import { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, useAccordionItem } from "../animate-ui/primitives/base/accordion.js";
+import "./accordion.js";
+import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, useAlertDialog } from "../animate-ui/primitives/base/alert-dialog.js";
+import "./alert-dialog.js";
+import { Checkbox, CheckboxIndicator, useCheckbox } from "../animate-ui/primitives/base/checkbox.js";
+import "./checkbox.js";
+import { Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, useDialog } from "../animate-ui/primitives/base/dialog.js";
+import "./dialog.js";
+import { Highlight, HighlightItem, useHighlight } from "../animate-ui/primitives/effects/highlight.js";
+import { Menu, MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuGroup, MenuGroupLabel, MenuHighlight, MenuHighlightItem, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, useMenu, useMenuActiveValue } from "../animate-ui/primitives/base/menu.js";
+import "./menu.js";
+import { Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, usePopover } from "../animate-ui/primitives/base/popover.js";
+import "./popover.js";
+import { CountingNumber } from "../animate-ui/primitives/texts/counting-number.js";
+import { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, useProgress } from "../animate-ui/primitives/base/progress.js";
+import "./progress.js";
+import { Switch, SwitchIcon, SwitchThumb, useSwitch } from "../animate-ui/primitives/base/switch.js";
+import "./switch.js";
+import { Slot } from "../animate-ui/primitives/animate/slot.js";
+import { AutoHeight } from "../animate-ui/primitives/effects/auto-height.js";
+import { Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsPanel, TabsPanels, TabsTab } from "../animate-ui/primitives/base/tabs.js";
+import "./tabs.js";
+import { Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, useTooltip } from "../animate-ui/primitives/base/tooltip.js";
+import "./tooltip.js";
+import "./auto-height.js";
+import "./counting-number.js";
+import "./highlight.js";
+import "./slot.js";
 import { badgeVariants } from "./badge/badge.styles.js";
 import { Badge } from "./badge/badge.js";
 import "./badge/index.js";
+import { buttonStateStyles, buttonVariants } from "./button/button.styles.js";
+import { Button } from "./button/button.js";
+import "./button/index.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants } from "./card.js";
 import { Input } from "./input.js";
 import { Textarea } from "./textarea.js";
@@ -15,10 +42,6 @@ import { Label } from "./label.js";
 import { Separator } from "./separator.js";
 import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./field.js";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./select.js";
-import { Switch, SwitchIcon, SwitchThumb, useSwitch } from "../animate-ui/primitives/base/switch.js";
-import "./switch.js";
-import { Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsPanel, TabsPanels, TabsTab } from "../animate-ui/primitives/base/tabs.js";
-import "./tabs.js";
-import { DevEnvBracket } from "./devenv-bracket.js";
+import { CornerBracket } from "./corner-bracket.js";
 import { MorphingPopover, MorphingPopoverWithTarget } from "./morphing-popover/morphing-popover.js";
 import "./morphing-popover/index.js";

package/dist/components/ui/input-group.js

@@ -4,8 +4,8 @@ import "./button/index.js";
 import { Input } from "./input.js";
 import { Textarea } from "./textarea.js";
 import "react";
-import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 
 //#region src/components/ui/input-group.tsx
 function InputGroup({ className, ...props }) {

package/dist/components/ui/menu.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Menu component - Animate UI primitive re-export.
+ *
+ * Animated context/trigger menu with motion transitions and highlight effects.
+ *
+ * @module @mks2508/mks-ui/components/ui/menu
+ */
+export * from '../../components/animate-ui/primitives/base/menu';
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/ui/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/menu.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,8CAA8C,CAAC"}

package/dist/components/ui/menu.js

@@ -0,0 +1 @@
+import { Menu, MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuGroup, MenuGroupLabel, MenuHighlight, MenuHighlightItem, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, useMenu, useMenuActiveValue } from "../animate-ui/primitives/base/menu.js";