@televet/kibble-ui 4.0.0-beta.30 → 4.0.0-beta.31

package/dist/chunks/sortableList.component-C0TkrJ1w.js

@@ -1,145 +0,0 @@
-import { x as t } from "./vendor-CRIhG-7s.js";
-import { createContext as v, useContext as j, useMemo as S, useState as C } from "react";
-import { u as D, a as h, C as y, b as I, c as m, D as L, S as N, d as A, e as E, f as P, s as R, K as _, P as k } from "./dnd-B2xPQNV1.js";
-import { B as z } from "./button.component-D2oz1NlP.js";
-import { W as K } from "./text.component-BqLgdeLf.js";
-import { bz as T, F as B, bA as F } from "./chakra-CM93-d7A.js";
-const g = v({
-  attributes: void 0,
-  listeners: void 0,
-  ref() {
-  }
-}), M = ({
-  ...a
-}) => {
-  const { attributes: e, listeners: r, ref: i } = j(g), o = D();
-  return /* @__PURE__ */ t.jsx(
-    z,
-    {
-      className: "SortableList__DragHandle",
-      "data-testid": "kibble-sortable-list-drag-handle",
-      ref: i,
-      cursor: o.activatorEvent ? "grabbing" : "grab",
-      iconName: "grid",
-      size: "sm",
-      variant: "ghostNeutral",
-      ...e,
-      ...r,
-      ...a
-    }
-  );
-}, u = ({
-  content: a,
-  hideHandle: e,
-  id: r,
-  itemProps: i
-}) => {
-  const {
-    attributes: o,
-    isDragging: l,
-    listeners: n,
-    setNodeRef: c,
-    setActivatorNodeRef: b,
-    transform: s,
-    transition: d
-  } = h({
-    id: r
-  }), x = S(
-    () => ({
-      attributes: o,
-      listeners: n,
-      ref: b
-    }),
-    [o, n, b]
-  );
-  return /* @__PURE__ */ t.jsx(g.Provider, { value: x, children: /* @__PURE__ */ t.jsx(
-    T,
-    {
-      className: "SortableList__Item",
-      "data-testid": "kibble-sortable-list-item",
-      ref: c,
-      ...i,
-      listStyleType: "none",
-      ...l && { opacity: 0.4 },
-      transition: d,
-      transform: y.Translate.toString(s),
-      children: /* @__PURE__ */ t.jsxs(B, { alignItems: "center", gap: 2, width: "100%", children: [
-        !e && /* @__PURE__ */ t.jsx(M, {}),
-        typeof a == "string" ? /* @__PURE__ */ t.jsx(K, { size: "sm", children: a }) : a
-      ] })
-    }
-  ) });
-}, Q = ({
-  hideHandle: a = !1,
-  items: e,
-  itemsProps: r,
-  onChange: i,
-  ...o
-}) => {
-  const [l, n] = C(null), c = S(
-    () => e.find((s) => s.id === l?.id),
-    [l, e]
-  ), b = I(
-    m(k),
-    m(_, {
-      coordinateGetter: R
-    })
-  );
-  return /* @__PURE__ */ t.jsx(
-    L,
-    {
-      sensors: b,
-      onDragStart: ({ active: s }) => {
-        n(s);
-      },
-      onDragEnd: ({ active: s, over: d }) => {
-        if (d && s.id !== d?.id) {
-          const x = e.findIndex(({ id: f }) => f === s.id), p = e.findIndex(({ id: f }) => f === d.id);
-          i(P(e, x, p));
-        }
-        n(null);
-      },
-      onDragCancel: () => n(null),
-      children: /* @__PURE__ */ t.jsx(N, { items: e, children: /* @__PURE__ */ t.jsxs(
-        F,
-        {
-          className: "SortableList",
-          "data-testid": "kibble-sortable-list",
-          gap: 2,
-          ...o,
-          children: [
-            e.map((s) => /* @__PURE__ */ t.jsx(
-              u,
-              {
-                ...s,
-                itemProps: r,
-                hideHandle: a
-              },
-              s.id
-            )),
-            c && /* @__PURE__ */ t.jsx(A, { dropAnimation: W, children: /* @__PURE__ */ t.jsx(
-              u,
-              {
-                ...c,
-                itemProps: r,
-                hideHandle: a
-              }
-            ) })
-          ]
-        }
-      ) })
-    }
-  );
-}, W = {
-  sideEffects: E({
-    styles: {
-      active: {
-        opacity: "0.4"
-      }
-    }
-  })
-};
-export {
-  Q as S
-};
-//# sourceMappingURL=sortableList.component-C0TkrJ1w.js.map

package/dist/chunks/sortableList.component-C0TkrJ1w.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sortableList.component-C0TkrJ1w.js","sources":["../../src/components/SortableList/components/SortableListItem/sortableListItem.context.ts","../../src/components/SortableList/components/SortableListDragHandle/sortableListDragHandle.component.tsx","../../src/components/SortableList/components/SortableListItem/sortableListItem.component.tsx","../../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import {\n  DraggableAttributes,\n  DraggableSyntheticListeners,\n} from \"@dnd-kit/core/dist/hooks/useDraggable\";\nimport { createContext } from \"react\";\n\ninterface Context {\n  attributes?: DraggableAttributes;\n  listeners: DraggableSyntheticListeners;\n  ref(node: HTMLElement | null): void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n  attributes: undefined,\n  listeners: undefined,\n  ref() {},\n});\n","import React, { useContext } from \"react\";\n\nimport { useDndContext } from \"@dnd-kit/core\";\nimport { Button, ButtonProps } from \"../../../Button/button.component\";\nimport { SortableItemContext } from \"../SortableListItem/sortableListItem.context\";\n\nexport const SortableListDragHandle = ({\n  ...rest\n}: ButtonProps): React.JSX.Element => {\n  const { attributes, listeners, ref } = useContext(SortableItemContext);\n  const dndContext = useDndContext();\n\n  return (\n    <Button\n      className=\"SortableList__DragHandle\"\n      data-testid=\"kibble-sortable-list-drag-handle\"\n      ref={ref}\n      cursor={dndContext.activatorEvent ? \"grabbing\" : \"grab\"}\n      iconName=\"grid\"\n      size=\"sm\"\n      variant=\"ghostNeutral\"\n      {...attributes}\n      {...listeners}\n      {...rest}\n    />\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport { UniqueIdentifier } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SortableItemContext } from \"./sortableListItem.context\";\nimport { SortableListDragHandle } from \"../SortableListDragHandle/sortableListDragHandle.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface SortableListItemProps {\n  content: React.ReactNode;\n  id: UniqueIdentifier;\n}\n\ninterface InternalSortableListItemProps extends SortableListItemProps {\n  hideHandle?: boolean;\n  itemProps?: Omit<List.ItemProps, \"id\" | \"content\">;\n}\n\nexport const SortableListItem = ({\n  content,\n  hideHandle,\n  id,\n  itemProps,\n}: InternalSortableListItemProps): React.JSX.Element => {\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setNodeRef,\n    setActivatorNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id,\n  });\n\n  const context = useMemo(\n    () => ({\n      attributes,\n      listeners,\n      ref: setActivatorNodeRef,\n    }),\n    [attributes, listeners, setActivatorNodeRef],\n  );\n\n  return (\n    <SortableItemContext.Provider value={context}>\n      <List.Item\n        className=\"SortableList__Item\"\n        data-testid=\"kibble-sortable-list-item\"\n        ref={setNodeRef}\n        {...itemProps}\n        listStyleType=\"none\"\n        {...(isDragging && { opacity: 0.4 })}\n        transition={transition}\n        transform={CSS.Translate.toString(transform)}\n      >\n        <Flex alignItems=\"center\" gap={2} width=\"100%\">\n          {!hideHandle && <SortableListDragHandle />}\n          {typeof content === \"string\" ? (\n            <Text size=\"sm\">{content}</Text>\n          ) : (\n            content\n          )}\n        </Flex>\n      </List.Item>\n    </SortableItemContext.Provider>\n  );\n};\n","import React, { useMemo, useState } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport {\n  defaultDropAnimationSideEffects,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport type { Active, DropAnimation } from \"@dnd-kit/core\";\nimport {\n  SortableContext,\n  arrayMove,\n  sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\nimport {\n  SortableListItem,\n  SortableListItemProps,\n} from \"./components/SortableListItem/sortableListItem.component\";\n\nexport interface SortableListProps extends Omit<List.RootProps, \"onChange\"> {\n  hideHandle?: boolean;\n  items: SortableListItemProps[];\n  itemsProps?: Omit<List.ItemProps, \"id\" | \"content\">;\n  onChange(items: SortableListItemProps[]): void;\n}\n\nexport const SortableList = ({\n  hideHandle = false,\n  items,\n  itemsProps,\n  onChange,\n  ...rest\n}: SortableListProps): React.JSX.Element => {\n  const [active, setActive] = useState<Active | null>(null);\n  const activeItem = useMemo(\n    () => items.find((item) => item.id === active?.id),\n    [active, items],\n  );\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={({ active }): void => {\n        setActive(active);\n      }}\n      onDragEnd={({ active, over }): void => {\n        if (over && active.id !== over?.id) {\n          const activeIndex = items.findIndex(({ id }) => id === active.id);\n          const overIndex = items.findIndex(({ id }) => id === over.id);\n\n          onChange(arrayMove(items, activeIndex, overIndex));\n        }\n        setActive(null);\n      }}\n      onDragCancel={(): void => setActive(null)}\n    >\n      <SortableContext items={items}>\n        <List.Root\n          className=\"SortableList\"\n          data-testid=\"kibble-sortable-list\"\n          gap={2}\n          {...rest}\n        >\n          {items.map((item) => (\n            <SortableListItem\n              key={item.id}\n              {...item}\n              itemProps={itemsProps}\n              hideHandle={hideHandle}\n            />\n          ))}\n\n          {activeItem && (\n            <DragOverlay dropAnimation={dropAnimationConfig}>\n              <SortableListItem\n                {...activeItem}\n                itemProps={itemsProps}\n                hideHandle={hideHandle}\n              />\n            </DragOverlay>\n          )}\n        </List.Root>\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nconst dropAnimationConfig: DropAnimation = {\n  sideEffects: defaultDropAnimationSideEffects({\n    styles: {\n      active: {\n        opacity: \"0.4\",\n      },\n    },\n  }),\n};\n"],"names":["SortableItemContext","createContext","SortableListDragHandle","rest","attributes","listeners","ref","useContext","dndContext","useDndContext","jsx","Button","SortableListItem","content","hideHandle","id","itemProps","isDragging","setNodeRef","setActivatorNodeRef","transform","transition","useSortable","context","useMemo","List.Item","CSS","Flex","Text","SortableList","items","itemsProps","onChange","active","setActive","useState","activeItem","item","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","over","activeIndex","overIndex","arrayMove","SortableContext","jsxs","List.Root","DragOverlay","dropAnimationConfig","defaultDropAnimationSideEffects"],"mappings":"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"}

package/dist/chunks/sortableList.component-qsHXIcpT.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./vendor-DcKGwQlH.js"),c=require("react"),t=require("./dnd-Whsk3gIz.js"),v=require("./button.component-C0WP_LB_.js"),E=require("./text.component-BEmVrJQy.js"),j=require("./chakra-C0NbsW66.js"),g=c.createContext({attributes:void 0,listeners:void 0,ref(){}}),R=({...n})=>{const{attributes:s,listeners:o,ref:d}=c.useContext(g),i=t.useDndContext();return e.jsxRuntimeExports.jsx(v.Button,{className:"SortableList__DragHandle","data-testid":"kibble-sortable-list-drag-handle",ref:d,cursor:i.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",...s,...o,...n})},S=({content:n,hideHandle:s,id:o,itemProps:d})=>{const{attributes:i,isDragging:x,listeners:a,setNodeRef:u,setActivatorNodeRef:b,transform:r,transition:l}=t.useSortable({id:o}),m=c.useMemo(()=>({attributes:i,listeners:a,ref:b}),[i,a,b]);return e.jsxRuntimeExports.jsx(g.Provider,{value:m,children:e.jsxRuntimeExports.jsx(j.ListItem,{className:"SortableList__Item","data-testid":"kibble-sortable-list-item",ref:u,...d,listStyleType:"none",...x&&{opacity:.4},transition:l,transform:t.CSS.Translate.toString(r),children:e.jsxRuntimeExports.jsxs(j.Flex,{alignItems:"center",gap:2,width:"100%",children:[!s&&e.jsxRuntimeExports.jsx(R,{}),typeof n=="string"?e.jsxRuntimeExports.jsx(E.WrappedText,{size:"sm",children:n}):n]})})})},h=({hideHandle:n=!1,items:s,itemsProps:o,onChange:d,...i})=>{const[x,a]=c.useState(null),u=c.useMemo(()=>s.find(r=>r.id===x?.id),[x,s]),b=t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:t.sortableKeyboardCoordinates}));return e.jsxRuntimeExports.jsx(t.DndContext,{sensors:b,onDragStart:({active:r})=>{a(r)},onDragEnd:({active:r,over:l})=>{if(l&&r.id!==l?.id){const m=s.findIndex(({id:p})=>p===r.id),f=s.findIndex(({id:p})=>p===l.id);d(t.arrayMove(s,m,f))}a(null)},onDragCancel:()=>a(null),children:e.jsxRuntimeExports.jsx(t.SortableContext,{items:s,children:e.jsxRuntimeExports.jsxs(j.ListRoot,{className:"SortableList","data-testid":"kibble-sortable-list",gap:2,...i,children:[s.map(r=>e.jsxRuntimeExports.jsx(S,{...r,itemProps:o,hideHandle:n},r.id)),u&&e.jsxRuntimeExports.jsx(t.DragOverlay,{dropAnimation:C,children:e.jsxRuntimeExports.jsx(S,{...u,itemProps:o,hideHandle:n})})]})})})},C={sideEffects:t.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.4"}}})};exports.SortableList=h;
-//# sourceMappingURL=sortableList.component-qsHXIcpT.js.map

package/dist/chunks/sortableList.component-qsHXIcpT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sortableList.component-qsHXIcpT.js","sources":["../../src/components/SortableList/components/SortableListItem/sortableListItem.context.ts","../../src/components/SortableList/components/SortableListDragHandle/sortableListDragHandle.component.tsx","../../src/components/SortableList/components/SortableListItem/sortableListItem.component.tsx","../../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import {\n  DraggableAttributes,\n  DraggableSyntheticListeners,\n} from \"@dnd-kit/core/dist/hooks/useDraggable\";\nimport { createContext } from \"react\";\n\ninterface Context {\n  attributes?: DraggableAttributes;\n  listeners: DraggableSyntheticListeners;\n  ref(node: HTMLElement | null): void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n  attributes: undefined,\n  listeners: undefined,\n  ref() {},\n});\n","import React, { useContext } from \"react\";\n\nimport { useDndContext } from \"@dnd-kit/core\";\nimport { Button, ButtonProps } from \"../../../Button/button.component\";\nimport { SortableItemContext } from \"../SortableListItem/sortableListItem.context\";\n\nexport const SortableListDragHandle = ({\n  ...rest\n}: ButtonProps): React.JSX.Element => {\n  const { attributes, listeners, ref } = useContext(SortableItemContext);\n  const dndContext = useDndContext();\n\n  return (\n    <Button\n      className=\"SortableList__DragHandle\"\n      data-testid=\"kibble-sortable-list-drag-handle\"\n      ref={ref}\n      cursor={dndContext.activatorEvent ? \"grabbing\" : \"grab\"}\n      iconName=\"grid\"\n      size=\"sm\"\n      variant=\"ghostNeutral\"\n      {...attributes}\n      {...listeners}\n      {...rest}\n    />\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport { UniqueIdentifier } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SortableItemContext } from \"./sortableListItem.context\";\nimport { SortableListDragHandle } from \"../SortableListDragHandle/sortableListDragHandle.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface SortableListItemProps {\n  content: React.ReactNode;\n  id: UniqueIdentifier;\n}\n\ninterface InternalSortableListItemProps extends SortableListItemProps {\n  hideHandle?: boolean;\n  itemProps?: Omit<List.ItemProps, \"id\" | \"content\">;\n}\n\nexport const SortableListItem = ({\n  content,\n  hideHandle,\n  id,\n  itemProps,\n}: InternalSortableListItemProps): React.JSX.Element => {\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setNodeRef,\n    setActivatorNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id,\n  });\n\n  const context = useMemo(\n    () => ({\n      attributes,\n      listeners,\n      ref: setActivatorNodeRef,\n    }),\n    [attributes, listeners, setActivatorNodeRef],\n  );\n\n  return (\n    <SortableItemContext.Provider value={context}>\n      <List.Item\n        className=\"SortableList__Item\"\n        data-testid=\"kibble-sortable-list-item\"\n        ref={setNodeRef}\n        {...itemProps}\n        listStyleType=\"none\"\n        {...(isDragging && { opacity: 0.4 })}\n        transition={transition}\n        transform={CSS.Translate.toString(transform)}\n      >\n        <Flex alignItems=\"center\" gap={2} width=\"100%\">\n          {!hideHandle && <SortableListDragHandle />}\n          {typeof content === \"string\" ? (\n            <Text size=\"sm\">{content}</Text>\n          ) : (\n            content\n          )}\n        </Flex>\n      </List.Item>\n    </SortableItemContext.Provider>\n  );\n};\n","import React, { useMemo, useState } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport {\n  defaultDropAnimationSideEffects,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport type { Active, DropAnimation } from \"@dnd-kit/core\";\nimport {\n  SortableContext,\n  arrayMove,\n  sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\nimport {\n  SortableListItem,\n  SortableListItemProps,\n} from \"./components/SortableListItem/sortableListItem.component\";\n\nexport interface SortableListProps extends Omit<List.RootProps, \"onChange\"> {\n  hideHandle?: boolean;\n  items: SortableListItemProps[];\n  itemsProps?: Omit<List.ItemProps, \"id\" | \"content\">;\n  onChange(items: SortableListItemProps[]): void;\n}\n\nexport const SortableList = ({\n  hideHandle = false,\n  items,\n  itemsProps,\n  onChange,\n  ...rest\n}: SortableListProps): React.JSX.Element => {\n  const [active, setActive] = useState<Active | null>(null);\n  const activeItem = useMemo(\n    () => items.find((item) => item.id === active?.id),\n    [active, items],\n  );\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={({ active }): void => {\n        setActive(active);\n      }}\n      onDragEnd={({ active, over }): void => {\n        if (over && active.id !== over?.id) {\n          const activeIndex = items.findIndex(({ id }) => id === active.id);\n          const overIndex = items.findIndex(({ id }) => id === over.id);\n\n          onChange(arrayMove(items, activeIndex, overIndex));\n        }\n        setActive(null);\n      }}\n      onDragCancel={(): void => setActive(null)}\n    >\n      <SortableContext items={items}>\n        <List.Root\n          className=\"SortableList\"\n          data-testid=\"kibble-sortable-list\"\n          gap={2}\n          {...rest}\n        >\n          {items.map((item) => (\n            <SortableListItem\n              key={item.id}\n              {...item}\n              itemProps={itemsProps}\n              hideHandle={hideHandle}\n            />\n          ))}\n\n          {activeItem && (\n            <DragOverlay dropAnimation={dropAnimationConfig}>\n              <SortableListItem\n                {...activeItem}\n                itemProps={itemsProps}\n                hideHandle={hideHandle}\n              />\n            </DragOverlay>\n          )}\n        </List.Root>\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nconst dropAnimationConfig: DropAnimation = {\n  sideEffects: defaultDropAnimationSideEffects({\n    styles: {\n      active: {\n        opacity: \"0.4\",\n      },\n    },\n  }),\n};\n"],"names":["SortableItemContext","createContext","SortableListDragHandle","rest","attributes","listeners","ref","useContext","dndContext","useDndContext","jsx","Button","SortableListItem","content","hideHandle","id","itemProps","isDragging","setNodeRef","setActivatorNodeRef","transform","transition","useSortable","context","useMemo","List.Item","CSS","Flex","Text","SortableList","items","itemsProps","onChange","active","setActive","useState","activeItem","item","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","over","activeIndex","overIndex","arrayMove","SortableContext","jsxs","List.Root","DragOverlay","dropAnimationConfig","defaultDropAnimationSideEffects"],"mappings":"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"}

package/dist/chunks/spinner.component-BOvFHPif.js

@@ -1,2 +0,0 @@
-"use strict";const r=require("./vendor-DcKGwQlH.js"),c=require("./text.component-BEmVrJQy.js"),n=require("./typography-CtiaGoJG.js"),e=require("./chakra-C0NbsW66.js"),S=["root","spinner","label"],d={xs:{spinner:{h:3,w:3},label:{fontSize:"xs"}},sm:{spinner:{h:4,w:4},label:{fontSize:"sm"}},md:{spinner:{h:6,w:6,"--spinner-size":6},label:{fontSize:"md"}},lg:{spinner:{h:8,w:8},label:{fontSize:"lg"}},xl:{spinner:{h:12,w:12},label:{fontSize:"xl"}}},h={accent:{spinner:n.typographyVariantStyles.accent},accentSubtle:{spinner:n.typographyVariantStyles.accentSubtle},brand:{spinner:n.typographyVariantStyles.brand},brandOnContrast:{spinner:n.typographyVariantStyles.brandOnContrast},danger:{spinner:n.typographyVariantStyles.danger},dangerOnContrast:{spinner:n.typographyVariantStyles.dangerOnContrast},default:{spinner:n.typographyVariantStyles.default},info:{spinner:n.typographyVariantStyles.info},interactive:{spinner:n.typographyVariantStyles.interactive},interactiveOnContrast:{spinner:n.typographyVariantStyles.interactiveOnContrast},onContrast:{spinner:n.typographyVariantStyles.onContrast},placeholder:{spinner:n.typographyVariantStyles.placeholder},placeholderOnContrast:{spinner:n.typographyVariantStyles.placeholderOnContrast},subtle:{spinner:n.typographyVariantStyles.subtle},subtleOnContrast:{spinner:n.typographyVariantStyles.subtleOnContrast},success:{spinner:n.typographyVariantStyles.success},warning:{spinner:n.typographyVariantStyles.warning}},g=e.defineSlotRecipe({slots:S,base:{root:{alignItems:"center",justifyContent:"center"}},variants:{variant:h,size:d,fullScreen:{true:{root:{h:"100%",left:0,top:0,position:"absolute",w:"100%",zIndex:"tooltipExtra"}},false:{root:{h:"max-content",w:"max-content"}}}},defaultVariants:{fullScreen:!1,size:"md",variant:"brand"}}),b=({backdropColor:s="background.alpha.pressed",fullScreen:a=!1,label:i="Loading...",labelProps:p,showLabel:o=!1,size:l="md",variant:y="accent"})=>{const t=e.useSlotRecipe({recipe:g})({variant:y,size:l,fullScreen:a});return r.jsxRuntimeExports.jsxs(e.VStack,{className:"Spinner","data-testid":"kibble-spinner",css:t.root,...a&&{bg:s},children:[r.jsxRuntimeExports.jsx(e.Spinner,{css:t.spinner}),o&&r.jsxRuntimeExports.jsx(c.WrappedText,{as:"p",className:"Spinner__Label","data-testid":"kibble-spinner-label",variant:"subtle",css:t.label,...p,children:i})]})};exports.Spinner=b;
-//# sourceMappingURL=spinner.component-BOvFHPif.js.map

package/dist/chunks/styledAvatar.types-PT4EAuEp.js

@@ -1,2 +0,0 @@
-"use strict";const c=require("./vendor-DcKGwQlH.js"),p=require("./avatar.component-CRJ7JH0g.js"),d=({type:l="Client",...e})=>{const{name:o,tooltipProps:t={placement:"top",...e.tooltipProps},onClick:s}=e,n={variant:"outlineYellow",tooltipProps:{...t,label:t?.label||`${o} (Test Client)`}},r={iconName:"cellphone",tooltipProps:{...t,label:t?.label||`Text messages sent from ${o||"unknown number"}`}},i={Automated:{iconName:"robot",backgroundColor:"background.primary",hideBorder:!0,color:"text.contrast",size:"sm",showTooltip:!1,cursor:"default"},Client:{},Clinic:{variant:"outlineAccent",name:o||"Sys"},SMS:r,TestClient:n};return c.jsxRuntimeExports.jsx(p.Avatar,{className:"StyledAvatar","data-testid":`kibble-styled-avatar-${l}`,onClick:a=>{a.stopPropagation(),s&&s(a)},...e,...i[l]})},m=["Client","SMS","TestClient","Automated","Clinic"];exports.StyledAvatar=d;exports.styledAvatarTypes=m;
-//# sourceMappingURL=styledAvatar.types-PT4EAuEp.js.map

package/dist/chunks/switch.component-B3FklslV.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-DcKGwQlH.js"),c=require("react"),l=require("./withFormControl-uSeX61J8.js"),i=require("./chakra-C0NbsW66.js"),w=l.withFormControl(({children:e,indeterminate:s=!1,onContrast:r,label:d,size:n="md",switchRef:o,...u})=>{const h=c.useMemo(()=>s?r?"indeterminateOnContrast":"indeterminate":r?"onContrast":"default",[s,r]);return t.jsxRuntimeExports.jsxs(i.SwitchRoot,{className:"Switch","data-testid":"kibble-switch",ref:o,size:n,variant:h,...u,children:[t.jsxRuntimeExports.jsx(i.SwitchHiddenInput,{className:"Switch_Input","data-testid":"kibble-switch-input"}),t.jsxRuntimeExports.jsx(i.SwitchControl,{className:"Switch_Control","data-testid":"kibble-switch-control"}),!!e&&t.jsxRuntimeExports.jsx(i.SwitchLabel,{children:e})]})}),a=c.forwardRef((e,s)=>t.jsxRuntimeExports.jsx(w,{switchRef:s,...e}));a.displayName="Switch";exports.WrappedSwitch=a;
-//# sourceMappingURL=switch.component-B3FklslV.js.map

package/dist/chunks/switch.component-B3FklslV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch.component-B3FklslV.js","sources":["../../src/components/Switch/switch.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useMemo } from \"react\";\nimport { Switch as CSwitch } from \"@chakra-ui/react/switch\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport interface SwitchProps\n  extends WithFormControlProps,\n    Omit<CSwitch.RootProps, \"label\" | \"onChange\"> {\n  indeterminate?: boolean;\n  switchRef?: ForwardedRef<HTMLLabelElement>;\n  size?: FormControlSize;\n}\n\nconst Switch = withFormControl(\n  ({\n    children,\n    indeterminate = false,\n    onContrast,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    label,\n    size = \"md\",\n    switchRef,\n    ...rest\n  }: SwitchProps): React.JSX.Element => {\n    const _computedVariant = useMemo(() => {\n      if (indeterminate) {\n        return onContrast ? \"indeterminateOnContrast\" : \"indeterminate\";\n      } else {\n        return onContrast ? \"onContrast\" : \"default\";\n      }\n    }, [indeterminate, onContrast]);\n\n    return (\n      <CSwitch.Root\n        className=\"Switch\"\n        data-testid=\"kibble-switch\"\n        ref={switchRef}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSwitch.HiddenInput\n          className=\"Switch_Input\"\n          data-testid=\"kibble-switch-input\"\n        />\n        <CSwitch.Control\n          className=\"Switch_Control\"\n          data-testid=\"kibble-switch-control\"\n        />\n        {!!children && <CSwitch.Label>{children}</CSwitch.Label>}\n      </CSwitch.Root>\n    );\n  },\n);\n\nconst WrappedSwitch = React.forwardRef(\n  (props: SwitchProps, ref: ForwardedRef<HTMLLabelElement>) => (\n    <Switch switchRef={ref} {...props} />\n  ),\n);\n\nWrappedSwitch.displayName = \"Switch\";\n\nexport { WrappedSwitch as Switch };\n"],"names":["Switch","withFormControl","children","indeterminate","onContrast","label","size","switchRef","rest","_computedVariant","useMemo","jsxs","CSwitch.Root","jsx","CSwitch.HiddenInput","CSwitch.Control","CSwitch.Label","WrappedSwitch","React","props","ref"],"mappings":"qJAgBMA,EAASC,EAAA,gBACb,CAAC,CACC,SAAAC,EACA,cAAAC,EAAgB,GAChB,WAAAC,EAEA,MAAAC,EACA,KAAAC,EAAO,KACP,UAAAC,EACA,GAAGC,CAAA,IACiC,CAC9B,MAAAC,EAAmBC,EAAAA,QAAQ,IAC3BP,EACKC,EAAa,0BAA4B,gBAEzCA,EAAa,aAAe,UAEpC,CAACD,EAAeC,CAAU,CAAC,EAG5B,OAAAO,EAAA,kBAAA,KAACC,EAAQ,WAAR,CACC,UAAU,SACV,cAAY,gBACZ,IAAKL,EACL,KAAAD,EACA,QAASG,EACR,GAAGD,EAEJ,SAAA,CAAAK,EAAA,kBAAA,IAACC,EAAQ,kBAAR,CACC,UAAU,eACV,cAAY,qBAAA,CACd,EACAD,EAAA,kBAAA,IAACE,EAAQ,cAAR,CACC,UAAU,iBACV,cAAY,uBAAA,CACd,EACC,CAAC,CAACb,2BAAac,EAAQ,YAAR,CAAe,SAAAd,CAAS,CAAA,CAAA,CAAA,CAC1C,CAAA,CAGN,EAEMe,EAAgBC,EAAM,WAC1B,CAACC,EAAoBC,IACnBP,wBAACb,GAAO,UAAWoB,EAAM,GAAGD,CAAO,CAAA,CAEvC,EAEAF,EAAc,YAAc"}

package/dist/chunks/switch.component-BGEZmxHH.js

@@ -1,53 +0,0 @@
-import { x as t } from "./vendor-CRIhG-7s.js";
-import n, { useMemo as l } from "react";
-import { w as m } from "./withFormControl-C8kEF6Sj.js";
-import { aa as d, ab as w, ac as h, ad as p } from "./chakra-CM93-d7A.js";
-const f = m(
-  ({
-    children: a,
-    indeterminate: s = !1,
-    onContrast: e,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    label: S,
-    size: i = "md",
-    switchRef: r,
-    ...o
-  }) => {
-    const c = l(() => s ? e ? "indeterminateOnContrast" : "indeterminate" : e ? "onContrast" : "default", [s, e]);
-    return /* @__PURE__ */ t.jsxs(
-      d,
-      {
-        className: "Switch",
-        "data-testid": "kibble-switch",
-        ref: r,
-        size: i,
-        variant: c,
-        ...o,
-        children: [
-          /* @__PURE__ */ t.jsx(
-            w,
-            {
-              className: "Switch_Input",
-              "data-testid": "kibble-switch-input"
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            h,
-            {
-              className: "Switch_Control",
-              "data-testid": "kibble-switch-control"
-            }
-          ),
-          !!a && /* @__PURE__ */ t.jsx(p, { children: a })
-        ]
-      }
-    );
-  }
-), u = n.forwardRef(
-  (a, s) => /* @__PURE__ */ t.jsx(f, { switchRef: s, ...a })
-);
-u.displayName = "Switch";
-export {
-  u as W
-};
-//# sourceMappingURL=switch.component-BGEZmxHH.js.map

package/dist/chunks/switch.component-BGEZmxHH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch.component-BGEZmxHH.js","sources":["../../src/components/Switch/switch.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useMemo } from \"react\";\nimport { Switch as CSwitch } from \"@chakra-ui/react/switch\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport interface SwitchProps\n  extends WithFormControlProps,\n    Omit<CSwitch.RootProps, \"label\" | \"onChange\"> {\n  indeterminate?: boolean;\n  switchRef?: ForwardedRef<HTMLLabelElement>;\n  size?: FormControlSize;\n}\n\nconst Switch = withFormControl(\n  ({\n    children,\n    indeterminate = false,\n    onContrast,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    label,\n    size = \"md\",\n    switchRef,\n    ...rest\n  }: SwitchProps): React.JSX.Element => {\n    const _computedVariant = useMemo(() => {\n      if (indeterminate) {\n        return onContrast ? \"indeterminateOnContrast\" : \"indeterminate\";\n      } else {\n        return onContrast ? \"onContrast\" : \"default\";\n      }\n    }, [indeterminate, onContrast]);\n\n    return (\n      <CSwitch.Root\n        className=\"Switch\"\n        data-testid=\"kibble-switch\"\n        ref={switchRef}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSwitch.HiddenInput\n          className=\"Switch_Input\"\n          data-testid=\"kibble-switch-input\"\n        />\n        <CSwitch.Control\n          className=\"Switch_Control\"\n          data-testid=\"kibble-switch-control\"\n        />\n        {!!children && <CSwitch.Label>{children}</CSwitch.Label>}\n      </CSwitch.Root>\n    );\n  },\n);\n\nconst WrappedSwitch = React.forwardRef(\n  (props: SwitchProps, ref: ForwardedRef<HTMLLabelElement>) => (\n    <Switch switchRef={ref} {...props} />\n  ),\n);\n\nWrappedSwitch.displayName = \"Switch\";\n\nexport { WrappedSwitch as Switch };\n"],"names":["Switch","withFormControl","children","indeterminate","onContrast","label","size","switchRef","rest","_computedVariant","useMemo","jsxs","CSwitch.Root","jsx","CSwitch.HiddenInput","CSwitch.Control","CSwitch.Label","WrappedSwitch","React","props","ref"],"mappings":";;;;AAgBA,MAAMA,IAASC;AAAA,EACb,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA;AAAA,IAEA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACiC;AAC9B,UAAAC,IAAmBC,EAAQ,MAC3BP,IACKC,IAAa,4BAA4B,kBAEzCA,IAAa,eAAe,WAEpC,CAACD,GAAeC,CAAU,CAAC;AAG5B,WAAAO,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAKL;AAAA,QACL,MAAAD;AAAA,QACA,SAASG;AAAA,QACR,GAAGD;AAAA,QAEJ,UAAA;AAAA,UAAAK,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACAD,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACC,CAAC,CAACb,2BAAac,GAAA,EAAe,UAAAd,EAAS,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1C;AAAA,EAAA;AAGN,GAEMe,IAAgBC,EAAM;AAAA,EAC1B,CAACC,GAAoBC,MACnBP,gBAAAA,MAACb,KAAO,WAAWoB,GAAM,GAAGD,EAAO,CAAA;AAEvC;AAEAF,EAAc,cAAc;"}

package/dist/chunks/tabs.component-BrrimKx6.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-DcKGwQlH.js"),m=require("./icon.component-BfsX-enJ.js"),x=require("./notificationCounter.component-DkgPZi0c.js"),d=require("./heading.component-gaqQG9s0.js"),o=require("./chakra-C0NbsW66.js"),l={xs:"sm",sm:"md",md:"md",lg:"lg"},u={xs:"xs",sm:"xs",md:"sm",lg:"md"},j=({iconName:e,iconPosition:i="left",label:b,notificationCounterProps:r,showNotificationCounter:n,size:s="md",...a})=>t.jsxRuntimeExports.jsxs(o.TabsTrigger,{className:"Tab","data-testid":"kibble-tab",...a,children:[!!e&&i==="left"&&t.jsxRuntimeExports.jsx(m.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:s,variant:"default"}),t.jsxRuntimeExports.jsx(d.WrappedHeading,{className:"Tab__Label","data-testid":"kibble-tab-label",size:u[s],children:b}),!!e&&i==="right"&&t.jsxRuntimeExports.jsx(m.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:s}),n&&t.jsxRuntimeExports.jsx(x.NotificationCounter,{className:"Tab__NotificationCounter","data-testid":"kibble-tab-notification-counter",...r,size:l[s]})]}),p=({align:e="start",onChange:i,size:b="md",tabs:r,tabsContents:n,...s})=>t.jsxRuntimeExports.jsxs(o.TabsRoot,{className:"Tabs","data-testid":"kibble-tabs",justify:e||s.justify,size:b,onValueChange:({value:a})=>i?.(a),...s,children:[t.jsxRuntimeExports.jsx(o.TabsList,{className:"Tabs__List","data-testid":"kibble-tabs-list",children:r.map((a,c)=>t.jsxRuntimeExports.jsx(j,{...a},`tab-${c}`))}),!!n&&n.map((a,c)=>t.jsxRuntimeExports.jsx(o.TabsContent,{...a},`tabContent-${c}`))]});exports.Tabs=p;
-//# sourceMappingURL=tabs.component-BrrimKx6.js.map

package/dist/chunks/tabs.component-BrrimKx6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.component-BrrimKx6.js","sources":["../../src/components/Tabs/components/Tab/tab.records.ts","../../src/components/Tabs/components/Tab/tab.component.tsx","../../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabSize } from \"./tab.types\";\nimport { NotificationCounterSize } from \"components/NotificationCounter/notificationCounter.types\";\nimport { HeadingSize } from \"components/Heading/heading.types\";\n\nexport const tabNotificationCounterSize: Record<\n  TabSize,\n  NotificationCounterSize\n> = {\n  xs: \"sm\",\n  sm: \"md\",\n  md: \"md\",\n  lg: \"lg\",\n};\n\nexport const tabLabelSize: Record<TabSize, HeadingSize> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n","import React from \"react\";\nimport { Tabs } from \"@chakra-ui/react/tabs\";\nimport { Icon, IconName } from \"components/Icon\";\nimport {\n  NotificationCounter,\n  NotificationCounterProps,\n} from \"components/NotificationCounter/notificationCounter.component\";\nimport { TabIconPosition, TabSize } from \"./tab.types\";\nimport { tabLabelSize, tabNotificationCounterSize } from \"./tab.records\";\nimport { Heading } from \"components/Heading/heading.component\";\n\nexport interface TabProps extends Tabs.TriggerProps {\n  iconName?: IconName;\n  iconPosition?: TabIconPosition;\n  label: string;\n  notificationCounterProps?: Omit<NotificationCounterProps, \"size\">;\n  showNotificationCounter?: boolean;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  iconPosition = \"left\",\n  label,\n  notificationCounterProps,\n  showNotificationCounter,\n  size = \"md\",\n  ...rest\n}: TabProps): React.JSX.Element => {\n  return (\n    <Tabs.Trigger className=\"Tab\" data-testid=\"kibble-tab\" {...rest}>\n      {!!iconName && iconPosition === \"left\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n          variant=\"default\"\n        />\n      )}\n      <Heading\n        className=\"Tab__Label\"\n        data-testid=\"kibble-tab-label\"\n        size={tabLabelSize[size]}\n      >\n        {label}\n      </Heading>\n      {!!iconName && iconPosition === \"right\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n        />\n      )}\n      {showNotificationCounter && (\n        <NotificationCounter\n          className=\"Tab__NotificationCounter\"\n          data-testid=\"kibble-tab-notification-counter\"\n          {...notificationCounterProps}\n          size={tabNotificationCounterSize[size]}\n        />\n      )}\n    </Tabs.Trigger>\n  );\n};\n","import React from \"react\";\nimport { Tabs as CTabs } from \"@chakra-ui/react/tabs\";\nimport { TabSize } from \"./components/Tab/tab.types\";\nimport { Tab, TabProps } from \"./components/Tab/tab.component\";\nimport { Alignment } from \"shared/types/alignment\";\n\nexport interface TabsProps\n  extends Omit<CTabs.RootProps, \"onChange\" | \"variant\"> {\n  align?: Alignment;\n  onChange?: (value: string) => void;\n  size?: TabSize;\n  tabs: TabProps[];\n  tabsContents?: CTabs.ContentProps[];\n}\n\nexport const Tabs = ({\n  align = \"start\",\n  onChange,\n  size = \"md\",\n  tabs,\n  tabsContents,\n  ...rest\n}: TabsProps): React.JSX.Element => {\n  return (\n    <CTabs.Root\n      className=\"Tabs\"\n      data-testid=\"kibble-tabs\"\n      justify={align || rest.justify}\n      size={size}\n      onValueChange={({ value }) => onChange?.(value)}\n      {...rest}\n    >\n      <CTabs.List className=\"Tabs__List\" data-testid=\"kibble-tabs-list\">\n        {tabs.map((tab, index) => (\n          <Tab key={`tab-${index}`} {...tab} />\n        ))}\n      </CTabs.List>\n      {!!tabsContents &&\n        tabsContents.map((tabContent, index) => (\n          <CTabs.Content key={`tabContent-${index}`} {...tabContent} />\n        ))}\n    </CTabs.Root>\n  );\n};\n"],"names":["tabNotificationCounterSize","tabLabelSize","Tab","iconName","iconPosition","label","notificationCounterProps","showNotificationCounter","size","rest","jsxs","Tabs.Trigger","jsx","Icon","Heading","NotificationCounter","Tabs","align","onChange","tabs","tabsContents","CTabs.Root","value","CTabs.List","tab","index","tabContent","CTabs.Content"],"mappings":"uOAIaA,EAGT,CACF,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAA6C,CACxD,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,ECCaC,EAAM,CAAC,CAClB,SAAAC,EACA,aAAAC,EAAe,OACf,MAAAC,EACA,yBAAAC,EACA,wBAAAC,EACA,KAAAC,EAAO,KACP,GAAGC,CACL,IAEIC,EAAA,kBAAA,KAACC,cAAA,CAAa,UAAU,MAAM,cAAY,aAAc,GAAGF,EACxD,SAAA,CAAC,CAAA,CAACN,GAAYC,IAAiB,QAC9BQ,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,YACV,cAAY,kBACZ,KAAMV,EACN,KAAAK,EACA,QAAQ,SAAA,CACV,EAEFI,EAAA,kBAAA,IAACE,EAAA,eAAA,CACC,UAAU,aACV,cAAY,mBACZ,KAAMb,EAAaO,CAAI,EAEtB,SAAAH,CAAA,CACH,EACC,CAAC,CAACF,GAAYC,IAAiB,SAC9BQ,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,YACV,cAAY,kBACZ,KAAMV,EACN,KAAAK,CAAA,CACF,EAEDD,GACCK,EAAA,kBAAA,IAACG,EAAA,oBAAA,CACC,UAAU,2BACV,cAAY,kCACX,GAAGT,EACJ,KAAMN,EAA2BQ,CAAI,CAAA,CAAA,CACvC,EAEJ,EChDSQ,EAAO,CAAC,CACnB,MAAAC,EAAQ,QACR,SAAAC,EACA,KAAAV,EAAO,KACP,KAAAW,EACA,aAAAC,EACA,GAAGX,CACL,IAEIC,EAAA,kBAAA,KAACW,EAAM,SAAN,CACC,UAAU,OACV,cAAY,cACZ,QAASJ,GAASR,EAAK,QACvB,KAAAD,EACA,cAAe,CAAC,CAAE,MAAAc,KAAYJ,IAAWI,CAAK,EAC7C,GAAGb,EAEJ,SAAA,CAACG,wBAAAW,EAAAA,SAAA,CAAW,UAAU,aAAa,cAAY,mBAC5C,WAAK,IAAI,CAACC,EAAKC,IACdb,EAAA,kBAAA,IAACV,GAA0B,GAAGsB,CAAA,EAApB,OAAOC,CAAK,EAAa,CACpC,EACH,EACC,CAAC,CAACL,GACDA,EAAa,IAAI,CAACM,EAAYD,IAC3Bb,EAAAA,kBAAAA,IAAAe,EAAAA,YAAA,CAA2C,GAAGD,GAA3B,cAAcD,CAAK,EAAoB,CAC5D,CAAA,CAAA,CACL"}

package/dist/chunks/tabs.component-CUIaXeqI.js

@@ -1,87 +0,0 @@
-import { x as a } from "./vendor-CRIhG-7s.js";
-import { I as r } from "./icon.component-DBE3p_Uc.js";
-import { N as d } from "./notificationCounter.component-Bvbl2C8b.js";
-import { W as n } from "./heading.component-hixOzKF-.js";
-import { aU as c, aV as x, aW as T, aX as f } from "./chakra-CM93-d7A.js";
-const j = {
-  xs: "sm",
-  sm: "md",
-  md: "md",
-  lg: "lg"
-}, p = {
-  xs: "xs",
-  sm: "xs",
-  md: "sm",
-  lg: "md"
-}, u = ({
-  iconName: e,
-  iconPosition: i = "left",
-  label: o,
-  notificationCounterProps: l,
-  showNotificationCounter: b,
-  size: t = "md",
-  ...s
-}) => /* @__PURE__ */ a.jsxs(c, { className: "Tab", "data-testid": "kibble-tab", ...s, children: [
-  !!e && i === "left" && /* @__PURE__ */ a.jsx(
-    r,
-    {
-      className: "Tab__Icon",
-      "data-testid": "kibble-tab-icon",
-      name: e,
-      size: t,
-      variant: "default"
-    }
-  ),
-  /* @__PURE__ */ a.jsx(
-    n,
-    {
-      className: "Tab__Label",
-      "data-testid": "kibble-tab-label",
-      size: p[t],
-      children: o
-    }
-  ),
-  !!e && i === "right" && /* @__PURE__ */ a.jsx(
-    r,
-    {
-      className: "Tab__Icon",
-      "data-testid": "kibble-tab-icon",
-      name: e,
-      size: t
-    }
-  ),
-  b && /* @__PURE__ */ a.jsx(
-    d,
-    {
-      className: "Tab__NotificationCounter",
-      "data-testid": "kibble-tab-notification-counter",
-      ...l,
-      size: j[t]
-    }
-  )
-] }), C = ({
-  align: e = "start",
-  onChange: i,
-  size: o = "md",
-  tabs: l,
-  tabsContents: b,
-  ...t
-}) => /* @__PURE__ */ a.jsxs(
-  x,
-  {
-    className: "Tabs",
-    "data-testid": "kibble-tabs",
-    justify: e || t.justify,
-    size: o,
-    onValueChange: ({ value: s }) => i?.(s),
-    ...t,
-    children: [
-      /* @__PURE__ */ a.jsx(T, { className: "Tabs__List", "data-testid": "kibble-tabs-list", children: l.map((s, m) => /* @__PURE__ */ a.jsx(u, { ...s }, `tab-${m}`)) }),
-      !!b && b.map((s, m) => /* @__PURE__ */ a.jsx(f, { ...s }, `tabContent-${m}`))
-    ]
-  }
-);
-export {
-  C as T
-};
-//# sourceMappingURL=tabs.component-CUIaXeqI.js.map

package/dist/chunks/tabs.component-CUIaXeqI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.component-CUIaXeqI.js","sources":["../../src/components/Tabs/components/Tab/tab.records.ts","../../src/components/Tabs/components/Tab/tab.component.tsx","../../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabSize } from \"./tab.types\";\nimport { NotificationCounterSize } from \"components/NotificationCounter/notificationCounter.types\";\nimport { HeadingSize } from \"components/Heading/heading.types\";\n\nexport const tabNotificationCounterSize: Record<\n  TabSize,\n  NotificationCounterSize\n> = {\n  xs: \"sm\",\n  sm: \"md\",\n  md: \"md\",\n  lg: \"lg\",\n};\n\nexport const tabLabelSize: Record<TabSize, HeadingSize> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n","import React from \"react\";\nimport { Tabs } from \"@chakra-ui/react/tabs\";\nimport { Icon, IconName } from \"components/Icon\";\nimport {\n  NotificationCounter,\n  NotificationCounterProps,\n} from \"components/NotificationCounter/notificationCounter.component\";\nimport { TabIconPosition, TabSize } from \"./tab.types\";\nimport { tabLabelSize, tabNotificationCounterSize } from \"./tab.records\";\nimport { Heading } from \"components/Heading/heading.component\";\n\nexport interface TabProps extends Tabs.TriggerProps {\n  iconName?: IconName;\n  iconPosition?: TabIconPosition;\n  label: string;\n  notificationCounterProps?: Omit<NotificationCounterProps, \"size\">;\n  showNotificationCounter?: boolean;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  iconPosition = \"left\",\n  label,\n  notificationCounterProps,\n  showNotificationCounter,\n  size = \"md\",\n  ...rest\n}: TabProps): React.JSX.Element => {\n  return (\n    <Tabs.Trigger className=\"Tab\" data-testid=\"kibble-tab\" {...rest}>\n      {!!iconName && iconPosition === \"left\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n          variant=\"default\"\n        />\n      )}\n      <Heading\n        className=\"Tab__Label\"\n        data-testid=\"kibble-tab-label\"\n        size={tabLabelSize[size]}\n      >\n        {label}\n      </Heading>\n      {!!iconName && iconPosition === \"right\" && (\n        <Icon\n          className=\"Tab__Icon\"\n          data-testid=\"kibble-tab-icon\"\n          name={iconName}\n          size={size}\n        />\n      )}\n      {showNotificationCounter && (\n        <NotificationCounter\n          className=\"Tab__NotificationCounter\"\n          data-testid=\"kibble-tab-notification-counter\"\n          {...notificationCounterProps}\n          size={tabNotificationCounterSize[size]}\n        />\n      )}\n    </Tabs.Trigger>\n  );\n};\n","import React from \"react\";\nimport { Tabs as CTabs } from \"@chakra-ui/react/tabs\";\nimport { TabSize } from \"./components/Tab/tab.types\";\nimport { Tab, TabProps } from \"./components/Tab/tab.component\";\nimport { Alignment } from \"shared/types/alignment\";\n\nexport interface TabsProps\n  extends Omit<CTabs.RootProps, \"onChange\" | \"variant\"> {\n  align?: Alignment;\n  onChange?: (value: string) => void;\n  size?: TabSize;\n  tabs: TabProps[];\n  tabsContents?: CTabs.ContentProps[];\n}\n\nexport const Tabs = ({\n  align = \"start\",\n  onChange,\n  size = \"md\",\n  tabs,\n  tabsContents,\n  ...rest\n}: TabsProps): React.JSX.Element => {\n  return (\n    <CTabs.Root\n      className=\"Tabs\"\n      data-testid=\"kibble-tabs\"\n      justify={align || rest.justify}\n      size={size}\n      onValueChange={({ value }) => onChange?.(value)}\n      {...rest}\n    >\n      <CTabs.List className=\"Tabs__List\" data-testid=\"kibble-tabs-list\">\n        {tabs.map((tab, index) => (\n          <Tab key={`tab-${index}`} {...tab} />\n        ))}\n      </CTabs.List>\n      {!!tabsContents &&\n        tabsContents.map((tabContent, index) => (\n          <CTabs.Content key={`tabContent-${index}`} {...tabContent} />\n        ))}\n    </CTabs.Root>\n  );\n};\n"],"names":["tabNotificationCounterSize","tabLabelSize","Tab","iconName","iconPosition","label","notificationCounterProps","showNotificationCounter","size","rest","jsxs","Tabs.Trigger","jsx","Icon","Heading","NotificationCounter","Tabs","align","onChange","tabs","tabsContents","CTabs.Root","value","CTabs.List","tab","index","tabContent","CTabs.Content"],"mappings":";;;;;AAIO,MAAMA,IAGT;AAAA,EACF,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA6C;AAAA,EACxD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCCaC,IAAM,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAEIC,gBAAAA,EAAA,KAACC,GAAA,EAAa,WAAU,OAAM,eAAY,cAAc,GAAGF,GACxD,UAAA;AAAA,EAAC,CAAA,CAACN,KAAYC,MAAiB,UAC9BQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAMV;AAAA,MACN,MAAAK;AAAA,MACA,SAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEFI,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAMb,EAAaO,CAAI;AAAA,MAEtB,UAAAH;AAAA,IAAA;AAAA,EACH;AAAA,EACC,CAAC,CAACF,KAAYC,MAAiB,WAC9BQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAMV;AAAA,MACN,MAAAK;AAAA,IAAA;AAAA,EACF;AAAA,EAEDD,KACCK,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACX,GAAGT;AAAA,MACJ,MAAMN,EAA2BQ,CAAI;AAAA,IAAA;AAAA,EAAA;AACvC,GAEJ,GChDSQ,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,MAAAV,IAAO;AAAA,EACP,MAAAW;AAAA,EACA,cAAAC;AAAA,EACA,GAAGX;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACW;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,SAASJ,KAASR,EAAK;AAAA,IACvB,MAAAD;AAAA,IACA,eAAe,CAAC,EAAE,OAAAc,QAAYJ,IAAWI,CAAK;AAAA,IAC7C,GAAGb;AAAA,IAEJ,UAAA;AAAA,MAACG,gBAAAA,MAAAW,GAAA,EAAW,WAAU,cAAa,eAAY,oBAC5C,YAAK,IAAI,CAACC,GAAKC,MACdb,gBAAAA,EAAA,IAACV,KAA0B,GAAGsB,EAAA,GAApB,OAAOC,CAAK,EAAa,CACpC,GACH;AAAA,MACC,CAAC,CAACL,KACDA,EAAa,IAAI,CAACM,GAAYD,MAC3Bb,gBAAAA,EAAAA,IAAAe,GAAA,EAA2C,GAAGD,KAA3B,cAAcD,CAAK,EAAoB,CAC5D;AAAA,IAAA;AAAA,EAAA;AACL;"}

package/dist/chunks/tag.component-DyKlm8xn.js

@@ -1,66 +0,0 @@
-import { x as s } from "./vendor-CRIhG-7s.js";
-import { forwardRef as b } from "react";
-import { aK as T, aL as p, aM as x } from "./chakra-CM93-d7A.js";
-const i = {
-  sm: 0,
-  md: 0.5,
-  lg: 1
-}, f = b(
-  (g, m) => {
-    const {
-      leftElement: t,
-      rightElement: l,
-      onClose: r,
-      label: n,
-      closeButtonDisplay: a = "never",
-      size: e = "md",
-      variant: d = "default",
-      ...c
-    } = g, o = !!r && a !== "never";
-    return /* @__PURE__ */ s.jsxs(
-      T,
-      {
-        className: "Tag group",
-        "data-testid": "kibble-tag",
-        ref: m,
-        variant: d,
-        size: e,
-        closeButtonDisplay: a,
-        ...o && a === "always" && {
-          pr: i[e]
-        },
-        ...c,
-        children: [
-          t,
-          /* @__PURE__ */ s.jsx(
-            p,
-            {
-              className: "Tag__Label",
-              "data-testid": "kibble-tag-label",
-              ...!!t && { ml: 1 },
-              ...!!l && { mr: 1 },
-              children: n
-            }
-          ),
-          l,
-          o && /* @__PURE__ */ s.jsx(
-            x,
-            {
-              className: "Tag__CloseTrigger",
-              "data-testid": "kibble-tag-close-trigger",
-              onClick: r,
-              ...a === "hover" && {
-                px: i[e]
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-f.displayName = "Tag";
-export {
-  f as T
-};
-//# sourceMappingURL=tag.component-DyKlm8xn.js.map

package/dist/chunks/tag.component-DyKlm8xn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.component-DyKlm8xn.js","sources":["../../src/components/Tag/tag.records.ts","../../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { TagSize } from \"./tag.types\";\n\nexport const tagPaddingBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { forwardRef } from \"react\";\nimport { Tag as CTag } from \"@chakra-ui/react/tag\";\nimport { CloseButtonDisplay, TagSize } from \"./tag.types\";\nimport { Status } from \"shared/types/status\";\nimport { tagPaddingBySize } from \"./tag.records\";\n\nexport interface BaseTagProps extends Omit<CTag.RootProps, \"children\"> {\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: Status;\n}\n\ninterface ClosableTagProps extends BaseTagProps {\n  closeButtonDisplay: \"always\" | \"hover\";\n  onClose: React.MouseEventHandler<HTMLButtonElement>;\n}\n\ninterface NonClosableTagProps extends BaseTagProps {\n  closeButtonDisplay?: \"never\";\n  onClose?: never;\n}\n\nexport type TagProps = ClosableTagProps | NonClosableTagProps;\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (props, ref): React.JSX.Element => {\n    const {\n      leftElement,\n      rightElement,\n      onClose,\n      label,\n      closeButtonDisplay = \"never\",\n      size = \"md\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const closable = !!onClose && closeButtonDisplay !== \"never\";\n\n    return (\n      <CTag.Root\n        className=\"Tag group\"\n        data-testid=\"kibble-tag\"\n        ref={ref}\n        variant={variant}\n        size={size}\n        closeButtonDisplay={closeButtonDisplay}\n        {...(closable &&\n          closeButtonDisplay === \"always\" && {\n            pr: tagPaddingBySize[size],\n          })}\n        {...rest}\n      >\n        {leftElement}\n        <CTag.Label\n          className=\"Tag__Label\"\n          data-testid=\"kibble-tag-label\"\n          {...(!!leftElement && { ml: 1 })}\n          {...(!!rightElement && { mr: 1 })}\n        >\n          {label}\n        </CTag.Label>\n        {rightElement}\n        {closable && (\n          <CTag.CloseTrigger\n            className=\"Tag__CloseTrigger\"\n            data-testid=\"kibble-tag-close-trigger\"\n            onClick={onClose}\n            {...(closeButtonDisplay === \"hover\" && {\n              px: tagPaddingBySize[size],\n            })}\n          />\n        )}\n      </CTag.Root>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n"],"names":["tagPaddingBySize","Tag","forwardRef","props","ref","leftElement","rightElement","onClose","label","closeButtonDisplay","size","variant","rest","closable","jsxs","CTag.Root","jsx","CTag.Label","CTag.CloseTrigger"],"mappings":";;;AAEO,MAAMA,IAA4C;AAAA,EACvD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCsBaC,IAAMC;AAAA,EACjB,CAACC,GAAOC,MAA2B;AAC3B,UAAA;AAAA,MACJ,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,oBAAAC,IAAqB;AAAA,MACrB,MAAAC,IAAO;AAAA,MACP,SAAAC,IAAU;AAAA,MACV,GAAGC;AAAA,IAAA,IACDT,GACEU,IAAW,CAAC,CAACN,KAAWE,MAAuB;AAGnD,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAAX;AAAA,QACA,SAAAO;AAAA,QACA,MAAAD;AAAA,QACA,oBAAAD;AAAA,QACC,GAAII,KACHJ,MAAuB,YAAY;AAAA,UACjC,IAAIT,EAAiBU,CAAI;AAAA,QAC3B;AAAA,QACD,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAP;AAAA,UACDW,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACX,GAAI,CAAC,CAACZ,KAAe,EAAE,IAAI,EAAE;AAAA,cAC7B,GAAI,CAAC,CAACC,KAAgB,EAAE,IAAI,EAAE;AAAA,cAE9B,UAAAE;AAAA,YAAA;AAAA,UACH;AAAA,UACCF;AAAA,UACAO,KACCG,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAASX;AAAA,cACR,GAAIE,MAAuB,WAAW;AAAA,gBACrC,IAAIT,EAAiBU,CAAI;AAAA,cAAA;AAAA,YAC3B;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEAT,EAAI,cAAc;"}

package/dist/chunks/tag.component-eQu3O7if.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-DcKGwQlH.js"),T=require("react"),s=require("./chakra-C0NbsW66.js"),g={sm:0,md:.5,lg:1},n=T.forwardRef((c,d)=>{const{leftElement:r,rightElement:l,onClose:i,label:m,closeButtonDisplay:e="never",size:a="md",variant:b="default",...u}=c,o=!!i&&e!=="never";return t.jsxRuntimeExports.jsxs(s.TagRoot,{className:"Tag group","data-testid":"kibble-tag",ref:d,variant:b,size:a,closeButtonDisplay:e,...o&&e==="always"&&{pr:g[a]},...u,children:[r,t.jsxRuntimeExports.jsx(s.TagLabel,{className:"Tag__Label","data-testid":"kibble-tag-label",...!!r&&{ml:1},...!!l&&{mr:1},children:m}),l,o&&t.jsxRuntimeExports.jsx(s.TagCloseTrigger,{className:"Tag__CloseTrigger","data-testid":"kibble-tag-close-trigger",onClick:i,...e==="hover"&&{px:g[a]}})]})});n.displayName="Tag";exports.Tag=n;
-//# sourceMappingURL=tag.component-eQu3O7if.js.map

package/dist/chunks/tag.component-eQu3O7if.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.component-eQu3O7if.js","sources":["../../src/components/Tag/tag.records.ts","../../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { TagSize } from \"./tag.types\";\n\nexport const tagPaddingBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { forwardRef } from \"react\";\nimport { Tag as CTag } from \"@chakra-ui/react/tag\";\nimport { CloseButtonDisplay, TagSize } from \"./tag.types\";\nimport { Status } from \"shared/types/status\";\nimport { tagPaddingBySize } from \"./tag.records\";\n\nexport interface BaseTagProps extends Omit<CTag.RootProps, \"children\"> {\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: Status;\n}\n\ninterface ClosableTagProps extends BaseTagProps {\n  closeButtonDisplay: \"always\" | \"hover\";\n  onClose: React.MouseEventHandler<HTMLButtonElement>;\n}\n\ninterface NonClosableTagProps extends BaseTagProps {\n  closeButtonDisplay?: \"never\";\n  onClose?: never;\n}\n\nexport type TagProps = ClosableTagProps | NonClosableTagProps;\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (props, ref): React.JSX.Element => {\n    const {\n      leftElement,\n      rightElement,\n      onClose,\n      label,\n      closeButtonDisplay = \"never\",\n      size = \"md\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const closable = !!onClose && closeButtonDisplay !== \"never\";\n\n    return (\n      <CTag.Root\n        className=\"Tag group\"\n        data-testid=\"kibble-tag\"\n        ref={ref}\n        variant={variant}\n        size={size}\n        closeButtonDisplay={closeButtonDisplay}\n        {...(closable &&\n          closeButtonDisplay === \"always\" && {\n            pr: tagPaddingBySize[size],\n          })}\n        {...rest}\n      >\n        {leftElement}\n        <CTag.Label\n          className=\"Tag__Label\"\n          data-testid=\"kibble-tag-label\"\n          {...(!!leftElement && { ml: 1 })}\n          {...(!!rightElement && { mr: 1 })}\n        >\n          {label}\n        </CTag.Label>\n        {rightElement}\n        {closable && (\n          <CTag.CloseTrigger\n            className=\"Tag__CloseTrigger\"\n            data-testid=\"kibble-tag-close-trigger\"\n            onClick={onClose}\n            {...(closeButtonDisplay === \"hover\" && {\n              px: tagPaddingBySize[size],\n            })}\n          />\n        )}\n      </CTag.Root>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n"],"names":["tagPaddingBySize","Tag","forwardRef","props","ref","leftElement","rightElement","onClose","label","closeButtonDisplay","size","variant","rest","closable","jsxs","CTag.Root","jsx","CTag.Label","CTag.CloseTrigger"],"mappings":"0GAEaA,EAA4C,CACvD,GAAI,EACJ,GAAI,GACJ,GAAI,CACN,ECsBaC,EAAMC,EAAA,WACjB,CAACC,EAAOC,IAA2B,CAC3B,KAAA,CACJ,YAAAC,EACA,aAAAC,EACA,QAAAC,EACA,MAAAC,EACA,mBAAAC,EAAqB,QACrB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CAAA,EACDT,EACEU,EAAW,CAAC,CAACN,GAAWE,IAAuB,QAGnD,OAAAK,EAAA,kBAAA,KAACC,EAAK,QAAL,CACC,UAAU,YACV,cAAY,aACZ,IAAAX,EACA,QAAAO,EACA,KAAAD,EACA,mBAAAD,EACC,GAAII,GACHJ,IAAuB,UAAY,CACjC,GAAIT,EAAiBU,CAAI,CAC3B,EACD,GAAGE,EAEH,SAAA,CAAAP,EACDW,EAAA,kBAAA,IAACC,EAAK,SAAL,CACC,UAAU,aACV,cAAY,mBACX,GAAI,CAAC,CAACZ,GAAe,CAAE,GAAI,CAAE,EAC7B,GAAI,CAAC,CAACC,GAAgB,CAAE,GAAI,CAAE,EAE9B,SAAAE,CAAA,CACH,EACCF,EACAO,GACCG,EAAA,kBAAA,IAACE,EAAK,gBAAL,CACC,UAAU,oBACV,cAAY,2BACZ,QAASX,EACR,GAAIE,IAAuB,SAAW,CACrC,GAAIT,EAAiBU,CAAI,CAAA,CAC3B,CAAA,CACF,CAAA,CAEJ,CAAA,CAGN,EAEAT,EAAI,YAAc"}

package/dist/chunks/tagBlock.component-l95szZbR.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./vendor-DcKGwQlH.js"),x=require("react"),j=require("./button.component-C0WP_LB_.js"),R=require("./heading.component-gaqQG9s0.js"),C=require("./menu.component-DXMYm7dU.js"),E=require("./spinner.component-BOvFHPif.js"),T=require("./tag.component-eQu3O7if.js"),k=require("./text.component-BEmVrJQy.js"),s=require("./chakra-C0NbsW66.js");var l=(r=>(r.Inactive="Inactive",r.Deleted="Deleted",r))(l||{});const v={size:"sm",variant:"secondarySubtle",iconName:"plus",text:"Add",hideCaret:!0},N=({title:r,menuProps:u,tags:a,canBeDeleted:h=!1,onClearAll:f,onRemoveTag:i,onDelete:B,hasError:d=!1,errorText:_="This field contains an error",displayTagsInGroups:c,loading:b=!1})=>{const p=x.useCallback(n=>{i&&i(n,a)},[i,a]),m=x.useMemo(()=>{if(!c)return[];const n={};for(const t of a){const o=t.groupLabel||"-";n[o]||(n[o]=[]),n[o].push(t)}return Object.entries(n).map(([t,o])=>({groupLabel:t,tags:o}))},[a,c]),g=x.useCallback(n=>n.map(t=>{const o=t.label.includes(l.Inactive)||t.label.includes(l.Deleted);return e.jsxRuntimeExports.jsx(T.Tag,{className:"TagBlock__Tag","data-testid":"kibble-tag-block-tag",mr:1,mb:1,label:t.label,onClose:()=>p(t.value),closeButtonDisplay:"always",fontWeight:"normal",color:o?"text.placeholder":"text",size:"md"},t.value)}),[p]);return e.jsxRuntimeExports.jsxs(s.Box,{className:"TagBlock","data-testid":"kibble-tag-block",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:d?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border",overflow:b?"hidden":void 0,children:[e.jsxRuntimeExports.jsxs(s.Flex,{className:"TagBlock__ButtonContainer","data-testid":"kibble-tag-block-button-container",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(s.HStack,{gap:1,minH:10,children:[r&&e.jsxRuntimeExports.jsx(k.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold",children:r}),e.jsxRuntimeExports.jsx(C.Menu,{"data-testid":"kibble-tag-block-menu",...u,buttonProps:u?.buttonProps||v}),e.jsxRuntimeExports.jsx(j.Button,{className:"TagBlock__Button--ClearAll","data-testid":"kibble-tag-block-clear-all-button",size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:f,disabled:a.length<=0,children:"Clear All"})]}),h&&e.jsxRuntimeExports.jsx(s.Box,{children:e.jsxRuntimeExports.jsx(j.Button,{className:"TagBlock__Button--Delete","data-testid":"kibble-tag-block-delete-button",iconName:"trashcan",variant:"ghostNeutral",onClick:B,justifySelf:"flex-end"})})]}),!!a.length&&e.jsxRuntimeExports.jsx(s.Flex,{className:"TagBlock__TagContainer","data-testid":"kibble-tag-block-tag-container",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:c&&m.length?e.jsxRuntimeExports.jsx(s.Flex,{direction:"column",children:m.map(({groupLabel:n,tags:t})=>e.jsxRuntimeExports.jsxs(s.Box,{mb:2,children:[e.jsxRuntimeExports.jsx(s.Box,{className:"TagBlock__GroupTitle","data-testid":"kibble-tag-block-group-title",children:e.jsxRuntimeExports.jsx(R.WrappedHeading,{size:"xs",pb:2,children:n})}),e.jsxRuntimeExports.jsx(s.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:g(t)})]},n))}):g(a)}),b&&e.jsxRuntimeExports.jsx(E.Spinner,{fullScreen:!0}),d&&e.jsxRuntimeExports.jsx(k.WrappedText,{className:"TagBlock__Error","data-testid":"kibble-tag-block-error",mt:2,size:"xs",as:"p",variant:"danger",children:_})]})};exports.TagBlock=N;exports.TagDisabledState=l;
-//# sourceMappingURL=tagBlock.component-l95szZbR.js.map

package/dist/chunks/text.component-BEmVrJQy.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./vendor-DcKGwQlH.js"),a=require("./withTruncation-BBPS7Ess.js"),i=require("./chakra-C0NbsW66.js"),t=({children:e,...r})=>s.jsxRuntimeExports.jsx(i.Text,{className:"Text","data-testid":"kibble-text",...r,children:e});t.displayName="Text";const n=a.withTruncation(t);exports.WrappedText=n;
-//# sourceMappingURL=text.component-BEmVrJQy.js.map

package/dist/chunks/text.component-BEmVrJQy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.component-BEmVrJQy.js","sources":["../../src/components/Text/text.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text as CText,\n  TextProps as CTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\nimport { TextSize } from \"./text.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport interface KTextProps extends WithTruncationProps {\n  size?: TextSize;\n  variant?: TypographyVariant;\n}\n\nexport type TextProps = KTextProps & CTextProps;\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = \"Text\";\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":"iIAgBMA,EAAO,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAEzBC,EAAA,kBAAA,IAACC,QAAM,UAAU,OAAO,cAAY,cAAe,GAAGF,EACnD,SAAAD,EACH,EAIJD,EAAK,YAAc,OAEb,MAAAK,EAAcC,iBAAeN,CAAI"}

package/dist/chunks/text.component-BqLgdeLf.js

@@ -1,10 +0,0 @@
-import { x as s } from "./vendor-CRIhG-7s.js";
-import { w as o } from "./withTruncation-B1xhd1td.js";
-import { ao as r } from "./chakra-CM93-d7A.js";
-const t = ({ children: e, ...a }) => /* @__PURE__ */ s.jsx(r, { className: "Text", "data-testid": "kibble-text", ...a, children: e });
-t.displayName = "Text";
-const p = o(t);
-export {
-  p as W
-};
-//# sourceMappingURL=text.component-BqLgdeLf.js.map

package/dist/chunks/text.component-BqLgdeLf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.component-BqLgdeLf.js","sources":["../../src/components/Text/text.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text as CText,\n  TextProps as CTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\nimport { TextSize } from \"./text.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport interface KTextProps extends WithTruncationProps {\n  size?: TextSize;\n  variant?: TypographyVariant;\n}\n\nexport type TextProps = KTextProps & CTextProps;\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = \"Text\";\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":";;;AAgBA,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAEzBC,gBAAAA,EAAA,IAACC,KAAM,WAAU,QAAO,eAAY,eAAe,GAAGF,GACnD,UAAAD,GACH;AAIJD,EAAK,cAAc;AAEb,MAAAK,IAAcC,EAAeN,CAAI;"}

package/dist/chunks/textInput.component-CWd-3re1.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-DcKGwQlH.js"),p=require("react"),b=require("./withFormControl-uSeX61J8.js"),f=require("./button.component-C0WP_LB_.js"),E=require("./characterCounter.component-DGpH9KSC.js"),o=require("./chakra-C0NbsW66.js"),R={sm:"xs",md:"sm",lg:"md"},T=b.withFormControl(({charLimit:n=void 0,clearable:r=!1,disabled:s=!1,inputRef:x,invalid:l,leftAddon:d,leftElement:m,onClear:i,onContrast:h,rightAddon:j,rightElement:a,size:u="md",value:e,...I})=>{const C=()=>{i&&i(e||"")};r&&e&&!s&&(a=t.jsxRuntimeExports.jsx(f.Button,{className:"TextInput__ClearButton","data-testid":"kibble-text-input-clear-button",size:R[u],variant:"ghostNeutral",onClick:C,iconName:"close"}));const _=p.useMemo(()=>e?.toString()?.length||0,[e]);return t.jsxRuntimeExports.jsxs(o.Box,{className:"TextInput__Wrapper",position:"relative",w:"100%",children:[t.jsxRuntimeExports.jsx(o.InputGroup,{className:"TextInput__InputGroup","data-testid":"kibble-text-input-group",startElement:m,startElementProps:{color:"inherit",_groupDisabled:{opacity:.6}},endElement:a,endElementProps:{color:"inherit",paddingInline:1.5,_groupDisabled:{opacity:.6}},startAddon:d,endAddon:j,children:t.jsxRuntimeExports.jsx(o.Input,{"data-testid":"kibble-text-input",className:"TextInput",ref:x,value:e,size:u,disabled:s,...l&&{"aria-invalid":!0},variant:h?"onContrast":"default",...I})}),!!n&&t.jsxRuntimeExports.jsx(E.CharacterCounter,{withLimit:!0,limit:n,currentCount:_})]})}),c=p.forwardRef((n,r)=>t.jsxRuntimeExports.jsx(T,{inputRef:r,...n}));c.displayName="TextInput";exports.WrappedTextInput=c;
-//# sourceMappingURL=textInput.component-CWd-3re1.js.map

package/dist/chunks/textInput.component-CWd-3re1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textInput.component-CWd-3re1.js","sources":["../../src/components/TextInput/textInput.records.ts","../../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { ButtonSize } from \"components/Button/button.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n","import React, { ForwardedRef, useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n} from \"@chakra-ui/react/input\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { CharacterCounter } from \"components/CharacterCounter/characterCounter.component\";\nimport { closeButtonSizeMap } from \"./textInput.records\";\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  onContrast?: boolean;\n  leftAddon?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  rightAddon?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  clearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  clearable?: boolean;\n  onClear?: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = withFormControl(\n  ({\n    charLimit = undefined,\n    clearable = false,\n    disabled = false,\n    inputRef,\n    invalid,\n    leftAddon,\n    leftElement,\n    onClear,\n    onContrast,\n    rightAddon,\n    rightElement,\n    size = \"md\",\n    value,\n    ...rest\n  }: TextInputProps): React.JSX.Element => {\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || \"\");\n      }\n    };\n\n    if (clearable && !!value && !disabled) {\n      rightElement = (\n        <Button\n          className=\"TextInput__ClearButton\"\n          data-testid=\"kibble-text-input-clear-button\"\n          size={closeButtonSizeMap[size as FormControlSize]}\n          variant=\"ghostNeutral\"\n          onClick={handleClear}\n          iconName=\"close\"\n        />\n      );\n    }\n\n    const currentCharCount = useMemo(\n      () => value?.toString()?.length || 0,\n      [value],\n    );\n\n    return (\n      <Box className=\"TextInput__Wrapper\" position=\"relative\" w=\"100%\">\n        <InputGroup\n          className=\"TextInput__InputGroup\"\n          data-testid=\"kibble-text-input-group\"\n          startElement={leftElement}\n          startElementProps={{\n            color: \"inherit\",\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          endElement={rightElement}\n          endElementProps={{\n            color: \"inherit\",\n            paddingInline: 1.5,\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          startAddon={leftAddon}\n          endAddon={rightAddon}\n        >\n          <CInput\n            data-testid=\"kibble-text-input\"\n            className=\"TextInput\"\n            ref={inputRef}\n            value={value}\n            size={size}\n            disabled={disabled}\n            {...(invalid && { \"aria-invalid\": true })}\n            variant={onContrast ? \"onContrast\" : \"default\"}\n            {...rest}\n          />\n        </InputGroup>\n        {!!charLimit && (\n          <CharacterCounter\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = React.forwardRef(\n  (props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n    <TextInput inputRef={ref} {...props} />\n  ),\n);\n\nWrappedTextInput.displayName = \"TextInput\";\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSizeMap","TextInput","withFormControl","charLimit","clearable","disabled","inputRef","invalid","leftAddon","leftElement","onClear","onContrast","rightAddon","rightElement","size","value","rest","handleClear","jsx","Button","currentCharCount","useMemo","Box","InputGroup","CInput","CharacterCounter","WrappedTextInput","React","props","ref"],"mappings":"uPAGaA,EAA0D,CACrE,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,ECkCMC,EAAYC,EAAA,gBAChB,CAAC,CACC,UAAAC,EAAY,OACZ,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,WAAAC,EACA,aAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,GAAGC,CAAA,IACoC,CACvC,MAAMC,EAAc,IAAY,CAC1BP,GACFA,EAAQK,GAAS,EAAE,CAEvB,EAEIX,GAAeW,GAAS,CAACV,IAEzBQ,EAAAK,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAU,yBACV,cAAY,iCACZ,KAAMnB,EAAmBc,CAAuB,EAChD,QAAQ,eACR,QAASG,EACT,SAAS,OAAA,CACX,GAIJ,MAAMG,EAAmBC,EAAA,QACvB,IAAMN,GAAO,YAAY,QAAU,EACnC,CAACA,CAAK,CACR,EAEA,gCACGO,MAAI,CAAA,UAAU,qBAAqB,SAAS,WAAW,EAAE,OACxD,SAAA,CAAAJ,EAAA,kBAAA,IAACK,EAAA,WAAA,CACC,UAAU,wBACV,cAAY,0BACZ,aAAcd,EACd,kBAAmB,CACjB,MAAO,UACP,eAAgB,CAAE,QAAS,EAAI,CACjC,EACA,WAAYI,EACZ,gBAAiB,CACf,MAAO,UACP,cAAe,IACf,eAAgB,CAAE,QAAS,EAAI,CACjC,EACA,WAAYL,EACZ,SAAUI,EAEV,SAAAM,EAAA,kBAAA,IAACM,EAAA,MAAA,CACC,cAAY,oBACZ,UAAU,YACV,IAAKlB,EACL,MAAAS,EACA,KAAAD,EACA,SAAAT,EACC,GAAIE,GAAW,CAAE,eAAgB,EAAK,EACvC,QAASI,EAAa,aAAe,UACpC,GAAGK,CAAA,CAAA,CACN,CACF,EACC,CAAC,CAACb,GACDe,EAAA,kBAAA,IAACO,EAAA,iBAAA,CACC,UAAW,GACX,MAAOtB,EACP,aAAciB,CAAA,CAAA,CAChB,EAEJ,CAAA,CAGN,EAEMM,EAAmBC,EAAM,WAC7B,CAACC,EAAuBC,IACtBX,wBAACjB,GAAU,SAAU4B,EAAM,GAAGD,CAAO,CAAA,CAEzC,EAEAF,EAAiB,YAAc"}