@televet/kibble-ui 4.0.0-beta.128 → 4.0.0-beta.13

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

@@ -0,0 +1 @@
+{"version":3,"file":"sortableList.component-DAIHsGEA.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":";;;;;;AAYO,MAAMA,IAAsBC,EAAuB;AAAA,EACxD,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EAAA;AACR,CAAC,GCVYC,IAAyB,CAAC;AAAA,EACrC,GAAGC;AACL,MAAsC;AACpC,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,KAAAC,EAAI,IAAIC,EAAWP,CAAmB,GAC/DQ,IAAaC,EAAc;AAG/B,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAAL;AAAA,MACA,QAAQE,EAAW,iBAAiB,aAAa;AAAA,MACjD,UAAS;AAAA,MACT,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAGJ;AAAA,MACH,GAAGC;AAAA,MACH,GAAGF;AAAA,IAAA;AAAA,EACN;AAEJ,GCNaS,IAAmB,CAAC;AAAA,EAC/B,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AACF,MAAwD;AAChD,QAAA;AAAA,IACJ,YAAAZ;AAAA,IACA,YAAAa;AAAA,IACA,WAAAZ;AAAA,IACA,YAAAa;AAAA,IACA,qBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,MACEC,EAAY;AAAA,IACd,IAAAP;AAAA,EAAA,CACD,GAEKQ,IAAUC;AAAA,IACd,OAAO;AAAA,MACL,YAAApB;AAAA,MACA,WAAAC;AAAA,MACA,KAAKc;AAAA,IAAA;AAAA,IAEP,CAACf,GAAYC,GAAWc,CAAmB;AAAA,EAC7C;AAEA,SACGT,gBAAAA,EAAAA,IAAAV,EAAoB,UAApB,EAA6B,OAAOuB,GACnC,UAAAb,gBAAAA,EAAA;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKP;AAAA,MACJ,GAAGF;AAAA,MACJ,eAAc;AAAA,MACb,GAAIC,KAAc,EAAE,SAAS,IAAI;AAAA,MAClC,YAAAI;AAAA,MACA,WAAWK,EAAI,UAAU,SAASN,CAAS;AAAA,MAE3C,iCAACO,GAAK,EAAA,YAAW,UAAS,KAAK,GAAG,OAAM,QACrC,UAAA;AAAA,QAAC,CAAAb,2BAAeZ,GAAuB,EAAA;AAAA,QACvC,OAAOW,KAAY,WAClBH,gBAAAA,EAAAA,IAACkB,KAAK,MAAK,MAAM,aAAQ,IAEzBf;AAAA,MAAA,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,GCzCagB,IAAe,CAAC;AAAA,EAC3B,YAAAf,IAAa;AAAA,EACb,OAAAgB;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAG7B;AACL,MAA4C;AAC1C,QAAM,CAAC8B,GAAQC,CAAS,IAAIC,EAAwB,IAAI,GAClDC,IAAaZ;AAAA,IACjB,MAAMM,EAAM,KAAK,CAACO,MAASA,EAAK,OAAOJ,GAAQ,EAAE;AAAA,IACjD,CAACA,GAAQH,CAAK;AAAA,EAChB,GACMQ,IAAUC;AAAA,IACdC,EAAUC,CAAa;AAAA,IACvBD,EAAUE,GAAgB;AAAA,MACxB,kBAAkBC;AAAA,IACnB,CAAA;AAAA,EACH;AAGE,SAAAjC,gBAAAA,EAAA;AAAA,IAACkC;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,aAAa,CAAC,EAAE,QAAAL,QAAmB;AACjC,QAAAC,EAAUD,CAAM;AAAA,MAClB;AAAA,MACA,WAAW,CAAC,EAAE,QAAAA,GAAQ,MAAAY,QAAiB;AACrC,YAAIA,KAAQZ,EAAO,OAAOY,GAAM,IAAI;AAC5B,gBAAAC,IAAchB,EAAM,UAAU,CAAC,EAAE,IAAAf,QAASA,MAAOkB,EAAO,EAAE,GAC1Dc,IAAYjB,EAAM,UAAU,CAAC,EAAE,IAAAf,QAASA,MAAO8B,EAAK,EAAE;AAE5D,UAAAb,EAASgB,EAAUlB,GAAOgB,GAAaC,CAAS,CAAC;AAAA,QAAA;AAEnD,QAAAb,EAAU,IAAI;AAAA,MAChB;AAAA,MACA,cAAc,MAAYA,EAAU,IAAI;AAAA,MAExC,UAAAxB,gBAAAA,EAAAA,IAACuC,KAAgB,OAAAnB,GACf,UAAAoB,gBAAAA,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,KAAK;AAAA,UACJ,GAAGhD;AAAA,UAEH,UAAA;AAAA,YAAM2B,EAAA,IAAI,CAACO,MACV3B,gBAAAA,EAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBAEE,GAAGyB;AAAA,gBACJ,WAAWN;AAAA,gBACX,YAAAjB;AAAA,cAAA;AAAA,cAHKuB,EAAK;AAAA,YAAA,CAKb;AAAA,YAEAD,KACC1B,gBAAAA,EAAA,IAAC0C,GAAY,EAAA,eAAeC,GAC1B,UAAA3C,gBAAAA,EAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBACE,GAAGwB;AAAA,gBACJ,WAAWL;AAAA,gBACX,YAAAjB;AAAA,cAAA;AAAA,YAAA,EAEJ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EAGN,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ,GAEMuC,IAAqC;AAAA,EACzC,aAAaC,EAAgC;AAAA,IAC3C,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EAEH,CAAA;AACH;"}

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

@@ -0,0 +1,2 @@
+"use strict";const r=require("./vendor-D-x6W6ez.js"),c=require("./text.component-CBa_saMP.js"),n=require("./typography-CtiaGoJG.js"),e=require("./chakra-DmF8Cxqs.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-CUuidnSK.js.map

package/dist/chunks/spinner.component-CUuidnSK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.component-CUuidnSK.js","sources":["../../src/components/Spinner/spinner.recipe.ts","../../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { typographyVariantStyles } from \"../../shared/records/typography\";\n\nconst spinnerSlots = [\"root\", \"spinner\", \"label\"] as const;\ntype SpinnerSlot = (typeof spinnerSlots)[number];\ntype SpinnerSlotStyles = {\n  [key in SpinnerSlot]?: SystemStyleObject;\n};\n\nconst spinnerSizeStyles: Record<SpinnerSize, SpinnerSlotStyles> = {\n  xs: {\n    spinner: {\n      h: 3,\n      w: 3,\n    },\n    label: {\n      fontSize: \"xs\",\n    },\n  },\n  sm: {\n    spinner: {\n      h: 4,\n      w: 4,\n    },\n    label: {\n      fontSize: \"sm\",\n    },\n  },\n  md: {\n    spinner: {\n      h: 6,\n      w: 6,\n      \"--spinner-size\": 6,\n    },\n    label: {\n      fontSize: \"md\",\n    },\n  },\n  lg: {\n    spinner: {\n      h: 8,\n      w: 8,\n    },\n    label: {\n      fontSize: \"lg\",\n    },\n  },\n  xl: {\n    spinner: {\n      h: 12,\n      w: 12,\n    },\n    label: {\n      fontSize: \"xl\",\n    },\n  },\n};\n\nconst spinnerVariantStyles: Record<TypographyVariant, SpinnerSlotStyles> = {\n  accent: {\n    spinner: typographyVariantStyles.accent,\n  },\n  accentSubtle: {\n    spinner: typographyVariantStyles.accentSubtle,\n  },\n  brand: {\n    spinner: typographyVariantStyles.brand,\n  },\n  brandOnContrast: {\n    spinner: typographyVariantStyles.brandOnContrast,\n  },\n  danger: {\n    spinner: typographyVariantStyles.danger,\n  },\n  dangerOnContrast: {\n    spinner: typographyVariantStyles.dangerOnContrast,\n  },\n  default: {\n    spinner: typographyVariantStyles.default,\n  },\n  info: {\n    spinner: typographyVariantStyles.info,\n  },\n  interactive: {\n    spinner: typographyVariantStyles.interactive,\n  },\n  interactiveOnContrast: {\n    spinner: typographyVariantStyles.interactiveOnContrast,\n  },\n  onContrast: {\n    spinner: typographyVariantStyles.onContrast,\n  },\n  placeholder: {\n    spinner: typographyVariantStyles.placeholder,\n  },\n  placeholderOnContrast: {\n    spinner: typographyVariantStyles.placeholderOnContrast,\n  },\n  subtle: {\n    spinner: typographyVariantStyles.subtle,\n  },\n  subtleOnContrast: {\n    spinner: typographyVariantStyles.subtleOnContrast,\n  },\n  success: {\n    spinner: typographyVariantStyles.success,\n  },\n  warning: {\n    spinner: typographyVariantStyles.warning,\n  },\n};\n\nexport const spinnerRecipe = defineSlotRecipe({\n  slots: spinnerSlots,\n  base: {\n    root: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n  },\n  variants: {\n    variant: spinnerVariantStyles,\n    size: spinnerSizeStyles,\n    fullScreen: {\n      true: {\n        root: {\n          h: \"100%\",\n          left: 0,\n          top: 0,\n          position: \"absolute\",\n          w: \"100%\",\n          zIndex: \"tooltipExtra\",\n        },\n      },\n      false: {\n        root: {\n          h: \"max-content\",\n          w: \"max-content\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    fullScreen: false,\n    size: \"md\",\n    variant: \"brand\",\n  },\n});\n","import React from \"react\";\nimport { Spinner as CSpinner } from \"@chakra-ui/react/spinner\";\nimport { VStack } from \"@chakra-ui/react/stack\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { TypographyVariant } from \"shared/types\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { spinnerRecipe } from \"./spinner.recipe\";\nimport { SemanticBackgroundColorToken } from \"theme/semanticTokens\";\n\nexport interface SpinnerProps {\n  backdropColor?: SemanticBackgroundColorToken;\n  fullScreen?: boolean;\n  label?: string;\n  labelProps?: Omit<TextProps, \"chilren\">;\n  showLabel?: boolean;\n  size?: SpinnerSize;\n  variant?: TypographyVariant;\n}\n\nexport const Spinner = ({\n  backdropColor = \"background.alpha.pressed\",\n  fullScreen = false,\n  label = \"Loading...\",\n  labelProps,\n  showLabel = false,\n  size = \"md\",\n  variant = \"accent\",\n}: SpinnerProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: spinnerRecipe });\n  const styles = recipe({ variant, size, fullScreen });\n\n  return (\n    <VStack\n      className=\"Spinner\"\n      data-testid=\"kibble-spinner\"\n      css={styles.root}\n      {...(fullScreen && { bg: backdropColor })}\n    >\n      <CSpinner css={styles.spinner} />\n      {showLabel && (\n        <Text\n          as=\"p\"\n          className=\"Spinner__Label\"\n          data-testid=\"kibble-spinner-label\"\n          variant=\"subtle\"\n          css={styles.label}\n          {...labelProps}\n        >\n          {label}\n        </Text>\n      )}\n    </VStack>\n  );\n};\n"],"names":["spinnerSlots","spinnerSizeStyles","spinnerVariantStyles","typographyVariantStyles","spinnerRecipe","defineSlotRecipe","Spinner","backdropColor","fullScreen","label","labelProps","showLabel","size","variant","styles","useSlotRecipe","jsxs","VStack","jsx","CSpinner","Text"],"mappings":"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"}

package/dist/chunks/{spinner.component-BcOsuuIq.js → spinner.component-D5tkelNc.js}

@@ -1,11 +1,8 @@
-import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import { W as c } from "./text.component-BthmuMFV.js";
+import { x as s } from "./vendor-BBfll6i3.js";
+import { W as c } from "./text.component-XYjOAc2s.js";
 import { t as n } from "./typography-Cqrokog3.js";
-import { a as d } from "./config-DlTdf-Yt.js";
-import { u as b } from "./use-slot-recipe-DhtQ1j_5.js";
-import { V as m } from "./v-stack-BZT7R_9f.js";
-import { S as f } from "./spinner-BWqSIW6m.js";
-const S = ["root", "spinner", "label"], u = {
+import { r as d, y as b, V as f, J as S } from "./chakra-BqBkjpvZ.js";
+const m = ["root", "spinner", "label"], u = {
   xs: {
     spinner: {
       h: 3,
@@ -52,7 +49,7 @@ const S = ["root", "spinner", "label"], u = {
       fontSize: "xl"
     }
   }
-}, h = {
+}, x = {
   accent: {
     spinner: n.accent
   },
@@ -104,8 +101,8 @@ const S = ["root", "spinner", "label"], u = {
   warning: {
     spinner: n.warning
   }
-}, x = d({
-  slots: S,
+}, h = d({
+  slots: m,
   base: {
     root: {
       alignItems: "center",
@@ -113,7 +110,7 @@ const S = ["root", "spinner", "label"], u = {
     }
   },
   variants: {
-    variant: h,
+    variant: x,
     size: u,
     fullScreen: {
       true: {
@@ -139,28 +136,29 @@ const S = ["root", "spinner", "label"], u = {
     size: "md",
     variant: "brand"
   }
-}), V = ({
+}), v = ({
   backdropColor: r = "background.alpha.pressed",
-  fullScreen: s = !1,
+  fullScreen: t = !1,
   label: a = "Loading...",
   labelProps: i,
   showLabel: o = !1,
   size: l = "md",
   variant: p = "accent"
 }) => {
-  const e = b({ recipe: x })({ variant: p, size: l, fullScreen: s });
-  return /* @__PURE__ */ t.jsxs(
-    m,
+  const e = b({ recipe: h })({ variant: p, size: l, fullScreen: t });
+  return /* @__PURE__ */ s.jsxs(
+    f,
     {
       className: "Spinner",
       "data-testid": "kibble-spinner",
       css: e.root,
-      ...s && { bg: r },
+      ...t && { bg: r },
       children: [
-        /* @__PURE__ */ t.jsx(f, { css: e.spinner }),
-        o && /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ s.jsx(S, { css: e.spinner }),
+        o && /* @__PURE__ */ s.jsx(
           c,
           {
+            as: "p",
             className: "Spinner__Label",
             "data-testid": "kibble-spinner-label",
             variant: "subtle",
@@ -174,6 +172,6 @@ const S = ["root", "spinner", "label"], u = {
   );
 };
 export {
-  V as S
+  v as S
 };
-//# sourceMappingURL=spinner.component-BcOsuuIq.js.map
+//# sourceMappingURL=spinner.component-D5tkelNc.js.map

package/dist/chunks/spinner.component-D5tkelNc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.component-D5tkelNc.js","sources":["../../src/components/Spinner/spinner.recipe.ts","../../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { typographyVariantStyles } from \"../../shared/records/typography\";\n\nconst spinnerSlots = [\"root\", \"spinner\", \"label\"] as const;\ntype SpinnerSlot = (typeof spinnerSlots)[number];\ntype SpinnerSlotStyles = {\n  [key in SpinnerSlot]?: SystemStyleObject;\n};\n\nconst spinnerSizeStyles: Record<SpinnerSize, SpinnerSlotStyles> = {\n  xs: {\n    spinner: {\n      h: 3,\n      w: 3,\n    },\n    label: {\n      fontSize: \"xs\",\n    },\n  },\n  sm: {\n    spinner: {\n      h: 4,\n      w: 4,\n    },\n    label: {\n      fontSize: \"sm\",\n    },\n  },\n  md: {\n    spinner: {\n      h: 6,\n      w: 6,\n      \"--spinner-size\": 6,\n    },\n    label: {\n      fontSize: \"md\",\n    },\n  },\n  lg: {\n    spinner: {\n      h: 8,\n      w: 8,\n    },\n    label: {\n      fontSize: \"lg\",\n    },\n  },\n  xl: {\n    spinner: {\n      h: 12,\n      w: 12,\n    },\n    label: {\n      fontSize: \"xl\",\n    },\n  },\n};\n\nconst spinnerVariantStyles: Record<TypographyVariant, SpinnerSlotStyles> = {\n  accent: {\n    spinner: typographyVariantStyles.accent,\n  },\n  accentSubtle: {\n    spinner: typographyVariantStyles.accentSubtle,\n  },\n  brand: {\n    spinner: typographyVariantStyles.brand,\n  },\n  brandOnContrast: {\n    spinner: typographyVariantStyles.brandOnContrast,\n  },\n  danger: {\n    spinner: typographyVariantStyles.danger,\n  },\n  dangerOnContrast: {\n    spinner: typographyVariantStyles.dangerOnContrast,\n  },\n  default: {\n    spinner: typographyVariantStyles.default,\n  },\n  info: {\n    spinner: typographyVariantStyles.info,\n  },\n  interactive: {\n    spinner: typographyVariantStyles.interactive,\n  },\n  interactiveOnContrast: {\n    spinner: typographyVariantStyles.interactiveOnContrast,\n  },\n  onContrast: {\n    spinner: typographyVariantStyles.onContrast,\n  },\n  placeholder: {\n    spinner: typographyVariantStyles.placeholder,\n  },\n  placeholderOnContrast: {\n    spinner: typographyVariantStyles.placeholderOnContrast,\n  },\n  subtle: {\n    spinner: typographyVariantStyles.subtle,\n  },\n  subtleOnContrast: {\n    spinner: typographyVariantStyles.subtleOnContrast,\n  },\n  success: {\n    spinner: typographyVariantStyles.success,\n  },\n  warning: {\n    spinner: typographyVariantStyles.warning,\n  },\n};\n\nexport const spinnerRecipe = defineSlotRecipe({\n  slots: spinnerSlots,\n  base: {\n    root: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n  },\n  variants: {\n    variant: spinnerVariantStyles,\n    size: spinnerSizeStyles,\n    fullScreen: {\n      true: {\n        root: {\n          h: \"100%\",\n          left: 0,\n          top: 0,\n          position: \"absolute\",\n          w: \"100%\",\n          zIndex: \"tooltipExtra\",\n        },\n      },\n      false: {\n        root: {\n          h: \"max-content\",\n          w: \"max-content\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    fullScreen: false,\n    size: \"md\",\n    variant: \"brand\",\n  },\n});\n","import React from \"react\";\nimport { Spinner as CSpinner } from \"@chakra-ui/react/spinner\";\nimport { VStack } from \"@chakra-ui/react/stack\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { TypographyVariant } from \"shared/types\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { spinnerRecipe } from \"./spinner.recipe\";\nimport { SemanticBackgroundColorToken } from \"theme/semanticTokens\";\n\nexport interface SpinnerProps {\n  backdropColor?: SemanticBackgroundColorToken;\n  fullScreen?: boolean;\n  label?: string;\n  labelProps?: Omit<TextProps, \"chilren\">;\n  showLabel?: boolean;\n  size?: SpinnerSize;\n  variant?: TypographyVariant;\n}\n\nexport const Spinner = ({\n  backdropColor = \"background.alpha.pressed\",\n  fullScreen = false,\n  label = \"Loading...\",\n  labelProps,\n  showLabel = false,\n  size = \"md\",\n  variant = \"accent\",\n}: SpinnerProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: spinnerRecipe });\n  const styles = recipe({ variant, size, fullScreen });\n\n  return (\n    <VStack\n      className=\"Spinner\"\n      data-testid=\"kibble-spinner\"\n      css={styles.root}\n      {...(fullScreen && { bg: backdropColor })}\n    >\n      <CSpinner css={styles.spinner} />\n      {showLabel && (\n        <Text\n          as=\"p\"\n          className=\"Spinner__Label\"\n          data-testid=\"kibble-spinner-label\"\n          variant=\"subtle\"\n          css={styles.label}\n          {...labelProps}\n        >\n          {label}\n        </Text>\n      )}\n    </VStack>\n  );\n};\n"],"names":["spinnerSlots","spinnerSizeStyles","spinnerVariantStyles","typographyVariantStyles","spinnerRecipe","defineSlotRecipe","Spinner","backdropColor","fullScreen","label","labelProps","showLabel","size","variant","styles","useSlotRecipe","jsxs","VStack","jsx","CSpinner","Text"],"mappings":"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"}

package/dist/chunks/spinner.types-BCLN5-H2.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.types-BCLN5-H2.js","sources":["../../src/components/Spinner/spinner.types.ts"],"sourcesContent":["export const spinnerSizes = ['xs', 'sm', 'md', 'lg', 'xl'];\nexport type SpinnerSize = (typeof spinnerSizes)[number];\n"],"names":["spinnerSizes"],"mappings":"aAAO,MAAMA,EAAe,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI"}
+{"version":3,"file":"spinner.types-BCLN5-H2.js","sources":["../../src/components/Spinner/spinner.types.ts"],"sourcesContent":["export const spinnerSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\nexport type SpinnerSize = (typeof spinnerSizes)[number];\n"],"names":["spinnerSizes"],"mappings":"aAAO,MAAMA,EAAe,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI"}

package/dist/chunks/spinner.types-g7cTFJkb.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.types-g7cTFJkb.js","sources":["../../src/components/Spinner/spinner.types.ts"],"sourcesContent":["export const spinnerSizes = ['xs', 'sm', 'md', 'lg', 'xl'];\nexport type SpinnerSize = (typeof spinnerSizes)[number];\n"],"names":["spinnerSizes"],"mappings":"AAAO,MAAMA,IAAe,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;"}
+{"version":3,"file":"spinner.types-g7cTFJkb.js","sources":["../../src/components/Spinner/spinner.types.ts"],"sourcesContent":["export const spinnerSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"];\nexport type SpinnerSize = (typeof spinnerSizes)[number];\n"],"names":["spinnerSizes"],"mappings":"AAAO,MAAMA,IAAe,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;"}

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

@@ -0,0 +1,2 @@
+"use strict";const c=require("./vendor-D-x6W6ez.js"),p=require("./avatar.component-Coq-0l7p.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-Cj3j5vXC.js.map

package/dist/chunks/styledAvatar.types-Cj3j5vXC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledAvatar.types-Cj3j5vXC.js","sources":["../../src/patterns/StyledAvatar/styledAvatar.component.tsx","../../src/patterns/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Avatar, AvatarProps } from \"components/Avatar/avatar.component\";\nimport { StyledAvatarType } from \"./styledAvatar.types\";\n\nexport interface StyledAvatarProps extends AvatarProps {\n  type?: StyledAvatarType;\n}\n\nexport const StyledAvatar = ({\n  type = \"Client\",\n  ...rest\n}: StyledAvatarProps): React.JSX.Element => {\n  const {\n    name,\n    tooltipProps = { placement: \"top\", ...rest.tooltipProps },\n    onClick,\n  } = rest;\n\n  const testClientStyleProps: Partial<AvatarProps> = {\n    variant: \"outlineYellow\",\n    tooltipProps: {\n      ...tooltipProps,\n      label: tooltipProps?.label || `${name} (Test Client)`,\n    },\n  };\n\n  const smsStyleProps: Partial<AvatarProps> = {\n    iconName: \"cellphone\",\n    tooltipProps: {\n      ...tooltipProps,\n      label:\n        tooltipProps?.label ||\n        `Text messages sent from ${name || \"unknown number\"}`,\n    },\n  };\n\n  const automatedStyleProps: Partial<AvatarProps> = {\n    iconName: \"robot\",\n    backgroundColor: \"background.primary\",\n    hideBorder: true,\n    color: \"text.contrast\",\n    size: \"sm\",\n    showTooltip: false,\n    cursor: \"default\",\n  };\n\n  const clinicStyleProps: Partial<AvatarProps> = {\n    variant: \"outlineAccent\",\n    name: name || \"Sys\",\n  };\n\n  const styleProps: Record<StyledAvatarType, Partial<AvatarProps>> = {\n    Automated: automatedStyleProps,\n    Client: {},\n    Clinic: clinicStyleProps,\n    SMS: smsStyleProps,\n    TestClient: testClientStyleProps,\n  };\n\n  return (\n    <Avatar\n      className=\"StyledAvatar\"\n      data-testid={`kibble-styled-avatar-${type}`}\n      onClick={(e): void => {\n        e.stopPropagation();\n        if (onClick) {\n          onClick(e);\n        }\n      }}\n      {...rest}\n      {...styleProps[type]}\n    />\n  );\n};\n","export const styledAvatarTypes = [\n  \"Client\",\n  \"SMS\",\n  \"TestClient\",\n  \"Automated\",\n  \"Clinic\",\n] as const;\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["StyledAvatar","type","rest","name","tooltipProps","onClick","testClientStyleProps","smsStyleProps","styleProps","jsx","Avatar","e","styledAvatarTypes"],"mappings":"iGAQaA,EAAe,CAAC,CAC3B,KAAAC,EAAO,SACP,GAAGC,CACL,IAA4C,CACpC,KAAA,CACJ,KAAAC,EACA,aAAAC,EAAe,CAAE,UAAW,MAAO,GAAGF,EAAK,YAAa,EACxD,QAAAG,CAAA,EACEH,EAEEI,EAA6C,CACjD,QAAS,gBACT,aAAc,CACZ,GAAGF,EACH,MAAOA,GAAc,OAAS,GAAGD,CAAI,gBAAA,CAEzC,EAEMI,EAAsC,CAC1C,SAAU,YACV,aAAc,CACZ,GAAGH,EACH,MACEA,GAAc,OACd,2BAA2BD,GAAQ,gBAAgB,EAAA,CAEzD,EAiBMK,EAA6D,CACjE,UAhBgD,CAChD,SAAU,QACV,gBAAiB,qBACjB,WAAY,GACZ,MAAO,gBACP,KAAM,KACN,YAAa,GACb,OAAQ,SACV,EASE,OAAQ,CAAC,EACT,OAR6C,CAC7C,QAAS,gBACT,KAAML,GAAQ,KAChB,EAME,IAAKI,EACL,WAAYD,CACd,EAGE,OAAAG,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAU,eACV,cAAa,wBAAwBT,CAAI,GACzC,QAAUU,GAAY,CACpBA,EAAE,gBAAgB,EACdN,GACFA,EAAQM,CAAC,CAEb,EACC,GAAGT,EACH,GAAGM,EAAWP,CAAI,CAAA,CACrB,CAEJ,ECzEaW,EAAoB,CAC/B,SACA,MACA,aACA,YACA,QACF"}

package/dist/chunks/{styledAvatar.types-DuRUjNh6.js → styledAvatar.types-DbSO8s7o.js}

@@ -1,7 +1,14 @@
-import { j as c } from "./jsx-runtime-C5mzlN2N.js";
-import { A as p } from "./avatar.component-9ntfFFdO.js";
-const y = ({ type: l = "Client", ...o }) => {
-  const { name: e, tooltipProps: t = { placement: "top", ...o.tooltipProps }, onClick: s } = o, n = {
+import { x as c } from "./vendor-BBfll6i3.js";
+import { A as p } from "./avatar.component-DzvE2D-d.js";
+const y = ({
+  type: l = "Client",
+  ...o
+}) => {
+  const {
+    name: e,
+    tooltipProps: t = { placement: "top", ...o.tooltipProps },
+    onClick: s
+  } = o, n = {
     variant: "outlineYellow",
     tooltipProps: {
       ...t,
@@ -43,9 +50,15 @@ const y = ({ type: l = "Client", ...o }) => {
       ...i[l]
     }
   );
-}, C = ["Client", "SMS", "TestClient", "Automated", "Clinic"];
+}, C = [
+  "Client",
+  "SMS",
+  "TestClient",
+  "Automated",
+  "Clinic"
+];
 export {
   y as S,
   C as s
 };
-//# sourceMappingURL=styledAvatar.types-DuRUjNh6.js.map
+//# sourceMappingURL=styledAvatar.types-DbSO8s7o.js.map

package/dist/chunks/styledAvatar.types-DbSO8s7o.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledAvatar.types-DbSO8s7o.js","sources":["../../src/patterns/StyledAvatar/styledAvatar.component.tsx","../../src/patterns/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Avatar, AvatarProps } from \"components/Avatar/avatar.component\";\nimport { StyledAvatarType } from \"./styledAvatar.types\";\n\nexport interface StyledAvatarProps extends AvatarProps {\n  type?: StyledAvatarType;\n}\n\nexport const StyledAvatar = ({\n  type = \"Client\",\n  ...rest\n}: StyledAvatarProps): React.JSX.Element => {\n  const {\n    name,\n    tooltipProps = { placement: \"top\", ...rest.tooltipProps },\n    onClick,\n  } = rest;\n\n  const testClientStyleProps: Partial<AvatarProps> = {\n    variant: \"outlineYellow\",\n    tooltipProps: {\n      ...tooltipProps,\n      label: tooltipProps?.label || `${name} (Test Client)`,\n    },\n  };\n\n  const smsStyleProps: Partial<AvatarProps> = {\n    iconName: \"cellphone\",\n    tooltipProps: {\n      ...tooltipProps,\n      label:\n        tooltipProps?.label ||\n        `Text messages sent from ${name || \"unknown number\"}`,\n    },\n  };\n\n  const automatedStyleProps: Partial<AvatarProps> = {\n    iconName: \"robot\",\n    backgroundColor: \"background.primary\",\n    hideBorder: true,\n    color: \"text.contrast\",\n    size: \"sm\",\n    showTooltip: false,\n    cursor: \"default\",\n  };\n\n  const clinicStyleProps: Partial<AvatarProps> = {\n    variant: \"outlineAccent\",\n    name: name || \"Sys\",\n  };\n\n  const styleProps: Record<StyledAvatarType, Partial<AvatarProps>> = {\n    Automated: automatedStyleProps,\n    Client: {},\n    Clinic: clinicStyleProps,\n    SMS: smsStyleProps,\n    TestClient: testClientStyleProps,\n  };\n\n  return (\n    <Avatar\n      className=\"StyledAvatar\"\n      data-testid={`kibble-styled-avatar-${type}`}\n      onClick={(e): void => {\n        e.stopPropagation();\n        if (onClick) {\n          onClick(e);\n        }\n      }}\n      {...rest}\n      {...styleProps[type]}\n    />\n  );\n};\n","export const styledAvatarTypes = [\n  \"Client\",\n  \"SMS\",\n  \"TestClient\",\n  \"Automated\",\n  \"Clinic\",\n] as const;\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["StyledAvatar","type","rest","name","tooltipProps","onClick","testClientStyleProps","smsStyleProps","styleProps","jsx","Avatar","e","styledAvatarTypes"],"mappings":";;AAQO,MAAMA,IAAe,CAAC;AAAA,EAC3B,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAA4C;AACpC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,cAAAC,IAAe,EAAE,WAAW,OAAO,GAAGF,EAAK,aAAa;AAAA,IACxD,SAAAG;AAAA,EAAA,IACEH,GAEEI,IAA6C;AAAA,IACjD,SAAS;AAAA,IACT,cAAc;AAAA,MACZ,GAAGF;AAAA,MACH,OAAOA,GAAc,SAAS,GAAGD,CAAI;AAAA,IAAA;AAAA,EAEzC,GAEMI,IAAsC;AAAA,IAC1C,UAAU;AAAA,IACV,cAAc;AAAA,MACZ,GAAGH;AAAA,MACH,OACEA,GAAc,SACd,2BAA2BD,KAAQ,gBAAgB;AAAA,IAAA;AAAA,EAEzD,GAiBMK,IAA6D;AAAA,IACjE,WAhBgD;AAAA,MAChD,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,QAAQ;AAAA,IACV;AAAA,IASE,QAAQ,CAAC;AAAA,IACT,QAR6C;AAAA,MAC7C,SAAS;AAAA,MACT,MAAML,KAAQ;AAAA,IAChB;AAAA,IAME,KAAKI;AAAA,IACL,YAAYD;AAAA,EACd;AAGE,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,wBAAwBT,CAAI;AAAA,MACzC,SAAS,CAACU,MAAY;AACpB,QAAAA,EAAE,gBAAgB,GACdN,KACFA,EAAQM,CAAC;AAAA,MAEb;AAAA,MACC,GAAGT;AAAA,MACH,GAAGM,EAAWP,CAAI;AAAA,IAAA;AAAA,EACrB;AAEJ,GCzEaW,IAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

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

@@ -0,0 +1,53 @@
+import { x as t } from "./vendor-BBfll6i3.js";
+import n, { useMemo as l } from "react";
+import { w as m } from "./withFormControl-DSNvvAPD.js";
+import { S as w, a as d, b as h, c as p } from "./chakra-BqBkjpvZ.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(
+      w,
+      {
+        className: "Switch",
+        "data-testid": "kibble-switch",
+        ref: r,
+        size: i,
+        variant: c,
+        ...o,
+        children: [
+          /* @__PURE__ */ t.jsx(
+            d,
+            {
+              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-B1fXLRiO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.component-B1fXLRiO.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/switch.component-PH9nS7eN.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./vendor-D-x6W6ez.js"),c=require("react"),l=require("./withFormControl-C7uVEpxe.js"),i=require("./chakra-DmF8Cxqs.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-PH9nS7eN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.component-PH9nS7eN.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/tabs.component-6iPTLCx6.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./vendor-D-x6W6ez.js"),m=require("./icon.component-Bmtf4XKw.js"),x=require("./notificationCounter.component-BH6anjzq.js"),d=require("./heading.component-CExbjSBi.js"),o=require("./chakra-DmF8Cxqs.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-6iPTLCx6.js.map

package/dist/chunks/tabs.component-6iPTLCx6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.component-6iPTLCx6.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-DaUZITBw.js

@@ -0,0 +1,87 @@
+import { x as a } from "./vendor-BBfll6i3.js";
+import { I as r } from "./icon.component-B-BWWGO3.js";
+import { N as d } from "./notificationCounter.component-CSuqzMTF.js";
+import { W as n } from "./heading.component-B8niLTxz.js";
+import { W as c, X as x, Y as T, Z as f } from "./chakra-BqBkjpvZ.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-DaUZITBw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.component-DaUZITBw.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-A__B03TA.js

@@ -0,0 +1,66 @@
+import { x as s } from "./vendor-BBfll6i3.js";
+import { forwardRef as b } from "react";
+import { t as T, v as p, w as x } from "./chakra-BqBkjpvZ.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-A__B03TA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.component-A__B03TA.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-BjOfy3Bw.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./vendor-D-x6W6ez.js"),T=require("react"),s=require("./chakra-DmF8Cxqs.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-BjOfy3Bw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.component-BjOfy3Bw.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/tag.types-B-pzEt1I.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.types-B-pzEt1I.js","sources":["../../src/components/Tag/tag.types.ts"],"sourcesContent":["import { Status } from 'shared/types/status';\n\nexport const tagSizes = ['sm', 'md', 'lg'] as const;\nexport type TagSize = (typeof tagSizes)[number];\n\nexport const closeButtonDisplays = ['always', 'never', 'hover'] as const;\nexport type CloseButtonDisplay = (typeof closeButtonDisplays)[number];\n\nexport type TagVariant = Status;\n"],"names":["tagSizes","closeButtonDisplays"],"mappings":"AAEO,MAAMA,IAAW,CAAC,MAAM,MAAM,IAAI,GAG5BC,IAAsB,CAAC,UAAU,SAAS,OAAO;"}
+{"version":3,"file":"tag.types-B-pzEt1I.js","sources":["../../src/components/Tag/tag.types.ts"],"sourcesContent":["import { Status } from \"shared/types/status\";\n\nexport const tagSizes = [\"sm\", \"md\", \"lg\"] as const;\nexport type TagSize = (typeof tagSizes)[number];\n\nexport const closeButtonDisplays = [\"always\", \"never\", \"hover\"] as const;\nexport type CloseButtonDisplay = (typeof closeButtonDisplays)[number];\n\nexport type TagVariant = Status;\n"],"names":["tagSizes","closeButtonDisplays"],"mappings":"AAEO,MAAMA,IAAW,CAAC,MAAM,MAAM,IAAI,GAG5BC,IAAsB,CAAC,UAAU,SAAS,OAAO;"}

package/dist/chunks/tag.types-BnDFgTvb.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.types-BnDFgTvb.js","sources":["../../src/components/Tag/tag.types.ts"],"sourcesContent":["import { Status } from 'shared/types/status';\n\nexport const tagSizes = ['sm', 'md', 'lg'] as const;\nexport type TagSize = (typeof tagSizes)[number];\n\nexport const closeButtonDisplays = ['always', 'never', 'hover'] as const;\nexport type CloseButtonDisplay = (typeof closeButtonDisplays)[number];\n\nexport type TagVariant = Status;\n"],"names":["tagSizes","closeButtonDisplays"],"mappings":"aAEO,MAAMA,EAAW,CAAC,KAAM,KAAM,IAAI,EAG5BC,EAAsB,CAAC,SAAU,QAAS,OAAO"}
+{"version":3,"file":"tag.types-BnDFgTvb.js","sources":["../../src/components/Tag/tag.types.ts"],"sourcesContent":["import { Status } from \"shared/types/status\";\n\nexport const tagSizes = [\"sm\", \"md\", \"lg\"] as const;\nexport type TagSize = (typeof tagSizes)[number];\n\nexport const closeButtonDisplays = [\"always\", \"never\", \"hover\"] as const;\nexport type CloseButtonDisplay = (typeof closeButtonDisplays)[number];\n\nexport type TagVariant = Status;\n"],"names":["tagSizes","closeButtonDisplays"],"mappings":"aAEO,MAAMA,EAAW,CAAC,KAAM,KAAM,IAAI,EAG5BC,EAAsB,CAAC,SAAU,QAAS,OAAO"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("./vendor-D-x6W6ez.js"),x=require("react"),j=require("./button.component-Dufh_y5v.js"),R=require("./heading.component-CExbjSBi.js"),C=require("./menu.component-BEj878EN.js"),E=require("./spinner.component-CUuidnSK.js"),T=require("./tag.component-BjOfy3Bw.js"),k=require("./text.component-CBa_saMP.js"),s=require("./chakra-DmF8Cxqs.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-Bx_hcjU4.js.map

package/dist/chunks/tagBlock.component-Bx_hcjU4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagBlock.component-Bx_hcjU4.js","sources":["../../src/patterns/TagBlock/tagBlock.types.ts","../../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = \"Inactive\",\n  Deleted = \"Deleted\",\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { Tag } from \"components/Tag/tag.component\";\nimport { Text } from \"components/Text/text.component\";\nimport { TagBlockTag, TagDisabledState } from \"./tagBlock.types\";\nimport { MenuButtonProps } from \"components/Menu/components/MenuButton/menuButton.components\";\n\ninterface BaseTagBlockProps {\n  displayTagsInGroups?: boolean;\n  errorText?: string;\n  hasError?: boolean;\n  loading?: boolean;\n  menuProps?: MenuProps;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  tags: TagBlockTag[];\n  title?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted?: false;\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted: true;\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: \"sm\",\n  variant: \"secondarySubtle\",\n  iconName: \"plus\",\n  text: \"Add\",\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = \"This field contains an error\",\n  displayTagsInGroups,\n  loading = false,\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || \"-\";\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) ||\n          tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid=\"kibble-tag-block-tag\"\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? \"text.placeholder\" : \"text\"}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid=\"kibble-tag-block\"\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : \"\"}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? \"hidden\" : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid=\"kibble-tag-block-button-container\"\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid=\"kibble-tag-block-menu\"\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid=\"kibble-tag-block-clear-all-button\"\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid=\"kibble-tag-block-delete-button\"\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid=\"kibble-tag-block-tag-container\"\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box\n                    className=\"TagBlock__GroupTitle\"\n                    data-testid=\"kibble-tag-block-group-title\"\n                  >\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text\n          className=\"TagBlock__Error\"\n          data-testid=\"kibble-tag-block-error\"\n          mt={2}\n          size=\"xs\"\n          as=\"p\"\n          variant=\"danger\"\n        >\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}