@tribepad/themis 1.0.0

package/dist/elements/FormLayout/FormLayout.types.d.ts

@@ -0,0 +1,66 @@
+import { z } from 'zod';
+import type { ReactNode } from 'react';
+/**
+ * FormLayout Props Schema
+ * Extends BaseComponentProps with layout-specific props
+ *
+ * @see FormLayout-plan.md (Component API Design)
+ * @see FormLayout-design-decisions.md (Approved design specifications)
+ * @see spec.md FR-009 to FR-014 (Accessibility Requirements - WCAG 2.2 AAA)
+ * @see constitution.md Principle IV (Accessibility First)
+ */
+export declare const FormLayoutPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    children: z.ZodOptional<z.ZodAny>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    title: z.ZodString;
+    requiredNote: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>]>>;
+    headingLevel: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>]>>;
+    density: z.ZodDefault<z.ZodEnum<{
+        default: "default";
+        compact: "compact";
+        comfortable: "comfortable";
+    }>>;
+    errorMessage: z.ZodOptional<z.ZodString>;
+    successMessage: z.ZodOptional<z.ZodString>;
+    fieldErrors: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    autoHideSuccess: z.ZodDefault<z.ZodBoolean>;
+    autoHideDuration: z.ZodDefault<z.ZodNumber>;
+    actions: z.ZodOptional<z.ZodAny>;
+}, z.core.$strip>;
+/**
+ * Inferred TypeScript type from Zod schema
+ * Provides type safety at compile time
+ *
+ * Note: autoHideSuccess and autoHideDuration are optional with defaults
+ */
+export type FormLayoutProps = Omit<z.infer<typeof FormLayoutPropsSchema>, 'autoHideSuccess' | 'autoHideDuration'> & {
+    actions?: ReactNode;
+    autoHideSuccess?: boolean;
+    autoHideDuration?: number;
+};
+/**
+ * Type for heading level (h1-h6)
+ */
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+/**
+ * Type for density variant
+ */
+export type DensityVariant = 'default' | 'compact' | 'comfortable';
+/**
+ * Type for column count
+ */
+export type ColumnCount = 1 | 2;
+//# sourceMappingURL=FormLayout.types.d.ts.map

package/dist/elements/FormLayout/FormLayout.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.types.d.ts","sourceRoot":"","sources":["../../../src/elements/FormLayout/FormLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA2BhC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,GAAG;IAClH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC"}

package/dist/elements/FormLayout/index.d.ts

@@ -0,0 +1,3 @@
+export { FormLayout, formLayoutBodyVariants } from './FormLayout';
+export type { FormLayoutProps } from './FormLayout.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FormLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FormLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/elements/FormLayout/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkZMYLD3BN_js = require('../../chunk-ZMYLD3BN.js');
+require('../../chunk-VIREG536.js');
+
+
+
+Object.defineProperty(exports, "FormLayout", {
+  enumerable: true,
+  get: function () { return chunkZMYLD3BN_js.FormLayout; }
+});
+Object.defineProperty(exports, "formLayoutBodyVariants", {
+  enumerable: true,
+  get: function () { return chunkZMYLD3BN_js.formLayoutBodyVariants; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/elements/FormLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/elements/FormLayout/index.mjs

@@ -0,0 +1,4 @@
+export { FormLayout, formLayoutBodyVariants } from '../../chunk-AKIA6GW6.mjs';
+import '../../chunk-E2KQFV3O.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/elements/FormLayout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/elements/Modal/Modal.d.ts

@@ -0,0 +1,168 @@
+/**
+ * Modal Component - Implementation
+ *
+ * Accessible modal dialog component combining React Aria primitives with ShadCN styling.
+ * Follows Themis library patterns with compound component structure.
+ *
+ * @see PRD.md (Full requirements)
+ * @see Modal.types.ts (Zod schemas)
+ * @see RESEARCH.md (React Aria patterns)
+ */
+import { type ReactElement } from 'react';
+import type { ModalProps, ModalTriggerProps, ModalContentProps, ModalOverlayProps, ModalHeaderProps, ModalTitleProps, ModalDescriptionProps, ModalFooterProps, ModalCloseProps } from './Modal.types';
+/**
+ * Modal Root Component
+ *
+ * Manages modal open/close state and validates required children structure.
+ * Must contain exactly one Modal.Trigger and one Modal.Content.
+ *
+ * Unwraps compound component children and passes them to React Aria's DialogTrigger.
+ *
+ * @see PRD.md FR-001 (Modal Root Requirements)
+ * @see PRD.md FR-012 (Controlled Mode)
+ * @see PRD.md FR-013 (Uncontrolled Mode)
+ */
+declare function ModalRoot({ children, defaultOpen, isOpen, onOpenChange, role }: ModalProps): ReactElement;
+declare namespace ModalRoot {
+    var displayName: string;
+}
+/**
+ * Modal.Trigger Component
+ *
+ * Wraps a single child element (typically Button) with modal trigger behavior.
+ * Handles click events to open modal and manages ARIA attributes.
+ *
+ * React Aria's DialogTrigger (used in Modal root) automatically applies:
+ * - aria-haspopup="dialog"
+ * - aria-expanded (true/false based on state)
+ * - onClick handler to toggle modal
+ *
+ * @see PRD.md FR-002 (Trigger Requirements)
+ * @see RESEARCH.md Section 2 (React Aria Integration)
+ */
+declare function ModalTrigger({ children }: ModalTriggerProps): ReactElement;
+declare namespace ModalTrigger {
+    var displayName: string;
+}
+/**
+ * Modal.Content Component
+ *
+ * Renders the modal content with overlay backdrop.
+ * Uses React Aria's Modal and ModalOverlay for accessibility.
+ * Applies CVA variants for size and animation.
+ *
+ * @see PRD.md FR-003 (Content Requirements)
+ * @see PRD.md TR-001 (CVA Variant Styling)
+ * @see RESEARCH.md Section 2 (React Aria Integration)
+ */
+declare function ModalContent({ children, size, animation, animationDuration, isDismissable, isKeyboardDismissDisabled, showClose, className, }: ModalContentProps): ReactElement;
+declare namespace ModalContent {
+    var displayName: string;
+}
+/**
+ * Modal.Overlay Component (Placeholder - not exposed in public API)
+ * Overlay is managed internally by Modal.Content via AriaModalOverlay
+ */
+declare function ModalOverlay(_props: ModalOverlayProps): null;
+declare namespace ModalOverlay {
+    var displayName: string;
+}
+/**
+ * Modal.Header Component
+ *
+ * Container for modal header content (typically Title and Description).
+ * Applies consistent spacing and layout.
+ *
+ * @see PRD.md FR-005 (Header Requirements)
+ */
+declare function ModalHeader({ children, className }: ModalHeaderProps): ReactElement;
+declare namespace ModalHeader {
+    var displayName: string;
+}
+/**
+ * Modal.Title Component
+ *
+ * Renders modal title using React Aria's Heading component.
+ * Automatically links to modal via aria-labelledby.
+ *
+ * @see PRD.md FR-006 (Title Requirements)
+ * @see PRD.md AR-002 (ARIA Attributes - auto-labelledby)
+ */
+declare function ModalTitle({ children, as, className }: ModalTitleProps): ReactElement;
+declare namespace ModalTitle {
+    var displayName: string;
+}
+/**
+ * Modal.Description Component
+ *
+ * Renders description text that automatically links to modal via aria-describedby.
+ * Uses muted text color for visual hierarchy.
+ *
+ * @see PRD.md FR-007 (Description Requirements)
+ * @see PRD.md AR-002 (ARIA Attributes - auto-describedby)
+ */
+declare function ModalDescription({ children, className }: ModalDescriptionProps): ReactElement;
+declare namespace ModalDescription {
+    var displayName: string;
+}
+/**
+ * Modal.Footer Component
+ *
+ * Container for modal action buttons (Cancel, Confirm, etc.).
+ * Aligns buttons to the right with consistent spacing.
+ * Responsive: stacks vertically on mobile, horizontal on desktop.
+ *
+ * @see PRD.md FR-008 (Footer Requirements)
+ * @see PRD.md DS-003 (Spacing - footer button gap)
+ */
+declare function ModalFooter({ children, className }: ModalFooterProps): ReactElement;
+declare namespace ModalFooter {
+    var displayName: string;
+}
+/**
+ * Modal.Close Component
+ *
+ * Wraps a child element (typically Button) with modal close behavior.
+ * Uses OverlayTriggerStateContext from React Aria to access close function.
+ *
+ * @see PRD.md FR-009 (Close Requirements)
+ */
+declare function ModalClose({ children }: ModalCloseProps): ReactElement;
+declare namespace ModalClose {
+    var displayName: string;
+}
+/**
+ * CVA Variants for Modal.Content
+ *
+ * @see PRD.md TR-001 (CVA Variant Styling)
+ * @see PRD.md DS-001 (Size Variants)
+ */
+export declare const modalContentVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | "xl" | "full" | null | undefined;
+    animation?: "none" | "slide" | "fade-zoom" | "fade" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA Variants for Modal Overlay
+ */
+export declare const modalOverlayVariants: (props?: ({
+    animation?: "none" | "slide" | "fade-zoom" | "fade" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Compound Component Export
+ *
+ * Follows Themis library pattern using Object.assign() for compound components.
+ *
+ * @see RESEARCH.md Section 1 (Compound Component Pattern)
+ */
+export declare const Modal: typeof ModalRoot & {
+    Trigger: typeof ModalTrigger;
+    Content: typeof ModalContent;
+    Overlay: typeof ModalOverlay;
+    Header: typeof ModalHeader;
+    Title: typeof ModalTitle;
+    Description: typeof ModalDescription;
+    Footer: typeof ModalFooter;
+    Close: typeof ModalClose;
+};
+export { ModalRoot, ModalTrigger, ModalContent, ModalOverlay, ModalHeader, ModalTitle, ModalDescription, ModalFooter, ModalClose, };
+//# sourceMappingURL=Modal.d.ts.map

package/dist/elements/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/elements/Modal/Modal.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,EAML,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EAChB,MAAM,eAAe,CAAC;AAYvB;;;;;;;;;;;GAWG;AACH,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,IAAe,EAAE,EAAE,UAAU,GAAG,YAAY,CA6C7G;kBA7CQ,SAAS;;;AAiDlB;;;;;;;;;;;;;GAaG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAInE;kBAJQ,YAAY;;;AAQrB;;;;;;;;;;GAUG;AACH,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,IAAW,EACX,SAAuB,EACvB,iBAAuB,EACvB,aAAoB,EACpB,yBAAiC,EACjC,SAAgB,EAChB,SAAS,GACV,EAAE,iBAAiB,GAAG,YAAY,CA8ClC;kBAvDQ,YAAY;;;AA2DrB;;;GAGG;AACH,iBAAS,YAAY,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAErD;kBAFQ,YAAY;;;AAMrB;;;;;;;GAOG;AACH,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,YAAY,CAM5E;kBANQ,WAAW;;;AAUpB;;;;;;;;GAQG;AACH,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAS,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,YAAY,CAUrF;kBAVQ,UAAU;;;AAcnB;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,GAAG,YAAY,CAUtF;kBAVQ,gBAAgB;;;AAczB;;;;;;;;;GASG;AACH,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,YAAY,CAM5E;kBANQ,WAAW;;;AAUpB;;;;;;;GAOG;AACH,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,YAAY,CA+B/D;kBA/BQ,UAAU;;;AAmCnB;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB;;;8EAoChC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB;;8EAyBhC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;;;;;;;;CAShB,CAAC;AAGH,OAAO,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,CAAC"}

package/dist/elements/Modal/Modal.types.d.ts

@@ -0,0 +1,265 @@
+import { z } from 'zod';
+import type { ReactNode } from 'react';
+/**
+ * Modal root component props schema
+ *
+ * @see PRD.md FR-001 (Modal Root Requirements)
+ * @see PRD.md FR-012 (Controlled Mode)
+ * @see PRD.md FR-013 (Uncontrolled Mode)
+ */
+export declare const ModalPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    defaultOpen: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    isOpen: z.ZodOptional<z.ZodBoolean>;
+    onOpenChange: z.ZodOptional<z.ZodCustom<(isOpen: boolean) => void, (isOpen: boolean) => void>>;
+    role: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        dialog: "dialog";
+        alertdialog: "alertdialog";
+    }>>>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+}, z.core.$strip>;
+export type ModalProps = z.infer<typeof ModalPropsSchema>;
+/**
+ * Modal.Trigger props schema
+ *
+ * @see PRD.md FR-002 (Trigger Requirements)
+ */
+export declare const ModalTriggerPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+}, z.core.$strip>;
+export type ModalTriggerProps = z.infer<typeof ModalTriggerPropsSchema>;
+/**
+ * Modal size variants
+ */
+export declare const ModalSizeSchema: z.ZodEnum<{
+    sm: "sm";
+    lg: "lg";
+    md: "md";
+    xl: "xl";
+    full: "full";
+}>;
+export type ModalSize = z.infer<typeof ModalSizeSchema>;
+/**
+ * Modal animation variants
+ */
+export declare const ModalAnimationSchema: z.ZodEnum<{
+    none: "none";
+    slide: "slide";
+    "fade-zoom": "fade-zoom";
+    fade: "fade";
+}>;
+export type ModalAnimation = z.infer<typeof ModalAnimationSchema>;
+/**
+ * Modal.Content props schema
+ *
+ * @see PRD.md FR-003 (Content Requirements)
+ * @see PRD.md TR-001 (CVA Variant Styling)
+ * @see PRD.md TR-007 (Scroll Lock)
+ * @see PRD.md TR-008 (Animation Support)
+ */
+export declare const ModalContentPropsSchema: z.ZodObject<{
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    size: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        lg: "lg";
+        md: "md";
+        xl: "xl";
+        full: "full";
+    }>>>;
+    animation: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        none: "none";
+        slide: "slide";
+        "fade-zoom": "fade-zoom";
+        fade: "fade";
+    }>>>;
+    animationDuration: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    isDismissable: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    isKeyboardDismissDisabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    showClose: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    className: z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+}, z.core.$strip>;
+export type ModalContentProps = z.infer<typeof ModalContentPropsSchema>;
+/**
+ * Modal.Overlay props schema
+ *
+ * @see PRD.md FR-004 (Overlay Requirements)
+ */
+export declare const ModalOverlayPropsSchema: z.ZodObject<{
+    children: z.ZodOptional<z.ZodAny>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    animation: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        none: "none";
+        slide: "slide";
+        "fade-zoom": "fade-zoom";
+        fade: "fade";
+    }>>>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type ModalOverlayProps = z.infer<typeof ModalOverlayPropsSchema>;
+/**
+ * Modal.Header props schema
+ *
+ * @see PRD.md FR-005 (Header Requirements)
+ */
+export declare const ModalHeaderPropsSchema: z.ZodObject<{
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type ModalHeaderProps = z.infer<typeof ModalHeaderPropsSchema>;
+/**
+ * Modal.Title props schema
+ *
+ * @see PRD.md FR-006 (Title Requirements)
+ * @see PRD.md AR-002 (ARIA Attributes - auto-labelledby)
+ */
+export declare const ModalTitlePropsSchema: z.ZodObject<{
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    as: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        h1: "h1";
+        h2: "h2";
+        h3: "h3";
+        h4: "h4";
+        h5: "h5";
+        h6: "h6";
+    }>>>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type ModalTitleProps = z.infer<typeof ModalTitlePropsSchema>;
+/**
+ * Modal.Description props schema
+ *
+ * @see PRD.md FR-007 (Description Requirements)
+ * @see PRD.md AR-002 (ARIA Attributes - auto-describedby)
+ */
+export declare const ModalDescriptionPropsSchema: z.ZodObject<{
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type ModalDescriptionProps = z.infer<typeof ModalDescriptionPropsSchema>;
+/**
+ * Modal.Footer props schema
+ *
+ * @see PRD.md FR-008 (Footer Requirements)
+ * @see PRD.md DS-003 (Spacing - footer button gap)
+ */
+export declare const ModalFooterPropsSchema: z.ZodObject<{
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type ModalFooterProps = z.infer<typeof ModalFooterPropsSchema>;
+/**
+ * Modal.Close props schema
+ *
+ * @see PRD.md FR-009 (Close Requirements)
+ */
+export declare const ModalClosePropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+}, z.core.$strip>;
+export type ModalCloseProps = z.infer<typeof ModalClosePropsSchema>;
+/**
+ * CVA variant configuration types
+ * Used for class-variance-authority integration
+ *
+ * Note: ModalSize and ModalAnimation are already exported above (lines 47, 53)
+ */
+//# sourceMappingURL=Modal.types.d.ts.map

package/dist/elements/Modal/Modal.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;qDAQK,OAAO,KAAK,IAAI,WAAhB,OAAO,KAAK,IAAI;;;;;;iBAOhD,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;iBAGlC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAExE;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;EAA2C,CAAC;AACxE,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;EAAiD,CAAC;AACnF,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAElE;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAwBlC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;iBAMlC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;iBAMjC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAEtE;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;iBAShC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;iBAMtC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAEhF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;iBAMjC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;iBAGhC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;;GAKG"}

package/dist/elements/Modal/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Modal Component - Barrel Export
+ *
+ * Enables convenient imports:
+ * - import { Modal } from '@tribepad/themis/elements/Modal'
+ * - import { Modal } from '@tribepad/themis/elements'
+ *
+ * @see PRD.md (Product Requirements Document)
+ * @see PLAN.md (Implementation Plan)
+ * @see RESEARCH.md (React Aria Patterns)
+ */
+export { Modal, ModalTrigger, ModalContent, ModalOverlay, ModalHeader, ModalTitle, ModalDescription, ModalFooter, ModalClose, modalContentVariants, modalOverlayVariants, } from './Modal';
+export type { ModalProps, ModalTriggerProps, ModalContentProps, ModalOverlayProps, ModalHeaderProps, ModalTitleProps, ModalDescriptionProps, ModalFooterProps, ModalCloseProps, ModalSize, ModalAnimation, } from './Modal.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Modal/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,cAAc,GACf,MAAM,eAAe,CAAC"}

package/dist/elements/Modal/index.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var chunk3MJPASQU_js = require('../../chunk-3MJPASQU.js');
+
+
+
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.Modal; }
+});
+Object.defineProperty(exports, "ModalClose", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.ModalClose; }
+});
+Object.defineProperty(exports, "ModalContent", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.ModalContent; }
+});
+Object.defineProperty(exports, "ModalDescription", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.ModalDescription; }
+});
+Object.defineProperty(exports, "ModalFooter", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.ModalFooter; }
+});
+Object.defineProperty(exports, "ModalHeader", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.ModalHeader; }
+});
+Object.defineProperty(exports, "ModalOverlay", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.ModalOverlay; }
+});
+Object.defineProperty(exports, "ModalTitle", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.ModalTitle; }
+});
+Object.defineProperty(exports, "ModalTrigger", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.ModalTrigger; }
+});
+Object.defineProperty(exports, "modalContentVariants", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.modalContentVariants; }
+});
+Object.defineProperty(exports, "modalOverlayVariants", {
+  enumerable: true,
+  get: function () { return chunk3MJPASQU_js.modalOverlayVariants; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/elements/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/elements/Modal/index.mjs

@@ -0,0 +1,3 @@
+export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalTitle, ModalTrigger, modalContentVariants, modalOverlayVariants } from '../../chunk-UE2S4PCX.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/elements/Modal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}