@televet/kibble-ui 4.0.0-beta.98 → 4.0.0

package/dist/chunks/spinner-C31ZWQmA.js

@@ -0,0 +1,8 @@
+import { c as e } from "./create-recipe-context-CrEKmpj8.js";
+const { withContext: t } = e({
+  key: "spinner"
+}), o = t("span");
+export {
+  o as S
+};
+//# sourceMappingURL=spinner-C31ZWQmA.js.map

package/dist/chunks/{spinner-BWqSIW6m.js.map → spinner-C31ZWQmA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spinner-BWqSIW6m.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spinner/spinner.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"spinner\"\n});\nconst Spinner = withContext(\"span\");\nconst SpinnerPropsProvider = PropsProvider;\n\nexport { Spinner, SpinnerPropsProvider };\n"],"names":["withContext","createRecipeContext","Spinner"],"mappings":";AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAUF,EAAY,MAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"spinner-C31ZWQmA.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spinner/spinner.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"spinner\"\n});\nconst Spinner = withContext(\"span\");\nconst SpinnerPropsProvider = PropsProvider;\n\nexport { Spinner, SpinnerPropsProvider };\n"],"names":["withContext","createRecipeContext","Spinner"],"mappings":";AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAUF,EAAY,MAAM;","x_google_ignoreList":[0]}

package/dist/chunks/spinner-CBTcw_Tk.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./create-recipe-context-CDw-39SC.js"),{withContext:t}=e.createRecipeContext({key:"spinner"}),n=t("span");exports.Spinner=n;
+//# sourceMappingURL=spinner-CBTcw_Tk.js.map

package/dist/chunks/{spinner-BnpL14kK.js.map → spinner-CBTcw_Tk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spinner-BnpL14kK.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spinner/spinner.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"spinner\"\n});\nconst Spinner = withContext(\"span\");\nconst SpinnerPropsProvider = PropsProvider;\n\nexport { Spinner, SpinnerPropsProvider };\n"],"names":["withContext","createRecipeContext","Spinner"],"mappings":"oEAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,SACP,CAAC,EACKC,EAAUF,EAAY,MAAM","x_google_ignoreList":[0]}
+{"version":3,"file":"spinner-CBTcw_Tk.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spinner/spinner.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"spinner\"\n});\nconst Spinner = withContext(\"span\");\nconst SpinnerPropsProvider = PropsProvider;\n\nexport { Spinner, SpinnerPropsProvider };\n"],"names":["withContext","createRecipeContext","Spinner"],"mappings":"oEAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,SACP,CAAC,EACKC,EAAUF,EAAY,MAAM","x_google_ignoreList":[0]}

package/dist/chunks/{spinner.component-lZds47YM.js → spinner.component-CVVOuFka.js}

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

package/dist/chunks/{spinner.component-lZds47YM.js.map → spinner.component-CVVOuFka.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spinner.component-lZds47YM.js","sources":["../../src/components/Spinner/spinner.recipe.ts","../../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SpinnerSize } from './spinner.types';\nimport { TypographyVariant } from 'shared/types';\nimport { typographyVariantStyles } from '../../shared/records/typography';\n\nconst spinnerSlots = ['root', 'spinner', 'label'] as const;\ntype SpinnerSlot = (typeof spinnerSlots)[number];\ntype SpinnerSlotStyles = {\n  [key in SpinnerSlot]?: SystemStyleObject;\n};\n\nconst spinnerSizeStyles: Record<SpinnerSize, SpinnerSlotStyles> = {\n  xs: {\n    spinner: {\n      h: 3,\n      w: 3,\n    },\n    label: {\n      fontSize: 'xs',\n    },\n  },\n  sm: {\n    spinner: {\n      h: 4,\n      w: 4,\n    },\n    label: {\n      fontSize: 'sm',\n    },\n  },\n  md: {\n    spinner: {\n      h: 6,\n      w: 6,\n      '--spinner-size': 6,\n    },\n    label: {\n      fontSize: 'md',\n    },\n  },\n  lg: {\n    spinner: {\n      h: 8,\n      w: 8,\n    },\n    label: {\n      fontSize: 'lg',\n    },\n  },\n  xl: {\n    spinner: {\n      h: 12,\n      w: 12,\n    },\n    label: {\n      fontSize: 'xl',\n    },\n  },\n};\n\nconst spinnerVariantStyles: Record<TypographyVariant, SpinnerSlotStyles> = {\n  accent: {\n    spinner: typographyVariantStyles.accent,\n  },\n  accentSubtle: {\n    spinner: typographyVariantStyles.accentSubtle,\n  },\n  brand: {\n    spinner: typographyVariantStyles.brand,\n  },\n  brandOnContrast: {\n    spinner: typographyVariantStyles.brandOnContrast,\n  },\n  danger: {\n    spinner: typographyVariantStyles.danger,\n  },\n  dangerOnContrast: {\n    spinner: typographyVariantStyles.dangerOnContrast,\n  },\n  default: {\n    spinner: typographyVariantStyles.default,\n  },\n  info: {\n    spinner: typographyVariantStyles.info,\n  },\n  interactive: {\n    spinner: typographyVariantStyles.interactive,\n  },\n  interactiveOnContrast: {\n    spinner: typographyVariantStyles.interactiveOnContrast,\n  },\n  onContrast: {\n    spinner: typographyVariantStyles.onContrast,\n  },\n  placeholder: {\n    spinner: typographyVariantStyles.placeholder,\n  },\n  placeholderOnContrast: {\n    spinner: typographyVariantStyles.placeholderOnContrast,\n  },\n  subtle: {\n    spinner: typographyVariantStyles.subtle,\n  },\n  subtleOnContrast: {\n    spinner: typographyVariantStyles.subtleOnContrast,\n  },\n  success: {\n    spinner: typographyVariantStyles.success,\n  },\n  warning: {\n    spinner: typographyVariantStyles.warning,\n  },\n};\n\nexport const spinnerRecipe = defineSlotRecipe({\n  slots: spinnerSlots,\n  base: {\n    root: {\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n  },\n  variants: {\n    variant: spinnerVariantStyles,\n    size: spinnerSizeStyles,\n    fullScreen: {\n      true: {\n        root: {\n          h: '100%',\n          left: 0,\n          top: 0,\n          position: 'absolute',\n          w: '100%',\n          zIndex: 'tooltipExtra',\n        },\n      },\n      false: {\n        root: {\n          h: 'max-content',\n          w: 'max-content',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    fullScreen: false,\n    size: 'md',\n    variant: 'brand',\n  },\n});\n","import React from 'react';\nimport { Spinner as CSpinner } from '@chakra-ui/react/spinner';\nimport { VStack } from '@chakra-ui/react/stack';\nimport { SpinnerSize } from './spinner.types';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { TypographyVariant } from 'shared/types';\nimport { useSlotRecipe } from '@chakra-ui/react';\nimport { spinnerRecipe } from './spinner.recipe';\nimport { SemanticBackgroundColorToken } from 'theme/semanticTokens';\n\nexport interface SpinnerProps {\n  backdropColor?: SemanticBackgroundColorToken;\n  fullScreen?: boolean;\n  label?: string;\n  labelProps?: Omit<TextProps, 'chilren'>;\n  showLabel?: boolean;\n  size?: SpinnerSize;\n  variant?: TypographyVariant;\n}\n\nexport const Spinner = ({\n  backdropColor = 'background.alpha.pressed',\n  fullScreen = false,\n  label = 'Loading...',\n  labelProps,\n  showLabel = false,\n  size = 'md',\n  variant = 'accent',\n}: SpinnerProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: spinnerRecipe });\n  const styles = recipe({ variant, size, fullScreen });\n\n  return (\n    <VStack\n      className=\"Spinner\"\n      data-testid=\"kibble-spinner\"\n      css={styles.root}\n      {...(fullScreen && { bg: backdropColor })}\n    >\n      <CSpinner css={styles.spinner} />\n      {showLabel && (\n        <Text\n          className=\"Spinner__Label\"\n          data-testid=\"kibble-spinner-label\"\n          variant=\"subtle\"\n          css={styles.label}\n          {...labelProps}\n        >\n          {label}\n        </Text>\n      )}\n    </VStack>\n  );\n};\n"],"names":["spinnerSlots","spinnerSizeStyles","spinnerVariantStyles","typographyVariantStyles","spinnerRecipe","defineSlotRecipe","Spinner","backdropColor","fullScreen","label","labelProps","showLabel","size","variant","styles","useSlotRecipe","jsxs","VStack","jsx","CSpinner","Text"],"mappings":"6RAKMA,EAAe,CAAC,OAAQ,UAAW,OAAO,EAM1CC,EAA4D,CAChE,GAAI,CACF,QAAS,CACP,EAAG,EACH,EAAG,CACL,EACA,MAAO,CACL,SAAU,IAAA,CAEd,EACA,GAAI,CACF,QAAS,CACP,EAAG,EACH,EAAG,CACL,EACA,MAAO,CACL,SAAU,IAAA,CAEd,EACA,GAAI,CACF,QAAS,CACP,EAAG,EACH,EAAG,EACH,iBAAkB,CACpB,EACA,MAAO,CACL,SAAU,IAAA,CAEd,EACA,GAAI,CACF,QAAS,CACP,EAAG,EACH,EAAG,CACL,EACA,MAAO,CACL,SAAU,IAAA,CAEd,EACA,GAAI,CACF,QAAS,CACP,EAAG,GACH,EAAG,EACL,EACA,MAAO,CACL,SAAU,IAAA,CACZ,CAEJ,EAEMC,EAAqE,CACzE,OAAQ,CACN,QAASC,EAAAA,wBAAwB,MACnC,EACA,aAAc,CACZ,QAASA,EAAAA,wBAAwB,YACnC,EACA,MAAO,CACL,QAASA,EAAAA,wBAAwB,KACnC,EACA,gBAAiB,CACf,QAASA,EAAAA,wBAAwB,eACnC,EACA,OAAQ,CACN,QAASA,EAAAA,wBAAwB,MACnC,EACA,iBAAkB,CAChB,QAASA,EAAAA,wBAAwB,gBACnC,EACA,QAAS,CACP,QAASA,EAAAA,wBAAwB,OACnC,EACA,KAAM,CACJ,QAASA,EAAAA,wBAAwB,IACnC,EACA,YAAa,CACX,QAASA,EAAAA,wBAAwB,WACnC,EACA,sBAAuB,CACrB,QAASA,EAAAA,wBAAwB,qBACnC,EACA,WAAY,CACV,QAASA,EAAAA,wBAAwB,UACnC,EACA,YAAa,CACX,QAASA,EAAAA,wBAAwB,WACnC,EACA,sBAAuB,CACrB,QAASA,EAAAA,wBAAwB,qBACnC,EACA,OAAQ,CACN,QAASA,EAAAA,wBAAwB,MACnC,EACA,iBAAkB,CAChB,QAASA,EAAAA,wBAAwB,gBACnC,EACA,QAAS,CACP,QAASA,EAAAA,wBAAwB,OACnC,EACA,QAAS,CACP,QAASA,EAAAA,wBAAwB,OAAA,CAErC,EAEaC,EAAgBC,EAAAA,iBAAiB,CAC5C,MAAOL,EACP,KAAM,CACJ,KAAM,CACJ,WAAY,SACZ,eAAgB,QAAA,CAEpB,EACA,SAAU,CACR,QAASE,EACT,KAAMD,EACN,WAAY,CACV,KAAM,CACJ,KAAM,CACJ,EAAG,OACH,KAAM,EACN,IAAK,EACL,SAAU,WACV,EAAG,OACH,OAAQ,cAAA,CAEZ,EACA,MAAO,CACL,KAAM,CACJ,EAAG,cACH,EAAG,aAAA,CACL,CACF,CAEJ,EACA,gBAAiB,CACf,WAAY,GACZ,KAAM,KACN,QAAS,OAAA,CAEb,CAAC,ECjIYK,EAAU,CAAC,CACtB,cAAAC,EAAgB,2BAChB,WAAAC,EAAa,GACb,MAAAC,EAAQ,aACR,WAAAC,EACA,UAAAC,EAAY,GACZ,KAAAC,EAAO,KACP,QAAAC,EAAU,QACZ,IAAuC,CAErC,MAAMC,EADSC,EAAA,cAAc,CAAE,OAAQX,EAAe,EAChC,CAAE,QAAAS,EAAS,KAAAD,EAAM,WAAAJ,EAAY,EAGjD,OAAAQ,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,UACV,cAAY,iBACZ,IAAKH,EAAO,KACX,GAAIN,GAAc,CAAE,GAAID,CAAc,EAEvC,SAAA,CAACW,EAAAA,kBAAAA,IAAAC,EAAAA,QAAA,CAAS,IAAKL,EAAO,OAAS,CAAA,EAC9BH,GACCO,EAAA,kBAAA,IAACE,EAAA,YAAA,CACC,UAAU,iBACV,cAAY,uBACZ,QAAQ,SACR,IAAKN,EAAO,MACX,GAAGJ,EAEH,SAAAD,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"spinner.component-CVVOuFka.js","sources":["../../src/components/Spinner/spinner.recipe.ts","../../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SpinnerSize } from './spinner.types';\nimport { TypographyVariant } from 'shared/types';\nimport { typographyVariantStyles } from '../../shared/records/typography';\n\nconst spinnerSlots = ['root', 'spinner', 'label'] as const;\ntype SpinnerSlot = (typeof spinnerSlots)[number];\ntype SpinnerSlotStyles = {\n  [key in SpinnerSlot]?: SystemStyleObject;\n};\n\nconst spinnerSizeStyles: Record<SpinnerSize, SpinnerSlotStyles> = {\n  xs: {\n    spinner: {\n      h: 3,\n      w: 3,\n    },\n    label: {\n      fontSize: 'xs',\n    },\n  },\n  sm: {\n    spinner: {\n      h: 4,\n      w: 4,\n    },\n    label: {\n      fontSize: 'sm',\n    },\n  },\n  md: {\n    spinner: {\n      h: 6,\n      w: 6,\n      '--spinner-size': 6,\n    },\n    label: {\n      fontSize: 'md',\n    },\n  },\n  lg: {\n    spinner: {\n      h: 8,\n      w: 8,\n    },\n    label: {\n      fontSize: 'lg',\n    },\n  },\n  xl: {\n    spinner: {\n      h: 12,\n      w: 12,\n    },\n    label: {\n      fontSize: 'xl',\n    },\n  },\n};\n\nconst spinnerVariantStyles: Record<TypographyVariant, SpinnerSlotStyles> = {\n  accent: {\n    spinner: typographyVariantStyles.accent,\n  },\n  accentSubtle: {\n    spinner: typographyVariantStyles.accentSubtle,\n  },\n  brand: {\n    spinner: typographyVariantStyles.brand,\n  },\n  brandOnContrast: {\n    spinner: typographyVariantStyles.brandOnContrast,\n  },\n  danger: {\n    spinner: typographyVariantStyles.danger,\n  },\n  dangerOnContrast: {\n    spinner: typographyVariantStyles.dangerOnContrast,\n  },\n  default: {\n    spinner: typographyVariantStyles.default,\n  },\n  info: {\n    spinner: typographyVariantStyles.info,\n  },\n  interactive: {\n    spinner: typographyVariantStyles.interactive,\n  },\n  interactiveOnContrast: {\n    spinner: typographyVariantStyles.interactiveOnContrast,\n  },\n  onContrast: {\n    spinner: typographyVariantStyles.onContrast,\n  },\n  placeholder: {\n    spinner: typographyVariantStyles.placeholder,\n  },\n  placeholderOnContrast: {\n    spinner: typographyVariantStyles.placeholderOnContrast,\n  },\n  subtle: {\n    spinner: typographyVariantStyles.subtle,\n  },\n  subtleOnContrast: {\n    spinner: typographyVariantStyles.subtleOnContrast,\n  },\n  success: {\n    spinner: typographyVariantStyles.success,\n  },\n  warning: {\n    spinner: typographyVariantStyles.warning,\n  },\n};\n\nexport const spinnerRecipe = defineSlotRecipe({\n  slots: spinnerSlots,\n  base: {\n    root: {\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n  },\n  variants: {\n    variant: spinnerVariantStyles,\n    size: spinnerSizeStyles,\n    fullScreen: {\n      true: {\n        root: {\n          h: '100%',\n          left: 0,\n          top: 0,\n          position: 'absolute',\n          w: '100%',\n          zIndex: 'tooltipExtra',\n        },\n      },\n      false: {\n        root: {\n          h: 'max-content',\n          w: 'max-content',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    fullScreen: false,\n    size: 'md',\n    variant: 'brand',\n  },\n});\n","import React from 'react';\nimport { Spinner as CSpinner } from '@chakra-ui/react/spinner';\nimport { VStack } from '@chakra-ui/react/stack';\nimport { SpinnerSize } from './spinner.types';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { TypographyVariant } from 'shared/types';\nimport { useSlotRecipe } from '@chakra-ui/react';\nimport { spinnerRecipe } from './spinner.recipe';\nimport { SemanticBackgroundColorToken } from 'theme/semanticTokens';\n\nexport interface SpinnerProps {\n  backdropColor?: SemanticBackgroundColorToken;\n  fullScreen?: boolean;\n  label?: string;\n  labelProps?: Omit<TextProps, 'chilren'>;\n  showLabel?: boolean;\n  size?: SpinnerSize;\n  variant?: TypographyVariant;\n}\n\nexport const Spinner = ({\n  backdropColor = 'background.alpha.pressed',\n  fullScreen = false,\n  label = 'Loading...',\n  labelProps,\n  showLabel = false,\n  size = 'md',\n  variant = 'accent',\n}: SpinnerProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: spinnerRecipe });\n  const styles = recipe({ variant, size, fullScreen });\n\n  return (\n    <VStack\n      className=\"Spinner\"\n      data-testid=\"kibble-spinner\"\n      css={styles.root}\n      {...(fullScreen && { bg: backdropColor })}\n    >\n      <CSpinner css={styles.spinner} />\n      {showLabel && (\n        <Text\n          className=\"Spinner__Label\"\n          data-testid=\"kibble-spinner-label\"\n          variant=\"subtle\"\n          css={styles.label}\n          {...labelProps}\n        >\n          {label}\n        </Text>\n      )}\n    </VStack>\n  );\n};\n"],"names":["spinnerSlots","spinnerSizeStyles","spinnerVariantStyles","typographyVariantStyles","spinnerRecipe","defineSlotRecipe","Spinner","backdropColor","fullScreen","label","labelProps","showLabel","size","variant","styles","useSlotRecipe","jsxs","VStack","jsx","CSpinner","Text"],"mappings":"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"}

package/dist/chunks/{spinner.component-katjnJzv.js → spinner.component-DVDFFBjs.js}

@@ -1,10 +1,10 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import { W as c } from "./text.component-DKtdjH7k.js";
+import { W as c } from "./text.component-lM5aKXrg.js";
 import { t as n } from "./typography-Cqrokog3.js";
-import { a as d } from "./config-DlTdf-Yt.js";
+import { a as d } from "./config-B3QABP1-.js";
 import { u as b } from "./use-slot-recipe-DhtQ1j_5.js";
-import { V as m } from "./v-stack-BZT7R_9f.js";
-import { S as f } from "./spinner-BWqSIW6m.js";
+import { V as m } from "./v-stack-BKftVfdJ.js";
+import { S as f } from "./spinner-C31ZWQmA.js";
 const S = ["root", "spinner", "label"], u = {
   xs: {
     spinner: {
@@ -176,4 +176,4 @@ const S = ["root", "spinner", "label"], u = {
 export {
   V as S
 };
-//# sourceMappingURL=spinner.component-katjnJzv.js.map
+//# sourceMappingURL=spinner.component-DVDFFBjs.js.map

package/dist/chunks/{spinner.component-katjnJzv.js.map → spinner.component-DVDFFBjs.js.map}

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

package/dist/chunks/stack-BE-r1yqU.js

@@ -0,0 +1,2 @@
+"use strict";const u=require("./jsx-runtime-BjDatQAs.js"),r=require("react"),g=require("./factory-a2SJjEvR.js"),W=require("./walk-object-B1TqoXCj.js");function w(n){const{gap:e,direction:o}=n,t={column:{marginY:e,marginX:0,borderInlineStartWidth:0,borderTopWidth:"1px"},"column-reverse":{marginY:e,marginX:0,borderInlineStartWidth:0,borderTopWidth:"1px"},row:{marginX:e,marginY:0,borderInlineStartWidth:"1px",borderTopWidth:0},"row-reverse":{marginX:e,marginY:0,borderInlineStartWidth:"1px",borderTopWidth:0}};return{"&":W.mapObject(o,s=>t[s])}}function E(n){return r.Children.toArray(n).filter(e=>r.isValidElement(e))}const I=r.forwardRef(function(e,o){const{direction:t="column",align:s,justify:f,gap:a="0.5rem",wrap:h,children:c,separator:i,className:x,...y}=e,d=r.useMemo(()=>w({gap:a,direction:t}),[a,t]),S=r.useMemo(()=>r.isValidElement(i)?E(c).map((l,p,b)=>{const k=typeof l.key<"u"?l.key:p,m=i,j=r.cloneElement(m,{css:[d,m.props.css]});return u.jsxRuntimeExports.jsxs(r.Fragment,{children:[l,p===b.length-1?null:j]},k)}):c,[c,i,d]);return u.jsxRuntimeExports.jsx(g.chakra.div,{ref:o,display:"flex",alignItems:s,justifyContent:f,flexDirection:t,flexWrap:h,gap:i?void 0:a,className:g.cx("chakra-stack",x),...y,children:S})});exports.Stack=I;
+//# sourceMappingURL=stack-BE-r1yqU.js.map

package/dist/chunks/stack-BE-r1yqU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-BE-r1yqU.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/stack/get-separator-style.js","../../node_modules/@chakra-ui/react/dist/esm/components/stack/stack.js"],"sourcesContent":["\"use strict\";\nimport { mapObject } from '../../utils/walk-object.js';\n\nfunction getSeparatorStyles(options) {\n  const { gap, direction } = options;\n  const styles = {\n    column: {\n      marginY: gap,\n      marginX: 0,\n      borderInlineStartWidth: 0,\n      borderTopWidth: \"1px\"\n    },\n    \"column-reverse\": {\n      marginY: gap,\n      marginX: 0,\n      borderInlineStartWidth: 0,\n      borderTopWidth: \"1px\"\n    },\n    row: {\n      marginX: gap,\n      marginY: 0,\n      borderInlineStartWidth: \"1px\",\n      borderTopWidth: 0\n    },\n    \"row-reverse\": {\n      marginX: gap,\n      marginY: 0,\n      borderInlineStartWidth: \"1px\",\n      borderTopWidth: 0\n    }\n  };\n  return {\n    \"&\": mapObject(direction, (value) => styles[value])\n  };\n}\n\nexport { getSeparatorStyles };\n","\"use strict\";\n\"use client\";\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo, isValidElement, cloneElement, Fragment, Children } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { getSeparatorStyles } from './get-separator-style.js';\n\nfunction getValidChildren(children) {\n  return Children.toArray(children).filter(\n    (child) => isValidElement(child)\n  );\n}\nconst Stack = forwardRef(\n  function Stack2(props, ref) {\n    const {\n      direction = \"column\",\n      align,\n      justify,\n      gap = \"0.5rem\",\n      wrap,\n      children,\n      separator,\n      className,\n      ...rest\n    } = props;\n    const separatorStyle = useMemo(\n      () => getSeparatorStyles({ gap, direction }),\n      [gap, direction]\n    );\n    const clones = useMemo(() => {\n      if (!isValidElement(separator)) return children;\n      return getValidChildren(children).map((child, index, arr) => {\n        const key = typeof child.key !== \"undefined\" ? child.key : index;\n        const typedSep = separator;\n        const sep = cloneElement(typedSep, {\n          css: [separatorStyle, typedSep.props.css]\n        });\n        return /* @__PURE__ */ jsxs(Fragment, { children: [\n          child,\n          index === arr.length - 1 ? null : sep\n        ] }, key);\n      });\n    }, [children, separator, separatorStyle]);\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        display: \"flex\",\n        alignItems: align,\n        justifyContent: justify,\n        flexDirection: direction,\n        flexWrap: wrap,\n        gap: separator ? void 0 : gap,\n        className: cx(\"chakra-stack\", className),\n        ...rest,\n        children: clones\n      }\n    );\n  }\n);\n\nexport { Stack };\n"],"names":["getSeparatorStyles","options","gap","direction","styles","mapObject","value","getValidChildren","children","Children","child","isValidElement","Stack","forwardRef","props","ref","align","justify","wrap","separator","className","rest","separatorStyle","useMemo","clones","index","arr","key","typedSep","sep","cloneElement","jsxs","Fragment","jsx","chakra","cx"],"mappings":"uJAGA,SAASA,EAAmBC,EAAS,CACnC,KAAM,CAAE,IAAAC,EAAK,UAAAC,CAAS,EAAKF,EACrBG,EAAS,CACb,OAAQ,CACN,QAASF,EACT,QAAS,EACT,uBAAwB,EACxB,eAAgB,KACjB,EACD,iBAAkB,CAChB,QAASA,EACT,QAAS,EACT,uBAAwB,EACxB,eAAgB,KACjB,EACD,IAAK,CACH,QAASA,EACT,QAAS,EACT,uBAAwB,MACxB,eAAgB,CACjB,EACD,cAAe,CACb,QAASA,EACT,QAAS,EACT,uBAAwB,MACxB,eAAgB,CACtB,CACG,EACD,MAAO,CACL,IAAKG,EAAS,UAACF,EAAYG,GAAUF,EAAOE,CAAK,CAAC,CACnD,CACH,CC1BA,SAASC,EAAiBC,EAAU,CAClC,OAAOC,WAAS,QAAQD,CAAQ,EAAE,OAC/BE,GAAUC,EAAAA,eAAeD,CAAK,CAChC,CACH,CACK,MAACE,EAAQC,EAAU,WACtB,SAAgBC,EAAOC,EAAK,CAC1B,KAAM,CACJ,UAAAZ,EAAY,SACZ,MAAAa,EACA,QAAAC,EACA,IAAAf,EAAM,SACN,KAAAgB,EACA,SAAAV,EACA,UAAAW,EACA,UAAAC,EACA,GAAGC,CACT,EAAQP,EACEQ,EAAiBC,EAAO,QAC5B,IAAMvB,EAAmB,CAAE,IAAAE,EAAK,UAAAC,EAAW,EAC3C,CAACD,EAAKC,CAAS,CAChB,EACKqB,EAASD,EAAAA,QAAQ,IAChBZ,EAAc,eAACQ,CAAS,EACtBZ,EAAiBC,CAAQ,EAAE,IAAI,CAACE,EAAOe,EAAOC,IAAQ,CAC3D,MAAMC,EAAM,OAAOjB,EAAM,IAAQ,IAAcA,EAAM,IAAMe,EACrDG,EAAWT,EACXU,EAAMC,EAAY,aAACF,EAAU,CACjC,IAAK,CAACN,EAAgBM,EAAS,MAAM,GAAG,CAClD,CAAS,EACD,OAAuBG,EAAI,kBAAA,KAACC,WAAU,CAAE,SAAU,CAChDtB,EACAe,IAAUC,EAAI,OAAS,EAAI,KAAOG,CACnC,CAAA,EAAIF,CAAG,CAChB,CAAO,EAXsCnB,EAYtC,CAACA,EAAUW,EAAWG,CAAc,CAAC,EACxC,OAAuBW,EAAG,kBAAA,IACxBC,EAAAA,OAAO,IACP,CACE,IAAAnB,EACA,QAAS,OACT,WAAYC,EACZ,eAAgBC,EAChB,cAAed,EACf,SAAUe,EACV,IAAKC,EAAY,OAASjB,EAC1B,UAAWiC,EAAAA,GAAG,eAAgBf,CAAS,EACvC,GAAGC,EACH,SAAUG,CAClB,CACK,CACL,CACA","x_google_ignoreList":[0,1]}

package/dist/chunks/stack-rvdA8MI9.js

@@ -0,0 +1,85 @@
+import { j as d } from "./jsx-runtime-C5mzlN2N.js";
+import { forwardRef as j, useMemo as f, isValidElement as u, cloneElement as I, Fragment as v, Children as w } from "react";
+import { c as T, a as X } from "./factory-BQshv7_b.js";
+import { m as Y } from "./walk-object-CGvlZ5aQ.js";
+function C(t) {
+  const { gap: r, direction: o } = t, e = {
+    column: {
+      marginY: r,
+      marginX: 0,
+      borderInlineStartWidth: 0,
+      borderTopWidth: "1px"
+    },
+    "column-reverse": {
+      marginY: r,
+      marginX: 0,
+      borderInlineStartWidth: 0,
+      borderTopWidth: "1px"
+    },
+    row: {
+      marginX: r,
+      marginY: 0,
+      borderInlineStartWidth: "1px",
+      borderTopWidth: 0
+    },
+    "row-reverse": {
+      marginX: r,
+      marginY: 0,
+      borderInlineStartWidth: "1px",
+      borderTopWidth: 0
+    }
+  };
+  return {
+    "&": Y(o, (a) => e[a])
+  };
+}
+function E(t) {
+  return w.toArray(t).filter(
+    (r) => u(r)
+  );
+}
+const D = j(
+  function(r, o) {
+    const {
+      direction: e = "column",
+      align: a,
+      justify: g,
+      gap: i = "0.5rem",
+      wrap: h,
+      children: s,
+      separator: n,
+      className: x,
+      ...y
+    } = r, l = f(
+      () => C({ gap: i, direction: e }),
+      [i, e]
+    ), S = f(() => u(n) ? E(s).map((c, m, b) => {
+      const W = typeof c.key < "u" ? c.key : m, p = n, k = I(p, {
+        css: [l, p.props.css]
+      });
+      return /* @__PURE__ */ d.jsxs(v, { children: [
+        c,
+        m === b.length - 1 ? null : k
+      ] }, W);
+    }) : s, [s, n, l]);
+    return /* @__PURE__ */ d.jsx(
+      T.div,
+      {
+        ref: o,
+        display: "flex",
+        alignItems: a,
+        justifyContent: g,
+        flexDirection: e,
+        flexWrap: h,
+        gap: n ? void 0 : i,
+        className: X("chakra-stack", x),
+        ...y,
+        children: S
+      }
+    );
+  }
+);
+export {
+  D as S
+};
+//# sourceMappingURL=stack-rvdA8MI9.js.map

package/dist/chunks/stack-rvdA8MI9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-rvdA8MI9.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/stack/get-separator-style.js","../../node_modules/@chakra-ui/react/dist/esm/components/stack/stack.js"],"sourcesContent":["\"use strict\";\nimport { mapObject } from '../../utils/walk-object.js';\n\nfunction getSeparatorStyles(options) {\n  const { gap, direction } = options;\n  const styles = {\n    column: {\n      marginY: gap,\n      marginX: 0,\n      borderInlineStartWidth: 0,\n      borderTopWidth: \"1px\"\n    },\n    \"column-reverse\": {\n      marginY: gap,\n      marginX: 0,\n      borderInlineStartWidth: 0,\n      borderTopWidth: \"1px\"\n    },\n    row: {\n      marginX: gap,\n      marginY: 0,\n      borderInlineStartWidth: \"1px\",\n      borderTopWidth: 0\n    },\n    \"row-reverse\": {\n      marginX: gap,\n      marginY: 0,\n      borderInlineStartWidth: \"1px\",\n      borderTopWidth: 0\n    }\n  };\n  return {\n    \"&\": mapObject(direction, (value) => styles[value])\n  };\n}\n\nexport { getSeparatorStyles };\n","\"use strict\";\n\"use client\";\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo, isValidElement, cloneElement, Fragment, Children } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { getSeparatorStyles } from './get-separator-style.js';\n\nfunction getValidChildren(children) {\n  return Children.toArray(children).filter(\n    (child) => isValidElement(child)\n  );\n}\nconst Stack = forwardRef(\n  function Stack2(props, ref) {\n    const {\n      direction = \"column\",\n      align,\n      justify,\n      gap = \"0.5rem\",\n      wrap,\n      children,\n      separator,\n      className,\n      ...rest\n    } = props;\n    const separatorStyle = useMemo(\n      () => getSeparatorStyles({ gap, direction }),\n      [gap, direction]\n    );\n    const clones = useMemo(() => {\n      if (!isValidElement(separator)) return children;\n      return getValidChildren(children).map((child, index, arr) => {\n        const key = typeof child.key !== \"undefined\" ? child.key : index;\n        const typedSep = separator;\n        const sep = cloneElement(typedSep, {\n          css: [separatorStyle, typedSep.props.css]\n        });\n        return /* @__PURE__ */ jsxs(Fragment, { children: [\n          child,\n          index === arr.length - 1 ? null : sep\n        ] }, key);\n      });\n    }, [children, separator, separatorStyle]);\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        display: \"flex\",\n        alignItems: align,\n        justifyContent: justify,\n        flexDirection: direction,\n        flexWrap: wrap,\n        gap: separator ? void 0 : gap,\n        className: cx(\"chakra-stack\", className),\n        ...rest,\n        children: clones\n      }\n    );\n  }\n);\n\nexport { Stack };\n"],"names":["getSeparatorStyles","options","gap","direction","styles","mapObject","value","getValidChildren","children","Children","child","isValidElement","Stack","forwardRef","props","ref","align","justify","wrap","separator","className","rest","separatorStyle","useMemo","clones","index","arr","key","typedSep","sep","cloneElement","jsxs","Fragment","jsx","chakra","cx"],"mappings":";;;;AAGA,SAASA,EAAmBC,GAAS;AACnC,QAAM,EAAE,KAAAC,GAAK,WAAAC,EAAS,IAAKF,GACrBG,IAAS;AAAA,IACb,QAAQ;AAAA,MACN,SAASF;AAAA,MACT,SAAS;AAAA,MACT,wBAAwB;AAAA,MACxB,gBAAgB;AAAA,IACjB;AAAA,IACD,kBAAkB;AAAA,MAChB,SAASA;AAAA,MACT,SAAS;AAAA,MACT,wBAAwB;AAAA,MACxB,gBAAgB;AAAA,IACjB;AAAA,IACD,KAAK;AAAA,MACH,SAASA;AAAA,MACT,SAAS;AAAA,MACT,wBAAwB;AAAA,MACxB,gBAAgB;AAAA,IACjB;AAAA,IACD,eAAe;AAAA,MACb,SAASA;AAAA,MACT,SAAS;AAAA,MACT,wBAAwB;AAAA,MACxB,gBAAgB;AAAA,IACtB;AAAA,EACG;AACD,SAAO;AAAA,IACL,KAAKG,EAAUF,GAAW,CAACG,MAAUF,EAAOE,CAAK,CAAC;AAAA,EACnD;AACH;AC1BA,SAASC,EAAiBC,GAAU;AAClC,SAAOC,EAAS,QAAQD,CAAQ,EAAE;AAAA,IAChC,CAACE,MAAUC,EAAeD,CAAK;AAAA,EAChC;AACH;AACK,MAACE,IAAQC;AAAA,EACZ,SAAgBC,GAAOC,GAAK;AAC1B,UAAM;AAAA,MACJ,WAAAZ,IAAY;AAAA,MACZ,OAAAa;AAAA,MACA,SAAAC;AAAA,MACA,KAAAf,IAAM;AAAA,MACN,MAAAgB;AAAA,MACA,UAAAV;AAAA,MACA,WAAAW;AAAA,MACA,WAAAC;AAAA,MACA,GAAGC;AAAA,IACT,IAAQP,GACEQ,IAAiBC;AAAA,MACrB,MAAMvB,EAAmB,EAAE,KAAAE,GAAK,WAAAC,GAAW;AAAA,MAC3C,CAACD,GAAKC,CAAS;AAAA,IAChB,GACKqB,IAASD,EAAQ,MAChBZ,EAAeQ,CAAS,IACtBZ,EAAiBC,CAAQ,EAAE,IAAI,CAACE,GAAOe,GAAOC,MAAQ;AAC3D,YAAMC,IAAM,OAAOjB,EAAM,MAAQ,MAAcA,EAAM,MAAMe,GACrDG,IAAWT,GACXU,IAAMC,EAAaF,GAAU;AAAA,QACjC,KAAK,CAACN,GAAgBM,EAAS,MAAM,GAAG;AAAA,MAClD,CAAS;AACD,aAAuBG,gBAAAA,EAAI,KAACC,GAAU,EAAE,UAAU;AAAA,QAChDtB;AAAA,QACAe,MAAUC,EAAI,SAAS,IAAI,OAAOG;AAAA,MACnC,EAAA,GAAIF,CAAG;AAAA,IAChB,CAAO,IAXsCnB,GAYtC,CAACA,GAAUW,GAAWG,CAAc,CAAC;AACxC,WAAuBW,gBAAAA,EAAG;AAAA,MACxBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAnB;AAAA,QACA,SAAS;AAAA,QACT,YAAYC;AAAA,QACZ,gBAAgBC;AAAA,QAChB,eAAed;AAAA,QACf,UAAUe;AAAA,QACV,KAAKC,IAAY,SAASjB;AAAA,QAC1B,WAAWiC,EAAG,gBAAgBf,CAAS;AAAA,QACvC,GAAGC;AAAA,QACH,UAAUG;AAAA,MAClB;AAAA,IACK;AAAA,EACL;AACA;","x_google_ignoreList":[0,1]}

package/dist/chunks/{styledAvatar.types-BNejv6F7.js → styledAvatar.types-CMpyDxAM.js}

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

package/dist/chunks/{styledAvatar.types-BNejv6F7.js.map → styledAvatar.types-CMpyDxAM.js.map}

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

package/dist/chunks/{styledAvatar.types-C8U-V56j.js → styledAvatar.types-DdjcEEg8.js}

@@ -1,5 +1,5 @@
 import { j as c } from "./jsx-runtime-C5mzlN2N.js";
-import { A as p } from "./avatar.component-CvE1vv5L.js";
+import { A as p } from "./avatar.component-M6X79WYy.js";
 const y = ({ type: l = "Client", ...o }) => {
   const { name: e, tooltipProps: t = { placement: "top", ...o.tooltipProps }, onClick: s } = o, n = {
     variant: "outlineYellow",
@@ -48,4 +48,4 @@ export {
   y as S,
   C as s
 };
-//# sourceMappingURL=styledAvatar.types-C8U-V56j.js.map
+//# sourceMappingURL=styledAvatar.types-DdjcEEg8.js.map

package/dist/chunks/{styledAvatar.types-C8U-V56j.js.map → styledAvatar.types-DdjcEEg8.js.map}

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

package/dist/chunks/{swatch.types-DbgA3RWc.js → swatch.types-CXlghcLw.js}

@@ -1,12 +1,12 @@
 import { j as d } from "./jsx-runtime-C5mzlN2N.js";
-import { b as x } from "./config-DlTdf-Yt.js";
-import { u as c } from "./use-recipe-d63ABaZ3.js";
-import { B as h } from "./box-Ck9I7FYv.js";
+import { B as x } from "./index-9BerxEcw.js";
+import { b as c } from "./config-B3QABP1-.js";
+import { u as h } from "./use-recipe-d63ABaZ3.js";
 const m = {
   xs: {
     borderRadius: "xs",
-    height: "14px",
-    width: "14px"
+    height: "12px",
+    width: "12px"
   },
   sm: {
     borderRadius: "3px",
@@ -28,7 +28,7 @@ const m = {
     height: "32px",
     width: "32px"
   }
-}, n = x({
+}, n = c({
   base: {
     display: "inline-block",
     border: "1px"
@@ -47,9 +47,9 @@ const m = {
   borderColor: a,
   ...o
 }) => {
-  const p = c({ recipe: n })({ size: e }), s = r || i || t || "transparent";
+  const p = h({ recipe: n })({ size: e }), s = r || i || t || "transparent";
   return /* @__PURE__ */ d.jsx(
-    h,
+    x,
     {
       className: "Swatch",
       "data-testid": "kibble-swatch",
@@ -64,4 +64,4 @@ export {
   g as S,
   f as s
 };
-//# sourceMappingURL=swatch.types-DbgA3RWc.js.map
+//# sourceMappingURL=swatch.types-CXlghcLw.js.map

package/dist/chunks/{swatch.types-DbgA3RWc.js.map → swatch.types-CXlghcLw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"swatch.types-DbgA3RWc.js","sources":["../../src/components/Swatch/swatch.recipe.ts","../../src/components/Swatch/swatch.component.tsx","../../src/components/Swatch/swatch.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SwatchSize } from './swatch.types';\n\nconst swatchSizeStyles: Record<SwatchSize, SystemStyleObject> = {\n  xs: {\n    borderRadius: 'xs',\n    height: '14px',\n    width: '14px',\n  },\n  sm: {\n    borderRadius: '3px',\n    height: '16px',\n    width: '16px',\n  },\n  md: {\n    borderRadius: '4px',\n    height: '20px',\n    width: '20px',\n  },\n  lg: {\n    borderRadius: '5px',\n    height: '24px',\n    width: '24px',\n  },\n  xl: {\n    borderRadius: 'sm',\n    height: '32px',\n    width: '32px',\n  },\n};\n\nexport const swatchRecipe = defineRecipe({\n  base: {\n    display: 'inline-block',\n    border: '1px',\n  },\n  variants: {\n    size: swatchSizeStyles,\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { SwatchSize } from './swatch.types';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { swatchRecipe } from './swatch.recipe';\n\nexport interface BaseSwatchProps {\n  size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;\n\nexport const Swatch = ({\n  size = 'md',\n  color,\n  backgroundColor,\n  bgColor,\n  borderColor,\n  ...rest\n}: SwatchProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: swatchRecipe });\n  const styles = recipe({ size });\n  const _swatchColor = bgColor || backgroundColor || color || 'transparent';\n\n  return (\n    <Box\n      className=\"Swatch\"\n      data-testid=\"kibble-swatch\"\n      css={styles}\n      bg={_swatchColor}\n      borderColor={borderColor || _swatchColor}\n      {...rest}\n    />\n  );\n};\n","export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n"],"names":["swatchSizeStyles","swatchRecipe","defineRecipe","Swatch","size","color","backgroundColor","bgColor","borderColor","rest","styles","useRecipe","_swatchColor","jsx","Box","swatchSizes"],"mappings":";;;;AAGA,MAAMA,IAA0D;AAAA,EAC9D,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAeC,EAAa;AAAA,EACvC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,MAAMF;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GC9BYG,IAAS,CAAC;AAAA,EACrB,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAsC;AAEpC,QAAMC,IADSC,EAAU,EAAE,QAAQV,GAAc,EAC3B,EAAE,MAAAG,GAAM,GACxBQ,IAAeL,KAAWD,KAAmBD,KAAS;AAG1D,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKJ;AAAA,MACL,IAAIE;AAAA,MACJ,aAAaJ,KAAeI;AAAA,MAC3B,GAAGH;AAAA,IAAA;AAAA,EACN;AAEJ,GClCaM,IAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;"}
+{"version":3,"file":"swatch.types-CXlghcLw.js","sources":["../../src/components/Swatch/swatch.recipe.ts","../../src/components/Swatch/swatch.component.tsx","../../src/components/Swatch/swatch.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SwatchSize } from './swatch.types';\n\nconst swatchSizeStyles: Record<SwatchSize, SystemStyleObject> = {\n  xs: {\n    borderRadius: 'xs',\n    height: '12px',\n    width: '12px',\n  },\n  sm: {\n    borderRadius: '3px',\n    height: '16px',\n    width: '16px',\n  },\n  md: {\n    borderRadius: '4px',\n    height: '20px',\n    width: '20px',\n  },\n  lg: {\n    borderRadius: '5px',\n    height: '24px',\n    width: '24px',\n  },\n  xl: {\n    borderRadius: 'sm',\n    height: '32px',\n    width: '32px',\n  },\n};\n\nexport const swatchRecipe = defineRecipe({\n  base: {\n    display: 'inline-block',\n    border: '1px',\n  },\n  variants: {\n    size: swatchSizeStyles,\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { SwatchSize } from './swatch.types';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { swatchRecipe } from './swatch.recipe';\n\nexport interface BaseSwatchProps {\n  size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;\n\nexport const Swatch = ({\n  size = 'md',\n  color,\n  backgroundColor,\n  bgColor,\n  borderColor,\n  ...rest\n}: SwatchProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: swatchRecipe });\n  const styles = recipe({ size });\n  const _swatchColor = bgColor || backgroundColor || color || 'transparent';\n\n  return (\n    <Box\n      className=\"Swatch\"\n      data-testid=\"kibble-swatch\"\n      css={styles}\n      bg={_swatchColor}\n      borderColor={borderColor || _swatchColor}\n      {...rest}\n    />\n  );\n};\n","export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n"],"names":["swatchSizeStyles","swatchRecipe","defineRecipe","Swatch","size","color","backgroundColor","bgColor","borderColor","rest","styles","useRecipe","_swatchColor","jsx","Box","swatchSizes"],"mappings":";;;;AAGA,MAAMA,IAA0D;AAAA,EAC9D,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAeC,EAAa;AAAA,EACvC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,MAAMF;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GC9BYG,IAAS,CAAC;AAAA,EACrB,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAsC;AAEpC,QAAMC,IADSC,EAAU,EAAE,QAAQV,GAAc,EAC3B,EAAE,MAAAG,GAAM,GACxBQ,IAAeL,KAAWD,KAAmBD,KAAS;AAG1D,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKJ;AAAA,MACL,IAAIE;AAAA,MACJ,aAAaJ,KAAeI;AAAA,MAC3B,GAAGH;AAAA,IAAA;AAAA,EACN;AAEJ,GClCaM,IAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;"}

package/dist/chunks/swatch.types-jaI0KFHU.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),x=require("./index-BQRnVsAg.js"),h=require("./config-jChwZPSv.js"),p=require("./use-recipe-DaPWl_pL.js"),n={xs:{borderRadius:"xs",height:"12px",width:"12px"},sm:{borderRadius:"3px",height:"16px",width:"16px"},md:{borderRadius:"4px",height:"20px",width:"20px"},lg:{borderRadius:"5px",height:"24px",width:"24px"},xl:{borderRadius:"sm",height:"32px",width:"32px"}},u=h.defineRecipe({base:{display:"inline-block",border:"1px"},variants:{size:n},defaultVariants:{size:"md"}}),l=({size:s="md",color:t,backgroundColor:i,bgColor:r,borderColor:c,...a})=>{const d=p.useRecipe({recipe:u})({size:s}),e=r||i||t||"transparent";return o.jsxRuntimeExports.jsx(x.Box,{className:"Swatch","data-testid":"kibble-swatch",css:d,bg:e,borderColor:c||e,...a})},w=["xs","sm","md","lg","xl"];exports.Swatch=l;exports.swatchSizes=w;
+//# sourceMappingURL=swatch.types-jaI0KFHU.js.map

package/dist/chunks/{swatch.types-DiX-4lpJ.js.map → swatch.types-jaI0KFHU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"swatch.types-DiX-4lpJ.js","sources":["../../src/components/Swatch/swatch.recipe.ts","../../src/components/Swatch/swatch.component.tsx","../../src/components/Swatch/swatch.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SwatchSize } from './swatch.types';\n\nconst swatchSizeStyles: Record<SwatchSize, SystemStyleObject> = {\n  xs: {\n    borderRadius: 'xs',\n    height: '14px',\n    width: '14px',\n  },\n  sm: {\n    borderRadius: '3px',\n    height: '16px',\n    width: '16px',\n  },\n  md: {\n    borderRadius: '4px',\n    height: '20px',\n    width: '20px',\n  },\n  lg: {\n    borderRadius: '5px',\n    height: '24px',\n    width: '24px',\n  },\n  xl: {\n    borderRadius: 'sm',\n    height: '32px',\n    width: '32px',\n  },\n};\n\nexport const swatchRecipe = defineRecipe({\n  base: {\n    display: 'inline-block',\n    border: '1px',\n  },\n  variants: {\n    size: swatchSizeStyles,\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { SwatchSize } from './swatch.types';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { swatchRecipe } from './swatch.recipe';\n\nexport interface BaseSwatchProps {\n  size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;\n\nexport const Swatch = ({\n  size = 'md',\n  color,\n  backgroundColor,\n  bgColor,\n  borderColor,\n  ...rest\n}: SwatchProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: swatchRecipe });\n  const styles = recipe({ size });\n  const _swatchColor = bgColor || backgroundColor || color || 'transparent';\n\n  return (\n    <Box\n      className=\"Swatch\"\n      data-testid=\"kibble-swatch\"\n      css={styles}\n      bg={_swatchColor}\n      borderColor={borderColor || _swatchColor}\n      {...rest}\n    />\n  );\n};\n","export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n"],"names":["swatchSizeStyles","swatchRecipe","defineRecipe","Swatch","size","color","backgroundColor","bgColor","borderColor","rest","styles","useRecipe","_swatchColor","jsx","Box","swatchSizes"],"mappings":"iKAGMA,EAA0D,CAC9D,GAAI,CACF,aAAc,KACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,KACd,OAAQ,OACR,MAAO,MAAA,CAEX,EAEaC,EAAeC,EAAAA,aAAa,CACvC,KAAM,CACJ,QAAS,eACT,OAAQ,KACV,EACA,SAAU,CACR,KAAMF,CACR,EACA,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,EC9BYG,EAAS,CAAC,CACrB,KAAAC,EAAO,KACP,MAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAsC,CAEpC,MAAMC,EADSC,EAAA,UAAU,CAAE,OAAQV,EAAc,EAC3B,CAAE,KAAAG,EAAM,EACxBQ,EAAeL,GAAWD,GAAmBD,GAAS,cAG1D,OAAAQ,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,SACV,cAAY,gBACZ,IAAKJ,EACL,GAAIE,EACJ,YAAaJ,GAAeI,EAC3B,GAAGH,CAAA,CACN,CAEJ,EClCaM,EAAc,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI"}
+{"version":3,"file":"swatch.types-jaI0KFHU.js","sources":["../../src/components/Swatch/swatch.recipe.ts","../../src/components/Swatch/swatch.component.tsx","../../src/components/Swatch/swatch.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SwatchSize } from './swatch.types';\n\nconst swatchSizeStyles: Record<SwatchSize, SystemStyleObject> = {\n  xs: {\n    borderRadius: 'xs',\n    height: '12px',\n    width: '12px',\n  },\n  sm: {\n    borderRadius: '3px',\n    height: '16px',\n    width: '16px',\n  },\n  md: {\n    borderRadius: '4px',\n    height: '20px',\n    width: '20px',\n  },\n  lg: {\n    borderRadius: '5px',\n    height: '24px',\n    width: '24px',\n  },\n  xl: {\n    borderRadius: 'sm',\n    height: '32px',\n    width: '32px',\n  },\n};\n\nexport const swatchRecipe = defineRecipe({\n  base: {\n    display: 'inline-block',\n    border: '1px',\n  },\n  variants: {\n    size: swatchSizeStyles,\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { SwatchSize } from './swatch.types';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { swatchRecipe } from './swatch.recipe';\n\nexport interface BaseSwatchProps {\n  size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;\n\nexport const Swatch = ({\n  size = 'md',\n  color,\n  backgroundColor,\n  bgColor,\n  borderColor,\n  ...rest\n}: SwatchProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: swatchRecipe });\n  const styles = recipe({ size });\n  const _swatchColor = bgColor || backgroundColor || color || 'transparent';\n\n  return (\n    <Box\n      className=\"Swatch\"\n      data-testid=\"kibble-swatch\"\n      css={styles}\n      bg={_swatchColor}\n      borderColor={borderColor || _swatchColor}\n      {...rest}\n    />\n  );\n};\n","export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n"],"names":["swatchSizeStyles","swatchRecipe","defineRecipe","Swatch","size","color","backgroundColor","bgColor","borderColor","rest","styles","useRecipe","_swatchColor","jsx","Box","swatchSizes"],"mappings":"mKAGMA,EAA0D,CAC9D,GAAI,CACF,aAAc,KACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,KACd,OAAQ,OACR,MAAO,MAAA,CAEX,EAEaC,EAAeC,EAAAA,aAAa,CACvC,KAAM,CACJ,QAAS,eACT,OAAQ,KACV,EACA,SAAU,CACR,KAAMF,CACR,EACA,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,EC9BYG,EAAS,CAAC,CACrB,KAAAC,EAAO,KACP,MAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAsC,CAEpC,MAAMC,EADSC,EAAA,UAAU,CAAE,OAAQV,EAAc,EAC3B,CAAE,KAAAG,EAAM,EACxBQ,EAAeL,GAAWD,GAAmBD,GAAS,cAG1D,OAAAQ,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,SACV,cAAY,gBACZ,IAAKJ,EACL,GAAIE,EACJ,YAAaJ,GAAeI,EAC3B,GAAGH,CAAA,CACN,CAEJ,EClCaM,EAAc,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI"}

package/dist/chunks/{switch.component-U2g70Pc5.js → switch.component-Be_CZ-FX.js}

@@ -1,34 +1,34 @@
 import { j as c } from "./jsx-runtime-C5mzlN2N.js";
 import I, { forwardRef as n, useId as A, useMemo as L } from "react";
-import { w as T } from "./withFormControl-BJbzRb4N.js";
-import { d as u } from "./attr-sm10PXOd.js";
-import { c as _ } from "./create-slot-recipe-context-BJmsuxih.js";
-import { c as w } from "./factory-Ctbv0Ozn.js";
-import { c as $, f as d, i as H, j as O, k as q, n as E, a as S } from "./use-locale-context-BNU4MHrO.js";
-import { u as f } from "./use-field-context-BZaIHuSQ.js";
-import { a1 as l } from "./index-Ztgrae6O.js";
-import { m as F, c as M } from "./index-C-m6RNXT.js";
-const [b, h] = $({
+import { w as T } from "./withFormControl-C3IIthrA.js";
+import { d as w } from "./attr-sm10PXOd.js";
+import { c as _ } from "./create-slot-recipe-context-CrlT_nGQ.js";
+import { c as S } from "./factory-BQshv7_b.js";
+import { c as $, f as d, i as H, j as O, k as q, n as E, a as f } from "./use-locale-context-CGfkkp7X.js";
+import { u as b } from "./use-field-context-C1iiT3PJ.js";
+import { a2 as l } from "./index-DtPX2rUg.js";
+import { m as F, c as M } from "./index-_DAxfi81.js";
+const [x, h] = $({
   name: "SwitchContext",
   hookName: "useSwitchContext",
   providerName: "<SwitchProvider />"
-}), x = n((r, e) => {
+}), C = n((r, e) => {
   const t = h(), o = l(t.getControlProps(), r);
   return /* @__PURE__ */ c.jsx(d.span, { ...o, ref: e });
 });
-x.displayName = "SwitchControl";
-const C = n((r, e) => {
-  const t = h(), o = l(t.getHiddenInputProps(), r), s = f();
+C.displayName = "SwitchControl";
+const P = n((r, e) => {
+  const t = h(), o = l(t.getHiddenInputProps(), r), s = b();
   return /* @__PURE__ */ c.jsx(d.input, { "aria-describedby": s?.ariaDescribedby, ...o, ref: e });
 });
-C.displayName = "SwitchHiddenInput";
-const P = n((r, e) => {
+P.displayName = "SwitchHiddenInput";
+const k = n((r, e) => {
   const t = h(), o = l(t.getLabelProps(), r);
   return /* @__PURE__ */ c.jsx(d.span, { ...o, ref: e });
 });
-P.displayName = "SwitchLabel";
+k.displayName = "SwitchLabel";
 const W = (r) => {
-  const e = A(), { getRootNode: t } = H(), { dir: o } = O(), s = f(), i = {
+  const e = A(), { getRootNode: t } = H(), { dir: o } = O(), s = b(), i = {
     id: e,
     ids: {
       label: s?.ids.label,
@@ -43,8 +43,8 @@ const W = (r) => {
     ...r
   }, a = q(F, i);
   return M(a, E);
-}, k = n((r, e) => {
-  const [t, o] = S()(r, [
+}, j = n((r, e) => {
+  const [t, o] = f()(r, [
     "checked",
     "defaultChecked",
     "disabled",
@@ -59,39 +59,39 @@ const W = (r) => {
     "required",
     "value"
   ]), s = W(t), i = l(s.getRootProps(), o);
-  return /* @__PURE__ */ c.jsx(b, { value: s, children: /* @__PURE__ */ c.jsx(d.label, { ...i, ref: e }) });
-});
-k.displayName = "SwitchRoot";
-const j = n((r, e) => {
-  const [{ value: t }, o] = S()(r, ["value"]), s = l(t.getRootProps(), o);
-  return /* @__PURE__ */ c.jsx(b, { value: t, children: /* @__PURE__ */ c.jsx(d.label, { ...s, ref: e }) });
+  return /* @__PURE__ */ c.jsx(x, { value: s, children: /* @__PURE__ */ c.jsx(d.label, { ...i, ref: e }) });
 });
-j.displayName = "SwitchRootProvider";
+j.displayName = "SwitchRoot";
 const v = n((r, e) => {
+  const [{ value: t }, o] = f()(r, ["value"]), s = l(t.getRootProps(), o);
+  return /* @__PURE__ */ c.jsx(x, { value: t, children: /* @__PURE__ */ c.jsx(d.label, { ...s, ref: e }) });
+});
+v.displayName = "SwitchRootProvider";
+const y = n((r, e) => {
   const t = h(), o = l(t.getThumbProps(), r);
   return /* @__PURE__ */ c.jsx(d.span, { ...o, ref: e });
 });
-v.displayName = "SwitchThumb";
+y.displayName = "SwitchThumb";
 const {
-  withProvider: y,
+  withProvider: g,
   withContext: p,
   useStyles: z
 } = _({ key: "switch" });
-y(j, "root", { forwardAsChild: !0 });
-const D = y(
-  k,
+g(v, "root", { forwardAsChild: !0 });
+const D = g(
+  j,
   "root",
   { forwardAsChild: !0 }
 ), V = p(
-  P,
+  k,
   "label",
   { forwardAsChild: !0 }
 ), B = p(
-  v,
+  y,
   "thumb",
   { forwardAsChild: !0 }
 ), G = p(
-  x,
+  C,
   "control",
   {
     forwardAsChild: !0,
@@ -99,23 +99,23 @@ const D = y(
   }
 );
 n(function(e, t) {
-  const o = h(), s = z(), { fallback: i, children: a, ...m } = e;
+  const o = h(), s = z(), { fallback: i, children: a, unstyled: u, ...m } = e;
   return /* @__PURE__ */ c.jsx(
-    w.span,
+    S.span,
     {
       ref: t,
-      "data-checked": u(o.checked),
+      "data-checked": w(o.checked),
       ...m,
-      css: [s.indicator, e.css],
+      css: [u ? void 0 : s.indicator, e.css],
       children: o.checked ? a : i
     }
   );
 });
 n(function(e, t) {
   const o = h(), { fallback: s, children: i, ...a } = e;
-  return /* @__PURE__ */ c.jsx(w.span, { ref: t, "data-checked": u(o.checked), ...a, children: o.checked ? i : s });
+  return /* @__PURE__ */ c.jsx(S.span, { ref: t, "data-checked": w(o.checked), ...a, children: o.checked ? i : s });
 });
-const J = C, g = I.forwardRef(
+const J = P, N = I.forwardRef(
   ({
     children: r,
     indeterminate: e = !1,
@@ -125,8 +125,8 @@ const J = C, g = I.forwardRef(
     rootRef: s,
     size: i = "md",
     switchRef: a,
-    ...m
-  }, N) => {
+    ...u
+  }, m) => {
     const R = L(() => e ? t ? "indeterminateOnContrast" : "indeterminate" : t ? "onContrast" : "default", [e, t]);
     return /* @__PURE__ */ c.jsxs(
       D,
@@ -136,9 +136,9 @@ const J = C, g = I.forwardRef(
         ref: s,
         size: i,
         variant: R,
-        ...m,
+        ...u,
         children: [
-          /* @__PURE__ */ c.jsx(J, { className: "Switch_Input", "data-testid": "kibble-switch-input", ref: a || N }),
+          /* @__PURE__ */ c.jsx(J, { className: "Switch_Input", "data-testid": "kibble-switch-input", ref: a || m }),
           /* @__PURE__ */ c.jsx(G, { className: "Switch_Control", "data-testid": "kibble-switch-control" }),
           !!r && /* @__PURE__ */ c.jsx(V, { children: r })
         ]
@@ -146,9 +146,9 @@ const J = C, g = I.forwardRef(
     );
   }
 );
-g.displayName = "Switch";
-const rt = T(g);
+N.displayName = "Switch";
+const rt = T(N);
 export {
   rt as W
 };
-//# sourceMappingURL=switch.component-U2g70Pc5.js.map
+//# sourceMappingURL=switch.component-Be_CZ-FX.js.map