@televet/kibble-ui 5.0.2-beta.1 → 5.0.2-beta.menu.1

package/dist/chunks/{rating.component-Btdd7tMX.js → rating.component-ChzcvUl6.js}

@@ -1,6 +1,6 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import l from "react";
-import { w as p } from "./withFormControl-B4TNaDf4.js";
+import { w as p } from "./withFormControl-DePFf9SY.js";
 import { I as R } from "./icon.component-PV_nHBId.js";
 import { R as u, a as _, b as f, c as h, d as j } from "./rating-group-CfwdAW9a.js";
 const n = l.forwardRef(
@@ -67,4 +67,4 @@ const w = p(n);
 export {
   w as W
 };
-//# sourceMappingURL=rating.component-Btdd7tMX.js.map
+//# sourceMappingURL=rating.component-ChzcvUl6.js.map

package/dist/chunks/{rating.component-Btdd7tMX.js.map → rating.component-ChzcvUl6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rating.component-Btdd7tMX.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from 'theme/semanticTokens/semanticTokens.types';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n  /** Total number of ratings.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Data test id for the star rating.\n   * @default kibble-rating\n   */\n  'data-testid'?: string;\n  /** Ref to the hidden input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /**\n   * Size of the rating.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Name of the icon to display in the rating.\n   * @default starSolid\n   */\n  iconName?: IconName;\n  /**\n   * Color of the highlighted rating.\n   * @default background.warning.contrast\n   */\n  highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  (\n    {\n      count = 5,\n      size = 'md',\n      highlightColor = 'background.warning.contrast',\n      iconName = 'starSolid',\n      ['data-testid']: dataTestId = 'kibble-rating',\n      inputRef,\n      readOnly,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <RatingGroup.Root\n        className=\"Rating\"\n        data-testid={dataTestId}\n        count={count}\n        size={size}\n        ref={ref}\n        readOnly={readOnly}\n        {...rest}\n      >\n        <RatingGroup.HiddenInput\n          className=\"Rating__HiddenInput\"\n          data-testid={`${dataTestId}-hidden-input`}\n          ref={inputRef}\n        />\n        <RatingGroup.Control\n          className=\"Rating__Control\"\n          data-testid={`${dataTestId}-control`}\n          {...(readOnly && { cursor: 'default' })}\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <RatingGroup.Item\n              className=\"Rating__Item\"\n              data-testid={`${dataTestId}-item-${index}`}\n              key={index}\n              index={index + 1}\n            >\n              <RatingGroup.ItemIndicator\n                className=\"Rating__ItemIndicator\"\n                data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n                icon={<Icon name={iconName} />}\n                _highlighted={{ color: highlightColor }}\n              />\n            </RatingGroup.Item>\n          ))}\n        </RatingGroup.Control>\n      </RatingGroup.Root>\n    );\n  },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":";;;;;AAqCA,MAAMA,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MAGEC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAaN;AAAA,MACb,OAAAJ;AAAA,MACA,MAAAC;AAAA,MACA,KAAAO;AAAA,MACA,UAAAF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGR,CAAU;AAAA,YAC1B,KAAKC;AAAA,UAAA;AAAA,QACP;AAAA,QACAM,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGT,CAAU;AAAA,YACzB,GAAIE,KAAY,EAAE,QAAQ,UAAU;AAAA,YAEpC,UAAA,MAAM,KAAK,EAAE,QAAQN,GAAO,EAAE,IAAI,CAACc,GAAGC,MACrCJ,gBAAAA,EAAA;AAAA,cAACK;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAa,GAAGZ,CAAU,SAASW,CAAK;AAAA,gBAExC,OAAOA,IAAQ;AAAA,gBAEf,UAAAJ,gBAAAA,EAAA;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAa,GAAGb,CAAU,mBAAmBW,IAAQ,CAAC;AAAA,oBACtD,MAAMJ,gBAAAA,EAAAA,IAACO,GAAK,EAAA,MAAMf,EAAU,CAAA;AAAA,oBAC5B,cAAc,EAAE,OAAOD,EAAe;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxC;AAAA,cARKa;AAAA,YAUR,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAGN;AAEAjB,EAAO,cAAc;AACf,MAAAqB,IAAgBC,EAA6BtB,CAAM;"}
+{"version":3,"file":"rating.component-ChzcvUl6.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from 'theme/semanticTokens/semanticTokens.types';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n  /** Total number of ratings.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Data test id for the star rating.\n   * @default kibble-rating\n   */\n  'data-testid'?: string;\n  /** Ref to the hidden input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /**\n   * Size of the rating.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Name of the icon to display in the rating.\n   * @default starSolid\n   */\n  iconName?: IconName;\n  /**\n   * Color of the highlighted rating.\n   * @default background.warning.contrast\n   */\n  highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  (\n    {\n      count = 5,\n      size = 'md',\n      highlightColor = 'background.warning.contrast',\n      iconName = 'starSolid',\n      ['data-testid']: dataTestId = 'kibble-rating',\n      inputRef,\n      readOnly,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <RatingGroup.Root\n        className=\"Rating\"\n        data-testid={dataTestId}\n        count={count}\n        size={size}\n        ref={ref}\n        readOnly={readOnly}\n        {...rest}\n      >\n        <RatingGroup.HiddenInput\n          className=\"Rating__HiddenInput\"\n          data-testid={`${dataTestId}-hidden-input`}\n          ref={inputRef}\n        />\n        <RatingGroup.Control\n          className=\"Rating__Control\"\n          data-testid={`${dataTestId}-control`}\n          {...(readOnly && { cursor: 'default' })}\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <RatingGroup.Item\n              className=\"Rating__Item\"\n              data-testid={`${dataTestId}-item-${index}`}\n              key={index}\n              index={index + 1}\n            >\n              <RatingGroup.ItemIndicator\n                className=\"Rating__ItemIndicator\"\n                data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n                icon={<Icon name={iconName} />}\n                _highlighted={{ color: highlightColor }}\n              />\n            </RatingGroup.Item>\n          ))}\n        </RatingGroup.Control>\n      </RatingGroup.Root>\n    );\n  },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":";;;;;AAqCA,MAAMA,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MAGEC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAaN;AAAA,MACb,OAAAJ;AAAA,MACA,MAAAC;AAAA,MACA,KAAAO;AAAA,MACA,UAAAF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGR,CAAU;AAAA,YAC1B,KAAKC;AAAA,UAAA;AAAA,QACP;AAAA,QACAM,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGT,CAAU;AAAA,YACzB,GAAIE,KAAY,EAAE,QAAQ,UAAU;AAAA,YAEpC,UAAA,MAAM,KAAK,EAAE,QAAQN,GAAO,EAAE,IAAI,CAACc,GAAGC,MACrCJ,gBAAAA,EAAA;AAAA,cAACK;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAa,GAAGZ,CAAU,SAASW,CAAK;AAAA,gBAExC,OAAOA,IAAQ;AAAA,gBAEf,UAAAJ,gBAAAA,EAAA;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAa,GAAGb,CAAU,mBAAmBW,IAAQ,CAAC;AAAA,oBACtD,MAAMJ,gBAAAA,EAAAA,IAACO,GAAK,EAAA,MAAMf,EAAU,CAAA;AAAA,oBAC5B,cAAc,EAAE,OAAOD,EAAe;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxC;AAAA,cARKa;AAAA,YAUR,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAGN;AAEAjB,EAAO,cAAc;AACf,MAAAqB,IAAgBC,EAA6BtB,CAAM;"}

package/dist/chunks/{ratingDots.component-dfb3E9CK.js → ratingDots.component-CVjSZ9JJ.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),v=require("./index-BQRnVsAg.js"),u=require("./text.component-BDDz5KQP.js"),h=require("./config-jChwZPSv.js"),y=require("./use-recipe-DaPWl_pL.js"),m=require("./flex-BOU6tYUd.js"),C=require("./withFormControl-CIZOpk9n.js"),E=h.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"}}),D=({active:s,disabled:x,invalid:p,number:e,onClick:r,["data-testid"]:a="kibble-rating-dot"})=>{const d=r?"interactive":"default",b=y.useRecipe({recipe:E})({variant:d}),o=l.useCallback(c=>{c.preventDefault(),r&&r(e)},[e,r]);return t.jsxRuntimeExports.jsx(m.Flex,{"data-testid":a,...s&&{"data-active":"true"},...x?{"data-disabled":"true"}:{onClick:o},...p&&{"data-invalid":"true"},css:b,children:e})},g=({centeredLabel:s,disabled:x,invalid:p,minLabel:e,minValue:r,maxLabel:a,maxValue:d,onChange:i,value:b,["data-testid"]:o="kibble-rating-dots"})=>{const c=l.useMemo(()=>Math.round(r),[r]),R=l.useMemo(()=>Math.round(d),[d]),f=l.useMemo(()=>{const n=[];for(let j=c;j<=R;j++)n.push(j);return n},[R,c]);return t.jsxRuntimeExports.jsxs(v.Box,{className:"RatingDots","data-testid":o,children:[t.jsxRuntimeExports.jsx(m.Flex,{className:"RatingDots__Container","data-testid":`${o}-container`,my:4,flexWrap:"wrap",justifyContent:i?"center":"flex-start",children:f.map(n=>t.jsxRuntimeExports.jsx(D,{number:n,active:n===b,disabled:x,invalid:p,onClick:i},`${o}-dot-${n}`))}),(s||e||a)&&t.jsxRuntimeExports.jsx(m.Flex,{className:"RatingDots__Label","data-testid":`${o}-label`,justifyContent:i?s?"center":"space-between":"flex-start",children:s?t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:s}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:`${c} - ${e}`}),!i&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",pr:1,children:","}),a&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:`${R} - ${a}`})]})})]})};g.displayName="RatingDots";const _=C.withFormControl(g);exports.WrappedRatingDots=_;
-//# sourceMappingURL=ratingDots.component-dfb3E9CK.js.map
+"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),v=require("./index-BQRnVsAg.js"),u=require("./text.component-CeioUl0G.js"),h=require("./config-jChwZPSv.js"),y=require("./use-recipe-DaPWl_pL.js"),m=require("./flex-BOU6tYUd.js"),C=require("./withFormControl-wZA87Sd4.js"),E=h.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"}}),D=({active:s,disabled:x,invalid:p,number:e,onClick:r,["data-testid"]:a="kibble-rating-dot"})=>{const d=r?"interactive":"default",b=y.useRecipe({recipe:E})({variant:d}),o=l.useCallback(c=>{c.preventDefault(),r&&r(e)},[e,r]);return t.jsxRuntimeExports.jsx(m.Flex,{"data-testid":a,...s&&{"data-active":"true"},...x?{"data-disabled":"true"}:{onClick:o},...p&&{"data-invalid":"true"},css:b,children:e})},g=({centeredLabel:s,disabled:x,invalid:p,minLabel:e,minValue:r,maxLabel:a,maxValue:d,onChange:i,value:b,["data-testid"]:o="kibble-rating-dots"})=>{const c=l.useMemo(()=>Math.round(r),[r]),R=l.useMemo(()=>Math.round(d),[d]),f=l.useMemo(()=>{const n=[];for(let j=c;j<=R;j++)n.push(j);return n},[R,c]);return t.jsxRuntimeExports.jsxs(v.Box,{className:"RatingDots","data-testid":o,children:[t.jsxRuntimeExports.jsx(m.Flex,{className:"RatingDots__Container","data-testid":`${o}-container`,my:4,flexWrap:"wrap",justifyContent:i?"center":"flex-start",children:f.map(n=>t.jsxRuntimeExports.jsx(D,{number:n,active:n===b,disabled:x,invalid:p,onClick:i},`${o}-dot-${n}`))}),(s||e||a)&&t.jsxRuntimeExports.jsx(m.Flex,{className:"RatingDots__Label","data-testid":`${o}-label`,justifyContent:i?s?"center":"space-between":"flex-start",children:s?t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:s}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:`${c} - ${e}`}),!i&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",pr:1,children:","}),a&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:`${R} - ${a}`})]})})]})};g.displayName="RatingDots";const _=C.withFormControl(g);exports.WrappedRatingDots=_;
+//# sourceMappingURL=ratingDots.component-CVjSZ9JJ.js.map

package/dist/chunks/{ratingDots.component-dfb3E9CK.js.map → ratingDots.component-CVjSZ9JJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-dfb3E9CK.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  /** If true, the dot will be active. */\n  active?: boolean;\n  /** If true, the dot will be disabled. */\n  disabled?: boolean;\n  /** If true, the dot will be invalid. */\n  invalid?: boolean;\n  /** Number of the dot. */\n  number: number;\n  /** Callback function to be called when the dot is clicked. */\n  onClick?: (value: number) => void;\n  /** Data test id for the dot.\n   * @default kibble-rating-dot\n   */\n  'data-testid'?: string;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n  ['data-testid']: dataTestId = 'kibble-rating-dot',\n}: 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      data-testid={dataTestId}\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  /** Label to be displayed centered below the dots. */\n  centeredLabel?: string;\n  /** Companion label to describe the maximum value of the dots. */\n  maxLabel?: string;\n  /** Maximum value of the rating dots. */\n  maxValue: number;\n  /** Companion label to describe the minimum value of the dots. */\n  minLabel?: string;\n  /** Minimum value of the rating dots. */\n  minValue: number;\n  /** Callback function to handle value change when a dot is clicked. */\n  onChange?: (value: number) => void;\n  /** Current value of the rating dots. */\n  value?: number;\n  /**\n   * Data test id for the rating dots.\n   * @default kibble-rating-dots\n   */\n  'data-testid'?: string;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n  ['data-testid']: dataTestId = 'kibble-rating-dots',\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={dataTestId}>\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid={`${dataTestId}-container`}\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`${dataTestId}-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={`${dataTestId}-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","dataTestId","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-CVjSZ9JJ.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  /** If true, the dot will be active. */\n  active?: boolean;\n  /** If true, the dot will be disabled. */\n  disabled?: boolean;\n  /** If true, the dot will be invalid. */\n  invalid?: boolean;\n  /** Number of the dot. */\n  number: number;\n  /** Callback function to be called when the dot is clicked. */\n  onClick?: (value: number) => void;\n  /** Data test id for the dot.\n   * @default kibble-rating-dot\n   */\n  'data-testid'?: string;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n  ['data-testid']: dataTestId = 'kibble-rating-dot',\n}: 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      data-testid={dataTestId}\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  /** Label to be displayed centered below the dots. */\n  centeredLabel?: string;\n  /** Companion label to describe the maximum value of the dots. */\n  maxLabel?: string;\n  /** Maximum value of the rating dots. */\n  maxValue: number;\n  /** Companion label to describe the minimum value of the dots. */\n  minLabel?: string;\n  /** Minimum value of the rating dots. */\n  minValue: number;\n  /** Callback function to handle value change when a dot is clicked. */\n  onChange?: (value: number) => void;\n  /** Current value of the rating dots. */\n  value?: number;\n  /**\n   * Data test id for the rating dots.\n   * @default kibble-rating-dots\n   */\n  'data-testid'?: string;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n  ['data-testid']: dataTestId = 'kibble-rating-dots',\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={dataTestId}>\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid={`${dataTestId}-container`}\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`${dataTestId}-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={`${dataTestId}-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","dataTestId","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-CEribcPM.js → ratingDots.component-D9WQGVcj.js}

@@ -1,11 +1,11 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { useCallback as j, useMemo as x } from "react";
 import { B as y } from "./index-9BerxEcw.js";
-import { W as l } from "./text.component-IjomJyJY.js";
+import { W as l } from "./text.component-CdTyTFds.js";
 import { a as R } from "./config-Djkl1N81.js";
 import { u as C } from "./use-recipe-d63ABaZ3.js";
 import { F as g } from "./flex-CX-8gE9T.js";
-import { w as D } from "./withFormControl-B4TNaDf4.js";
+import { w as D } from "./withFormControl-DePFf9SY.js";
 const _ = R({
   base: {
     alignItems: "center",
@@ -144,4 +144,4 @@ const A = D(v);
 export {
   A as W
 };
-//# sourceMappingURL=ratingDots.component-CEribcPM.js.map
+//# sourceMappingURL=ratingDots.component-D9WQGVcj.js.map

package/dist/chunks/{ratingDots.component-CEribcPM.js.map → ratingDots.component-D9WQGVcj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-CEribcPM.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  /** If true, the dot will be active. */\n  active?: boolean;\n  /** If true, the dot will be disabled. */\n  disabled?: boolean;\n  /** If true, the dot will be invalid. */\n  invalid?: boolean;\n  /** Number of the dot. */\n  number: number;\n  /** Callback function to be called when the dot is clicked. */\n  onClick?: (value: number) => void;\n  /** Data test id for the dot.\n   * @default kibble-rating-dot\n   */\n  'data-testid'?: string;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n  ['data-testid']: dataTestId = 'kibble-rating-dot',\n}: 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      data-testid={dataTestId}\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  /** Label to be displayed centered below the dots. */\n  centeredLabel?: string;\n  /** Companion label to describe the maximum value of the dots. */\n  maxLabel?: string;\n  /** Maximum value of the rating dots. */\n  maxValue: number;\n  /** Companion label to describe the minimum value of the dots. */\n  minLabel?: string;\n  /** Minimum value of the rating dots. */\n  minValue: number;\n  /** Callback function to handle value change when a dot is clicked. */\n  onChange?: (value: number) => void;\n  /** Current value of the rating dots. */\n  value?: number;\n  /**\n   * Data test id for the rating dots.\n   * @default kibble-rating-dots\n   */\n  'data-testid'?: string;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n  ['data-testid']: dataTestId = 'kibble-rating-dots',\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={dataTestId}>\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid={`${dataTestId}-container`}\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`${dataTestId}-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={`${dataTestId}-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","dataTestId","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-D9WQGVcj.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  /** If true, the dot will be active. */\n  active?: boolean;\n  /** If true, the dot will be disabled. */\n  disabled?: boolean;\n  /** If true, the dot will be invalid. */\n  invalid?: boolean;\n  /** Number of the dot. */\n  number: number;\n  /** Callback function to be called when the dot is clicked. */\n  onClick?: (value: number) => void;\n  /** Data test id for the dot.\n   * @default kibble-rating-dot\n   */\n  'data-testid'?: string;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n  ['data-testid']: dataTestId = 'kibble-rating-dot',\n}: 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      data-testid={dataTestId}\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  /** Label to be displayed centered below the dots. */\n  centeredLabel?: string;\n  /** Companion label to describe the maximum value of the dots. */\n  maxLabel?: string;\n  /** Maximum value of the rating dots. */\n  maxValue: number;\n  /** Companion label to describe the minimum value of the dots. */\n  minLabel?: string;\n  /** Minimum value of the rating dots. */\n  minValue: number;\n  /** Callback function to handle value change when a dot is clicked. */\n  onChange?: (value: number) => void;\n  /** Current value of the rating dots. */\n  value?: number;\n  /**\n   * Data test id for the rating dots.\n   * @default kibble-rating-dots\n   */\n  'data-testid'?: string;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n  ['data-testid']: dataTestId = 'kibble-rating-dots',\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={dataTestId}>\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid={`${dataTestId}-container`}\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`${dataTestId}-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={`${dataTestId}-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","dataTestId","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-BwgvV_Lm.js → select.component-B4mAPqzN.js}

@@ -1,10 +1,10 @@
 import { j as i } from "./jsx-runtime-C5mzlN2N.js";
 import Bt, { forwardRef as _, useId as qe, useMemo as ie, useState as Se, useCallback as q, useEffect as zt } from "react";
-import { w as Ut } from "./withFormControl-B4TNaDf4.js";
+import { w as Ut } from "./withFormControl-DePFf9SY.js";
 import { I as Kt } from "./icon.component-PV_nHBId.js";
 import { B as Wt } from "./button.component-BO6oee_V.js";
-import { W as Ze } from "./text.component-IjomJyJY.js";
-import { S as qt } from "./spinner.component-D3s81AJH.js";
+import { W as Ze } from "./text.component-CdTyTFds.js";
+import { S as qt } from "./spinner.component-B3dkvoO9.js";
 import { a as J, d as P, e as Zt, b as Y, f as Vt, u as Xt, g as Jt, n as Yt } from "./use-locale-context-Bw4Gg9Z0.js";
 import { c as Qt } from "./create-slot-recipe-context-D_FXDJGp.js";
 import { C as kt, d as er, c as tr } from "./icons-CoSqruIn.js";
@@ -14,7 +14,7 @@ import { u as Xe, s as Je, c as Ye, d as Qe, P as rr } from "./index-C9UYIjEB.js
 import { L as nr, m as sr, c as ar } from "./index-BGd_2-DY.js";
 import { u as or } from "./usePortalContentRef-DO_jc4W9.js";
 import { B as ir } from "./index-9BerxEcw.js";
-import { W as lr } from "./textInput.component-DAOVnBI-.js";
+import { W as lr } from "./textInput.component-BC0Hi8R_.js";
 import { r as E, i as ke, d as cr, f as B, g as Q, h as et, j as ur, b as tt, a as rt, e as nt, S as V, c as pe } from "./isSymbol-BQN49XhJ.js";
 import { F as Ce } from "./flex-CX-8gE9T.js";
 const fr = (e) => new nr(e), [st, y] = J({
@@ -1096,4 +1096,4 @@ const io = Ut(Rt);
 export {
   io as W
 };
-//# sourceMappingURL=select.component-BwgvV_Lm.js.map
+//# sourceMappingURL=select.component-B4mAPqzN.js.map