@12-apps/ui 5.0.0 → 5.1.0

package/dist/types/components/layout/Accordion/Accordion.styles.d.ts

@@ -0,0 +1,100 @@
+import type { Theme } from '@mui/material';
+import type { AccordionVariant } from './Accordion.types';
+export declare const accordionVariantStyles: (theme: Theme, variant: AccordionVariant) => {
+    backgroundColor: string;
+    backdropFilter: string;
+    border: string;
+    borderRadius: string;
+    transition: string;
+    '&:before': {
+        display: string;
+    };
+    '&:hover': {
+        backgroundColor: string;
+        border: string;
+        transform: string;
+        boxShadow: string;
+        borderColor?: undefined;
+    };
+    '&.Mui-expanded': {
+        backgroundColor: string;
+        border: string;
+        borderColor?: undefined;
+        boxShadow?: undefined;
+        transform?: undefined;
+    };
+    '&:not(:last-child)'?: undefined;
+    boxShadow?: undefined;
+} | {
+    border: string;
+    borderRadius: string;
+    transition: string;
+    '&:before': {
+        display: string;
+    };
+    '&:not(:last-child)': {
+        marginBottom: string;
+    };
+    '&:hover': {
+        borderColor: string;
+        boxShadow: string;
+        backgroundColor?: undefined;
+        border?: undefined;
+        transform?: undefined;
+    };
+    '&.Mui-expanded': {
+        borderColor: string;
+        backgroundColor?: undefined;
+        border?: undefined;
+        boxShadow?: undefined;
+        transform?: undefined;
+    };
+    backgroundColor?: undefined;
+    backdropFilter?: undefined;
+    boxShadow?: undefined;
+} | {
+    boxShadow: string;
+    borderRadius: string;
+    transition: string;
+    '&:before': {
+        display: string;
+    };
+    '&:not(:last-child)': {
+        marginBottom: string;
+    };
+    '&:hover': {
+        boxShadow: string;
+        transform: string;
+        backgroundColor?: undefined;
+        border?: undefined;
+        borderColor?: undefined;
+    };
+    '&.Mui-expanded': {
+        boxShadow: string;
+        transform: string;
+        backgroundColor?: undefined;
+        border?: undefined;
+        borderColor?: undefined;
+    };
+    backgroundColor?: undefined;
+    backdropFilter?: undefined;
+    border?: undefined;
+} | {
+    transition: string;
+    '&:hover': {
+        backgroundColor: string;
+        border?: undefined;
+        transform?: undefined;
+        boxShadow?: undefined;
+        borderColor?: undefined;
+    };
+    backgroundColor?: undefined;
+    backdropFilter?: undefined;
+    border?: undefined;
+    borderRadius?: undefined;
+    '&:before'?: undefined;
+    '&.Mui-expanded'?: undefined;
+    '&:not(:last-child)'?: undefined;
+    boxShadow?: undefined;
+};
+//# sourceMappingURL=Accordion.styles.d.ts.map

package/dist/types/components/layout/Accordion/Accordion.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Accordion/Accordion.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAM1D,eAAO,MAAM,sBAAsB,GAAI,OAAO,KAAK,EAAE,SAAS,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsE7E,CAAC"}

package/dist/types/components/layout/Accordion/Accordion.types.d.ts

@@ -0,0 +1,28 @@
+import type { AccordionProps as MuiAccordionProps } from '@mui/material';
+import type { ReactNode } from 'react';
+export type AccordionVariant = 'default' | 'glass' | 'bordered' | 'separated';
+export interface AccordionProps extends Omit<MuiAccordionProps, 'variant'> {
+    children: React.ReactElement | React.ReactElement[];
+    variant?: AccordionVariant;
+    disabled?: boolean;
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+    'data-testid'?: string;
+}
+export interface AccordionSummaryProps {
+    children: ReactNode;
+    expandIcon?: ReactNode;
+    disabled?: boolean;
+    'data-testid'?: string;
+}
+export interface AccordionDetailsProps {
+    children: ReactNode;
+    'data-testid'?: string;
+}
+export interface AccordionActionsProps {
+    children: ReactNode;
+    disableSpacing?: boolean;
+    'data-testid'?: string;
+}
+//# sourceMappingURL=Accordion.types.d.ts.map

package/dist/types/components/layout/Accordion/Accordion.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;AAE9E,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IACpD,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/types/components/layout/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { Accordion, AccordionActions, AccordionDetails, AccordionSummary } from './Accordion';
+export type { AccordionActionsProps, AccordionDetailsProps, AccordionProps, AccordionSummaryProps, AccordionVariant, } from './Accordion.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/layout/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAC,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC7F,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC"}

package/dist/types/components/layout/Card/Card.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps, CardProps } from './Card.types';
+export declare const Card: React.FC<CardProps>;
+export declare const CardHeader: React.FC<CardHeaderProps>;
+export declare const CardContent: React.FC<CardContentProps>;
+export declare const CardActions: React.FC<CardActionsProps>;
+export declare const CardMedia: React.FC<CardMediaProps>;
+//# sourceMappingURL=Card.d.ts.map

package/dist/types/components/layout/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+DpC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6BhD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAahD,CAAC;AAEJ,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgClD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmB5C,CAAC"}

package/dist/types/components/layout/Card/Card.helpers.d.ts

@@ -0,0 +1,6 @@
+import type { CardProps } from './Card.types';
+type CardDefaultedKeys = 'variant' | 'interactive' | 'glow' | 'pulse' | 'borderRadius' | 'loading';
+type ResolvedCardProps = CardProps & Required<Pick<CardProps, CardDefaultedKeys>>;
+export declare const resolveCardProps: (props: CardProps) => ResolvedCardProps;
+export {};
+//# sourceMappingURL=Card.helpers.d.ts.map

package/dist/types/components/layout/Card/Card.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,iBAAiB,GAClB,SAAS,GACT,aAAa,GACb,MAAM,GACN,OAAO,GACP,cAAc,GACd,SAAS,CAAC;AAEd,KAAK,iBAAiB,GAAG,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAkBlF,eAAO,MAAM,gBAAgB,GAAI,OAAO,SAAS,KAAG,iBACiB,CAAC"}

package/dist/types/components/layout/Card/Card.styles.d.ts

@@ -0,0 +1,13 @@
+import type { CSSObject, Theme } from '@mui/material';
+import type { CardProps, CardVariant } from './Card.types';
+type BorderRadius = NonNullable<CardProps['borderRadius']>;
+interface CardStyleArgs {
+    variant: CardVariant;
+    interactive: boolean;
+    glow: boolean;
+    pulse: boolean;
+    borderRadius: BorderRadius;
+}
+export declare const cardStyles: (theme: Theme, { variant, interactive, glow, pulse, borderRadius }: CardStyleArgs) => CSSObject;
+export {};
+//# sourceMappingURL=Card.styles.d.ts.map

package/dist/types/components/layout/Card/Card.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3D,KAAK,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;AA6I3D,UAAU,aAAa;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,qDAAqD,aAAa,KACjE,SAwBF,CAAC"}

package/dist/types/components/layout/Card/Card.types.d.ts

@@ -0,0 +1,52 @@
+import type { CardProps as MuiCardProps } from '@mui/material';
+import type { ReactNode } from 'react';
+export type CardVariant = 'elevated' | 'outlined' | 'glass' | 'gradient' | 'neumorphic' | 'section';
+export type CardEntranceAnimation = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'zoom' | 'grow' | 'none';
+export interface CardProps extends Omit<MuiCardProps, 'variant'> {
+    children: ReactNode;
+    variant?: CardVariant;
+    interactive?: boolean;
+    glow?: boolean;
+    pulse?: boolean;
+    borderRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    loading?: boolean;
+    expandable?: boolean;
+    expanded?: boolean;
+    onExpandToggle?: (expanded: boolean) => void;
+    entranceAnimation?: CardEntranceAnimation;
+    animationDelay?: number;
+    skeleton?: boolean;
+    hoverScale?: number;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+    dataTestId?: string;
+}
+export interface CardHeaderProps {
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    action?: ReactNode;
+    avatar?: ReactNode;
+    children?: ReactNode;
+    dataTestId?: string;
+}
+export interface CardContentProps {
+    children: ReactNode;
+    dense?: boolean;
+    dataTestId?: string;
+}
+export interface CardActionsProps {
+    children: ReactNode;
+    disableSpacing?: boolean;
+    alignment?: 'left' | 'center' | 'right' | 'space-between';
+    dataTestId?: string;
+}
+export interface CardMediaProps {
+    component?: React.ElementType;
+    image?: string;
+    title?: string;
+    height?: number | string;
+    children?: ReactNode;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Card.types.d.ts.map

package/dist/types/components/layout/Card/Card.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;AACpG,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjI,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/layout/Card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card, CardActions, CardContent, CardHeader, CardMedia } from './Card';
+export type { CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps, CardProps, } from './Card.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/layout/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC/E,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,cAAc,CAAC"}

package/dist/types/components/layout/CardGrid/CardGrid.d.ts

@@ -0,0 +1,56 @@
+import { type ReactNode, type Ref } from "react";
+/**
+ * How the grid turns surplus row space into layout:
+ *
+ * - `"fixed"` — every column is exactly `cardWidth` px; leftover row space is
+ *   spread as even gutters (`justify-content: space-around`). Cards never resize;
+ *   the column count changes with the viewport. This is the original tabwoah
+ *   card-grid behavior.
+ * - `"fluid"` — every column is *at least* `cardWidth` px and stretches (`1fr`)
+ *   to fill the row, so cards grow to use the whole width. A lone card stays
+ *   left-aligned at a single track's width rather than stretching edge to edge.
+ * - `"scroll"` — a single row that scrolls horizontally, with fluid-width cards
+ *   sized from the container so that exactly {@link SCROLL_VISIBLE_CARDS} cards
+ *   plus a {@link SCROLL_PEEK_WIDTH}px sliver of the next one fit on screen (up
+ *   to `maxCardWidth`, past which more cards simply fit). The sliver is the
+ *   point: it makes the rail visibly continue past the fold, so the row reads as
+ *   swipeable instead of as a finished pair of cards. Wrapping is off; the row
+ *   overflows on the x and scroll-snaps to each card's start so a swipe lands on
+ *   a clean card boundary.
+ */
+export type CardGridVariant = "fixed" | "fluid" | "scroll";
+interface CardGridProps {
+    /**
+     * `"fixed"`: the exact column width in px. `"fluid"`: the minimum column width
+     * (columns grow from here). `"scroll"`: only seeds the default `maxCardWidth`
+     * — a scroll track has no minimum, because a minimum is exactly what would
+     * break the "two cards plus a peek" promise on a narrow phone.
+     */
+    cardWidth: number;
+    /**
+     * `"scroll"` only: the maximum fluid card width in px. Defaults to
+     * `1.6 × cardWidth`.
+     */
+    maxCardWidth?: number;
+    /** Layout behavior — see {@link CardGridVariant}. Defaults to `"fixed"`. */
+    variant?: CardGridVariant;
+    /** Additional classes appended to the default grid container */
+    className?: string;
+    /** `data-testid` for the grid container */
+    gridTestId?: string;
+    /** Ref forwarded to the grid container (used by `useMaxRowsHeight` clipping). */
+    containerRef?: Ref<HTMLDivElement>;
+    children: ReactNode;
+}
+/**
+ * Shared grid container for card layouts. Renders responsive columns via CSS
+ * grid, in one of three variants (see {@link CardGridVariant}).
+ *
+ * Ported from the tabwoah card grid (the `"fixed"` variant is verbatim). The one
+ * adaptation: that app is Tailwind (`className="grid gap-4 pb-0.5"`); this one
+ * has no Tailwind, so those three utilities (display:grid, gap 1rem,
+ * padding-bottom 2px) live in `style`.
+ */
+export declare function CardGrid({ cardWidth, maxCardWidth, variant, className, gridTestId, containerRef, children, }: CardGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CardGrid.d.ts.map

package/dist/types/components/layout/CardGrid/CardGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/CardGrid/CardGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAI/E;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAiC3D,UAAU,aAAa;IACrB;;;;;OAKG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,YAAY,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,YAAY,EACZ,OAAiB,EACjB,SAAS,EACT,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,aAAa,2CA0Cf"}

package/dist/types/components/layout/CardGrid/index.d.ts

@@ -0,0 +1,3 @@
+export { CardGrid } from "./CardGrid";
+export type { CardGridVariant } from "./CardGrid";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/layout/CardGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/CardGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/types/components/layout/Collapsible/Collapsible.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps } from './Collapsible.types';
+export declare const Collapsible: React.FC<CollapsibleProps>;
+export declare const CollapsibleTrigger: React.FC<CollapsibleTriggerProps>;
+export declare const CollapsibleContent: React.FC<CollapsibleContentProps>;
+//# sourceMappingURL=Collapsible.d.ts.map

package/dist/types/components/layout/Collapsible/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,OAAO,KAAK,EAAE,uBAAuB,EAAC,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AA4G7G,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiClD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA6BhE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkBhE,CAAC"}

package/dist/types/components/layout/Collapsible/Collapsible.helpers.d.ts

@@ -0,0 +1,58 @@
+import type { Theme } from '@mui/material';
+import type { CollapsibleVariant } from './Collapsible.types';
+/**
+ * `smooth` and `default` share their timing; only `spring` differs, stretching
+ * the duration and overshooting past the target before settling.
+ */
+export declare const transitionSettings: (theme: Theme, variant: CollapsibleVariant, duration: number, easing?: string) => {
+    duration: number;
+    easing: string;
+};
+interface RegionState {
+    open: boolean;
+    disabled: boolean;
+    dataTestId?: string;
+}
+/**
+ * Shared by both implementations: a disabled collapsible reads as collapsed to
+ * assistive technology whatever its `open` prop says, because it cannot be
+ * operated to see the rest.
+ */
+export declare const regionAttrs: ({ open, disabled, dataTestId }: RegionState) => {
+    'data-disabled': boolean;
+    'data-testid': string | undefined;
+    role: string;
+    'aria-expanded': boolean;
+    'aria-hidden': boolean;
+};
+export declare const dimmedStyles: (disabled: boolean) => {
+    opacity: number;
+    pointerEvents: "none" | "auto";
+};
+export declare const triggerStyles: (theme: Theme, { disabled, expanded }: {
+    disabled: boolean;
+    expanded: boolean;
+}) => {
+    width: string;
+    padding: string;
+    border: string;
+    backgroundColor: string;
+    cursor: string;
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+    transition: string;
+    opacity: number;
+    '&:hover': {
+        backgroundColor: string;
+    };
+    '&:focus': {
+        outline: string;
+        outlineOffset: number;
+    };
+    '&:active': {
+        backgroundColor: string;
+    };
+};
+export {};
+//# sourceMappingURL=Collapsible.helpers.d.ts.map

package/dist/types/components/layout/Collapsible/Collapsible.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Collapsible/Collapsible.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,EACZ,SAAS,kBAAkB,EAC3B,UAAU,MAAM,EAChB,SAAS,MAAM,KACd;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CASpC,CAAC;AAEF,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,gCAAgC,WAAW;;;;;;CAMrE,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,UAAU,OAAO;;mBAEG,MAAM,GAAG,MAAM;CAC9D,CAAC;AAEH,eAAO,MAAM,aAAa,GACxB,OAAO,KAAK,EACZ,wBAAwB;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;CAgCjE,CAAC"}

package/dist/types/components/layout/Collapsible/Collapsible.types.d.ts

@@ -0,0 +1,32 @@
+import type { SxProps, Theme } from '@mui/material';
+import type { ReactNode } from 'react';
+export type CollapsibleVariant = 'default' | 'smooth' | 'spring';
+export interface CollapsibleProps {
+    children: ReactNode;
+    open: boolean;
+    variant?: CollapsibleVariant;
+    duration?: number;
+    easing?: string;
+    onToggle?: (open: boolean) => void;
+    disabled?: boolean;
+    keepMounted?: boolean;
+    /** Maximum height constraint - useful when child has scrollable content */
+    maxHeight?: number;
+    sx?: SxProps<Theme>;
+    className?: string;
+    dataTestId?: string;
+}
+export interface CollapsibleTriggerProps {
+    children: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    expanded?: boolean;
+    className?: string;
+    dataTestId?: string;
+}
+export interface CollapsibleContentProps {
+    children: ReactNode;
+    className?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Collapsible.types.d.ts.map

package/dist/types/components/layout/Collapsible/Collapsible.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Collapsible/Collapsible.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/layout/Collapsible/index.d.ts

@@ -0,0 +1,3 @@
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './Collapsible';
+export type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps, } from './Collapsible.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/layout/Collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Collapsible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAC,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnF,YAAY,EACV,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC"}

package/dist/types/components/layout/Container/Container.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ContainerProps } from './Container.types';
+export declare const Container: React.FC<ContainerProps>;
+//# sourceMappingURL=Container.d.ts.map

package/dist/types/components/layout/Container/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiE9C,CAAC"}

package/dist/types/components/layout/Container/Container.types.d.ts

@@ -0,0 +1,11 @@
+import type { ContainerProps as MuiContainerProps } from '@mui/material';
+import type { ReactNode } from 'react';
+export interface ContainerProps extends Omit<MuiContainerProps, 'maxWidth'> {
+    children: ReactNode;
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false | string;
+    variant?: 'default' | 'fluid' | 'centered' | 'padded';
+    padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    responsive?: boolean;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Container.types.d.ts.map

package/dist/types/components/layout/Container/Container.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/Container.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC7D,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/layout/Container/index.d.ts

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

package/dist/types/components/layout/Container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/components/layout/ContentToolbar/ColumnsMenu.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { ColumnsMenuProps } from './ContentToolbar.types';
+/**
+ * Stateless column-visibility selector: a neutral icon button (matching
+ * {@link FilterTrigger}/{@link SortByDropdown}) opening a checkbox list of the
+ * hideable columns. Purely presentational — the caller owns the visibility state
+ * and is notified via `onToggle`. The menu stays open while toggling so several
+ * columns can be flipped at once.
+ */
+export declare function ColumnsMenu({ columns, onToggle, title, ariaLabel, 'data-testid': testId, }: ColumnsMenuProps): React.JSX.Element;
+//# sourceMappingURL=ColumnsMenu.d.ts.map

package/dist/types/components/layout/ContentToolbar/ColumnsMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ContentToolbar/ColumnsMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAA0B,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAiCvF;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,SAA4B,EAC5B,aAAa,EAAE,MAAM,GACtB,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8CtC"}

package/dist/types/components/layout/ContentToolbar/ContentToolbar.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { ContentToolbarProps } from './ContentToolbar.types';
+/**
+ * Shared toolbar for content pages (Favorites, Personal Space, Recents, …). The
+ * left cluster owns selection chrome — **Select All**, and once items are
+ * selected, **Clear All** + an "N items selected" count + an optional `actions`
+ * slot. The right cluster is a free `rightControls` slot for page-specific
+ * controls (ViewSelector, SortByDropdown, MultiSelectDropdown, FilterTrigger).
+ *
+ * Faithful, generic MUI port of the reference `ContentPageToolbar` — the
+ * domain-specific default actions are intentionally left to the consumer via
+ * the `actions` slot so this stays agnostic and reusable across projects.
+ *
+ * @example
+ * ```tsx
+ * <ContentToolbar
+ *   hasSelection={selected.size > 0}
+ *   selectedCount={selected.size}
+ *   selectAll={selectAll}
+ *   clearSelection={clear}
+ *   rightControls={
+ *     <>
+ *       <ViewSelector viewMode={view} onViewModeChange={setView} zoom={zoom} onZoomChange={setZoom} />
+ *       <SortByDropdown fields={FIELDS} activeField={field} onFieldChange={setField} />
+ *       <MultiSelectDropdown label="Content Type" options={types} selected={typeSet} onToggle={toggle} onClear={clear} />
+ *       <FilterTrigger open={panelOpen} onOpenChange={setPanelOpen} hasActiveFilters={hasFilters} />
+ *     </>
+ *   }
+ * />
+ * ```
+ */
+export declare function ContentToolbar({ hasSelection, selectedCount, selectAll, clearSelection, rightControls, leadingControls, actions, selectAllTestId, clearAllTestId, edgeAlign, exclusiveSelection, }: ContentToolbarProps): React.JSX.Element;
+//# sourceMappingURL=ContentToolbar.d.ts.map

package/dist/types/components/layout/ContentToolbar/ContentToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ContentToolbar/ContentToolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAkKlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,aAAa,EACb,SAAS,EACT,cAAc,EACd,aAAa,EACb,eAAe,EACf,OAAO,EACP,eAAe,EACf,cAAc,EACd,SAAiB,EACjB,kBAA0B,GAC3B,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8CzC"}