@televet/kibble-ui 4.0.0-beta.21 → 4.0.0-beta.25

package/dist/chunks/{modal.types-CELCFObr.js.map → modal.types-Bhcd1P_H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modal.types-CELCFObr.js","sources":["../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n  children?: React.ReactNode;\n  destructive?: boolean;\n  disabled?: boolean;\n  hideCancel?: boolean;\n  loading?: boolean;\n  loadingText?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void | Promise<void>;\n  submitText?: string;\n}\n\nexport const ModalFooter = ({\n  children,\n  destructive,\n  disabled,\n  hideCancel = false,\n  loading,\n  loadingText,\n  onCancel,\n  onSubmit,\n  submitText = \"Submit\",\n  ...rest\n}: ModalFooterProps): React.JSX.Element => {\n  return (\n    <Dialog.Footer\n      className=\"Modal__Footer\"\n      data-testid=\"kibble-modal-footer\"\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n          {!hideCancel && (\n            <Dialog.ActionTrigger\n              asChild\n              className=\"Modal__CancelButton\"\n              data-testid=\"kibble-modal-cancel-button\"\n            >\n              <Button variant=\"tertiary\" onClick={onCancel}>\n                Cancel\n              </Button>\n            </Dialog.ActionTrigger>\n          )}\n          <Button\n            className=\"Modal__SubmitButton\"\n            data-testid=\"kibble-modal-submit-button\"\n            onClick={onSubmit}\n            loading={loading}\n            loadingText={loadingText}\n            disabled={disabled}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Dialog.Footer>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  ModalFooter,\n  ModalFooterProps,\n} from \"./components/ModalFooter/modalFooter.component\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { ModalMotionPreset, ModalPlacement, ModalSize } from \"./modal.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { useBreakpointValue } from \"@chakra-ui/react\";\n\nexport interface ModalProps extends Dialog.RootProps {\n  footerProps?: ModalFooterProps;\n  fullScreenMobile?: boolean;\n  header?: React.ReactNode;\n  headerProps?: HeadingProps;\n  hideCloseButton?: boolean;\n  hideFooter?: boolean;\n  motionPreset?: ModalMotionPreset;\n  placement?: ModalPlacement;\n  showExpandButton?: boolean;\n  size?: ModalSize;\n  trigger?: React.ReactNode;\n}\n\nexport const Modal = ({\n  children,\n  footerProps,\n  fullScreenMobile = true,\n  header,\n  headerProps,\n  hideCloseButton = false,\n  hideFooter = false,\n  motionPreset = \"slide-in-bottom\",\n  placement = \"center\",\n  showExpandButton = false,\n  size = \"md\",\n  trigger,\n  ...rest\n}: ModalProps): React.JSX.Element => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const computedSize = useBreakpointValue({\n    base: fullScreenMobile ? \"full\" : size,\n    md: size,\n  });\n\n  return (\n    <Dialog.Root\n      motionPreset={motionPreset}\n      placement={placement}\n      size={computedSize}\n      {...rest}\n      expanded={isExpanded}\n    >\n      {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n      <Portal>\n        <Dialog.Backdrop />\n        <Dialog.Positioner>\n          <Dialog.Content className=\"Modal\" data-testid=\"kibble-modal\">\n            {!hideCloseButton && (\n              <Dialog.CloseTrigger\n                asChild\n                className=\"Modal__CloseButton\"\n                data-testid=\"kibble-modal-close-button\"\n              >\n                <Button iconName=\"close\" variant=\"ghostNeutral\" />\n              </Dialog.CloseTrigger>\n            )}\n            {showExpandButton && (\n              <Button\n                className=\"Modal__ExpandButton\"\n                data-testid=\"kibble-modal-expand-button\"\n                variant=\"ghostNeutral\"\n                iconName={isExpanded ? \"arrowsIn\" : \"arrowsOut\"}\n                position=\"absolute\"\n                top={2}\n                right={12}\n                onClick={() => setIsExpanded((prev) => !prev)}\n              />\n            )}\n            <Dialog.Header\n              className=\"Modal__Header\"\n              data-testid=\"kibble-modal-header\"\n            >\n              {header && (\n                <Dialog.Title\n                  className=\"Modal__Title\"\n                  data-testid=\"kibble-modal-title\"\n                >\n                  {typeof header === \"string\" ? (\n                    <Heading size=\"xl\" {...headerProps}>\n                      {header}\n                    </Heading>\n                  ) : (\n                    header\n                  )}\n                </Dialog.Title>\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              className=\"Modal__Body\"\n              data-testid=\"kibble-modal-body\"\n            >\n              {children}\n            </Dialog.Body>\n            {!hideFooter && <ModalFooter {...footerProps} />}\n          </Dialog.Content>\n        </Dialog.Positioner>\n      </Portal>\n    </Dialog.Root>\n  );\n};\n","export const modalSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"cover\", \"full\"] as const;\nexport type ModalSize = (typeof modalSizes)[number];\n\nexport const modalPlacements = [\"center\", \"top\", \"bottom\"] as const;\nexport type ModalPlacement = (typeof modalPlacements)[number];\n\nexport const modalScrollBehaviors = [\"inside\", \"outside\"] as const;\nexport type ModalScrollBehavior = (typeof modalScrollBehaviors)[number];\n\nexport const modalMotionPresets = [\n  \"scale\",\n  \"slide-in-bottom\",\n  \"slide-in-top\",\n  \"slide-in-left\",\n  \"slide-in-right\",\n  \"none\",\n] as const;\nexport type ModalMotionPreset = (typeof modalMotionPresets)[number];\n"],"names":["ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","jsx","Dialog.Footer","jsxs","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","Dialog.Root","Dialog.Trigger","Portal","Dialog.Backdrop","Dialog.Positioner","Dialog.Content","Dialog.CloseTrigger","prev","Dialog.Header","Dialog.Title","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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"}
+{"version":3,"file":"modal.types-Bhcd1P_H.js","sources":["../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n  children?: React.ReactNode;\n  destructive?: boolean;\n  disabled?: boolean;\n  hideCancel?: boolean;\n  loading?: boolean;\n  loadingText?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void | Promise<void>;\n  submitText?: string;\n}\n\nexport const ModalFooter = ({\n  children,\n  destructive,\n  disabled,\n  hideCancel = false,\n  loading,\n  loadingText,\n  onCancel,\n  onSubmit,\n  submitText = \"Submit\",\n  ...rest\n}: ModalFooterProps): React.JSX.Element => {\n  return (\n    <Dialog.Footer\n      className=\"Modal__Footer\"\n      data-testid=\"kibble-modal-footer\"\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n          {!hideCancel && (\n            <Dialog.ActionTrigger\n              asChild\n              className=\"Modal__CancelButton\"\n              data-testid=\"kibble-modal-cancel-button\"\n            >\n              <Button variant=\"tertiary\" onClick={onCancel}>\n                Cancel\n              </Button>\n            </Dialog.ActionTrigger>\n          )}\n          <Button\n            className=\"Modal__SubmitButton\"\n            data-testid=\"kibble-modal-submit-button\"\n            onClick={onSubmit}\n            loading={loading}\n            loadingText={loadingText}\n            disabled={disabled}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Dialog.Footer>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  ModalFooter,\n  ModalFooterProps,\n} from \"./components/ModalFooter/modalFooter.component\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { ModalMotionPreset, ModalPlacement, ModalSize } from \"./modal.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { useBreakpointValue } from \"@chakra-ui/react\";\n\nexport interface ModalProps extends Dialog.RootProps {\n  footerProps?: ModalFooterProps;\n  fullScreenMobile?: boolean;\n  header?: React.ReactNode;\n  headerProps?: HeadingProps;\n  hideCloseButton?: boolean;\n  hideFooter?: boolean;\n  motionPreset?: ModalMotionPreset;\n  placement?: ModalPlacement;\n  showExpandButton?: boolean;\n  size?: ModalSize;\n  trigger?: React.ReactNode;\n}\n\nexport const Modal = ({\n  children,\n  footerProps,\n  fullScreenMobile = true,\n  header,\n  headerProps,\n  hideCloseButton = false,\n  hideFooter = false,\n  motionPreset = \"slide-in-bottom\",\n  placement = \"center\",\n  showExpandButton = false,\n  size = \"md\",\n  trigger,\n  ...rest\n}: ModalProps): React.JSX.Element => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const computedSize = useBreakpointValue({\n    base: fullScreenMobile ? \"full\" : size,\n    md: size,\n  });\n\n  return (\n    <Dialog.Root\n      motionPreset={motionPreset}\n      placement={placement}\n      size={computedSize}\n      {...rest}\n      expanded={isExpanded}\n    >\n      {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n      <Portal>\n        <Dialog.Backdrop />\n        <Dialog.Positioner>\n          <Dialog.Content className=\"Modal\" data-testid=\"kibble-modal\">\n            {!hideCloseButton && (\n              <Dialog.CloseTrigger\n                asChild\n                className=\"Modal__CloseButton\"\n                data-testid=\"kibble-modal-close-button\"\n              >\n                <Button iconName=\"close\" variant=\"ghostNeutral\" />\n              </Dialog.CloseTrigger>\n            )}\n            {showExpandButton && (\n              <Button\n                className=\"Modal__ExpandButton\"\n                data-testid=\"kibble-modal-expand-button\"\n                variant=\"ghostNeutral\"\n                iconName={isExpanded ? \"arrowsIn\" : \"arrowsOut\"}\n                position=\"absolute\"\n                top={2}\n                right={12}\n                onClick={() => setIsExpanded((prev) => !prev)}\n              />\n            )}\n            <Dialog.Header\n              className=\"Modal__Header\"\n              data-testid=\"kibble-modal-header\"\n            >\n              {header && (\n                <Dialog.Title\n                  className=\"Modal__Title\"\n                  data-testid=\"kibble-modal-title\"\n                >\n                  {typeof header === \"string\" ? (\n                    <Heading size=\"xl\" {...headerProps}>\n                      {header}\n                    </Heading>\n                  ) : (\n                    header\n                  )}\n                </Dialog.Title>\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              className=\"Modal__Body\"\n              data-testid=\"kibble-modal-body\"\n            >\n              {children}\n            </Dialog.Body>\n            {!hideFooter && <ModalFooter {...footerProps} />}\n          </Dialog.Content>\n        </Dialog.Positioner>\n      </Portal>\n    </Dialog.Root>\n  );\n};\n","export const modalSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"cover\", \"full\"] as const;\nexport type ModalSize = (typeof modalSizes)[number];\n\nexport const modalPlacements = [\"center\", \"top\", \"bottom\"] as const;\nexport type ModalPlacement = (typeof modalPlacements)[number];\n\nexport const modalScrollBehaviors = [\"inside\", \"outside\"] as const;\nexport type ModalScrollBehavior = (typeof modalScrollBehaviors)[number];\n\nexport const modalMotionPresets = [\n  \"scale\",\n  \"slide-in-bottom\",\n  \"slide-in-top\",\n  \"slide-in-left\",\n  \"slide-in-right\",\n  \"none\",\n] as const;\nexport type ModalMotionPreset = (typeof modalMotionPresets)[number];\n"],"names":["ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","jsx","Dialog.Footer","jsxs","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","Dialog.Root","Dialog.Trigger","Portal","Dialog.Backdrop","Dialog.Positioner","Dialog.Content","Dialog.CloseTrigger","prev","Dialog.Header","Dialog.Title","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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"}

package/dist/chunks/{modal.types-BfXHtZ4i.js → modal.types-C7OrqSGs.js}

@@ -1,8 +1,8 @@
-import { x as a, bP as _ } from "./vendor-BBfll6i3.js";
-import { useState as f } from "react";
-import { B as e } from "./button.component-CA9bIFbq.js";
-import { _ as k, F as M, $ as N, a0 as C, a1 as D, a2 as B, a3 as y, a4 as v, a5 as S, a6 as F, a7 as P, a8 as T, a9 as w } from "./chakra-BqBkjpvZ.js";
-import { W as E } from "./heading.component-B8niLTxz.js";
+import { x as a, ew as f } from "./vendor-CRIhG-7s.js";
+import { useState as _ } from "react";
+import { B as e } from "./button.component-BZEZZa7D.js";
+import { b2 as k, F as M, b3 as N, a5 as C, b4 as D, b5 as B, b6 as y, b7 as v, b8 as S, b9 as w, ba as F, bb as T, bc as E } from "./chakra-DEgvQPwa.js";
+import { W as P } from "./heading.component-BrXfTzEU.js";
 const z = ({
   children: t,
   destructive: o,
@@ -60,7 +60,7 @@ const z = ({
   trigger: u,
   ...p
 }) => {
-  const [x, g] = f(!1), j = C({
+  const [x, g] = _(!1), j = C({
     base: l ? "full" : b,
     md: b
   });
@@ -74,11 +74,11 @@ const z = ({
       expanded: x,
       children: [
         u && /* @__PURE__ */ a.jsx(B, { asChild: !0, children: u }),
-        /* @__PURE__ */ a.jsxs(_, { children: [
+        /* @__PURE__ */ a.jsxs(f, { children: [
           /* @__PURE__ */ a.jsx(y, {}),
           /* @__PURE__ */ a.jsx(v, { children: /* @__PURE__ */ a.jsxs(S, { className: "Modal", "data-testid": "kibble-modal", children: [
             !d && /* @__PURE__ */ a.jsx(
-              F,
+              w,
               {
                 asChild: !0,
                 className: "Modal__CloseButton",
@@ -100,7 +100,7 @@ const z = ({
               }
             ),
             /* @__PURE__ */ a.jsx(
-              P,
+              F,
               {
                 className: "Modal__Header",
                 "data-testid": "kibble-modal-header",
@@ -109,13 +109,13 @@ const z = ({
                   {
                     className: "Modal__Title",
                     "data-testid": "kibble-modal-title",
-                    children: typeof s == "string" ? /* @__PURE__ */ a.jsx(E, { size: "xl", ...i, children: s }) : s
+                    children: typeof s == "string" ? /* @__PURE__ */ a.jsx(P, { size: "xl", ...i, children: s }) : s
                   }
                 )
               }
             ),
             /* @__PURE__ */ a.jsx(
-              w,
+              E,
               {
                 className: "Modal__Body",
                 "data-testid": "kibble-modal-body",
@@ -128,7 +128,7 @@ const z = ({
       ]
     }
   );
-}, V = ["xs", "sm", "md", "lg", "cover", "full"], $ = ["center", "top", "bottom"], q = ["inside", "outside"], G = [
+}, V = ["xs", "sm", "md", "lg", "cover", "full"], q = ["center", "top", "bottom"], G = ["inside", "outside"], J = [
   "scale",
   "slide-in-bottom",
   "slide-in-top",
@@ -138,9 +138,9 @@ const z = ({
 ];
 export {
   O as M,
-  $ as a,
-  q as b,
-  G as c,
+  q as a,
+  G as b,
+  J as c,
   V as m
 };
-//# sourceMappingURL=modal.types-BfXHtZ4i.js.map
+//# sourceMappingURL=modal.types-C7OrqSGs.js.map

package/dist/chunks/{modal.types-BfXHtZ4i.js.map → modal.types-C7OrqSGs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modal.types-BfXHtZ4i.js","sources":["../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n  children?: React.ReactNode;\n  destructive?: boolean;\n  disabled?: boolean;\n  hideCancel?: boolean;\n  loading?: boolean;\n  loadingText?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void | Promise<void>;\n  submitText?: string;\n}\n\nexport const ModalFooter = ({\n  children,\n  destructive,\n  disabled,\n  hideCancel = false,\n  loading,\n  loadingText,\n  onCancel,\n  onSubmit,\n  submitText = \"Submit\",\n  ...rest\n}: ModalFooterProps): React.JSX.Element => {\n  return (\n    <Dialog.Footer\n      className=\"Modal__Footer\"\n      data-testid=\"kibble-modal-footer\"\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n          {!hideCancel && (\n            <Dialog.ActionTrigger\n              asChild\n              className=\"Modal__CancelButton\"\n              data-testid=\"kibble-modal-cancel-button\"\n            >\n              <Button variant=\"tertiary\" onClick={onCancel}>\n                Cancel\n              </Button>\n            </Dialog.ActionTrigger>\n          )}\n          <Button\n            className=\"Modal__SubmitButton\"\n            data-testid=\"kibble-modal-submit-button\"\n            onClick={onSubmit}\n            loading={loading}\n            loadingText={loadingText}\n            disabled={disabled}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Dialog.Footer>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  ModalFooter,\n  ModalFooterProps,\n} from \"./components/ModalFooter/modalFooter.component\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { ModalMotionPreset, ModalPlacement, ModalSize } from \"./modal.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { useBreakpointValue } from \"@chakra-ui/react\";\n\nexport interface ModalProps extends Dialog.RootProps {\n  footerProps?: ModalFooterProps;\n  fullScreenMobile?: boolean;\n  header?: React.ReactNode;\n  headerProps?: HeadingProps;\n  hideCloseButton?: boolean;\n  hideFooter?: boolean;\n  motionPreset?: ModalMotionPreset;\n  placement?: ModalPlacement;\n  showExpandButton?: boolean;\n  size?: ModalSize;\n  trigger?: React.ReactNode;\n}\n\nexport const Modal = ({\n  children,\n  footerProps,\n  fullScreenMobile = true,\n  header,\n  headerProps,\n  hideCloseButton = false,\n  hideFooter = false,\n  motionPreset = \"slide-in-bottom\",\n  placement = \"center\",\n  showExpandButton = false,\n  size = \"md\",\n  trigger,\n  ...rest\n}: ModalProps): React.JSX.Element => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const computedSize = useBreakpointValue({\n    base: fullScreenMobile ? \"full\" : size,\n    md: size,\n  });\n\n  return (\n    <Dialog.Root\n      motionPreset={motionPreset}\n      placement={placement}\n      size={computedSize}\n      {...rest}\n      expanded={isExpanded}\n    >\n      {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n      <Portal>\n        <Dialog.Backdrop />\n        <Dialog.Positioner>\n          <Dialog.Content className=\"Modal\" data-testid=\"kibble-modal\">\n            {!hideCloseButton && (\n              <Dialog.CloseTrigger\n                asChild\n                className=\"Modal__CloseButton\"\n                data-testid=\"kibble-modal-close-button\"\n              >\n                <Button iconName=\"close\" variant=\"ghostNeutral\" />\n              </Dialog.CloseTrigger>\n            )}\n            {showExpandButton && (\n              <Button\n                className=\"Modal__ExpandButton\"\n                data-testid=\"kibble-modal-expand-button\"\n                variant=\"ghostNeutral\"\n                iconName={isExpanded ? \"arrowsIn\" : \"arrowsOut\"}\n                position=\"absolute\"\n                top={2}\n                right={12}\n                onClick={() => setIsExpanded((prev) => !prev)}\n              />\n            )}\n            <Dialog.Header\n              className=\"Modal__Header\"\n              data-testid=\"kibble-modal-header\"\n            >\n              {header && (\n                <Dialog.Title\n                  className=\"Modal__Title\"\n                  data-testid=\"kibble-modal-title\"\n                >\n                  {typeof header === \"string\" ? (\n                    <Heading size=\"xl\" {...headerProps}>\n                      {header}\n                    </Heading>\n                  ) : (\n                    header\n                  )}\n                </Dialog.Title>\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              className=\"Modal__Body\"\n              data-testid=\"kibble-modal-body\"\n            >\n              {children}\n            </Dialog.Body>\n            {!hideFooter && <ModalFooter {...footerProps} />}\n          </Dialog.Content>\n        </Dialog.Positioner>\n      </Portal>\n    </Dialog.Root>\n  );\n};\n","export const modalSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"cover\", \"full\"] as const;\nexport type ModalSize = (typeof modalSizes)[number];\n\nexport const modalPlacements = [\"center\", \"top\", \"bottom\"] as const;\nexport type ModalPlacement = (typeof modalPlacements)[number];\n\nexport const modalScrollBehaviors = [\"inside\", \"outside\"] as const;\nexport type ModalScrollBehavior = (typeof modalScrollBehaviors)[number];\n\nexport const modalMotionPresets = [\n  \"scale\",\n  \"slide-in-bottom\",\n  \"slide-in-top\",\n  \"slide-in-left\",\n  \"slide-in-right\",\n  \"none\",\n] as const;\nexport type ModalMotionPreset = (typeof modalMotionPresets)[number];\n"],"names":["ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","jsx","Dialog.Footer","jsxs","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","Dialog.Root","Dialog.Trigger","Portal","Dialog.Backdrop","Dialog.Positioner","Dialog.Content","Dialog.CloseTrigger","prev","Dialog.Header","Dialog.Title","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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"}
+{"version":3,"file":"modal.types-C7OrqSGs.js","sources":["../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n  children?: React.ReactNode;\n  destructive?: boolean;\n  disabled?: boolean;\n  hideCancel?: boolean;\n  loading?: boolean;\n  loadingText?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void | Promise<void>;\n  submitText?: string;\n}\n\nexport const ModalFooter = ({\n  children,\n  destructive,\n  disabled,\n  hideCancel = false,\n  loading,\n  loadingText,\n  onCancel,\n  onSubmit,\n  submitText = \"Submit\",\n  ...rest\n}: ModalFooterProps): React.JSX.Element => {\n  return (\n    <Dialog.Footer\n      className=\"Modal__Footer\"\n      data-testid=\"kibble-modal-footer\"\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n          {!hideCancel && (\n            <Dialog.ActionTrigger\n              asChild\n              className=\"Modal__CancelButton\"\n              data-testid=\"kibble-modal-cancel-button\"\n            >\n              <Button variant=\"tertiary\" onClick={onCancel}>\n                Cancel\n              </Button>\n            </Dialog.ActionTrigger>\n          )}\n          <Button\n            className=\"Modal__SubmitButton\"\n            data-testid=\"kibble-modal-submit-button\"\n            onClick={onSubmit}\n            loading={loading}\n            loadingText={loadingText}\n            disabled={disabled}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Dialog.Footer>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  ModalFooter,\n  ModalFooterProps,\n} from \"./components/ModalFooter/modalFooter.component\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { ModalMotionPreset, ModalPlacement, ModalSize } from \"./modal.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { useBreakpointValue } from \"@chakra-ui/react\";\n\nexport interface ModalProps extends Dialog.RootProps {\n  footerProps?: ModalFooterProps;\n  fullScreenMobile?: boolean;\n  header?: React.ReactNode;\n  headerProps?: HeadingProps;\n  hideCloseButton?: boolean;\n  hideFooter?: boolean;\n  motionPreset?: ModalMotionPreset;\n  placement?: ModalPlacement;\n  showExpandButton?: boolean;\n  size?: ModalSize;\n  trigger?: React.ReactNode;\n}\n\nexport const Modal = ({\n  children,\n  footerProps,\n  fullScreenMobile = true,\n  header,\n  headerProps,\n  hideCloseButton = false,\n  hideFooter = false,\n  motionPreset = \"slide-in-bottom\",\n  placement = \"center\",\n  showExpandButton = false,\n  size = \"md\",\n  trigger,\n  ...rest\n}: ModalProps): React.JSX.Element => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const computedSize = useBreakpointValue({\n    base: fullScreenMobile ? \"full\" : size,\n    md: size,\n  });\n\n  return (\n    <Dialog.Root\n      motionPreset={motionPreset}\n      placement={placement}\n      size={computedSize}\n      {...rest}\n      expanded={isExpanded}\n    >\n      {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n      <Portal>\n        <Dialog.Backdrop />\n        <Dialog.Positioner>\n          <Dialog.Content className=\"Modal\" data-testid=\"kibble-modal\">\n            {!hideCloseButton && (\n              <Dialog.CloseTrigger\n                asChild\n                className=\"Modal__CloseButton\"\n                data-testid=\"kibble-modal-close-button\"\n              >\n                <Button iconName=\"close\" variant=\"ghostNeutral\" />\n              </Dialog.CloseTrigger>\n            )}\n            {showExpandButton && (\n              <Button\n                className=\"Modal__ExpandButton\"\n                data-testid=\"kibble-modal-expand-button\"\n                variant=\"ghostNeutral\"\n                iconName={isExpanded ? \"arrowsIn\" : \"arrowsOut\"}\n                position=\"absolute\"\n                top={2}\n                right={12}\n                onClick={() => setIsExpanded((prev) => !prev)}\n              />\n            )}\n            <Dialog.Header\n              className=\"Modal__Header\"\n              data-testid=\"kibble-modal-header\"\n            >\n              {header && (\n                <Dialog.Title\n                  className=\"Modal__Title\"\n                  data-testid=\"kibble-modal-title\"\n                >\n                  {typeof header === \"string\" ? (\n                    <Heading size=\"xl\" {...headerProps}>\n                      {header}\n                    </Heading>\n                  ) : (\n                    header\n                  )}\n                </Dialog.Title>\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              className=\"Modal__Body\"\n              data-testid=\"kibble-modal-body\"\n            >\n              {children}\n            </Dialog.Body>\n            {!hideFooter && <ModalFooter {...footerProps} />}\n          </Dialog.Content>\n        </Dialog.Positioner>\n      </Portal>\n    </Dialog.Root>\n  );\n};\n","export const modalSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"cover\", \"full\"] as const;\nexport type ModalSize = (typeof modalSizes)[number];\n\nexport const modalPlacements = [\"center\", \"top\", \"bottom\"] as const;\nexport type ModalPlacement = (typeof modalPlacements)[number];\n\nexport const modalScrollBehaviors = [\"inside\", \"outside\"] as const;\nexport type ModalScrollBehavior = (typeof modalScrollBehaviors)[number];\n\nexport const modalMotionPresets = [\n  \"scale\",\n  \"slide-in-bottom\",\n  \"slide-in-top\",\n  \"slide-in-left\",\n  \"slide-in-right\",\n  \"none\",\n] as const;\nexport type ModalMotionPreset = (typeof modalMotionPresets)[number];\n"],"names":["ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","jsx","Dialog.Footer","jsxs","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","Dialog.Root","Dialog.Trigger","Portal","Dialog.Backdrop","Dialog.Positioner","Dialog.Content","Dialog.CloseTrigger","prev","Dialog.Header","Dialog.Title","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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"}

package/dist/chunks/{notificationCounter.component-BH6anjzq.js → notificationCounter.component-CIzFZpAS.js}

@@ -1,2 +1,2 @@
-"use strict";const r=require("./vendor-D-x6W6ez.js"),t=require("./chakra-DmF8Cxqs.js"),l=["root","maxElement"],x={blue:{root:{bgColor:"background.accent",color:"text.contrast"},maxElement:{bgColor:"text.contrast"}},green:{root:{bgColor:"background.success.contrast",color:"text.contrast"},maxElement:{bgColor:"text.contrast"}},neutral:{root:{bgColor:"background.subtle.less",color:"text"},maxElement:{bgColor:"text"}},red:{root:{bgColor:"background.danger.contrast",color:"text.contrast"},maxElement:{bgColor:"text.contrast"}}},d={xs:{root:{fontSize:"8px",height:3,width:3},maxElement:{height:"1px",width:"1px"}},sm:{root:{fontSize:"10px",height:4,width:4},maxElement:{height:"2px",width:"2px"}},md:{root:{fontSize:"xs",height:5,width:5},maxElement:{height:"3px",width:"3px"}},lg:{root:{fontSize:"sm",height:6,width:6},maxElement:{height:1,width:1}}},m=t.defineSlotRecipe({slots:l,base:{root:{alignItems:"center",border:"1px",borderColor:"background",borderRadius:"full",fontWeight:"semibold",justifyContent:"center"},maxElement:{borderRadius:"full"}},variants:{size:d,variant:x},defaultVariants:{size:"md",variant:"red"}}),u=99,h=({count:o=0,showCount:i=!0,size:e="md",variant:s="red"})=>{const n=t.useSlotRecipe({recipe:m})({size:e,variant:s}),a=e!=="xs"&&i,c=o>u?r.jsxRuntimeExports.jsx(t.Box,{css:n.maxElement}):o>0&&o;return r.jsxRuntimeExports.jsx(t.Flex,{className:"NotificationCounter","data-testid":"kibble-notification-counter",css:n.root,children:a&&c})};exports.NotificationCounter=h;
-//# sourceMappingURL=notificationCounter.component-BH6anjzq.js.map
+"use strict";const r=require("./vendor-DcKGwQlH.js"),t=require("./chakra-BHjfByoV.js"),l=["root","maxElement"],x={blue:{root:{bgColor:"background.accent",color:"text.contrast"},maxElement:{bgColor:"text.contrast"}},green:{root:{bgColor:"background.success.contrast",color:"text.contrast"},maxElement:{bgColor:"text.contrast"}},neutral:{root:{bgColor:"background.subtle.less",color:"text"},maxElement:{bgColor:"text"}},red:{root:{bgColor:"background.danger.contrast",color:"text.contrast"},maxElement:{bgColor:"text.contrast"}}},d={xs:{root:{fontSize:"8px",height:3,width:3},maxElement:{height:"1px",width:"1px"}},sm:{root:{fontSize:"10px",height:4,width:4},maxElement:{height:"2px",width:"2px"}},md:{root:{fontSize:"xs",height:5,width:5},maxElement:{height:"3px",width:"3px"}},lg:{root:{fontSize:"sm",height:6,width:6},maxElement:{height:1,width:1}}},m=t.defineSlotRecipe({slots:l,base:{root:{alignItems:"center",border:"1px",borderColor:"background",borderRadius:"full",fontWeight:"semibold",justifyContent:"center"},maxElement:{borderRadius:"full"}},variants:{size:d,variant:x},defaultVariants:{size:"md",variant:"red"}}),u=99,h=({count:o=0,showCount:i=!0,size:e="md",variant:s="red"})=>{const n=t.useSlotRecipe({recipe:m})({size:e,variant:s}),a=e!=="xs"&&i,c=o>u?r.jsxRuntimeExports.jsx(t.Box,{css:n.maxElement}):o>0&&o;return r.jsxRuntimeExports.jsx(t.Flex,{className:"NotificationCounter","data-testid":"kibble-notification-counter",css:n.root,children:a&&c})};exports.NotificationCounter=h;
+//# sourceMappingURL=notificationCounter.component-CIzFZpAS.js.map

package/dist/chunks/{notificationCounter.component-BH6anjzq.js.map → notificationCounter.component-CIzFZpAS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notificationCounter.component-BH6anjzq.js","sources":["../../src/components/NotificationCounter/notificationCounter.recipe.ts","../../src/components/NotificationCounter/notificationCounter.records.ts","../../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport {\n  NotificationCounterSize,\n  NotificationCounterVariant,\n} from \"./notificationCounter.types\";\n\nconst notificationCounterSlots = [\"root\", \"maxElement\"] as const;\ntype NotificationCounterSlot = (typeof notificationCounterSlots)[number];\n\nconst notificationCounterVariantStyles: Record<\n  NotificationCounterVariant,\n  Record<NotificationCounterSlot, SystemStyleObject>\n> = {\n  blue: {\n    root: {\n      bgColor: \"background.accent\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n  green: {\n    root: {\n      bgColor: \"background.success.contrast\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n  neutral: {\n    root: {\n      bgColor: \"background.subtle.less\",\n      color: \"text\",\n    },\n    maxElement: {\n      bgColor: \"text\",\n    },\n  },\n  red: {\n    root: {\n      bgColor: \"background.danger.contrast\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n};\n\nconst notificationCounterSizeStyles: Record<\n  NotificationCounterSize,\n  Record<NotificationCounterSlot, SystemStyleObject>\n> = {\n  xs: {\n    root: {\n      fontSize: \"8px\",\n      height: 3,\n      width: 3,\n    },\n    maxElement: {\n      height: \"1px\",\n      width: \"1px\",\n    },\n  },\n  sm: {\n    root: { fontSize: \"10px\", height: 4, width: 4 },\n    maxElement: {\n      height: \"2px\",\n      width: \"2px\",\n    },\n  },\n  md: {\n    root: {\n      fontSize: \"xs\",\n      height: 5,\n      width: 5,\n    },\n    maxElement: {\n      height: \"3px\",\n      width: \"3px\",\n    },\n  },\n  lg: {\n    root: {\n      fontSize: \"sm\",\n      height: 6,\n      width: 6,\n    },\n    maxElement: {\n      height: 1,\n      width: 1,\n    },\n  },\n};\n\nexport const notificationCounterRecipe = defineSlotRecipe({\n  slots: notificationCounterSlots,\n  base: {\n    root: {\n      alignItems: \"center\",\n      border: \"1px\",\n      borderColor: \"background\",\n      borderRadius: \"full\",\n      fontWeight: \"semibold\",\n      justifyContent: \"center\",\n    },\n    maxElement: {\n      borderRadius: \"full\",\n    },\n  },\n  variants: {\n    size: notificationCounterSizeStyles,\n    variant: notificationCounterVariantStyles,\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"red\",\n  },\n});\n","export const MAX_COUNT = 99;\n","import React from \"react\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n  NotificationCounterSize,\n  NotificationCounterVariant,\n} from \"./notificationCounter.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { notificationCounterRecipe } from \"./notificationCounter.recipe\";\nimport { MAX_COUNT } from \"./notificationCounter.records\";\nimport { Box } from \"@chakra-ui/react/box\";\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  showCount?: boolean;\n  size?: NotificationCounterSize;\n  variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n  count = 0,\n  showCount = true,\n  size = \"md\",\n  variant = \"red\",\n}: NotificationCounterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: notificationCounterRecipe });\n  const styles = recipe({ size, variant });\n  const shouldShowCount = size !== \"xs\" && showCount;\n\n  const counterContent =\n    count > MAX_COUNT ? <Box css={styles.maxElement} /> : count > 0 && count;\n\n  return (\n    <Flex\n      className=\"NotificationCounter\"\n      data-testid=\"kibble-notification-counter\"\n      css={styles.root}\n    >\n      {shouldShowCount && counterContent}\n    </Flex>\n  );\n};\n"],"names":["notificationCounterSlots","notificationCounterVariantStyles","notificationCounterSizeStyles","notificationCounterRecipe","defineSlotRecipe","MAX_COUNT","NotificationCounter","count","showCount","size","variant","styles","useSlotRecipe","shouldShowCount","counterContent","jsx","Box","Flex"],"mappings":"uFASMA,EAA2B,CAAC,OAAQ,YAAY,EAGhDC,EAGF,CACF,KAAM,CACJ,KAAM,CACJ,QAAS,oBACT,MAAO,eACT,EACA,WAAY,CACV,QAAS,eAAA,CAEb,EACA,MAAO,CACL,KAAM,CACJ,QAAS,8BACT,MAAO,eACT,EACA,WAAY,CACV,QAAS,eAAA,CAEb,EACA,QAAS,CACP,KAAM,CACJ,QAAS,yBACT,MAAO,MACT,EACA,WAAY,CACV,QAAS,MAAA,CAEb,EACA,IAAK,CACH,KAAM,CACJ,QAAS,6BACT,MAAO,eACT,EACA,WAAY,CACV,QAAS,eAAA,CACX,CAEJ,EAEMC,EAGF,CACF,GAAI,CACF,KAAM,CACJ,SAAU,MACV,OAAQ,EACR,MAAO,CACT,EACA,WAAY,CACV,OAAQ,MACR,MAAO,KAAA,CAEX,EACA,GAAI,CACF,KAAM,CAAE,SAAU,OAAQ,OAAQ,EAAG,MAAO,CAAE,EAC9C,WAAY,CACV,OAAQ,MACR,MAAO,KAAA,CAEX,EACA,GAAI,CACF,KAAM,CACJ,SAAU,KACV,OAAQ,EACR,MAAO,CACT,EACA,WAAY,CACV,OAAQ,MACR,MAAO,KAAA,CAEX,EACA,GAAI,CACF,KAAM,CACJ,SAAU,KACV,OAAQ,EACR,MAAO,CACT,EACA,WAAY,CACV,OAAQ,EACR,MAAO,CAAA,CACT,CAEJ,EAEaC,EAA4BC,EAAAA,iBAAiB,CACxD,MAAOJ,EACP,KAAM,CACJ,KAAM,CACJ,WAAY,SACZ,OAAQ,MACR,YAAa,aACb,aAAc,OACd,WAAY,WACZ,eAAgB,QAClB,EACA,WAAY,CACV,aAAc,MAAA,CAElB,EACA,SAAU,CACR,KAAME,EACN,QAASD,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,KAAA,CAEb,CAAC,EC3HYI,EAAY,GCkBZC,EAAsB,CAAC,CAClC,MAAAC,EAAQ,EACR,UAAAC,EAAY,GACZ,KAAAC,EAAO,KACP,QAAAC,EAAU,KACZ,IAAmD,CAEjD,MAAMC,EADSC,EAAA,cAAc,CAAE,OAAQT,EAA2B,EAC5C,CAAE,KAAAM,EAAM,QAAAC,EAAS,EACjCG,EAAkBJ,IAAS,MAAQD,EAEnCM,EACJP,EAAQF,EAAaU,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,IAAKL,EAAO,UAAY,CAAA,EAAKJ,EAAQ,GAAKA,EAGnE,OAAAQ,EAAA,kBAAA,IAACE,EAAA,KAAA,CACC,UAAU,sBACV,cAAY,8BACZ,IAAKN,EAAO,KAEX,SAAmBE,GAAAC,CAAA,CACtB,CAEJ"}
+{"version":3,"file":"notificationCounter.component-CIzFZpAS.js","sources":["../../src/components/NotificationCounter/notificationCounter.recipe.ts","../../src/components/NotificationCounter/notificationCounter.records.ts","../../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport {\n  NotificationCounterSize,\n  NotificationCounterVariant,\n} from \"./notificationCounter.types\";\n\nconst notificationCounterSlots = [\"root\", \"maxElement\"] as const;\ntype NotificationCounterSlot = (typeof notificationCounterSlots)[number];\n\nconst notificationCounterVariantStyles: Record<\n  NotificationCounterVariant,\n  Record<NotificationCounterSlot, SystemStyleObject>\n> = {\n  blue: {\n    root: {\n      bgColor: \"background.accent\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n  green: {\n    root: {\n      bgColor: \"background.success.contrast\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n  neutral: {\n    root: {\n      bgColor: \"background.subtle.less\",\n      color: \"text\",\n    },\n    maxElement: {\n      bgColor: \"text\",\n    },\n  },\n  red: {\n    root: {\n      bgColor: \"background.danger.contrast\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n};\n\nconst notificationCounterSizeStyles: Record<\n  NotificationCounterSize,\n  Record<NotificationCounterSlot, SystemStyleObject>\n> = {\n  xs: {\n    root: {\n      fontSize: \"8px\",\n      height: 3,\n      width: 3,\n    },\n    maxElement: {\n      height: \"1px\",\n      width: \"1px\",\n    },\n  },\n  sm: {\n    root: { fontSize: \"10px\", height: 4, width: 4 },\n    maxElement: {\n      height: \"2px\",\n      width: \"2px\",\n    },\n  },\n  md: {\n    root: {\n      fontSize: \"xs\",\n      height: 5,\n      width: 5,\n    },\n    maxElement: {\n      height: \"3px\",\n      width: \"3px\",\n    },\n  },\n  lg: {\n    root: {\n      fontSize: \"sm\",\n      height: 6,\n      width: 6,\n    },\n    maxElement: {\n      height: 1,\n      width: 1,\n    },\n  },\n};\n\nexport const notificationCounterRecipe = defineSlotRecipe({\n  slots: notificationCounterSlots,\n  base: {\n    root: {\n      alignItems: \"center\",\n      border: \"1px\",\n      borderColor: \"background\",\n      borderRadius: \"full\",\n      fontWeight: \"semibold\",\n      justifyContent: \"center\",\n    },\n    maxElement: {\n      borderRadius: \"full\",\n    },\n  },\n  variants: {\n    size: notificationCounterSizeStyles,\n    variant: notificationCounterVariantStyles,\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"red\",\n  },\n});\n","export const MAX_COUNT = 99;\n","import React from \"react\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n  NotificationCounterSize,\n  NotificationCounterVariant,\n} from \"./notificationCounter.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { notificationCounterRecipe } from \"./notificationCounter.recipe\";\nimport { MAX_COUNT } from \"./notificationCounter.records\";\nimport { Box } from \"@chakra-ui/react/box\";\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  showCount?: boolean;\n  size?: NotificationCounterSize;\n  variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n  count = 0,\n  showCount = true,\n  size = \"md\",\n  variant = \"red\",\n}: NotificationCounterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: notificationCounterRecipe });\n  const styles = recipe({ size, variant });\n  const shouldShowCount = size !== \"xs\" && showCount;\n\n  const counterContent =\n    count > MAX_COUNT ? <Box css={styles.maxElement} /> : count > 0 && count;\n\n  return (\n    <Flex\n      className=\"NotificationCounter\"\n      data-testid=\"kibble-notification-counter\"\n      css={styles.root}\n    >\n      {shouldShowCount && counterContent}\n    </Flex>\n  );\n};\n"],"names":["notificationCounterSlots","notificationCounterVariantStyles","notificationCounterSizeStyles","notificationCounterRecipe","defineSlotRecipe","MAX_COUNT","NotificationCounter","count","showCount","size","variant","styles","useSlotRecipe","shouldShowCount","counterContent","jsx","Box","Flex"],"mappings":"uFASMA,EAA2B,CAAC,OAAQ,YAAY,EAGhDC,EAGF,CACF,KAAM,CACJ,KAAM,CACJ,QAAS,oBACT,MAAO,eACT,EACA,WAAY,CACV,QAAS,eAAA,CAEb,EACA,MAAO,CACL,KAAM,CACJ,QAAS,8BACT,MAAO,eACT,EACA,WAAY,CACV,QAAS,eAAA,CAEb,EACA,QAAS,CACP,KAAM,CACJ,QAAS,yBACT,MAAO,MACT,EACA,WAAY,CACV,QAAS,MAAA,CAEb,EACA,IAAK,CACH,KAAM,CACJ,QAAS,6BACT,MAAO,eACT,EACA,WAAY,CACV,QAAS,eAAA,CACX,CAEJ,EAEMC,EAGF,CACF,GAAI,CACF,KAAM,CACJ,SAAU,MACV,OAAQ,EACR,MAAO,CACT,EACA,WAAY,CACV,OAAQ,MACR,MAAO,KAAA,CAEX,EACA,GAAI,CACF,KAAM,CAAE,SAAU,OAAQ,OAAQ,EAAG,MAAO,CAAE,EAC9C,WAAY,CACV,OAAQ,MACR,MAAO,KAAA,CAEX,EACA,GAAI,CACF,KAAM,CACJ,SAAU,KACV,OAAQ,EACR,MAAO,CACT,EACA,WAAY,CACV,OAAQ,MACR,MAAO,KAAA,CAEX,EACA,GAAI,CACF,KAAM,CACJ,SAAU,KACV,OAAQ,EACR,MAAO,CACT,EACA,WAAY,CACV,OAAQ,EACR,MAAO,CAAA,CACT,CAEJ,EAEaC,EAA4BC,EAAAA,iBAAiB,CACxD,MAAOJ,EACP,KAAM,CACJ,KAAM,CACJ,WAAY,SACZ,OAAQ,MACR,YAAa,aACb,aAAc,OACd,WAAY,WACZ,eAAgB,QAClB,EACA,WAAY,CACV,aAAc,MAAA,CAElB,EACA,SAAU,CACR,KAAME,EACN,QAASD,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,KAAA,CAEb,CAAC,EC3HYI,EAAY,GCkBZC,EAAsB,CAAC,CAClC,MAAAC,EAAQ,EACR,UAAAC,EAAY,GACZ,KAAAC,EAAO,KACP,QAAAC,EAAU,KACZ,IAAmD,CAEjD,MAAMC,EADSC,EAAA,cAAc,CAAE,OAAQT,EAA2B,EAC5C,CAAE,KAAAM,EAAM,QAAAC,EAAS,EACjCG,EAAkBJ,IAAS,MAAQD,EAEnCM,EACJP,EAAQF,EAAaU,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,IAAKL,EAAO,UAAY,CAAA,EAAKJ,EAAQ,GAAKA,EAGnE,OAAAQ,EAAA,kBAAA,IAACE,EAAA,KAAA,CACC,UAAU,sBACV,cAAY,8BACZ,IAAKN,EAAO,KAEX,SAAmBE,GAAAC,CAAA,CACtB,CAEJ"}

package/dist/chunks/{notificationCounter.component-CSuqzMTF.js → notificationCounter.component-COTswull.js}

@@ -1,5 +1,5 @@
-import { x as r } from "./vendor-BBfll6i3.js";
-import { r as c, y as l, B as x, F as m } from "./chakra-BqBkjpvZ.js";
+import { x as r } from "./vendor-CRIhG-7s.js";
+import { av as c, ay as l, a as x, F as m } from "./chakra-DEgvQPwa.js";
 const d = ["root", "maxElement"], h = {
   blue: {
     root: {
@@ -121,4 +121,4 @@ const d = ["root", "maxElement"], h = {
 export {
   E as N
 };
-//# sourceMappingURL=notificationCounter.component-CSuqzMTF.js.map
+//# sourceMappingURL=notificationCounter.component-COTswull.js.map

package/dist/chunks/{notificationCounter.component-CSuqzMTF.js.map → notificationCounter.component-COTswull.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notificationCounter.component-CSuqzMTF.js","sources":["../../src/components/NotificationCounter/notificationCounter.recipe.ts","../../src/components/NotificationCounter/notificationCounter.records.ts","../../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport {\n  NotificationCounterSize,\n  NotificationCounterVariant,\n} from \"./notificationCounter.types\";\n\nconst notificationCounterSlots = [\"root\", \"maxElement\"] as const;\ntype NotificationCounterSlot = (typeof notificationCounterSlots)[number];\n\nconst notificationCounterVariantStyles: Record<\n  NotificationCounterVariant,\n  Record<NotificationCounterSlot, SystemStyleObject>\n> = {\n  blue: {\n    root: {\n      bgColor: \"background.accent\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n  green: {\n    root: {\n      bgColor: \"background.success.contrast\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n  neutral: {\n    root: {\n      bgColor: \"background.subtle.less\",\n      color: \"text\",\n    },\n    maxElement: {\n      bgColor: \"text\",\n    },\n  },\n  red: {\n    root: {\n      bgColor: \"background.danger.contrast\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n};\n\nconst notificationCounterSizeStyles: Record<\n  NotificationCounterSize,\n  Record<NotificationCounterSlot, SystemStyleObject>\n> = {\n  xs: {\n    root: {\n      fontSize: \"8px\",\n      height: 3,\n      width: 3,\n    },\n    maxElement: {\n      height: \"1px\",\n      width: \"1px\",\n    },\n  },\n  sm: {\n    root: { fontSize: \"10px\", height: 4, width: 4 },\n    maxElement: {\n      height: \"2px\",\n      width: \"2px\",\n    },\n  },\n  md: {\n    root: {\n      fontSize: \"xs\",\n      height: 5,\n      width: 5,\n    },\n    maxElement: {\n      height: \"3px\",\n      width: \"3px\",\n    },\n  },\n  lg: {\n    root: {\n      fontSize: \"sm\",\n      height: 6,\n      width: 6,\n    },\n    maxElement: {\n      height: 1,\n      width: 1,\n    },\n  },\n};\n\nexport const notificationCounterRecipe = defineSlotRecipe({\n  slots: notificationCounterSlots,\n  base: {\n    root: {\n      alignItems: \"center\",\n      border: \"1px\",\n      borderColor: \"background\",\n      borderRadius: \"full\",\n      fontWeight: \"semibold\",\n      justifyContent: \"center\",\n    },\n    maxElement: {\n      borderRadius: \"full\",\n    },\n  },\n  variants: {\n    size: notificationCounterSizeStyles,\n    variant: notificationCounterVariantStyles,\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"red\",\n  },\n});\n","export const MAX_COUNT = 99;\n","import React from \"react\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n  NotificationCounterSize,\n  NotificationCounterVariant,\n} from \"./notificationCounter.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { notificationCounterRecipe } from \"./notificationCounter.recipe\";\nimport { MAX_COUNT } from \"./notificationCounter.records\";\nimport { Box } from \"@chakra-ui/react/box\";\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  showCount?: boolean;\n  size?: NotificationCounterSize;\n  variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n  count = 0,\n  showCount = true,\n  size = \"md\",\n  variant = \"red\",\n}: NotificationCounterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: notificationCounterRecipe });\n  const styles = recipe({ size, variant });\n  const shouldShowCount = size !== \"xs\" && showCount;\n\n  const counterContent =\n    count > MAX_COUNT ? <Box css={styles.maxElement} /> : count > 0 && count;\n\n  return (\n    <Flex\n      className=\"NotificationCounter\"\n      data-testid=\"kibble-notification-counter\"\n      css={styles.root}\n    >\n      {shouldShowCount && counterContent}\n    </Flex>\n  );\n};\n"],"names":["notificationCounterSlots","notificationCounterVariantStyles","notificationCounterSizeStyles","notificationCounterRecipe","defineSlotRecipe","MAX_COUNT","NotificationCounter","count","showCount","size","variant","styles","useSlotRecipe","shouldShowCount","counterContent","jsx","Box","Flex"],"mappings":";;AASA,MAAMA,IAA2B,CAAC,QAAQ,YAAY,GAGhDC,IAGF;AAAA,EACF,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAGF;AAAA,EACF,IAAI;AAAA,IACF,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,MAAM,EAAE,UAAU,QAAQ,QAAQ,GAAG,OAAO,EAAE;AAAA,IAC9C,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAA4BC,EAAiB;AAAA,EACxD,OAAOJ;AAAA,EACP,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAClB;AAAA,IACA,YAAY;AAAA,MACV,cAAc;AAAA,IAAA;AAAA,EAElB;AAAA,EACA,UAAU;AAAA,IACR,MAAME;AAAA,IACN,SAASD;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC,GC3HYI,IAAY,ICkBZC,IAAsB,CAAC;AAAA,EAClC,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AACZ,MAAmD;AAEjD,QAAMC,IADSC,EAAc,EAAE,QAAQT,GAA2B,EAC5C,EAAE,MAAAM,GAAM,SAAAC,GAAS,GACjCG,IAAkBJ,MAAS,QAAQD,GAEnCM,IACJP,IAAQF,IAAaU,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,KAAKL,EAAO,WAAY,CAAA,IAAKJ,IAAQ,KAAKA;AAGnE,SAAAQ,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKN,EAAO;AAAA,MAEX,UAAmBE,KAAAC;AAAA,IAAA;AAAA,EACtB;AAEJ;"}
+{"version":3,"file":"notificationCounter.component-COTswull.js","sources":["../../src/components/NotificationCounter/notificationCounter.recipe.ts","../../src/components/NotificationCounter/notificationCounter.records.ts","../../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport {\n  NotificationCounterSize,\n  NotificationCounterVariant,\n} from \"./notificationCounter.types\";\n\nconst notificationCounterSlots = [\"root\", \"maxElement\"] as const;\ntype NotificationCounterSlot = (typeof notificationCounterSlots)[number];\n\nconst notificationCounterVariantStyles: Record<\n  NotificationCounterVariant,\n  Record<NotificationCounterSlot, SystemStyleObject>\n> = {\n  blue: {\n    root: {\n      bgColor: \"background.accent\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n  green: {\n    root: {\n      bgColor: \"background.success.contrast\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n  neutral: {\n    root: {\n      bgColor: \"background.subtle.less\",\n      color: \"text\",\n    },\n    maxElement: {\n      bgColor: \"text\",\n    },\n  },\n  red: {\n    root: {\n      bgColor: \"background.danger.contrast\",\n      color: \"text.contrast\",\n    },\n    maxElement: {\n      bgColor: \"text.contrast\",\n    },\n  },\n};\n\nconst notificationCounterSizeStyles: Record<\n  NotificationCounterSize,\n  Record<NotificationCounterSlot, SystemStyleObject>\n> = {\n  xs: {\n    root: {\n      fontSize: \"8px\",\n      height: 3,\n      width: 3,\n    },\n    maxElement: {\n      height: \"1px\",\n      width: \"1px\",\n    },\n  },\n  sm: {\n    root: { fontSize: \"10px\", height: 4, width: 4 },\n    maxElement: {\n      height: \"2px\",\n      width: \"2px\",\n    },\n  },\n  md: {\n    root: {\n      fontSize: \"xs\",\n      height: 5,\n      width: 5,\n    },\n    maxElement: {\n      height: \"3px\",\n      width: \"3px\",\n    },\n  },\n  lg: {\n    root: {\n      fontSize: \"sm\",\n      height: 6,\n      width: 6,\n    },\n    maxElement: {\n      height: 1,\n      width: 1,\n    },\n  },\n};\n\nexport const notificationCounterRecipe = defineSlotRecipe({\n  slots: notificationCounterSlots,\n  base: {\n    root: {\n      alignItems: \"center\",\n      border: \"1px\",\n      borderColor: \"background\",\n      borderRadius: \"full\",\n      fontWeight: \"semibold\",\n      justifyContent: \"center\",\n    },\n    maxElement: {\n      borderRadius: \"full\",\n    },\n  },\n  variants: {\n    size: notificationCounterSizeStyles,\n    variant: notificationCounterVariantStyles,\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"red\",\n  },\n});\n","export const MAX_COUNT = 99;\n","import React from \"react\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport {\n  NotificationCounterSize,\n  NotificationCounterVariant,\n} from \"./notificationCounter.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { notificationCounterRecipe } from \"./notificationCounter.recipe\";\nimport { MAX_COUNT } from \"./notificationCounter.records\";\nimport { Box } from \"@chakra-ui/react/box\";\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  showCount?: boolean;\n  size?: NotificationCounterSize;\n  variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n  count = 0,\n  showCount = true,\n  size = \"md\",\n  variant = \"red\",\n}: NotificationCounterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: notificationCounterRecipe });\n  const styles = recipe({ size, variant });\n  const shouldShowCount = size !== \"xs\" && showCount;\n\n  const counterContent =\n    count > MAX_COUNT ? <Box css={styles.maxElement} /> : count > 0 && count;\n\n  return (\n    <Flex\n      className=\"NotificationCounter\"\n      data-testid=\"kibble-notification-counter\"\n      css={styles.root}\n    >\n      {shouldShowCount && counterContent}\n    </Flex>\n  );\n};\n"],"names":["notificationCounterSlots","notificationCounterVariantStyles","notificationCounterSizeStyles","notificationCounterRecipe","defineSlotRecipe","MAX_COUNT","NotificationCounter","count","showCount","size","variant","styles","useSlotRecipe","shouldShowCount","counterContent","jsx","Box","Flex"],"mappings":";;AASA,MAAMA,IAA2B,CAAC,QAAQ,YAAY,GAGhDC,IAGF;AAAA,EACF,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAGF;AAAA,EACF,IAAI;AAAA,IACF,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,MAAM,EAAE,UAAU,QAAQ,QAAQ,GAAG,OAAO,EAAE;AAAA,IAC9C,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAA4BC,EAAiB;AAAA,EACxD,OAAOJ;AAAA,EACP,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAClB;AAAA,IACA,YAAY;AAAA,MACV,cAAc;AAAA,IAAA;AAAA,EAElB;AAAA,EACA,UAAU;AAAA,IACR,MAAME;AAAA,IACN,SAASD;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC,GC3HYI,IAAY,ICkBZC,IAAsB,CAAC;AAAA,EAClC,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AACZ,MAAmD;AAEjD,QAAMC,IADSC,EAAc,EAAE,QAAQT,GAA2B,EAC5C,EAAE,MAAAM,GAAM,SAAAC,GAAS,GACjCG,IAAkBJ,MAAS,QAAQD,GAEnCM,IACJP,IAAQF,IAAaU,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,KAAKL,EAAO,WAAY,CAAA,IAAKJ,IAAQ,KAAKA;AAGnE,SAAAQ,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKN,EAAO;AAAA,MAEX,UAAmBE,KAAAC;AAAA,IAAA;AAAA,EACtB;AAEJ;"}

package/dist/chunks/pinInput.types-10zyeINr.js

@@ -0,0 +1,64 @@
+import { x as t } from "./vendor-CRIhG-7s.js";
+import m from "react";
+import { w as d } from "./withFormControl-BCyb1yXC.js";
+import { aA as l, aB as c, aC as I, aD as f } from "./chakra-DEgvQPwa.js";
+const P = d(
+  ({
+    count: n = 6,
+    pinInputRef: a,
+    onContrast: p = !1,
+    otp: s = !0,
+    size: e = "md",
+    type: r = "numeric",
+    ...u
+  }) => {
+    const o = p ? "onContrast" : "default";
+    return /* @__PURE__ */ t.jsxs(
+      l,
+      {
+        className: "PinInput",
+        "data-testid": "kibble-pin-input",
+        ref: a,
+        variant: o,
+        size: e,
+        type: r,
+        otp: s,
+        ...u,
+        children: [
+          /* @__PURE__ */ t.jsx(
+            c,
+            {
+              className: "PinInput__HiddenInput",
+              "data-testid": "kibble-pin-input-hidden-input"
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            I,
+            {
+              className: "PinInput__Control",
+              "data-testid": "kibble-pin-input-control",
+              children: Array.from({ length: n }).map((b, i) => /* @__PURE__ */ t.jsx(
+                f,
+                {
+                  index: i,
+                  className: "PinInput__Input",
+                  "data-testid": `kibble-pin-input-input-${i}`
+                },
+                i
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+), _ = m.forwardRef(
+  (n, a) => /* @__PURE__ */ t.jsx(P, { pinInputRef: a, ...n })
+);
+_.displayName = "PinInput";
+const N = ["numeric", "alphabetic", "alphanumeric"];
+export {
+  _ as W,
+  N as p
+};
+//# sourceMappingURL=pinInput.types-10zyeINr.js.map

package/dist/chunks/pinInput.types-10zyeINr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinInput.types-10zyeINr.js","sources":["../../src/components/PinInput/pinInput.component.tsx","../../src/components/PinInput/pinInput.types.ts"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { PinInput as CPinInput } from \"@chakra-ui/react/pin-input\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface PinInputProps\n  extends WithFormControlProps,\n    Omit<CPinInput.RootProps, \"size\"> {\n  count?: number;\n  onContrast?: boolean;\n  pinInputRef?: ForwardedRef<HTMLDivElement | null>;\n}\n\nconst PinInput = withFormControl(\n  ({\n    count = 6,\n    pinInputRef,\n    onContrast = false,\n    otp = true,\n    size = \"md\",\n    type = \"numeric\",\n    ...rest\n  }: PinInputProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    return (\n      <CPinInput.Root\n        className=\"PinInput\"\n        data-testid=\"kibble-pin-input\"\n        ref={pinInputRef}\n        variant={_computedVariant}\n        size={size}\n        type={type}\n        otp={otp}\n        {...rest}\n      >\n        <CPinInput.HiddenInput\n          className=\"PinInput__HiddenInput\"\n          data-testid=\"kibble-pin-input-hidden-input\"\n        />\n        <CPinInput.Control\n          className=\"PinInput__Control\"\n          data-testid=\"kibble-pin-input-control\"\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <CPinInput.Input\n              key={index}\n              index={index}\n              className=\"PinInput__Input\"\n              data-testid={`kibble-pin-input-input-${index}`}\n            />\n          ))}\n        </CPinInput.Control>\n      </CPinInput.Root>\n    );\n  },\n);\n\nconst WrappedPinInput = React.forwardRef(\n  (props: PinInputProps, ref: ForwardedRef<HTMLDivElement | null>) => (\n    <PinInput pinInputRef={ref} {...props} />\n  ),\n);\n\nWrappedPinInput.displayName = \"PinInput\";\n\nexport { WrappedPinInput as PinInput };\n","export const pinInputTypes = [\"numeric\", \"alphabetic\", \"alphanumeric\"] as const;\nexport type PinInputType = (typeof pinInputTypes)[number];\n"],"names":["PinInput","withFormControl","count","pinInputRef","onContrast","otp","size","type","rest","_computedVariant","jsxs","CPinInput.Root","jsx","CPinInput.HiddenInput","CPinInput.Control","_","index","CPinInput.Input","WrappedPinInput","React","props","ref","pinInputTypes"],"mappings":";;;;AAeA,MAAMA,IAAWC;AAAA,EACf,CAAC;AAAA,IACC,OAAAC,IAAQ;AAAA,IACR,aAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,KAAAC,IAAM;AAAA,IACN,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,MACmC;AAChC,UAAAC,IAAmBL,IAAa,eAAe;AAGnD,WAAAM,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAKR;AAAA,QACL,SAASM;AAAA,QACT,MAAAH;AAAA,QACA,MAAAC;AAAA,QACA,KAAAF;AAAA,QACC,GAAGG;AAAA,QAEJ,UAAA;AAAA,UAAAI,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACAD,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA,MAAM,KAAK,EAAE,QAAQZ,GAAO,EAAE,IAAI,CAACa,GAAGC,MACrCJ,gBAAAA,EAAA;AAAA,gBAACK;AAAAA,gBAAA;AAAA,kBAEC,OAAAD;AAAA,kBACA,WAAU;AAAA,kBACV,eAAa,0BAA0BA,CAAK;AAAA,gBAAA;AAAA,gBAHvCA;AAAA,cAKR,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAEME,IAAkBC,EAAM;AAAA,EAC5B,CAACC,GAAsBC,MACrBT,gBAAAA,MAACZ,KAAS,aAAaqB,GAAM,GAAGD,EAAO,CAAA;AAE3C;AAEAF,EAAgB,cAAc;AClEvB,MAAMI,IAAgB,CAAC,WAAW,cAAc,cAAc;"}

package/dist/chunks/pinInput.types-BFZZszU7.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./vendor-DcKGwQlH.js"),l=require("react"),m=require("./withFormControl-BJIa-ZxM.js"),n=require("./chakra-BHjfByoV.js"),I=m.withFormControl(({count:i=6,pinInputRef:e,onContrast:r=!1,otp:u=!0,size:a="md",type:o="numeric",...c})=>{const d=r?"onContrast":"default";return t.jsxRuntimeExports.jsxs(n.PinInputRoot,{className:"PinInput","data-testid":"kibble-pin-input",ref:e,variant:d,size:a,type:o,otp:u,...c,children:[t.jsxRuntimeExports.jsx(n.PinInputHiddenInput,{className:"PinInput__HiddenInput","data-testid":"kibble-pin-input-hidden-input"}),t.jsxRuntimeExports.jsx(n.PinInputControl,{className:"PinInput__Control","data-testid":"kibble-pin-input-control",children:Array.from({length:i}).map((P,p)=>t.jsxRuntimeExports.jsx(n.PinInputInput,{index:p,className:"PinInput__Input","data-testid":`kibble-pin-input-input-${p}`},p))})]})}),s=l.forwardRef((i,e)=>t.jsxRuntimeExports.jsx(I,{pinInputRef:e,...i}));s.displayName="PinInput";const x=["numeric","alphabetic","alphanumeric"];exports.WrappedPinInput=s;exports.pinInputTypes=x;
+//# sourceMappingURL=pinInput.types-BFZZszU7.js.map

package/dist/chunks/pinInput.types-BFZZszU7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinInput.types-BFZZszU7.js","sources":["../../src/components/PinInput/pinInput.component.tsx","../../src/components/PinInput/pinInput.types.ts"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { PinInput as CPinInput } from \"@chakra-ui/react/pin-input\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface PinInputProps\n  extends WithFormControlProps,\n    Omit<CPinInput.RootProps, \"size\"> {\n  count?: number;\n  onContrast?: boolean;\n  pinInputRef?: ForwardedRef<HTMLDivElement | null>;\n}\n\nconst PinInput = withFormControl(\n  ({\n    count = 6,\n    pinInputRef,\n    onContrast = false,\n    otp = true,\n    size = \"md\",\n    type = \"numeric\",\n    ...rest\n  }: PinInputProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    return (\n      <CPinInput.Root\n        className=\"PinInput\"\n        data-testid=\"kibble-pin-input\"\n        ref={pinInputRef}\n        variant={_computedVariant}\n        size={size}\n        type={type}\n        otp={otp}\n        {...rest}\n      >\n        <CPinInput.HiddenInput\n          className=\"PinInput__HiddenInput\"\n          data-testid=\"kibble-pin-input-hidden-input\"\n        />\n        <CPinInput.Control\n          className=\"PinInput__Control\"\n          data-testid=\"kibble-pin-input-control\"\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <CPinInput.Input\n              key={index}\n              index={index}\n              className=\"PinInput__Input\"\n              data-testid={`kibble-pin-input-input-${index}`}\n            />\n          ))}\n        </CPinInput.Control>\n      </CPinInput.Root>\n    );\n  },\n);\n\nconst WrappedPinInput = React.forwardRef(\n  (props: PinInputProps, ref: ForwardedRef<HTMLDivElement | null>) => (\n    <PinInput pinInputRef={ref} {...props} />\n  ),\n);\n\nWrappedPinInput.displayName = \"PinInput\";\n\nexport { WrappedPinInput as PinInput };\n","export const pinInputTypes = [\"numeric\", \"alphabetic\", \"alphanumeric\"] as const;\nexport type PinInputType = (typeof pinInputTypes)[number];\n"],"names":["PinInput","withFormControl","count","pinInputRef","onContrast","otp","size","type","rest","_computedVariant","jsxs","CPinInput.Root","jsx","CPinInput.HiddenInput","CPinInput.Control","_","index","CPinInput.Input","WrappedPinInput","React","props","ref","pinInputTypes"],"mappings":"qJAeMA,EAAWC,EAAA,gBACf,CAAC,CACC,MAAAC,EAAQ,EACR,YAAAC,EACA,WAAAC,EAAa,GACb,IAAAC,EAAM,GACN,KAAAC,EAAO,KACP,KAAAC,EAAO,UACP,GAAGC,CAAA,IACmC,CAChC,MAAAC,EAAmBL,EAAa,aAAe,UAGnD,OAAAM,EAAA,kBAAA,KAACC,EAAU,aAAV,CACC,UAAU,WACV,cAAY,mBACZ,IAAKR,EACL,QAASM,EACT,KAAAH,EACA,KAAAC,EACA,IAAAF,EACC,GAAGG,EAEJ,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAU,oBAAV,CACC,UAAU,wBACV,cAAY,+BAAA,CACd,EACAD,EAAA,kBAAA,IAACE,EAAU,gBAAV,CACC,UAAU,oBACV,cAAY,2BAEX,SAAA,MAAM,KAAK,CAAE,OAAQZ,EAAO,EAAE,IAAI,CAACa,EAAGC,IACrCJ,EAAA,kBAAA,IAACK,EAAU,cAAV,CAEC,MAAAD,EACA,UAAU,kBACV,cAAa,0BAA0BA,CAAK,EAAA,EAHvCA,CAKR,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAGN,EAEME,EAAkBC,EAAM,WAC5B,CAACC,EAAsBC,IACrBT,wBAACZ,GAAS,YAAaqB,EAAM,GAAGD,CAAO,CAAA,CAE3C,EAEAF,EAAgB,YAAc,WClEvB,MAAMI,EAAgB,CAAC,UAAW,aAAc,cAAc"}

package/dist/chunks/{popover.component-CzKeBedr.js → popover.component-BnvmpVHq.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./vendor-D-x6W6ez.js"),g=require("react"),o=require("./chakra-DmF8Cxqs.js"),C=require("./text.component-CBa_saMP.js"),k=require("./heading.component-CExbjSBi.js"),E=require("./button.component-DDjwI0xh.js"),P=require("./popover.recipe-Pfz3evii.js"),N=({children:a,color:c,hideCloseButton:n=!1,onContrast:l=!0,onClose:t,size:x="sm",trigger:s,...i})=>{const d=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:u}=s==="hover"?e.useHoverCardContext():e.usePopoverContext();return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:d.header,...i,children:[e.jsxRuntimeExports.jsx(k.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:x,color:c||"inherit",children:a}),!n&&e.jsxRuntimeExports.jsx(E.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:l,onClick:t||(()=>u(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},y=({children:a,disabled:c,hideButtons:n=!1,hideCancelButton:l=!1,destructive:t,loading:x,onCancel:s,onContrast:i=!0,onSubmit:v,submitText:d="Submit",trigger:u,...j})=>{const m=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:r}=u==="hover"?e.useHoverCardContext():e.usePopoverContext(),h=()=>{s&&s(),r(!1)};return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:m.footer,...j,children:[a,!n&&e.jsxRuntimeExports.jsxs(o.Flex,{w:"100%",children:[!l&&e.jsxRuntimeExports.jsx(E.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:h,children:"Cancel"}),e.jsxRuntimeExports.jsx(o.Spacer,{}),e.jsxRuntimeExports.jsx(E.Button,{onClick:v,loading:x,disabled:c,size:"sm",onContrast:i,variant:t?"primaryDestructive":"primary",children:d})]})]})},_=g.forwardRef((a,c)=>{const{allowEscape:n=!0,anchor:l,children:t,contentProps:x,footerProps:s,headerProps:i,disabled:v=!1,portalled:d=!0,placement:u="bottom",positioning:j,size:R="sm",trigger:m="click",variant:r="contrast",...h}=a,p=m==="hover"?o.HoverCard:o.CPopover,f=o.useSlotRecipe({recipe:P.popoverRecipe})({variant:r,size:R});if(!t)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(v)return t;const b=r==="contrast"||r==="contrastDestructive";return e.jsxRuntimeExports.jsxs(p.Root,{closeOnEscape:n,closeOnInteractOutside:n,positioning:{...j,placement:j?.placement||u},size:R,variant:r,...h,children:[e.jsxRuntimeExports.jsx(p.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:l}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!d,children:e.jsxRuntimeExports.jsx(p.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(p.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:c,p:0,...x,children:[e.jsxRuntimeExports.jsx(p.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(p.ArrowTip,{})}),i&&e.jsxRuntimeExports.jsx(N,{trigger:m,onContrast:b,...i}),e.jsxRuntimeExports.jsx(o.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:f.body,children:typeof t=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{variant:b?"onContrast":"default",size:"sm",children:t}):t}),s&&e.jsxRuntimeExports.jsx(y,{trigger:m,destructive:r==="contrastDestructive"||r==="defaultDestructive",onContrast:b,...s})]})})})]})});_.displayName="Popover";exports.Popover=_;
-//# sourceMappingURL=popover.component-CzKeBedr.js.map
+"use strict";const e=require("./vendor-DcKGwQlH.js"),g=require("react"),o=require("./chakra-BHjfByoV.js"),C=require("./text.component-MDGpqA76.js"),k=require("./heading.component-C92ZA4Md.js"),E=require("./button.component-DnWrqGc4.js"),P=require("./popover.recipe-DDPfFy3l.js"),N=({children:a,color:c,hideCloseButton:n=!1,onContrast:l=!0,onClose:t,size:x="sm",trigger:s,...i})=>{const d=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:u}=s==="hover"?e.useHoverCardContext():e.usePopoverContext();return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:d.header,...i,children:[e.jsxRuntimeExports.jsx(k.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:x,color:c||"inherit",children:a}),!n&&e.jsxRuntimeExports.jsx(E.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:l,onClick:t||(()=>u(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},y=({children:a,disabled:c,hideButtons:n=!1,hideCancelButton:l=!1,destructive:t,loading:x,onCancel:s,onContrast:i=!0,onSubmit:v,submitText:d="Submit",trigger:u,...j})=>{const m=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:r}=u==="hover"?e.useHoverCardContext():e.usePopoverContext(),h=()=>{s&&s(),r(!1)};return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:m.footer,...j,children:[a,!n&&e.jsxRuntimeExports.jsxs(o.Flex,{w:"100%",children:[!l&&e.jsxRuntimeExports.jsx(E.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:h,children:"Cancel"}),e.jsxRuntimeExports.jsx(o.Spacer,{}),e.jsxRuntimeExports.jsx(E.Button,{onClick:v,loading:x,disabled:c,size:"sm",onContrast:i,variant:t?"primaryDestructive":"primary",children:d})]})]})},_=g.forwardRef((a,c)=>{const{allowEscape:n=!0,anchor:l,children:t,contentProps:x,footerProps:s,headerProps:i,disabled:v=!1,portalled:d=!0,placement:u="bottom",positioning:j,size:R="sm",trigger:m="click",variant:r="contrast",...h}=a,p=m==="hover"?o.HoverCard:o.CPopover,f=o.useSlotRecipe({recipe:P.popoverRecipe})({variant:r,size:R});if(!t)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(v)return t;const b=r==="contrast"||r==="contrastDestructive";return e.jsxRuntimeExports.jsxs(p.Root,{closeOnEscape:n,closeOnInteractOutside:n,positioning:{...j,placement:j?.placement||u},size:R,variant:r,...h,children:[e.jsxRuntimeExports.jsx(p.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:l}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!d,children:e.jsxRuntimeExports.jsx(p.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(p.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:c,p:0,...x,children:[e.jsxRuntimeExports.jsx(p.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(p.ArrowTip,{})}),i&&e.jsxRuntimeExports.jsx(N,{trigger:m,onContrast:b,...i}),e.jsxRuntimeExports.jsx(o.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:f.body,children:typeof t=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{variant:b?"onContrast":"default",size:"sm",children:t}):t}),s&&e.jsxRuntimeExports.jsx(y,{trigger:m,destructive:r==="contrastDestructive"||r==="defaultDestructive",onContrast:b,...s})]})})})]})});_.displayName="Popover";exports.Popover=_;
+//# sourceMappingURL=popover.component-BnvmpVHq.js.map

package/dist/chunks/{popover.component-CzKeBedr.js.map → popover.component-BnvmpVHq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-CzKeBedr.js","sources":["../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n  children?: ReactNode;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  onContrast?: boolean;\n  size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = \"sm\",\n  trigger,\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex\n      className=\"Popover__HeaderWrapper\"\n      data-testid=\"kibble-popover-header-wrapper\"\n      css={styles.header}\n      {...rest}\n    >\n      <Heading\n        className=\"Popover__Header\"\n        data-testid=\"kibble-popover-header\"\n        size={size}\n        color={color || \"inherit\"}\n      >\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-close-button\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = \"Submit\",\n  trigger,\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex\n      className=\"Popover__Footer\"\n      data-testid=\"kibble-popover-footer\"\n      css={styles.footer}\n      {...rest}\n    >\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button\n              variant=\"tertiary\"\n              onContrast={onContrast}\n              size=\"sm\"\n              onClick={handleCancel}\n            >\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n  PopoverSize,\n  PopoverTriggerType,\n  PopoverVariant,\n} from \"./popover.types\";\nimport {\n  PopoverHeader,\n  PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n  PopoverFooter,\n  PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      allowEscape = true,\n      anchor,\n      children,\n      contentProps,\n      footerProps,\n      headerProps,\n      disabled = false,\n      portalled = true,\n      placement = \"bottom\",\n      positioning,\n      size = \"sm\",\n      trigger = \"click\",\n      variant = \"contrast\",\n      ...rest\n    } = props;\n    const Element = trigger === \"hover\" ? HoverCard : CPopover;\n    const recipe = useSlotRecipe({ recipe: popoverRecipe });\n    const styles = recipe({ variant, size });\n\n    if (!children) return <></>;\n    if (disabled) return children;\n\n    const onContrast =\n      variant === \"contrast\" || variant === \"contrastDestructive\";\n\n    return (\n      <Element.Root\n        closeOnEscape={allowEscape}\n        closeOnInteractOutside={allowEscape}\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        size={size}\n        variant={variant}\n        {...rest}\n      >\n        <Element.Trigger\n          className=\"Popover__Trigger\"\n          data-testid=\"kibble-popover-trigger\"\n          width=\"max-content\"\n          asChild\n        >\n          {anchor}\n        </Element.Trigger>\n        <Portal disabled={!portalled}>\n          <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={ref}\n              p={0}\n              {...contentProps}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n              >\n                <Element.ArrowTip />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </Element.Positioner>\n        </Portal>\n      </Element.Root>\n    );\n  },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Spacer","Popover","React","props","ref","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":"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"}
+{"version":3,"file":"popover.component-BnvmpVHq.js","sources":["../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n  children?: ReactNode;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  onContrast?: boolean;\n  size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = \"sm\",\n  trigger,\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex\n      className=\"Popover__HeaderWrapper\"\n      data-testid=\"kibble-popover-header-wrapper\"\n      css={styles.header}\n      {...rest}\n    >\n      <Heading\n        className=\"Popover__Header\"\n        data-testid=\"kibble-popover-header\"\n        size={size}\n        color={color || \"inherit\"}\n      >\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-close-button\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = \"Submit\",\n  trigger,\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex\n      className=\"Popover__Footer\"\n      data-testid=\"kibble-popover-footer\"\n      css={styles.footer}\n      {...rest}\n    >\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button\n              variant=\"tertiary\"\n              onContrast={onContrast}\n              size=\"sm\"\n              onClick={handleCancel}\n            >\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n  PopoverSize,\n  PopoverTriggerType,\n  PopoverVariant,\n} from \"./popover.types\";\nimport {\n  PopoverHeader,\n  PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n  PopoverFooter,\n  PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      allowEscape = true,\n      anchor,\n      children,\n      contentProps,\n      footerProps,\n      headerProps,\n      disabled = false,\n      portalled = true,\n      placement = \"bottom\",\n      positioning,\n      size = \"sm\",\n      trigger = \"click\",\n      variant = \"contrast\",\n      ...rest\n    } = props;\n    const Element = trigger === \"hover\" ? HoverCard : CPopover;\n    const recipe = useSlotRecipe({ recipe: popoverRecipe });\n    const styles = recipe({ variant, size });\n\n    if (!children) return <></>;\n    if (disabled) return children;\n\n    const onContrast =\n      variant === \"contrast\" || variant === \"contrastDestructive\";\n\n    return (\n      <Element.Root\n        closeOnEscape={allowEscape}\n        closeOnInteractOutside={allowEscape}\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        size={size}\n        variant={variant}\n        {...rest}\n      >\n        <Element.Trigger\n          className=\"Popover__Trigger\"\n          data-testid=\"kibble-popover-trigger\"\n          width=\"max-content\"\n          asChild\n        >\n          {anchor}\n        </Element.Trigger>\n        <Portal disabled={!portalled}>\n          <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={ref}\n              p={0}\n              {...contentProps}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n              >\n                <Element.ArrowTip />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </Element.Positioner>\n        </Portal>\n      </Element.Root>\n    );\n  },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Spacer","Popover","React","props","ref","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":"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"}

package/dist/chunks/{popover.component-CW5KsTYh.js → popover.component-GcAhSDeI.js}

@@ -1,10 +1,10 @@
-import { bQ as k, bR as C, x as e, bP as N } from "./vendor-BBfll6i3.js";
+import { ey as k, ez as y, x as e, ew as N } from "./vendor-CRIhG-7s.js";
 import w from "react";
-import { y as _, F as P, aa as R, ab as B, ac as H, B as z } from "./chakra-BqBkjpvZ.js";
-import { W as F } from "./text.component-XYjOAc2s.js";
-import { W as O } from "./heading.component-B8niLTxz.js";
-import { B as j } from "./button.component-CA9bIFbq.js";
-import { p as g } from "./popover.recipe-DnCuZJd3.js";
+import { ay as _, F as j, bd as z, be as H, bf as R, a as B } from "./chakra-DEgvQPwa.js";
+import { W as F } from "./text.component-B1g7jaUt.js";
+import { W as O } from "./heading.component-BrXfTzEU.js";
+import { B as P } from "./button.component-BZEZZa7D.js";
+import { p as g } from "./popover.recipe-E6-zKuvF.js";
 const W = ({
   children: p,
   color: c,
@@ -17,10 +17,10 @@ const W = ({
 }) => {
   const d = _({ recipe: g })(), { setOpen: m } = (
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    o === "hover" ? k() : C()
+    o === "hover" ? k() : y()
   );
   return /* @__PURE__ */ e.jsxs(
-    P,
+    j,
     {
       className: "Popover__HeaderWrapper",
       "data-testid": "kibble-popover-header-wrapper",
@@ -38,7 +38,7 @@ const W = ({
           }
         ),
         !a && /* @__PURE__ */ e.jsx(
-          j,
+          P,
           {
             className: "Popover__CloseButton",
             "data-testid": "kibble-popover-close-button",
@@ -71,12 +71,12 @@ const W = ({
 }) => {
   const v = _({ recipe: g })(), { setOpen: t } = (
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    m === "hover" ? k() : C()
+    m === "hover" ? k() : y()
   ), h = () => {
     o && o(), t(!1);
   };
   return /* @__PURE__ */ e.jsxs(
-    P,
+    j,
     {
       className: "Popover__Footer",
       "data-testid": "kibble-popover-footer",
@@ -84,9 +84,9 @@ const W = ({
       ...b,
       children: [
         p,
-        !a && /* @__PURE__ */ e.jsxs(P, { w: "100%", children: [
+        !a && /* @__PURE__ */ e.jsxs(j, { w: "100%", children: [
           !n && /* @__PURE__ */ e.jsx(
-            j,
+            P,
             {
               variant: "tertiary",
               onContrast: s,
@@ -95,9 +95,9 @@ const W = ({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ e.jsx(R, {}),
+          /* @__PURE__ */ e.jsx(z, {}),
           /* @__PURE__ */ e.jsx(
-            j,
+            P,
             {
               onClick: x,
               loading: l,
@@ -129,7 +129,7 @@ const W = ({
       trigger: v = "click",
       variant: t = "contrast",
       ...h
-    } = p, i = v === "hover" ? B : H, y = _({ recipe: g })({ variant: t, size: u });
+    } = p, i = v === "hover" ? H : R, C = _({ recipe: g })({ variant: t, size: u });
     if (!r) return /* @__PURE__ */ e.jsx(e.Fragment, {});
     if (x) return r;
     const f = t === "contrast" || t === "contrastDestructive";
@@ -182,11 +182,11 @@ const W = ({
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
-                  z,
+                  B,
                   {
                     className: "Popover__Body",
                     "data-testid": "kibble-popover-body",
-                    css: y.body,
+                    css: C.body,
                     children: typeof r == "string" ? /* @__PURE__ */ e.jsx(
                       F,
                       {
@@ -218,4 +218,4 @@ E.displayName = "Popover";
 export {
   E as P
 };
-//# sourceMappingURL=popover.component-CW5KsTYh.js.map
+//# sourceMappingURL=popover.component-GcAhSDeI.js.map