@televet/kibble-ui 5.0.11 → 5.0.13-steve.0

package/dist/chunks/{radioGroup.types-0Zm45X5i.js → radioGroup.types-DxRSugsr.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),g=require("./withFormControl-BSlIlVY0.js"),d=require("react"),T=require("./text.component-BDDz5KQP.js"),B=require("./create-slot-recipe-context-HXE1VazG.js"),F=require("./radiomark-Cj0NEJeE.js"),i=require("./use-locale-context-ym21RUxU.js"),v=require("./index-D6HBfqAu.js"),m=require("./index-CQURjLlA.js"),M=require("./buttonGroup.component-CG_9edvt.js"),h=require("./button.recipe-DyIe5w68.js"),O=require("./stack-BE-r1yqU.js"),D=o=>o&&o.__esModule?o:{default:o},V=D(d),[E,x]=i.createContext({name:"RadioGroupContext",hookName:"useRadioGroupContext",providerName:"<RadioGroupProvider />"}),[J,K]=i.createContext({name:"RadioGroupItemContext",hookName:"useRadioGroupItemContext",providerName:"<RadioGroupItemProvider />"}),[Q,f]=i.createContext({name:"RadioGroupItemPropsContext",hookName:"useRadioGroupItemPropsContext",providerName:"<RadioGroupItemPropsProvider />"}),y=d.forwardRef((o,r)=>{const[t,e]=i.createSplitProps()(o,["value","disabled","invalid"]),a=x(),n=m.mergeProps(a.getItemProps(t),e),u=a.getItemState(t);return s.jsxRuntimeExports.jsx(J,{value:u,children:s.jsxRuntimeExports.jsx(Q,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.label,{...n,ref:r})})})});y.displayName="RadioGroupItem";const U=o=>o.children(K()),C=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemControlProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:r})});C.displayName="RadioGroupItemControl";const w=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemHiddenInputProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.input,{...a,ref:r})});w.displayName="RadioGroupItemHiddenInput";const b=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemTextProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.span,{...a,ref:r})});b.displayName="RadioGroupItemText";const k=d.forwardRef((o,r)=>{const t=x(),e=m.mergeProps(t.getLabelProps(),o);return s.jsxRuntimeExports.jsx(i.ark.label,{...e,ref:r})});k.displayName="RadioGroupLabel";const X=o=>{const r=d.useId(),{getRootNode:t}=i.useEnvironmentContext(),{dir:e}=i.useLocaleContext(),a={id:r,dir:e,getRootNode:t,...o},n=i.useMachine(v.machine,a);return v.connect(n,i.normalizeProps)},N=d.forwardRef((o,r)=>{const[t,e]=i.createSplitProps()(o,["defaultValue","disabled","form","id","ids","name","onValueChange","orientation","readOnly","value"]),a=X(t),n=m.mergeProps(a.getRootProps(),e);return s.jsxRuntimeExports.jsx(E,{value:a,children:s.jsxRuntimeExports.jsx(i.ark.div,{...n,ref:r})})});N.displayName="RadioGroupRoot";const _=d.forwardRef((o,r)=>{const[{value:t},e]=i.createSplitProps()(o,["value"]),a=m.mergeProps(t.getRootProps(),e);return s.jsxRuntimeExports.jsx(E,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:r})})});_.displayName="RadioGroupRootProvider";const{withProvider:S,withContext:G,useStyles:Y}=B.createSlotRecipeContext({key:"radioGroup"});S(_,"root",{forwardAsChild:!0});const Z=S(N,"root",{forwardAsChild:!0});G(k,"label",{forwardAsChild:!0});const z=G(y,"item",{forwardAsChild:!0}),oo=G(b,"itemText",{forwardAsChild:!0});G(C,"itemControl",{forwardAsChild:!0});const to=d.forwardRef(function(r,t){const e=Y();return s.jsxRuntimeExports.jsx(U,{children:a=>s.jsxRuntimeExports.jsx(C,{asChild:!0,children:s.jsxRuntimeExports.jsx(F.Radiomark,{ref:t,unstyled:!0,...r,checked:a.checked,disabled:a.disabled,css:[e.itemControl,r.css]})})})}),eo=w,q=V.default.forwardRef(({children:o,disabled:r=!1,invalid:t=!1,onContrast:e=!1,radioRef:a,radioType:n,rootRef:u,size:l="md",["data-testid"]:p="kibble-radio",...R},P)=>s.jsxRuntimeExports.jsxs(z,{className:"Radio","data-testid":p,invalid:t,disabled:r,ref:u,...R,children:[s.jsxRuntimeExports.jsx(eo,{className:"Radio__Input","data-testid":`${p}-input`,ref:a||P}),s.jsxRuntimeExports.jsx(to,{className:"Radio__Indicator","data-testid":`${p}-indicator`}),o&&s.jsxRuntimeExports.jsx(oo,{className:"Radio__Text","data-testid":`${p}-label`,...n==="cards"&&typeof o!="string"&&{mt:"-4px"},children:typeof o=="string"?s.jsxRuntimeExports.jsx(T.WrappedText,{size:l,lineHeight:"unset",variant:e?"onContrast":"default",children:o}):o})]}));q.displayName="Radio";const ro=g.withFormControl(q),$=({radios:o,defaultValue:r,direction:t="column",disabled:e,invalid:a,onContrast:n,size:u="md",radioType:l="default",onValueChange:p,value:R,gap:P=2,radioAlignment:A="start",["data-testid"]:H="kibble-radio-group",...L})=>{const W=n?"onContrast":"default";return s.jsxRuntimeExports.jsx(Z,{className:"RadioGroup","data-testid":H,disabled:e,defaultValue:r,value:R,size:u,variant:W,withCard:l==="cards",radioAlignment:A,onValueChange:p,...L,children:l==="buttons"?s.jsxRuntimeExports.jsx(M.ButtonGroup,{onContrast:n,variant:"secondarySubtle",size:u,buttons:o.map((c,j)=>{const I=r===c.value||R===c.value;return{key:`button-radio-${j}`,children:c.children,active:I,disabled:e,"data-testid":c["data-testid"],onClick:()=>p?.({value:c.value}),...e&&I&&{...n?h.secondarySubtleOnContrastButtonStyles:h.secondarySubtleButtonStyles}}})}):s.jsxRuntimeExports.jsx(O.Stack,{gap:P,direction:t,children:o.map((c,j)=>s.jsxRuntimeExports.jsx(ro,{invalid:a,disabled:e,size:u,radioType:l,onContrast:n,...t==="row"&&{fullWidth:!1},...c},`radio-${j}`))})})};$.displayName="RadioGroup";const so=g.withFormControl($),ao=["default","buttons","cards"],io=["start","center","end"];exports.WrappedRadioGroup=so;exports.radioAlignments=io;exports.radioTypes=ao;
-//# sourceMappingURL=radioGroup.types-0Zm45X5i.js.map
+"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),g=require("./withFormControl-BSlIlVY0.js"),d=require("react"),T=require("./text.component-BDDz5KQP.js"),B=require("./create-slot-recipe-context-HXE1VazG.js"),F=require("./radiomark-Cj0NEJeE.js"),i=require("./use-locale-context-ym21RUxU.js"),v=require("./index-D6HBfqAu.js"),m=require("./index-CQURjLlA.js"),M=require("./buttonGroup.component-BXiKIlPf.js"),h=require("./button.recipe-DyIe5w68.js"),O=require("./stack-BE-r1yqU.js"),D=o=>o&&o.__esModule?o:{default:o},V=D(d),[E,x]=i.createContext({name:"RadioGroupContext",hookName:"useRadioGroupContext",providerName:"<RadioGroupProvider />"}),[J,K]=i.createContext({name:"RadioGroupItemContext",hookName:"useRadioGroupItemContext",providerName:"<RadioGroupItemProvider />"}),[Q,f]=i.createContext({name:"RadioGroupItemPropsContext",hookName:"useRadioGroupItemPropsContext",providerName:"<RadioGroupItemPropsProvider />"}),y=d.forwardRef((o,r)=>{const[t,e]=i.createSplitProps()(o,["value","disabled","invalid"]),a=x(),n=m.mergeProps(a.getItemProps(t),e),u=a.getItemState(t);return s.jsxRuntimeExports.jsx(J,{value:u,children:s.jsxRuntimeExports.jsx(Q,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.label,{...n,ref:r})})})});y.displayName="RadioGroupItem";const U=o=>o.children(K()),C=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemControlProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:r})});C.displayName="RadioGroupItemControl";const w=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemHiddenInputProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.input,{...a,ref:r})});w.displayName="RadioGroupItemHiddenInput";const b=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemTextProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.span,{...a,ref:r})});b.displayName="RadioGroupItemText";const k=d.forwardRef((o,r)=>{const t=x(),e=m.mergeProps(t.getLabelProps(),o);return s.jsxRuntimeExports.jsx(i.ark.label,{...e,ref:r})});k.displayName="RadioGroupLabel";const X=o=>{const r=d.useId(),{getRootNode:t}=i.useEnvironmentContext(),{dir:e}=i.useLocaleContext(),a={id:r,dir:e,getRootNode:t,...o},n=i.useMachine(v.machine,a);return v.connect(n,i.normalizeProps)},N=d.forwardRef((o,r)=>{const[t,e]=i.createSplitProps()(o,["defaultValue","disabled","form","id","ids","name","onValueChange","orientation","readOnly","value"]),a=X(t),n=m.mergeProps(a.getRootProps(),e);return s.jsxRuntimeExports.jsx(E,{value:a,children:s.jsxRuntimeExports.jsx(i.ark.div,{...n,ref:r})})});N.displayName="RadioGroupRoot";const _=d.forwardRef((o,r)=>{const[{value:t},e]=i.createSplitProps()(o,["value"]),a=m.mergeProps(t.getRootProps(),e);return s.jsxRuntimeExports.jsx(E,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:r})})});_.displayName="RadioGroupRootProvider";const{withProvider:S,withContext:G,useStyles:Y}=B.createSlotRecipeContext({key:"radioGroup"});S(_,"root",{forwardAsChild:!0});const Z=S(N,"root",{forwardAsChild:!0});G(k,"label",{forwardAsChild:!0});const z=G(y,"item",{forwardAsChild:!0}),oo=G(b,"itemText",{forwardAsChild:!0});G(C,"itemControl",{forwardAsChild:!0});const to=d.forwardRef(function(r,t){const e=Y();return s.jsxRuntimeExports.jsx(U,{children:a=>s.jsxRuntimeExports.jsx(C,{asChild:!0,children:s.jsxRuntimeExports.jsx(F.Radiomark,{ref:t,unstyled:!0,...r,checked:a.checked,disabled:a.disabled,css:[e.itemControl,r.css]})})})}),eo=w,q=V.default.forwardRef(({children:o,disabled:r=!1,invalid:t=!1,onContrast:e=!1,radioRef:a,radioType:n,rootRef:u,size:l="md",["data-testid"]:p="kibble-radio",...R},P)=>s.jsxRuntimeExports.jsxs(z,{className:"Radio","data-testid":p,invalid:t,disabled:r,ref:u,...R,children:[s.jsxRuntimeExports.jsx(eo,{className:"Radio__Input","data-testid":`${p}-input`,ref:a||P}),s.jsxRuntimeExports.jsx(to,{className:"Radio__Indicator","data-testid":`${p}-indicator`}),o&&s.jsxRuntimeExports.jsx(oo,{className:"Radio__Text","data-testid":`${p}-label`,...n==="cards"&&typeof o!="string"&&{mt:"-4px"},children:typeof o=="string"?s.jsxRuntimeExports.jsx(T.WrappedText,{size:l,lineHeight:"unset",variant:e?"onContrast":"default",children:o}):o})]}));q.displayName="Radio";const ro=g.withFormControl(q),$=({radios:o,defaultValue:r,direction:t="column",disabled:e,invalid:a,onContrast:n,size:u="md",radioType:l="default",onValueChange:p,value:R,gap:P=2,radioAlignment:A="start",["data-testid"]:H="kibble-radio-group",...L})=>{const W=n?"onContrast":"default";return s.jsxRuntimeExports.jsx(Z,{className:"RadioGroup","data-testid":H,disabled:e,defaultValue:r,value:R,size:u,variant:W,withCard:l==="cards",radioAlignment:A,onValueChange:p,...L,children:l==="buttons"?s.jsxRuntimeExports.jsx(M.ButtonGroup,{onContrast:n,variant:"secondarySubtle",size:u,buttons:o.map((c,j)=>{const I=r===c.value||R===c.value;return{key:`button-radio-${j}`,children:c.children,active:I,disabled:e,"data-testid":c["data-testid"],onClick:()=>p?.({value:c.value}),...e&&I&&{...n?h.secondarySubtleOnContrastButtonStyles:h.secondarySubtleButtonStyles}}})}):s.jsxRuntimeExports.jsx(O.Stack,{gap:P,direction:t,children:o.map((c,j)=>s.jsxRuntimeExports.jsx(ro,{invalid:a,disabled:e,size:u,radioType:l,onContrast:n,...t==="row"&&{fullWidth:!1},...c},`radio-${j}`))})})};$.displayName="RadioGroup";const so=g.withFormControl($),ao=["default","buttons","cards"],io=["start","center","end"];exports.WrappedRadioGroup=so;exports.radioAlignments=io;exports.radioTypes=ao;
+//# sourceMappingURL=radioGroup.types-DxRSugsr.js.map

package/dist/chunks/{radioGroup.types-0Zm45X5i.js.map → radioGroup.types-DxRSugsr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.types-0Zm45X5i.js","sources":["../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-label.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx","../../src/components/RadioGroup/radioGroup.types.ts"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupProvider, useRadioGroupContext] = createContext({\n  name: \"RadioGroupContext\",\n  hookName: \"useRadioGroupContext\",\n  providerName: \"<RadioGroupProvider />\"\n});\n\nexport { RadioGroupProvider, useRadioGroupContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemProvider, useRadioGroupItemContext] = createContext({\n  name: \"RadioGroupItemContext\",\n  hookName: \"useRadioGroupItemContext\",\n  providerName: \"<RadioGroupItemProvider />\"\n});\n\nexport { RadioGroupItemProvider, useRadioGroupItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({\n  name: \"RadioGroupItemPropsContext\",\n  hookName: \"useRadioGroupItemPropsContext\",\n  providerName: \"<RadioGroupItemPropsProvider />\"\n});\n\nexport { RadioGroupItemPropsProvider, useRadioGroupItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { RadioGroupItemProvider } from './use-radio-group-item-context.js';\nimport { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"value\", \"disabled\", \"invalid\"]);\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);\n  const itemState = radioGroup.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(RadioGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(RadioGroupItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) }) });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\n\nexport { RadioGroupItem };\n","'use client';\nimport { useRadioGroupItemContext } from './use-radio-group-item-context.js';\n\nconst RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());\n\nexport { RadioGroupItemContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemControl = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemControlProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nRadioGroupItemControl.displayName = \"RadioGroupItemControl\";\n\nexport { RadioGroupItemControl };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemHiddenInput = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemHiddenInputProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nRadioGroupItemHiddenInput.displayName = \"RadioGroupItemHiddenInput\";\n\nexport { RadioGroupItemHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemText = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemTextProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nRadioGroupItemText.displayName = \"RadioGroupItemText\";\n\nexport { RadioGroupItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\n\nconst RadioGroupLabel = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nRadioGroupLabel.displayName = \"RadioGroupLabel\";\n\nexport { RadioGroupLabel };\n","'use client';\nimport * as radio from '@zag-js/radio-group';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useRadioGroup = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(radio.machine, machineProps);\n  return radio.connect(service, normalizeProps);\n};\n\nexport { useRadioGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroup } from './use-radio-group.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRoot = forwardRef((props, ref) => {\n  const [useRadioGroupProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"name\",\n    \"onValueChange\",\n    \"orientation\",\n    \"readOnly\",\n    \"value\"\n  ]);\n  const radioGroup = useRadioGroup(useRadioGroupProps);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRoot.displayName = \"RadioGroupRoot\";\n\nexport { RadioGroupRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRootProvider = forwardRef((props, ref) => {\n  const [{ value: radioGroup }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRootProvider.displayName = \"RadioGroupRootProvider\";\n\nexport { RadioGroupRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { RadioGroup } from '@ark-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { Radiomark } from '../radiomark/radiomark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRadioGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"radioGroup\" });\nconst RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RadioGroupRoot = withProvider(\n  RadioGroup.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst RadioGroupPropsProvider = PropsProvider;\nconst RadioGroupLabel = withContext(RadioGroup.Label, \"label\", { forwardAsChild: true });\nconst RadioGroupItem = withContext(\n  RadioGroup.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst RadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\", { forwardAsChild: true });\nconst RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { forwardAsChild: true });\nconst RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {\n  const styles = useRadioGroupStyles();\n  return /* @__PURE__ */ jsx(RadioGroup.ItemContext, { children: (itemState) => /* @__PURE__ */ jsx(RadioGroup.ItemControl, { asChild: true, children: /* @__PURE__ */ jsx(\n    Radiomark,\n    {\n      ref,\n      unstyled: true,\n      ...props,\n      checked: itemState.checked,\n      disabled: itemState.disabled,\n      css: [styles[\"itemControl\"], props.css]\n    }\n  ) }) });\n});\nconst RadioGroupContext = RadioGroup.Context;\nconst RadioGroupItemContext = RadioGroup.ItemContext;\nconst RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n\nexport { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };\n","import React from 'react';\nimport { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\nimport { RadioType } from 'components/RadioGroup/radioGroup.types';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  /** If true, the radio will render a contrasting variant.\n   * @default false\n   */\n  onContrast?: boolean;\n  /** Ref to the hidden input element. */\n  radioRef?: React.Ref<HTMLInputElement | null>;\n  /** Ref to the radio component. */\n  rootRef?: React.Ref<HTMLDivElement | null>;\n  /** Size of the radio.\n   * @default md\n   */\n  size?: FormControlSize;\n  /** Data test id for the radio.\n   * @default kibble-radio\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalRadioProps extends RadioProps {\n  /** Type of the radio.\n   * @internal\n   */\n  radioType?: RadioType;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, InternalRadioProps>(\n  (\n    {\n      children,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      radioType,\n      rootRef,\n      size = 'md',\n      ['data-testid']: dataTestId = 'kibble-radio',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid={dataTestId}\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioGroup.ItemHiddenInput\n          className=\"Radio__Input\"\n          data-testid={`${dataTestId}-input`}\n          ref={radioRef || ref}\n        />\n        <RadioGroup.ItemIndicator className=\"Radio__Indicator\" data-testid={`${dataTestId}-indicator`} />\n        {children && (\n          <RadioGroup.ItemText\n            className=\"Radio__Text\"\n            data-testid={`${dataTestId}-label`}\n            {...(radioType === 'cards' && typeof children !== 'string' && { mt: '-4px' })}\n          >\n            {typeof children === 'string' ? (\n              <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                {children}\n              </Text>\n            ) : (\n              children\n            )}\n          </RadioGroup.ItemText>\n        )}\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<InternalRadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Radio, RadioProps } from './components/Radio/radio.component';\nimport { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { RadioAlignment, RadioType } from './radioGroup.types';\nimport { secondarySubtleOnContrastButtonStyles, secondarySubtleButtonStyles } from 'components/Button/button.recipe';\n\nexport interface RadioGroupProps extends WithFormControlProps, CRadioGroup.RootProps {\n  /**\n   * The direction to stack the radios.\n   * @default column\n   */\n  direction?: ConditionalValue<FlexDirection>;\n  /**\n   * Size of the radio group.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * The visual type of the radio group.\n   * @default default\n   */\n  radioType?: RadioType;\n  /** An array of Radio props to be rendered inside the group. See `Radio` for more information. */\n  radios: RadioProps[];\n  /**\n   * The alignment of the radio input element.\n   * @default start\n   */\n  radioAlignment?: RadioAlignment;\n  /** Data test id for the radio group.\n   * @default kibble-radio-group\n   */\n  'data-testid'?: string;\n}\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  size = 'md',\n  radioType = 'default',\n  onValueChange,\n  value,\n  gap = 2,\n  radioAlignment = 'start',\n  ['data-testid']: dataTestId = 'kibble-radio-group',\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid={dataTestId}\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      size={size}\n      variant={_computedVariant}\n      withCard={radioType === 'cards'}\n      radioAlignment={radioAlignment}\n      onValueChange={onValueChange}\n      {...rest}\n    >\n      {radioType === 'buttons' ? (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active = defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              'data-testid': radio['data-testid'],\n              onClick: () => onValueChange?.({ value: radio.value }),\n              ...(disabled &&\n                active && { ...(onContrast ? secondarySubtleOnContrastButtonStyles : secondarySubtleButtonStyles) }),\n            };\n          })}\n        />\n      ) : (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              size={size}\n              radioType={radioType}\n              onContrast={onContrast}\n              {...(direction === 'row' && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n","export const radioTypes = ['default', 'buttons', 'cards'] as const;\nexport type RadioType = (typeof radioTypes)[number];\n\nexport const radioAlignments = ['start', 'center', 'end'] as const;\nexport type RadioAlignment = (typeof radioAlignments)[number];\n"],"names":["RadioGroupProvider","useRadioGroupContext","createContext","RadioGroupItemProvider","useRadioGroupItemContext","RadioGroupItemPropsProvider","useRadioGroupItemPropsContext","RadioGroupItem","forwardRef","props","ref","itemProps","localProps","createSplitProps","radioGroup","mergedProps","mergeProps","itemState","jsx","ark","RadioGroupItemContext","RadioGroupItemControl","RadioGroupItemHiddenInput","RadioGroupItemText","RadioGroupLabel","useRadioGroup","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","radio.machine","radio.connect","normalizeProps","RadioGroupRoot","useRadioGroupProps","RadioGroupRootProvider","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","styles","RadioGroup.ItemContext","Radiomark","RadioGroup.ItemHiddenInput","Radio","React","children","disabled","invalid","onContrast","radioRef","radioType","rootRef","size","dataTestId","rest","jsxs","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onValueChange","value","gap","radioAlignment","_computedVariant","CRadioGroup.Root","ButtonGroup","radio","index","active","secondarySubtleOnContrastButtonStyles","secondarySubtleButtonStyles","Stack","WrappedRadioGroup","radioTypes","radioAlignments"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
+{"version":3,"file":"radioGroup.types-DxRSugsr.js","sources":["../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-label.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx","../../src/components/RadioGroup/radioGroup.types.ts"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupProvider, useRadioGroupContext] = createContext({\n  name: \"RadioGroupContext\",\n  hookName: \"useRadioGroupContext\",\n  providerName: \"<RadioGroupProvider />\"\n});\n\nexport { RadioGroupProvider, useRadioGroupContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemProvider, useRadioGroupItemContext] = createContext({\n  name: \"RadioGroupItemContext\",\n  hookName: \"useRadioGroupItemContext\",\n  providerName: \"<RadioGroupItemProvider />\"\n});\n\nexport { RadioGroupItemProvider, useRadioGroupItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({\n  name: \"RadioGroupItemPropsContext\",\n  hookName: \"useRadioGroupItemPropsContext\",\n  providerName: \"<RadioGroupItemPropsProvider />\"\n});\n\nexport { RadioGroupItemPropsProvider, useRadioGroupItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { RadioGroupItemProvider } from './use-radio-group-item-context.js';\nimport { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"value\", \"disabled\", \"invalid\"]);\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);\n  const itemState = radioGroup.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(RadioGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(RadioGroupItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) }) });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\n\nexport { RadioGroupItem };\n","'use client';\nimport { useRadioGroupItemContext } from './use-radio-group-item-context.js';\n\nconst RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());\n\nexport { RadioGroupItemContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemControl = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemControlProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nRadioGroupItemControl.displayName = \"RadioGroupItemControl\";\n\nexport { RadioGroupItemControl };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemHiddenInput = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemHiddenInputProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nRadioGroupItemHiddenInput.displayName = \"RadioGroupItemHiddenInput\";\n\nexport { RadioGroupItemHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemText = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemTextProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nRadioGroupItemText.displayName = \"RadioGroupItemText\";\n\nexport { RadioGroupItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\n\nconst RadioGroupLabel = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nRadioGroupLabel.displayName = \"RadioGroupLabel\";\n\nexport { RadioGroupLabel };\n","'use client';\nimport * as radio from '@zag-js/radio-group';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useRadioGroup = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(radio.machine, machineProps);\n  return radio.connect(service, normalizeProps);\n};\n\nexport { useRadioGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroup } from './use-radio-group.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRoot = forwardRef((props, ref) => {\n  const [useRadioGroupProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"name\",\n    \"onValueChange\",\n    \"orientation\",\n    \"readOnly\",\n    \"value\"\n  ]);\n  const radioGroup = useRadioGroup(useRadioGroupProps);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRoot.displayName = \"RadioGroupRoot\";\n\nexport { RadioGroupRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRootProvider = forwardRef((props, ref) => {\n  const [{ value: radioGroup }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRootProvider.displayName = \"RadioGroupRootProvider\";\n\nexport { RadioGroupRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { RadioGroup } from '@ark-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { Radiomark } from '../radiomark/radiomark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRadioGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"radioGroup\" });\nconst RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RadioGroupRoot = withProvider(\n  RadioGroup.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst RadioGroupPropsProvider = PropsProvider;\nconst RadioGroupLabel = withContext(RadioGroup.Label, \"label\", { forwardAsChild: true });\nconst RadioGroupItem = withContext(\n  RadioGroup.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst RadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\", { forwardAsChild: true });\nconst RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { forwardAsChild: true });\nconst RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {\n  const styles = useRadioGroupStyles();\n  return /* @__PURE__ */ jsx(RadioGroup.ItemContext, { children: (itemState) => /* @__PURE__ */ jsx(RadioGroup.ItemControl, { asChild: true, children: /* @__PURE__ */ jsx(\n    Radiomark,\n    {\n      ref,\n      unstyled: true,\n      ...props,\n      checked: itemState.checked,\n      disabled: itemState.disabled,\n      css: [styles[\"itemControl\"], props.css]\n    }\n  ) }) });\n});\nconst RadioGroupContext = RadioGroup.Context;\nconst RadioGroupItemContext = RadioGroup.ItemContext;\nconst RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n\nexport { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };\n","import React from 'react';\nimport { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\nimport { RadioType } from 'components/RadioGroup/radioGroup.types';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  /** If true, the radio will render a contrasting variant.\n   * @default false\n   */\n  onContrast?: boolean;\n  /** Ref to the hidden input element. */\n  radioRef?: React.Ref<HTMLInputElement | null>;\n  /** Ref to the radio component. */\n  rootRef?: React.Ref<HTMLDivElement | null>;\n  /** Size of the radio.\n   * @default md\n   */\n  size?: FormControlSize;\n  /** Data test id for the radio.\n   * @default kibble-radio\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalRadioProps extends RadioProps {\n  /** Type of the radio.\n   * @internal\n   */\n  radioType?: RadioType;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, InternalRadioProps>(\n  (\n    {\n      children,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      radioType,\n      rootRef,\n      size = 'md',\n      ['data-testid']: dataTestId = 'kibble-radio',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid={dataTestId}\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioGroup.ItemHiddenInput\n          className=\"Radio__Input\"\n          data-testid={`${dataTestId}-input`}\n          ref={radioRef || ref}\n        />\n        <RadioGroup.ItemIndicator className=\"Radio__Indicator\" data-testid={`${dataTestId}-indicator`} />\n        {children && (\n          <RadioGroup.ItemText\n            className=\"Radio__Text\"\n            data-testid={`${dataTestId}-label`}\n            {...(radioType === 'cards' && typeof children !== 'string' && { mt: '-4px' })}\n          >\n            {typeof children === 'string' ? (\n              <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                {children}\n              </Text>\n            ) : (\n              children\n            )}\n          </RadioGroup.ItemText>\n        )}\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<InternalRadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Radio, RadioProps } from './components/Radio/radio.component';\nimport { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { RadioAlignment, RadioType } from './radioGroup.types';\nimport { secondarySubtleOnContrastButtonStyles, secondarySubtleButtonStyles } from 'components/Button/button.recipe';\n\nexport interface RadioGroupProps extends WithFormControlProps, CRadioGroup.RootProps {\n  /**\n   * The direction to stack the radios.\n   * @default column\n   */\n  direction?: ConditionalValue<FlexDirection>;\n  /**\n   * Size of the radio group.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * The visual type of the radio group.\n   * @default default\n   */\n  radioType?: RadioType;\n  /** An array of Radio props to be rendered inside the group. See `Radio` for more information. */\n  radios: RadioProps[];\n  /**\n   * The alignment of the radio input element.\n   * @default start\n   */\n  radioAlignment?: RadioAlignment;\n  /** Data test id for the radio group.\n   * @default kibble-radio-group\n   */\n  'data-testid'?: string;\n}\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  size = 'md',\n  radioType = 'default',\n  onValueChange,\n  value,\n  gap = 2,\n  radioAlignment = 'start',\n  ['data-testid']: dataTestId = 'kibble-radio-group',\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid={dataTestId}\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      size={size}\n      variant={_computedVariant}\n      withCard={radioType === 'cards'}\n      radioAlignment={radioAlignment}\n      onValueChange={onValueChange}\n      {...rest}\n    >\n      {radioType === 'buttons' ? (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active = defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              'data-testid': radio['data-testid'],\n              onClick: () => onValueChange?.({ value: radio.value }),\n              ...(disabled &&\n                active && { ...(onContrast ? secondarySubtleOnContrastButtonStyles : secondarySubtleButtonStyles) }),\n            };\n          })}\n        />\n      ) : (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              size={size}\n              radioType={radioType}\n              onContrast={onContrast}\n              {...(direction === 'row' && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n","export const radioTypes = ['default', 'buttons', 'cards'] as const;\nexport type RadioType = (typeof radioTypes)[number];\n\nexport const radioAlignments = ['start', 'center', 'end'] as const;\nexport type RadioAlignment = (typeof radioAlignments)[number];\n"],"names":["RadioGroupProvider","useRadioGroupContext","createContext","RadioGroupItemProvider","useRadioGroupItemContext","RadioGroupItemPropsProvider","useRadioGroupItemPropsContext","RadioGroupItem","forwardRef","props","ref","itemProps","localProps","createSplitProps","radioGroup","mergedProps","mergeProps","itemState","jsx","ark","RadioGroupItemContext","RadioGroupItemControl","RadioGroupItemHiddenInput","RadioGroupItemText","RadioGroupLabel","useRadioGroup","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","radio.machine","radio.connect","normalizeProps","RadioGroupRoot","useRadioGroupProps","RadioGroupRootProvider","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","styles","RadioGroup.ItemContext","Radiomark","RadioGroup.ItemHiddenInput","Radio","React","children","disabled","invalid","onContrast","radioRef","radioType","rootRef","size","dataTestId","rest","jsxs","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onValueChange","value","gap","radioAlignment","_computedVariant","CRadioGroup.Root","ButtonGroup","radio","index","active","secondarySubtleOnContrastButtonStyles","secondarySubtleButtonStyles","Stack","WrappedRadioGroup","radioTypes","radioAlignments"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}

package/dist/chunks/{tagBlock.component-AV6xuUPp.js → tagBlock.component-BKYJDU4L.js}

@@ -3,7 +3,7 @@ import v, { useCallback as g } from "react";
 import { B as s } from "./index-9BerxEcw.js";
 import { B as j } from "./button.component-BO6oee_V.js";
 import { W as w } from "./heading.component-PFNpLFT7.js";
-import { M as W } from "./menu.component-CnzGT_y3.js";
+import { M as W } from "./menu.component-Cq9sPsTJ.js";
 import { S as $ } from "./spinner.component-D3s81AJH.js";
 import { T as y } from "./tag.component-B7V76XfM.js";
 import { W as B } from "./text.component-IjomJyJY.js";
@@ -167,4 +167,4 @@ export {
   G as T,
   d as a
 };
-//# sourceMappingURL=tagBlock.component-AV6xuUPp.js.map
+//# sourceMappingURL=tagBlock.component-BKYJDU4L.js.map

package/dist/chunks/{tagBlock.component-AV6xuUPp.js.map → tagBlock.component-BKYJDU4L.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tagBlock.component-AV6xuUPp.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/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.component';\n\ninterface BaseTagBlockProps {\n  /**\n   * If true, tags will be grouped by the `groupName` property of the tag object. If false, tags will be displayed in a single group.\n   * @default false\n   */\n  displayTagsInGroups?: boolean;\n  /**\n   * The error message to be displayed if the `hasError` prop is set to true.\n   * @default This field contains an error\n   */\n  errorText?: string;\n  /**\n   * If true, the tag block will show an error message and have error styling. You can customize the error message with the `errorText` prop.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * If true, a loading spinner will cover the tag block preventing users from making further selections.\n   * @default false\n   */\n  loading?: boolean;\n  /** Configuration for the Menu component. See `Menu` stories for more information. */\n  menuProps?: MenuProps;\n  /** Callback function fired when user clicks the clear all button which unselects all items in the menu and removes all tags from the tag block. */\n  onClearAll?: () => void;\n  /** Callback function fired when user clicks the close button on an individual tag to remove the tag from the tag block. Args include the tag id of the deleted tag and an array of the remaining selected tags. */\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  /** The selected items to be shown as tags in the tag block. */\n  tags: TagBlockTag[];\n  /** The title of the tag block, if provided, will be shown next to the add new menu button. */\n  title?: string;\n  /** Data test id for the tag block. */\n  'data-testid'?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted?: false;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted: true;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is 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  ['data-testid']: dataTestId = 'kibble-tag-block',\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) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid={`${dataTestId}-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, dataTestId],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid={dataTestId}\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={`${dataTestId}-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={`${dataTestId}-menu`}\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid={`${dataTestId}-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={`${dataTestId}-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={`${dataTestId}-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 className=\"TagBlock__GroupTitle\" data-testid={`${dataTestId}-group-title`}>\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 className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" variant=\"danger\">\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","dataTestId","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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"}
+{"version":3,"file":"tagBlock.component-BKYJDU4L.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/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.component';\n\ninterface BaseTagBlockProps {\n  /**\n   * If true, tags will be grouped by the `groupName` property of the tag object. If false, tags will be displayed in a single group.\n   * @default false\n   */\n  displayTagsInGroups?: boolean;\n  /**\n   * The error message to be displayed if the `hasError` prop is set to true.\n   * @default This field contains an error\n   */\n  errorText?: string;\n  /**\n   * If true, the tag block will show an error message and have error styling. You can customize the error message with the `errorText` prop.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * If true, a loading spinner will cover the tag block preventing users from making further selections.\n   * @default false\n   */\n  loading?: boolean;\n  /** Configuration for the Menu component. See `Menu` stories for more information. */\n  menuProps?: MenuProps;\n  /** Callback function fired when user clicks the clear all button which unselects all items in the menu and removes all tags from the tag block. */\n  onClearAll?: () => void;\n  /** Callback function fired when user clicks the close button on an individual tag to remove the tag from the tag block. Args include the tag id of the deleted tag and an array of the remaining selected tags. */\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  /** The selected items to be shown as tags in the tag block. */\n  tags: TagBlockTag[];\n  /** The title of the tag block, if provided, will be shown next to the add new menu button. */\n  title?: string;\n  /** Data test id for the tag block. */\n  'data-testid'?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted?: false;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted: true;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is 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  ['data-testid']: dataTestId = 'kibble-tag-block',\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) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid={`${dataTestId}-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, dataTestId],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid={dataTestId}\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={`${dataTestId}-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={`${dataTestId}-menu`}\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid={`${dataTestId}-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={`${dataTestId}-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={`${dataTestId}-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 className=\"TagBlock__GroupTitle\" data-testid={`${dataTestId}-group-title`}>\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 className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" variant=\"danger\">\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","dataTestId","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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"}

package/dist/chunks/{tagBlock.component-CAi-5XT3.js → tagBlock.component-BWXHnUPn.js}

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

package/dist/chunks/{tagBlock.component-CAi-5XT3.js.map → tagBlock.component-BWXHnUPn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tagBlock.component-CAi-5XT3.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/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.component';\n\ninterface BaseTagBlockProps {\n  /**\n   * If true, tags will be grouped by the `groupName` property of the tag object. If false, tags will be displayed in a single group.\n   * @default false\n   */\n  displayTagsInGroups?: boolean;\n  /**\n   * The error message to be displayed if the `hasError` prop is set to true.\n   * @default This field contains an error\n   */\n  errorText?: string;\n  /**\n   * If true, the tag block will show an error message and have error styling. You can customize the error message with the `errorText` prop.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * If true, a loading spinner will cover the tag block preventing users from making further selections.\n   * @default false\n   */\n  loading?: boolean;\n  /** Configuration for the Menu component. See `Menu` stories for more information. */\n  menuProps?: MenuProps;\n  /** Callback function fired when user clicks the clear all button which unselects all items in the menu and removes all tags from the tag block. */\n  onClearAll?: () => void;\n  /** Callback function fired when user clicks the close button on an individual tag to remove the tag from the tag block. Args include the tag id of the deleted tag and an array of the remaining selected tags. */\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  /** The selected items to be shown as tags in the tag block. */\n  tags: TagBlockTag[];\n  /** The title of the tag block, if provided, will be shown next to the add new menu button. */\n  title?: string;\n  /** Data test id for the tag block. */\n  'data-testid'?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted?: false;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted: true;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is 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  ['data-testid']: dataTestId = 'kibble-tag-block',\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) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid={`${dataTestId}-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, dataTestId],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid={dataTestId}\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={`${dataTestId}-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={`${dataTestId}-menu`}\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid={`${dataTestId}-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={`${dataTestId}-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={`${dataTestId}-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 className=\"TagBlock__GroupTitle\" data-testid={`${dataTestId}-group-title`}>\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 className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" variant=\"danger\">\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","dataTestId","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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"}
+{"version":3,"file":"tagBlock.component-BWXHnUPn.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/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.component';\n\ninterface BaseTagBlockProps {\n  /**\n   * If true, tags will be grouped by the `groupName` property of the tag object. If false, tags will be displayed in a single group.\n   * @default false\n   */\n  displayTagsInGroups?: boolean;\n  /**\n   * The error message to be displayed if the `hasError` prop is set to true.\n   * @default This field contains an error\n   */\n  errorText?: string;\n  /**\n   * If true, the tag block will show an error message and have error styling. You can customize the error message with the `errorText` prop.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * If true, a loading spinner will cover the tag block preventing users from making further selections.\n   * @default false\n   */\n  loading?: boolean;\n  /** Configuration for the Menu component. See `Menu` stories for more information. */\n  menuProps?: MenuProps;\n  /** Callback function fired when user clicks the clear all button which unselects all items in the menu and removes all tags from the tag block. */\n  onClearAll?: () => void;\n  /** Callback function fired when user clicks the close button on an individual tag to remove the tag from the tag block. Args include the tag id of the deleted tag and an array of the remaining selected tags. */\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  /** The selected items to be shown as tags in the tag block. */\n  tags: TagBlockTag[];\n  /** The title of the tag block, if provided, will be shown next to the add new menu button. */\n  title?: string;\n  /** Data test id for the tag block. */\n  'data-testid'?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted?: false;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is true. */\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  /**\n   * If true, a delete button will be shown so that the block can be removed. If set to true the `handleDelete` prop should also be specified.\n   * @default false\n   */\n  canBeDeleted: true;\n  /** Function passed to be called when clicking the delete button on the tag block. Only relevant if the `canBeDeleted` prop is 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  ['data-testid']: dataTestId = 'kibble-tag-block',\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) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid={`${dataTestId}-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, dataTestId],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid={dataTestId}\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={`${dataTestId}-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={`${dataTestId}-menu`}\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid={`${dataTestId}-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={`${dataTestId}-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={`${dataTestId}-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 className=\"TagBlock__GroupTitle\" data-testid={`${dataTestId}-group-title`}>\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 className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" variant=\"danger\">\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","dataTestId","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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"}

package/dist/cjs/components/AvatarGroup/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/avatarGroup.component-BMURlfFa.js");exports.AvatarGroup=r.AvatarGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/avatarGroup.component-BHchH_tF.js");exports.AvatarGroup=r.AvatarGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/ButtonGroup/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/buttonGroup.component-CG_9edvt.js");exports.ButtonGroup=t.ButtonGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/buttonGroup.component-BXiKIlPf.js");exports.ButtonGroup=t.ButtonGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Calendar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/calendar.component-BrX5Jcu7.js");exports.Calendar=e.Calendar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/calendar.component-UFfX5orO.js");exports.Calendar=e.Calendar;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Checkbox/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/checkbox.component-C_Ytpxgh.js");exports.Checkbox=e.WrappedCheckbox;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/checkbox.component-DdOVYSSc.js");exports.Checkbox=e.WrappedCheckbox;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/CheckboxGroup/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/checkboxGroup.component-ByawKeXH.js");exports.CheckboxGroup=e.WrappedCheckboxGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/checkboxGroup.component-CvHKP7gd.js");exports.CheckboxGroup=e.WrappedCheckboxGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/ConversationCard/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/conversationCard.component-DHXX77Ye.js");exports.ConversationCard=e.ConversationCard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/conversationCard.component-0D3jmvOf.js");exports.ConversationCard=e.ConversationCard;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/DatePicker/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/datePicker.component-Bl11U0Fj.js"),t=require("../../../chunks/datePicker.provider-CGwAC0Lf.js");exports.DatePicker=e.DatePicker;exports.DateFormats=t.DateFormats;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/datePicker.component-mE9U6yIL.js"),t=require("../../../chunks/datePicker.provider-J59sC_GD.js");exports.DatePicker=e.DatePicker;exports.DateFormats=t.DateFormats;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/DateTimePicker/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/dateTimePicker.component-AxXtR998.js");exports.DateTimePicker=e.DateTimePicker;exports.DateTimePickerDefaultOptionValue=e.DateTimePickerDefaultOptionValue;exports.calendarViews=e.calendarViews;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/dateTimePicker.component-CmpTclKA.js");exports.DateTimePicker=e.DateTimePicker;exports.DateTimePickerDefaultOptionValue=e.DateTimePickerDefaultOptionValue;exports.calendarViews=e.calendarViews;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Menu/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/menu.component-B5f6m2Z9.js");exports.Menu=e.Menu;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/menu.component-DypBuCwv.js");exports.Menu=e.Menu;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/RadioGroup/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/radioGroup.types-0Zm45X5i.js");exports.RadioGroup=e.WrappedRadioGroup;exports.radioAlignments=e.radioAlignments;exports.radioTypes=e.radioTypes;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/radioGroup.types-DxRSugsr.js");exports.RadioGroup=e.WrappedRadioGroup;exports.radioAlignments=e.radioAlignments;exports.radioTypes=e.radioTypes;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/TagBlock/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/tagBlock.component-CAi-5XT3.js");exports.TagBlock=e.TagBlock;exports.TagDisabledState=e.TagDisabledState;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/tagBlock.component-BWXHnUPn.js");exports.TagBlock=e.TagBlock;exports.TagDisabledState=e.TagDisabledState;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../chunks/alert.types-Ch8hn5HY.js"),v=require("../../chunks/avatar.component-BGgZoVJS.js"),c=require("../../chunks/avatar.types-Bmt5Uhfb.js"),T=require("../../chunks/avatarGroup.component-BMURlfFa.js"),g=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-DXP4uRV8.js"),b=require("../../chunks/buttonGroup.component-CG_9edvt.js"),y=require("../../chunks/calendar.component-BrX5Jcu7.js"),P=require("../../chunks/card.component-BmBiYbMV.js"),C=require("../../chunks/card.types-MvkQTTZF.js"),k=require("../../chunks/characterCounter.component-BRHLt929.js"),z=require("../../chunks/checkbox.component-C_Ytpxgh.js"),h=require("../../chunks/checkboxGroup.component-ByawKeXH.js"),D=require("../../chunks/conversationCard.component-DHXX77Ye.js"),I=require("../../chunks/datePicker.component-Bl11U0Fj.js"),x=require("../../chunks/datePicker.provider-CGwAC0Lf.js"),o=require("../../chunks/dateTimePicker.component-AxXtR998.js"),V=require("../../chunks/divider.component-BX3zyB7O.js"),n=require("../../chunks/divider.types-DBNcs0IR.js"),f=require("../../chunks/heading.component-DnoZOXdz.js"),A=require("../../chunks/icon.component-B1hr5lLa.js"),B=require("../../chunks/icon.types-2obj_NKG.js"),W=require("../../chunks/link.component-_YXG8MDq.js"),p=require("../../chunks/logo.types-88a31xCx.js"),G=require("../../chunks/menu.component-B5f6m2Z9.js"),t=require("../../chunks/modal.types-D_t0UdS6.js"),R=require("../../chunks/notificationCounter.component-CBwi5vXa.js"),u=require("../../chunks/notificationCounter.types-B_-siNfi.js"),w=require("../../chunks/picture.component-BA2hgdZy.js"),d=require("../../chunks/pinInput.types-ftBwVMLj.js"),M=require("../../chunks/popover.component-C0nG3J1J.js"),r=require("../../chunks/popover.types-ChA9ccQ2.js"),i=require("../../chunks/radioGroup.types-0Zm45X5i.js"),L=require("../../chunks/radiomark.component-YJNr68s7.js"),O=require("../../chunks/rating.component-FYKS_NCl.js"),N=require("../../chunks/ratingDots.component-DesbSj0q.js"),F=require("../../chunks/select.component-D-1YMPU9.js"),H=require("../../chunks/sortableList.component-2yX2pXs7.js"),j=require("../../chunks/spinner.component-Dq6u4vVL.js"),E=require("../../chunks/spinner.types-BCLN5-H2.js"),m=require("../../chunks/styledAvatar.types-BG2G_U-W.js"),l=require("../../chunks/swatch.types-AZLB8OWG.js"),J=require("../../chunks/switch.component-Bs-8D1pU.js"),a=require("../../chunks/tab.types-BWtosyjE.js"),K=require("../../chunks/tag.component-C98Wf07v.js"),_=require("../../chunks/tag.types-BnDFgTvb.js"),q=require("../../chunks/tagBlock.component-CAi-5XT3.js"),Q=require("../../chunks/text.component-BDDz5KQP.js"),U=require("../../chunks/textInput.component-DzUKTy1w.js"),X=require("../../chunks/textarea.component-DteG1L4y.js"),S=require("../../chunks/timePicker.component-BbDzVLdb.js"),Y=require("../../chunks/timeRange.component-DyB1Jo1d.js"),Z=require("../../chunks/timestamp.component-BfmZPfy5.js"),$=require("./Toast/index.cjs"),ee=require("../../chunks/tooltip.component-DBw-hAPU.js"),te=require("../../chunks/numberInput.component-DG6IWAHs.js");exports.Alert=s.Alert;exports.alertButtonPositions=s.alertButtonPositions;exports.Avatar=v.Avatar;exports.avatarSizes=c.avatarSizes;exports.avatarVariants=c.avatarVariants;exports.AvatarGroup=T.AvatarGroup;exports.Button=g.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=b.ButtonGroup;exports.Calendar=y.Calendar;exports.Card=P.Card;exports.cardSizes=C.cardSizes;exports.CharacterCounter=k.CharacterCounter;exports.Checkbox=z.WrappedCheckbox;exports.CheckboxGroup=h.WrappedCheckboxGroup;exports.ConversationCard=D.ConversationCard;exports.DatePicker=I.DatePicker;exports.DateFormats=x.DateFormats;exports.DateTimePicker=o.DateTimePicker;exports.DateTimePickerDefaultOptionValue=o.DateTimePickerDefaultOptionValue;exports.calendarViews=o.calendarViews;exports.Divider=V.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=f.WrappedHeading;exports.Icon=A.Icon;exports.iconSizes=B.iconSizes;exports.Link=W.Link;exports.Logo=p.Logo;exports.logoTypes=p.logoTypes;exports.Menu=G.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=R.NotificationCounter;exports.notificationCounterSizes=u.notificationCounterSizes;exports.notificationCounterVariants=u.notificationCounterVariants;exports.Picture=w.Picture;exports.PinInput=d.WrappedPinInput;exports.pinInputTypes=d.pinInputTypes;exports.Popover=M.Popover;exports.popoverSizes=r.popoverSizes;exports.popoverTriggerTypes=r.popoverTriggerTypes;exports.popoverVariants=r.popoverVariants;exports.RadioGroup=i.WrappedRadioGroup;exports.radioAlignments=i.radioAlignments;exports.radioTypes=i.radioTypes;exports.Radiomark=L.Radiomark;exports.Rating=O.WrappedRating;exports.RatingDots=N.WrappedRatingDots;exports.Select=F.WrappedSelect;exports.SortableList=H.SortableList;exports.Spinner=j.Spinner;exports.spinnerSizes=E.spinnerSizes;exports.StyledAvatar=m.StyledAvatar;exports.styledAvatarTypes=m.styledAvatarTypes;exports.Swatch=l.Swatch;exports.swatchSizes=l.swatchSizes;exports.Switch=J.WrappedSwitch;exports.Tabs=a.Tabs;exports.tabIconPositions=a.tabIconPositions;exports.tabSizes=a.tabSizes;exports.Tag=K.Tag;exports.closeButtonDisplays=_.closeButtonDisplays;exports.tagSizes=_.tagSizes;exports.TagBlock=q.TagBlock;exports.TagDisabledState=q.TagDisabledState;exports.Text=Q.WrappedText;exports.TextInput=U.WrappedTextInput;exports.Textarea=X.WrappedTextarea;exports.Meridiem=S.Meridiem;exports.TimePicker=S.TimePicker;exports.TimeRange=Y.TimeRange;exports.Timestamp=Z.Timestamp;exports.useToast=$.useToast;exports.Tooltip=ee.Tooltip;exports.NumberInput=te.WrappedNumberInput;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../chunks/alert.types-Ch8hn5HY.js"),v=require("../../chunks/avatar.component-BGgZoVJS.js"),c=require("../../chunks/avatar.types-Bmt5Uhfb.js"),T=require("../../chunks/avatarGroup.component-BHchH_tF.js"),g=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-DXP4uRV8.js"),b=require("../../chunks/buttonGroup.component-BXiKIlPf.js"),y=require("../../chunks/calendar.component-UFfX5orO.js"),P=require("../../chunks/card.component-BmBiYbMV.js"),C=require("../../chunks/card.types-MvkQTTZF.js"),k=require("../../chunks/characterCounter.component-BRHLt929.js"),z=require("../../chunks/checkbox.component-DdOVYSSc.js"),h=require("../../chunks/checkboxGroup.component-CvHKP7gd.js"),D=require("../../chunks/conversationCard.component-0D3jmvOf.js"),I=require("../../chunks/datePicker.component-mE9U6yIL.js"),x=require("../../chunks/datePicker.provider-J59sC_GD.js"),o=require("../../chunks/dateTimePicker.component-CmpTclKA.js"),V=require("../../chunks/divider.component-BX3zyB7O.js"),n=require("../../chunks/divider.types-DBNcs0IR.js"),f=require("../../chunks/heading.component-DnoZOXdz.js"),A=require("../../chunks/icon.component-B1hr5lLa.js"),B=require("../../chunks/icon.types-2obj_NKG.js"),W=require("../../chunks/link.component-_YXG8MDq.js"),p=require("../../chunks/logo.types-88a31xCx.js"),G=require("../../chunks/menu.component-DypBuCwv.js"),t=require("../../chunks/modal.types-D_t0UdS6.js"),R=require("../../chunks/notificationCounter.component-CBwi5vXa.js"),u=require("../../chunks/notificationCounter.types-B_-siNfi.js"),w=require("../../chunks/picture.component-BA2hgdZy.js"),d=require("../../chunks/pinInput.types-ftBwVMLj.js"),M=require("../../chunks/popover.component-C0nG3J1J.js"),r=require("../../chunks/popover.types-ChA9ccQ2.js"),i=require("../../chunks/radioGroup.types-DxRSugsr.js"),L=require("../../chunks/radiomark.component-YJNr68s7.js"),O=require("../../chunks/rating.component-FYKS_NCl.js"),N=require("../../chunks/ratingDots.component-DesbSj0q.js"),F=require("../../chunks/select.component-D-1YMPU9.js"),H=require("../../chunks/sortableList.component-2yX2pXs7.js"),j=require("../../chunks/spinner.component-Dq6u4vVL.js"),E=require("../../chunks/spinner.types-BCLN5-H2.js"),m=require("../../chunks/styledAvatar.types-BG2G_U-W.js"),l=require("../../chunks/swatch.types-AZLB8OWG.js"),J=require("../../chunks/switch.component-Bs-8D1pU.js"),a=require("../../chunks/tab.types-BWtosyjE.js"),K=require("../../chunks/tag.component-C98Wf07v.js"),_=require("../../chunks/tag.types-BnDFgTvb.js"),q=require("../../chunks/tagBlock.component-BWXHnUPn.js"),Q=require("../../chunks/text.component-BDDz5KQP.js"),U=require("../../chunks/textInput.component-DzUKTy1w.js"),X=require("../../chunks/textarea.component-DteG1L4y.js"),S=require("../../chunks/timePicker.component-BbDzVLdb.js"),Y=require("../../chunks/timeRange.component-DyB1Jo1d.js"),Z=require("../../chunks/timestamp.component-BfmZPfy5.js"),$=require("./Toast/index.cjs"),ee=require("../../chunks/tooltip.component-DBw-hAPU.js"),te=require("../../chunks/numberInput.component-DG6IWAHs.js");exports.Alert=s.Alert;exports.alertButtonPositions=s.alertButtonPositions;exports.Avatar=v.Avatar;exports.avatarSizes=c.avatarSizes;exports.avatarVariants=c.avatarVariants;exports.AvatarGroup=T.AvatarGroup;exports.Button=g.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=b.ButtonGroup;exports.Calendar=y.Calendar;exports.Card=P.Card;exports.cardSizes=C.cardSizes;exports.CharacterCounter=k.CharacterCounter;exports.Checkbox=z.WrappedCheckbox;exports.CheckboxGroup=h.WrappedCheckboxGroup;exports.ConversationCard=D.ConversationCard;exports.DatePicker=I.DatePicker;exports.DateFormats=x.DateFormats;exports.DateTimePicker=o.DateTimePicker;exports.DateTimePickerDefaultOptionValue=o.DateTimePickerDefaultOptionValue;exports.calendarViews=o.calendarViews;exports.Divider=V.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=f.WrappedHeading;exports.Icon=A.Icon;exports.iconSizes=B.iconSizes;exports.Link=W.Link;exports.Logo=p.Logo;exports.logoTypes=p.logoTypes;exports.Menu=G.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=R.NotificationCounter;exports.notificationCounterSizes=u.notificationCounterSizes;exports.notificationCounterVariants=u.notificationCounterVariants;exports.Picture=w.Picture;exports.PinInput=d.WrappedPinInput;exports.pinInputTypes=d.pinInputTypes;exports.Popover=M.Popover;exports.popoverSizes=r.popoverSizes;exports.popoverTriggerTypes=r.popoverTriggerTypes;exports.popoverVariants=r.popoverVariants;exports.RadioGroup=i.WrappedRadioGroup;exports.radioAlignments=i.radioAlignments;exports.radioTypes=i.radioTypes;exports.Radiomark=L.Radiomark;exports.Rating=O.WrappedRating;exports.RatingDots=N.WrappedRatingDots;exports.Select=F.WrappedSelect;exports.SortableList=H.SortableList;exports.Spinner=j.Spinner;exports.spinnerSizes=E.spinnerSizes;exports.StyledAvatar=m.StyledAvatar;exports.styledAvatarTypes=m.styledAvatarTypes;exports.Swatch=l.Swatch;exports.swatchSizes=l.swatchSizes;exports.Switch=J.WrappedSwitch;exports.Tabs=a.Tabs;exports.tabIconPositions=a.tabIconPositions;exports.tabSizes=a.tabSizes;exports.Tag=K.Tag;exports.closeButtonDisplays=_.closeButtonDisplays;exports.tagSizes=_.tagSizes;exports.TagBlock=q.TagBlock;exports.TagDisabledState=q.TagDisabledState;exports.Text=Q.WrappedText;exports.TextInput=U.WrappedTextInput;exports.Textarea=X.WrappedTextarea;exports.Meridiem=S.Meridiem;exports.TimePicker=S.TimePicker;exports.TimeRange=Y.TimeRange;exports.Timestamp=Z.Timestamp;exports.useToast=$.useToast;exports.Tooltip=ee.Tooltip;exports.NumberInput=te.WrappedNumberInput;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../chunks/alert.types-Ch8hn5HY.js"),g=require("../chunks/avatar.component-BGgZoVJS.js"),u=require("../chunks/avatar.types-Bmt5Uhfb.js"),b=require("../chunks/avatarGroup.component-BMURlfFa.js"),h=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-DXP4uRV8.js"),S=require("../chunks/buttonGroup.component-CG_9edvt.js"),k=require("../chunks/calendar.component-BrX5Jcu7.js"),C=require("../chunks/card.component-BmBiYbMV.js"),P=require("../chunks/card.types-MvkQTTZF.js"),D=require("../chunks/characterCounter.component-BRHLt929.js"),z=require("../chunks/checkbox.component-C_Ytpxgh.js"),x=require("../chunks/checkboxGroup.component-ByawKeXH.js"),M=require("../chunks/conversationCard.component-DHXX77Ye.js"),V=require("../chunks/datePicker.component-Bl11U0Fj.js"),f=require("../chunks/datePicker.provider-CGwAC0Lf.js"),r=require("../chunks/dateTimePicker.component-AxXtR998.js"),I=require("../chunks/divider.component-BX3zyB7O.js"),n=require("../chunks/divider.types-DBNcs0IR.js"),w=require("../chunks/heading.component-DnoZOXdz.js"),B=require("../chunks/icon.component-B1hr5lLa.js"),A=require("../chunks/icon.types-2obj_NKG.js"),W=require("../chunks/link.component-_YXG8MDq.js"),d=require("../chunks/logo.types-88a31xCx.js"),G=require("../chunks/menu.component-B5f6m2Z9.js"),t=require("../chunks/modal.types-D_t0UdS6.js"),R=require("../chunks/notificationCounter.component-CBwi5vXa.js"),m=require("../chunks/notificationCounter.types-B_-siNfi.js"),L=require("../chunks/picture.component-BA2hgdZy.js"),l=require("../chunks/pinInput.types-ftBwVMLj.js"),O=require("../chunks/popover.component-C0nG3J1J.js"),i=require("../chunks/popover.types-ChA9ccQ2.js"),a=require("../chunks/radioGroup.types-0Zm45X5i.js"),K=require("../chunks/radiomark.component-YJNr68s7.js"),N=require("../chunks/rating.component-FYKS_NCl.js"),F=require("../chunks/ratingDots.component-DesbSj0q.js"),H=require("../chunks/select.component-D-1YMPU9.js"),j=require("../chunks/sortableList.component-2yX2pXs7.js"),E=require("../chunks/spinner.component-Dq6u4vVL.js"),J=require("../chunks/spinner.types-BCLN5-H2.js"),_=require("../chunks/styledAvatar.types-BG2G_U-W.js"),q=require("../chunks/swatch.types-AZLB8OWG.js"),Q=require("../chunks/switch.component-Bs-8D1pU.js"),s=require("../chunks/tab.types-BWtosyjE.js"),U=require("../chunks/tag.component-C98Wf07v.js"),T=require("../chunks/tag.types-BnDFgTvb.js"),v=require("../chunks/tagBlock.component-CAi-5XT3.js"),X=require("../chunks/text.component-BDDz5KQP.js"),Y=require("../chunks/textInput.component-DzUKTy1w.js"),Z=require("../chunks/textarea.component-DteG1L4y.js"),y=require("../chunks/timePicker.component-BbDzVLdb.js"),$=require("../chunks/timeRange.component-DyB1Jo1d.js"),ee=require("../chunks/timestamp.component-BfmZPfy5.js"),te=require("./components/Toast/index.cjs"),oe=require("../chunks/tooltip.component-DBw-hAPU.js"),re=require("../chunks/numberInput.component-DG6IWAHs.js"),ne=require("../chunks/withDarkMode-R08khTA6.js"),ie=require("../chunks/withLightMode-Crw8xtkD.js"),ae=require("./hooks/useBreakpoint/index.cjs"),se=require("./hooks/useColorMode/index.cjs"),ce=require("./hooks/useColorModeValue/index.cjs"),pe=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),ue=require("../chunks/theme-BFbOz0Jj.js"),c=require("../chunks/theme.provider-CezsihF5.js");exports.Alert=p.Alert;exports.alertButtonPositions=p.alertButtonPositions;exports.Avatar=g.Avatar;exports.avatarSizes=u.avatarSizes;exports.avatarVariants=u.avatarVariants;exports.AvatarGroup=b.AvatarGroup;exports.Button=h.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=S.ButtonGroup;exports.Calendar=k.Calendar;exports.Card=C.Card;exports.cardSizes=P.cardSizes;exports.CharacterCounter=D.CharacterCounter;exports.Checkbox=z.WrappedCheckbox;exports.CheckboxGroup=x.WrappedCheckboxGroup;exports.ConversationCard=M.ConversationCard;exports.DatePicker=V.DatePicker;exports.DateFormats=f.DateFormats;exports.DateTimePicker=r.DateTimePicker;exports.DateTimePickerDefaultOptionValue=r.DateTimePickerDefaultOptionValue;exports.calendarViews=r.calendarViews;exports.Divider=I.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=w.WrappedHeading;exports.Icon=B.Icon;exports.iconSizes=A.iconSizes;exports.Link=W.Link;exports.Logo=d.Logo;exports.logoTypes=d.logoTypes;exports.Menu=G.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=R.NotificationCounter;exports.notificationCounterSizes=m.notificationCounterSizes;exports.notificationCounterVariants=m.notificationCounterVariants;exports.Picture=L.Picture;exports.PinInput=l.WrappedPinInput;exports.pinInputTypes=l.pinInputTypes;exports.Popover=O.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=a.WrappedRadioGroup;exports.radioAlignments=a.radioAlignments;exports.radioTypes=a.radioTypes;exports.Radiomark=K.Radiomark;exports.Rating=N.WrappedRating;exports.RatingDots=F.WrappedRatingDots;exports.Select=H.WrappedSelect;exports.SortableList=j.SortableList;exports.Spinner=E.Spinner;exports.spinnerSizes=J.spinnerSizes;exports.StyledAvatar=_.StyledAvatar;exports.styledAvatarTypes=_.styledAvatarTypes;exports.Swatch=q.Swatch;exports.swatchSizes=q.swatchSizes;exports.Switch=Q.WrappedSwitch;exports.Tabs=s.Tabs;exports.tabIconPositions=s.tabIconPositions;exports.tabSizes=s.tabSizes;exports.Tag=U.Tag;exports.closeButtonDisplays=T.closeButtonDisplays;exports.tagSizes=T.tagSizes;exports.TagBlock=v.TagBlock;exports.TagDisabledState=v.TagDisabledState;exports.Text=X.WrappedText;exports.TextInput=Y.WrappedTextInput;exports.Textarea=Z.WrappedTextarea;exports.Meridiem=y.Meridiem;exports.TimePicker=y.TimePicker;exports.TimeRange=$.TimeRange;exports.Timestamp=ee.Timestamp;exports.useToast=te.useToast;exports.Tooltip=oe.Tooltip;exports.NumberInput=re.WrappedNumberInput;exports.withDarkMode=ne.withDarkMode;exports.withLightMode=ie.withLightMode;exports.useBreakpoint=ae.useBreakpoint;exports.useColorMode=se.useColorMode;exports.useColorModeValue=ce.useColorModeValue;exports.useDeviceType=pe.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=ue.colorModeThemeKey;exports.KibbleThemeProvider=c.KibbleThemeProvider;exports.kibbleThemeConfig=c.kibbleThemeConfig;exports.system=c.system;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../chunks/alert.types-Ch8hn5HY.js"),g=require("../chunks/avatar.component-BGgZoVJS.js"),u=require("../chunks/avatar.types-Bmt5Uhfb.js"),b=require("../chunks/avatarGroup.component-BHchH_tF.js"),h=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-DXP4uRV8.js"),S=require("../chunks/buttonGroup.component-BXiKIlPf.js"),k=require("../chunks/calendar.component-UFfX5orO.js"),C=require("../chunks/card.component-BmBiYbMV.js"),P=require("../chunks/card.types-MvkQTTZF.js"),D=require("../chunks/characterCounter.component-BRHLt929.js"),z=require("../chunks/checkbox.component-DdOVYSSc.js"),x=require("../chunks/checkboxGroup.component-CvHKP7gd.js"),M=require("../chunks/conversationCard.component-0D3jmvOf.js"),V=require("../chunks/datePicker.component-mE9U6yIL.js"),f=require("../chunks/datePicker.provider-J59sC_GD.js"),r=require("../chunks/dateTimePicker.component-CmpTclKA.js"),I=require("../chunks/divider.component-BX3zyB7O.js"),n=require("../chunks/divider.types-DBNcs0IR.js"),w=require("../chunks/heading.component-DnoZOXdz.js"),B=require("../chunks/icon.component-B1hr5lLa.js"),A=require("../chunks/icon.types-2obj_NKG.js"),W=require("../chunks/link.component-_YXG8MDq.js"),d=require("../chunks/logo.types-88a31xCx.js"),G=require("../chunks/menu.component-DypBuCwv.js"),t=require("../chunks/modal.types-D_t0UdS6.js"),R=require("../chunks/notificationCounter.component-CBwi5vXa.js"),m=require("../chunks/notificationCounter.types-B_-siNfi.js"),L=require("../chunks/picture.component-BA2hgdZy.js"),l=require("../chunks/pinInput.types-ftBwVMLj.js"),O=require("../chunks/popover.component-C0nG3J1J.js"),i=require("../chunks/popover.types-ChA9ccQ2.js"),a=require("../chunks/radioGroup.types-DxRSugsr.js"),K=require("../chunks/radiomark.component-YJNr68s7.js"),N=require("../chunks/rating.component-FYKS_NCl.js"),F=require("../chunks/ratingDots.component-DesbSj0q.js"),H=require("../chunks/select.component-D-1YMPU9.js"),j=require("../chunks/sortableList.component-2yX2pXs7.js"),E=require("../chunks/spinner.component-Dq6u4vVL.js"),J=require("../chunks/spinner.types-BCLN5-H2.js"),_=require("../chunks/styledAvatar.types-BG2G_U-W.js"),q=require("../chunks/swatch.types-AZLB8OWG.js"),Q=require("../chunks/switch.component-Bs-8D1pU.js"),s=require("../chunks/tab.types-BWtosyjE.js"),U=require("../chunks/tag.component-C98Wf07v.js"),T=require("../chunks/tag.types-BnDFgTvb.js"),v=require("../chunks/tagBlock.component-BWXHnUPn.js"),X=require("../chunks/text.component-BDDz5KQP.js"),Y=require("../chunks/textInput.component-DzUKTy1w.js"),Z=require("../chunks/textarea.component-DteG1L4y.js"),y=require("../chunks/timePicker.component-BbDzVLdb.js"),$=require("../chunks/timeRange.component-DyB1Jo1d.js"),ee=require("../chunks/timestamp.component-BfmZPfy5.js"),te=require("./components/Toast/index.cjs"),oe=require("../chunks/tooltip.component-DBw-hAPU.js"),re=require("../chunks/numberInput.component-DG6IWAHs.js"),ne=require("../chunks/withDarkMode-R08khTA6.js"),ie=require("../chunks/withLightMode-Crw8xtkD.js"),ae=require("./hooks/useBreakpoint/index.cjs"),se=require("./hooks/useColorMode/index.cjs"),ce=require("./hooks/useColorModeValue/index.cjs"),pe=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),ue=require("../chunks/theme-BFbOz0Jj.js"),c=require("../chunks/theme.provider-CezsihF5.js");exports.Alert=p.Alert;exports.alertButtonPositions=p.alertButtonPositions;exports.Avatar=g.Avatar;exports.avatarSizes=u.avatarSizes;exports.avatarVariants=u.avatarVariants;exports.AvatarGroup=b.AvatarGroup;exports.Button=h.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=S.ButtonGroup;exports.Calendar=k.Calendar;exports.Card=C.Card;exports.cardSizes=P.cardSizes;exports.CharacterCounter=D.CharacterCounter;exports.Checkbox=z.WrappedCheckbox;exports.CheckboxGroup=x.WrappedCheckboxGroup;exports.ConversationCard=M.ConversationCard;exports.DatePicker=V.DatePicker;exports.DateFormats=f.DateFormats;exports.DateTimePicker=r.DateTimePicker;exports.DateTimePickerDefaultOptionValue=r.DateTimePickerDefaultOptionValue;exports.calendarViews=r.calendarViews;exports.Divider=I.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=w.WrappedHeading;exports.Icon=B.Icon;exports.iconSizes=A.iconSizes;exports.Link=W.Link;exports.Logo=d.Logo;exports.logoTypes=d.logoTypes;exports.Menu=G.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=R.NotificationCounter;exports.notificationCounterSizes=m.notificationCounterSizes;exports.notificationCounterVariants=m.notificationCounterVariants;exports.Picture=L.Picture;exports.PinInput=l.WrappedPinInput;exports.pinInputTypes=l.pinInputTypes;exports.Popover=O.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=a.WrappedRadioGroup;exports.radioAlignments=a.radioAlignments;exports.radioTypes=a.radioTypes;exports.Radiomark=K.Radiomark;exports.Rating=N.WrappedRating;exports.RatingDots=F.WrappedRatingDots;exports.Select=H.WrappedSelect;exports.SortableList=j.SortableList;exports.Spinner=E.Spinner;exports.spinnerSizes=J.spinnerSizes;exports.StyledAvatar=_.StyledAvatar;exports.styledAvatarTypes=_.styledAvatarTypes;exports.Swatch=q.Swatch;exports.swatchSizes=q.swatchSizes;exports.Switch=Q.WrappedSwitch;exports.Tabs=s.Tabs;exports.tabIconPositions=s.tabIconPositions;exports.tabSizes=s.tabSizes;exports.Tag=U.Tag;exports.closeButtonDisplays=T.closeButtonDisplays;exports.tagSizes=T.tagSizes;exports.TagBlock=v.TagBlock;exports.TagDisabledState=v.TagDisabledState;exports.Text=X.WrappedText;exports.TextInput=Y.WrappedTextInput;exports.Textarea=Z.WrappedTextarea;exports.Meridiem=y.Meridiem;exports.TimePicker=y.TimePicker;exports.TimeRange=$.TimeRange;exports.Timestamp=ee.Timestamp;exports.useToast=te.useToast;exports.Tooltip=oe.Tooltip;exports.NumberInput=re.WrappedNumberInput;exports.withDarkMode=ne.withDarkMode;exports.withLightMode=ie.withLightMode;exports.useBreakpoint=ae.useBreakpoint;exports.useColorMode=se.useColorMode;exports.useColorModeValue=ce.useColorModeValue;exports.useDeviceType=pe.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=ue.colorModeThemeKey;exports.KibbleThemeProvider=c.KibbleThemeProvider;exports.kibbleThemeConfig=c.kibbleThemeConfig;exports.system=c.system;
 //# sourceMappingURL=index.cjs.map

package/dist/esm/components/AvatarGroup/index.js

@@ -1,4 +1,4 @@
-import { A as o } from "../../../chunks/avatarGroup.component-h4xoHbW8.js";
+import { A as o } from "../../../chunks/avatarGroup.component-WSh9t8AX.js";
 export {
   o as AvatarGroup
 };

package/dist/esm/components/ButtonGroup/index.js

@@ -1,4 +1,4 @@
-import { B as t } from "../../../chunks/buttonGroup.component-2pDmPOps.js";
+import { B as t } from "../../../chunks/buttonGroup.component-TsLHB-LO.js";
 export {
   t as ButtonGroup
 };

package/dist/esm/components/Calendar/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../../../chunks/calendar.component-Dc08F2HJ.js";
+import { C as e } from "../../../chunks/calendar.component-CiBkNtlB.js";
 export {
   e as Calendar
 };

package/dist/esm/components/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { W as r } from "../../../chunks/checkbox.component-B19xJBOi.js";
+import { W as r } from "../../../chunks/checkbox.component-C0XdgZkr.js";
 export {
   r as Checkbox
 };

package/dist/esm/components/CheckboxGroup/index.js

@@ -1,4 +1,4 @@
-import { W as e } from "../../../chunks/checkboxGroup.component-BpPgob6o.js";
+import { W as e } from "../../../chunks/checkboxGroup.component-lxNvlmd_.js";
 export {
   e as CheckboxGroup
 };

package/dist/esm/components/ConversationCard/index.js

@@ -1,4 +1,4 @@
-import { C as a } from "../../../chunks/conversationCard.component-D0vu3SMP.js";
+import { C as a } from "../../../chunks/conversationCard.component-B_XSYd1p.js";
 export {
   a as ConversationCard
 };

package/dist/esm/components/DatePicker/index.js

@@ -1,5 +1,5 @@
-import { D as e } from "../../../chunks/datePicker.component-oxSyI0Oo.js";
-import { D as t } from "../../../chunks/datePicker.provider-PdT2DDk_.js";
+import { D as e } from "../../../chunks/datePicker.component-BAaIqF1O.js";
+import { D as t } from "../../../chunks/datePicker.provider-DEN8clnz.js";
 export {
   t as DateFormats,
   e as DatePicker

package/dist/esm/components/DateTimePicker/index.js

@@ -1,4 +1,4 @@
-import { D as i, a as r, c as t } from "../../../chunks/dateTimePicker.component-Bl0rjRi1.js";
+import { D as i, a as r, c as t } from "../../../chunks/dateTimePicker.component-NOJdpYNs.js";
 export {
   i as DateTimePicker,
   r as DateTimePickerDefaultOptionValue,

package/dist/esm/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as r } from "../../../chunks/menu.component-CnzGT_y3.js";
+import { M as r } from "../../../chunks/menu.component-Cq9sPsTJ.js";
 export {
   r as Menu
 };

package/dist/esm/components/RadioGroup/index.js

@@ -1,4 +1,4 @@
-import { W as r, a as s, r as i } from "../../../chunks/radioGroup.types-DjhmW46g.js";
+import { W as r, a as s, r as i } from "../../../chunks/radioGroup.types-B--54AgI.js";
 export {
   r as RadioGroup,
   s as radioAlignments,

package/dist/esm/components/TagBlock/index.js

@@ -1,4 +1,4 @@
-import { T as o, a as s } from "../../../chunks/tagBlock.component-AV6xuUPp.js";
+import { T as o, a as s } from "../../../chunks/tagBlock.component-BKYJDU4L.js";
 export {
   o as TagBlock,
   s as TagDisabledState