@pismo/marola 2.1.20 → 2.1.22

package/dist/assets/Draggable.css

@@ -1 +1 @@
-._draggable-container_1muhu_1{position:relative}._draggable-container-draggable_1muhu_4{cursor:grabbing}._draggable-container-draggable-dragging_1muhu_7{cursor:default}._draggable-zone_1muhu_11{position:relative;border:1px dashed transparent}._draggable-zone-to-drop_1muhu_15{position:absolute;top:var(--props-offset-zone-top-to-drop);width:100%;height:calc(100% + var(--props-offset-zone-down-to-drop));display:flex;flex-direction:column;z-index:2}._draggable-zone-to-drop_1muhu_15>div{flex:1}._draggable-zone-replace_1muhu_27{background-color:var(--colors-base-blue-1);border:1px dashed var(--colors-base-blue-4)}._draggable-to-drop_1muhu_32{height:2px;width:100%;display:block;background-color:var(--colors-brand-primary-color-primary);content:" ";position:absolute;opacity:0;z-index:1}._draggable-to-drop-top_1muhu_42{top:-5;left:0}._draggable-to-drop-down_1muhu_46{bottom:-5;left:0}._draggable-to-drop-visible_1muhu_50{opacity:1}._draggable-to-drop_1muhu_32:before,._draggable-to-drop_1muhu_32:after{content:"";position:absolute;left:0;top:-4;height:5px;width:5px;border-radius:50%;background-color:#fff;border:2px solid var(--colors-brand-primary-color-primary)}._draggable-to-drop_1muhu_32:after{left:initial;right:0}
+._draggable-container_i3ufr_1{position:relative}._draggable-container-draggable_i3ufr_4{cursor:grabbing}._draggable-container-draggable-dragging_i3ufr_7{cursor:default}._draggable-zone_i3ufr_11{position:relative;border:1px dashed transparent}._draggable-zone-to-drop_i3ufr_15{position:absolute;top:var(--props-offset-zone-top-to-drop);z-index:2;display:flex;flex-direction:column;width:100%;height:calc(100% + var(--props-offset-zone-down-to-drop))}._draggable-zone-to-drop_i3ufr_15>div{flex:1}._draggable-zone-replace_i3ufr_27{background-color:var(--colors-base-blue-1);border:1px dashed var(--colors-base-blue-4)}._draggable-to-drop_i3ufr_32{position:absolute;z-index:1;display:block;width:100%;height:2px;content:" ";background-color:var(--colors-brand-primary-color-primary);opacity:0}._draggable-to-drop-top_i3ufr_42{top:-5;left:0}._draggable-to-drop-down_i3ufr_46{bottom:-5;left:0}._draggable-to-drop-visible_i3ufr_50{opacity:1}._draggable-to-drop_i3ufr_32:before,._draggable-to-drop_i3ufr_32:after{position:absolute;top:-4;left:0;width:5px;height:5px;content:"";background-color:#fff;border:2px solid var(--colors-brand-primary-color-primary);border-radius:50%}._draggable-to-drop_i3ufr_32:after{right:0;left:initial}

package/dist/assets/ResultContainer.css

@@ -0,0 +1 @@
+._container_1n6cs_1{position:relative;padding:1.5rem 1rem;background:var(--white-100);border:1px solid var(--gray-50);border-radius:.375rem}._container_1n6cs_1:not(first-child){min-height:4.125rem;padding:1rem;margin-top:1.5rem}._container_1n6cs_1 ._label_1n6cs_13{position:absolute;top:-1px;left:1.18rem;display:flex;align-items:center;justify-content:center;padding:0 .25rem;font-family:Lato;font-size:.6875rem;font-style:normal;font-weight:400;line-height:1rem;color:var(--gray-75);background:var(--white-100);transform:translateY(-50%)}._container_1n6cs_1 ._result-content_1n6cs_30{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}

package/dist/components/Draggable/Draggable.js

@@ -1,108 +1,108 @@
-import { jsxs as p, jsx as b } from "react/jsx-runtime";
-import { useRef as K, useState as w, useMemo as N } from "react";
+import { jsxs as u, jsx as b } from "react/jsx-runtime";
+import { useRef as K, useState as w, useMemo as V } from "react";
 import { c as o } from "../../clsx-OuTLNxxd.js";
 import { r as P } from "../../index-1UpBa69h.js";
 import { useDraggable as Q } from "./useDraggable.js";
-import '../../assets/Draggable.css';const e = {
-  "draggable-container": "_draggable-container_1muhu_1",
-  "draggable-container-draggable": "_draggable-container-draggable_1muhu_4",
-  "draggable-container-draggable-dragging": "_draggable-container-draggable-dragging_1muhu_7",
-  "draggable-zone": "_draggable-zone_1muhu_11",
-  "draggable-zone-to-drop": "_draggable-zone-to-drop_1muhu_15",
-  "draggable-zone-replace": "_draggable-zone-replace_1muhu_27",
-  "draggable-to-drop": "_draggable-to-drop_1muhu_32",
-  "draggable-to-drop-top": "_draggable-to-drop-top_1muhu_42",
-  "draggable-to-drop-down": "_draggable-to-drop-down_1muhu_46",
-  "draggable-to-drop-visible": "_draggable-to-drop-visible_1muhu_50"
-}, ta = ({
-  children: V,
+import '../../assets/Draggable.css';const r = {
+  "draggable-container": "_draggable-container_i3ufr_1",
+  "draggable-container-draggable": "_draggable-container-draggable_i3ufr_4",
+  "draggable-container-draggable-dragging": "_draggable-container-draggable-dragging_i3ufr_7",
+  "draggable-zone": "_draggable-zone_i3ufr_11",
+  "draggable-zone-to-drop": "_draggable-zone-to-drop_i3ufr_15",
+  "draggable-zone-replace": "_draggable-zone-replace_i3ufr_27",
+  "draggable-to-drop": "_draggable-to-drop_i3ufr_32",
+  "draggable-to-drop-top": "_draggable-to-drop-top_i3ufr_42",
+  "draggable-to-drop-down": "_draggable-to-drop-down_i3ufr_46",
+  "draggable-to-drop-visible": "_draggable-to-drop-visible_i3ufr_50"
+}, ea = ({
+  children: L,
   id: d,
-  onDropItem: h,
-  data: L,
+  onDropItem: z,
+  data: j,
   index: s,
-  onDragStarted: z,
-  onDragEnded: m,
+  onDragStarted: x,
+  onDragEnded: h,
   forceDirection: i,
   noDraggable: n,
   classNameElementDrag: l,
-  classNameZoneWrapper: j,
+  classNameZoneWrapper: m,
   classNameZoneOnOverWrapper: I,
-  offsetZoneTopToDrop: x,
-  offsetZoneDownToDrop: y,
+  offsetZoneTopToDrop: y,
+  offsetZoneDownToDrop: O,
   ["data-testid"]: S,
   ["data-zone-testid"]: Y,
   ["data-zone-up-testid"]: C,
   ["data-zone-down-testid"]: F,
   ["data-divider-down-testid"]: M,
   ["data-divider-up-testid"]: R,
-  mode: _ = "sort",
+  mode: f = "sort",
   renderWithoutDrag: U
 }) => {
-  const u = K(null), [g, c] = w(!1), { setFromElement: W, fromElement: a } = Q(), [f, O] = w(!1), [v, T] = w(), Z = (t) => {
-    t.preventDefault();
-    const r = a == null ? void 0 : a.id;
-    u.current && (!r || r === d || c(!0));
+  const c = K(null), [g, p] = w(!1), { setFromElement: W, fromElement: a } = Q(), [_, T] = w(!1), [v, N] = w(), Z = (e) => {
+    e.preventDefault();
+    const t = a == null ? void 0 : a.id;
+    c.current && (!t || t === d || p(!0));
   }, k = () => {
-    c(!1);
+    p(!1);
   }, q = () => {
-    c(!1), m && m(), O(!1);
+    p(!1), h && h(), T(!1);
   }, A = () => {
     if (n || d === (a == null ? void 0 : a.id)) return;
-    const t = () => {
+    const e = () => {
       const J = window.scrollY || window.pageYOffset;
       P.flushSync(() => {
-        c(!1), h && h(a == null ? void 0 : a.data, v), setTimeout(() => {
+        p(!1), z && z(a == null ? void 0 : a.data, v), setTimeout(() => {
           window == null || window.scrollTo(0, J);
         }, 100);
       });
-    }, r = document;
-    typeof r.startViewTransition == "function" ? r.startViewTransition(t) : t();
+    }, t = document;
+    typeof t.startViewTransition == "function" ? t.startViewTransition(e) : e();
   }, B = () => {
-    var t;
+    var e;
     W({
       id: d,
-      data: L,
+      data: j,
       index: s
-    }), O(!0), z && z(), l && ((t = u.current) == null || t.classList.add(l)), setTimeout(() => {
-      var r;
-      l && ((r = u.current) == null || r.classList.remove(l));
+    }), T(!0), x && x(), l && ((e = c.current) == null || e.classList.add(l)), setTimeout(() => {
+      var t;
+      l && ((t = c.current) == null || t.classList.remove(l));
     }, 1);
-  }, D = N(() => {
+  }, D = V(() => {
     if (i === "up" || !a) return !1;
-    const t = s;
-    return a.index != t + 1;
-  }, [s, a == null ? void 0 : a.index, i, f]), G = N(() => {
+    const e = s;
+    return a.index != e + 1;
+  }, [s, a == null ? void 0 : a.index, i, _]), G = V(() => {
     if (i === "down" || !a) return !1;
-    const t = s;
-    return a.index + 1 != t;
-  }, [s, a == null ? void 0 : a.index, i, f]), H = {
-    "--props-offset-zone-top-to-drop": x || "-10px",
-    "--props-offset-zone-down-to-drop": y || "20px"
+    const e = s;
+    return a.index + 1 != e;
+  }, [s, a == null ? void 0 : a.index, i, _]), H = {
+    "--props-offset-zone-top-to-drop": y || "-10px",
+    "--props-offset-zone-down-to-drop": O || "20px"
   };
-  return /* @__PURE__ */ p("div", { className: o(e["draggable-container"]), "data-testid": S, style: H, children: [
-    _ === "sort" && /* @__PURE__ */ b(
+  return /* @__PURE__ */ u("div", { className: o(r["draggable-container"]), "data-testid": S, style: H, children: [
+    f === "sort" && /* @__PURE__ */ b(
       "div",
       {
         className: o(
-          e["draggable-to-drop"],
-          e["draggable-to-drop-top"],
-          g && v === "up" && e["draggable-to-drop-visible"]
+          r["draggable-to-drop"],
+          r["draggable-to-drop-top"],
+          g && v === "up" && r["draggable-to-drop-visible"]
         ),
         "data-testid": R
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ u(
       "div",
       {
         className: o(
-          e["draggable-zone"],
-          j,
-          !n && g && _ == "replace" && e["draggable-zone-replace"],
+          r["draggable-zone"],
+          m,
+          !n && g && f == "replace" && r["draggable-zone-replace"],
           !n && g && I
         ),
         children: [
           U,
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ u(
             "div",
             {
               id: d,
@@ -112,34 +112,34 @@ import '../../assets/Draggable.css';const e = {
               onDragEnd: q,
               onDrop: A,
               draggable: !n,
-              ref: u,
+              ref: c,
               onDragStart: B,
               className: o(
-                f && e["draggable-container-draggable-dragging"],
-                !n && e["draggable-container-draggable"]
+                _ && r["draggable-container-draggable-dragging"],
+                !n && r["draggable-container-draggable"]
               ),
               style: {
                 viewTransitionName: d
               },
               children: [
-                g && /* @__PURE__ */ p("div", { className: o(e["draggable-zone-to-drop"]), children: [
-                  G && /* @__PURE__ */ b("div", { "data-testid": C, onDragOver: () => T("up") }),
-                  D && /* @__PURE__ */ b("div", { "data-testid": F, onDragOver: () => T("down") })
+                g && /* @__PURE__ */ u("div", { className: o(r["draggable-zone-to-drop"]), children: [
+                  G && /* @__PURE__ */ b("div", { "data-testid": C, onDragOver: () => N("up") }),
+                  D && /* @__PURE__ */ b("div", { "data-testid": F, onDragOver: () => N("down") })
                 ] }),
-                V
+                L
               ]
             }
           )
         ]
       }
     ),
-    _ == "sort" && /* @__PURE__ */ b(
+    f == "sort" && /* @__PURE__ */ b(
       "div",
       {
         className: o(
-          e["draggable-to-drop"],
-          e["draggable-to-drop-down"],
-          g && v === "down" && e["draggable-to-drop-visible"]
+          r["draggable-to-drop"],
+          r["draggable-to-drop-down"],
+          g && v === "down" && r["draggable-to-drop-visible"]
         ),
         "data-testid": M
       }
@@ -147,5 +147,5 @@ import '../../assets/Draggable.css';const e = {
   ] });
 };
 export {
-  ta as Draggable
+  ea as Draggable
 };

package/dist/components/Icon/types.d.ts

@@ -2,4 +2,4 @@
  * This file is automatically generated. Any changes will be lost.
  * run "yarn generate-icon-types" or "yarn build" to regenerate it.
  */
-export type IconName = 'alien-8bit' | 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'computer-classic' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'fingerprint' | 'folder-magnifying-glass' | 'folder-open' | 'grid-2' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'id-badge' | 'inbox-full' | 'light/star' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen' | 'pen-to-square' | 'percent' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rectangle-terminal' | 'rotate' | 'scale-balanced' | 'server' | 'sheet-plastic' | 'sidebar' | 'solid/star' | 'squirrel' | 'stethoscope' | 'store' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
+export type IconName = 'alien-8bit' | 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-plus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'computer-classic' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'fingerprint' | 'folder-magnifying-glass' | 'folder-open' | 'grid-2' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'id-badge' | 'inbox-full' | 'light/star' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen' | 'pen-to-square' | 'percent' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rectangle-terminal' | 'rotate' | 'scale-balanced' | 'server' | 'sheet-plastic' | 'sidebar' | 'solid/star' | 'squirrel' | 'stethoscope' | 'store' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';

package/dist/components/ResultContainer/ResultContainer.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+type ResultContainerProps = {
+    children: React.ReactNode;
+    title: React.ReactNode | string;
+    className?: string;
+    classNameContent?: string;
+    classNameLabel?: string;
+    ['data-testid-content']?: string;
+    ['data-testid-label']?: string;
+};
+declare const ResultContainer: ({ children, title, className, classNameContent, classNameLabel, "data-testid-content": dataTestIdContent, "data-testid-label": dataTestIdLabel, ...rest }: ResultContainerProps) => import("react/jsx-runtime").JSX.Element;
+export { ResultContainer };

package/dist/components/ResultContainer/ResultContainer.js

@@ -0,0 +1,22 @@
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { c as t } from "../../clsx-OuTLNxxd.js";
+import '../../assets/ResultContainer.css';const m = "_container_1n6cs_1", b = "_label_1n6cs_13", e = {
+  container: m,
+  label: b,
+  "result-content": "_result-content_1n6cs_30"
+}, x = ({
+  children: s,
+  title: a,
+  className: c,
+  classNameContent: l,
+  classNameLabel: o,
+  "data-testid-content": r,
+  "data-testid-label": i,
+  ...d
+}) => /* @__PURE__ */ _("div", { ...d, className: t(e.container, c), children: [
+  /* @__PURE__ */ n("span", { className: t(e.label, o), "data-testid": i, children: a }),
+  /* @__PURE__ */ n("div", { className: t(e["result-content"], l), "data-testid": r, children: s })
+] });
+export {
+  x as ResultContainer
+};

package/dist/components/ResultContainer/ResultContainer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ResultContainer/ResultContainer.stories.d.ts

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, title, className, classNameContent, classNameLabel, "data-testid-content": dataTestIdContent, "data-testid-label": dataTestIdLabel, ...rest }: {
+        children: import('react').ReactNode;
+        title: import('react').ReactNode;
+        className?: string | undefined;
+        classNameContent?: string | undefined;
+        classNameLabel?: string | undefined;
+        "data-testid-content"?: string | undefined;
+        "data-testid-label"?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        children: import('react').ReactNode;
+        title: import('react').ReactNode;
+        className?: string | undefined;
+        classNameContent?: string | undefined;
+        classNameLabel?: string | undefined;
+        "data-testid-content"?: string | undefined;
+        "data-testid-label"?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ResultContainerSimple: Story;

package/dist/components/ResultWithChips/ResultWithChips.d.ts

@@ -7,5 +7,5 @@ type ResultWithChipsProps = {
     title: string;
     className?: string;
 };
-declare const ResultWithChips: ({ chips, title, className, ...rest }: ResultWithChipsProps) => import("react/jsx-runtime").JSX.Element;
+declare const ResultWithChips: ({ chips, className, ...rest }: ResultWithChipsProps) => import("react/jsx-runtime").JSX.Element;
 export { ResultWithChips };

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,32 +1,29 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { C as t } from "../../Toggle-SlvGYQKW.js";
-import '../../assets/ResultWithChips.css';const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
-  container: r,
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { c as s } from "../../clsx-OuTLNxxd.js";
+import { C as i } from "../../Toggle-SlvGYQKW.js";
+import { ResultContainer as o } from "../ResultContainer/ResultContainer.js";
+import '../../assets/ResultWithChips.css';const h = "_container_hgp0p_1", n = {
+  container: h,
   "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",
-  label: o,
-  "chips-container": "_chips-container_hgp0p_35",
   "chip-content": "_chip-content_hgp0p_42",
   "chip-label": "_chip-label_hgp0p_51"
-}, b = ({ chips: c, title: p, className: s, ...h }) => /* @__PURE__ */ i("div", { ...h, className: [a.container, s || ""].join(" ").trim(), children: [
-  /* @__PURE__ */ e("span", { className: a.label, children: p }),
-  /* @__PURE__ */ e("div", { className: a["chips-container"], "data-testid": "chips-container", children: c.map((l, n) => /* @__PURE__ */ i("span", { className: a["chip-item-wrapper"], children: [
-    /* @__PURE__ */ e(
-      t,
-      {
-        ...l,
-        label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: typeof l.label == "string" ? /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.label }) : l.label })
-      },
-      `chip-${n}`
-    ),
-    l.joinLabel && n < c.length - 1 && /* @__PURE__ */ e(
-      t,
-      {
-        label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.joinLabel }) })
-      },
-      `join-${n}`
-    )
-  ] }, `full-chip-${n}`)) })
-] });
+}, d = ({ chips: t, className: p, ...c }) => /* @__PURE__ */ e(o, { ...c, className: s(n.container, p), title: c.title, children: t.map((l, a) => /* @__PURE__ */ r("span", { className: n["chip-item-wrapper"], children: [
+  /* @__PURE__ */ e(
+    i,
+    {
+      ...l,
+      label: /* @__PURE__ */ e("span", { className: n["chip-content"], children: typeof l.label == "string" ? /* @__PURE__ */ e("strong", { className: n["chip-label"], children: l.label }) : l.label })
+    },
+    `chip-${a}`
+  ),
+  l.joinLabel && a < t.length - 1 && /* @__PURE__ */ e(
+    i,
+    {
+      label: /* @__PURE__ */ e("span", { className: n["chip-content"], children: /* @__PURE__ */ e("strong", { className: n["chip-label"], children: l.joinLabel }) })
+    },
+    `join-${a}`
+  )
+] }, `full-chip-${a}`)) });
 export {
-  b as ResultWithChips
+  d as ResultWithChips
 };

package/dist/components/ResultWithChips/ResultWithChips.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ResultWithChips/ResultWithChips.stories.d.ts

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react';
+import { ChipProps } from '../../main';
+declare const meta: {
+    title: string;
+    component: ({ chips, className, ...rest }: {
+        chips: (Partial<ChipProps> & {
+            joinLabel?: import('react').ReactNode;
+            key?: string | undefined;
+        })[];
+        title: string;
+        className?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        chips: (Partial<ChipProps> & {
+            joinLabel?: import('react').ReactNode;
+            key?: string | undefined;
+        })[];
+        title: string;
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ResultWithChipsSimple: Story;
+export declare const ResultWithChipsAndJoinLabel: Story;

package/dist/main.d.ts

@@ -29,6 +29,7 @@ export * from './components/PageHeader/PageHeader';
 export * from './components/Pagination/Pagination';
 export * from './components/Popover/Popover';
 export * from './components/RadioButton/RadioButton';
+export * from './components/ResultContainer/ResultContainer';
 export * from './components/ResultWithChips/ResultWithChips';
 export * from './components/RowItem/RowItem';
 export * from './components/Select/Select';

package/dist/main.js

@@ -8,11 +8,11 @@ import { BankCard as c } from "./components/BankCard/BankCard.js";
 import { Button as u } from "./components/Button/Button.js";
 import { Calendar as b } from "./components/Calendar/Calendar.js";
 import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
-import { C, R as k, T as D } from "./Toggle-SlvGYQKW.js";
+import { C as I, R as k, T as D } from "./Toggle-SlvGYQKW.js";
 import { ConfirmationDialog as v } from "./components/ConfirmationDialog/ConfirmationDialog.js";
 import "./components/DatePicker/DatePicker.js";
 import { Description as P } from "./components/Description/Description.js";
-import { Dialog as R } from "./components/Dialog/Dialog.js";
+import { Dialog as w } from "./components/Dialog/Dialog.js";
 import { Draggable as E } from "./components/Draggable/Draggable.js";
 import { EllipsisTooltip as M } from "./components/EllipsisTooltip/EllipsisTooltip.js";
 import { Fieldset as H } from "./components/Fieldset/Fieldset.js";
@@ -25,36 +25,37 @@ import { PageHeader as X } from "./components/PageHeader/PageHeader.js";
 import { Pagination as Z, paginationDefaultTranslations as _ } from "./components/Pagination/Pagination.js";
 import { Popover as oo } from "./components/Popover/Popover.js";
 import { RadioButton as eo } from "./components/RadioButton/RadioButton.js";
-import { ResultWithChips as po } from "./components/ResultWithChips/ResultWithChips.js";
-import { Select as mo, SelectContext as fo, SelectOption as xo, useSelectContext as lo } from "./components/Select/Select.js";
-import { Skeleton as io, SkeletonCircle as so, SkeletonTable as To } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as co } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as So, sortTooltipDefaultTranslations as bo } from "./components/SortTooltip/SortTooltip.js";
-import { Stepper as Bo } from "./components/Stepper/Stepper.js";
-import { StepperNavigator as Co } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as Do, THead as ho, Table as vo, Td as Ao, Th as Po, Tr as wo } from "./components/Table/Table.js";
-import { Tabs as Oo } from "./components/Tabs/Tabs.js";
-import { Tag as Go } from "./components/Tag/Tag.js";
-import { TextDisplay as No } from "./components/TextDisplay/TextDisplay.js";
-import { ToastCard as Ko } from "./components/ToastCard/ToastCard.js";
-import { Toggle as Fo } from "./components/Toggle/Toggle.js";
-import { G as Wo } from "./Group-DJz1rK2n.js";
-import { Tooltip as qo } from "./components/Tooltip/Tooltip.js";
-import { TransactionRow as Jo } from "./components/TransactionRow/TransactionRow.js";
-import { Text as Uo, Typography as Xo } from "./components/Typography/Typography.js";
-import { DraggableProvider as Zo } from "./contexts/DraggableProvider/DraggableProvider.js";
-import { SnackbarContext as $o, SnackbarProvider as or, useSnackbar as rr } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { replaceItemsByIndex as tr, replaceItemsByKey as pr, sortItemsByIndex as ar, sortItemsByKey as mr } from "./utils/draggable.js";
-import { iconsList as xr } from "./utils/iconsList.js";
-import { allowOnlyIntegerNumbers as nr, allowOnlyMathSignals as ir, allowOnlyNumbers as sr, formatDecimalValue as Tr, parseToInteger as gr } from "./utils/inputNumberAsText.js";
-import { bemify as dr, getBEMBase as ur, getBEMBlock as Sr } from "./utils/styleStrings.js";
-import { default as yr } from "./components/Dialog/DialogTitle.js";
-import { default as Ir } from "./components/Dialog/Content.js";
-import { default as kr } from "./components/Dialog/Actions.js";
-import { Tab as hr } from "./components/Tabs/Tab.js";
-import { TabPanel as Ar } from "./components/Tabs/TabPanel.js";
+import { ResultContainer as po } from "./components/ResultContainer/ResultContainer.js";
+import { ResultWithChips as mo } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as xo, SelectContext as lo, SelectOption as no, useSelectContext as io } from "./components/Select/Select.js";
+import { Skeleton as To, SkeletonCircle as go, SkeletonTable as co } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as So } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as yo, sortTooltipDefaultTranslations as Bo } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as Io } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as Do } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as vo, THead as Ao, Table as Po, Td as Ro, Th as wo, Tr as Oo } from "./components/Table/Table.js";
+import { Tabs as Go } from "./components/Tabs/Tabs.js";
+import { Tag as No } from "./components/Tag/Tag.js";
+import { TextDisplay as Ko } from "./components/TextDisplay/TextDisplay.js";
+import { ToastCard as Fo } from "./components/ToastCard/ToastCard.js";
+import { Toggle as Wo } from "./components/Toggle/Toggle.js";
+import { G as qo } from "./Group-DJz1rK2n.js";
+import { Tooltip as Jo } from "./components/Tooltip/Tooltip.js";
+import { TransactionRow as Uo } from "./components/TransactionRow/TransactionRow.js";
+import { Text as Yo, Typography as Zo } from "./components/Typography/Typography.js";
+import { DraggableProvider as $o } from "./contexts/DraggableProvider/DraggableProvider.js";
+import { SnackbarContext as rr, SnackbarProvider as er, useSnackbar as tr } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { replaceItemsByIndex as ar, replaceItemsByKey as mr, sortItemsByIndex as fr, sortItemsByKey as xr } from "./utils/draggable.js";
+import { iconsList as nr } from "./utils/iconsList.js";
+import { allowOnlyIntegerNumbers as sr, allowOnlyMathSignals as Tr, allowOnlyNumbers as gr, formatDecimalValue as cr, parseToInteger as dr } from "./utils/inputNumberAsText.js";
+import { bemify as Sr, getBEMBase as br, getBEMBlock as yr } from "./utils/styleStrings.js";
+import { default as Cr } from "./components/Dialog/DialogTitle.js";
+import { default as kr } from "./components/Dialog/Content.js";
+import { default as hr } from "./components/Dialog/Actions.js";
+import { Tab as Ar } from "./components/Tabs/Tab.js";
+import { TabPanel as Rr } from "./components/Tabs/TabPanel.js";
 export {
-  kr as Actions,
+  hr as Actions,
   t as Adornment,
   a as Advice,
   f as Alert,
@@ -65,14 +66,14 @@ export {
   u as Button,
   b as Calendar,
   B as Checkbox,
-  C as Chip,
+  I as Chip,
   v as ConfirmationDialog,
-  Ir as Content,
+  kr as Content,
   P as Description,
-  R as Dialog,
-  yr as DialogTitle,
+  w as Dialog,
+  Cr as DialogTitle,
   E as Draggable,
-  Zo as DraggableProvider,
+  $o as DraggableProvider,
   M as EllipsisTooltip,
   H as Fieldset,
   L as Icon,
@@ -84,54 +85,55 @@ export {
   Z as Pagination,
   oo as Popover,
   eo as RadioButton,
-  po as ResultWithChips,
+  po as ResultContainer,
+  mo as ResultWithChips,
   k as RowItem,
-  mo as Select,
-  fo as SelectContext,
-  xo as SelectOption,
-  io as Skeleton,
-  so as SkeletonCircle,
-  To as SkeletonTable,
-  co as Snackbar,
-  $o as SnackbarContext,
-  or as SnackbarProvider,
-  So as SortTooltip,
-  Bo as Stepper,
-  Co as StepperNavigator,
-  Do as TBody,
-  ho as THead,
-  hr as Tab,
-  Ar as TabPanel,
-  vo as Table,
-  Oo as Tabs,
-  Go as Tag,
-  Ao as Td,
-  Uo as Text,
-  No as TextDisplay,
-  Po as Th,
-  Ko as ToastCard,
-  Fo as Toggle,
-  Wo as ToggleGroup,
+  xo as Select,
+  lo as SelectContext,
+  no as SelectOption,
+  To as Skeleton,
+  go as SkeletonCircle,
+  co as SkeletonTable,
+  So as Snackbar,
+  rr as SnackbarContext,
+  er as SnackbarProvider,
+  yo as SortTooltip,
+  Io as Stepper,
+  Do as StepperNavigator,
+  vo as TBody,
+  Ao as THead,
+  Ar as Tab,
+  Rr as TabPanel,
+  Po as Table,
+  Go as Tabs,
+  No as Tag,
+  Ro as Td,
+  Yo as Text,
+  Ko as TextDisplay,
+  wo as Th,
+  Fo as ToastCard,
+  Wo as Toggle,
+  qo as ToggleGroup,
   D as ToggleGroupItem,
-  qo as Tooltip,
-  wo as Tr,
-  Jo as TransactionRow,
-  Xo as Typography,
-  nr as allowOnlyIntegerNumbers,
-  ir as allowOnlyMathSignals,
-  sr as allowOnlyNumbers,
-  dr as bemify,
-  Tr as formatDecimalValue,
-  ur as getBEMBase,
-  Sr as getBEMBlock,
-  xr as iconsList,
+  Jo as Tooltip,
+  Oo as Tr,
+  Uo as TransactionRow,
+  Zo as Typography,
+  sr as allowOnlyIntegerNumbers,
+  Tr as allowOnlyMathSignals,
+  gr as allowOnlyNumbers,
+  Sr as bemify,
+  cr as formatDecimalValue,
+  br as getBEMBase,
+  yr as getBEMBlock,
+  nr as iconsList,
   _ as paginationDefaultTranslations,
-  gr as parseToInteger,
-  tr as replaceItemsByIndex,
-  pr as replaceItemsByKey,
-  ar as sortItemsByIndex,
-  mr as sortItemsByKey,
-  bo as sortTooltipDefaultTranslations,
-  lo as useSelectContext,
-  rr as useSnackbar
+  dr as parseToInteger,
+  ar as replaceItemsByIndex,
+  mr as replaceItemsByKey,
+  fr as sortItemsByIndex,
+  xr as sortItemsByKey,
+  Bo as sortTooltipDefaultTranslations,
+  io as useSelectContext,
+  tr as useSnackbar
 };