@tpc-mare/mare-ui-components-react 0.1.11 → 0.1.13

package/dist/accordion/index.js

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

package/dist/banner/index.js

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

package/dist/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,2 @@
+import { BreadcrumbsProperties } from './Breadcrumbs.types';
+export declare function Breadcrumbs({ items, separator, renderItem, }: BreadcrumbsProperties): import("react").JSX.Element;

package/dist/breadcrumbs/Breadcrumbs.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { BreadcrumbItemData } from '@tpc-development/mare-ui-components-core/breadcrumbs';
+export type { BreadcrumbItemData } from '@tpc-development/mare-ui-components-core/breadcrumbs';
+export interface BreadcrumbsProperties {
+    items: BreadcrumbItemData[];
+    /** Rendered between items. Defaults to `'/'`, matching the Vue DS. */
+    separator?: ReactNode;
+    /** Custom render for an item's content (icon + label). Defaults to
+     * `item.icon` (if any) + `item.label`. */
+    renderItem?: (item: BreadcrumbItemData) => ReactNode;
+}

package/dist/breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProperties, BreadcrumbItemData, } from './Breadcrumbs.types';

package/dist/breadcrumbs/index.js

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

package/dist/checkbox/index.js

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

package/dist/combobox/index.js

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

package/dist/counter/Counter.d.ts

@@ -0,0 +1,2 @@
+import { CounterProperties } from './Counter.types';
+export declare function Counter({ value, onValueChange, size, variant, disabled, disabledIncrement, disabledDecrement, step, id, name, min, max, }: CounterProperties): import("react").JSX.Element;

package/dist/counter/Counter.types.d.ts

@@ -0,0 +1,23 @@
+import { CounterSize, CounterVariant } from '@tpc-development/mare-ui-components-core/counter';
+export type { CounterSize, CounterVariant, } from '@tpc-development/mare-ui-components-core/counter';
+export interface CounterProperties {
+    /** Controlled numeric value. `null` when the field is empty. */
+    value?: number | null;
+    /** Change handler — receives the next number, or `null` when cleared. */
+    onValueChange?: (value: number | null) => void;
+    size?: CounterSize;
+    variant?: CounterVariant;
+    disabled?: boolean;
+    /** Disables only the increment ("+") trigger, regardless of `max`. */
+    disabledIncrement?: boolean;
+    /** Disables only the decrement ("-") trigger, regardless of `min`. */
+    disabledDecrement?: boolean;
+    id?: string;
+    name?: string;
+    /** Minimum allowed value. */
+    min?: number;
+    /** Maximum allowed value. */
+    max?: number;
+    /** Step for the +/- triggers. @default 1 */
+    step?: number;
+}

package/dist/counter/index.d.ts

@@ -0,0 +1,2 @@
+export { Counter } from './Counter';
+export type { CounterProperties, CounterSize, CounterVariant, } from './Counter.types';

package/dist/counter/index.js

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

package/dist/date-picker/index.js

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

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-CZ5OrC8_.js";
+import { D as g } from "../shared/DialogHeader-RzfQm-pi.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-OFrTFvy2.js";
+import { D as e, a as o, b as D } from "../shared/DrawerFooter-BxOEFQ-W.js";
 export {
   e as Drawer,
   o as DrawerFooter,

package/dist/image-slider/index.js

@@ -1,4 +1,4 @@
-import { I as a } from "../shared/ImageSlider-CdBVmAYC.js";
+import { I as a } from "../shared/ImageSlider-Bgb1kNQ4.js";
 export {
   a as ImageSlider
 };

package/dist/index/index.d.ts

@@ -12,6 +12,8 @@ export { Banner } from '../banner';
 export type { BannerProperties, BannerSeverity } from '../banner';
 export { Button } from '../button';
 export type { ButtonProperties, ButtonSeverity, ButtonSize, ButtonVariant, IconPosition, } from '../button';
+export { Breadcrumbs } from '../breadcrumbs';
+export type { BreadcrumbsProperties, BreadcrumbItemData, } from '../breadcrumbs';
 export { SelectField } from '../select-field';
 export type { SelectFieldProperties, SelectFieldSize, SelectOptionItem, } from '../select-field';
 export { Combobox } from '../combobox';
@@ -32,6 +34,8 @@ 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 { Counter } from '../counter';
+export type { CounterProperties, CounterSize, CounterVariant, } from '../counter';
 export { Checkbox } from '../checkbox';
 export type { CheckboxProperties, CheckboxSize, CheckedState, } from '../checkbox';
 export { RadioGroup } from '../radio-group';

package/dist/index/index.js

@@ -1,77 +1,81 @@
-import { A as a } from "../shared/Accordion-Dhs7EeM6.js";
+import { A as a } from "../shared/Accordion-BLQ1mWZZ.js";
 import { A as t } from "../shared/Avatar-D3QlO3Tz.js";
 import { B as p } from "../shared/Badge-WC6my4Aw.js";
 import { T as x } from "../shared/Tag-BtbmgIwL.js";
-import { T as n } from "../shared/TagChip-BNszVayi.js";
-import { B as l } from "../shared/Banner-B41NQS5P.js";
-import { B as I } from "../shared/Button-AfMqNCme.js";
-import { S as d } from "../shared/SelectField-CGbdf8C2.js";
-import { C as g } from "../shared/Combobox-oSS0Rlbv.js";
+import { T as n } from "../shared/TagChip-Bs7srjIL.js";
+import { B as c } from "../shared/Banner-DXftmx9P.js";
+import { B as d } from "../shared/Button-AfMqNCme.js";
+import { B as S } from "../shared/Breadcrumbs-Cqr3Jitd.js";
+import { S as D } from "../shared/SelectField-CvKaukCG.js";
+import { C as u } from "../shared/Combobox-SkrEe5He.js";
 import { T as F } from "../shared/Tabs-BqIorZYD.js";
 import { P as T } from "../shared/ProgressSpinner-B-lrS-tu.js";
-import { I as u, a as w } from "../shared/IconField-Dh6j6SL1.js";
-import { C as h, F as k, a as A, H } from "../shared/HelperText-CVWWvLCI.js";
-import { T as R } from "../shared/Textarea-iJhYTZos.js";
-import { S as G } from "../shared/SearchField-CgZV2Am-.js";
-import { P as N, a as O } from "../shared/Password-cqTK9OlT.js";
-import { I as q } from "../shared/InputNumber-D48wsE-o.js";
-import { I as z } from "../shared/InputOtp-CUXXVP2E.js";
-import { C as J } from "../shared/Checkbox-B7vM1mxP.js";
-import { R as Q } from "../shared/RadioGroup-lw27DCoV.js";
-import { S as V } from "../shared/Switch-D6E2OmgE.js";
-import { D as X, a as Y } from "../shared/DialogFooter-DyltZzK-.js";
-import { D as _ } from "../shared/DialogHeader-CZ5OrC8_.js";
-import { C as rr } from "../shared/ConfirmDialog-Bvk8KZ0M.js";
-import { D as ar, a as er, b as tr } from "../shared/DrawerFooter-OFrTFvy2.js";
-import { M as pr } from "../shared/Menu-Cv9dU1iA.js";
-import { P as xr } from "../shared/PanelMenu-Bz-fg6px.js";
-import { S as nr, c as ir } from "../shared/Snackbar-C29nLHO9.js";
-import { S as cr } from "../shared/Stepper-BpKdB3ip.js";
-import { D as Sr } from "../shared/DatePicker-GYH3uorm.js";
-import { P as Dr } from "../shared/Paginator-BndcA6Ax.js";
-import { I as Cr } from "../shared/ImageItem-BBy5fOl3.js";
-import { I as Pr } from "../shared/ImageSlider-CdBVmAYC.js";
+import { I as w, a as h } from "../shared/IconField-Dh6j6SL1.js";
+import { C as A, F as H, a as M, H as R } from "../shared/HelperText-CVWWvLCI.js";
+import { T as G } from "../shared/Textarea-iJhYTZos.js";
+import { S as N } from "../shared/SearchField-DjJHDaR4.js";
+import { P as j, a as q } from "../shared/Password-BMKy8dAy.js";
+import { I as z } from "../shared/InputNumber-D48wsE-o.js";
+import { I as J } from "../shared/InputOtp-CUXXVP2E.js";
+import { C as Q } from "../shared/Counter-D4Al7Yme.js";
+import { C as V } from "../shared/Checkbox-BXnSN2vK.js";
+import { R as X } from "../shared/RadioGroup-lw27DCoV.js";
+import { S as Z } from "../shared/Switch-D6E2OmgE.js";
+import { D as $, a as rr } from "../shared/DialogFooter-DyltZzK-.js";
+import { D as ar } from "../shared/DialogHeader-RzfQm-pi.js";
+import { C as tr } from "../shared/ConfirmDialog-Bvk8KZ0M.js";
+import { D as pr, a as mr, b as xr } from "../shared/DrawerFooter-BxOEFQ-W.js";
+import { M as nr } from "../shared/Menu-Cv9dU1iA.js";
+import { P as cr } from "../shared/PanelMenu-BpjNM7O_.js";
+import { S as dr, c as Ir } from "../shared/Snackbar-C29nLHO9.js";
+import { S as Cr } from "../shared/Stepper-By8M5bs0.js";
+import { D as gr } from "../shared/DatePicker-CwAISvNc.js";
+import { P as br } from "../shared/Paginator-Bp2nghqW.js";
+import { I as Pr } from "../shared/ImageItem-BBy5fOl3.js";
+import { I as Br } from "../shared/ImageSlider-Bgb1kNQ4.js";
 export {
   a as Accordion,
   t as Avatar,
   p as Badge,
-  l as Banner,
-  I as Button,
-  h as CharacterCount,
-  J as Checkbox,
-  g as Combobox,
-  rr as ConfirmDialog,
-  Sr as DatePicker,
-  X as Dialog,
-  Y as DialogFooter,
-  _ as DialogHeader,
-  ar as Drawer,
-  er as DrawerFooter,
-  tr as DrawerHeader,
-  k as FloatLabel,
-  A as FormField,
-  H as HelperText,
-  u as IconField,
-  Cr as ImageItem,
-  Pr as ImageSlider,
-  q as InputNumber,
-  z as InputOtp,
-  w as InputText,
-  pr as Menu,
-  Dr as Paginator,
-  xr as PanelMenu,
-  N as Password,
-  O as PasswordFooterItem,
+  c as Banner,
+  S as Breadcrumbs,
+  d as Button,
+  A as CharacterCount,
+  V as Checkbox,
+  u as Combobox,
+  tr as ConfirmDialog,
+  Q as Counter,
+  gr as DatePicker,
+  $ as Dialog,
+  rr as DialogFooter,
+  ar as DialogHeader,
+  pr as Drawer,
+  mr as DrawerFooter,
+  xr as DrawerHeader,
+  H as FloatLabel,
+  M as FormField,
+  R as HelperText,
+  w as IconField,
+  Pr as ImageItem,
+  Br as ImageSlider,
+  z as InputNumber,
+  J as InputOtp,
+  h as InputText,
+  nr as Menu,
+  br as Paginator,
+  cr as PanelMenu,
+  j as Password,
+  q as PasswordFooterItem,
   T as ProgressSpinner,
-  Q as RadioGroup,
-  G as SearchField,
-  d as SelectField,
-  nr as Snackbar,
-  cr as Stepper,
-  V as Switch,
+  X as RadioGroup,
+  N as SearchField,
+  D as SelectField,
+  dr as Snackbar,
+  Cr as Stepper,
+  Z as Switch,
   F as Tabs,
   x as Tag,
   n as TagChip,
-  R as Textarea,
-  ir as createSnackbar
+  G as Textarea,
+  Ir as createSnackbar
 };

package/dist/paginator/index.js

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

package/dist/panel-menu/index.js

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

package/dist/password/index.js

@@ -1,4 +1,4 @@
-import { P as a, a as r } from "../shared/Password-cqTK9OlT.js";
+import { P as a, a as r } from "../shared/Password-BMKy8dAy.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-CgZV2Am-.js";
+import { S as a } from "../shared/SearchField-DjJHDaR4.js";
 export {
   a as SearchField
 };

package/dist/select-field/index.js

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

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

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import { Accordion as r } from "@ark-ui/react/accordion";
-import { a as c } from "./icons-BFOFrum4.js";
+import { I as c } from "./IconChevronDown-ev2ML7Ex.js";
 const d = "mare:w-full", u = (t) => `
 	mare:flex mare:flex-col
 	${t ? "mare:border-b mare:border-default" : ""}

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

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { B as d } from "./Button-AfMqNCme.js";
-import { C as o } from "./icons-BFOFrum4.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
 	mare:flex mare:items-start mare:justify-between mare:gap-4

package/dist/shared/Breadcrumbs-Cqr3Jitd.js

@@ -0,0 +1,77 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { Fragment as o } from "react";
+const i = "mare:flex mare:items-center mare:overflow-x-auto mare:tpc-typography-body-s mare:p-4", d = "mare:m-0 mare:p-0 mare:list-none mare:flex mare:items-center mare:flex-nowrap mare:gap-3", p = (e) => e.disabled ? "mare:flex mare:text-disabled mare:cursor-not-allowed mare:pointer-events-none" : e.active ? "mare:flex mare:text-default mare:cursor-none mare:pointer-events-none" : "mare:flex mare:text-weak mare:hover:text-default mare:cursor-pointer mare:transition-colors mare:duration-150 mare:ease-in-out", m = "mare:cursor-pointer mare:no-underline mare:flex mare:items-center mare:gap-1.5", u = "mare:flex mare:items-center mare:gap-1", f = "mare:flex mare:items-center mare:shrink-0 mare:text-weak mare:[&>svg]:size-4", h = "mare:tpc-typography-body-s mare:text-weak", x = "mare:flex mare:items-center mare:text-weak mare:tpc-typography-body-s";
+function b(e, n) {
+  if (n) return n(e);
+  const a = e.icon;
+  return /* @__PURE__ */ l("span", { className: u, children: [
+    a && /* @__PURE__ */ r(
+      "span",
+      {
+        className: f,
+        "aria-hidden": "true",
+        children: a
+      }
+    ),
+    /* @__PURE__ */ r("span", { className: h, children: e.label })
+  ] });
+}
+function v({
+  item: e,
+  renderItem: n
+}) {
+  const a = p(e), t = b(e, n), s = e.href;
+  if (!s || e.active || e.disabled)
+    return /* @__PURE__ */ r("li", { className: a, children: /* @__PURE__ */ r(
+      "span",
+      {
+        className: m,
+        "aria-current": e.active ? "page" : void 0,
+        "aria-disabled": e.disabled ? !0 : void 0,
+        children: t
+      }
+    ) });
+  const c = e.onClick;
+  return /* @__PURE__ */ r("li", { className: a, children: /* @__PURE__ */ r(
+    "a",
+    {
+      href: s,
+      className: m,
+      onClick: c,
+      children: t
+    }
+  ) });
+}
+function y({
+  items: e,
+  separator: n = "/",
+  renderItem: a
+}) {
+  return /* @__PURE__ */ r(
+    "nav",
+    {
+      className: i,
+      "aria-label": "breadcrumb",
+      children: /* @__PURE__ */ r("ol", { className: d, children: e.map((t, s) => /* @__PURE__ */ l(o, { children: [
+        /* @__PURE__ */ r(
+          v,
+          {
+            item: t,
+            renderItem: a
+          }
+        ),
+        s < e.length - 1 && /* @__PURE__ */ r(
+          "li",
+          {
+            className: x,
+            "aria-hidden": "true",
+            children: n
+          }
+        )
+      ] }, `${t.label}-${s}`)) })
+    }
+  );
+}
+export {
+  y as B
+};

package/dist/shared/{Checkbox-B7vM1mxP.js → Checkbox-BXnSN2vK.js}

@@ -1,6 +1,7 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { Checkbox as a } from "@ark-ui/react/checkbox";
-import { b as f, M as x } from "./icons-BFOFrum4.js";
+import { I as f } from "./IconCheck-DzZA6b2U.js";
+import { I as x } from "./IconMinus-fS_GL0Et.js";
 const v = `
 	mare:group/checkbox
 	mare:relative mare:inline-flex mare:items-center mare:gap-2
@@ -52,11 +53,11 @@ const v = `
 `, C = `
 	mare:sr-only
 `;
-function M({
+function L({
   checked: s,
   defaultChecked: l,
   onCheckedChange: n,
-  children: d,
+  children: m,
   size: r = "small",
   disabled: c = !1,
   invalid: o = !1,
@@ -67,7 +68,7 @@ function M({
   form: z,
   id: u
 }) {
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ d(
     a.Root,
     {
       checked: s,
@@ -86,7 +87,7 @@ function M({
       className: v,
       "data-size": r,
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ d(
           a.Control,
           {
             className: y,
@@ -116,12 +117,12 @@ function M({
             ]
           }
         ),
-        d && /* @__PURE__ */ e(
+        m && /* @__PURE__ */ e(
           a.Label,
           {
             className: w,
             "data-size": r,
-            children: d
+            children: m
           }
         ),
         /* @__PURE__ */ e(a.HiddenInput, { className: C })
@@ -130,5 +131,5 @@ function M({
   );
 }
 export {
-  M as C
+  L as C
 };