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

package/dist/chunks/popover.recipe-BecbuU0C.js

@@ -1,123 +0,0 @@
-import { av as o } from "./chakra-CM93-d7A.js";
-const r = [
-  "root",
-  "content",
-  "arrow",
-  "arrowTip",
-  "body",
-  "header",
-  "footer"
-], t = {
-  xs: {
-    content: {
-      width: 160
-    }
-  },
-  sm: {
-    content: {
-      width: 200
-    }
-  },
-  md: {
-    content: {
-      width: 260
-    }
-  },
-  lg: {
-    content: {
-      width: 320
-    }
-  },
-  xl: {
-    content: {
-      width: 480
-    }
-  }
-}, e = {
-  default: {
-    arrowTip: {
-      borderColor: "border"
-    },
-    content: {
-      "--popover-bg": "colors.background.default",
-      "--hovercard-bg": "colors.background.default",
-      borderColor: "border",
-      color: "text.default"
-    }
-  },
-  defaultDestructive: {
-    arrowTip: {
-      borderColor: "border"
-    },
-    content: {
-      "--popover-bg": "colors.background.default",
-      "--hovercard-bg": "colors.background.default",
-      borderColor: "border",
-      color: "text.default"
-    }
-  },
-  contrast: {
-    arrowTip: {
-      borderColor: "border.contrast"
-    },
-    content: {
-      "--popover-bg": "colors.background.contrast",
-      "--hovercard-bg": "colors.background.contrast",
-      borderColor: "border.contrast",
-      color: "text.contrast"
-    }
-  },
-  contrastDestructive: {
-    arrowTip: {
-      borderColor: "border.contrast"
-    },
-    content: {
-      "--popover-bg": "colors.background.contrast",
-      "--hovercard-bg": "colors.background.contrast",
-      borderColor: "border.contrast",
-      color: "text.contrast"
-    }
-  }
-}, d = o({
-  slots: r,
-  base: {
-    arrowTip: {
-      borderTopWidth: "1px",
-      borderInlineStartWidth: "1px",
-      top: "-1px !important"
-    },
-    body: {
-      p: 3
-    },
-    content: {
-      border: "1px"
-    },
-    footer: {
-      borderTop: 0,
-      borderRadius: "inherit",
-      pb: 3,
-      pt: 0,
-      px: 3
-    },
-    header: {
-      borderBottom: 0,
-      borderRadius: "inherit",
-      minH: 6,
-      pb: 0,
-      pt: 3,
-      px: 3
-    }
-  },
-  variants: {
-    size: t,
-    variant: e
-  },
-  defaultVariants: {
-    size: "sm",
-    variant: "contrast"
-  }
-});
-export {
-  d as p
-};
-//# sourceMappingURL=popover.recipe-BecbuU0C.js.map

package/dist/chunks/popover.recipe-BecbuU0C.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.recipe-BecbuU0C.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n  | \"root\"\n  | \"content\"\n  | \"arrow\"\n  | \"arrowTip\"\n  | \"body\"\n  | \"header\"\n  | \"footer\";\nconst popoverSlots: PopoverSlot[] = [\n  \"root\",\n  \"content\",\n  \"arrow\",\n  \"arrowTip\",\n  \"body\",\n  \"header\",\n  \"footer\",\n] as const;\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      width: 160,\n    },\n  },\n  sm: {\n    content: {\n      width: 200,\n    },\n  },\n  md: {\n    content: {\n      width: 260,\n    },\n  },\n  lg: {\n    content: {\n      width: 320,\n    },\n  },\n  xl: {\n    content: {\n      width: 480,\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: \"border\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.default\",\n      \"--hovercard-bg\": \"colors.background.default\",\n      borderColor: \"border\",\n      color: \"text.default\",\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: \"border\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.default\",\n      \"--hovercard-bg\": \"colors.background.default\",\n      borderColor: \"border\",\n      color: \"text.default\",\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: \"border.contrast\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.contrast\",\n      \"--hovercard-bg\": \"colors.background.contrast\",\n      borderColor: \"border.contrast\",\n      color: \"text.contrast\",\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: \"border.contrast\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.contrast\",\n      \"--hovercard-bg\": \"colors.background.contrast\",\n      borderColor: \"border.contrast\",\n      color: \"text.contrast\",\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: \"1px\",\n      borderInlineStartWidth: \"1px\",\n      top: \"-1px !important\",\n    },\n    body: {\n      p: 3,\n    },\n    content: {\n      border: \"1px\",\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: \"inherit\",\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: \"inherit\",\n      minH: 6,\n      pb: 0,\n      pt: 3,\n      px: 3,\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: \"sm\",\n    variant: \"contrast\",\n  },\n});\n"],"names":["popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":";AAcA,MAAMA,IAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKMC,IAA4D;AAAA,EAChE,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEMC,IAAkE;AAAA,EACtE,SAAS;AAAA,IACP,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,qBAAqB;AAAA,IACnB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAAgBC,EAAiB;AAAA,EAC5C,OAAOJ;AAAA,EACP,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,gBAAgB;AAAA,MAChB,wBAAwB;AAAA,MACxB,KAAK;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,MACN,cAAc;AAAA,MACd,cAAc;AAAA,MACd,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,UAAU;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}

package/dist/chunks/radio.records-BxCn4oUd.js

@@ -1,2 +0,0 @@
-"use strict";const i={sm:3,md:4,lg:5},a={sm:2,md:2,lg:3};exports.RadioSizeMap=i;exports.RadioTextSpacing=a;
-//# sourceMappingURL=radio.records-BxCn4oUd.js.map

package/dist/chunks/radio.records-BxCn4oUd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio.records-BxCn4oUd.js","sources":["../../src/components/RadioGroup/components/Radio/radio.records.ts"],"sourcesContent":["import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const RadioSizeMap: Record<FormControlSize, number> = {\n  sm: 3,\n  md: 4,\n  lg: 5,\n};\n\nexport const RadioTextSpacing: Record<FormControlSize, number> = {\n  sm: 2,\n  md: 2,\n  lg: 3,\n};\n"],"names":["RadioSizeMap","RadioTextSpacing"],"mappings":"aAEO,MAAMA,EAAgD,CAC3D,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EAEaC,EAAoD,CAC/D,GAAI,EACJ,GAAI,EACJ,GAAI,CACN"}

package/dist/chunks/radio.records-Cc3kP4Vn.js

@@ -1,14 +0,0 @@
-const a = {
-  sm: 3,
-  md: 4,
-  lg: 5
-}, s = {
-  sm: 2,
-  md: 2,
-  lg: 3
-};
-export {
-  a as R,
-  s as a
-};
-//# sourceMappingURL=radio.records-Cc3kP4Vn.js.map

package/dist/chunks/radio.records-Cc3kP4Vn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio.records-Cc3kP4Vn.js","sources":["../../src/components/RadioGroup/components/Radio/radio.records.ts"],"sourcesContent":["import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const RadioSizeMap: Record<FormControlSize, number> = {\n  sm: 3,\n  md: 4,\n  lg: 5,\n};\n\nexport const RadioTextSpacing: Record<FormControlSize, number> = {\n  sm: 2,\n  md: 2,\n  lg: 3,\n};\n"],"names":["RadioSizeMap","RadioTextSpacing"],"mappings":"AAEO,MAAMA,IAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAoD;AAAA,EAC/D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}

package/dist/chunks/radioGroup.component-BGyp2laV.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-DcKGwQlH.js"),f=require("./withFormControl-uSeX61J8.js"),_=require("react"),j=require("./card.component-DD6Qc8tF.js"),b=require("./radio.records-BxCn4oUd.js"),v=require("./text.component-BEmVrJQy.js"),n=require("./chakra-C0NbsW66.js"),I=require("./buttonGroup.component-ChKXpEdS.js"),g=f.withFormControl(({children:e,checked:a=!1,disabled:u=!1,invalid:s=!1,onContrast:x=!1,radioRef:p,size:r="md",withCard:i=!1,...c})=>{const d=i?m=>{const l=(b.RadioSizeMap[r]+b.RadioTextSpacing[r]+j.CardPaddingMap[r])*4;return t.jsxRuntimeExports.jsx(j.Card,{className:"Radio__Card","data-testid":"kibble-radio-card",...!u&&{interactive:!0,invalid:s,active:!!a},onContrast:x,size:r,fullWidth:!0,display:"flex",...typeof e=="string"&&{alignItems:"center"},width:"inherit",pr:`${l}px`,children:m.children})}:_.Fragment;return t.jsxRuntimeExports.jsx(n.RadioGroupItem,{className:"Radio","data-testid":"kibble-radio",invalid:s,disabled:u,ref:p,...c,children:t.jsxRuntimeExports.jsxs(d,{children:[t.jsxRuntimeExports.jsx(n.RadioGroupItemHiddenInput,{className:"Radio__Input","data-testid":"kibble-radio-input"}),t.jsxRuntimeExports.jsx(n.RadioGroupItemIndicator,{className:"Radio__Indicator","data-testid":"kibble-radio-indicator"}),e&&t.jsxRuntimeExports.jsx(n.RadioGroupItemText,{className:"Radio__Text","data-testid":"kibble-radio-label",...i&&typeof e!="string"&&{mt:"-3px"},children:typeof e=="string"?t.jsxRuntimeExports.jsx(v.WrappedText,{size:r,children:e}):e})]})})}),h=_.forwardRef((e,a)=>t.jsxRuntimeExports.jsx(g,{radioRef:a,...e}));h.displayName="Radio";const k=({radios:e,defaultValue:a,direction:u="column",disabled:s,invalid:x,onContrast:p,onChange:r,size:i="md",radioType:c="default",value:d,gap:m=2,...l})=>{const E=p?"onContrast":"default";return t.jsxRuntimeExports.jsxs(n.RadioGroupRoot,{className:"RadioGroup","data-testid":"kibble-radio-group",disabled:s,defaultValue:a,value:d,onValueChange:({value:o})=>r?.(o),size:i,variant:E,...l,children:[c==="default"&&t.jsxRuntimeExports.jsx(n.Stack,{gap:m,direction:u,children:e.map((o,R)=>t.jsxRuntimeExports.jsx(h,{invalid:x,disabled:s,checked:a===o.value||d===o.value,size:i,...o},`radio-${R}`))}),c==="buttons"&&t.jsxRuntimeExports.jsx(I.ButtonGroup,{onContrast:p,variant:"secondarySubtle",size:i,buttons:e.map((o,R)=>{const G=a===o.value||d===o.value;return{key:`button-radio-${R}`,children:o.children,active:G,disabled:s,onClick:()=>r?.(o.value)}})})]})};k.displayName="CheckboxGroup";const q=f.withFormControl(k);exports.WrappedRadioGroup=q;
-//# sourceMappingURL=radioGroup.component-BGyp2laV.js.map

package/dist/chunks/radioGroup.component-BGyp2laV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radioGroup.component-BGyp2laV.js","sources":["../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { RadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\nimport { RadioSizeMap, RadioTextSpacing } from \"./radio.records\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  checked?: boolean;\n  radioRef?: ForwardedRef<HTMLDivElement>;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Radio = withFormControl(\n  ({\n    children,\n    checked = false,\n    disabled = false,\n    invalid = false,\n    onContrast = false,\n    radioRef,\n    size = \"md\",\n    withCard = false,\n    ...rest\n  }: RadioProps): React.JSX.Element => {\n    const RadioCard: React.FC<CardProps> = withCard\n      ? (props): React.JSX.Element => {\n          const pr =\n            (RadioSizeMap[size] +\n              RadioTextSpacing[size] +\n              CardPaddingMap[size]) *\n            4;\n          return (\n            <Card\n              className=\"Radio__Card\"\n              data-testid=\"kibble-radio-card\"\n              {...(!disabled && {\n                interactive: true,\n                invalid,\n                active: !!checked,\n              })}\n              onContrast={onContrast}\n              size={size}\n              fullWidth\n              display=\"flex\"\n              {...(typeof children === \"string\" && { alignItems: \"center\" })}\n              width=\"inherit\"\n              pr={`${pr}px`}\n            >\n              {props.children}\n            </Card>\n          );\n        }\n      : React.Fragment;\n\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid=\"kibble-radio\"\n        invalid={invalid}\n        disabled={disabled}\n        ref={radioRef}\n        {...rest}\n      >\n        <RadioCard>\n          <RadioGroup.ItemHiddenInput\n            className=\"Radio__Input\"\n            data-testid=\"kibble-radio-input\"\n          />\n          <RadioGroup.ItemIndicator\n            className=\"Radio__Indicator\"\n            data-testid=\"kibble-radio-indicator\"\n          />\n          {children && (\n            <RadioGroup.ItemText\n              className=\"Radio__Text\"\n              data-testid=\"kibble-radio-label\"\n              {...(withCard && typeof children !== \"string\" && { mt: \"-3px\" })}\n            >\n              {typeof children === \"string\" ? (\n                <Text size={size}>{children}</Text>\n              ) : (\n                children\n              )}\n            </RadioGroup.ItemText>\n          )}\n        </RadioCard>\n      </RadioGroup.Item>\n    );\n  },\n);\n\nconst WrappedRadio = React.forwardRef(\n  (props: RadioProps, ref: ForwardedRef<HTMLDivElement>) => (\n    <Radio radioRef={ref} {...props} />\n  ),\n);\n\nWrappedRadio.displayName = \"Radio\";\n\nexport { WrappedRadio as Radio };\n","import React from \"react\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} 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\";\n\nexport interface KRadioGroupProps\n  extends WithFormControlProps,\n    Omit<CRadioGroup.RootProps, \"onValueChange\" | \"onChange\"> {\n  direction?: ConditionalValue<FlexDirection>;\n  onChange?: (value: string | null) => void;\n  size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n  radioType?: \"buttons\";\n  radios: Omit<RadioProps, \"withCard\">[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n  radioType?: \"default\";\n  radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = \"column\",\n  disabled,\n  invalid,\n  onContrast,\n  onChange,\n  size = \"md\",\n  radioType = \"default\",\n  value,\n  gap = 2,\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid=\"kibble-radio-group\"\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={({ value }) => onChange?.(value)}\n      size={size}\n      variant={_computedVariant}\n      {...rest}\n    >\n      {radioType === \"default\" && (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              checked={defaultValue === radio.value || value === radio.value}\n              size={size}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n      {radioType === \"buttons\" && (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active =\n              defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              onClick: () => onChange?.(radio.value),\n            };\n          })}\n        />\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["Radio","withFormControl","children","checked","disabled","invalid","onContrast","radioRef","size","withCard","rest","RadioCard","props","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","jsx","Card","React","RadioGroup.Item","RadioGroup.ItemHiddenInput","RadioGroup.ItemIndicator","RadioGroup.ItemText","Text","WrappedRadio","ref","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"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"}

package/dist/chunks/radioGroup.component-C_ZyLaHd.js

@@ -1,151 +0,0 @@
-import { x as a } from "./vendor-CRIhG-7s.js";
-import { w as R } from "./withFormControl-C8kEF6Sj.js";
-import x from "react";
-import { C as _, a as I } from "./card.component-C3ybHDES.js";
-import { R as h, a as g } from "./radio.records-Cc3kP4Vn.js";
-import { W as v } from "./text.component-BqLgdeLf.js";
-import { aE as N, aF as y, aG as C, aH as W, aI as S, f as w } from "./chakra-CM93-d7A.js";
-import { B as F } from "./buttonGroup.component-Dg4GN69o.js";
-const T = R(
-  ({
-    children: t,
-    checked: e = !1,
-    disabled: p = !1,
-    invalid: i = !1,
-    onContrast: c = !1,
-    radioRef: n,
-    size: r = "md",
-    withCard: s = !1,
-    ...m
-  }) => {
-    const d = s ? (l) => {
-      const u = (h[r] + g[r] + I[r]) * 4;
-      return /* @__PURE__ */ a.jsx(
-        _,
-        {
-          className: "Radio__Card",
-          "data-testid": "kibble-radio-card",
-          ...!p && {
-            interactive: !0,
-            invalid: i,
-            active: !!e
-          },
-          onContrast: c,
-          size: r,
-          fullWidth: !0,
-          display: "flex",
-          ...typeof t == "string" && { alignItems: "center" },
-          width: "inherit",
-          pr: `${u}px`,
-          children: l.children
-        }
-      );
-    } : x.Fragment;
-    return /* @__PURE__ */ a.jsx(
-      N,
-      {
-        className: "Radio",
-        "data-testid": "kibble-radio",
-        invalid: i,
-        disabled: p,
-        ref: n,
-        ...m,
-        children: /* @__PURE__ */ a.jsxs(d, { children: [
-          /* @__PURE__ */ a.jsx(
-            y,
-            {
-              className: "Radio__Input",
-              "data-testid": "kibble-radio-input"
-            }
-          ),
-          /* @__PURE__ */ a.jsx(
-            C,
-            {
-              className: "Radio__Indicator",
-              "data-testid": "kibble-radio-indicator"
-            }
-          ),
-          t && /* @__PURE__ */ a.jsx(
-            W,
-            {
-              className: "Radio__Text",
-              "data-testid": "kibble-radio-label",
-              ...s && typeof t != "string" && { mt: "-3px" },
-              children: typeof t == "string" ? /* @__PURE__ */ a.jsx(v, { size: r, children: t }) : t
-            }
-          )
-        ] })
-      }
-    );
-  }
-), b = x.forwardRef(
-  (t, e) => /* @__PURE__ */ a.jsx(T, { radioRef: e, ...t })
-);
-b.displayName = "Radio";
-const j = ({
-  radios: t,
-  defaultValue: e,
-  direction: p = "column",
-  disabled: i,
-  invalid: c,
-  onContrast: n,
-  onChange: r,
-  size: s = "md",
-  radioType: m = "default",
-  value: d,
-  gap: l = 2,
-  ...u
-}) => {
-  const k = n ? "onContrast" : "default";
-  return /* @__PURE__ */ a.jsxs(
-    S,
-    {
-      className: "RadioGroup",
-      "data-testid": "kibble-radio-group",
-      disabled: i,
-      defaultValue: e,
-      value: d,
-      onValueChange: ({ value: o }) => r?.(o),
-      size: s,
-      variant: k,
-      ...u,
-      children: [
-        m === "default" && /* @__PURE__ */ a.jsx(w, { gap: l, direction: p, children: t.map((o, f) => /* @__PURE__ */ a.jsx(
-          b,
-          {
-            invalid: c,
-            disabled: i,
-            checked: e === o.value || d === o.value,
-            size: s,
-            ...o
-          },
-          `radio-${f}`
-        )) }),
-        m === "buttons" && /* @__PURE__ */ a.jsx(
-          F,
-          {
-            onContrast: n,
-            variant: "secondarySubtle",
-            size: s,
-            buttons: t.map((o, f) => {
-              const G = e === o.value || d === o.value;
-              return {
-                key: `button-radio-${f}`,
-                children: o.children,
-                active: G,
-                disabled: i,
-                onClick: () => r?.(o.value)
-              };
-            })
-          }
-        )
-      ]
-    }
-  );
-};
-j.displayName = "CheckboxGroup";
-const D = R(j);
-export {
-  D as W
-};
-//# sourceMappingURL=radioGroup.component-C_ZyLaHd.js.map

package/dist/chunks/radioGroup.component-C_ZyLaHd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radioGroup.component-C_ZyLaHd.js","sources":["../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { RadioGroup } from \"@chakra-ui/react/radio-group\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\nimport { RadioSizeMap, RadioTextSpacing } from \"./radio.records\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  checked?: boolean;\n  radioRef?: ForwardedRef<HTMLDivElement>;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Radio = withFormControl(\n  ({\n    children,\n    checked = false,\n    disabled = false,\n    invalid = false,\n    onContrast = false,\n    radioRef,\n    size = \"md\",\n    withCard = false,\n    ...rest\n  }: RadioProps): React.JSX.Element => {\n    const RadioCard: React.FC<CardProps> = withCard\n      ? (props): React.JSX.Element => {\n          const pr =\n            (RadioSizeMap[size] +\n              RadioTextSpacing[size] +\n              CardPaddingMap[size]) *\n            4;\n          return (\n            <Card\n              className=\"Radio__Card\"\n              data-testid=\"kibble-radio-card\"\n              {...(!disabled && {\n                interactive: true,\n                invalid,\n                active: !!checked,\n              })}\n              onContrast={onContrast}\n              size={size}\n              fullWidth\n              display=\"flex\"\n              {...(typeof children === \"string\" && { alignItems: \"center\" })}\n              width=\"inherit\"\n              pr={`${pr}px`}\n            >\n              {props.children}\n            </Card>\n          );\n        }\n      : React.Fragment;\n\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid=\"kibble-radio\"\n        invalid={invalid}\n        disabled={disabled}\n        ref={radioRef}\n        {...rest}\n      >\n        <RadioCard>\n          <RadioGroup.ItemHiddenInput\n            className=\"Radio__Input\"\n            data-testid=\"kibble-radio-input\"\n          />\n          <RadioGroup.ItemIndicator\n            className=\"Radio__Indicator\"\n            data-testid=\"kibble-radio-indicator\"\n          />\n          {children && (\n            <RadioGroup.ItemText\n              className=\"Radio__Text\"\n              data-testid=\"kibble-radio-label\"\n              {...(withCard && typeof children !== \"string\" && { mt: \"-3px\" })}\n            >\n              {typeof children === \"string\" ? (\n                <Text size={size}>{children}</Text>\n              ) : (\n                children\n              )}\n            </RadioGroup.ItemText>\n          )}\n        </RadioCard>\n      </RadioGroup.Item>\n    );\n  },\n);\n\nconst WrappedRadio = React.forwardRef(\n  (props: RadioProps, ref: ForwardedRef<HTMLDivElement>) => (\n    <Radio radioRef={ref} {...props} />\n  ),\n);\n\nWrappedRadio.displayName = \"Radio\";\n\nexport { WrappedRadio as Radio };\n","import React from \"react\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} 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\";\n\nexport interface KRadioGroupProps\n  extends WithFormControlProps,\n    Omit<CRadioGroup.RootProps, \"onValueChange\" | \"onChange\"> {\n  direction?: ConditionalValue<FlexDirection>;\n  onChange?: (value: string | null) => void;\n  size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n  radioType?: \"buttons\";\n  radios: Omit<RadioProps, \"withCard\">[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n  radioType?: \"default\";\n  radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = \"column\",\n  disabled,\n  invalid,\n  onContrast,\n  onChange,\n  size = \"md\",\n  radioType = \"default\",\n  value,\n  gap = 2,\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid=\"kibble-radio-group\"\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={({ value }) => onChange?.(value)}\n      size={size}\n      variant={_computedVariant}\n      {...rest}\n    >\n      {radioType === \"default\" && (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              checked={defaultValue === radio.value || value === radio.value}\n              size={size}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n      {radioType === \"buttons\" && (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active =\n              defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              onClick: () => onChange?.(radio.value),\n            };\n          })}\n        />\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["Radio","withFormControl","children","checked","disabled","invalid","onContrast","radioRef","size","withCard","rest","RadioCard","props","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","jsx","Card","React","RadioGroup.Item","RadioGroup.ItemHiddenInput","RadioGroup.ItemIndicator","RadioGroup.ItemText","Text","WrappedRadio","ref","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"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"}

package/dist/chunks/ratingDots.component-D4ppuVsC.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-DcKGwQlH.js"),l=require("react"),d=require("./text.component-BEmVrJQy.js"),n=require("./chakra-C0NbsW66.js"),R=require("./withFormControl-uSeX61J8.js"),v=n.defineRecipe({base:{alignItems:"center",border:"2px",borderColor:"border.focus",borderRadius:"full",fontSize:"lg",justifyContent:"center",mb:1,mr:1},variants:{variant:{default:{bgColor:"background.secondary",color:"text.contrast",cursor:"default",h:"40px",w:"40px"},interactive:{bgColor:"transparent",color:"text.interactive",cursor:"pointer",h:"60px",w:"60px","&[data-disabled][data-active]":{bgColor:"background.secondary",color:"text.contrast"},_active:{bgColor:"background.secondary",color:"text.contrast",_hover:{bgColor:"background.secondary"}},_disabled:{cursor:"not-allowed",opacity:.6},_hover:{bgColor:"background.secondaryAlpha.hover"},_invalid:{borderColor:"border.danger"}}}},defaultVariants:{variant:"default"}}),h=({active:s,disabled:u,invalid:x,number:e,onClick:r})=>{const i=r?"interactive":"default",o=n.useRecipe({recipe:v})({variant:i}),b=l.useCallback(c=>{c.preventDefault(),r&&r(e)},[e,r]);return t.jsxRuntimeExports.jsx(n.Flex,{...s&&{"data-active":"true"},...u?{"data-disabled":"true"}:{onClick:b},...x&&{"data-invalid":"true"},css:o,children:e})},f=R.withFormControl(({centeredLabel:s,disabled:u,invalid:x,minLabel:e,minValue:r,maxLabel:i,maxValue:p,onChange:o,value:b})=>{const c=l.useMemo(()=>Math.round(r),[r]),j=l.useMemo(()=>Math.round(p),[p]),m=l.useMemo(()=>{const a=[];for(let g=c;g<=j;g++)a.push(g);return a},[j,c]);return t.jsxRuntimeExports.jsxs(n.Box,{className:"RatingDots","data-testid":"kibble-rating-dots",children:[t.jsxRuntimeExports.jsx(n.Flex,{className:"RatingDots__Container","data-testid":"kibble-rating-dots-container",my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start",children:m.map(a=>t.jsxRuntimeExports.jsx(h,{number:a,active:a===b,disabled:u,invalid:x,onClick:o},`rating-dot-${a}`))}),(s||e||i)&&t.jsxRuntimeExports.jsx(n.Flex,{className:"RatingDots__Label","data-testid":"kibble-rating-dots-label",justifyContent:o?s?"center":"space-between":"flex-start",children:s?t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",children:s}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e&&t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",children:`${c} - ${e}`}),!o&&t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",pr:1,children:","}),i&&t.jsxRuntimeExports.jsx(d.WrappedText,{variant:"subtle",size:"sm",children:`${j} - ${i}`})]})})]})});exports.RatingDots=f;
-//# sourceMappingURL=ratingDots.component-D4ppuVsC.js.map

package/dist/chunks/select.component-CbIIIuhy.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./vendor-DcKGwQlH.js"),a=require("react"),g=require("./withFormControl-uSeX61J8.js"),b=require("./icon.component-BfsX-enJ.js"),v=require("./button.component-C0WP_LB_.js"),m=require("./text.component-BEmVrJQy.js"),f=require("./spinner.component-BOvFHPif.js"),t=require("./chakra-C0NbsW66.js"),p=({item:s,onContrast:o,shouldTruncateText:i,size:x})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s.leftElement,typeof s.label=="string"?e.jsxRuntimeExports.jsx(m.WrappedText,{size:x,truncated:i,variant:s.variant||(o?"onContrast":"default"),children:s.label}):s.label]}),C=({placeholder:s="",placeholderElement:o,...i})=>{const x=e.useSelectContext(),n=a.useMemo(()=>x.selectedItems[0],[x]);return e.jsxRuntimeExports.jsxs(t.SelectTrigger,{children:[!n&&o,e.jsxRuntimeExports.jsx(t.SelectValueText,{placeholder:s,children:n&&e.jsxRuntimeExports.jsx(p,{item:n,...i})})]})},T=g.withFormControl(({clearable:s,placeholderElement:o,emptyPlaceholder:i="No options available",loading:x,onContrast:n,options:c,placeholder:R="",selectRef:E,shouldTruncateText:j,size:l="md",...h})=>{const S=n?"onContrast":"default",u=a.useMemo(()=>e.createListCollection({items:c??[],itemToString:r=>typeof r.label=="string"?r.label:r.valueText||"",itemToValue:r=>r.value}),[c]);return e.jsxRuntimeExports.jsxs(t.SelectRoot,{className:"Select","data-testid":"kibble-select",collection:u,size:l,variant:S,...h,children:[e.jsxRuntimeExports.jsx(t.SelectHiddenSelect,{ref:E}),e.jsxRuntimeExports.jsxs(t.SelectControl,{children:[e.jsxRuntimeExports.jsx(C,{placeholder:R,placeholderElement:o,onContrast:!!n,shouldTruncateText:!!j,size:l}),e.jsxRuntimeExports.jsxs(t.SelectIndicatorGroup,{children:[s&&e.jsxRuntimeExports.jsx(t.SelectClearTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(v.Button,{iconName:"close",onContrast:n,size:l==="lg"?"sm":"xs",variant:"ghostNeutral"})}),e.jsxRuntimeExports.jsx(b.Icon,{name:"chevronDown",size:l,variant:n?"onContrast":"default"})]})]}),e.jsxRuntimeExports.jsx(e.Portal,{children:e.jsxRuntimeExports.jsx(t.SelectPositioner,{children:e.jsxRuntimeExports.jsx(t.SelectContent,{children:x?e.jsxRuntimeExports.jsx(t.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(f.Spinner,{variant:n?"brandOnContrast":"brand",size:l})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u.items.length?u.items.map(r=>e.jsxRuntimeExports.jsx(t.SelectItem,{item:r,children:e.jsxRuntimeExports.jsx(p,{item:r,onContrast:!!n,shouldTruncateText:!!j,size:l})},r.value)):e.jsxRuntimeExports.jsx(t.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(m.WrappedText,{size:"sm",variant:n?"subtleOnContrast":"subtle",children:i})})})})})})]})}),d=a.forwardRef((s,o)=>e.jsxRuntimeExports.jsx(T,{selectRef:o,...s}));d.displayName="Select";exports.WrappedSelect=d;
-//# sourceMappingURL=select.component-CbIIIuhy.js.map

package/dist/chunks/select.component-CbIIIuhy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.component-CbIIIuhy.js","sources":["../../src/components/Select/components/SelectItemContent/selectItemContent.component.tsx","../../src/components/Select/components/SelectTrigger/selectTrigger.component.tsx","../../src/components/Select/select.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectItemContentProps {\n  item: SelectOption;\n  onContrast: boolean;\n  shouldTruncateText: boolean;\n  size: FormControlSize;\n}\n\nexport const SelectItemContent = ({\n  item,\n  onContrast,\n  shouldTruncateText,\n  size,\n}: SelectItemContentProps): React.JSX.Element => {\n  return (\n    <>\n      {item.leftElement}\n      {typeof item.label === \"string\" ? (\n        <Text\n          size={size}\n          truncated={shouldTruncateText}\n          variant={item.variant || (onContrast ? \"onContrast\" : \"default\")}\n        >\n          {item.label}\n        </Text>\n      ) : (\n        item.label\n      )}\n    </>\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { Select as CSelect, useSelectContext } from \"@chakra-ui/react/select\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { SelectItemContent } from \"../SelectItemContent/selectItemContent.component\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectTriggerProps {\n  placeholder?: string;\n  placeholderElement?: React.ReactNode;\n  onContrast: boolean;\n  shouldTruncateText: boolean;\n  size: FormControlSize;\n}\n\nexport const SelectTrigger = ({\n  placeholder = \"\",\n  placeholderElement,\n  ...rest\n}: SelectTriggerProps): React.JSX.Element => {\n  const select = useSelectContext();\n  const selectedItem = useMemo(() => {\n    const items = select.selectedItems as SelectOption[];\n    return items[0];\n  }, [select]);\n\n  return (\n    <CSelect.Trigger>\n      {!selectedItem && placeholderElement}\n      <CSelect.ValueText placeholder={placeholder}>\n        {selectedItem && <SelectItemContent item={selectedItem} {...rest} />}\n      </CSelect.ValueText>\n    </CSelect.Trigger>\n  );\n};\n","import React, { ForwardedRef, useMemo } from \"react\";\nimport { Select as CSelect } from \"@chakra-ui/react/select\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { createListCollection } from \"@chakra-ui/react/collection\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Button } from \"components/Button/button.component\";\nimport { Text } from \"components/Text/text.component\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { SelectOption } from \"./select.types\";\nimport { SelectItemContent } from \"./components/SelectItemContent/selectItemContent.component\";\nimport { SelectTrigger } from \"./components/SelectTrigger/selectTrigger.component\";\n\nexport interface SelectProps\n  extends Omit<CSelect.RootProps, \"collection\" | \"multiple\">,\n    WithFormControlProps {\n  clearable?: boolean;\n  emptyPlaceholder?: string;\n  loading?: boolean;\n  options: SelectOption[];\n  placeholder?: string;\n  placeholderElement?: React.ReactNode;\n  selectRef?: ForwardedRef<HTMLSelectElement>;\n  shouldTruncateText?: boolean;\n  size?: FormControlSize;\n}\n\nconst Select = withFormControl(\n  ({\n    clearable,\n    placeholderElement,\n    emptyPlaceholder = \"No options available\",\n    loading,\n    onContrast,\n    options,\n    placeholder = \"\",\n    selectRef,\n    shouldTruncateText,\n    size = \"md\",\n    ...rest\n  }: SelectProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n    const collection = useMemo(() => {\n      return createListCollection({\n        items: options ?? [],\n        itemToString: (option) =>\n          typeof option.label === \"string\"\n            ? option.label\n            : option.valueText || \"\",\n        itemToValue: (option) => option.value,\n      });\n    }, [options]);\n\n    return (\n      <CSelect.Root\n        className=\"Select\"\n        data-testid=\"kibble-select\"\n        collection={collection}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSelect.HiddenSelect ref={selectRef} />\n        <CSelect.Control>\n          <SelectTrigger\n            placeholder={placeholder}\n            placeholderElement={placeholderElement}\n            onContrast={!!onContrast}\n            shouldTruncateText={!!shouldTruncateText}\n            size={size}\n          />\n          <CSelect.IndicatorGroup>\n            {clearable && (\n              <CSelect.ClearTrigger asChild>\n                <Button\n                  iconName=\"close\"\n                  onContrast={onContrast}\n                  size={size === \"lg\" ? \"sm\" : \"xs\"}\n                  variant=\"ghostNeutral\"\n                />\n              </CSelect.ClearTrigger>\n            )}\n            <Icon\n              name=\"chevronDown\"\n              size={size}\n              variant={onContrast ? \"onContrast\" : \"default\"}\n            />\n          </CSelect.IndicatorGroup>\n        </CSelect.Control>\n        <Portal>\n          <CSelect.Positioner>\n            <CSelect.Content>\n              {loading ? (\n                <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n                  <Spinner\n                    variant={onContrast ? \"brandOnContrast\" : \"brand\"}\n                    size={size}\n                  />\n                </Flex>\n              ) : (\n                <>\n                  {collection.items.length ? (\n                    collection.items.map((item) => (\n                      <CSelect.Item item={item} key={item.value}>\n                        <SelectItemContent\n                          item={item}\n                          onContrast={!!onContrast}\n                          shouldTruncateText={!!shouldTruncateText}\n                          size={size}\n                        />\n                      </CSelect.Item>\n                    ))\n                  ) : (\n                    <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n                      <Text\n                        size=\"sm\"\n                        variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                      >\n                        {emptyPlaceholder}\n                      </Text>\n                    </Flex>\n                  )}\n                </>\n              )}\n            </CSelect.Content>\n          </CSelect.Positioner>\n        </Portal>\n      </CSelect.Root>\n    );\n  },\n);\n\nconst WrappedSelect = React.forwardRef(\n  (props: SelectProps, ref: ForwardedRef<HTMLSelectElement>) => (\n    <Select selectRef={ref} {...props} />\n  ),\n);\n\nWrappedSelect.displayName = \"Select\";\n\nexport { WrappedSelect as Select };\n"],"names":["SelectItemContent","item","onContrast","shouldTruncateText","size","jsxs","Fragment","jsx","Text","SelectTrigger","placeholder","placeholderElement","rest","select","useSelectContext","selectedItem","useMemo","CSelect.Trigger","CSelect.ValueText","Select","withFormControl","clearable","emptyPlaceholder","loading","options","selectRef","_computedVariant","collection","createListCollection","option","CSelect.Root","CSelect.HiddenSelect","CSelect.Control","CSelect.IndicatorGroup","CSelect.ClearTrigger","Button","Icon","Portal","CSelect.Positioner","CSelect.Content","Flex","Spinner","CSelect.Item","WrappedSelect","React","props","ref"],"mappings":"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"}

package/dist/chunks/select.component-ZziZvaYN.js

@@ -1,129 +0,0 @@
-import { x as e, eA as S, eB as g, ew as v } from "./vendor-CRIhG-7s.js";
-import C, { useMemo as x } from "react";
-import { w as T } from "./withFormControl-C8kEF6Sj.js";
-import { I as w } from "./icon.component-DBE3p_Uc.js";
-import { B as y } from "./button.component-D2oz1NlP.js";
-import { W as u } from "./text.component-BqLgdeLf.js";
-import { S as I } from "./spinner.component-Dv6ILpLw.js";
-import { bg as F, bh as N, bi as R, bj as W, bk as B, bl as V, bm as _, bn as k, bo as E, F as m, bp as O } from "./chakra-CM93-d7A.js";
-const j = ({
-  item: t,
-  onContrast: l,
-  shouldTruncateText: c,
-  size: a
-}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  t.leftElement,
-  typeof t.label == "string" ? /* @__PURE__ */ e.jsx(
-    u,
-    {
-      size: a,
-      truncated: c,
-      variant: t.variant || (l ? "onContrast" : "default"),
-      children: t.label
-    }
-  ) : t.label
-] }), P = ({
-  placeholder: t = "",
-  placeholderElement: l,
-  ...c
-}) => {
-  const a = S(), s = x(() => a.selectedItems[0], [a]);
-  return /* @__PURE__ */ e.jsxs(F, { children: [
-    !s && l,
-    /* @__PURE__ */ e.jsx(N, { placeholder: t, children: s && /* @__PURE__ */ e.jsx(j, { item: s, ...c }) })
-  ] });
-}, A = T(
-  ({
-    clearable: t,
-    placeholderElement: l,
-    emptyPlaceholder: c = "No options available",
-    loading: a,
-    onContrast: s,
-    options: o,
-    placeholder: h = "",
-    selectRef: b,
-    shouldTruncateText: d,
-    size: n = "md",
-    ...p
-  }) => {
-    const f = s ? "onContrast" : "default", i = x(() => g({
-      items: o ?? [],
-      itemToString: (r) => typeof r.label == "string" ? r.label : r.valueText || "",
-      itemToValue: (r) => r.value
-    }), [o]);
-    return /* @__PURE__ */ e.jsxs(
-      R,
-      {
-        className: "Select",
-        "data-testid": "kibble-select",
-        collection: i,
-        size: n,
-        variant: f,
-        ...p,
-        children: [
-          /* @__PURE__ */ e.jsx(W, { ref: b }),
-          /* @__PURE__ */ e.jsxs(B, { children: [
-            /* @__PURE__ */ e.jsx(
-              P,
-              {
-                placeholder: h,
-                placeholderElement: l,
-                onContrast: !!s,
-                shouldTruncateText: !!d,
-                size: n
-              }
-            ),
-            /* @__PURE__ */ e.jsxs(V, { children: [
-              t && /* @__PURE__ */ e.jsx(_, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-                y,
-                {
-                  iconName: "close",
-                  onContrast: s,
-                  size: n === "lg" ? "sm" : "xs",
-                  variant: "ghostNeutral"
-                }
-              ) }),
-              /* @__PURE__ */ e.jsx(
-                w,
-                {
-                  name: "chevronDown",
-                  size: n,
-                  variant: s ? "onContrast" : "default"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(E, { children: a ? /* @__PURE__ */ e.jsx(m, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
-            I,
-            {
-              variant: s ? "brandOnContrast" : "brand",
-              size: n
-            }
-          ) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: i.items.length ? i.items.map((r) => /* @__PURE__ */ e.jsx(O, { item: r, children: /* @__PURE__ */ e.jsx(
-            j,
-            {
-              item: r,
-              onContrast: !!s,
-              shouldTruncateText: !!d,
-              size: n
-            }
-          ) }, r.value)) : /* @__PURE__ */ e.jsx(m, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
-            u,
-            {
-              size: "sm",
-              variant: s ? "subtleOnContrast" : "subtle",
-              children: c
-            }
-          ) }) }) }) }) })
-        ]
-      }
-    );
-  }
-), D = C.forwardRef(
-  (t, l) => /* @__PURE__ */ e.jsx(A, { selectRef: l, ...t })
-);
-D.displayName = "Select";
-export {
-  D as W
-};
-//# sourceMappingURL=select.component-ZziZvaYN.js.map

package/dist/chunks/select.component-ZziZvaYN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.component-ZziZvaYN.js","sources":["../../src/components/Select/components/SelectItemContent/selectItemContent.component.tsx","../../src/components/Select/components/SelectTrigger/selectTrigger.component.tsx","../../src/components/Select/select.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectItemContentProps {\n  item: SelectOption;\n  onContrast: boolean;\n  shouldTruncateText: boolean;\n  size: FormControlSize;\n}\n\nexport const SelectItemContent = ({\n  item,\n  onContrast,\n  shouldTruncateText,\n  size,\n}: SelectItemContentProps): React.JSX.Element => {\n  return (\n    <>\n      {item.leftElement}\n      {typeof item.label === \"string\" ? (\n        <Text\n          size={size}\n          truncated={shouldTruncateText}\n          variant={item.variant || (onContrast ? \"onContrast\" : \"default\")}\n        >\n          {item.label}\n        </Text>\n      ) : (\n        item.label\n      )}\n    </>\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { Select as CSelect, useSelectContext } from \"@chakra-ui/react/select\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { SelectItemContent } from \"../SelectItemContent/selectItemContent.component\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectTriggerProps {\n  placeholder?: string;\n  placeholderElement?: React.ReactNode;\n  onContrast: boolean;\n  shouldTruncateText: boolean;\n  size: FormControlSize;\n}\n\nexport const SelectTrigger = ({\n  placeholder = \"\",\n  placeholderElement,\n  ...rest\n}: SelectTriggerProps): React.JSX.Element => {\n  const select = useSelectContext();\n  const selectedItem = useMemo(() => {\n    const items = select.selectedItems as SelectOption[];\n    return items[0];\n  }, [select]);\n\n  return (\n    <CSelect.Trigger>\n      {!selectedItem && placeholderElement}\n      <CSelect.ValueText placeholder={placeholder}>\n        {selectedItem && <SelectItemContent item={selectedItem} {...rest} />}\n      </CSelect.ValueText>\n    </CSelect.Trigger>\n  );\n};\n","import React, { ForwardedRef, useMemo } from \"react\";\nimport { Select as CSelect } from \"@chakra-ui/react/select\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { createListCollection } from \"@chakra-ui/react/collection\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Button } from \"components/Button/button.component\";\nimport { Text } from \"components/Text/text.component\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { SelectOption } from \"./select.types\";\nimport { SelectItemContent } from \"./components/SelectItemContent/selectItemContent.component\";\nimport { SelectTrigger } from \"./components/SelectTrigger/selectTrigger.component\";\n\nexport interface SelectProps\n  extends Omit<CSelect.RootProps, \"collection\" | \"multiple\">,\n    WithFormControlProps {\n  clearable?: boolean;\n  emptyPlaceholder?: string;\n  loading?: boolean;\n  options: SelectOption[];\n  placeholder?: string;\n  placeholderElement?: React.ReactNode;\n  selectRef?: ForwardedRef<HTMLSelectElement>;\n  shouldTruncateText?: boolean;\n  size?: FormControlSize;\n}\n\nconst Select = withFormControl(\n  ({\n    clearable,\n    placeholderElement,\n    emptyPlaceholder = \"No options available\",\n    loading,\n    onContrast,\n    options,\n    placeholder = \"\",\n    selectRef,\n    shouldTruncateText,\n    size = \"md\",\n    ...rest\n  }: SelectProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n    const collection = useMemo(() => {\n      return createListCollection({\n        items: options ?? [],\n        itemToString: (option) =>\n          typeof option.label === \"string\"\n            ? option.label\n            : option.valueText || \"\",\n        itemToValue: (option) => option.value,\n      });\n    }, [options]);\n\n    return (\n      <CSelect.Root\n        className=\"Select\"\n        data-testid=\"kibble-select\"\n        collection={collection}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSelect.HiddenSelect ref={selectRef} />\n        <CSelect.Control>\n          <SelectTrigger\n            placeholder={placeholder}\n            placeholderElement={placeholderElement}\n            onContrast={!!onContrast}\n            shouldTruncateText={!!shouldTruncateText}\n            size={size}\n          />\n          <CSelect.IndicatorGroup>\n            {clearable && (\n              <CSelect.ClearTrigger asChild>\n                <Button\n                  iconName=\"close\"\n                  onContrast={onContrast}\n                  size={size === \"lg\" ? \"sm\" : \"xs\"}\n                  variant=\"ghostNeutral\"\n                />\n              </CSelect.ClearTrigger>\n            )}\n            <Icon\n              name=\"chevronDown\"\n              size={size}\n              variant={onContrast ? \"onContrast\" : \"default\"}\n            />\n          </CSelect.IndicatorGroup>\n        </CSelect.Control>\n        <Portal>\n          <CSelect.Positioner>\n            <CSelect.Content>\n              {loading ? (\n                <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n                  <Spinner\n                    variant={onContrast ? \"brandOnContrast\" : \"brand\"}\n                    size={size}\n                  />\n                </Flex>\n              ) : (\n                <>\n                  {collection.items.length ? (\n                    collection.items.map((item) => (\n                      <CSelect.Item item={item} key={item.value}>\n                        <SelectItemContent\n                          item={item}\n                          onContrast={!!onContrast}\n                          shouldTruncateText={!!shouldTruncateText}\n                          size={size}\n                        />\n                      </CSelect.Item>\n                    ))\n                  ) : (\n                    <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n                      <Text\n                        size=\"sm\"\n                        variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                      >\n                        {emptyPlaceholder}\n                      </Text>\n                    </Flex>\n                  )}\n                </>\n              )}\n            </CSelect.Content>\n          </CSelect.Positioner>\n        </Portal>\n      </CSelect.Root>\n    );\n  },\n);\n\nconst WrappedSelect = React.forwardRef(\n  (props: SelectProps, ref: ForwardedRef<HTMLSelectElement>) => (\n    <Select selectRef={ref} {...props} />\n  ),\n);\n\nWrappedSelect.displayName = \"Select\";\n\nexport { WrappedSelect as Select };\n"],"names":["SelectItemContent","item","onContrast","shouldTruncateText","size","jsxs","Fragment","jsx","Text","SelectTrigger","placeholder","placeholderElement","rest","select","useSelectContext","selectedItem","useMemo","CSelect.Trigger","CSelect.ValueText","Select","withFormControl","clearable","emptyPlaceholder","loading","options","selectRef","_computedVariant","collection","createListCollection","option","CSelect.Root","CSelect.HiddenSelect","CSelect.Control","CSelect.IndicatorGroup","CSelect.ClearTrigger","Button","Icon","Portal","CSelect.Positioner","CSelect.Content","Flex","Spinner","CSelect.Item","WrappedSelect","React","props","ref"],"mappings":"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"}