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

package/dist/accordion/index.js

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

package/dist/banner/index.js

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

package/dist/button/Button.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProperties } from './Button.types';
-export declare function Button({ label, severity, size, variant, iconOnly, disabled, loading, link, linkAnimation, icon, iconPos, children, type, ...native }: ButtonProperties): import("react").JSX.Element;
+export declare function Button({ label, severity, size, variant, iconOnly, disabled, loading, link, linkAnimation, raised, rounded, icon, iconPos, children, type, ...native }: ButtonProperties): import("react").JSX.Element;

package/dist/button/Button.types.d.ts

@@ -12,6 +12,12 @@ export interface ButtonProperties extends ForwardedNativeProperties {
     loading?: boolean;
     link?: boolean;
     linkAnimation?: boolean;
+    /** Elevation shadow + the taller raised sizing (what makes a FAB a FAB).
+     * @default false */
+    raised?: boolean;
+    /** Fully rounded corners — pill with a label, circle with iconOnly.
+     * @default false */
+    rounded?: boolean;
     icon?: ReactNode;
     iconPos?: IconPosition;
     children?: ReactNode;

package/dist/button/index.js

@@ -1,4 +1,4 @@
-import { B as r } from "../shared/Button-AfMqNCme.js";
+import { B as r } from "../shared/Button-DwJ5RTfQ.js";
 export {
   r as Button
 };

package/dist/combobox/index.js

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

package/dist/confirm-dialog/index.js

@@ -1,4 +1,4 @@
-import { C as a } from "../shared/ConfirmDialog-Bvk8KZ0M.js";
+import { C as a } from "../shared/ConfirmDialog-DLHY-c70.js";
 export {
   a as ConfirmDialog
 };

package/dist/counter/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../shared/Counter-DpOtUolN.js";
+import { C as e } from "../shared/Counter-DjIoe4h3.js";
 export {
   e as Counter
 };

package/dist/dialog/index.js

@@ -1,5 +1,5 @@
 import { D as r, a as e } from "../shared/DialogFooter-DyltZzK-.js";
-import { D as g } from "../shared/DialogHeader-RzfQm-pi.js";
+import { D as g } from "../shared/DialogHeader-M5Bfyxos.js";
 export {
   r as Dialog,
   e as DialogFooter,

package/dist/drawer/index.js

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

package/dist/expandable-counter/index.js

@@ -1,4 +1,4 @@
-import { E as o } from "../shared/ExpandableCounter-BEMcnTGQ.js";
+import { E as o } from "../shared/ExpandableCounter-DZxbdqRa.js";
 export {
   o as ExpandableCounter
 };

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

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

package/dist/floating-action-button/FloatingActionButton.d.ts

@@ -0,0 +1,2 @@
+import { FloatingActionButtonProperties } from './FloatingActionButton.types';
+export declare function FloatingActionButton({ severity, ...rest }: FloatingActionButtonProperties): import("react").JSX.Element;

package/dist/floating-action-button/FloatingActionButton.types.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProperties } from '../Button';
+import { FloatingActionButtonSeverity } from '@tpc-development/mare-ui-components-core/floating-action-button';
+export type { FloatingActionButtonSeverity } from '@tpc-development/mare-ui-components-core/floating-action-button';
+type ForwardedButtonProperties = Omit<ButtonProperties, 'severity' | 'raised' | 'rounded'>;
+export interface FloatingActionButtonProperties extends ForwardedButtonProperties {
+    /** Visual hierarchy. Unlike Button, 'ghost' and 'danger' are excluded.
+     * @default 'primary' */
+    severity?: FloatingActionButtonSeverity;
+}

package/dist/floating-action-button/index.d.ts

@@ -0,0 +1,2 @@
+export { FloatingActionButton } from './FloatingActionButton';
+export type { FloatingActionButtonProperties, FloatingActionButtonSeverity, } from './FloatingActionButton.types';

package/dist/floating-action-button/index.js

@@ -0,0 +1,4 @@
+import { F as n } from "../shared/FloatingActionButton-D4FK6uSs.js";
+export {
+  n as FloatingActionButton
+};

package/dist/index/index.d.ts

@@ -24,6 +24,8 @@ export { Message } from '../message';
 export type { MessageProperties, MessageSeverity, MessageVariant, } from '../message';
 export { Button } from '../button';
 export type { ButtonProperties, ButtonSeverity, ButtonSize, ButtonVariant, IconPosition, } from '../button';
+export { FloatingActionButton } from '../floating-action-button';
+export type { FloatingActionButtonProperties, FloatingActionButtonSeverity, } from '../floating-action-button';
 export { Breadcrumbs } from '../breadcrumbs';
 export type { BreadcrumbsProperties, BreadcrumbItemData, } from '../breadcrumbs';
 export { SelectField } from '../select-field';

package/dist/index/index.js

@@ -1,107 +1,109 @@
-import { A as e } from "../shared/Accordion-BLQ1mWZZ.js";
+import { A as e } from "../shared/Accordion-BSmOrxH6.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 { O as x } from "../shared/OverlayBadge-DLskqll7.js";
 import { T as i } from "../shared/Tag-BtbmgIwL.js";
-import { T as n } from "../shared/TagChip-Bs7srjIL.js";
+import { T as l } 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";
+import { F as C } from "../shared/FilterChipGroup-BzE-EQsA.js";
+import { F as c } from "../shared/FilterChipDropdownSingle-C7ahD-_3.js";
+import { F as D } from "../shared/FilterChipDropdownMultiple-D2eMYXyS.js";
+import { B as P } from "../shared/Banner-C4wLe6N0.js";
+import { M as B } from "../shared/Message-BNsFuQU1.js";
+import { B as h } from "../shared/Button-DwJ5RTfQ.js";
+import { F as M } from "../shared/FloatingActionButton-D4FK6uSs.js";
+import { B as A } from "../shared/Breadcrumbs-Cqr3Jitd.js";
+import { S as v } from "../shared/SelectField-B-g52vHx.js";
+import { C as E } from "../shared/Combobox-CcmWgRYZ.js";
+import { M as R } from "../shared/MultiSelect-Dowp0_FX.js";
+import { T as L } from "../shared/Tabs-BqIorZYD.js";
+import { P as j } from "../shared/ProgressSpinner-B-lrS-tu.js";
+import { P as z } from "../shared/ProgressBar-Dxm0L3-R.js";
+import { I as K, a as Q } from "../shared/IconField-Dh6j6SL1.js";
+import { C as V, F as W, a as X, H as Y } from "../shared/HelperText-CVWWvLCI.js";
+import { T as _ } from "../shared/Textarea-iJhYTZos.js";
+import { S as rr } from "../shared/SearchField-DjJHDaR4.js";
+import { P as er, a as ar } from "../shared/Password-BMKy8dAy.js";
+import { I as sr } from "../shared/InputNumber-D48wsE-o.js";
+import { I as mr } from "../shared/InputOtp-CUXXVP2E.js";
+import { C as fr } from "../shared/Counter-DjIoe4h3.js";
+import { E as nr } from "../shared/ExpandableCounter-DZxbdqRa.js";
+import { C as Sr } from "../shared/Checkbox-BXnSN2vK.js";
+import { R as Fr } from "../shared/RadioGroup-lw27DCoV.js";
+import { S as gr } from "../shared/Switch-DNCn0xjb.js";
+import { D as ur, a as Dr } from "../shared/DialogFooter-DyltZzK-.js";
+import { D as Pr } from "../shared/DialogHeader-M5Bfyxos.js";
+import { C as Br } from "../shared/ConfirmDialog-DLHY-c70.js";
+import { D as hr, a as wr, b as Mr } from "../shared/DrawerFooter-B9-Vrgd3.js";
+import { M as Ar } from "../shared/Menu-Cv9dU1iA.js";
+import { P as vr } from "../shared/PanelMenu-BpjNM7O_.js";
+import { S as Er, c as Gr } from "../shared/Snackbar-CjTqCOaV.js";
+import { S as yr } from "../shared/Stepper-By8M5bs0.js";
+import { D as Nr } from "../shared/DatePicker-CwAISvNc.js";
+import { P as qr } from "../shared/Paginator-DxZdCXSC.js";
+import { I as Jr } from "../shared/ImageItem-BBy5fOl3.js";
+import { I as Qr } from "../shared/ImageSlider-Bgb1kNQ4.js";
+import { S as Vr } from "../shared/SegmentedControl-Ct5ZLXpN.js";
+import { S as Xr } from "../shared/Skeleton-CAjoF-T2.js";
+import { S as Zr } from "../shared/Slider-CXFkperZ.js";
+import { D as $r } from "../shared/Divider-UgKI7dtK.js";
 export {
   e as Accordion,
   t as Avatar,
   p as Badge,
   P as Banner,
-  M as Breadcrumbs,
+  A 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,
+  V as CharacterCount,
+  Sr as Checkbox,
+  E as Combobox,
+  Br as ConfirmDialog,
+  fr as Counter,
+  Nr as DatePicker,
+  ur as Dialog,
   Dr as DialogFooter,
-  ur as DialogHeader,
-  Zr as Divider,
-  Br as Drawer,
-  Tr as DrawerFooter,
-  hr as DrawerHeader,
-  fr as ExpandableCounter,
+  Pr as DialogHeader,
+  $r as Divider,
+  hr as Drawer,
+  wr as DrawerFooter,
+  Mr as DrawerHeader,
+  nr 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,
+  D as FilterChipDropdownMultiple,
+  c as FilterChipDropdownSingle,
+  C as FilterChipGroup,
+  W as FloatLabel,
+  M as FloatingActionButton,
+  X as FormField,
+  Y as HelperText,
+  K as IconField,
+  Jr as ImageItem,
+  Qr as ImageSlider,
+  sr as InputNumber,
+  mr as InputOtp,
+  Q as InputText,
+  Ar as Menu,
   B as Message,
-  E as MultiSelect,
+  R as MultiSelect,
   x as OverlayBadge,
-  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,
+  qr as Paginator,
+  vr as PanelMenu,
+  er as Password,
+  ar as PasswordFooterItem,
+  z as ProgressBar,
+  j as ProgressSpinner,
+  Fr as RadioGroup,
+  rr as SearchField,
+  Vr as SegmentedControl,
+  v as SelectField,
+  Xr as Skeleton,
+  Zr as Slider,
+  Er as Snackbar,
+  yr as Stepper,
+  gr as Switch,
+  L as Tabs,
   i as Tag,
-  n as TagChip,
-  Y as Textarea,
-  Or as createSnackbar
+  l as TagChip,
+  _ as Textarea,
+  Gr as createSnackbar
 };

package/dist/message/index.js

@@ -1,4 +1,4 @@
-import { M as a } from "../shared/Message-BjC8CCSI.js";
+import { M as a } from "../shared/Message-BNsFuQU1.js";
 export {
   a as Message
 };

package/dist/multi-select/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../shared/MultiSelect-DtsCymNB.js";
+import { M as l } from "../shared/MultiSelect-Dowp0_FX.js";
 export {
   l as MultiSelect
 };

package/dist/overlay-badge/index.js

@@ -1,4 +1,4 @@
-import { O as r } from "../shared/OverlayBadge-jHzuklUb.js";
+import { O as r } from "../shared/OverlayBadge-DLskqll7.js";
 export {
   r as OverlayBadge
 };

package/dist/paginator/index.js

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

package/dist/segmented-control/index.js

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

package/dist/select-field/index.js

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

package/dist/shared/{Accordion-BLQ1mWZZ.js → Accordion-BSmOrxH6.js}

@@ -14,11 +14,11 @@ const d = "mare:w-full", u = (t) => `
 `, 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
+`, v = `
+	mare:overflow-hidden
 	mare:ark-open:[animation:mare-panel-menu-branch-open_250ms_ease-out]
 	mare:ark-closed:[animation:mare-panel-menu-branch-close_200ms_ease-in]
-`;
+`, x = "mare:pb-4";
 function w({
   items: t,
   value: n,
@@ -50,7 +50,7 @@ function w({
               ] }),
               /* @__PURE__ */ a(r.ItemIndicator, { className: h, children: /* @__PURE__ */ a(c, {}) })
             ] }),
-            /* @__PURE__ */ a(r.ItemContent, { className: x, children: e.content })
+            /* @__PURE__ */ a(r.ItemContent, { className: v, children: /* @__PURE__ */ a("div", { className: x, children: e.content }) })
           ]
         },
         e.value

package/dist/shared/{Banner-DXftmx9P.js → Banner-C4wLe6N0.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { B as d } from "./Button-AfMqNCme.js";
+import { B as d } from "./Button-DwJ5RTfQ.js";
 import { I as o } from "./IconX-CpPADKjZ.js";
 const c = `
 	mare:w-full mare:max-w-md mare:rounded-tpc-container-s mare:p-4
@@ -9,7 +9,7 @@ const c = `
 	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;
+`, p = "mare:flex mare:grow mare:items-start mare:gap-4", g = "mare:flex mare:shrink-0 mare:items-center mare:justify-center mare:text-default mare:[&>svg]:size-6", 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,

package/dist/shared/{Button-AfMqNCme.js → Button-DwJ5RTfQ.js}

@@ -1,20 +1,18 @@
-import { jsxs as f, jsx as m } from "react/jsx-runtime";
-import { P as z } from "./ProgressSpinner-B-lrS-tu.js";
-const x = {
+import { jsxs as x, jsx as m } from "react/jsx-runtime";
+import { P as k } from "./ProgressSpinner-B-lrS-tu.js";
+const w = {
   left: "mare:-order-1",
   right: "mare:order-1",
   top: "mare:-order-1",
   bottom: "mare:order-1"
-}, k = {
+}, $ = {
   primary: "mare:stroke-on-accent",
   secondary: "mare:stroke-default",
   ghost: "mare:stroke-default",
-  danger: "mare:stroke-on-danger",
-  neutral: "mare:stroke-default"
-}, w = (e) => e === "bordered" ? `mare:data-severity-neutral:border mare:data-severity-neutral:border-strong
-			mare:data-severity-ghost:border mare:data-severity-ghost:border-strong mare:not-p-disabled:data-severity-ghost:hover:bg-transparent` : `
+  danger: "mare:stroke-on-danger"
+}, _ = (e) => e === "bordered" ? "mare:data-severity-ghost:border mare:data-severity-ghost:border-strong mare:not-p-disabled:data-severity-ghost:hover:bg-transparent" : `
 			mare:not-p-disabled:not-data-link:[&[data-severity~='ghost']:active]:bg-active
-			mare:not-p-disabled:not-data-link:[&[data-severity~='danger']:active]:bg-danger-active`, $ = (e, a) => `
+			mare:not-p-disabled:not-data-link:[&[data-severity~='danger']:active]:bg-danger-active`, L = (e, a) => `
 	mare:group/button
 	mare:relative
 	mare:rounded-button mare:flex mare:items-center mare:justify-center
@@ -39,8 +37,7 @@ const x = {
 	mare:not-p-disabled:not-data-link:[&[data-severity~='secondary']:active]:bg-active
 	mare:not-p-disabled:not-data-link:[&[data-severity~='danger']:active]:bg-danger-active
 
-	mare:data-severity-neutral:bg-default mare:data-severity-neutral:text-default
-	${w(e)}
+	${_(e)}
 	mare:data-size-small:py-2.5 mare:data-size-small:px-3.5 mare:data-size-small:gap-1
 	mare:data-size-small:icon-only:rounded:p-2.5 mare:data-size-small:h-10 mare:data-size-small:icon-only:w-10  mare:data-size-small:icon-only:min-w-10
 
@@ -67,6 +64,8 @@ const x = {
 	mare:icon-only:rounded-full!
 	mare:rounded:rounded-full
 	mare:p-raised:shadow-[0_4px_16px_0_rgba(0,0,0,0.16)]
+	mare:p-raised:data-severity-secondary:bg-raised mare:p-raised:data-severity-secondary:border-default
+	mare:p-raised:data-size-medium:px-7 mare:p-raised:data-size-medium:py-3 mare:p-raised:data-size-medium:gap-2 mare:p-raised:data-size-medium:h-14 mare:p-raised:data-size-medium:icon-only:w-14 mare:p-raised:data-size-medium:icon-only:min-w-14
 
 	mare:data-link:bg-transparent
 	mare:data-link:border-0
@@ -91,21 +90,22 @@ const x = {
 
 	mare:data-link:data-size-large:h-auto
 	mare:data-link:data-size-large:gap-2
-`, _ = "mare:relative mare:inline-block mare:no-underline! mare:after:content-[''] mare:after:absolute mare:after:left-0 mare:after:-bottom-[4px] mare:after:h-[1px] mare:after:w-full mare:after:bg-inverse mare:after:origin-left mare:after:scale-x-[1] mare:after:transform-gpu mare:after:will-change-transform mare:after:transition-transform mare:after:duration-[500ms] mare:after:ease-[cubic-bezier(0.19,1,0.22,1)] mare:hover:after:scale-x-0 mare:hover:after:origin-right", L = (e) => {
+`, j = "mare:relative mare:inline-block mare:no-underline! mare:after:content-[''] mare:after:absolute mare:after:left-0 mare:after:-bottom-[4px] mare:after:h-[1px] mare:after:w-full mare:after:bg-inverse mare:after:origin-left mare:after:scale-x-[1] mare:after:transform-gpu mare:after:will-change-transform mare:after:transition-transform mare:after:duration-[500ms] mare:after:ease-[cubic-bezier(0.19,1,0.22,1)] mare:hover:after:scale-x-0 mare:hover:after:origin-right", N = (e) => {
   const { isLink: a, animateLink: r, hiddenLabel: s, loading: d } = e;
   return `mare:relative
+		mare:group-[[data-raised]]/button:tpc-typography-label-m!
 		${a ? "mare:data-size-xsmall:tpc-typography-label-s-underline" : "mare:data-size-xsmall:tpc-typography-label-s"}
 		${a ? "mare:data-size-small:tpc-typography-label-s-underline" : "mare:data-size-small:tpc-typography-label-s"}
 		${a ? "mare:data-size-medium:tpc-typography-label-m-underline" : "mare:data-size-medium:tpc-typography-label-m"}
 		${a ? "mare:data-size-large:tpc-typography-label-m-underline" : "mare:data-size-large:tpc-typography-label-m"}
-		${r && a ? _ : ""}
+		${r && a ? j : ""}
 		${s ? "mare:hidden" : ""} ${a ? "" : "mare:px-0.5"} ${d ? "mare:opacity-0" : ""}
 	`;
-}, j = (e, a, r) => a ? e === "xsmall" || e === "small" ? "small" : "medium" : e === "xsmall" ? r ? "medium" : "small" : "medium", N = {
+}, P = (e, a, r) => a ? e === "xsmall" || e === "small" ? "small" : "medium" : e === "xsmall" ? r ? "medium" : "small" : "medium", B = {
   small: 16,
   medium: 20
 };
-function S({
+function q({
   label: e,
   severity: a = "primary",
   size: r = "medium",
@@ -113,41 +113,45 @@ function S({
   iconOnly: d = !1,
   disabled: l = !1,
   loading: t = !1,
-  link: c = !1,
-  linkAnimation: y = !1,
+  link: y = !1,
+  linkAnimation: c = !1,
+  raised: g = !1,
+  rounded: b = !1,
   icon: n,
-  iconPos: g = "left",
+  iconPos: u = "left",
   children: o,
-  type: b = "button",
-  ...u
+  type: v = "button",
+  ...h
 }) {
-  const i = c, v = !!e || !!o, h = d && !!n, p = N[j(r, i, d)];
-  return /* @__PURE__ */ f(
+  const i = y, z = !!e || !!o, f = d && !!n, p = B[P(r, i, d)];
+  return /* @__PURE__ */ x(
     "button",
     {
-      type: b,
-      className: $(s, i),
+      type: v,
+      className: L(s, i),
       "data-severity": a,
       "data-size": r,
       "data-icon-only": d ? "true" : void 0,
       "data-disabled": l ? "true" : void 0,
       "data-loading": t ? "true" : void 0,
       "data-link": i ? "true" : void 0,
+      "data-raised": g ? "true" : void 0,
+      "data-rounded": b ? "true" : void 0,
       disabled: l || t,
       "aria-busy": t || void 0,
-      ...u,
+      ...h,
       children: [
         t && /* @__PURE__ */ m("span", { className: "mare:absolute mare:inset-0 mare:flex mare:items-center mare:justify-center", children: /* @__PURE__ */ m(
-          z,
+          k,
           {
-            circleClass: k[a],
+            circleClass: $[a],
             className: "mare:size-5"
           }
         ) }),
         n && /* @__PURE__ */ m(
           "span",
           {
-            className: `mare:inline-flex mare:shrink-0 mare:items-center mare:justify-center mare:[&>svg]:size-full! ${x[g]} ${t ? "mare:opacity-0" : ""}`,
+            className: `mare:inline-flex mare:shrink-0 mare:items-center mare:justify-center mare:[&>svg]:size-full! ${w[u]} ${t ? "mare:opacity-0" : ""}`,
             style: {
               width: `${p}px`,
               height: `${p}px`
@@ -156,13 +160,13 @@ function S({
             children: n
           }
         ),
-        v && /* @__PURE__ */ m(
+        z && /* @__PURE__ */ m(
           "span",
           {
-            className: L({
+            className: N({
               isLink: i,
-              animateLink: y,
-              hiddenLabel: h,
+              animateLink: c,
+              hiddenLabel: f,
               loading: t
             }),
             children: o ?? e
@@ -173,5 +177,5 @@ function S({
   );
 }
 export {
-  S as B
+  q as B
 };

package/dist/shared/{Combobox-SkrEe5He.js → Combobox-CcmWgRYZ.js}

@@ -35,6 +35,7 @@ const G = {
 	mare:max-h-72 mare:overflow-y-auto
 	mare:min-w-[var(--reference-width)]
 	mare:z-50
+	mare:[&[hidden]]:hidden
 `, ee = `
 	mare:group/option mare:flex mare:items-center mare:justify-between mare:gap-2
 	mare:w-full mare:min-h-8 mare:py-2 mare:px-3 mare:cursor-pointer mare:rounded-menu-item

package/dist/shared/{ConfirmDialog-Bvk8KZ0M.js → ConfirmDialog-DLHY-c70.js}

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import { D as g, a as h } from "./DialogFooter-DyltZzK-.js";
-import { B as n } from "./Button-AfMqNCme.js";
+import { B as n } from "./Button-DwJ5RTfQ.js";
 const u = (e) => `
 	mare:w-full mare:h-full
 	${e === "column" ? "mare:pt-10 mare:pb-4" : "mare:pt-8"}

package/dist/shared/{Counter-DpOtUolN.js → Counter-DjIoe4h3.js}

@@ -1,6 +1,6 @@
 import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import { NumberInput as a } from "@ark-ui/react/number-input";
-import { B as i } from "./Button-AfMqNCme.js";
+import { B as i } from "./Button-DwJ5RTfQ.js";
 import { I as x } from "./IconMinus-fS_GL0Et.js";
 import { c as I } from "./createReactComponent-Cb6Pzf10.js";
 const v = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], C = I("outline", "plus", "Plus", v), N = {

package/dist/shared/{DialogHeader-RzfQm-pi.js → DialogHeader-M5Bfyxos.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as s } from "react/jsx-runtime";
 import { Dialog as l } from "@ark-ui/react/dialog";
 import { l as h, i as o, n as d, s as u } from "./DialogFooter-DyltZzK-.js";
-import { B as r } from "./Button-AfMqNCme.js";
+import { B as r } from "./Button-DwJ5RTfQ.js";
 import { I as p } from "./IconX-CpPADKjZ.js";
 function y({
   title: e,

package/dist/shared/{DrawerFooter-BxOEFQ-W.js → DrawerFooter-B9-Vrgd3.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Dialog as t } from "@ark-ui/react/dialog";
 import { Portal as g } from "@ark-ui/react/portal";
-import { B as d } from "./Button-AfMqNCme.js";
+import { B as d } from "./Button-DwJ5RTfQ.js";
 import { I as y } from "./IconX-CpPADKjZ.js";
 const _ = (e) => {
   switch (e) {