@televet/kibble-ui 4.0.0-beta.68 → 4.0.0-beta.7

package/dist/chunks/modal.types-BJDq3ofH.js

@@ -1,206 +0,0 @@
-import { j as o } from "./jsx-runtime-C5mzlN2N.js";
-import { forwardRef as M, useRef as _, useState as v } from "react";
-import { B as l } from "./button.component-BpF3MzbZ.js";
-import { F as w } from "./flex-smlF8uQG.js";
-import { c as N } from "./create-slot-recipe-context-BJmsuxih.js";
-import { c as y } from "./factory-Ctbv0Ozn.js";
-import { D as B, a as P, b as T, c as A, d as R, e as S, f as $, u as E, g as z, h as F } from "./dialog-trigger-rbYorcnG.js";
-import { W as O } from "./heading.component-Cum2BALi.js";
-import { M as H } from "./modal.context-DSKLfsJK.js";
-import { u as I } from "./use-breakpoint-MQ7agQJe.js";
-import { P as V } from "./portal-C7cdrplU.js";
-const {
-  withRootProvider: b,
-  withContext: t
-} = N({ key: "dialog" });
-b(
-  z,
-  {
-    defaultProps: { unmountOnExit: !0, lazyMount: !0 }
-  }
-);
-const W = b(B, {
-  defaultProps: { unmountOnExit: !0, lazyMount: !0 }
-}), q = t(
-  P,
-  "trigger",
-  { forwardAsChild: !0 }
-), G = t(A, "positioner", { forwardAsChild: !0 }), J = t(
-  R,
-  "content",
-  { forwardAsChild: !0 }
-);
-t(F, "description", { forwardAsChild: !0 });
-const K = t(
-  $,
-  "title",
-  { forwardAsChild: !0 }
-), L = t(S, "closeTrigger", { forwardAsChild: !0 }), Q = M(function(s, i) {
-  const e = E();
-  return /* @__PURE__ */ o.jsx(y.button, { ...s, ref: i, onClick: () => e.setOpen(!1) });
-}), U = t(
-  T,
-  "backdrop",
-  { forwardAsChild: !0 }
-), X = t(
-  "div",
-  "body"
-), Y = t(
-  "div",
-  "footer"
-), Z = t(
-  "div",
-  "header"
-), oo = ({
-  children: a,
-  destructive: s,
-  disabled: i,
-  hideCancel: e = !1,
-  loading: r,
-  loadingText: n,
-  onCancel: d,
-  onSubmit: c,
-  submitText: m = "Submit",
-  ...u
-}) => /* @__PURE__ */ o.jsx(
-  Y,
-  {
-    className: "Modal__Footer",
-    "data-testid": "kibble-modal-footer",
-    ...u,
-    children: a || /* @__PURE__ */ o.jsxs(w, { alignItems: "center", justifyContent: "space-between", w: "100%", children: [
-      !e && /* @__PURE__ */ o.jsx(
-        Q,
-        {
-          asChild: !0,
-          className: "Modal__CancelButton",
-          "data-testid": "kibble-modal-cancel-button",
-          children: /* @__PURE__ */ o.jsx(l, { variant: "tertiary", onClick: d, children: "Cancel" })
-        }
-      ),
-      /* @__PURE__ */ o.jsx(
-        l,
-        {
-          className: "Modal__SubmitButton",
-          "data-testid": "kibble-modal-submit-button",
-          onClick: c,
-          loading: r,
-          loadingText: n,
-          disabled: i,
-          variant: s ? "primaryDestructive" : "primary",
-          children: m
-        }
-      )
-    ] })
-  }
-), go = ({
-  children: a,
-  footerProps: s,
-  fullScreenMobile: i = !0,
-  header: e,
-  headerProps: r,
-  hideCloseButton: n = !1,
-  hideFooter: d = !1,
-  motionPreset: c = "slide-in-bottom",
-  placement: m = "center",
-  showExpandButton: u = !1,
-  size: g = "md",
-  trigger: f,
-  ...h
-}) => {
-  const p = _(null), C = { contentRef: p }, [x, D] = v(!1), j = I({
-    base: i ? "full" : g,
-    md: g
-  });
-  return /* @__PURE__ */ o.jsxs(
-    W,
-    {
-      motionPreset: c,
-      placement: m,
-      size: j,
-      ...h,
-      expanded: x,
-      children: [
-        f && /* @__PURE__ */ o.jsx(q, { asChild: !0, children: f }),
-        /* @__PURE__ */ o.jsxs(V, { children: [
-          /* @__PURE__ */ o.jsx(U, {}),
-          /* @__PURE__ */ o.jsx(G, { children: /* @__PURE__ */ o.jsxs(H.Provider, { value: C, children: [
-            " ",
-            /* @__PURE__ */ o.jsxs(
-              J,
-              {
-                className: "Modal",
-                "data-testid": "kibble-modal",
-                ref: p,
-                children: [
-                  !n && /* @__PURE__ */ o.jsx(
-                    L,
-                    {
-                      asChild: !0,
-                      className: "Modal__CloseButton",
-                      "data-testid": "kibble-modal-close-button",
-                      children: /* @__PURE__ */ o.jsx(l, { iconName: "close", variant: "ghostNeutral" })
-                    }
-                  ),
-                  u && /* @__PURE__ */ o.jsx(
-                    l,
-                    {
-                      className: "Modal__ExpandButton",
-                      "data-testid": "kibble-modal-expand-button",
-                      variant: "ghostNeutral",
-                      iconName: x ? "arrowsIn" : "arrowsOut",
-                      position: "absolute",
-                      top: 2,
-                      right: 12,
-                      onClick: () => D((k) => !k)
-                    }
-                  ),
-                  /* @__PURE__ */ o.jsx(
-                    Z,
-                    {
-                      className: "Modal__Header",
-                      "data-testid": "kibble-modal-header",
-                      children: e && /* @__PURE__ */ o.jsx(
-                        K,
-                        {
-                          className: "Modal__Title",
-                          "data-testid": "kibble-modal-title",
-                          asChild: !0,
-                          children: typeof e == "string" ? /* @__PURE__ */ o.jsx(O, { size: "xl", ...r, children: e }) : e
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ o.jsx(
-                    X,
-                    {
-                      className: "Modal__Body",
-                      "data-testid": "kibble-modal-body",
-                      children: a
-                    }
-                  ),
-                  !d && /* @__PURE__ */ o.jsx(oo, { ...s })
-                ]
-              }
-            )
-          ] }) })
-        ] })
-      ]
-    }
-  );
-}, fo = ["xs", "sm", "md", "lg", "cover", "full"], po = ["center", "top", "bottom"], xo = ["inside", "outside"], bo = [
-  "scale",
-  "slide-in-bottom",
-  "slide-in-top",
-  "slide-in-left",
-  "slide-in-right",
-  "none"
-];
-export {
-  go as M,
-  po as a,
-  xo as b,
-  bo as c,
-  fo as m
-};
-//# sourceMappingURL=modal.types-BJDq3ofH.js.map

package/dist/chunks/modal.types-BJDq3ofH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.types-BJDq3ofH.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/dialog/dialog.js","../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Dialog, useDialogContext } from '@ark-ui/react/dialog';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: useDialogStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"dialog\" });\nconst DialogRootProvider = withRootProvider(\n  Dialog.RootProvider,\n  {\n    defaultProps: { unmountOnExit: true, lazyMount: true }\n  }\n);\nconst DialogRoot = withRootProvider(Dialog.Root, {\n  defaultProps: { unmountOnExit: true, lazyMount: true }\n});\nconst DialogPropsProvider = PropsProvider;\nconst DialogTrigger = withContext(\n  Dialog.Trigger,\n  \"trigger\",\n  { forwardAsChild: true }\n);\nconst DialogPositioner = withContext(Dialog.Positioner, \"positioner\", { forwardAsChild: true });\nconst DialogContent = withContext(\n  Dialog.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst DialogDescription = withContext(Dialog.Description, \"description\", { forwardAsChild: true });\nconst DialogTitle = withContext(\n  Dialog.Title,\n  \"title\",\n  { forwardAsChild: true }\n);\nconst DialogCloseTrigger = withContext(Dialog.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst DialogActionTrigger = forwardRef(function DialogActionTrigger2(props, ref) {\n  const dialog = useDialogContext();\n  return /* @__PURE__ */ jsx(chakra.button, { ...props, ref, onClick: () => dialog.setOpen(false) });\n});\nconst DialogBackdrop = withContext(\n  Dialog.Backdrop,\n  \"backdrop\",\n  { forwardAsChild: true }\n);\nconst DialogBody = withContext(\n  \"div\",\n  \"body\"\n);\nconst DialogFooter = withContext(\n  \"div\",\n  \"footer\"\n);\nconst DialogHeader = withContext(\n  \"div\",\n  \"header\"\n);\nconst DialogContext = Dialog.Context;\n\nexport { DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogPropsProvider, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, useDialogStyles };\n","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, { useRef, 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\";\nimport { ModalContext } from \"./context/modal.context\";\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 contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\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          <ModalContext.Provider value={contextValue}>\n            {\" \"}\n            <Dialog.Content\n              className=\"Modal\"\n              data-testid=\"kibble-modal\"\n              ref={contentRef}\n            >\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                    asChild\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          </ModalContext.Provider>\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":["withRootProvider","withContext","createSlotRecipeContext","Dialog.RootProvider","DialogRoot","Dialog.Root","DialogTrigger","Dialog.Trigger","DialogPositioner","Dialog.Positioner","DialogContent","Dialog.Content","Dialog.Description","DialogTitle","Dialog.Title","DialogCloseTrigger","Dialog.CloseTrigger","DialogActionTrigger","forwardRef","props","ref","dialog","useDialogContext","jsx","chakra","DialogBackdrop","Dialog.Backdrop","DialogBody","DialogFooter","DialogHeader","ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","Dialog.Footer","jsxs","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","contentRef","useRef","contextValue","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","Portal","ModalContext","prev","Dialog.Header","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/modal.types-CsGdjZZf.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),n=require("./button.component-Dd9AfGox.js"),_=require("./flex-D14H6HbP.js"),M=require("./create-slot-recipe-context-IwVIgtBt.js"),B=require("./factory-D6tdBUPG.js"),e=require("./dialog-trigger-6j0ZA8bc.js"),v=require("./heading.component-a6IrCj7l.js"),w=require("./modal.context-EJ67QNzq.js"),y=require("./use-breakpoint-uBg4-8yY.js"),N=require("./portal-JkodPmk7.js"),{withRootProvider:R,withContext:o}=M.createSlotRecipeContext({key:"dialog"});R(e.DialogRootProvider,{defaultProps:{unmountOnExit:!0,lazyMount:!0}});const P=R(e.DialogRoot,{defaultProps:{unmountOnExit:!0,lazyMount:!0}}),q=o(e.DialogTrigger,"trigger",{forwardAsChild:!0}),T=o(e.DialogPositioner,"positioner",{forwardAsChild:!0}),S=o(e.DialogContent,"content",{forwardAsChild:!0});o(e.DialogDescription,"description",{forwardAsChild:!0});const A=o(e.DialogTitle,"title",{forwardAsChild:!0}),z=o(e.DialogCloseTrigger,"closeTrigger",{forwardAsChild:!0}),F=p.forwardRef(function(r,a){const s=e.useDialogContext();return t.jsxRuntimeExports.jsx(B.chakra.button,{...r,ref:a,onClick:()=>s.setOpen(!1)})}),O=o(e.DialogBackdrop,"backdrop",{forwardAsChild:!0}),H=o("div","body"),I=o("div","footer"),V=o("div","header"),W=({children:i,destructive:r,disabled:a,hideCancel:s=!1,loading:l,loadingText:d,onCancel:c,onSubmit:u,submitText:x="Submit",...m})=>t.jsxRuntimeExports.jsx(I,{className:"Modal__Footer","data-testid":"kibble-modal-footer",...m,children:i||t.jsxRuntimeExports.jsxs(_.Flex,{alignItems:"center",justifyContent:"space-between",w:"100%",children:[!s&&t.jsxRuntimeExports.jsx(F,{asChild:!0,className:"Modal__CancelButton","data-testid":"kibble-modal-cancel-button",children:t.jsxRuntimeExports.jsx(n.Button,{variant:"tertiary",onClick:c,children:"Cancel"})}),t.jsxRuntimeExports.jsx(n.Button,{className:"Modal__SubmitButton","data-testid":"kibble-modal-submit-button",onClick:u,loading:l,loadingText:d,disabled:a,variant:r?"primaryDestructive":"primary",children:x})]})}),G=({children:i,footerProps:r,fullScreenMobile:a=!0,header:s,headerProps:l,hideCloseButton:d=!1,hideFooter:c=!1,motionPreset:u="slide-in-bottom",placement:x="center",showExpandButton:m=!1,size:g="md",trigger:j,...f})=>{const b=p.useRef(null),C={contentRef:b},[h,E]=p.useState(!1),D=y.useBreakpointValue({base:a?"full":g,md:g});return t.jsxRuntimeExports.jsxs(P,{motionPreset:u,placement:x,size:D,...f,expanded:h,children:[j&&t.jsxRuntimeExports.jsx(q,{asChild:!0,children:j}),t.jsxRuntimeExports.jsxs(N.Portal,{children:[t.jsxRuntimeExports.jsx(O,{}),t.jsxRuntimeExports.jsx(T,{children:t.jsxRuntimeExports.jsxs(w.ModalContext.Provider,{value:C,children:[" ",t.jsxRuntimeExports.jsxs(S,{className:"Modal","data-testid":"kibble-modal",ref:b,children:[!d&&t.jsxRuntimeExports.jsx(z,{asChild:!0,className:"Modal__CloseButton","data-testid":"kibble-modal-close-button",children:t.jsxRuntimeExports.jsx(n.Button,{iconName:"close",variant:"ghostNeutral"})}),m&&t.jsxRuntimeExports.jsx(n.Button,{className:"Modal__ExpandButton","data-testid":"kibble-modal-expand-button",variant:"ghostNeutral",iconName:h?"arrowsIn":"arrowsOut",position:"absolute",top:2,right:12,onClick:()=>E(k=>!k)}),t.jsxRuntimeExports.jsx(V,{className:"Modal__Header","data-testid":"kibble-modal-header",children:s&&t.jsxRuntimeExports.jsx(A,{className:"Modal__Title","data-testid":"kibble-modal-title",asChild:!0,children:typeof s=="string"?t.jsxRuntimeExports.jsx(v.WrappedHeading,{size:"xl",...l,children:s}):s})}),t.jsxRuntimeExports.jsx(H,{className:"Modal__Body","data-testid":"kibble-modal-body",children:i}),!c&&t.jsxRuntimeExports.jsx(W,{...r})]})]})})]})]})},J=["xs","sm","md","lg","cover","full"],K=["center","top","bottom"],L=["inside","outside"],Q=["scale","slide-in-bottom","slide-in-top","slide-in-left","slide-in-right","none"];exports.Modal=G;exports.modalMotionPresets=Q;exports.modalPlacements=K;exports.modalScrollBehaviors=L;exports.modalSizes=J;
-//# sourceMappingURL=modal.types-CsGdjZZf.js.map

package/dist/chunks/modal.types-CsGdjZZf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.types-CsGdjZZf.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/dialog/dialog.js","../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Dialog, useDialogContext } from '@ark-ui/react/dialog';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst {\n  withRootProvider,\n  withContext,\n  useStyles: useDialogStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"dialog\" });\nconst DialogRootProvider = withRootProvider(\n  Dialog.RootProvider,\n  {\n    defaultProps: { unmountOnExit: true, lazyMount: true }\n  }\n);\nconst DialogRoot = withRootProvider(Dialog.Root, {\n  defaultProps: { unmountOnExit: true, lazyMount: true }\n});\nconst DialogPropsProvider = PropsProvider;\nconst DialogTrigger = withContext(\n  Dialog.Trigger,\n  \"trigger\",\n  { forwardAsChild: true }\n);\nconst DialogPositioner = withContext(Dialog.Positioner, \"positioner\", { forwardAsChild: true });\nconst DialogContent = withContext(\n  Dialog.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst DialogDescription = withContext(Dialog.Description, \"description\", { forwardAsChild: true });\nconst DialogTitle = withContext(\n  Dialog.Title,\n  \"title\",\n  { forwardAsChild: true }\n);\nconst DialogCloseTrigger = withContext(Dialog.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst DialogActionTrigger = forwardRef(function DialogActionTrigger2(props, ref) {\n  const dialog = useDialogContext();\n  return /* @__PURE__ */ jsx(chakra.button, { ...props, ref, onClick: () => dialog.setOpen(false) });\n});\nconst DialogBackdrop = withContext(\n  Dialog.Backdrop,\n  \"backdrop\",\n  { forwardAsChild: true }\n);\nconst DialogBody = withContext(\n  \"div\",\n  \"body\"\n);\nconst DialogFooter = withContext(\n  \"div\",\n  \"footer\"\n);\nconst DialogHeader = withContext(\n  \"div\",\n  \"header\"\n);\nconst DialogContext = Dialog.Context;\n\nexport { DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogPropsProvider, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, useDialogStyles };\n","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, { useRef, 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\";\nimport { ModalContext } from \"./context/modal.context\";\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 contentRef = useRef<HTMLDivElement>(null!);\n  const contextValue = { contentRef };\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          <ModalContext.Provider value={contextValue}>\n            {\" \"}\n            <Dialog.Content\n              className=\"Modal\"\n              data-testid=\"kibble-modal\"\n              ref={contentRef}\n            >\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                    asChild\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          </ModalContext.Provider>\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":["withRootProvider","withContext","createSlotRecipeContext","Dialog.RootProvider","DialogRoot","Dialog.Root","DialogTrigger","Dialog.Trigger","DialogPositioner","Dialog.Positioner","DialogContent","Dialog.Content","Dialog.Description","DialogTitle","Dialog.Title","DialogCloseTrigger","Dialog.CloseTrigger","DialogActionTrigger","forwardRef","props","ref","dialog","useDialogContext","jsx","chakra","DialogBackdrop","Dialog.Backdrop","DialogBody","DialogFooter","DialogHeader","ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","Dialog.Footer","jsxs","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","contentRef","useRef","contextValue","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","Portal","ModalContext","prev","Dialog.Header","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/notificationCounter.component-BhZcuBmr.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),a=require("./config-BFcXpdZo.js"),l=require("./use-slot-recipe-8liupslO.js"),x=require("./box-Baq7UBls.js"),u=require("./flex-D14H6HbP.js"),d=["root","maxElement"],m={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"}}},h={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}}},g=a.defineSlotRecipe({slots:d,base:{root:{alignItems:"center",border:"1px",borderColor:"background",borderRadius:"full",fontWeight:"semibold",justifyContent:"center"},maxElement:{borderRadius:"full"}},variants:{size:h,variant:m},defaultVariants:{size:"md",variant:"red"}}),b=99,f=({count:t=0,showCount:r=!0,size:o="md",variant:i="red"})=>{const e=l.useSlotRecipe({recipe:g})({size:o,variant:i}),s=o!=="xs"&&r,c=t>b?n.jsxRuntimeExports.jsx(x.Box,{css:e.maxElement}):t>0&&t;return n.jsxRuntimeExports.jsx(u.Flex,{className:"NotificationCounter","data-testid":"kibble-notification-counter",css:e.root,children:s&&c})};exports.NotificationCounter=f;
-//# sourceMappingURL=notificationCounter.component-BhZcuBmr.js.map

package/dist/chunks/notificationCounter.types-B_-siNfi.js

@@ -1,2 +0,0 @@
-"use strict";const t=["xs","sm","md","lg"],n=["blue","green","neutral","red"];exports.notificationCounterSizes=t;exports.notificationCounterVariants=n;
-//# sourceMappingURL=notificationCounter.types-B_-siNfi.js.map

package/dist/chunks/notificationCounter.types-B_-siNfi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notificationCounter.types-B_-siNfi.js","sources":["../../src/components/NotificationCounter/notificationCounter.types.ts"],"sourcesContent":["export const notificationCounterSizes = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\nexport type NotificationCounterSize = (typeof notificationCounterSizes)[number];\n\nexport const notificationCounterVariants = [\n  \"blue\",\n  \"green\",\n  \"neutral\",\n  \"red\",\n] as const;\nexport type NotificationCounterVariant =\n  (typeof notificationCounterVariants)[number];\n"],"names":["notificationCounterSizes","notificationCounterVariants"],"mappings":"aAAO,MAAMA,EAA2B,CAAC,KAAM,KAAM,KAAM,IAAI,EAGlDC,EAA8B,CACzC,OACA,QACA,UACA,KACF"}

package/dist/chunks/notificationCounter.types-S7ENT1Oj.js

@@ -1,11 +0,0 @@
-const n = ["xs", "sm", "md", "lg"], t = [
-  "blue",
-  "green",
-  "neutral",
-  "red"
-];
-export {
-  t as a,
-  n
-};
-//# sourceMappingURL=notificationCounter.types-S7ENT1Oj.js.map

package/dist/chunks/notificationCounter.types-S7ENT1Oj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notificationCounter.types-S7ENT1Oj.js","sources":["../../src/components/NotificationCounter/notificationCounter.types.ts"],"sourcesContent":["export const notificationCounterSizes = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\nexport type NotificationCounterSize = (typeof notificationCounterSizes)[number];\n\nexport const notificationCounterVariants = [\n  \"blue\",\n  \"green\",\n  \"neutral\",\n  \"red\",\n] as const;\nexport type NotificationCounterVariant =\n  (typeof notificationCounterVariants)[number];\n"],"names":["notificationCounterSizes","notificationCounterVariants"],"mappings":"AAAO,MAAMA,IAA2B,CAAC,MAAM,MAAM,MAAM,IAAI,GAGlDC,IAA8B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/chunks/omit-C-j4TrF5.js

@@ -1,10 +0,0 @@
-function c(n, t = []) {
-  const o = Object.assign({}, n);
-  for (const e of t)
-    e in o && delete o[e];
-  return o;
-}
-export {
-  c as o
-};
-//# sourceMappingURL=omit-C-j4TrF5.js.map

package/dist/chunks/omit-C-j4TrF5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"omit-C-j4TrF5.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/utils/omit.js"],"sourcesContent":["\"use strict\";\nfunction omit(object, keysToOmit = []) {\n  const clone = Object.assign({}, object);\n  for (const key of keysToOmit) {\n    if (key in clone) {\n      delete clone[key];\n    }\n  }\n  return clone;\n}\n\nexport { omit };\n"],"names":["omit","object","keysToOmit","clone","key"],"mappings":"AACA,SAASA,EAAKC,GAAQC,IAAa,IAAI;AACrC,QAAMC,IAAQ,OAAO,OAAO,CAAA,GAAIF,CAAM;AACtC,aAAWG,KAAOF;AAChB,IAAIE,KAAOD,KACT,OAAOA,EAAMC,CAAG;AAGpB,SAAOD;AACT;","x_google_ignoreList":[0]}

package/dist/chunks/omit-DqNeoZ8h.js

@@ -1,2 +0,0 @@
-"use strict";function i(n,o=[]){const t=Object.assign({},n);for(const e of o)e in t&&delete t[e];return t}exports.omit=i;
-//# sourceMappingURL=omit-DqNeoZ8h.js.map

package/dist/chunks/omit-DqNeoZ8h.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"omit-DqNeoZ8h.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/utils/omit.js"],"sourcesContent":["\"use strict\";\nfunction omit(object, keysToOmit = []) {\n  const clone = Object.assign({}, object);\n  for (const key of keysToOmit) {\n    if (key in clone) {\n      delete clone[key];\n    }\n  }\n  return clone;\n}\n\nexport { omit };\n"],"names":["omit","object","keysToOmit","clone","key"],"mappings":"aACA,SAASA,EAAKC,EAAQC,EAAa,GAAI,CACrC,MAAMC,EAAQ,OAAO,OAAO,CAAA,EAAIF,CAAM,EACtC,UAAWG,KAAOF,EACZE,KAAOD,GACT,OAAOA,EAAMC,CAAG,EAGpB,OAAOD,CACT","x_google_ignoreList":[0]}

package/dist/chunks/picture.component-C2C2r_BU.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),o=require("react"),r=require("./factory-D6tdBUPG.js"),u=o.forwardRef(function(t,e){const{align:i,fit:a="cover",...n}=t;return s.jsxRuntimeExports.jsx(r.chakra.img,{ref:e,objectFit:a,objectPosition:i,className:r.cx("chakra-image",t.className),...n})}),m=({src:c,webpSrc:t,...e})=>s.jsxRuntimeExports.jsx(u,{className:"Picture","data-testid":"kibble-picture",src:c,srcSet:t,...e});exports.Picture=m;
-//# sourceMappingURL=picture.component-C2C2r_BU.js.map

package/dist/chunks/picture.component-C2C2r_BU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"picture.component-C2C2r_BU.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/image/image.js","../../src/components/Picture/picture.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Image = forwardRef(\n  function Image2(props, ref) {\n    const { align, fit = \"cover\", ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      chakra.img,\n      {\n        ref,\n        objectFit: fit,\n        objectPosition: align,\n        className: cx(\"chakra-image\", props.className),\n        ...rest\n      }\n    );\n  }\n);\n\nexport { Image };\n","import React from \"react\";\nimport { Image, ImageProps } from \"@chakra-ui/react/image\";\n\nexport interface PictureProps extends ImageProps {\n  webpSrc?: string;\n  src: string;\n}\n\nexport const Picture = ({\n  src,\n  webpSrc,\n  ...rest\n}: PictureProps): React.JSX.Element => {\n  return (\n    <Image\n      className=\"Picture\"\n      data-testid=\"kibble-picture\"\n      src={src}\n      srcSet={webpSrc}\n      {...rest}\n    />\n  );\n};\n"],"names":["Image","forwardRef","props","ref","align","fit","rest","jsx","chakra","cx","Picture","src","webpSrc"],"mappings":"gHAOMA,EAAQC,EAAU,WACtB,SAAgBC,EAAOC,EAAK,CAC1B,KAAM,CAAE,MAAAC,EAAO,IAAAC,EAAM,QAAS,GAAGC,CAAM,EAAGJ,EAC1C,OAAuBK,EAAG,kBAAA,IACxBC,EAAAA,OAAO,IACP,CACE,IAAAL,EACA,UAAWE,EACX,eAAgBD,EAChB,UAAWK,EAAE,GAAC,eAAgBP,EAAM,SAAS,EAC7C,GAAGI,CACX,CACK,CACL,CACA,ECbaI,EAAU,CAAC,CACtB,IAAAC,EACA,QAAAC,EACA,GAAGN,CACL,IAEIC,EAAA,kBAAA,IAACP,EAAA,CACC,UAAU,UACV,cAAY,iBACZ,IAAAW,EACA,OAAQC,EACP,GAAGN,CAAA,CACN","x_google_ignoreList":[0]}

package/dist/chunks/picture.component-DKbaaL64.js

@@ -1,35 +0,0 @@
-import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import { forwardRef as o } from "react";
-import { c as m, a as n } from "./factory-Ctbv0Ozn.js";
-const f = o(
-  function(t, a) {
-    const { align: s, fit: c = "cover", ...i } = t;
-    return /* @__PURE__ */ r.jsx(
-      m.img,
-      {
-        ref: a,
-        objectFit: c,
-        objectPosition: s,
-        className: n("chakra-image", t.className),
-        ...i
-      }
-    );
-  }
-), g = ({
-  src: e,
-  webpSrc: t,
-  ...a
-}) => /* @__PURE__ */ r.jsx(
-  f,
-  {
-    className: "Picture",
-    "data-testid": "kibble-picture",
-    src: e,
-    srcSet: t,
-    ...a
-  }
-);
-export {
-  g as P
-};
-//# sourceMappingURL=picture.component-DKbaaL64.js.map

package/dist/chunks/picture.component-DKbaaL64.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"picture.component-DKbaaL64.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/image/image.js","../../src/components/Picture/picture.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Image = forwardRef(\n  function Image2(props, ref) {\n    const { align, fit = \"cover\", ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      chakra.img,\n      {\n        ref,\n        objectFit: fit,\n        objectPosition: align,\n        className: cx(\"chakra-image\", props.className),\n        ...rest\n      }\n    );\n  }\n);\n\nexport { Image };\n","import React from \"react\";\nimport { Image, ImageProps } from \"@chakra-ui/react/image\";\n\nexport interface PictureProps extends ImageProps {\n  webpSrc?: string;\n  src: string;\n}\n\nexport const Picture = ({\n  src,\n  webpSrc,\n  ...rest\n}: PictureProps): React.JSX.Element => {\n  return (\n    <Image\n      className=\"Picture\"\n      data-testid=\"kibble-picture\"\n      src={src}\n      srcSet={webpSrc}\n      {...rest}\n    />\n  );\n};\n"],"names":["Image","forwardRef","props","ref","align","fit","rest","jsx","chakra","cx","Picture","src","webpSrc"],"mappings":";;;AAOA,MAAMA,IAAQC;AAAA,EACZ,SAAgBC,GAAOC,GAAK;AAC1B,UAAM,EAAE,OAAAC,GAAO,KAAAC,IAAM,SAAS,GAAGC,EAAM,IAAGJ;AAC1C,WAAuBK,gBAAAA,EAAG;AAAA,MACxBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAL;AAAA,QACA,WAAWE;AAAA,QACX,gBAAgBD;AAAA,QAChB,WAAWK,EAAG,gBAAgBP,EAAM,SAAS;AAAA,QAC7C,GAAGI;AAAA,MACX;AAAA,IACK;AAAA,EACL;AACA,GCbaI,IAAU,CAAC;AAAA,EACtB,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGN;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACP;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,KAAAW;AAAA,IACA,QAAQC;AAAA,IACP,GAAGN;AAAA,EAAA;AACN;","x_google_ignoreList":[0]}

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

@@ -1,2 +0,0 @@
-"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),y=require("./withFormControl-PaMa_BVC.js"),k=require("./create-slot-recipe-context-IwVIgtBt.js"),s=require("./portal-JkodPmk7.js"),I=require("./use-field-context-BJ7xh7mY.js"),a=require("./index-B3Uf1AVX.js"),m=require("./index-U8SN9h_h.js"),E=t=>t&&t.__esModule?t:{default:t},N=E(p),[x,d]=s.createContext({name:"PinInputContext",hookName:"usePinInputContext",providerName:"<PinInputProvider />"}),R=p.forwardRef((t,n)=>{const r=d(),o=a.mergeProps(r.getControlProps(),t);return i.jsxRuntimeExports.jsx(s.ark.div,{...o,ref:n})});R.displayName="PinInputControl";const f=p.forwardRef((t,n)=>{const r=d(),o=a.mergeProps(r.getHiddenInputProps(),t),e=I.useFieldContext();return i.jsxRuntimeExports.jsx(s.ark.input,{"aria-describedby":e?.ariaDescribedby,...o,ref:n})});f.displayName="PinInputHiddenInput";const C=p.forwardRef((t,n)=>{const[r,o]=s.createSplitProps()(t,["index"]),e=d(),u=a.mergeProps(e.getInputProps(r),o);return i.jsxRuntimeExports.jsx(s.ark.input,{...u,ref:n})});C.displayName="PinInputInput";const j=p.forwardRef((t,n)=>{const r=d(),o=a.mergeProps(r.getLabelProps(),t);return i.jsxRuntimeExports.jsx(s.ark.label,{...o,ref:n})});j.displayName="PinInputLabel";const _=t=>{const n=p.useId(),{getRootNode:r}=s.useEnvironmentContext(),{dir:o}=s.useLocaleContext(),e=I.useFieldContext(),u={id:n,ids:{label:e?.ids.label,hiddenInput:e?.ids.control},disabled:e?.disabled,readOnly:e?.readOnly,required:e?.required,invalid:e?.invalid,dir:o,getRootNode:r,...t},l=s.useMachine(m.machine,u);return m.connect(l,s.normalizeProps)},b=p.forwardRef((t,n)=>{const[r,o]=s.createSplitProps()(t,["autoFocus","blurOnComplete","count","defaultValue","disabled","form","id","ids","invalid","mask","name","onValueChange","onValueComplete","onValueInvalid","otp","pattern","placeholder","readOnly","required","selectOnFocus","translations","type","value"]),e=_(r),u=a.mergeProps(e.getRootProps(),o);return i.jsxRuntimeExports.jsx(x,{value:e,children:i.jsxRuntimeExports.jsx(s.ark.div,{...u,ref:n})})});b.displayName="PinInputRoot";const h=p.forwardRef((t,n)=>{const[{value:r},o]=s.createSplitProps()(t,["value"]),e=a.mergeProps(r.getRootProps(),o);return i.jsxRuntimeExports.jsx(x,{value:r,children:i.jsxRuntimeExports.jsx(s.ark.div,{...e,ref:n})})});h.displayName="PinInputRootProvider";const{withProvider:g,withContext:P}=k.createSlotRecipeContext({key:"pinInput"});g(h,"root",{forwardAsChild:!0});const q=g(b,"root",{forwardProps:["mask"],forwardAsChild:!0}),F=P(R,"control",{forwardAsChild:!0}),A=P(C,"input",{forwardAsChild:!0});P(j,"label",{forwardAsChild:!0});const $=f,H=y.withFormControl(({count:t=6,pinInputRef:n,onContrast:r=!1,otp:o=!0,size:e="md",type:u="numeric",...l})=>{const w=r?"onContrast":"default";return i.jsxRuntimeExports.jsxs(q,{className:"PinInput","data-testid":"kibble-pin-input",ref:n,variant:w,size:e,type:u,otp:o,...l,children:[i.jsxRuntimeExports.jsx($,{className:"PinInput__HiddenInput","data-testid":"kibble-pin-input-hidden-input"}),i.jsxRuntimeExports.jsx(F,{className:"PinInput__Control","data-testid":"kibble-pin-input-control",children:Array.from({length:t}).map((S,c)=>i.jsxRuntimeExports.jsx(A,{index:c,className:"PinInput__Input","data-testid":`kibble-pin-input-input-${c}`},c))})]})}),v=N.default.forwardRef((t,n)=>i.jsxRuntimeExports.jsx(H,{pinInputRef:n,...t}));v.displayName="PinInput";const O=["numeric","alphabetic","alphanumeric"];exports.WrappedPinInput=v;exports.pinInputTypes=O;
-//# sourceMappingURL=pinInput.types-GznuQbzY.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pinInput.types-GznuQbzY.js","sources":["../../node_modules/@ark-ui/react/dist/components/pin-input/use-pin-input-context.js","../../node_modules/@ark-ui/react/dist/components/pin-input/pin-input-control.js","../../node_modules/@ark-ui/react/dist/components/pin-input/pin-input-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/pin-input/pin-input-input.js","../../node_modules/@ark-ui/react/dist/components/pin-input/pin-input-label.js","../../node_modules/@ark-ui/react/dist/components/pin-input/use-pin-input.js","../../node_modules/@ark-ui/react/dist/components/pin-input/pin-input-root.js","../../node_modules/@ark-ui/react/dist/components/pin-input/pin-input-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/pin-input/pin-input.js","../../src/components/PinInput/pinInput.component.tsx","../../src/components/PinInput/pinInput.types.ts"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [PinInputProvider, usePinInputContext] = createContext({\n  name: \"PinInputContext\",\n  hookName: \"usePinInputContext\",\n  providerName: \"<PinInputProvider />\"\n});\n\nexport { PinInputProvider, usePinInputContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePinInputContext } from './use-pin-input-context.js';\n\nconst PinInputControl = forwardRef((props, ref) => {\n  const pinInput = usePinInputContext();\n  const mergedProps = mergeProps(pinInput.getControlProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPinInputControl.displayName = \"PinInputControl\";\n\nexport { PinInputControl };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { usePinInputContext } from './use-pin-input-context.js';\n\nconst PinInputHiddenInput = forwardRef((props, ref) => {\n  const pinInput = usePinInputContext();\n  const mergedProps = mergeProps(pinInput.getHiddenInputProps(), props);\n  const field = useFieldContext();\n  return /* @__PURE__ */ jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nPinInputHiddenInput.displayName = \"PinInputHiddenInput\";\n\nexport { PinInputHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { usePinInputContext } from './use-pin-input-context.js';\n\nconst PinInputInput = forwardRef((props, ref) => {\n  const [inputProps, localProps] = createSplitProps()(props, [\"index\"]);\n  const pinInput = usePinInputContext();\n  const mergedProps = mergeProps(pinInput.getInputProps(inputProps), localProps);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nPinInputInput.displayName = \"PinInputInput\";\n\nexport { PinInputInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePinInputContext } from './use-pin-input-context.js';\n\nconst PinInputLabel = forwardRef((props, ref) => {\n  const pinInput = usePinInputContext();\n  const mergedProps = mergeProps(pinInput.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nPinInputLabel.displayName = \"PinInputLabel\";\n\nexport { PinInputLabel };\n","'use client';\nimport * as pinInput from '@zag-js/pin-input';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\n\nconst usePinInput = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const field = useFieldContext();\n  const machineProps = {\n    id,\n    ids: {\n      label: field?.ids.label,\n      hiddenInput: field?.ids.control\n    },\n    disabled: field?.disabled,\n    readOnly: field?.readOnly,\n    required: field?.required,\n    invalid: field?.invalid,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(pinInput.machine, machineProps);\n  return pinInput.connect(service, normalizeProps);\n};\n\nexport { usePinInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { usePinInput } from './use-pin-input.js';\nimport { PinInputProvider } from './use-pin-input-context.js';\n\nconst PinInputRoot = forwardRef((props, ref) => {\n  const [usePinInputProps, localProps] = createSplitProps()(props, [\n    \"autoFocus\",\n    \"blurOnComplete\",\n    \"count\",\n    \"defaultValue\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"invalid\",\n    \"mask\",\n    \"name\",\n    \"onValueChange\",\n    \"onValueComplete\",\n    \"onValueInvalid\",\n    \"otp\",\n    \"pattern\",\n    \"placeholder\",\n    \"readOnly\",\n    \"required\",\n    \"selectOnFocus\",\n    \"translations\",\n    \"type\",\n    \"value\"\n  ]);\n  const pinInput = usePinInput(usePinInputProps);\n  const mergedProps = mergeProps(pinInput.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(PinInputProvider, { value: pinInput, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nPinInputRoot.displayName = \"PinInputRoot\";\n\nexport { PinInputRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { PinInputProvider } from './use-pin-input-context.js';\n\nconst PinInputRootProvider = forwardRef((props, ref) => {\n  const [{ value: pinInput }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(pinInput.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(PinInputProvider, { value: pinInput, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nPinInputRootProvider.displayName = \"PinInputRootProvider\";\n\nexport { PinInputRootProvider };\n","\"use strict\";\n\"use client\";\nimport { PinInput } from '@ark-ui/react/pin-input';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: usePinInputStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"pinInput\" });\nconst PinInputRootProvider = withProvider(PinInput.RootProvider, \"root\", { forwardAsChild: true });\nconst PinInputRoot = withProvider(\n  PinInput.Root,\n  \"root\",\n  { forwardProps: [\"mask\"], forwardAsChild: true }\n);\nconst PinInputPropsProvider = PropsProvider;\nconst PinInputControl = withContext(PinInput.Control, \"control\", { forwardAsChild: true });\nconst PinInputInput = withContext(\n  PinInput.Input,\n  \"input\",\n  { forwardAsChild: true }\n);\nconst PinInputLabel = withContext(\n  PinInput.Label,\n  \"label\",\n  { forwardAsChild: true }\n);\nconst PinInputContext = PinInput.Context;\nconst PinInputHiddenInput = PinInput.HiddenInput;\n\nexport { PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputPropsProvider, PinInputRoot, PinInputRootProvider, usePinInputStyles };\n","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":["PinInputProvider","usePinInputContext","createContext","PinInputControl","forwardRef","props","ref","pinInput","mergedProps","mergeProps","jsx","ark","PinInputHiddenInput","field","useFieldContext","PinInputInput","inputProps","localProps","createSplitProps","PinInputLabel","usePinInput","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","pinInput.machine","pinInput.connect","normalizeProps","PinInputRoot","usePinInputProps","PinInputRootProvider","withProvider","withContext","createSlotRecipeContext","PinInput.RootProvider","PinInput.Root","PinInput.Control","PinInput.Input","PinInput.Label","PinInput.HiddenInput","PinInput","withFormControl","count","pinInputRef","onContrast","otp","size","type","rest","_computedVariant","jsxs","CPinInput.Root","CPinInput.HiddenInput","CPinInput.Control","_","index","CPinInput.Input","WrappedPinInput","React","pinInputTypes"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}

package/dist/chunks/pinInput.types-k-MTZ5SR.js

@@ -1,161 +0,0 @@
-import { j as i } from "./jsx-runtime-C5mzlN2N.js";
-import N, { forwardRef as p, useId as R } from "react";
-import { w } from "./withFormControl-DA1TgH2T.js";
-import { c as k } from "./create-slot-recipe-context-BJmsuxih.js";
-import { c as _, f as a, a as m, i as A, j as H, k as O, n as V } from "./portal-C7cdrplU.js";
-import { u as I } from "./use-field-context-PoccdU55.js";
-import { Y as u } from "./index-c2eCwOCU.js";
-import { m as $, c as F } from "./index-BQusETZC.js";
-const [f, d] = _({
-  name: "PinInputContext",
-  hookName: "usePinInputContext",
-  providerName: "<PinInputProvider />"
-}), b = p((n, t) => {
-  const o = d(), r = u(o.getControlProps(), n);
-  return /* @__PURE__ */ i.jsx(a.div, { ...r, ref: t });
-});
-b.displayName = "PinInputControl";
-const x = p((n, t) => {
-  const o = d(), r = u(o.getHiddenInputProps(), n), e = I();
-  return /* @__PURE__ */ i.jsx(a.input, { "aria-describedby": e?.ariaDescribedby, ...r, ref: t });
-});
-x.displayName = "PinInputHiddenInput";
-const C = p((n, t) => {
-  const [o, r] = m()(n, ["index"]), e = d(), s = u(e.getInputProps(o), r);
-  return /* @__PURE__ */ i.jsx(a.input, { ...s, ref: t });
-});
-C.displayName = "PinInputInput";
-const h = p((n, t) => {
-  const o = d(), r = u(o.getLabelProps(), n);
-  return /* @__PURE__ */ i.jsx(a.label, { ...r, ref: t });
-});
-h.displayName = "PinInputLabel";
-const L = (n) => {
-  const t = R(), { getRootNode: o } = A(), { dir: r } = H(), e = I(), s = {
-    id: t,
-    ids: {
-      label: e?.ids.label,
-      hiddenInput: e?.ids.control
-    },
-    disabled: e?.disabled,
-    readOnly: e?.readOnly,
-    required: e?.required,
-    invalid: e?.invalid,
-    dir: r,
-    getRootNode: o,
-    ...n
-  }, l = O($, s);
-  return F(l, V);
-}, v = p((n, t) => {
-  const [o, r] = m()(n, [
-    "autoFocus",
-    "blurOnComplete",
-    "count",
-    "defaultValue",
-    "disabled",
-    "form",
-    "id",
-    "ids",
-    "invalid",
-    "mask",
-    "name",
-    "onValueChange",
-    "onValueComplete",
-    "onValueInvalid",
-    "otp",
-    "pattern",
-    "placeholder",
-    "readOnly",
-    "required",
-    "selectOnFocus",
-    "translations",
-    "type",
-    "value"
-  ]), e = L(o), s = u(e.getRootProps(), r);
-  return /* @__PURE__ */ i.jsx(f, { value: e, children: /* @__PURE__ */ i.jsx(a.div, { ...s, ref: t }) });
-});
-v.displayName = "PinInputRoot";
-const g = p((n, t) => {
-  const [{ value: o }, r] = m()(n, ["value"]), e = u(o.getRootProps(), r);
-  return /* @__PURE__ */ i.jsx(f, { value: o, children: /* @__PURE__ */ i.jsx(a.div, { ...e, ref: t }) });
-});
-g.displayName = "PinInputRootProvider";
-const {
-  withProvider: j,
-  withContext: P
-} = k({ key: "pinInput" });
-j(g, "root", { forwardAsChild: !0 });
-const q = j(
-  v,
-  "root",
-  { forwardProps: ["mask"], forwardAsChild: !0 }
-), E = P(b, "control", { forwardAsChild: !0 }), S = P(
-  C,
-  "input",
-  { forwardAsChild: !0 }
-);
-P(
-  h,
-  "label",
-  { forwardAsChild: !0 }
-);
-const W = x, z = w(
-  ({
-    count: n = 6,
-    pinInputRef: t,
-    onContrast: o = !1,
-    otp: r = !0,
-    size: e = "md",
-    type: s = "numeric",
-    ...l
-  }) => {
-    const y = o ? "onContrast" : "default";
-    return /* @__PURE__ */ i.jsxs(
-      q,
-      {
-        className: "PinInput",
-        "data-testid": "kibble-pin-input",
-        ref: t,
-        variant: y,
-        size: e,
-        type: s,
-        otp: r,
-        ...l,
-        children: [
-          /* @__PURE__ */ i.jsx(
-            W,
-            {
-              className: "PinInput__HiddenInput",
-              "data-testid": "kibble-pin-input-hidden-input"
-            }
-          ),
-          /* @__PURE__ */ i.jsx(
-            E,
-            {
-              className: "PinInput__Control",
-              "data-testid": "kibble-pin-input-control",
-              children: Array.from({ length: n }).map((M, c) => /* @__PURE__ */ i.jsx(
-                S,
-                {
-                  index: c,
-                  className: "PinInput__Input",
-                  "data-testid": `kibble-pin-input-input-${c}`
-                },
-                c
-              ))
-            }
-          )
-        ]
-      }
-    );
-  }
-), D = N.forwardRef(
-  (n, t) => /* @__PURE__ */ i.jsx(z, { pinInputRef: t, ...n })
-);
-D.displayName = "PinInput";
-const X = ["numeric", "alphabetic", "alphanumeric"];
-export {
-  D as W,
-  X as p
-};
-//# sourceMappingURL=pinInput.types-k-MTZ5SR.js.map