@mks2508/mks-ui 0.1.4 → 0.2.1

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

@@ -0,0 +1,266 @@
+'use client';
+
+import { cn } from "../../lib/utils.js";
+import { getStrictContext } from "../../lib/get-strict-context.js";
+import { useControlledState } from "../../hooks/State/UseControlledState.js";
+import { AccordionStyles, accordionVariants } from "./Accordion.styles.js";
+import * as React from "react";
+import { AnimatePresence, motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+import { Accordion } from "@base-ui/react/accordion";
+
+//#region src/react-ui/ui/Accordion/index.tsx
+/**
+* Accordion component with animated expand/collapse panels.
+*
+* Built on top of Base UI's Accordion primitive with Motion (Framer Motion)
+* animations. Supports controlled and uncontrolled modes, multiple expanded
+* items, and the StyleSlots pattern for granular style overrides.
+*
+* @module @mks2508/mks-ui/react/ui/Accordion
+*
+* @example
+* ```tsx
+* import {
+*   Accordion,
+*   AccordionItem,
+*   AccordionHeader,
+*   AccordionTrigger,
+*   AccordionPanel,
+* } from '@mks2508/mks-ui';
+*
+* function FAQ() {
+*   return (
+*     <Accordion variant="bordered" defaultValue={['q1']}>
+*       <AccordionItem value="q1">
+*         <AccordionHeader>
+*           <AccordionTrigger>What is mks-ui?</AccordionTrigger>
+*         </AccordionHeader>
+*         <AccordionPanel>
+*           A modern React component library with animations.
+*         </AccordionPanel>
+*       </AccordionItem>
+*     </Accordion>
+*   );
+* }
+* ```
+*/
+const [AccordionProvider, useAccordion] = getStrictContext("AccordionContext");
+const [AccordionItemProvider, useAccordionItem] = getStrictContext("AccordionItemContext");
+/**
+* Root Accordion container. Manages which items are expanded and
+* provides context to child components.
+*
+* Supports both controlled (`value` + `onValueChange`) and uncontrolled
+* (`defaultValue`) usage patterns.
+*
+* @param props - {@link IAccordionProps}
+* @returns The rendered accordion container
+*
+* @example
+* ```tsx
+* // Uncontrolled with default expansion
+* <Accordion defaultValue={['item-1']}>
+*   <AccordionItem value="item-1">...</AccordionItem>
+*   <AccordionItem value="item-2">...</AccordionItem>
+* </Accordion>
+*
+* // Controlled
+* const [value, setValue] = useState<string[]>(['item-1']);
+* <Accordion value={value} onValueChange={setValue} variant="bordered">
+*   ...
+* </Accordion>
+* ```
+*/
+function Accordion$1({ variant, className, slots, config: _config, ...props }) {
+	const [value, setValue] = useControlledState({
+		value: props?.value,
+		defaultValue: props?.defaultValue,
+		onChange: props?.onValueChange
+	});
+	return /* @__PURE__ */ jsx(AccordionProvider, {
+		value: {
+			value,
+			setValue
+		},
+		children: /* @__PURE__ */ jsx(Accordion.Root, {
+			"data-slot": "accordion",
+			className: cn(accordionVariants({ variant }), slots?.root, className),
+			...props,
+			onValueChange: setValue
+		})
+	});
+}
+/**
+* Individual collapsible section within an Accordion.
+* Tracks its own open/closed state derived from the parent context.
+*
+* @param props - {@link IAccordionItemProps}
+* @returns The rendered accordion item
+*
+* @example
+* ```tsx
+* <AccordionItem value="section-1" className="border-primary/20">
+*   <AccordionHeader>
+*     <AccordionTrigger>Section Title</AccordionTrigger>
+*   </AccordionHeader>
+*   <AccordionPanel>Section content</AccordionPanel>
+* </AccordionItem>
+* ```
+*/
+function AccordionItem({ slots, className, ...props }) {
+	const { value } = useAccordion();
+	const [isOpen, setIsOpen] = React.useState(value?.includes(props?.value) ?? false);
+	React.useEffect(() => {
+		setIsOpen(value?.includes(props?.value) ?? false);
+	}, [value, props?.value]);
+	return /* @__PURE__ */ jsx(AccordionItemProvider, {
+		value: {
+			isOpen,
+			setIsOpen
+		},
+		children: /* @__PURE__ */ jsx(Accordion.Item, {
+			"data-slot": "accordion-item",
+			className: cn(AccordionStyles.item, slots?.item, className),
+			...props
+		})
+	});
+}
+/**
+* Header wrapper for an accordion trigger. Provides semantic structure
+* and consistent spacing around the trigger element.
+*
+* @param props - {@link IAccordionHeaderProps}
+* @returns The rendered accordion header
+*
+* @example
+* ```tsx
+* <AccordionHeader className="bg-muted/10">
+*   <AccordionTrigger>Section Title</AccordionTrigger>
+* </AccordionHeader>
+* ```
+*/
+function AccordionHeader({ slots, className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Header, {
+		"data-slot": "accordion-header",
+		className: cn(AccordionStyles.header, slots?.header, className),
+		...props
+	});
+}
+/**
+* Clickable trigger that toggles the associated AccordionPanel.
+* Rendered as a button for accessibility.
+*
+* @param props - {@link IAccordionTriggerProps}
+* @returns The rendered accordion trigger
+*
+* @example
+* ```tsx
+* <AccordionTrigger className="text-foreground hover:text-primary">
+*   Click to expand
+* </AccordionTrigger>
+* ```
+*/
+function AccordionTrigger({ slots, className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Trigger, {
+		"data-slot": "accordion-trigger",
+		className: cn(AccordionStyles.trigger, slots?.trigger, className),
+		...props
+	});
+}
+/**
+* Animated collapsible panel that shows/hides content with a smooth
+* height transition powered by Motion (Framer Motion).
+*
+* Uses a mask-image technique for a polished reveal/hide effect.
+* When `keepRendered` is `true`, the panel stays in the DOM even when
+* collapsed (useful for preserving form state).
+*
+* @param props - {@link IAccordionPanelProps}
+* @returns The rendered animated accordion panel
+*
+* @example
+* ```tsx
+* // Standard panel (unmounts on collapse)
+* <AccordionPanel>
+*   <p>Content revealed on expand</p>
+* </AccordionPanel>
+*
+* // Persistent panel (stays mounted)
+* <AccordionPanel keepRendered transition={{ duration: 0.5 }}>
+*   <form>...</form>
+* </AccordionPanel>
+* ```
+*/
+function AccordionPanel({ transition = {
+	duration: .35,
+	ease: "easeInOut"
+}, hiddenUntilFound, keepRendered = false, slots, className, ...props }) {
+	const { isOpen } = useAccordionItem();
+	const maskStyle = {
+		maskImage: "linear-gradient(black var(--mask-stop), transparent var(--mask-stop))",
+		WebkitMaskImage: "linear-gradient(black var(--mask-stop), transparent var(--mask-stop))",
+		overflow: "hidden"
+	};
+	return /* @__PURE__ */ jsx(AnimatePresence, { children: keepRendered ? /* @__PURE__ */ jsx(Accordion.Panel, {
+		hidden: false,
+		hiddenUntilFound,
+		keepMounted: true,
+		render: /* @__PURE__ */ jsx(motion.div, {
+			"data-slot": "accordion-panel",
+			className: cn(AccordionStyles.panel, slots?.panel, className),
+			initial: {
+				height: 0,
+				opacity: 0,
+				"--mask-stop": "0%",
+				y: 20
+			},
+			animate: isOpen ? {
+				height: "auto",
+				opacity: 1,
+				"--mask-stop": "100%",
+				y: 0
+			} : {
+				height: 0,
+				opacity: 0,
+				"--mask-stop": "0%",
+				y: 20
+			},
+			transition,
+			style: maskStyle,
+			...props
+		}, "accordion-panel")
+	}) : isOpen && /* @__PURE__ */ jsx(Accordion.Panel, {
+		hidden: false,
+		hiddenUntilFound,
+		keepMounted: true,
+		render: /* @__PURE__ */ jsx(motion.div, {
+			"data-slot": "accordion-panel",
+			className: cn(AccordionStyles.panel, slots?.panel, className),
+			initial: {
+				height: 0,
+				opacity: 0,
+				"--mask-stop": "0%",
+				y: 20
+			},
+			animate: {
+				height: "auto",
+				opacity: 1,
+				"--mask-stop": "100%",
+				y: 0
+			},
+			exit: {
+				height: 0,
+				opacity: 0,
+				"--mask-stop": "0%",
+				y: 20
+			},
+			transition,
+			style: maskStyle,
+			...props
+		}, "accordion-panel")
+	}) });
+}
+
+//#endregion
+export { Accordion$1 as Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, useAccordionItem };

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

@@ -0,0 +1,28 @@
+/**
+ * Style slots for the AlertDialog component.
+ *
+ * Defines the visual regions (slots) available for style overrides.
+ * AlertDialog does not use CVA variants since its visual appearance
+ * is primarily controlled by the `from` flip direction prop.
+ *
+ * @module @mks2508/mks-ui/react/ui/AlertDialog/AlertDialog.styles
+ */
+import type { StyleSlots } from '../../../core/types';
+import type { AlertDialogSlot } from './AlertDialog.types';
+/**
+ * Default Tailwind classes for each visual region of the AlertDialog.
+ *
+ * These classes are applied as base styles and can be overridden
+ * via the `slots` prop on individual sub-components.
+ *
+ * @example
+ * ```typescript
+ * import { AlertDialogStyles } from '@mks2508/mks-ui';
+ *
+ * // Access individual slot defaults
+ * console.log(AlertDialogStyles.backdrop); // backdrop base classes
+ * console.log(AlertDialogStyles.popup);    // popup container classes
+ * ```
+ */
+export declare const AlertDialogStyles: StyleSlots<AlertDialogSlot>;
+//# sourceMappingURL=AlertDialog.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/AlertDialog/AlertDialog.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAAU,CAAC,eAAe,CASzD,CAAC"}

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

@@ -0,0 +1,29 @@
+//#region src/react-ui/ui/AlertDialog/AlertDialog.styles.ts
+/**
+* Default Tailwind classes for each visual region of the AlertDialog.
+*
+* These classes are applied as base styles and can be overridden
+* via the `slots` prop on individual sub-components.
+*
+* @example
+* ```typescript
+* import { AlertDialogStyles } from '@mks2508/mks-ui';
+*
+* // Access individual slot defaults
+* console.log(AlertDialogStyles.backdrop); // backdrop base classes
+* console.log(AlertDialogStyles.popup);    // popup container classes
+* ```
+*/
+const AlertDialogStyles = {
+	root: "",
+	backdrop: "fixed inset-0 z-50 bg-black/80",
+	popup: "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border border-border bg-background p-6 shadow-lg sm:rounded-lg",
+	header: "flex flex-col space-y-2 text-center sm:text-left",
+	footer: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+	title: "text-lg font-semibold",
+	description: "text-sm text-muted-foreground",
+	close: ""
+};
+
+//#endregion
+export { AlertDialogStyles };

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

@@ -0,0 +1,235 @@
+/**
+ * Type definitions for the AlertDialog component.
+ *
+ * All interfaces follow the IPrefix convention. Type aliases do not.
+ * Slot types define the visual regions available for style overrides.
+ *
+ * @module @mks2508/mks-ui/react/ui/AlertDialog/AlertDialog.types
+ */
+import type { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import type { HTMLMotionProps } from 'motion/react';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
+/**
+ * Named visual regions of the AlertDialog that can be styled via the `slots` prop.
+ *
+ * | Slot          | Element                                        |
+ * |---------------|------------------------------------------------|
+ * | `root`        | Logical root (no DOM element by default)        |
+ * | `backdrop`    | Semi-transparent overlay behind the dialog       |
+ * | `popup`       | Main dialog container with flip animation        |
+ * | `header`      | Header area containing title and description     |
+ * | `footer`      | Footer area for action buttons                   |
+ * | `title`       | Dialog title text                                |
+ * | `description` | Descriptive text below the title                 |
+ * | `close`       | Close/cancel button                              |
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogPopup slots={{ popup: 'bg-zinc-950 border-cyan-500/20' }}>
+ *   ...
+ * </AlertDialogPopup>
+ * ```
+ */
+export type AlertDialogSlot = 'root' | 'backdrop' | 'popup' | 'header' | 'footer' | 'title' | 'description' | 'close';
+/**
+ * Direction from which the AlertDialog flips into view.
+ * Controls the 3D perspective rotation axis and initial angle.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogPopup from="bottom">...</AlertDialogPopup>
+ * ```
+ */
+export type AlertDialogFlipDirection = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Internal context for the AlertDialog root, tracks open state.
+ */
+export type AlertDialogContextType = {
+    /** Whether the dialog is currently open. */
+    isOpen: boolean;
+    /** Callback to update open state. */
+    setIsOpen: IAlertDialogProps['onOpenChange'];
+};
+/**
+ * Behavioral configuration for the AlertDialog component.
+ * Extends {@link IBaseConfig} with alert-dialog-specific options.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog config={{ from: 'bottom', animation: { duration: 0.3 } }} />
+ * ```
+ */
+export interface IAlertDialogConfig extends IBaseConfig {
+    /**
+     * Direction from which the dialog popup flips into view.
+     * Passed down to AlertDialogPopup if not set directly on the popup.
+     *
+     * @default 'top'
+     */
+    from?: AlertDialogFlipDirection;
+}
+/**
+ * Props for the root AlertDialog component.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog defaultOpen={false} onOpenChange={(open) => console.log(open)}>
+ *   <AlertDialogTrigger>Open</AlertDialogTrigger>
+ *   <AlertDialogPortal>
+ *     <AlertDialogBackdrop />
+ *     <AlertDialogPopup>...</AlertDialogPopup>
+ *   </AlertDialogPortal>
+ * </AlertDialog>
+ * ```
+ */
+export interface IAlertDialogProps extends React.ComponentProps<typeof AlertDialogPrimitive.Root> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+    /** Behavioral configuration. */
+    config?: IAlertDialogConfig;
+}
+/**
+ * Props for the AlertDialogTrigger button.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogTrigger className="bg-destructive text-white">
+ *   Delete Account
+ * </AlertDialogTrigger>
+ * ```
+ */
+export interface IAlertDialogTriggerProps extends React.ComponentProps<typeof AlertDialogPrimitive.Trigger> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogPortal.
+ * The `keepMounted` prop is omitted because it is managed internally
+ * by the AnimatePresence animation logic.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogPortal>
+ *   <AlertDialogBackdrop />
+ *   <AlertDialogPopup>...</AlertDialogPopup>
+ * </AlertDialogPortal>
+ * ```
+ */
+export interface IAlertDialogPortalProps extends Omit<React.ComponentProps<typeof AlertDialogPrimitive.Portal>, 'keepMounted'> {
+}
+/**
+ * Props for the AlertDialogBackdrop overlay.
+ *
+ * Extends Motion's HTMLMotionProps for full animation control.
+ * The `render` prop from the base primitive is omitted because
+ * it is managed internally by the motion wrapper.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogBackdrop
+ *   transition={{ duration: 0.3 }}
+ *   className="bg-black/60 backdrop-blur-sm"
+ * />
+ * ```
+ */
+export interface IAlertDialogBackdropProps extends Omit<Omit<React.ComponentProps<typeof AlertDialogPrimitive.Backdrop>, 'render'>, keyof HTMLMotionProps<'div'>>, HTMLMotionProps<'div'> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogPopup container.
+ *
+ * Extends Motion's HTMLMotionProps for full animation control.
+ * The `render` prop from the base primitive is omitted because
+ * it is managed internally by the motion wrapper.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogPopup from="bottom" className="max-w-md">
+ *   <AlertDialogHeader>...</AlertDialogHeader>
+ *   <AlertDialogFooter>...</AlertDialogFooter>
+ * </AlertDialogPopup>
+ * ```
+ */
+export interface IAlertDialogPopupProps extends Omit<Omit<React.ComponentProps<typeof AlertDialogPrimitive.Popup>, 'render'>, keyof HTMLMotionProps<'div'>>, HTMLMotionProps<'div'> {
+    /**
+     * Direction from which the popup flips into view.
+     * Controls 3D perspective rotation.
+     *
+     * @default 'top'
+     */
+    from?: AlertDialogFlipDirection;
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogClose button.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogClose className="border-border">Cancel</AlertDialogClose>
+ * ```
+ */
+export interface IAlertDialogCloseProps extends React.ComponentProps<typeof AlertDialogPrimitive.Close> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogHeader layout wrapper.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogHeader>
+ *   <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *   <AlertDialogDescription>This cannot be undone.</AlertDialogDescription>
+ * </AlertDialogHeader>
+ * ```
+ */
+export interface IAlertDialogHeaderProps extends React.ComponentProps<'div'> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogFooter layout wrapper.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogFooter>
+ *   <AlertDialogClose>Cancel</AlertDialogClose>
+ *   <Button variant="destructive">Delete</Button>
+ * </AlertDialogFooter>
+ * ```
+ */
+export interface IAlertDialogFooterProps extends React.ComponentProps<'div'> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogTitle text element.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogTitle className="text-destructive">
+ *   Confirm Deletion
+ * </AlertDialogTitle>
+ * ```
+ */
+export interface IAlertDialogTitleProps extends React.ComponentProps<typeof AlertDialogPrimitive.Title> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogDescription text element.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogDescription>
+ *   This action is permanent and cannot be reversed.
+ * </AlertDialogDescription>
+ * ```
+ */
+export interface IAlertDialogDescriptionProps extends React.ComponentProps<typeof AlertDialogPrimitive.Description> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+//# sourceMappingURL=AlertDialog.types.d.ts.map

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

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