flikkui 0.1.0-beta.2

package/dist/components/core/Drawer/Drawer.js

@@ -0,0 +1,80 @@
+import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default, { createContext, useCallback, useEffect, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { cn } from '../../../utils/cn.js';
+import { drawerTheme, drawerPositionVariantsWithMargin, drawerSizeVariants } from './Drawer.theme.js';
+import { drawerOverlayAnimations, getDrawerContentAnimations } from './Drawer.animations.js';
+import { DrawerHeader } from './DrawerHeader.js';
+import { DrawerBody } from './DrawerBody.js';
+import { DrawerFooter } from './DrawerFooter.js';
+import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { motion } from '../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
+
+// Create context for Drawer components
+var DrawerContext = createContext(undefined);
+var useDrawerContext = function () {
+    var ctx = useContext(DrawerContext);
+    if (!ctx)
+        throw new Error("Drawer compound components must be used within <Drawer>");
+    return ctx;
+};
+var Drawer = function (_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, _b = _a.position, position = _b === void 0 ? "right" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.closeOnOverlayClick, closeOnOverlayClick = _d === void 0 ? true : _d, _e = _a.closeOnEsc, closeOnEsc = _e === void 0 ? true : _e, _f = _a.showCloseButton, showCloseButton = _f === void 0 ? true : _f, children = _a.children, className = _a.className, themeOverrides = _a.theme, props = __rest(_a, ["isOpen", "onClose", "position", "size", "closeOnOverlayClick", "closeOnEsc", "showCloseButton", "children", "className", "theme"]);
+    // Handle ESC key
+    var handleEscKey = useCallback(function (event) {
+        if (event.key === "Escape" && closeOnEsc) {
+            onClose();
+        }
+    }, [closeOnEsc, onClose]);
+    // Handle overlay click
+    var handleOverlayClick = useCallback(function (event) {
+        if (event.target === event.currentTarget && closeOnOverlayClick) {
+            onClose();
+        }
+    }, [closeOnOverlayClick, onClose]);
+    // Setup event listeners
+    useEffect(function () {
+        if (isOpen) {
+            document.addEventListener("keydown", handleEscKey);
+            // Prevent body scroll
+            document.body.style.overflow = "hidden";
+            return function () {
+                document.removeEventListener("keydown", handleEscKey);
+                document.body.style.overflow = "unset";
+            };
+        }
+    }, [isOpen, handleEscKey]);
+    // Merge theme with overrides
+    var theme = __assign(__assign({}, drawerTheme), (themeOverrides || {}));
+    // Context value
+    var contextValue = {
+        isOpen: isOpen,
+        onClose: onClose,
+        position: position,
+        size: size,
+        closeOnOverlayClick: closeOnOverlayClick,
+        closeOnEsc: closeOnEsc,
+        showCloseButton: showCloseButton,
+        theme: theme,
+    };
+    // Get size variant based on position
+    var isHorizontal = position === "left" || position === "right";
+    var sizeVariant = isHorizontal
+        ? drawerSizeVariants.horizontal[size]
+        : drawerSizeVariants.vertical[size];
+    var drawerContent = (React__default.createElement(DrawerContext.Provider, { value: contextValue },
+        React__default.createElement(AnimatePresence, null, isOpen && (React__default.createElement(motion.div, { className: cn(theme.overlay), onClick: handleOverlayClick, variants: drawerOverlayAnimations, initial: "initial", animate: "animate", exit: "exit" },
+            React__default.createElement(motion.div, __assign({ className: cn(theme.container, drawerPositionVariantsWithMargin[position], sizeVariant, className), variants: getDrawerContentAnimations(position), initial: "initial", animate: "animate", exit: "exit", onClick: function (e) { return e.stopPropagation(); } }, props),
+                React__default.createElement("div", { className: cn(theme.content) }, children)))))));
+    // Render in portal
+    return createPortal(drawerContent, document.body);
+};
+Drawer.displayName = "Drawer";
+// Attach compound subcomponents
+var Drawer$1 = Object.assign(Drawer, {
+    Header: DrawerHeader,
+    Body: DrawerBody,
+    Footer: DrawerFooter,
+});
+
+export { Drawer$1 as default, useDrawerContext };

package/dist/components/core/Drawer/Drawer.theme.d.ts

@@ -0,0 +1,30 @@
+import { DrawerTheme } from "./Drawer.types";
+export declare const drawerTheme: DrawerTheme;
+export declare const drawerPositionVariants: {
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+};
+export declare const drawerPositionVariantsWithMargin: {
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+};
+export declare const drawerSizeVariants: {
+    horizontal: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+    vertical: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+};

package/dist/components/core/Drawer/Drawer.theme.js

@@ -0,0 +1,37 @@
+var drawerTheme = {
+    overlay: "fixed inset-0 bg-black/70 backdrop-blur-sm z-50",
+    container: "fixed bg-white shadow-2xl shadow-black/30 border border-border ring-6 ring-white/20 flex flex-col overflow-hidden rounded-2xl",
+    content: "h-full flex flex-col",
+    header: "flex items-center justify-between p-4 border-b border-border shrink-0",
+    body: "flex-1 overflow-y-auto p-4",
+    footer: "flex items-center justify-end gap-3 p-4 border-t border-border shrink-0",
+    closeButton: "p-1 rounded-md hover:bg-neutral-100 transition-colors text-neutral-500 hover:text-neutral-700",
+};
+// Position variants with margin support
+var drawerPositionVariantsWithMargin = {
+    left: "left-6 top-6 h-[calc(100vh-3rem)]", // 100vh - 1.5rem top - 1.5rem bottom
+    right: "right-6 top-6 h-[calc(100vh-3rem)]",
+    top: "top-6 left-6 w-[calc(100vw-3rem)]",
+    bottom: "bottom-6 left-6 w-[calc(100vw-3rem)]",
+};
+// Size variants based on position
+var drawerSizeVariants = {
+    // Horizontal drawers (left/right)
+    horizontal: {
+        sm: "w-80",
+        md: "w-96",
+        lg: "w-[28rem]",
+        xl: "w-[32rem]",
+        full: "w-full",
+    },
+    // Vertical drawers (top/bottom)
+    vertical: {
+        sm: "h-64",
+        md: "h-80",
+        lg: "h-96",
+        xl: "h-[28rem]",
+        full: "h-full",
+    },
+};
+
+export { drawerPositionVariantsWithMargin, drawerSizeVariants, drawerTheme };

package/dist/components/core/Drawer/Drawer.types.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+export type DrawerPosition = "left" | "right" | "top" | "bottom";
+export type DrawerSize = "sm" | "md" | "lg" | "xl" | "full";
+export interface DrawerTheme {
+    overlay: string;
+    container: string;
+    content: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string;
+}
+export interface DrawerThemeOverrides {
+    overlay?: string;
+    container?: string;
+    content?: string;
+    header?: string;
+    body?: string;
+    footer?: string;
+    closeButton?: string;
+}
+export interface DrawerContextValue {
+    isOpen: boolean;
+    onClose: () => void;
+    position: DrawerPosition;
+    size: DrawerSize;
+    closeOnOverlayClick: boolean;
+    closeOnEsc: boolean;
+    showCloseButton: boolean;
+    theme: DrawerTheme;
+}
+export interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClose'> {
+    isOpen: boolean;
+    onClose: () => void;
+    position?: DrawerPosition;
+    size?: DrawerSize;
+    closeOnOverlayClick?: boolean;
+    closeOnEsc?: boolean;
+    showCloseButton?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    theme?: DrawerThemeOverrides;
+}
+export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    showCloseButton?: boolean;
+    className?: string;
+}
+export interface DrawerBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface DrawerFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}

package/dist/components/core/Drawer/DrawerBody.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { DrawerBodyProps } from "./Drawer.types";
+export declare const DrawerBody: {
+    ({ children, className, ...props }: DrawerBodyProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/core/Drawer/DrawerBody.js

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import { cn } from '../../../utils/cn.js';
+import { useDrawerContext } from './Drawer.js';
+
+var DrawerBody = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var theme = useDrawerContext().theme;
+    return (React__default.createElement("div", __assign({ className: cn(theme.body, className) }, props), children));
+};
+DrawerBody.displayName = "Drawer.Body";
+
+export { DrawerBody };

package/dist/components/core/Drawer/DrawerFooter.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { DrawerFooterProps } from "./Drawer.types";
+export declare const DrawerFooter: {
+    ({ children, className, ...props }: DrawerFooterProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/core/Drawer/DrawerFooter.js

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import { cn } from '../../../utils/cn.js';
+import { useDrawerContext } from './Drawer.js';
+
+var DrawerFooter = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var theme = useDrawerContext().theme;
+    return (React__default.createElement("div", __assign({ className: cn(theme.footer, className) }, props), children));
+};
+DrawerFooter.displayName = "Drawer.Footer";
+
+export { DrawerFooter };

package/dist/components/core/Drawer/DrawerHeader.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { DrawerHeaderProps } from "./Drawer.types";
+export declare const DrawerHeader: {
+    ({ children, showCloseButton, className, ...props }: DrawerHeaderProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/core/Drawer/DrawerHeader.js

@@ -0,0 +1,18 @@
+import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import { cn } from '../../../utils/cn.js';
+import { useDrawerContext } from './Drawer.js';
+
+var DrawerHeader = function (_a) {
+    var children = _a.children, showCloseButton = _a.showCloseButton, className = _a.className, props = __rest(_a, ["children", "showCloseButton", "className"]);
+    var _b = useDrawerContext(), onClose = _b.onClose, contextShowCloseButton = _b.showCloseButton, theme = _b.theme;
+    var shouldShowCloseButton = showCloseButton !== null && showCloseButton !== void 0 ? showCloseButton : contextShowCloseButton;
+    return (React__default.createElement("div", __assign({ className: cn(theme.header, className) }, props),
+        React__default.createElement("div", { className: "flex-1" }, children),
+        shouldShowCloseButton && (React__default.createElement("button", { type: "button", onClick: onClose, className: cn(theme.closeButton), "aria-label": "Close drawer" },
+            React__default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                React__default.createElement("path", { d: "M12 4L4 12M4 4l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))))));
+};
+DrawerHeader.displayName = "Drawer.Header";
+
+export { DrawerHeader };

package/dist/components/core/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Drawer } from "./Drawer";
+export * from "./Drawer.types";

package/dist/components/core/Modal/Modal.animations.d.ts

@@ -0,0 +1,9 @@
+import { Variants } from 'motion/react';
+/**
+ * Modal overlay animation variants
+ */
+export declare const modalOverlayAnimations: Variants;
+/**
+ * Modal content animation variants
+ */
+export declare const modalContentAnimations: Variants;

package/dist/components/core/Modal/Modal.animations.js

@@ -0,0 +1,51 @@
+/**
+ * Modal overlay animation variants
+ */
+var modalOverlayAnimations = {
+    initial: {
+        opacity: 0
+    },
+    animate: {
+        opacity: 1,
+        transition: {
+            duration: 0.2,
+            ease: 'easeOut'
+        }
+    },
+    exit: {
+        opacity: 0,
+        transition: {
+            duration: 0.15,
+            ease: 'easeIn'
+        }
+    }
+};
+/**
+ * Modal content animation variants
+ */
+var modalContentAnimations = {
+    initial: {
+        opacity: 0,
+        y: 20
+    },
+    animate: {
+        opacity: 1,
+        y: 0,
+        transition: {
+            type: 'spring',
+            damping: 25,
+            stiffness: 300,
+            delay: 0.05
+        }
+    },
+    exit: {
+        opacity: 0,
+        y: 20,
+        transition: {
+            duration: 0.2,
+            ease: 'easeIn'
+        }
+    }
+};
+
+export { modalContentAnimations, modalOverlayAnimations };

package/dist/components/core/Modal/Modal.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { ModalProps, ModalContextValue } from "./Modal.types";
+export declare const useModalContext: () => ModalContextValue;
+declare const _default: {
+    ({ isOpen, onClose, size, closeOnOverlayClick, closeOnEsc, showCloseButton, children, className, theme: themeOverrides, ...props }: ModalProps): React.ReactPortal;
+    displayName: string;
+} & {
+    Header: {
+        ({ children, showCloseButton, className, ...props }: import("./Modal.types").ModalHeaderProps): React.JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ children, className, ...props }: import("./Modal.types").ModalBodyProps): React.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children, className, ...props }: import("./Modal.types").ModalFooterProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export default _default;

package/dist/components/core/Modal/Modal.js

@@ -0,0 +1,74 @@
+import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default, { createContext, useCallback, useEffect, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { cn } from '../../../utils/cn.js';
+import { modalTheme, modalSizeVariants } from './Modal.theme.js';
+import { modalOverlayAnimations, modalContentAnimations } from './Modal.animations.js';
+import { ModalHeader } from './ModalHeader.js';
+import { ModalBody } from './ModalBody.js';
+import { ModalFooter } from './ModalFooter.js';
+import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { motion } from '../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
+
+// Create context for Modal components
+var ModalContext = createContext(undefined);
+var useModalContext = function () {
+    var ctx = useContext(ModalContext);
+    if (!ctx)
+        throw new Error("Modal compound components must be used within <Modal>");
+    return ctx;
+};
+var Modal = function (_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.closeOnOverlayClick, closeOnOverlayClick = _c === void 0 ? true : _c, _d = _a.closeOnEsc, closeOnEsc = _d === void 0 ? true : _d, _e = _a.showCloseButton, showCloseButton = _e === void 0 ? true : _e, children = _a.children, className = _a.className, themeOverrides = _a.theme, props = __rest(_a, ["isOpen", "onClose", "size", "closeOnOverlayClick", "closeOnEsc", "showCloseButton", "children", "className", "theme"]);
+    // Handle ESC key
+    var handleEscKey = useCallback(function (event) {
+        if (event.key === "Escape" && closeOnEsc) {
+            onClose();
+        }
+    }, [closeOnEsc, onClose]);
+    // Handle overlay click
+    var handleOverlayClick = useCallback(function (event) {
+        if (event.target === event.currentTarget && closeOnOverlayClick) {
+            onClose();
+        }
+    }, [closeOnOverlayClick, onClose]);
+    // Setup event listeners
+    useEffect(function () {
+        if (isOpen) {
+            document.addEventListener("keydown", handleEscKey);
+            // Prevent body scroll
+            document.body.style.overflow = "hidden";
+            return function () {
+                document.removeEventListener("keydown", handleEscKey);
+                document.body.style.overflow = "unset";
+            };
+        }
+    }, [isOpen, handleEscKey]);
+    // Merge theme with overrides
+    var theme = __assign(__assign({}, modalTheme), (themeOverrides || {}));
+    // Context value
+    var contextValue = {
+        isOpen: isOpen,
+        onClose: onClose,
+        size: size,
+        closeOnOverlayClick: closeOnOverlayClick,
+        closeOnEsc: closeOnEsc,
+        showCloseButton: showCloseButton,
+        theme: theme,
+    };
+    var modalContent = (React__default.createElement(ModalContext.Provider, { value: contextValue },
+        React__default.createElement(AnimatePresence, null, isOpen && (React__default.createElement(motion.div, { className: cn(theme.overlay), onClick: handleOverlayClick, variants: modalOverlayAnimations, initial: "initial", animate: "animate", exit: "exit" },
+            React__default.createElement(motion.div, __assign({ className: cn(theme.container, modalSizeVariants[size], className), variants: modalContentAnimations, initial: "initial", animate: "animate", exit: "exit" }, props),
+                React__default.createElement("div", { className: cn(theme.content) }, children)))))));
+    // Render in portal
+    return createPortal(modalContent, document.body);
+};
+Modal.displayName = "Modal";
+// Attach compound subcomponents
+var Modal$1 = Object.assign(Modal, {
+    Header: ModalHeader,
+    Body: ModalBody,
+    Footer: ModalFooter,
+});
+
+export { Modal$1 as default, useModalContext };

package/dist/components/core/Modal/Modal.theme.d.ts

@@ -0,0 +1,9 @@
+import { ModalTheme } from "./Modal.types";
+export declare const modalTheme: ModalTheme;
+export declare const modalSizeVariants: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+};

package/dist/components/core/Modal/Modal.theme.js

@@ -0,0 +1,19 @@
+var modalTheme = {
+    overlay: "fixed inset-0 bg-black/70 backdrop-blur-sm z-50 flex items-center justify-center",
+    container: "relative w-full max-h-full",
+    content: "bg-white rounded-2xl shadow-2xl shadow-black/30 border border-border ring-6 ring-white/20 max-h-full flex flex-col overflow-hidden",
+    header: "flex items-center justify-between p-4 shrink-0",
+    body: "flex-1 overflow-y-auto p-4",
+    footer: "flex items-center justify-end gap-3 p-4",
+    closeButton: "p-1 rounded-md hover:bg-neutral-100 transition-colors text-neutral-500 hover:text-neutral-700"
+};
+// Size variants for the modal container
+var modalSizeVariants = {
+    sm: "max-w-sm",
+    md: "max-w-md",
+    lg: "max-w-lg",
+    xl: "max-w-xl",
+    full: "max-w-full mx-4"
+};
+
+export { modalSizeVariants, modalTheme };

package/dist/components/core/Modal/Modal.types.d.ts

@@ -0,0 +1,53 @@
+import React from "react";
+export type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
+export interface ModalTheme {
+    overlay: string;
+    container: string;
+    content: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string;
+}
+export interface ModalThemeOverrides {
+    overlay?: string;
+    container?: string;
+    content?: string;
+    header?: string;
+    body?: string;
+    footer?: string;
+    closeButton?: string;
+}
+export interface ModalContextValue {
+    isOpen: boolean;
+    onClose: () => void;
+    size: ModalSize;
+    closeOnOverlayClick: boolean;
+    closeOnEsc: boolean;
+    showCloseButton: boolean;
+    theme: ModalTheme;
+}
+export interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClose'> {
+    isOpen: boolean;
+    onClose: () => void;
+    size?: ModalSize;
+    closeOnOverlayClick?: boolean;
+    closeOnEsc?: boolean;
+    showCloseButton?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    theme?: ModalThemeOverrides;
+}
+export interface ModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    showCloseButton?: boolean;
+    className?: string;
+}
+export interface ModalBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}

package/dist/components/core/Modal/ModalBody.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ModalBodyProps } from "./Modal.types";
+export declare const ModalBody: {
+    ({ children, className, ...props }: ModalBodyProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/core/Modal/ModalBody.js

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import { cn } from '../../../utils/cn.js';
+import { useModalContext } from './Modal.js';
+
+var ModalBody = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var theme = useModalContext().theme;
+    return (React__default.createElement("div", __assign({ className: cn(theme.body, className) }, props), children));
+};
+ModalBody.displayName = "Modal.Body";
+
+export { ModalBody };

package/dist/components/core/Modal/ModalFooter.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ModalFooterProps } from "./Modal.types";
+export declare const ModalFooter: {
+    ({ children, className, ...props }: ModalFooterProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/core/Modal/ModalFooter.js

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import { cn } from '../../../utils/cn.js';
+import { useModalContext } from './Modal.js';
+
+var ModalFooter = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var theme = useModalContext().theme;
+    return (React__default.createElement("div", __assign({ className: cn(theme.footer, className) }, props), children));
+};
+ModalFooter.displayName = "Modal.Footer";
+
+export { ModalFooter };

package/dist/components/core/Modal/ModalHeader.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ModalHeaderProps } from "./Modal.types";
+export declare const ModalHeader: {
+    ({ children, showCloseButton, className, ...props }: ModalHeaderProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/core/Modal/ModalHeader.js

@@ -0,0 +1,18 @@
+import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import { cn } from '../../../utils/cn.js';
+import { useModalContext } from './Modal.js';
+
+var ModalHeader = function (_a) {
+    var children = _a.children, showCloseButton = _a.showCloseButton, className = _a.className, props = __rest(_a, ["children", "showCloseButton", "className"]);
+    var _b = useModalContext(), onClose = _b.onClose, contextShowCloseButton = _b.showCloseButton, theme = _b.theme;
+    var shouldShowCloseButton = showCloseButton !== null && showCloseButton !== void 0 ? showCloseButton : contextShowCloseButton;
+    return (React__default.createElement("div", __assign({ className: cn(theme.header, className) }, props),
+        React__default.createElement("div", { className: "flex-1" }, children),
+        shouldShowCloseButton && (React__default.createElement("button", { type: "button", onClick: onClose, className: cn(theme.closeButton), "aria-label": "Close modal" },
+            React__default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                React__default.createElement("path", { d: "M12 4L4 12M4 4l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))))));
+};
+ModalHeader.displayName = "Modal.Header";
+
+export { ModalHeader };

package/dist/components/core/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Modal } from "./Modal";
+export * from "./Modal.types";

package/dist/components/core/Pagination/Pagination.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { PaginationProps } from "./Pagination.types";
+/**
+ * Pagination component for navigating through pages
+ */
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
+export default Pagination;

package/dist/components/core/Pagination/Pagination.theme.d.ts

@@ -0,0 +1,23 @@
+import { PaginationSize } from "./Pagination.types";
+/**
+ * Internal theme structure for the Pagination component
+ */
+interface PaginationTheme {
+    baseStyle: string;
+    itemBase: string;
+    variants: {
+        page: string;
+        ellipsis: string;
+    };
+    sizes: Record<PaginationSize, string>;
+    states: {
+        active: string;
+        disabled: string;
+        hover: string;
+    };
+}
+/**
+ * Default theme for the Pagination component
+ */
+export declare const paginationTheme: PaginationTheme;
+export {};