@televet/kibble-ui 4.0.0-beta.9 → 4.0.0-beta.91

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.types-mGxpGfVt.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 className=\"Modal__Footer\" data-testid=\"kibble-modal-footer\" {...rest}>\n      {children ? (\n        children\n      ) : (\n        <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n          {!hideCancel && (\n            <Dialog.ActionTrigger asChild className=\"Modal__CancelButton\" data-testid=\"kibble-modal-cancel-button\">\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 { ModalFooter, ModalFooterProps } 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 { PortalContext } from 'hooks/usePortalContentRef';\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 motionPreset={motionPreset} placement={placement} size={computedSize} {...rest} expanded={isExpanded}>\n      {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n      <Portal>\n        <Dialog.Backdrop />\n        <Dialog.Positioner>\n          <PortalContext.Provider value={contextValue}>\n            <Dialog.Content className=\"Modal\" data-testid=\"kibble-modal\" ref={contentRef}>\n              {!hideCloseButton && (\n                <Dialog.CloseTrigger asChild className=\"Modal__CloseButton\" data-testid=\"kibble-modal-close-button\">\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 className=\"Modal__Header\" data-testid=\"kibble-modal-header\">\n                {header && (\n                  <Dialog.Title className=\"Modal__Title\" data-testid=\"kibble-modal-title\" asChild>\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 className=\"Modal__Body\" data-testid=\"kibble-modal-body\">\n                {children}\n              </Dialog.Body>\n              {!hideFooter && <ModalFooter {...footerProps} />}\n            </Dialog.Content>\n          </PortalContext.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","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","contentRef","useRef","contextValue","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","jsxs","Portal","PortalContext","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

@@ -0,0 +1,2 @@
+"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.component-BhZcuBmr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationCounter.component-BhZcuBmr.js","sources":["../../src/components/NotificationCounter/notificationCounter.recipe.ts","../../src/components/NotificationCounter/notificationCounter.records.ts","../../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { NotificationCounterSize, NotificationCounterVariant } 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 { NotificationCounterSize, NotificationCounterVariant } 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 = count > MAX_COUNT ? <Box css={styles.maxElement} /> : count > 0 && count;\n\n  return (\n    <Flex className=\"NotificationCounter\" data-testid=\"kibble-notification-counter\" css={styles.root}>\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":"sMAGMA,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,ECrHYI,EAAY,GCeZC,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,EAAiBP,EAAQF,EAAaU,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,IAAKL,EAAO,UAAY,CAAA,EAAKJ,EAAQ,GAAKA,EAGxF,OAAAQ,EAAA,kBAAA,IAACE,EAAK,KAAA,CAAA,UAAU,sBAAsB,cAAY,8BAA8B,IAAKN,EAAO,KACzF,SAAAE,GAAmBC,CACtB,CAAA,CAEJ"}

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

@@ -0,0 +1,119 @@
+import { j as r } from "./jsx-runtime-C5mzlN2N.js";
+import { a as c } from "./config-DlTdf-Yt.js";
+import { u as l } from "./use-slot-recipe-DhtQ1j_5.js";
+import { B as m } from "./box-Ck9I7FYv.js";
+import { F as x } from "./flex-smlF8uQG.js";
+const d = ["root", "maxElement"], h = {
+  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"
+    }
+  }
+}, u = {
+  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 = c({
+  slots: d,
+  base: {
+    root: {
+      alignItems: "center",
+      border: "1px",
+      borderColor: "background",
+      borderRadius: "full",
+      fontWeight: "semibold",
+      justifyContent: "center"
+    },
+    maxElement: {
+      borderRadius: "full"
+    }
+  },
+  variants: {
+    size: u,
+    variant: h
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "red"
+  }
+}), b = 99, k = ({
+  count: t = 0,
+  showCount: n = !0,
+  size: o = "md",
+  variant: i = "red"
+}) => {
+  const e = l({ recipe: g })({ size: o, variant: i }), s = o !== "xs" && n, a = t > b ? /* @__PURE__ */ r.jsx(m, { css: e.maxElement }) : t > 0 && t;
+  return /* @__PURE__ */ r.jsx(x, { className: "NotificationCounter", "data-testid": "kibble-notification-counter", css: e.root, children: s && a });
+};
+export {
+  k as N
+};
+//# sourceMappingURL=notificationCounter.component-BzhAKrKR.js.map

package/dist/chunks/notificationCounter.component-BzhAKrKR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationCounter.component-BzhAKrKR.js","sources":["../../src/components/NotificationCounter/notificationCounter.recipe.ts","../../src/components/NotificationCounter/notificationCounter.records.ts","../../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { NotificationCounterSize, NotificationCounterVariant } 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 { NotificationCounterSize, NotificationCounterVariant } 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 = count > MAX_COUNT ? <Box css={styles.maxElement} /> : count > 0 && count;\n\n  return (\n    <Flex className=\"NotificationCounter\" data-testid=\"kibble-notification-counter\" css={styles.root}>\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":";;;;;AAGA,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,GCrHYI,IAAY,ICeZC,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,IAAiBP,IAAQF,IAAaU,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,KAAKL,EAAO,WAAY,CAAA,IAAKJ,IAAQ,KAAKA;AAGxF,SAAAQ,gBAAAA,EAAA,IAACE,GAAK,EAAA,WAAU,uBAAsB,eAAY,+BAA8B,KAAKN,EAAO,MACzF,UAAAE,KAAmBC,EACtB,CAAA;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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 = ['blue', 'green', 'neutral', 'red'] as const;\nexport type NotificationCounterVariant = (typeof notificationCounterVariants)[number];\n"],"names":["notificationCounterSizes","notificationCounterVariants"],"mappings":"aAAO,MAAMA,EAA2B,CAAC,KAAM,KAAM,KAAM,IAAI,EAGlDC,EAA8B,CAAC,OAAQ,QAAS,UAAW,KAAK"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"notificationCounter.types-Dm4PSN2Y.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 = ['blue', 'green', 'neutral', 'red'] as const;\nexport type NotificationCounterVariant = (typeof notificationCounterVariants)[number];\n"],"names":["notificationCounterSizes","notificationCounterVariants"],"mappings":"AAAO,MAAMA,IAA2B,CAAC,MAAM,MAAM,MAAM,IAAI,GAGlDC,IAA8B,CAAC,QAAQ,SAAS,WAAW,KAAK;"}

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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 = ({ src, webpSrc, ...rest }: PictureProps): React.JSX.Element => {\n  return <Image className=\"Picture\" data-testid=\"kibble-picture\" src={src} srcSet={webpSrc} {...rest} />;\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,CAAE,IAAAC,EAAK,QAAAC,EAAS,GAAGN,KAClCC,wBAACP,EAAM,CAAA,UAAU,UAAU,cAAY,iBAAiB,IAAAW,EAAU,OAAQC,EAAU,GAAGN,CAAM,CAAA","x_google_ignoreList":[0]}

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

@@ -0,0 +1,22 @@
+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-DECGd77u.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"picture.component-DECGd77u.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 = ({ src, webpSrc, ...rest }: PictureProps): React.JSX.Element => {\n  return <Image className=\"Picture\" data-testid=\"kibble-picture\" src={src} srcSet={webpSrc} {...rest} />;\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,EAAE,KAAAC,GAAK,SAAAC,GAAS,GAAGN,QAClCC,gBAAAA,MAACP,GAAM,EAAA,WAAU,WAAU,eAAY,kBAAiB,KAAAW,GAAU,QAAQC,GAAU,GAAGN,EAAM,CAAA;","x_google_ignoreList":[0]}

package/dist/chunks/pinInput.types-BlHIF-kD.js

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

package/dist/chunks/pinInput.types-BlHIF-kD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinInput.types-BlHIF-kD.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 from 'react';\nimport { PinInput as CPinInput } from '@chakra-ui/react/pin-input';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface PinInputProps extends WithFormControlProps, Omit<CPinInput.RootProps, 'size'> {\n  count?: number;\n  inputRef?: React.RefObject<HTMLInputElement | null>;\n  onContrast?: boolean;\n  rootRef?: React.RefObject<HTMLDivElement | null>;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst PinInput = React.forwardRef<HTMLInputElement, PinInputProps>(\n  (\n    { count = 6, inputRef, onContrast = false, otp = true, rootRef, size = 'md', type = 'numeric', ...rest },\n    ref,\n  ): 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={rootRef}\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          ref={inputRef || ref}\n        />\n        <CPinInput.Control className=\"PinInput__Control\" data-testid=\"kibble-pin-input-control\">\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\nPinInput.displayName = 'PinInput';\nconst WrappedPinInput = withFormControl<PinInputProps>(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","React","count","inputRef","onContrast","otp","rootRef","size","type","rest","_computedVariant","jsxs","CPinInput.Root","CPinInput.HiddenInput","CPinInput.Control","_","index","CPinInput.Input","WrappedPinInput","withFormControl","pinInputTypes"],"mappings":"qXAGM,CAACA,EAAkBC,CAAkB,EAAIC,gBAAc,CAC3D,KAAM,kBACN,SAAU,qBACV,aAAc,sBAChB,CAAC,ECAKC,EAAkBC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACjD,MAAMC,EAAWN,EAAoB,EAC/BO,EAAcC,EAAU,WAACF,EAAS,gBAAe,EAAIF,CAAK,EAChE,OAAuBK,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAAF,EAAK,CAC7D,CAAC,EACDH,EAAgB,YAAc,kBCJ9B,MAAMS,EAAsBR,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACrD,MAAMC,EAAWN,EAAoB,EAC/BO,EAAcC,EAAU,WAACF,EAAS,oBAAmB,EAAIF,CAAK,EAC9DQ,EAAQC,EAAAA,gBAAiB,EAC/B,OAAuBJ,EAAG,kBAAA,IAACC,MAAI,MAAO,CAAE,mBAAoBE,GAAO,gBAAiB,GAAGL,EAAa,IAAAF,EAAK,CAC3G,CAAC,EACDM,EAAoB,YAAc,sBCNlC,MAAMG,EAAgBX,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC/C,KAAM,CAACU,EAAYC,CAAU,EAAIC,EAAgB,iBAAA,EAAGb,EAAO,CAAC,OAAO,CAAC,EAC9DE,EAAWN,EAAoB,EAC/BO,EAAcC,EAAAA,WAAWF,EAAS,cAAcS,CAAU,EAAGC,CAAU,EAC7E,OAAuBP,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,MAAO,CAAE,GAAGH,EAAa,IAAAF,EAAK,CAC/D,CAAC,EACDS,EAAc,YAAc,gBCP5B,MAAMI,EAAgBf,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC/C,MAAMC,EAAWN,EAAoB,EAC/BO,EAAcC,EAAU,WAACF,EAAS,cAAa,EAAIF,CAAK,EAC9D,OAAuBK,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,MAAO,CAAE,GAAGH,EAAa,IAAAF,EAAK,CAC/D,CAAC,EACDa,EAAc,YAAc,gBCJ5B,MAAMC,EAAef,GAAU,CAC7B,MAAMgB,EAAKC,EAAAA,MAAO,EACZ,CAAE,YAAAC,CAAa,EAAGC,wBAAuB,EACzC,CAAE,IAAAC,CAAK,EAAGC,mBAAkB,EAC5Bb,EAAQC,EAAAA,gBAAiB,EACzBa,EAAe,CACnB,GAAAN,EACA,IAAK,CACH,MAAOR,GAAO,IAAI,MAClB,YAAaA,GAAO,IAAI,OACzB,EACD,SAAUA,GAAO,SACjB,SAAUA,GAAO,SACjB,SAAUA,GAAO,SACjB,QAASA,GAAO,QAChB,IAAAY,EACA,YAAAF,EACA,GAAGlB,CACJ,EACKuB,EAAUC,EAAAA,WAAWC,EAAgB,QAAEH,CAAY,EACzD,OAAOI,EAAgB,QAACH,EAASI,gBAAc,CACjD,ECpBMC,EAAe7B,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC9C,KAAM,CAAC4B,EAAkBjB,CAAU,EAAIC,EAAgB,iBAAA,EAAGb,EAAO,CAC/D,YACA,iBACA,QACA,eACA,WACA,OACA,KACA,MACA,UACA,OACA,OACA,gBACA,kBACA,iBACA,MACA,UACA,cACA,WACA,WACA,gBACA,eACA,OACA,OACJ,CAAG,EACKE,EAAWa,EAAYc,CAAgB,EACvC1B,EAAcC,EAAU,WAACF,EAAS,aAAY,EAAIU,CAAU,EAClE,OAAuBP,EAAG,kBAAA,IAACV,EAAkB,CAAE,MAAOO,EAAU,SAA0BG,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,IAAK,CAAE,GAAGH,EAAa,IAAAF,CAAG,CAAE,CAAC,CAAE,CACnI,CAAC,EACD2B,EAAa,YAAc,eC/B3B,MAAME,EAAuB/B,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACtD,KAAM,CAAC,CAAE,MAAOC,GAAYU,CAAU,EAAIC,EAAAA,mBAAmBb,EAAO,CAAC,OAAO,CAAC,EACvEG,EAAcC,EAAU,WAACF,EAAS,aAAY,EAAIU,CAAU,EAClE,OAAuBP,EAAG,kBAAA,IAACV,EAAkB,CAAE,MAAOO,EAAU,SAA0BG,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,IAAK,CAAE,GAAGH,EAAa,IAAAF,CAAG,CAAE,CAAC,CAAE,CACnI,CAAC,EACD6B,EAAqB,YAAc,uBCRnC,KAAM,CACJ,aAAAC,EACA,YAAAC,CAGF,EAAIC,EAAuB,wBAAC,CAAE,IAAK,UAAU,CAAE,EAClBF,EAAaG,EAAuB,OAAQ,CAAE,eAAgB,EAAM,CAAA,EACjG,MAAMN,EAAeG,EACnBI,EACA,OACA,CAAE,aAAc,CAAC,MAAM,EAAG,eAAgB,EAAI,CAChD,EAEMrC,EAAkBkC,EAAYI,EAAkB,UAAW,CAAE,eAAgB,GAAM,EACnF1B,EAAgBsB,EACpBK,EACA,QACA,CAAE,eAAgB,EAAI,CACxB,EACsBL,EACpBM,EACA,QACA,CAAE,eAAgB,EAAI,CACxB,EAEA,MAAM/B,EAAsBgC,EClBtBC,EAAWC,EAAM,QAAA,WACrB,CACE,CAAE,MAAAC,EAAQ,EAAG,SAAAC,EAAU,WAAAC,EAAa,GAAO,IAAAC,EAAM,GAAM,QAAAC,EAAS,KAAAC,EAAO,KAAM,KAAAC,EAAO,UAAW,GAAGC,GAClGhD,IACsB,CAChB,MAAAiD,EAAmBN,EAAa,aAAe,UAGnD,OAAAO,EAAA,kBAAA,KAACC,EAAA,CACC,UAAU,WACV,cAAY,mBACZ,IAAKN,EACL,QAASI,EACT,KAAAH,EACA,KAAAC,EACA,IAAAH,EACC,GAAGI,EAEJ,SAAA,CAAA5C,EAAA,kBAAA,IAACgD,EAAA,CACC,UAAU,wBACV,cAAY,gCACZ,IAAKV,GAAY1C,CAAA,CACnB,0BACCqD,EAAA,CAAkB,UAAU,oBAAoB,cAAY,2BAC1D,SAAA,MAAM,KAAK,CAAE,OAAQZ,CAAO,CAAA,EAAE,IAAI,CAACa,EAAGC,IACrCnD,EAAA,kBAAA,IAACoD,EAAA,CAEC,MAAAD,EACA,UAAU,kBACV,cAAa,0BAA0BA,CAAK,EAAA,EAHvCA,CAAA,CAKR,CACH,CAAA,CAAA,CAAA,CACF,CAAA,CAGN,EAEAhB,EAAS,YAAc,WACjB,MAAAkB,EAAkBC,kBAA+BnB,CAAQ,ECnDlDoB,EAAgB,CAAC,UAAW,aAAc,cAAc","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pinInput.types-CD_tKvQm.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 from 'react';\nimport { PinInput as CPinInput } from '@chakra-ui/react/pin-input';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface PinInputProps extends WithFormControlProps, Omit<CPinInput.RootProps, 'size'> {\n  count?: number;\n  inputRef?: React.RefObject<HTMLInputElement | null>;\n  onContrast?: boolean;\n  rootRef?: React.RefObject<HTMLDivElement | null>;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst PinInput = React.forwardRef<HTMLInputElement, PinInputProps>(\n  (\n    { count = 6, inputRef, onContrast = false, otp = true, rootRef, size = 'md', type = 'numeric', ...rest },\n    ref,\n  ): 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={rootRef}\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          ref={inputRef || ref}\n        />\n        <CPinInput.Control className=\"PinInput__Control\" data-testid=\"kibble-pin-input-control\">\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\nPinInput.displayName = 'PinInput';\nconst WrappedPinInput = withFormControl<PinInputProps>(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","React","count","inputRef","onContrast","otp","rootRef","size","type","rest","_computedVariant","jsxs","CPinInput.Root","CPinInput.HiddenInput","CPinInput.Control","_","index","CPinInput.Input","WrappedPinInput","withFormControl","pinInputTypes"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}

package/dist/chunks/popover-root-provider-BErev2-N.js

@@ -0,0 +1,43 @@
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import { forwardRef as P, useId as d } from "react";
+import { c as x, f as i, u as C, h as g, i as f, j as h, k as j, n as R, s as v, l as m, m as u } from "./use-locale-context-BiiNTYMT.js";
+import { a1 as p } from "./index-YtNA0Ueo.js";
+import { m as N, c as k } from "./index-L197Dry5.js";
+const [l, a] = x({
+  name: "PopoverContext",
+  hookName: "usePopoverContext",
+  providerName: "<PopoverProvider />"
+}), T = P((e, s) => {
+  const r = a(), o = p(r.getCloseTriggerProps(), e);
+  return /* @__PURE__ */ t.jsx(i.button, { ...o, ref: s });
+});
+T.displayName = "PopoverCloseTrigger";
+const b = P((e, s) => {
+  const r = a(), o = C(), n = p(r.getContentProps(), o.getPresenceProps(), e);
+  return o.unmounted ? null : /* @__PURE__ */ t.jsx(i.div, { ...n, ref: g(o.ref, s) });
+});
+b.displayName = "PopoverContent";
+const M = (e) => e.children(a()), y = (e) => {
+  const s = d(), { getRootNode: r } = f(), { dir: o } = h(), n = {
+    id: s,
+    dir: o,
+    getRootNode: r,
+    ...e
+  }, c = j(N, n);
+  return k(c, R);
+}, q = (e) => {
+  const [s, { children: r, ...o }] = v(e), n = y(o), c = m(p({ present: n.open }, s));
+  return /* @__PURE__ */ t.jsx(l, { value: n, children: /* @__PURE__ */ t.jsx(u, { value: c, children: r }) });
+}, A = (e) => {
+  const [s, { value: r, children: o }] = v(e), n = m(p({ present: r.open }, s));
+  return /* @__PURE__ */ t.jsx(l, { value: r, children: /* @__PURE__ */ t.jsx(u, { value: n, children: o }) });
+};
+export {
+  M as P,
+  b as a,
+  T as b,
+  q as c,
+  A as d,
+  a as u
+};
+//# sourceMappingURL=popover-root-provider-BErev2-N.js.map

package/dist/chunks/popover-root-provider-BErev2-N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-root-provider-BErev2-N.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/use-popover-context.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-close-trigger.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-content.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-context.js","../../node_modules/@ark-ui/react/dist/components/popover/use-popover.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-root.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-root-provider.js"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [PopoverProvider, usePopoverContext] = createContext({\n  name: \"PopoverContext\",\n  hookName: \"usePopoverContext\",\n  providerName: \"<PopoverProvider />\"\n});\n\nexport { PopoverProvider, usePopoverContext };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverCloseTrigger = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getCloseTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverCloseTrigger.displayName = \"PopoverCloseTrigger\";\n\nexport { PopoverCloseTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverContent = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(popover.getContentProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nPopoverContent.displayName = \"PopoverContent\";\n\nexport { PopoverContent };\n","'use client';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverContext = (props) => props.children(usePopoverContext());\n\nexport { PopoverContext };\n","'use client';\nimport * as popover from '@zag-js/popover';\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';\n\nconst usePopover = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(popover.machine, machineProps);\n  return popover.connect(service, normalizeProps);\n};\n\nexport { usePopover };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { usePopover } from './use-popover.js';\nimport { PopoverProvider } from './use-popover-context.js';\n\nconst PopoverRoot = (props) => {\n  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n  const popover = usePopover(localProps);\n  const presence = usePresence(mergeProps({ present: popover.open }, presenceProps));\n  return /* @__PURE__ */ jsx(PopoverProvider, { value: popover, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { PopoverRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { PopoverProvider } from './use-popover-context.js';\n\nconst PopoverRootProvider = (props) => {\n  const [presenceProps, { value: popover, children }] = splitPresenceProps(props);\n  const presence = usePresence(mergeProps({ present: popover.open }, presenceProps));\n  return /* @__PURE__ */ jsx(PopoverProvider, { value: popover, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { PopoverRootProvider };\n"],"names":["PopoverProvider","usePopoverContext","createContext","PopoverCloseTrigger","forwardRef","props","ref","popover","mergedProps","mergeProps","jsx","ark","PopoverContent","presence","usePresenceContext","composeRefs","PopoverContext","usePopover","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","popover.machine","popover.connect","normalizeProps","PopoverRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","PopoverRootProvider"],"mappings":";;;;;AAGK,MAAC,CAACA,GAAiBC,CAAiB,IAAIC,EAAc;AAAA,EACzD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GCAKC,IAAsBC,EAAW,CAACC,GAAOC,MAAQ;AACrD,QAAMC,IAAUN,EAAmB,GAC7BO,IAAcC,EAAWF,EAAQ,qBAAoB,GAAIF,CAAK;AACpE,SAAuBK,gBAAAA,EAAAA,IAAIC,EAAI,QAAQ,EAAE,GAAGH,GAAa,KAAAF,GAAK;AAChE,CAAC;AACDH,EAAoB,cAAc;ACH7B,MAACS,IAAiBR,EAAW,CAACC,GAAOC,MAAQ;AAChD,QAAMC,IAAUN,EAAmB,GAC7BY,IAAWC,EAAoB,GAC/BN,IAAcC,EAAWF,EAAQ,gBAAiB,GAAEM,EAAS,iBAAkB,GAAER,CAAK;AAC5F,SAAIQ,EAAS,YACJ,OAEcH,gBAAAA,MAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAKO,EAAYF,EAAS,KAAKP,CAAG,EAAC,CAAE;AAC7F,CAAC;AACDM,EAAe,cAAc;ACfxB,MAACI,IAAiB,CAACX,MAAUA,EAAM,SAASJ,EAAmB,CAAA,GCI9DgB,IAAa,CAACZ,MAAU;AAC5B,QAAMa,IAAKC,EAAO,GACZ,EAAE,aAAAC,EAAa,IAAGC,EAAuB,GACzC,EAAE,KAAAC,EAAK,IAAGC,EAAkB,GAC5BC,IAAe;AAAA,IACnB,IAAAN;AAAA,IACA,KAAAI;AAAA,IACA,aAAAF;AAAA,IACA,GAAGf;AAAA,EACJ,GACKoB,IAAUC,EAAWC,GAAiBH,CAAY;AACxD,SAAOI,EAAgBH,GAASI,CAAc;AAChD,GCVMC,IAAc,CAACzB,MAAU;AAC7B,QAAM,CAAC0B,GAAe,EAAE,UAAAC,GAAU,GAAGC,GAAY,IAAIC,EAAmB7B,CAAK,GACvEE,IAAUU,EAAWgB,CAAU,GAC/BpB,IAAWsB,EAAY1B,EAAW,EAAE,SAASF,EAAQ,QAAQwB,CAAa,CAAC;AACjF,SAAuBrB,gBAAAA,EAAG,IAACV,GAAiB,EAAE,OAAOO,GAAS,UAA0BG,gBAAAA,MAAI0B,GAAkB,EAAE,OAAOvB,GAAU,UAAAmB,EAAQ,CAAE,EAAC,CAAE;AAChJ,GCNMK,IAAsB,CAAChC,MAAU;AACrC,QAAM,CAAC0B,GAAe,EAAE,OAAOxB,GAAS,UAAAyB,GAAU,IAAIE,EAAmB7B,CAAK,GACxEQ,IAAWsB,EAAY1B,EAAW,EAAE,SAASF,EAAQ,QAAQwB,CAAa,CAAC;AACjF,SAAuBrB,gBAAAA,EAAG,IAACV,GAAiB,EAAE,OAAOO,GAAS,UAA0BG,gBAAAA,MAAI0B,GAAkB,EAAE,OAAOvB,GAAU,UAAAmB,EAAQ,CAAE,EAAC,CAAE;AAChJ;","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/chunks/popover-root-provider-C2iwUZJn.js

@@ -0,0 +1,2 @@
+"use strict";const p=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),e=require("./use-locale-context-D0LByRu9.js"),c=require("./index-CHIISuTq.js"),v=require("./index-QTIBH1Or.js"),[x,P]=e.createContext({name:"PopoverContext",hookName:"usePopoverContext",providerName:"<PopoverProvider />"}),d=u.forwardRef((o,t)=>{const s=P(),r=c.mergeProps(s.getCloseTriggerProps(),o);return p.jsxRuntimeExports.jsx(e.ark.button,{...r,ref:t})});d.displayName="PopoverCloseTrigger";const a=u.forwardRef((o,t)=>{const s=P(),r=e.usePresenceContext(),n=c.mergeProps(s.getContentProps(),r.getPresenceProps(),o);return r.unmounted?null:p.jsxRuntimeExports.jsx(e.ark.div,{...n,ref:e.composeRefs(r.ref,t)})});a.displayName="PopoverContent";const l=o=>o.children(P()),m=o=>{const t=u.useId(),{getRootNode:s}=e.useEnvironmentContext(),{dir:r}=e.useLocaleContext(),n={id:t,dir:r,getRootNode:s,...o},i=e.useMachine(v.machine,n);return v.connect(i,e.normalizeProps)},C=o=>{const[t,{children:s,...r}]=e.splitPresenceProps(o),n=m(r),i=e.usePresence(c.mergeProps({present:n.open},t));return p.jsxRuntimeExports.jsx(x,{value:n,children:p.jsxRuntimeExports.jsx(e.PresenceProvider,{value:i,children:s})})},g=o=>{const[t,{value:s,children:r}]=e.splitPresenceProps(o),n=e.usePresence(c.mergeProps({present:s.open},t));return p.jsxRuntimeExports.jsx(x,{value:s,children:p.jsxRuntimeExports.jsx(e.PresenceProvider,{value:n,children:r})})};exports.PopoverCloseTrigger=d;exports.PopoverContent=a;exports.PopoverContext=l;exports.PopoverRoot=C;exports.PopoverRootProvider=g;exports.usePopoverContext=P;
+//# sourceMappingURL=popover-root-provider-C2iwUZJn.js.map

package/dist/chunks/popover-root-provider-C2iwUZJn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-root-provider-C2iwUZJn.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/use-popover-context.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-close-trigger.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-content.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-context.js","../../node_modules/@ark-ui/react/dist/components/popover/use-popover.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-root.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-root-provider.js"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [PopoverProvider, usePopoverContext] = createContext({\n  name: \"PopoverContext\",\n  hookName: \"usePopoverContext\",\n  providerName: \"<PopoverProvider />\"\n});\n\nexport { PopoverProvider, usePopoverContext };\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 { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverCloseTrigger = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const mergedProps = mergeProps(popover.getCloseTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverCloseTrigger.displayName = \"PopoverCloseTrigger\";\n\nexport { PopoverCloseTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverContent = forwardRef((props, ref) => {\n  const popover = usePopoverContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(popover.getContentProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nPopoverContent.displayName = \"PopoverContent\";\n\nexport { PopoverContent };\n","'use client';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverContext = (props) => props.children(usePopoverContext());\n\nexport { PopoverContext };\n","'use client';\nimport * as popover from '@zag-js/popover';\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';\n\nconst usePopover = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(popover.machine, machineProps);\n  return popover.connect(service, normalizeProps);\n};\n\nexport { usePopover };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { usePopover } from './use-popover.js';\nimport { PopoverProvider } from './use-popover-context.js';\n\nconst PopoverRoot = (props) => {\n  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n  const popover = usePopover(localProps);\n  const presence = usePresence(mergeProps({ present: popover.open }, presenceProps));\n  return /* @__PURE__ */ jsx(PopoverProvider, { value: popover, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { PopoverRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { PopoverProvider } from './use-popover-context.js';\n\nconst PopoverRootProvider = (props) => {\n  const [presenceProps, { value: popover, children }] = splitPresenceProps(props);\n  const presence = usePresence(mergeProps({ present: popover.open }, presenceProps));\n  return /* @__PURE__ */ jsx(PopoverProvider, { value: popover, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });\n};\n\nexport { PopoverRootProvider };\n"],"names":["PopoverProvider","usePopoverContext","createContext","PopoverCloseTrigger","forwardRef","props","ref","popover","mergedProps","mergeProps","jsx","ark","PopoverContent","presence","usePresenceContext","composeRefs","PopoverContext","usePopover","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","popover.machine","popover.connect","normalizeProps","PopoverRoot","presenceProps","children","localProps","splitPresenceProps","usePresence","PresenceProvider","PopoverRootProvider"],"mappings":"6LAGM,CAACA,EAAiBC,CAAiB,EAAIC,gBAAc,CACzD,KAAM,iBACN,SAAU,oBACV,aAAc,qBAChB,CAAC,ECAKC,EAAsBC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACrD,MAAMC,EAAUN,EAAmB,EAC7BO,EAAcC,EAAU,WAACF,EAAQ,qBAAoB,EAAIF,CAAK,EACpE,OAAuBK,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,OAAQ,CAAE,GAAGH,EAAa,IAAAF,EAAK,CAChE,CAAC,EACDH,EAAoB,YAAc,sBCH7B,MAACS,EAAiBR,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAChD,MAAMC,EAAUN,EAAmB,EAC7BY,EAAWC,EAAAA,mBAAoB,EAC/BN,EAAcC,EAAU,WAACF,EAAQ,gBAAiB,EAAEM,EAAS,iBAAkB,EAAER,CAAK,EAC5F,OAAIQ,EAAS,UACJ,KAEcH,wBAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGH,EAAa,IAAKO,EAAAA,YAAYF,EAAS,IAAKP,CAAG,CAAC,CAAE,CAC7F,CAAC,EACDM,EAAe,YAAc,iBCfxB,MAACI,EAAkBX,GAAUA,EAAM,SAASJ,EAAmB,CAAA,ECI9DgB,EAAcZ,GAAU,CAC5B,MAAMa,EAAKC,EAAAA,MAAO,EACZ,CAAE,YAAAC,CAAa,EAAGC,wBAAuB,EACzC,CAAE,IAAAC,CAAK,EAAGC,mBAAkB,EAC5BC,EAAe,CACnB,GAAAN,EACA,IAAAI,EACA,YAAAF,EACA,GAAGf,CACJ,EACKoB,EAAUC,EAAAA,WAAWC,EAAe,QAAEH,CAAY,EACxD,OAAOI,EAAe,QAACH,EAASI,gBAAc,CAChD,ECVMC,EAAezB,GAAU,CAC7B,KAAM,CAAC0B,EAAe,CAAE,SAAAC,EAAU,GAAGC,EAAY,EAAIC,EAAkB,mBAAC7B,CAAK,EACvEE,EAAUU,EAAWgB,CAAU,EAC/BpB,EAAWsB,EAAW,YAAC1B,aAAW,CAAE,QAASF,EAAQ,MAAQwB,CAAa,CAAC,EACjF,OAAuBrB,EAAG,kBAAA,IAACV,EAAiB,CAAE,MAAOO,EAAS,SAA0BG,wBAAI0B,EAAAA,iBAAkB,CAAE,MAAOvB,EAAU,SAAAmB,CAAQ,CAAE,CAAC,CAAE,CAChJ,ECNMK,EAAuBhC,GAAU,CACrC,KAAM,CAAC0B,EAAe,CAAE,MAAOxB,EAAS,SAAAyB,EAAU,EAAIE,EAAkB,mBAAC7B,CAAK,EACxEQ,EAAWsB,EAAW,YAAC1B,aAAW,CAAE,QAASF,EAAQ,MAAQwB,CAAa,CAAC,EACjF,OAAuBrB,EAAG,kBAAA,IAACV,EAAiB,CAAE,MAAOO,EAAS,SAA0BG,wBAAI0B,EAAAA,iBAAkB,CAAE,MAAOvB,EAAU,SAAAmB,CAAQ,CAAE,CAAC,CAAE,CAChJ","x_google_ignoreList":[0,1,2,3,4,5,6]}