@televet/kibble-ui 4.0.0-beta.131 → 4.0.0-beta.134

package/dist/chunks/{ratingDots.component-TPth4wKQ.js.map → ratingDots.component-BFbDO9eK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-TPth4wKQ.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nexport const ratingDotRecipe = defineRecipe({\n  base: {\n    alignItems: 'center',\n    border: '2px',\n    borderColor: 'border.focus',\n    borderRadius: 'full',\n    fontSize: 'lg',\n    justifyContent: 'center',\n    mb: 1,\n    mr: 1,\n  },\n  variants: {\n    variant: {\n      default: {\n        bgColor: 'background.secondary',\n        color: 'text.contrast',\n        cursor: 'default',\n        h: '40px',\n        w: '40px',\n      },\n      interactive: {\n        bgColor: 'transparent',\n        color: 'text.interactive',\n        cursor: 'pointer',\n        h: '60px',\n        w: '60px',\n        '&[data-disabled][data-active]': {\n          bgColor: 'background.secondary',\n          color: 'text.contrast',\n        },\n        _active: {\n          bgColor: 'background.secondary',\n          color: 'text.contrast',\n          _hover: {\n            bgColor: 'background.secondary',\n          },\n        },\n        _disabled: {\n          cursor: 'not-allowed',\n          opacity: 0.6,\n        },\n        _hover: {\n          bgColor: 'background.secondaryAlpha.hover',\n        },\n        _invalid: {\n          borderColor: 'border.danger',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { ratingDotRecipe } from './ratingDot.recipe';\n\nexport interface RatingDotProps {\n  active?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  number: number;\n  onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({ active, disabled, invalid, number, onClick }: RatingDotProps): React.JSX.Element => {\n  const variant = onClick ? 'interactive' : 'default';\n  const recipe = useRecipe({ recipe: ratingDotRecipe });\n  const styles = recipe({ variant });\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <Flex\n      {...(active && { 'data-active': 'true' })}\n      {...(disabled ? { 'data-disabled': 'true' } : { onClick: handleClick })}\n      {...(invalid && { 'data-invalid': 'true' })}\n      css={styles}\n    >\n      {number}\n    </Flex>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Text } from 'components/Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  centeredLabel?: string;\n  maxLabel?: string;\n  maxValue: number;\n  minLabel?: string;\n  minValue: number;\n  onChange?: (value: number) => void;\n  value?: number;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n}: RatingDotsProps): React.JSX.Element => {\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  return (\n    <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid=\"kibble-rating-dots-container\"\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`rating-dot-${val}`}\n            number={val}\n            active={val === value}\n            disabled={disabled}\n            invalid={invalid}\n            onClick={onChange}\n          />\n        ))}\n      </Flex>\n      {(centeredLabel || minLabel || maxLabel) && (\n        <Flex\n          className=\"RatingDots__Label\"\n          data-testid=\"kibble-rating-dots-label\"\n          justifyContent={onChange ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}\n        >\n          {centeredLabel ? (\n            <Text variant=\"subtle\" size=\"sm\">\n              {centeredLabel}\n            </Text>\n          ) : (\n            <>\n              {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n              {!onChange && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n              {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n            </>\n          )}\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nRatingDots.displayName = 'RatingDots';\nconst WrappedRatingDots = withFormControl<RatingDotsProps>(RatingDots);\n\nexport { WrappedRatingDots as RatingDots };\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment","WrappedRatingDots","withFormControl"],"mappings":"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"}
+{"version":3,"file":"ratingDots.component-BFbDO9eK.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nexport const ratingDotRecipe = defineRecipe({\n  base: {\n    alignItems: 'center',\n    border: '2px',\n    borderColor: 'border.focus',\n    borderRadius: 'full',\n    fontSize: 'lg',\n    justifyContent: 'center',\n    mb: 1,\n    mr: 1,\n  },\n  variants: {\n    variant: {\n      default: {\n        bgColor: 'background.secondary',\n        color: 'text.contrast',\n        cursor: 'default',\n        h: '40px',\n        w: '40px',\n      },\n      interactive: {\n        bgColor: 'transparent',\n        color: 'text.interactive',\n        cursor: 'pointer',\n        h: '60px',\n        w: '60px',\n        '&[data-disabled][data-active]': {\n          bgColor: 'background.secondary',\n          color: 'text.contrast',\n        },\n        _active: {\n          bgColor: 'background.secondary',\n          color: 'text.contrast',\n          _hover: {\n            bgColor: 'background.secondary',\n          },\n        },\n        _disabled: {\n          cursor: 'not-allowed',\n          opacity: 0.6,\n        },\n        _hover: {\n          bgColor: 'background.secondaryAlpha.hover',\n        },\n        _invalid: {\n          borderColor: 'border.danger',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { ratingDotRecipe } from './ratingDot.recipe';\n\nexport interface RatingDotProps {\n  active?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  number: number;\n  onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({ active, disabled, invalid, number, onClick }: RatingDotProps): React.JSX.Element => {\n  const variant = onClick ? 'interactive' : 'default';\n  const recipe = useRecipe({ recipe: ratingDotRecipe });\n  const styles = recipe({ variant });\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <Flex\n      {...(active && { 'data-active': 'true' })}\n      {...(disabled ? { 'data-disabled': 'true' } : { onClick: handleClick })}\n      {...(invalid && { 'data-invalid': 'true' })}\n      css={styles}\n    >\n      {number}\n    </Flex>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Text } from 'components/Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  centeredLabel?: string;\n  maxLabel?: string;\n  maxValue: number;\n  minLabel?: string;\n  minValue: number;\n  onChange?: (value: number) => void;\n  value?: number;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n}: RatingDotsProps): React.JSX.Element => {\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  return (\n    <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid=\"kibble-rating-dots-container\"\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`rating-dot-${val}`}\n            number={val}\n            active={val === value}\n            disabled={disabled}\n            invalid={invalid}\n            onClick={onChange}\n          />\n        ))}\n      </Flex>\n      {(centeredLabel || minLabel || maxLabel) && (\n        <Flex\n          className=\"RatingDots__Label\"\n          data-testid=\"kibble-rating-dots-label\"\n          justifyContent={onChange ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}\n        >\n          {centeredLabel ? (\n            <Text variant=\"subtle\" size=\"sm\">\n              {centeredLabel}\n            </Text>\n          ) : (\n            <>\n              {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n              {!onChange && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n              {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n            </>\n          )}\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nRatingDots.displayName = 'RatingDots';\nconst WrappedRatingDots = withFormControl<RatingDotsProps>(RatingDots);\n\nexport { WrappedRatingDots as RatingDots };\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment","WrappedRatingDots","withFormControl"],"mappings":"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"}

package/dist/chunks/{ratingDots.component-CuKKpqru.js → ratingDots.component-DNnA7Vrs.js}

@@ -1,10 +1,10 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { useCallback as h, useMemo as m } from "react";
-import { W as c } from "./text.component-BthmuMFV.js";
+import { W as c } from "./text.component-CGNUrKE-.js";
 import { b as j } from "./config-DlTdf-Yt.js";
 import { u as y } from "./use-recipe-d63ABaZ3.js";
 import { F as x } from "./flex-smlF8uQG.js";
-import { w as R } from "./withFormControl-CCJImQAG.js";
+import { w as R } from "./withFormControl-DKfKOxqY.js";
 import { B as C } from "./box-Ck9I7FYv.js";
 const k = j({
   base: {
@@ -135,4 +135,4 @@ const B = R(g);
 export {
   B as W
 };
-//# sourceMappingURL=ratingDots.component-CuKKpqru.js.map
+//# sourceMappingURL=ratingDots.component-DNnA7Vrs.js.map

package/dist/chunks/{ratingDots.component-CuKKpqru.js.map → ratingDots.component-DNnA7Vrs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-CuKKpqru.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nexport const ratingDotRecipe = defineRecipe({\n  base: {\n    alignItems: 'center',\n    border: '2px',\n    borderColor: 'border.focus',\n    borderRadius: 'full',\n    fontSize: 'lg',\n    justifyContent: 'center',\n    mb: 1,\n    mr: 1,\n  },\n  variants: {\n    variant: {\n      default: {\n        bgColor: 'background.secondary',\n        color: 'text.contrast',\n        cursor: 'default',\n        h: '40px',\n        w: '40px',\n      },\n      interactive: {\n        bgColor: 'transparent',\n        color: 'text.interactive',\n        cursor: 'pointer',\n        h: '60px',\n        w: '60px',\n        '&[data-disabled][data-active]': {\n          bgColor: 'background.secondary',\n          color: 'text.contrast',\n        },\n        _active: {\n          bgColor: 'background.secondary',\n          color: 'text.contrast',\n          _hover: {\n            bgColor: 'background.secondary',\n          },\n        },\n        _disabled: {\n          cursor: 'not-allowed',\n          opacity: 0.6,\n        },\n        _hover: {\n          bgColor: 'background.secondaryAlpha.hover',\n        },\n        _invalid: {\n          borderColor: 'border.danger',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { ratingDotRecipe } from './ratingDot.recipe';\n\nexport interface RatingDotProps {\n  active?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  number: number;\n  onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({ active, disabled, invalid, number, onClick }: RatingDotProps): React.JSX.Element => {\n  const variant = onClick ? 'interactive' : 'default';\n  const recipe = useRecipe({ recipe: ratingDotRecipe });\n  const styles = recipe({ variant });\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <Flex\n      {...(active && { 'data-active': 'true' })}\n      {...(disabled ? { 'data-disabled': 'true' } : { onClick: handleClick })}\n      {...(invalid && { 'data-invalid': 'true' })}\n      css={styles}\n    >\n      {number}\n    </Flex>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Text } from 'components/Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  centeredLabel?: string;\n  maxLabel?: string;\n  maxValue: number;\n  minLabel?: string;\n  minValue: number;\n  onChange?: (value: number) => void;\n  value?: number;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n}: RatingDotsProps): React.JSX.Element => {\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  return (\n    <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid=\"kibble-rating-dots-container\"\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`rating-dot-${val}`}\n            number={val}\n            active={val === value}\n            disabled={disabled}\n            invalid={invalid}\n            onClick={onChange}\n          />\n        ))}\n      </Flex>\n      {(centeredLabel || minLabel || maxLabel) && (\n        <Flex\n          className=\"RatingDots__Label\"\n          data-testid=\"kibble-rating-dots-label\"\n          justifyContent={onChange ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}\n        >\n          {centeredLabel ? (\n            <Text variant=\"subtle\" size=\"sm\">\n              {centeredLabel}\n            </Text>\n          ) : (\n            <>\n              {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n              {!onChange && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n              {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n            </>\n          )}\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nRatingDots.displayName = 'RatingDots';\nconst WrappedRatingDots = withFormControl<RatingDotsProps>(RatingDots);\n\nexport { WrappedRatingDots as RatingDots };\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment","WrappedRatingDots","withFormControl"],"mappings":"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"}
+{"version":3,"file":"ratingDots.component-DNnA7Vrs.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nexport const ratingDotRecipe = defineRecipe({\n  base: {\n    alignItems: 'center',\n    border: '2px',\n    borderColor: 'border.focus',\n    borderRadius: 'full',\n    fontSize: 'lg',\n    justifyContent: 'center',\n    mb: 1,\n    mr: 1,\n  },\n  variants: {\n    variant: {\n      default: {\n        bgColor: 'background.secondary',\n        color: 'text.contrast',\n        cursor: 'default',\n        h: '40px',\n        w: '40px',\n      },\n      interactive: {\n        bgColor: 'transparent',\n        color: 'text.interactive',\n        cursor: 'pointer',\n        h: '60px',\n        w: '60px',\n        '&[data-disabled][data-active]': {\n          bgColor: 'background.secondary',\n          color: 'text.contrast',\n        },\n        _active: {\n          bgColor: 'background.secondary',\n          color: 'text.contrast',\n          _hover: {\n            bgColor: 'background.secondary',\n          },\n        },\n        _disabled: {\n          cursor: 'not-allowed',\n          opacity: 0.6,\n        },\n        _hover: {\n          bgColor: 'background.secondaryAlpha.hover',\n        },\n        _invalid: {\n          borderColor: 'border.danger',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { ratingDotRecipe } from './ratingDot.recipe';\n\nexport interface RatingDotProps {\n  active?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  number: number;\n  onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({ active, disabled, invalid, number, onClick }: RatingDotProps): React.JSX.Element => {\n  const variant = onClick ? 'interactive' : 'default';\n  const recipe = useRecipe({ recipe: ratingDotRecipe });\n  const styles = recipe({ variant });\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <Flex\n      {...(active && { 'data-active': 'true' })}\n      {...(disabled ? { 'data-disabled': 'true' } : { onClick: handleClick })}\n      {...(invalid && { 'data-invalid': 'true' })}\n      css={styles}\n    >\n      {number}\n    </Flex>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Text } from 'components/Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  centeredLabel?: string;\n  maxLabel?: string;\n  maxValue: number;\n  minLabel?: string;\n  minValue: number;\n  onChange?: (value: number) => void;\n  value?: number;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n}: RatingDotsProps): React.JSX.Element => {\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  return (\n    <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid=\"kibble-rating-dots-container\"\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`rating-dot-${val}`}\n            number={val}\n            active={val === value}\n            disabled={disabled}\n            invalid={invalid}\n            onClick={onChange}\n          />\n        ))}\n      </Flex>\n      {(centeredLabel || minLabel || maxLabel) && (\n        <Flex\n          className=\"RatingDots__Label\"\n          data-testid=\"kibble-rating-dots-label\"\n          justifyContent={onChange ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}\n        >\n          {centeredLabel ? (\n            <Text variant=\"subtle\" size=\"sm\">\n              {centeredLabel}\n            </Text>\n          ) : (\n            <>\n              {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n              {!onChange && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n              {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n            </>\n          )}\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nRatingDots.displayName = 'RatingDots';\nconst WrappedRatingDots = withFormControl<RatingDotsProps>(RatingDots);\n\nexport { WrappedRatingDots as RatingDots };\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment","WrappedRatingDots","withFormControl"],"mappings":"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"}

package/dist/chunks/{select.component-DEf5MiUc.js → select.component-BTGRKWpb.js}

@@ -1,10 +1,10 @@
 import { j as i } from "./jsx-runtime-C5mzlN2N.js";
 import Et, { forwardRef as v, useId as ze, useMemo as oe, useState as Pe, useCallback as re, useEffect as Rt } from "react";
-import { w as Nt } from "./withFormControl-CCJImQAG.js";
+import { w as Nt } from "./withFormControl-DKfKOxqY.js";
 import { I as Lt } from "./icon.component-S_qFWBRf.js";
 import { B as Gt } from "./button.component-Br9jCpBx.js";
-import { W as Ue } from "./text.component-BthmuMFV.js";
-import { S as Mt } from "./spinner.component-BcOsuuIq.js";
+import { W as Ue } from "./text.component-CGNUrKE-.js";
+import { S as Mt } from "./spinner.component-GcArnFOI.js";
 import { c as X, f as _, u as Ke, h as Dt, a as J, j as Ft, i as Bt, k as Ht, n as zt, s as We, l as qe, m as Ve, P as Ut } from "./use-locale-context-BA2M-8sK.js";
 import { c as Kt } from "./create-slot-recipe-context-BJmsuxih.js";
 import { C as Wt, b as qt, c as Vt } from "./icons-BXxdrBrf.js";
@@ -12,7 +12,7 @@ import { u as Ze } from "./use-field-context-DsQFT-Te.js";
 import { a1 as g } from "./index-1syExFDc.js";
 import { L as Zt, m as Xt, c as Jt } from "./index-BDT37VpI.js";
 import { u as Yt } from "./usePortalContentRef-DO_jc4W9.js";
-import { W as Qt } from "./textInput.component-C8R6bZLW.js";
+import { W as Qt } from "./textInput.component-BFSm3-Y2.js";
 import { r as E, i as Xe, d as kt, f as z, g as Y, h as Je, j as er, b as Ye, a as Qe, e as ke, S as V, c as de } from "./isSymbol-BQN49XhJ.js";
 import { B as tr } from "./box-Ck9I7FYv.js";
 import { F as ye } from "./flex-smlF8uQG.js";
@@ -235,18 +235,20 @@ const Sr = st, vt = ({
       size: n,
       truncated: r,
       variant: e.variant || (t ? "onContrast" : "default"),
+      ml: 2,
       children: e.label
     }
   ) : e.label
 ] }), Cr = ({
   placeholder: e = "",
   placeholderElement: t,
-  ...r
+  shouldTruncateText: r,
+  ...n
 }) => {
-  const n = P(), s = oe(() => n.selectedItems[0], [n]);
+  const s = P(), a = oe(() => s.selectedItems[0], [s]);
   return /* @__PURE__ */ i.jsxs(pr, { children: [
-    !s && t,
-    /* @__PURE__ */ i.jsx(mr, { placeholder: e, children: s && /* @__PURE__ */ i.jsx(vt, { item: s, ...r }) })
+    !a && t,
+    /* @__PURE__ */ i.jsx(mr, { placeholder: e, children: a && /* @__PURE__ */ i.jsx(vt, { shouldTruncateText: r, item: a, ...n }) })
   ] });
 };
 var ne = E["__core-js_shared__"], xe = function() {
@@ -256,11 +258,11 @@ var ne = E["__core-js_shared__"], xe = function() {
 function wr(e) {
   return !!xe && xe in e;
 }
-var Tr = Function.prototype, Ar = Tr.toString;
+var Ar = Function.prototype, Tr = Ar.toString;
 function G(e) {
   if (e != null) {
     try {
-      return Ar.call(e);
+      return Tr.call(e);
     } catch {
     }
     try {
@@ -332,7 +334,7 @@ var _t = Object.prototype, Ur = _t.hasOwnProperty, Kr = _t.propertyIsEnumerable,
   return arguments;
 }()) ? Se : function(e) {
   return z(e) && Ur.call(e, "callee") && !Kr.call(e, "callee");
-}, T = Array.isArray;
+}, A = Array.isArray;
 function Wr() {
   return !1;
 }
@@ -347,15 +349,15 @@ function yn(e) {
     return e(t);
   };
 }
-var xt = typeof exports == "object" && exports && !exports.nodeType && exports, H = xt && typeof module == "object" && module && !module.nodeType && module, xn = H && H.exports === xt, se = xn && er.process, Te = function() {
+var xt = typeof exports == "object" && exports && !exports.nodeType && exports, H = xt && typeof module == "object" && module && !module.nodeType && module, xn = H && H.exports === xt, se = xn && er.process, Ae = function() {
   try {
     var e = H && H.require && H.require("util").types;
     return e || se && se.binding && se.binding("util");
   } catch {
   }
-}(), Ae = Te && Te.isTypedArray, bt = Ae ? yn(Ae) : Pn, bn = Object.prototype, Sn = bn.hasOwnProperty;
+}(), Te = Ae && Ae.isTypedArray, bt = Te ? yn(Te) : Pn, bn = Object.prototype, Sn = bn.hasOwnProperty;
 function Cn(e, t) {
-  var r = T(e), n = !r && Pt(e), s = !r && !n && ie(e), a = !r && !n && !s && bt(e), o = r || n || s || a, l = o ? Hr(e.length, String) : [], c = l.length;
+  var r = A(e), n = !r && Pt(e), s = !r && !n && ie(e), a = !r && !n && !s && bt(e), o = r || n || s || a, l = o ? Hr(e.length, String) : [], c = l.length;
   for (var u in e)
     Sn.call(e, u) && !(o && // Safari 9 has enumerable `arguments.length` in strict mode.
     (u == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -365,18 +367,18 @@ function Cn(e, t) {
   return l;
 }
 var wn = Object.prototype;
-function Tn(e) {
+function An(e) {
   var t = e && e.constructor, r = typeof t == "function" && t.prototype || wn;
   return e === r;
 }
-function An(e, t) {
+function Tn(e, t) {
   return function(r) {
     return e(t(r));
   };
 }
-var In = An(Object.keys, Object), On = Object.prototype, jn = On.hasOwnProperty;
+var In = Tn(Object.keys, Object), On = Object.prototype, jn = On.hasOwnProperty;
 function $n(e) {
-  if (!Tn(e))
+  if (!An(e))
     return In(e);
   var t = [];
   for (var r in Object(e))
@@ -602,8 +604,8 @@ function St(e, t, r, n, s, a) {
       break;
     }
     if (m) {
-      if (!hs(t, function(A, C) {
-        if (!ms(m, C) && (x === A || s(x, A, r, n, a)))
+      if (!hs(t, function(T, C) {
+        if (!ms(m, C) && (x === T || s(x, T, r, n, a)))
           return m.push(C);
       })) {
         d = !1;
@@ -629,7 +631,7 @@ function ys(e) {
     r[++t] = n;
   }), r;
 }
-var xs = 1, bs = 2, Ss = "[object Boolean]", Cs = "[object Date]", ws = "[object Error]", Ts = "[object Map]", As = "[object Number]", Is = "[object RegExp]", Os = "[object Set]", js = "[object String]", $s = "[object Symbol]", Es = "[object ArrayBuffer]", Rs = "[object DataView]", Oe = V ? V.prototype : void 0, ae = Oe ? Oe.valueOf : void 0;
+var xs = 1, bs = 2, Ss = "[object Boolean]", Cs = "[object Date]", ws = "[object Error]", As = "[object Map]", Ts = "[object Number]", Is = "[object RegExp]", Os = "[object Set]", js = "[object String]", $s = "[object Symbol]", Es = "[object ArrayBuffer]", Rs = "[object DataView]", Oe = V ? V.prototype : void 0, ae = Oe ? Oe.valueOf : void 0;
 function Ns(e, t, r, n, s, a, o) {
   switch (r) {
     case Rs:
@@ -640,14 +642,14 @@ function Ns(e, t, r, n, s, a, o) {
       return !(e.byteLength != t.byteLength || !a(new Ie(e), new Ie(t)));
     case Ss:
     case Cs:
-    case As:
+    case Ts:
       return ke(+e, +t);
     case ws:
       return e.name == t.name && e.message == t.message;
     case Is:
     case js:
       return e == t + "";
-    case Ts:
+    case As:
       var l = Ps;
     case Os:
       var c = n & xs;
@@ -672,7 +674,7 @@ function Ls(e, t) {
 }
 function Gs(e, t, r) {
   var n = t(e);
-  return T(e) ? n : Ls(n, r(e));
+  return A(e) ? n : Ls(n, r(e));
 }
 function Ms(e, t) {
   for (var r = -1, n = e == null ? 0 : e.length, s = 0, a = []; ++r < n; ) {
@@ -709,10 +711,10 @@ function Ws(e, t, r, n, s, a) {
   a.set(e, t), a.set(t, e);
   for (var w = o; ++h < c; ) {
     d = l[h];
-    var A = e[d], C = t[d];
+    var T = e[d], C = t[d];
     if (n)
-      var F = o ? n(C, A, d, t, e, a) : n(A, C, d, e, t, a);
-    if (!(F === void 0 ? A === C || s(A, C, r, n, a) : F)) {
+      var F = o ? n(C, T, d, t, e, a) : n(T, C, d, e, t, a);
+    if (!(F === void 0 ? T === C || s(T, C, r, n, a) : F)) {
       S = !1;
       break;
     }
@@ -744,7 +746,7 @@ var le = M(E, "DataView"), ce = M(E, "Promise"), ue = M(E, "Set"), fe = M(E, "We
 });
 var Qs = 1, Me = "[object Arguments]", De = "[object Array]", q = "[object Object]", ks = Object.prototype, Fe = ks.hasOwnProperty;
 function ea(e, t, r, n, s, a) {
-  var o = T(e), l = T(t), c = o ? De : $(e), u = l ? De : $(t);
+  var o = A(e), l = A(t), c = o ? De : $(e), u = l ? De : $(t);
   c = c == Me ? q : c, u = u == Me ? q : u;
   var y = c == q, h = u == q, d = c == u;
   if (d && ie(e)) {
@@ -813,7 +815,7 @@ function aa(e) {
 }
 var oa = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, ia = /^\w*$/;
 function he(e, t) {
-  if (T(e))
+  if (A(e))
     return !1;
   var r = typeof e;
   return r == "number" || r == "symbol" || r == "boolean" || e == null || de(e) ? !0 : ia.test(e) || !oa.test(e) || t != null && e in Object(t);
@@ -851,21 +853,21 @@ function ga(e, t) {
   return s;
 }
 var Be = V ? V.prototype : void 0, He = Be ? Be.toString : void 0;
-function Tt(e) {
+function At(e) {
   if (typeof e == "string")
     return e;
-  if (T(e))
-    return ga(e, Tt) + "";
+  if (A(e))
+    return ga(e, At) + "";
   if (de(e))
     return He ? He.call(e) : "";
   var t = e + "";
   return t == "0" && 1 / e == -1 / 0 ? "-0" : t;
 }
 function ha(e) {
-  return e == null ? "" : Tt(e);
+  return e == null ? "" : At(e);
 }
-function At(e, t) {
-  return T(e) ? e : he(e, t) ? [e] : pa(ha(e));
+function Tt(e, t) {
+  return A(e) ? e : he(e, t) ? [e] : pa(ha(e));
 }
 function ee(e) {
   if (typeof e == "string" || de(e))
@@ -874,7 +876,7 @@ function ee(e) {
   return t == "0" && 1 / e == -1 / 0 ? "-0" : t;
 }
 function It(e, t) {
-  t = At(t, e);
+  t = Tt(t, e);
   for (var r = 0, n = t.length; e != null && r < n; )
     e = e[ee(t[r++])];
   return r && r == n ? e : void 0;
@@ -887,14 +889,14 @@ function va(e, t) {
   return e != null && t in Object(e);
 }
 function _a(e, t, r) {
-  t = At(t, e);
+  t = Tt(t, e);
   for (var n = -1, s = t.length, a = !1; ++n < s; ) {
     var o = ee(t[n]);
     if (!(a = e != null && r(e, o)))
       break;
     e = e[o];
   }
-  return a || ++n != s ? a : (s = e == null ? 0 : e.length, !!s && Je(s) && Ye(o, s) && (T(e) || Pt(e)));
+  return a || ++n != s ? a : (s = e == null ? 0 : e.length, !!s && Je(s) && Ye(o, s) && (A(e) || Pt(e)));
 }
 function Pa(e, t) {
   return e != null && _a(e, t, va);
@@ -919,16 +921,16 @@ function wa(e) {
     return It(t, e);
   };
 }
-function Ta(e) {
+function Aa(e) {
   return he(e) ? Ca(ee(e)) : wa(e);
 }
-function Aa(e) {
-  return typeof e == "function" ? e : e == null ? Sa : typeof e == "object" ? T(e) ? ba(e[0], e[1]) : aa(e) : Ta(e);
+function Ta(e) {
+  return typeof e == "function" ? e : e == null ? Sa : typeof e == "object" ? A(e) ? ba(e[0], e[1]) : aa(e) : Aa(e);
 }
 function Ia(e, t) {
   return function(r, n) {
-    var s = T(r) ? Dr : Ln, a = {};
-    return s(r, e, Aa(n), a);
+    var s = A(r) ? Dr : Ln, a = {};
+    return s(r, e, Ta(n), a);
   };
 }
 var Oa = Object.prototype, ja = Oa.hasOwnProperty, $a = Ia(function(e, t, r) {
@@ -952,7 +954,7 @@ const Ot = Et.forwardRef(
     size: m = "md",
     ...x
   }, S) => {
-    const { contentRef: w } = Yt(), A = n ? "onContrast" : "default", [C, F] = Pe(""), [R, N] = Pe(a), te = oe(() => rr({
+    const { contentRef: w } = Yt(), T = n ? "onContrast" : "default", [C, F] = Pe(""), [R, N] = Pe(a), te = oe(() => rr({
       items: R ?? [],
       itemToString: (p) => typeof p.label == "string" ? p.label : p.valueText || "",
       itemToValue: (p) => p.value
@@ -982,7 +984,8 @@ const Ot = Et.forwardRef(
         collection: te,
         ref: c,
         size: m,
-        variant: A,
+        variant: T,
+        shouldTruncateText: d,
         ...x,
         children: [
           /* @__PURE__ */ i.jsx(Sr, { ref: h || S }),
@@ -993,7 +996,7 @@ const Ot = Et.forwardRef(
                 placeholder: o,
                 placeholderElement: l,
                 onContrast: !!n,
-                shouldTruncateText: !!d,
+                shouldTruncateText: d,
                 size: m
               }
             ),
@@ -1034,7 +1037,7 @@ const Ot = Et.forwardRef(
                   {
                     item: W,
                     onContrast: !!n,
-                    shouldTruncateText: !!d,
+                    shouldTruncateText: d,
                     size: m
                   }
                 ) }, W.value))
@@ -1051,4 +1054,4 @@ const Ya = Nt(Ot);
 export {
   Ya as W
 };
-//# sourceMappingURL=select.component-DEf5MiUc.js.map
+//# sourceMappingURL=select.component-BTGRKWpb.js.map