@tpc-mare/mare-ui-components-react 0.1.4 → 0.1.7

package/dist/accordion/Accordion.d.ts

@@ -0,0 +1,2 @@
+import { AccordionProperties } from './Accordion.types';
+export declare function Accordion({ items, value, defaultValue, onValueChange, multiple, collapsible, }: AccordionProperties): import("react").JSX.Element;

package/dist/accordion/Accordion.types.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { AccordionItemData } from '@tpc-development/mare-ui-components-core/accordion';
+export type { AccordionItemData } from '@tpc-development/mare-ui-components-core/accordion';
+export interface AccordionItemProperties extends AccordionItemData {
+    subtitle?: ReactNode;
+    content: ReactNode;
+}
+export interface AccordionProperties {
+    items: AccordionItemProperties[];
+    /** Controlled expanded item values. Omit to let Ark manage it. */
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    /** Whether multiple items can be expanded at once.
+     * @default false */
+    multiple?: boolean;
+    /** Whether an expanded item can be collapsed back by clicking it again.
+     * @default true */
+    collapsible?: boolean;
+}

package/dist/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion } from './Accordion';
+export type { AccordionProperties, AccordionItemProperties, AccordionItemData, } from './Accordion.types';

package/dist/accordion/index.js

@@ -0,0 +1,4 @@
+import { A as c } from "../shared/Accordion-Cbs8KQ5v.js";
+export {
+  c as Accordion
+};

package/dist/banner/Banner.d.ts

@@ -0,0 +1,2 @@
+import { BannerProperties } from './Banner.types';
+export declare function Banner({ severity, title, icon, disabled, closable, onClose, children, }: BannerProperties): import("react").JSX.Element;

package/dist/banner/Banner.types.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { BannerSeverity } from '@tpc-development/mare-ui-components-core/banner';
+export type { BannerSeverity } from '@tpc-development/mare-ui-components-core/banner';
+export interface BannerProperties {
+    /** @default 'neutral' */
+    severity?: BannerSeverity;
+    title?: string;
+    icon?: ReactNode;
+    /** @default false */
+    disabled?: boolean;
+    /** @default false */
+    closable?: boolean;
+    onClose?: () => void;
+    children?: ReactNode;
+}

package/dist/banner/index.d.ts

@@ -0,0 +1,2 @@
+export { Banner } from './Banner';
+export type { BannerProperties, BannerSeverity } from './Banner.types';

package/dist/banner/index.js

@@ -0,0 +1,4 @@
+import { B as e } from "../shared/Banner-BWyV9K8e.js";
+export {
+  e as Banner
+};

package/dist/checkbox/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../shared/Checkbox-DsM70wQl.js";
+import { C as r } from "../shared/Checkbox-D17WWbSe.js";
 export {
   r as Checkbox
 };

package/dist/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as m } from "../shared/Combobox-DeUG_muZ.js";
+import { C as m } from "../shared/Combobox-CBa1lnAd.js";
 export {
   m as Combobox
 };

package/dist/date-picker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+import { DatePickerProperties } from './DatePicker.types';
+export declare function DatePicker({ value, onValueChange, selectionMode, size, label, placeholder, disabled, invalid, minDate, maxDate, navigation, doubleMonth, inline, clearable, prices, currency, locale, showTime, timeOnly, showSeconds, footer, leadingIcon, portalContainer, onOpenChange, onVisibleMonthsChange, }: DatePickerProperties): ReactNode;

package/dist/date-picker/DatePicker.types.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode, RefObject } from 'react';
+import { DatePickerSelectionMode, DatePickerValue, DatePriceData, InputTextSize } from '@tpc-development/mare-ui-components-core/date-picker';
+export type { DatePickerSelectionMode, DatePickerValue, DatePriceData, InputTextSize, } from '@tpc-development/mare-ui-components-core/date-picker';
+export interface DatePickerProperties {
+    value?: DatePickerValue;
+    onValueChange?: (value: DatePickerValue) => void;
+    selectionMode?: DatePickerSelectionMode;
+    size?: InputTextSize;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Inclusive bounds. Also clamps the time-of-day when `showTime`/`timeOnly`. */
+    minDate?: Date;
+    maxDate?: Date;
+    /** Show prev/next + the clickable month/year view switcher. @default true */
+    navigation?: boolean;
+    /** Two months side-by-side at/above the `sm` breakpoint. @default false */
+    doubleMonth?: boolean;
+    /** Render the calendar in normal flow — no field, no floating panel. @default false */
+    inline?: boolean;
+    /** Show the '×' clear trigger once a value is selected. @default true */
+    clearable?: boolean;
+    /** Price badge under each day — the booking-calendar use case. */
+    prices?: DatePriceData[];
+    currency?: string;
+    /** BCP 47 tag, e.g. "es-MX". @default "en-US" */
+    locale?: string;
+    /** Show a native time input under the calendar. @default false */
+    showTime?: boolean;
+    /** Time-only — the calendar view is hidden, only the time input shows. @default false */
+    timeOnly?: boolean;
+    showSeconds?: boolean;
+    /** Render prop so consumers compose their own Clear/Apply buttons (e.g. Mare's
+     * own `<Button>`) instead of Mare hardcoding a footer. */
+    footer?: (helpers: {
+        close: () => void;
+        clear: () => void;
+    }) => ReactNode;
+    leadingIcon?: ReactNode;
+    /** Passed straight through to Ark's `<Portal container>` — see the
+     * mare-migrate-component skill's Portal section for why this must be
+     * exposed (a single `data-theme` on the document root is the default,
+     * correct, common case — this is only for multi-theme layouts). */
+    portalContainer?: RefObject<HTMLElement | null>;
+    onOpenChange?: (open: boolean) => void;
+    /** Fires whenever the visible month(s) change (navigation or open). The Vue
+     * DS also had a separate `month-change` event — every real consumer just
+     * `console.log`'d both with identical payloads, so this adapter exposes
+     * the one Ark already gives us (`onVisibleRangeChange`) instead of two. */
+    onVisibleMonthsChange?: (months: Date[]) => void;
+}

package/dist/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProperties, DatePickerSelectionMode, DatePickerValue, DatePriceData, InputTextSize, } from './DatePicker.types';

package/dist/date-picker/index.js

@@ -0,0 +1,4 @@
+import { D as a } from "../shared/DatePicker-BQulFC2D.js";
+export {
+  a as DatePicker
+};

package/dist/dialog/index.js

@@ -1,4 +1,4 @@
-import { D as e, a as r, b as D } from "../shared/DialogFooter-DLWy6Mln.js";
+import { D as e, a as r, b as D } from "../shared/DialogFooter-0gaMdpXV.js";
 export {
   e as Dialog,
   r as DialogFooter,

package/dist/drawer/index.js

@@ -1,4 +1,4 @@
-import { D as e, a as o, b as D } from "../shared/DrawerFooter-DvUgumx0.js";
+import { D as e, a as o, b as D } from "../shared/DrawerFooter-CpO7chLC.js";
 export {
   e as Drawer,
   o as DrawerFooter,

package/dist/index/index.d.ts

@@ -1,9 +1,13 @@
+export { Accordion } from '../accordion';
+export type { AccordionProperties, AccordionItemProperties, AccordionItemData, } from '../accordion';
 export { Avatar } from '../avatar';
 export type { AvatarProperties, AvatarSize } from '../avatar';
 export { Badge } from '../badge';
 export type { BadgeProperties, BadgeSeverity } from '../badge';
 export { Tag } from '../tag';
 export type { TagProperties, TagSeverity, TagSize } from '../tag';
+export { Banner } from '../banner';
+export type { BannerProperties, BannerSeverity } from '../banner';
 export { Button } from '../button';
 export type { ButtonProperties, ButtonSeverity, ButtonSize, ButtonVariant, IconPosition, } from '../button';
 export { SelectField } from '../select-field';
@@ -20,8 +24,12 @@ export { Textarea } from '../textarea';
 export type { TextareaProperties } from '../textarea';
 export { SearchField } from '../search-field';
 export type { SearchFieldProperties } from '../search-field';
+export { Password, PasswordFooterItem } from '../password';
+export type { PasswordProperties } from '../password';
 export { InputNumber } from '../input-number';
 export type { InputNumberProperties, InputNumberSize, } from '../input-number';
+export { InputOtp } from '../input-otp';
+export type { InputOtpProperties, InputOtpSize } from '../input-otp';
 export { Checkbox } from '../checkbox';
 export type { CheckboxProperties, CheckboxSize, CheckedState, } from '../checkbox';
 export { RadioGroup } from '../radio-group';
@@ -34,3 +42,13 @@ export { Drawer, DrawerHeader, DrawerFooter } from '../drawer';
 export type { DrawerProperties, DrawerPosition, DrawerHeaderProperties, DrawerFooterProperties, } from '../drawer';
 export { Menu } from '../menu';
 export type { MenuProperties, MenuItemData, MenuSeparatorEntry, MenuGroupEntry, MenuEntry, } from '../menu';
+export { PanelMenu } from '../panel-menu';
+export type { PanelMenuProperties, PanelMenuItemData, } from '../panel-menu';
+export { Snackbar, createSnackbar } from '../snackbar';
+export type { SnackbarProperties, SnackbarController, SnackbarConfig, SnackbarShowOptions, SnackbarSeverity, SnackbarPlacement, } from '../snackbar';
+export { Stepper } from '../stepper';
+export type { StepperProperties, StepItemData, StepperOrientation, StepperIndicatorVariant, } from '../stepper';
+export { DatePicker } from '../date-picker';
+export type { DatePickerProperties, DatePickerSelectionMode, DatePickerValue, DatePriceData, } from '../date-picker';
+export { Paginator } from '../paginator';
+export type { PaginatorProperties } from '../paginator';

package/dist/index/index.js

@@ -1,48 +1,68 @@
-import { A as a } from "../shared/Avatar-D3QlO3Tz.js";
-import { B as t } from "../shared/Badge-WC6my4Aw.js";
-import { T as p } from "../shared/Tag-BtbmgIwL.js";
-import { B as m } from "../shared/Button-AfMqNCme.js";
-import { S as l } from "../shared/SelectField-BSTmWjYy.js";
-import { C as F } from "../shared/Combobox-DeUG_muZ.js";
-import { T as d } from "../shared/Tabs-BqIorZYD.js";
-import { P as D } from "../shared/ProgressSpinner-B-lrS-tu.js";
-import { I as u, a as C } from "../shared/IconField-Dh6j6SL1.js";
-import { C as c, F as g, a as I, H as h } from "../shared/HelperText-CVWWvLCI.js";
-import { T as B } from "../shared/Textarea-iJhYTZos.js";
-import { S as A } from "../shared/SearchField-CgDz_s1O.js";
-import { I as P } from "../shared/InputNumber-D48wsE-o.js";
-import { C as k } from "../shared/Checkbox-DsM70wQl.js";
-import { R as G } from "../shared/RadioGroup-lw27DCoV.js";
-import { S as N } from "../shared/Switch-D6E2OmgE.js";
-import { D as q, a as y, b as z } from "../shared/DialogFooter-DLWy6Mln.js";
-import { D as J, a as K, b as O } from "../shared/DrawerFooter-DvUgumx0.js";
-import { M as U } from "../shared/Menu-Cv9dU1iA.js";
+import { A as a } from "../shared/Accordion-Cbs8KQ5v.js";
+import { A as t } from "../shared/Avatar-D3QlO3Tz.js";
+import { B as p } from "../shared/Badge-WC6my4Aw.js";
+import { T as m } from "../shared/Tag-BtbmgIwL.js";
+import { B as n } from "../shared/Banner-BWyV9K8e.js";
+import { B as i } from "../shared/Button-AfMqNCme.js";
+import { S } from "../shared/SelectField-dNCMdSYU.js";
+import { C as b } from "../shared/Combobox-CBa1lnAd.js";
+import { T as F } from "../shared/Tabs-BqIorZYD.js";
+import { P as u } from "../shared/ProgressSpinner-B-lrS-tu.js";
+import { I as T, a as g } from "../shared/IconField-Dh6j6SL1.js";
+import { C as w, F as B, a as h, H as k } from "../shared/HelperText-CVWWvLCI.js";
+import { T as H } from "../shared/Textarea-iJhYTZos.js";
+import { S as R } from "../shared/SearchField-9bL2s8zj.js";
+import { P as G, a as L } from "../shared/Password-vADi8ZJz.js";
+import { I as O } from "../shared/InputNumber-D48wsE-o.js";
+import { I as q } from "../shared/InputOtp-CUXXVP2E.js";
+import { C as z } from "../shared/Checkbox-D17WWbSe.js";
+import { R as J } from "../shared/RadioGroup-lw27DCoV.js";
+import { S as Q } from "../shared/Switch-D6E2OmgE.js";
+import { D as V, a as W, b as X } from "../shared/DialogFooter-0gaMdpXV.js";
+import { D as Z, a as _, b as $ } from "../shared/DrawerFooter-CpO7chLC.js";
+import { M as or } from "../shared/Menu-Cv9dU1iA.js";
+import { P as er } from "../shared/PanelMenu-CYbr6cvz.js";
+import { S as sr, c as pr } from "../shared/Snackbar-C29nLHO9.js";
+import { S as mr } from "../shared/Stepper-DApoMP1U.js";
+import { D as nr } from "../shared/DatePicker-BQulFC2D.js";
+import { P as ir } from "../shared/Paginator-Da0XKfF3.js";
 export {
-  a as Avatar,
-  t as Badge,
-  m as Button,
-  c as CharacterCount,
-  k as Checkbox,
-  F as Combobox,
-  q as Dialog,
-  y as DialogFooter,
-  z as DialogHeader,
-  J as Drawer,
-  K as DrawerFooter,
-  O as DrawerHeader,
-  g as FloatLabel,
-  I as FormField,
-  h as HelperText,
-  u as IconField,
-  P as InputNumber,
-  C as InputText,
-  U as Menu,
-  D as ProgressSpinner,
-  G as RadioGroup,
-  A as SearchField,
-  l as SelectField,
-  N as Switch,
-  d as Tabs,
-  p as Tag,
-  B as Textarea
+  a as Accordion,
+  t as Avatar,
+  p as Badge,
+  n as Banner,
+  i as Button,
+  w as CharacterCount,
+  z as Checkbox,
+  b as Combobox,
+  nr as DatePicker,
+  V as Dialog,
+  W as DialogFooter,
+  X as DialogHeader,
+  Z as Drawer,
+  _ as DrawerFooter,
+  $ as DrawerHeader,
+  B as FloatLabel,
+  h as FormField,
+  k as HelperText,
+  T as IconField,
+  O as InputNumber,
+  q as InputOtp,
+  g as InputText,
+  or as Menu,
+  ir as Paginator,
+  er as PanelMenu,
+  G as Password,
+  L as PasswordFooterItem,
+  u as ProgressSpinner,
+  J as RadioGroup,
+  R as SearchField,
+  S as SelectField,
+  sr as Snackbar,
+  mr as Stepper,
+  Q as Switch,
+  F as Tabs,
+  m as Tag,
+  H as Textarea,
+  pr as createSnackbar
 };

package/dist/input-otp/InputOtp.d.ts

@@ -0,0 +1,2 @@
+import { InputOtpProperties } from './InputOtp.types';
+export declare function InputOtp({ length, value, defaultValue, onValueChange, onComplete, size, mask, integerOnly, placeholder, invalid, disabled, readOnly, required, autoFocus, name, id, }: InputOtpProperties): import("react").JSX.Element;

package/dist/input-otp/InputOtp.types.d.ts

@@ -0,0 +1,27 @@
+import { InputOtpSize } from '@tpc-development/mare-ui-components-core/input-otp';
+export type { InputOtpSize } from '@tpc-development/mare-ui-components-core/input-otp';
+export interface InputOtpProperties {
+    /** Number of digit boxes to render. */
+    length?: number;
+    /** Controlled value, one character per digit. Omit to let Ark manage it. */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Fired once all digits are filled with a valid value. */
+    onComplete?: (value: string) => void;
+    size?: InputOtpSize;
+    /** Masks each digit like `type="password"`. */
+    mask?: boolean;
+    /** Restricts input to digits only. Set `false` for alphanumeric codes. */
+    integerOnly?: boolean;
+    /** Placeholder shown in each empty box. Defaults to '' (blank box) — Ark's
+     * own default is '○', which the Mare design doesn't use. */
+    placeholder?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    name?: string;
+    id?: string;
+}

package/dist/input-otp/index.d.ts

@@ -0,0 +1,2 @@
+export { InputOtp } from './InputOtp';
+export type { InputOtpProperties, InputOtpSize } from './InputOtp.types';

package/dist/input-otp/index.js

@@ -0,0 +1,4 @@
+import { I as o } from "../shared/InputOtp-CUXXVP2E.js";
+export {
+  o as InputOtp
+};

package/dist/paginator/Paginator.d.ts

@@ -0,0 +1,2 @@
+import { PaginatorProperties } from './Paginator.types';
+export declare function Paginator({ count, page, defaultPage, onPageChange, pageSize, defaultPageSize, onPageSizeChange, pageLinkSize, showFirstLastLinks, rowsPerPageOptions, rowsPerPageOptionsLabel, }: PaginatorProperties): import("react").JSX.Element;

package/dist/paginator/Paginator.types.d.ts

@@ -0,0 +1,21 @@
+export interface PaginatorProperties {
+    /** Total number of data items (rows), NOT page count. */
+    count: number;
+    /** Controlled current page, 1-indexed. Omit to let Ark manage it. */
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    /** Items per page. */
+    pageSize?: number;
+    defaultPageSize?: number;
+    onPageSizeChange?: (pageSize: number) => void;
+    /** Numbered buttons shown at once — shrinks to fit a narrow container. */
+    pageLinkSize?: number;
+    /** Shows the jump-to-first/last-page buttons.
+     * @default true */
+    showFirstLastLinks?: boolean;
+    /** Shows the "rows per page" select when given 1+ options. */
+    rowsPerPageOptions?: number[];
+    /** @default 'Rows per page' */
+    rowsPerPageOptionsLabel?: string;
+}

package/dist/paginator/index.d.ts

@@ -0,0 +1,2 @@
+export { Paginator } from './Paginator';
+export type { PaginatorProperties } from './Paginator.types';

package/dist/paginator/index.js

@@ -0,0 +1,4 @@
+import { P as r } from "../shared/Paginator-Da0XKfF3.js";
+export {
+  r as Paginator
+};

package/dist/panel-menu/PanelMenu.d.ts

@@ -0,0 +1,2 @@
+import { PanelMenuProperties } from './PanelMenu.types';
+export declare function PanelMenu({ items, expandedValue, defaultExpandedValue, onExpandedChange, renderItem, }: PanelMenuProperties): import("react").JSX.Element;

package/dist/panel-menu/PanelMenu.types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { PanelMenuItemData } from '@tpc-development/mare-ui-components-core/panel-menu';
+export type { PanelMenuItemData } from '@tpc-development/mare-ui-components-core/panel-menu';
+export interface PanelMenuProperties {
+    items: PanelMenuItemData[];
+    /** Controlled expanded branch values. Omit to let Ark manage it (uncontrolled). */
+    expandedValue?: string[];
+    defaultExpandedValue?: string[];
+    onExpandedChange?: (value: string[]) => void;
+    /** Override the default icon + label row entirely. */
+    renderItem?: (item: PanelMenuItemData) => ReactNode;
+}

package/dist/panel-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { PanelMenu } from './PanelMenu';
+export type { PanelMenuProperties, PanelMenuItemData } from './PanelMenu.types';

package/dist/panel-menu/index.js

@@ -0,0 +1,4 @@
+import { P as n } from "../shared/PanelMenu-CYbr6cvz.js";
+export {
+  n as PanelMenu
+};

package/dist/password/Password.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { PasswordProperties } from './Password.types';
+export declare function Password({ value, onValueChange, size, rounded, invalid, disabled, toggleMask, showIcon, hideIcon, feedback, header, footer, promptLabel, weakLabel, mediumLabel, strongLabel, mediumRegex, strongRegex, ...native }: PasswordProperties): import("react").JSX.Element;
+/** A single requirement row for `footer` (e.g. "At least one uppercase"). */
+export declare function PasswordFooterItem({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/password/Password.types.d.ts

@@ -0,0 +1,39 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { InputTextSize } from '@tpc-development/mare-ui-components-core/input-text';
+type ForwardedNativeProperties = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'size' | 'type' | 'className' | 'style'>;
+export interface PasswordProperties extends ForwardedNativeProperties {
+    /** Controlled value. */
+    value?: string;
+    /** Controlled change handler — receives the next string value. */
+    onValueChange?: (value: string) => void;
+    size?: InputTextSize;
+    rounded?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    /** Shows a button that toggles the value between hidden/visible. @default true */
+    toggleMask?: boolean;
+    /** Icon shown when the value is hidden — click reveals it. @default an eye icon */
+    showIcon?: ReactNode;
+    /** Icon shown when the value is visible — click hides it. @default an eye-off icon */
+    hideIcon?: ReactNode;
+    /** Shows the strength-meter panel while the field has focus. @default true */
+    feedback?: boolean;
+    /** Custom content at the top of the feedback panel. */
+    header?: ReactNode;
+    /** Custom content at the bottom of the feedback panel, below a divider —
+     * e.g. a list of `PasswordFooterItem`s describing the requirements. */
+    footer?: ReactNode;
+    /** Label shown before there's a value. @default 'Please enter a password' */
+    promptLabel?: string;
+    /** @default 'Weak' */
+    weakLabel?: string;
+    /** @default 'Medium' */
+    mediumLabel?: string;
+    /** @default 'Strong' */
+    strongLabel?: string;
+    /** Regex (as a string) a value must match to count as at least 'medium'. */
+    mediumRegex?: string;
+    /** Regex (as a string) a value must match to count as 'strong'. */
+    strongRegex?: string;
+}
+export {};

package/dist/password/index.d.ts

@@ -0,0 +1,2 @@
+export { Password, PasswordFooterItem } from './Password';
+export type { PasswordProperties } from './Password.types';

package/dist/password/index.js

@@ -0,0 +1,5 @@
+import { P as a, a as r } from "../shared/Password-vADi8ZJz.js";
+export {
+  a as Password,
+  r as PasswordFooterItem
+};

package/dist/search-field/index.js

@@ -1,4 +1,4 @@
-import { S as a } from "../shared/SearchField-CgDz_s1O.js";
+import { S as a } from "../shared/SearchField-9bL2s8zj.js";
 export {
   a as SearchField
 };

package/dist/select-field/index.js

@@ -1,4 +1,4 @@
-import { S as o } from "../shared/SelectField-BSTmWjYy.js";
+import { S as o } from "../shared/SelectField-dNCMdSYU.js";
 export {
   o as SelectField
 };

package/dist/shared/Accordion-Cbs8KQ5v.js

@@ -0,0 +1,63 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { Accordion as r } from "@ark-ui/react/accordion";
+import { C as c } from "./icons-bQxPPV8R.js";
+const d = "mare:w-full", u = (t) => `
+	mare:flex mare:flex-col
+	${t ? "mare:border-b mare:border-default" : ""}
+`, f = `
+	mare:w-full mare:flex mare:items-center mare:justify-between mare:gap-3
+	mare:bg-transparent mare:border-none mare:text-left mare:cursor-pointer
+	mare:py-4 mare:tpc-typography-label-m mare:text-default
+	mare:transition-colors mare:duration-200
+	mare:focus-visible:outline mare:focus-visible:outline-1 mare:focus-visible:outline-accent mare:focus-visible:-outline-offset-1
+	mare:disabled:cursor-not-allowed mare:disabled:opacity-50 mare:disabled:pointer-events-none
+`, p = "mare:flex mare:flex-col mare:items-start mare:gap-0.5 mare:text-left", b = "mare:tpc-typography-body-s mare:text-weak", h = `
+	mare:flex mare:items-center mare:justify-center mare:shrink-0 mare:text-default
+	mare:transition-transform mare:ark-open:rotate-180 mare:[&>svg]:size-5
+`, x = `
+	mare:overflow-hidden mare:pb-4
+	mare:ark-open:[animation:mare-panel-menu-branch-open_250ms_ease-out]
+	mare:ark-closed:[animation:mare-panel-menu-branch-close_200ms_ease-in]
+`;
+function w({
+  items: t,
+  value: n,
+  defaultValue: o,
+  onValueChange: s,
+  multiple: l = !1,
+  collapsible: i = !0
+}) {
+  return /* @__PURE__ */ a(
+    r.Root,
+    {
+      className: d,
+      value: n,
+      defaultValue: o,
+      multiple: l,
+      collapsible: i,
+      onValueChange: (e) => s?.(e.value),
+      children: t.map((e) => /* @__PURE__ */ m(
+        r.Item,
+        {
+          value: e.value,
+          disabled: e.disabled,
+          className: u(e.divider ?? !0),
+          children: [
+            /* @__PURE__ */ m(r.ItemTrigger, { className: f, children: [
+              /* @__PURE__ */ m("span", { className: p, children: [
+                /* @__PURE__ */ a("span", { children: e.title }),
+                e.subtitle && /* @__PURE__ */ a("span", { className: b, children: e.subtitle })
+              ] }),
+              /* @__PURE__ */ a(r.ItemIndicator, { className: h, children: /* @__PURE__ */ a(c, {}) })
+            ] }),
+            /* @__PURE__ */ a(r.ItemContent, { className: x, children: e.content })
+          ]
+        },
+        e.value
+      ))
+    }
+  );
+}
+export {
+  w as A
+};

package/dist/shared/Banner-BWyV9K8e.js

@@ -0,0 +1,52 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { B as d } from "./Button-AfMqNCme.js";
+import { a as o } from "./icons-bQxPPV8R.js";
+const c = `
+	mare:w-full mare:max-w-md mare:rounded-tpc-container-s mare:p-4
+	mare:flex mare:items-start mare:justify-between mare:gap-4
+	mare:data-severity-neutral:bg-alternative
+	mare:data-severity-brand:bg-accent-weak
+	mare:data-severity-positive:bg-positive-weak
+	mare:data-severity-warning:bg-warning-weak
+	mare:data-severity-danger:bg-danger-weak
+`, p = "mare:flex mare:grow mare:items-start mare:gap-4", g = "mare:shrink-0 mare:text-default mare:[&>svg]:size-3.5", f = "mare:flex mare:grow mare:flex-col mare:gap-2", v = "mare:tpc-typography-label-m mare:text-default", y = (e) => `mare:tpc-typography-body-s ${e ? "mare:text-disabled" : "mare:text-default"}`, x = (e, r) => r ? "disabled" : e;
+function h({
+  severity: e = "neutral",
+  title: r,
+  icon: m,
+  disabled: s = !1,
+  closable: l = !1,
+  onClose: n,
+  children: i
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: c,
+      "data-severity": x(e, s),
+      children: [
+        /* @__PURE__ */ t("div", { className: p, children: [
+          m && /* @__PURE__ */ a("span", { className: g, children: m }),
+          /* @__PURE__ */ t("div", { className: f, children: [
+            r && /* @__PURE__ */ a("p", { className: v, children: r }),
+            i && /* @__PURE__ */ a("div", { className: y(s), children: i })
+          ] })
+        ] }),
+        l && /* @__PURE__ */ a(
+          d,
+          {
+            severity: "ghost",
+            iconOnly: !0,
+            size: "xsmall",
+            icon: /* @__PURE__ */ a(o, {}),
+            onClick: n,
+            "aria-label": "Close"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  h as B
+};

package/dist/shared/{Checkbox-DsM70wQl.js → Checkbox-D17WWbSe.js}

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { Checkbox as a } from "@ark-ui/react/checkbox";
-import { C as f, M as x } from "./icons-DeVfnVLm.js";
+import { b as f, M as x } from "./icons-bQxPPV8R.js";
 const v = `
 	mare:group/checkbox
 	mare:relative mare:inline-flex mare:items-center mare:gap-2