@televet/kibble-ui 4.0.0-beta.135 → 4.0.0-beta.136

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

@@ -1,12 +1,12 @@
 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-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-DKfKOxqY.js";
-import { B as C } from "./box-Ck9I7FYv.js";
-const k = j({
+import { B as j } from "./index-9BerxEcw.js";
+import { W as c } from "./text.component-lM5aKXrg.js";
+import { b as y } from "./config-B3QABP1-.js";
+import { u as R } from "./use-recipe-d63ABaZ3.js";
+import { F as x } from "./flex-CX-8gE9T.js";
+import { w as C } from "./withFormControl-C3IIthrA.js";
+const k = y({
   base: {
     alignItems: "center",
     border: "2px",
@@ -60,7 +60,7 @@ const k = j({
     variant: "default"
   }
 }), D = ({ active: o, disabled: d, invalid: l, number: r, onClick: e }) => {
-  const i = e ? "interactive" : "default", a = y({ recipe: k })({ variant: i }), p = h(
+  const i = e ? "interactive" : "default", a = R({ recipe: k })({ variant: i }), p = h(
     (n) => {
       n.preventDefault(), e && e(r);
     },
@@ -93,7 +93,7 @@ const k = j({
       s.push(f);
     return s;
   }, [b, n]);
-  return /* @__PURE__ */ t.jsxs(C, { className: "RatingDots", "data-testid": "kibble-rating-dots", children: [
+  return /* @__PURE__ */ t.jsxs(j, { className: "RatingDots", "data-testid": "kibble-rating-dots", children: [
     /* @__PURE__ */ t.jsx(
       x,
       {
@@ -131,8 +131,8 @@ const k = j({
   ] });
 };
 g.displayName = "RatingDots";
-const B = R(g);
+const B = C(g);
 export {
   B as W
 };
-//# sourceMappingURL=ratingDots.component-DNnA7Vrs.js.map
+//# sourceMappingURL=ratingDots.component-CDa2kpI9.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"ratingDots.component-CDa2kpI9.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-DcrCudac.js

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

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"ratingDots.component-DcrCudac.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/{render-strategy-QburwdUo.js → render-strategy-C2s5qZs8.js}

@@ -1,4 +1,4 @@
-import { c as t, a as r } from "./use-locale-context-BA2M-8sK.js";
+import { c as t, a as r } from "./use-locale-context-CGfkkp7X.js";
 const [a, n] = t({
   name: "RenderStrategyContext",
   hookName: "useRenderStrategyContext",
@@ -9,4 +9,4 @@ export {
   s,
   n as u
 };
-//# sourceMappingURL=render-strategy-QburwdUo.js.map
+//# sourceMappingURL=render-strategy-C2s5qZs8.js.map

package/dist/chunks/{render-strategy-QburwdUo.js.map → render-strategy-C2s5qZs8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"render-strategy-QburwdUo.js","sources":["../../node_modules/@ark-ui/react/dist/utils/render-strategy.js"],"sourcesContent":["'use client';\nimport { createContext } from './create-context.js';\nimport { createSplitProps } from './create-split-props.js';\n\nconst [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({\n  name: \"RenderStrategyContext\",\n  hookName: \"useRenderStrategyContext\",\n  providerName: \"<RenderStrategyPropsProvider />\"\n});\nconst splitRenderStrategyProps = (props) => createSplitProps()(props, [\"lazyMount\", \"unmountOnExit\"]);\n\nexport { RenderStrategyPropsProvider, splitRenderStrategyProps, useRenderStrategyPropsContext };\n"],"names":["RenderStrategyPropsProvider","useRenderStrategyPropsContext","createContext","splitRenderStrategyProps","props","createSplitProps"],"mappings":";AAIK,MAAC,CAACA,GAA6BC,CAA6B,IAAIC,EAAc;AAAA,EACjF,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GACKC,IAA2B,CAACC,MAAUC,EAAgB,EAAGD,GAAO,CAAC,aAAa,eAAe,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"render-strategy-C2s5qZs8.js","sources":["../../node_modules/@ark-ui/react/dist/utils/render-strategy.js"],"sourcesContent":["'use client';\nimport { createContext } from './create-context.js';\nimport { createSplitProps } from './create-split-props.js';\n\nconst [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({\n  name: \"RenderStrategyContext\",\n  hookName: \"useRenderStrategyContext\",\n  providerName: \"<RenderStrategyPropsProvider />\"\n});\nconst splitRenderStrategyProps = (props) => createSplitProps()(props, [\"lazyMount\", \"unmountOnExit\"]);\n\nexport { RenderStrategyPropsProvider, splitRenderStrategyProps, useRenderStrategyPropsContext };\n"],"names":["RenderStrategyPropsProvider","useRenderStrategyPropsContext","createContext","splitRenderStrategyProps","props","createSplitProps"],"mappings":";AAIK,MAAC,CAACA,GAA6BC,CAA6B,IAAIC,EAAc;AAAA,EACjF,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GACKC,IAA2B,CAACC,MAAUC,EAAgB,EAAGD,GAAO,CAAC,aAAa,eAAe,CAAC;","x_google_ignoreList":[0]}

package/dist/chunks/{render-strategy-C_zp9LNQ.js → render-strategy-CfHUEDVm.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./use-locale-context-D0LByRu9.js"),[r,o]=e.createContext({name:"RenderStrategyContext",hookName:"useRenderStrategyContext",providerName:"<RenderStrategyPropsProvider />"}),n=t=>e.createSplitProps()(t,["lazyMount","unmountOnExit"]);exports.RenderStrategyPropsProvider=r;exports.splitRenderStrategyProps=n;exports.useRenderStrategyPropsContext=o;
-//# sourceMappingURL=render-strategy-C_zp9LNQ.js.map
+"use strict";const e=require("./use-locale-context-Dv7DQ_mn.js"),[r,o]=e.createContext({name:"RenderStrategyContext",hookName:"useRenderStrategyContext",providerName:"<RenderStrategyPropsProvider />"}),n=t=>e.createSplitProps()(t,["lazyMount","unmountOnExit"]);exports.RenderStrategyPropsProvider=r;exports.splitRenderStrategyProps=n;exports.useRenderStrategyPropsContext=o;
+//# sourceMappingURL=render-strategy-CfHUEDVm.js.map

package/dist/chunks/{render-strategy-C_zp9LNQ.js.map → render-strategy-CfHUEDVm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"render-strategy-C_zp9LNQ.js","sources":["../../node_modules/@ark-ui/react/dist/utils/render-strategy.js"],"sourcesContent":["'use client';\nimport { createContext } from './create-context.js';\nimport { createSplitProps } from './create-split-props.js';\n\nconst [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({\n  name: \"RenderStrategyContext\",\n  hookName: \"useRenderStrategyContext\",\n  providerName: \"<RenderStrategyPropsProvider />\"\n});\nconst splitRenderStrategyProps = (props) => createSplitProps()(props, [\"lazyMount\", \"unmountOnExit\"]);\n\nexport { RenderStrategyPropsProvider, splitRenderStrategyProps, useRenderStrategyPropsContext };\n"],"names":["RenderStrategyPropsProvider","useRenderStrategyPropsContext","createContext","splitRenderStrategyProps","props","createSplitProps"],"mappings":"iEAIM,CAACA,EAA6BC,CAA6B,EAAIC,gBAAc,CACjF,KAAM,wBACN,SAAU,2BACV,aAAc,iCAChB,CAAC,EACKC,EAA4BC,GAAUC,EAAgB,iBAAA,EAAGD,EAAO,CAAC,YAAa,eAAe,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"render-strategy-CfHUEDVm.js","sources":["../../node_modules/@ark-ui/react/dist/utils/render-strategy.js"],"sourcesContent":["'use client';\nimport { createContext } from './create-context.js';\nimport { createSplitProps } from './create-split-props.js';\n\nconst [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({\n  name: \"RenderStrategyContext\",\n  hookName: \"useRenderStrategyContext\",\n  providerName: \"<RenderStrategyPropsProvider />\"\n});\nconst splitRenderStrategyProps = (props) => createSplitProps()(props, [\"lazyMount\", \"unmountOnExit\"]);\n\nexport { RenderStrategyPropsProvider, splitRenderStrategyProps, useRenderStrategyPropsContext };\n"],"names":["RenderStrategyPropsProvider","useRenderStrategyPropsContext","createContext","splitRenderStrategyProps","props","createSplitProps"],"mappings":"iEAIM,CAACA,EAA6BC,CAA6B,EAAIC,gBAAc,CACjF,KAAM,wBACN,SAAU,2BACV,aAAc,iCAChB,CAAC,EACKC,EAA4BC,GAAUC,EAAgB,iBAAA,EAAGD,EAAO,CAAC,YAAa,eAAe,CAAC","x_google_ignoreList":[0]}

package/dist/chunks/{select.component-CdJCn0ea.js → select.component-D9AGoDpE.js}

@@ -1,21 +1,21 @@
 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-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-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 Ht, k as Bt, 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";
-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 { w as Nt } from "./withFormControl-C3IIthrA.js";
+import { I as Lt } from "./icon.component-C5bgxAD2.js";
+import { B as Gt } from "./button.component-BE20YKDd.js";
+import { W as Ue } from "./text.component-lM5aKXrg.js";
+import { S as Mt } from "./spinner.component-DVDFFBjs.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-CGfkkp7X.js";
+import { c as Kt } from "./create-slot-recipe-context-CrlT_nGQ.js";
+import { C as Wt, b as qt, c as Vt } from "./icons-DQ5FafZQ.js";
+import { u as Ze } from "./use-field-context-C1iiT3PJ.js";
+import { a2 as g } from "./index-DtPX2rUg.js";
+import { L as Zt, m as Xt, c as Jt } from "./index-CJEisKZA.js";
 import { u as Yt } from "./usePortalContentRef-DO_jc4W9.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";
+import { B as Qt } from "./index-9BerxEcw.js";
+import { W as kt } from "./textInput.component-B58lZdwy.js";
+import { r as E, i as Xe, d as er, f as z, g as Y, h as Je, j as tr, b as Ye, a as Qe, e as ke, S as V, c as de } from "./isSymbol-BQN49XhJ.js";
+import { F as ye } from "./flex-CX-8gE9T.js";
 const rr = (e) => new Zt(e), [et, P] = X({
   name: "SelectContext",
   hookName: "useSelectContext",
@@ -104,7 +104,7 @@ const pt = v((e, t) => {
 });
 pt.displayName = "SelectPositioner";
 const ir = (e) => {
-  const t = ze(), { dir: r } = Ft(), { getRootNode: n } = Ht(), s = Ze(), a = {
+  const t = ze(), { dir: r } = Ft(), { getRootNode: n } = Bt(), s = Ze(), a = {
     id: t,
     ids: {
       label: s?.ids.label,
@@ -117,7 +117,7 @@ const ir = (e) => {
     dir: r,
     getRootNode: n,
     ...e
-  }, o = Bt(Xt, a);
+  }, o = Ht(Xt, a);
   return Jt(o, zt);
 }, lr = (e, t) => {
   const [r, n] = We(e), [s, a] = J()(n, [
@@ -142,6 +142,7 @@ const ir = (e) => {
     "onInteractOutside",
     "onOpenChange",
     "onPointerDownOutside",
+    "onSelect",
     "onValueChange",
     "open",
     "positioning",
@@ -235,7 +236,7 @@ const Sr = st, vt = ({
       size: n,
       truncated: r,
       variant: e.variant || (t ? "onContrast" : "default"),
-      ...e.leftElement && { ml: 2 },
+      ml: 2,
       children: e.label
     }
   ) : e.label
@@ -248,7 +249,7 @@ const Sr = st, vt = ({
   const s = P(), a = oe(() => s.selectedItems[0], [s]);
   return /* @__PURE__ */ i.jsxs(pr, { children: [
     !a && t,
-    /* @__PURE__ */ i.jsx(mr, { placeholder: e, lineHeight: a ? "0" : "150%", children: a && /* @__PURE__ */ i.jsx(vt, { shouldTruncateText: r, item: a, ...n }) })
+    /* @__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() {
@@ -278,7 +279,7 @@ var Ir = /[\\^$.*+?()[\]{}|]/g, Or = /^\[object .+?Constructor\]$/, jr = Functio
 function Lr(e) {
   if (!Xe(e) || wr(e))
     return !1;
-  var t = kt(e) ? Nr : Or;
+  var t = er(e) ? Nr : Or;
   return t.test(G(e));
 }
 function Gr(e, t) {
@@ -320,8 +321,8 @@ function Fr(e) {
     return t;
   };
 }
-var Hr = Fr();
-function Br(e, t) {
+var Br = Fr();
+function Hr(e, t) {
   for (var r = -1, n = Array(e); ++r < e; )
     n[r] = t(r);
   return n;
@@ -349,15 +350,15 @@ function yn(e) {
     return e(t);
   };
 }
-var xt = typeof exports == "object" && exports && !exports.nodeType && exports, B = xt && typeof module == "object" && module && !module.nodeType && module, xn = B && B.exports === xt, se = xn && er.process, Ae = 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 && tr.process, Ae = function() {
   try {
-    var e = B && B.require && B.require("util").types;
+    var e = H && H.require && H.require("util").types;
     return e || se && se.binding && se.binding("util");
   } catch {
   }
 }(), Te = Ae && Ae.isTypedArray, bt = Te ? yn(Te) : Pn, bn = Object.prototype, Sn = bn.hasOwnProperty;
 function Cn(e, t) {
-  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 ? Br(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.
@@ -389,7 +390,7 @@ function pe(e) {
   return Qe(e) ? Cn(e) : $n(e);
 }
 function En(e, t) {
-  return e && Hr(e, t, pe);
+  return e && Br(e, t, pe);
 }
 function Rn(e, t) {
   return function(r, n) {
@@ -425,11 +426,11 @@ function Fn(e) {
   var n = t.length - 1;
   return r == n ? t.pop() : Dn.call(t, r, 1), --this.size, !0;
 }
-function Hn(e) {
+function Bn(e) {
   var t = this.__data__, r = Q(t, e);
   return r < 0 ? void 0 : t[r][1];
 }
-function Bn(e) {
+function Hn(e) {
   return Q(this.__data__, e) > -1;
 }
 function zn(e, t) {
@@ -445,8 +446,8 @@ function O(e) {
 }
 O.prototype.clear = Gn;
 O.prototype.delete = Fn;
-O.prototype.get = Hn;
-O.prototype.has = Bn;
+O.prototype.get = Bn;
+O.prototype.has = Hn;
 O.prototype.set = zn;
 function Un() {
   this.__data__ = new O(), this.size = 0;
@@ -686,13 +687,13 @@ function Ms(e, t) {
 function Ds() {
   return [];
 }
-var Fs = Object.prototype, Hs = Fs.propertyIsEnumerable, je = Object.getOwnPropertySymbols, Bs = je ? function(e) {
+var Fs = Object.prototype, Bs = Fs.propertyIsEnumerable, je = Object.getOwnPropertySymbols, Hs = je ? function(e) {
   return e == null ? [] : (e = Object(e), Ms(je(e), function(t) {
-    return Hs.call(e, t);
+    return Bs.call(e, t);
   }));
 } : Ds;
 function $e(e) {
-  return Gs(e, pe, Bs);
+  return Gs(e, pe, Hs);
 }
 var zs = 1, Us = Object.prototype, Ks = Us.hasOwnProperty;
 function Ws(e, t, r, n, s, a) {
@@ -852,14 +853,14 @@ function ga(e, t) {
     s[r] = t(e[r], r, e);
   return s;
 }
-var He = V ? V.prototype : void 0, Be = He ? He.toString : void 0;
+var Be = V ? V.prototype : void 0, He = Be ? Be.toString : void 0;
 function At(e) {
   if (typeof e == "string")
     return e;
   if (A(e))
     return ga(e, At) + "";
   if (de(e))
-    return Be ? Be.call(e) : "";
+    return He ? He.call(e) : "";
   var t = e + "";
   return t == "0" && 1 / e == -1 / 0 ? "-0" : t;
 }
@@ -961,7 +962,7 @@ const Ot = Et.forwardRef(
     }), [R]), ve = oe(
       () => Object.entries($a(te.items, (p) => p.groupLabel || "default")) || [],
       [te.items]
-    ), _e = re((p, D) => p === "" || !p ? D : D.filter((H) => !!(typeof H.label == "string" ? H.label : H.valueText)?.toLowerCase().includes(p.toLowerCase())), []);
+    ), _e = re((p, D) => p === "" || !p ? D : D.filter((B) => !!(typeof B.label == "string" ? B.label : B.valueText)?.toLowerCase().includes(p.toLowerCase())), []);
     Rt(() => {
       N(s ? a : _e(C, a));
     }, [a, C, s, _e]);
@@ -1014,8 +1015,8 @@ const Ot = Et.forwardRef(
             ] })
           ] }),
           /* @__PURE__ */ i.jsx(Ut, { container: w || void 0, children: /* @__PURE__ */ i.jsx(gr, { children: /* @__PURE__ */ i.jsxs(hr, { children: [
-            u && /* @__PURE__ */ i.jsx(tr, { className: "Select__Header", "data-testid": "kibble-select-header", m: "0 12px 8px", children: /* @__PURE__ */ i.jsx(
-              Qt,
+            u && /* @__PURE__ */ i.jsx(Qt, { className: "Select__Header", "data-testid": "kibble-select-header", m: "0 12px 8px", children: /* @__PURE__ */ i.jsx(
+              kt,
               {
                 className: "Select__SearchBar",
                 "data-testid": "kibble-select-search-bar",
@@ -1029,9 +1030,9 @@ const Ot = Et.forwardRef(
               }
             ) }),
             r ? /* @__PURE__ */ i.jsx(ye, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ i.jsx(Mt, { variant: n ? "brandOnContrast" : "brand", size: m }) }) : /* @__PURE__ */ i.jsx(i.Fragment, { children: ve.length ? ve.map(([p, D]) => {
-              const H = p === "default";
+              const B = p === "default";
               return /* @__PURE__ */ i.jsxs(_r, { children: [
-                !H && /* @__PURE__ */ i.jsx(Pr, { children: p }),
+                !B && /* @__PURE__ */ i.jsx(Pr, { children: p }),
                 D.map((W) => /* @__PURE__ */ i.jsx(yr, { item: W, children: /* @__PURE__ */ i.jsx(
                   vt,
                   {
@@ -1054,4 +1055,4 @@ const Ya = Nt(Ot);
 export {
   Ya as W
 };
-//# sourceMappingURL=select.component-CdJCn0ea.js.map
+//# sourceMappingURL=select.component-D9AGoDpE.js.map