@tpc-mare/mare-ui-components-react 0.1.22 → 0.1.23

package/dist/filter-chip/FilterChip.d.ts

@@ -0,0 +1,2 @@
+import { FilterChipProperties } from './FilterChip.types';
+export declare function FilterChip({ value, size, disabled, dropdown, selected: selectedProp, onSelectedChange, dropdownOpen, onDropdownOpenChange, onToggleDropdown, children, }: FilterChipProperties): import("react").JSX.Element;

package/dist/filter-chip/FilterChip.types.d.ts

@@ -0,0 +1,40 @@
+import { MouseEvent, ReactNode } from 'react';
+import { FilterChipSize } from '@tpc-development/mare-ui-components-core/filter-chip';
+export type { FilterChipSize } from '@tpc-development/mare-ui-components-core/filter-chip';
+export interface FilterChipProperties {
+    /**
+     * Identity within a FilterChipGroup. Falls back to `children` when
+     * omitted and children is a plain string.
+     */
+    value?: string;
+    /** @default 'medium' */
+    size?: FilterChipSize;
+    /** Blocks the click entirely, not just the styling. @default false */
+    disabled?: boolean;
+    /**
+     * Switches the chip from "removable filter" mode to "dropdown trigger"
+     * mode: shows a chevron instead of a remove icon, and click toggles
+     * `dropdownOpen` (firing onToggleDropdown) instead of the selection.
+     * Takes priority over a FilterChipGroup context — a dropdown chip inside
+     * a group does not participate in that group's selection.
+     * @default false
+     */
+    dropdown?: boolean;
+    /** Standalone selected state. Ignored when inside a FilterChipGroup —
+     * there the group controls selection. */
+    selected?: boolean;
+    onSelectedChange?: (selected: boolean) => void;
+    /**
+     * Only relevant when dropdown is true: whether the chevron points up
+     * (open) or down (closed). FilterChip renders no panel of its own — this
+     * exists so the consumer can sync their own popover with the chevron.
+     * @default false
+     */
+    dropdownOpen?: boolean;
+    onDropdownOpenChange?: (open: boolean) => void;
+    /** Fires on click while dropdown is true. `target` is the chip button —
+     * useful to position a consumer-owned panel/popover; FilterChip includes
+     * none itself. */
+    onToggleDropdown?: (event: MouseEvent<HTMLButtonElement>, target: HTMLElement) => void;
+    children?: ReactNode;
+}

package/dist/filter-chip/index.d.ts

@@ -0,0 +1,2 @@
+export { FilterChip } from './FilterChip';
+export type { FilterChipProperties, FilterChipSize } from './FilterChip.types';

package/dist/filter-chip/index.js

@@ -0,0 +1,4 @@
+import { F as i } from "../shared/FilterChip-eECL3oO7.js";
+export {
+  i as FilterChip
+};

package/dist/filter-chip-dropdown-multiple/FilterChipDropdownMultiple.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FilterChipDropdownMultipleProperties, FilterChipOptionItem } from './FilterChipDropdownMultiple.types';
+interface FilterChipDropdownMultipleReactProperties extends FilterChipDropdownMultipleProperties {
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
+    renderOption?: (option: FilterChipOptionItem) => ReactNode;
+}
+export declare function FilterChipDropdownMultiple({ value, onValueChange, options, placeholder, size, disabled, invalid, filter, headerLabel, hasCheckbox, showToggleAll, renderOption, }: FilterChipDropdownMultipleReactProperties): import("react").JSX.Element;
+export {};

package/dist/filter-chip-dropdown-multiple/FilterChipDropdownMultiple.types.d.ts

@@ -0,0 +1,19 @@
+import { FilterChipDropdownSize, FilterChipOptionItem } from '@tpc-development/mare-ui-components-core/filter-chip-dropdown-multiple';
+export type { FilterChipDropdownSize, FilterChipOptionItem, } from '@tpc-development/mare-ui-components-core/filter-chip-dropdown-multiple';
+export interface FilterChipDropdownMultipleProperties {
+    options: FilterChipOptionItem[];
+    /** @default 'Select…' */
+    placeholder?: string;
+    /** @default 'medium' */
+    size?: FilterChipDropdownSize;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Shows a search field inside the panel. @default false */
+    filter?: boolean;
+    /** Text shown in the panel header, above the option list. */
+    headerLabel?: string;
+    /** Shows a checkbox next to each option (and in the header, when showToggleAll is on). @default true */
+    hasCheckbox?: boolean;
+    /** Shows the "select all" header row. @default false */
+    showToggleAll?: boolean;
+}

package/dist/filter-chip-dropdown-multiple/index.d.ts

@@ -0,0 +1,2 @@
+export { FilterChipDropdownMultiple } from './FilterChipDropdownMultiple';
+export type { FilterChipDropdownMultipleProperties, FilterChipDropdownSize, FilterChipOptionItem, } from './FilterChipDropdownMultiple.types';

package/dist/filter-chip-dropdown-multiple/index.js

@@ -0,0 +1,4 @@
+import { F as r } from "../shared/FilterChipDropdownMultiple-D2eMYXyS.js";
+export {
+  r as FilterChipDropdownMultiple
+};

package/dist/filter-chip-dropdown-single/FilterChipDropdownSingle.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { FilterChipDropdownSingleProperties, FilterChipOptionItem } from './FilterChipDropdownSingle.types';
+interface FilterChipDropdownSingleReactProperties extends FilterChipDropdownSingleProperties {
+    value?: string | null;
+    onValueChange?: (value: string | null) => void;
+    renderOption?: (option: FilterChipOptionItem) => ReactNode;
+    checkIcon?: ReactNode;
+    clearIcon?: ReactNode;
+}
+export declare function FilterChipDropdownSingle({ value, onValueChange, options, placeholder, size, disabled, invalid, filter, clearable, renderOption, checkIcon, clearIcon, }: FilterChipDropdownSingleReactProperties): import("react").JSX.Element;
+export {};

package/dist/filter-chip-dropdown-single/FilterChipDropdownSingle.types.d.ts

@@ -0,0 +1,15 @@
+import { FilterChipDropdownSize, FilterChipOptionItem } from '@tpc-development/mare-ui-components-core/filter-chip-dropdown-single';
+export type { FilterChipDropdownSize, FilterChipOptionItem, } from '@tpc-development/mare-ui-components-core/filter-chip-dropdown-single';
+export interface FilterChipDropdownSingleProperties {
+    options: FilterChipOptionItem[];
+    /** @default 'Select…' */
+    placeholder?: string;
+    /** @default 'medium' */
+    size?: FilterChipDropdownSize;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Shows a search field inside the panel. @default false */
+    filter?: boolean;
+    /** Shows a '×' button in the trigger to clear the selected value. @default false */
+    clearable?: boolean;
+}

package/dist/filter-chip-dropdown-single/index.d.ts

@@ -0,0 +1,2 @@
+export { FilterChipDropdownSingle } from './FilterChipDropdownSingle';
+export type { FilterChipDropdownSingleProperties, FilterChipDropdownSize, FilterChipOptionItem, } from './FilterChipDropdownSingle.types';

package/dist/filter-chip-dropdown-single/index.js

@@ -0,0 +1,4 @@
+import { F as e } from "../shared/FilterChipDropdownSingle-4G5LDRCw.js";
+export {
+  e as FilterChipDropdownSingle
+};

package/dist/filter-chip-group/FilterChipGroup.d.ts

@@ -0,0 +1,8 @@
+import { FilterChipGroupProperties } from './FilterChipGroup.types';
+interface FilterChipGroupContextValue {
+    isSelected: (value: string) => boolean;
+    toggle: (value: string) => void;
+}
+export declare const FilterChipGroupContext: import('react').Context<FilterChipGroupContextValue | null>;
+export declare function FilterChipGroup({ multiple, value, onValueChange, children, }: FilterChipGroupProperties): import("react").JSX.Element;
+export {};

package/dist/filter-chip-group/FilterChipGroup.types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { FilterChipGroupValue } from '@tpc-development/mare-ui-components-core/filter-chip-group';
+export type { FilterChipGroupValue } from '@tpc-development/mare-ui-components-core/filter-chip-group';
+export interface FilterChipGroupProperties {
+    /** @default false */
+    multiple?: boolean;
+    /** String (or undefined) when multiple is false; string[] when multiple is true. */
+    value?: FilterChipGroupValue;
+    onValueChange?: (value: FilterChipGroupValue) => void;
+    /** The FilterChip children. Each needs a distinct `value` (or string children) to be identified within the group. */
+    children?: ReactNode;
+}

package/dist/filter-chip-group/index.d.ts

@@ -0,0 +1,2 @@
+export { FilterChipGroup, FilterChipGroupContext } from './FilterChipGroup';
+export type { FilterChipGroupProperties, FilterChipGroupValue, } from './FilterChipGroup.types';

package/dist/filter-chip-group/index.js

@@ -0,0 +1,5 @@
+import { F as p, a as t } from "../shared/FilterChipGroup-BzE-EQsA.js";
+export {
+  p as FilterChipGroup,
+  t as FilterChipGroupContext
+};

package/dist/index/index.d.ts

@@ -10,6 +10,14 @@ export { Tag } from '../tag';
 export type { TagProperties, TagSeverity, TagSize } from '../tag';
 export { TagChip } from '../tag-chip';
 export type { TagChipProperties, TagChipSeverity, TagChipSize, } from '../tag-chip';
+export { FilterChip } from '../filter-chip';
+export type { FilterChipProperties, FilterChipSize, } from '../filter-chip';
+export { FilterChipGroup } from '../filter-chip-group';
+export type { FilterChipGroupProperties, FilterChipGroupValue, } from '../filter-chip-group';
+export { FilterChipDropdownSingle } from '../filter-chip-dropdown-single';
+export type { FilterChipDropdownSingleProperties, FilterChipDropdownSize as FilterChipDropdownSingleSize, FilterChipOptionItem as FilterChipDropdownSingleOptionItem, } from '../filter-chip-dropdown-single';
+export { FilterChipDropdownMultiple } from '../filter-chip-dropdown-multiple';
+export type { FilterChipDropdownMultipleProperties, FilterChipDropdownSize as FilterChipDropdownMultipleSize, FilterChipOptionItem as FilterChipDropdownMultipleOptionItem, } from '../filter-chip-dropdown-multiple';
 export { Banner } from '../banner';
 export type { BannerProperties, BannerSeverity } from '../banner';
 export { Message } from '../message';
@@ -74,6 +82,8 @@ export { ImageItem } from '../image-item';
 export type { ImageItemProperties, ImageItemRatio, } from '../image-item';
 export { ImageSlider } from '../image-slider';
 export type { ImageSliderProperties } from '../image-slider';
+export { SegmentedControl } from '../segmented-control';
+export type { SegmentedControlProperties, SegmentedControlSize, SegmentedControlOptionWidth, SegmentedControlOptionItem, } from '../segmented-control';
 export { Skeleton } from '../skeleton';
 export type { SkeletonProperties, SkeletonShape } from '../skeleton';
 export { Slider } from '../slider';

package/dist/index/index.js

@@ -2,96 +2,106 @@ import { A as e } from "../shared/Accordion-BLQ1mWZZ.js";
 import { A as t } from "../shared/Avatar-D3QlO3Tz.js";
 import { B as p } from "../shared/Badge-WC6my4Aw.js";
 import { O as x } from "../shared/OverlayBadge-jHzuklUb.js";
-import { T as n } from "../shared/Tag-BtbmgIwL.js";
-import { T as l } from "../shared/TagChip-Bs7srjIL.js";
-import { B as d } from "../shared/Banner-DXftmx9P.js";
-import { M as g } from "../shared/Message-BjC8CCSI.js";
-import { B as u } from "../shared/Button-AfMqNCme.js";
-import { B as I } from "../shared/Breadcrumbs-Cqr3Jitd.js";
-import { S as b } from "../shared/SelectField-CvKaukCG.js";
-import { C as F } from "../shared/Combobox-SkrEe5He.js";
-import { M } from "../shared/MultiSelect-DtsCymNB.js";
-import { T as h } from "../shared/Tabs-BqIorZYD.js";
-import { P as A } from "../shared/ProgressSpinner-B-lrS-tu.js";
-import { P as v } from "../shared/ProgressBar-Dxm0L3-R.js";
-import { I as E, a as R } from "../shared/IconField-Dh6j6SL1.js";
-import { C as G, F as L, a as N, H as j } from "../shared/HelperText-CVWWvLCI.js";
-import { T as z } from "../shared/Textarea-iJhYTZos.js";
-import { S as K } from "../shared/SearchField-DjJHDaR4.js";
-import { P as U, a as V } from "../shared/Password-BMKy8dAy.js";
-import { I as X } from "../shared/InputNumber-D48wsE-o.js";
-import { I as Z } from "../shared/InputOtp-CUXXVP2E.js";
-import { C as $ } from "../shared/Counter-DpOtUolN.js";
-import { E as or } from "../shared/ExpandableCounter-BEMcnTGQ.js";
-import { C as ar } from "../shared/Checkbox-BXnSN2vK.js";
-import { R as sr } from "../shared/RadioGroup-lw27DCoV.js";
-import { S as mr } from "../shared/Switch-D6E2OmgE.js";
-import { D as fr, a as nr } from "../shared/DialogFooter-DyltZzK-.js";
-import { D as lr } from "../shared/DialogHeader-RzfQm-pi.js";
-import { C as dr } from "../shared/ConfirmDialog-Bvk8KZ0M.js";
-import { D as gr, a as Dr, b as ur } from "../shared/DrawerFooter-BxOEFQ-W.js";
-import { M as Ir } from "../shared/Menu-Cv9dU1iA.js";
-import { P as br } from "../shared/PanelMenu-BpjNM7O_.js";
-import { S as Fr, c as Tr } from "../shared/Snackbar-C29nLHO9.js";
-import { S as wr } from "../shared/Stepper-By8M5bs0.js";
-import { D as kr } from "../shared/DatePicker-CwAISvNc.js";
-import { P as Hr } from "../shared/Paginator-Bp2nghqW.js";
-import { I as Or } from "../shared/ImageItem-BBy5fOl3.js";
-import { I as Rr } from "../shared/ImageSlider-Bgb1kNQ4.js";
-import { S as Gr } from "../shared/Skeleton-CAjoF-T2.js";
-import { S as Nr } from "../shared/Slider-CXFkperZ.js";
-import { D as qr } from "../shared/Divider-UgKI7dtK.js";
+import { T as i } from "../shared/Tag-BtbmgIwL.js";
+import { T as n } from "../shared/TagChip-Bs7srjIL.js";
+import { F as d } from "../shared/FilterChip-eECL3oO7.js";
+import { F } from "../shared/FilterChipGroup-BzE-EQsA.js";
+import { F as D } from "../shared/FilterChipDropdownSingle-4G5LDRCw.js";
+import { F as u } from "../shared/FilterChipDropdownMultiple-D2eMYXyS.js";
+import { B as P } from "../shared/Banner-DXftmx9P.js";
+import { M as B } from "../shared/Message-BjC8CCSI.js";
+import { B as h } from "../shared/Button-AfMqNCme.js";
+import { B as M } from "../shared/Breadcrumbs-Cqr3Jitd.js";
+import { S as A } from "../shared/SelectField-CvKaukCG.js";
+import { C as v } from "../shared/Combobox-SkrEe5He.js";
+import { M as E } from "../shared/MultiSelect-DtsCymNB.js";
+import { T as R } from "../shared/Tabs-BqIorZYD.js";
+import { P as L } from "../shared/ProgressSpinner-B-lrS-tu.js";
+import { P as j } from "../shared/ProgressBar-Dxm0L3-R.js";
+import { I as z, a as J } from "../shared/IconField-Dh6j6SL1.js";
+import { C as Q, F as U, a as V, H as W } from "../shared/HelperText-CVWWvLCI.js";
+import { T as Y } from "../shared/Textarea-iJhYTZos.js";
+import { S as _ } from "../shared/SearchField-DjJHDaR4.js";
+import { P as rr, a as or } from "../shared/Password-BMKy8dAy.js";
+import { I as ar } from "../shared/InputNumber-D48wsE-o.js";
+import { I as sr } from "../shared/InputOtp-CUXXVP2E.js";
+import { C as mr } from "../shared/Counter-DpOtUolN.js";
+import { E as fr } from "../shared/ExpandableCounter-BEMcnTGQ.js";
+import { C as lr } from "../shared/Checkbox-BXnSN2vK.js";
+import { R as Sr } from "../shared/RadioGroup-lw27DCoV.js";
+import { S as Cr } from "../shared/Switch-D6E2OmgE.js";
+import { D as gr, a as Dr } from "../shared/DialogFooter-DyltZzK-.js";
+import { D as ur } from "../shared/DialogHeader-RzfQm-pi.js";
+import { C as Pr } from "../shared/ConfirmDialog-Bvk8KZ0M.js";
+import { D as Br, a as Tr, b as hr } from "../shared/DrawerFooter-BxOEFQ-W.js";
+import { M as Mr } from "../shared/Menu-Cv9dU1iA.js";
+import { P as Ar } from "../shared/PanelMenu-BpjNM7O_.js";
+import { S as vr, c as Or } from "../shared/Snackbar-C29nLHO9.js";
+import { S as Gr } from "../shared/Stepper-By8M5bs0.js";
+import { D as yr } from "../shared/DatePicker-CwAISvNc.js";
+import { P as Nr } from "../shared/Paginator-Bp2nghqW.js";
+import { I as qr } from "../shared/ImageItem-BBy5fOl3.js";
+import { I as Jr } from "../shared/ImageSlider-Bgb1kNQ4.js";
+import { S as Qr } from "../shared/SegmentedControl-BpH7DANc.js";
+import { S as Vr } from "../shared/Skeleton-CAjoF-T2.js";
+import { S as Xr } from "../shared/Slider-CXFkperZ.js";
+import { D as Zr } from "../shared/Divider-UgKI7dtK.js";
 export {
   e as Accordion,
   t as Avatar,
   p as Badge,
-  d as Banner,
-  I as Breadcrumbs,
-  u as Button,
-  G as CharacterCount,
-  ar as Checkbox,
-  F as Combobox,
-  dr as ConfirmDialog,
-  $ as Counter,
-  kr as DatePicker,
-  fr as Dialog,
-  nr as DialogFooter,
-  lr as DialogHeader,
-  qr as Divider,
-  gr as Drawer,
-  Dr as DrawerFooter,
-  ur as DrawerHeader,
-  or as ExpandableCounter,
-  L as FloatLabel,
-  N as FormField,
-  j as HelperText,
-  E as IconField,
-  Or as ImageItem,
-  Rr as ImageSlider,
-  X as InputNumber,
-  Z as InputOtp,
-  R as InputText,
-  Ir as Menu,
-  g as Message,
-  M as MultiSelect,
+  P as Banner,
+  M as Breadcrumbs,
+  h as Button,
+  Q as CharacterCount,
+  lr as Checkbox,
+  v as Combobox,
+  Pr as ConfirmDialog,
+  mr as Counter,
+  yr as DatePicker,
+  gr as Dialog,
+  Dr as DialogFooter,
+  ur as DialogHeader,
+  Zr as Divider,
+  Br as Drawer,
+  Tr as DrawerFooter,
+  hr as DrawerHeader,
+  fr as ExpandableCounter,
+  d as FilterChip,
+  u as FilterChipDropdownMultiple,
+  D as FilterChipDropdownSingle,
+  F as FilterChipGroup,
+  U as FloatLabel,
+  V as FormField,
+  W as HelperText,
+  z as IconField,
+  qr as ImageItem,
+  Jr as ImageSlider,
+  ar as InputNumber,
+  sr as InputOtp,
+  J as InputText,
+  Mr as Menu,
+  B as Message,
+  E as MultiSelect,
   x as OverlayBadge,
-  Hr as Paginator,
-  br as PanelMenu,
-  U as Password,
-  V as PasswordFooterItem,
-  v as ProgressBar,
-  A as ProgressSpinner,
-  sr as RadioGroup,
-  K as SearchField,
-  b as SelectField,
-  Gr as Skeleton,
-  Nr as Slider,
-  Fr as Snackbar,
-  wr as Stepper,
-  mr as Switch,
-  h as Tabs,
-  n as Tag,
-  l as TagChip,
-  z as Textarea,
-  Tr as createSnackbar
+  Nr as Paginator,
+  Ar as PanelMenu,
+  rr as Password,
+  or as PasswordFooterItem,
+  j as ProgressBar,
+  L as ProgressSpinner,
+  Sr as RadioGroup,
+  _ as SearchField,
+  Qr as SegmentedControl,
+  A as SelectField,
+  Vr as Skeleton,
+  Xr as Slider,
+  vr as Snackbar,
+  Gr as Stepper,
+  Cr as Switch,
+  R as Tabs,
+  i as Tag,
+  n as TagChip,
+  Y as Textarea,
+  Or as createSnackbar
 };

package/dist/segmented-control/SegmentedControl.d.ts

@@ -0,0 +1,2 @@
+import { SegmentedControlProperties } from './SegmentedControl.types';
+export declare function SegmentedControl({ items, value, defaultValue, onValueChange, size, optionWidth, disabled, renderOption, name, form, id, }: SegmentedControlProperties): import("react").JSX.Element;

package/dist/segmented-control/SegmentedControl.types.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+import { SegmentedControlSize, SegmentedControlOptionWidth, SegmentedControlOptionItem } from '@tpc-development/mare-ui-components-core/segmented-control';
+export type { SegmentedControlSize, SegmentedControlOptionWidth, SegmentedControlOptionItem, } from '@tpc-development/mare-ui-components-core/segmented-control';
+export interface SegmentedControlProperties {
+    /**
+     * The available segments.
+     */
+    items: SegmentedControlOptionItem[];
+    /**
+     * The controlled selected value.
+     */
+    value?: string;
+    /**
+     * Initial selected value (uncontrolled mode).
+     */
+    defaultValue?: string;
+    /**
+     * Handler called when the selected segment changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Size variant.
+     * @default 'small'
+     */
+    size?: SegmentedControlSize;
+    /**
+     * With 'equal', every segment takes up the same width (flex-1). Own Mare
+     * prop, not present in PrimeVue.
+     * @default 'auto'
+     */
+    optionWidth?: SegmentedControlOptionWidth;
+    /**
+     * Disables the entire group.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Replaces a segment's default text content — e.g. to add a leading
+     * icon. Receives the raw item.
+     */
+    renderOption?: (item: SegmentedControlOptionItem) => ReactNode;
+    /**
+     * The name attribute for form submission.
+     */
+    name?: string;
+    /**
+     * ID of an associated form element.
+     */
+    form?: string;
+    /**
+     * Unique identifier for the group.
+     */
+    id?: string;
+}

package/dist/segmented-control/index.d.ts

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './SegmentedControl';
+export type { SegmentedControlProperties, SegmentedControlSize, SegmentedControlOptionWidth, SegmentedControlOptionItem, } from './SegmentedControl.types';

package/dist/segmented-control/index.js

@@ -0,0 +1,4 @@
+import { S as r } from "../shared/SegmentedControl-BpH7DANc.js";
+export {
+  r as SegmentedControl
+};

package/dist/shared/FilterChip-eECL3oO7.js

@@ -0,0 +1,71 @@
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { useContext as v } from "react";
+import { a as h } from "./FilterChipGroup-BzE-EQsA.js";
+import { c as x } from "./createReactComponent-Cb6Pzf10.js";
+import { I as C } from "./IconChevronDown-ev2ML7Ex.js";
+const z = [["path", { d: "M6 15l6 -6l6 6", key: "svg-0" }]], y = x("outline", "chevron-up", "ChevronUp", z), k = `
+	mare:group mare:relative mare:inline-flex mare:items-center mare:gap-1.5
+	mare:rounded-full mare:border mare:cursor-pointer mare:select-none
+	mare:tpc-typography-body-s mare:transition-colors mare:duration-150
+
+	mare:data-size-medium:h-10 mare:data-size-medium:px-3.5
+	mare:data-size-large:h-12 mare:data-size-large:px-4
+
+	mare:not-data-selected:bg-default mare:not-data-selected:text-default mare:not-data-selected:border-default
+	mare:not-data-selected:not-p-disabled:hover:bg-hover
+
+	mare:data-selected:bg-accent-weak mare:data-selected:text-accent mare:data-selected:border-transparent
+	mare:data-selected:outline-solid mare:data-selected:outline-2 mare:data-selected:outline-accent mare:data-selected:-outline-offset-2
+
+	mare:focus-visible:outline-solid mare:focus-visible:outline-2 mare:focus-visible:outline-accent mare:focus-visible:-outline-offset-2
+
+	mare:p-disabled:cursor-not-allowed mare:p-disabled:text-disabled mare:p-disabled:border-disabled-default
+	mare:p-disabled:bg-transparent mare:p-disabled:hover:bg-transparent
+`, N = "mare:truncate mare:px-0.5", F = "mare:flex mare:items-center mare:shrink-0 mare:[&>svg]:size-4 mare:cursor-pointer";
+function M({
+  value: d,
+  size: c = "medium",
+  disabled: t = !1,
+  dropdown: e = !1,
+  selected: u = !1,
+  onSelectedChange: p,
+  dropdownOpen: r = !1,
+  onDropdownOpenChange: f,
+  onToggleDropdown: b,
+  children: s
+}) {
+  const i = v(h), l = d ?? (typeof s == "string" ? s : ""), m = !!i && !e, o = e ? !1 : m ? i.isSelected(l) : u;
+  return /* @__PURE__ */ g(
+    "button",
+    {
+      type: "button",
+      className: k,
+      "data-size": c,
+      "data-selected": o ? "true" : void 0,
+      "data-disabled": t ? "true" : void 0,
+      disabled: t,
+      "aria-pressed": e ? void 0 : o,
+      "aria-expanded": e ? r : void 0,
+      onClick: (n) => {
+        if (!t) {
+          if (e) {
+            f?.(!r), b?.(n, n.currentTarget);
+            return;
+          }
+          if (m) {
+            i.toggle(l);
+            return;
+          }
+          p?.(!o);
+        }
+      },
+      children: [
+        /* @__PURE__ */ a("span", { className: N, children: s }),
+        e && /* @__PURE__ */ a("span", { className: F, children: r ? /* @__PURE__ */ a(y, { size: "1em" }) : /* @__PURE__ */ a(C, { size: "1em" }) })
+      ]
+    }
+  );
+}
+export {
+  M as F
+};