@televet/kibble-ui 4.0.0-beta.84 → 4.0.0-beta.86

package/dist/chunks/link.component-CCFg-LIe.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),m=require("react"),k=require("./icon.component-C0e0UGBw.js"),j=require("./useIconTextSizeMap-BXmABb54.js"),d=require("./create-recipe-context-sESms8Eo.js"),R=require("./h-stack-Bjx9hlJo.js"),{withContext:q}=d.createRecipeContext({key:"link"}),z=q("a"),a=({variant:t,...i})=>n.jsxRuntimeExports.jsx(k.Icon,{variant:t||"interactive",...i}),x=m.forwardRef((t,i)=>{const{children:p,external:u,iconProps:e,size:r="md",variant:s="interactive",...l}=t,o=j.useIconTextSizeMap(r),c=e?.position||"start";return n.jsxRuntimeExports.jsx(z,{className:"Link","data-testid":"kibble-link",variant:s,display:"inline-block",size:r,ref:i,...u&&{target:"_blank",rel:"noopener noreferrer"},...l,children:n.jsxRuntimeExports.jsxs(R.HStack,{gap:1,align:"center",children:[e&&c==="start"&&n.jsxRuntimeExports.jsx(a,{name:e.name,variant:s,size:o}),p,e&&c==="end"&&n.jsxRuntimeExports.jsx(a,{name:e.name,variant:s,size:o})]})})});x.displayName="Link";exports.Link=x;
-//# sourceMappingURL=link.component-CCFg-LIe.js.map

package/dist/chunks/link.component-CCFg-LIe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.component-CCFg-LIe.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/link/link.js","../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"link\"\n});\nconst Link = withContext(\"a\");\nconst LinkPropsProvider = PropsProvider;\n\nexport { Link, LinkPropsProvider };\n","import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n  position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n  variant,\n  ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport {\n  LinkIcon,\n  LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n  iconProps?: LinkIconProps;\n  external?: boolean;\n  size?: TextSize;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  to?: any;\n  variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n  (\n    props: LinkProps,\n    ref: ForwardedRef<HTMLAnchorElement>,\n  ): React.JSX.Element => {\n    const {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    } = props;\n    const mapIconSize = useIconTextSizeMap(size);\n    const iconPosition = iconProps?.position || \"start\";\n\n    return (\n      <CLink\n        className=\"Link\"\n        data-testid=\"kibble-link\"\n        variant={variant}\n        display=\"inline-block\"\n        size={size}\n        ref={ref}\n        {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n        {...rest}\n      >\n        <HStack gap={1} align=\"center\">\n          {iconProps && iconPosition === \"start\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n          {children}\n          {iconProps && iconPosition === \"end\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["withContext","createRecipeContext","Link","LinkIcon","variant","rest","Icon","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack"],"mappings":"yPAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,MACP,CAAC,EACKC,EAAOF,EAAY,GAAG,ECEfG,EAAW,CAAC,CACvB,QAAAC,EACA,GAAGC,CACL,4BACUC,EAAAA,KAAK,CAAA,QAASF,GAAW,cAAgB,GAAGC,EAAM,ECO/CH,EAAOK,EAAA,WAClB,CACEC,EACAC,IACsB,CAChB,KAAA,CACJ,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,QAAAT,EAAU,cACV,GAAGC,CAAA,EACDG,EACEM,EAAcC,qBAAmBF,CAAI,EACrCG,EAAeJ,GAAW,UAAY,QAG1C,OAAAK,EAAA,kBAAA,IAACC,EAAA,CACC,UAAU,OACV,cAAY,cACZ,QAAAd,EACA,QAAQ,eACR,KAAAS,EACA,IAAAJ,EACC,GAAIE,GAAY,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAC/D,GAAGN,EAEJ,SAACc,EAAAA,kBAAAA,KAAAC,EAAAA,OAAA,CAAO,IAAK,EAAG,MAAM,SACnB,SAAA,CAAAR,GAAaI,IAAiB,SAC7BC,EAAA,kBAAA,IAACd,EAAA,CACC,KAAMS,EAAU,KAChB,QAAAR,EACA,KAAMU,CAAA,CACR,EAEDJ,EACAE,GAAaI,IAAiB,OAC7BC,EAAA,kBAAA,IAACd,EAAA,CACC,KAAMS,EAAU,KAChB,QAAAR,EACA,KAAMU,CAAA,CAAA,CACR,CAEJ,CAAA,CAAA,CACF,CAAA,CAGN,EAEAZ,EAAK,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/link.component-DprieyUG.js

@@ -1,60 +0,0 @@
-import { j as n } from "./jsx-runtime-C5mzlN2N.js";
-import { forwardRef as k } from "react";
-import { I as x } from "./icon.component-DGNCL1Yc.js";
-import { u as d } from "./useIconTextSizeMap-BK-pUrQv.js";
-import { c as f } from "./create-recipe-context-D7FewUR4.js";
-import { H as j } from "./h-stack-Ce6JSBK2.js";
-const { withContext: L } = f({
-  key: "link"
-}), u = L("a"), c = ({
-  variant: t,
-  ...i
-}) => /* @__PURE__ */ n.jsx(x, { variant: t || "interactive", ...i }), z = k(
-  (t, i) => {
-    const {
-      children: m,
-      external: p,
-      iconProps: e,
-      size: o = "md",
-      variant: r = "interactive",
-      ...l
-    } = t, a = d(o), s = e?.position || "start";
-    return /* @__PURE__ */ n.jsx(
-      u,
-      {
-        className: "Link",
-        "data-testid": "kibble-link",
-        variant: r,
-        display: "inline-block",
-        size: o,
-        ref: i,
-        ...p && { target: "_blank", rel: "noopener noreferrer" },
-        ...l,
-        children: /* @__PURE__ */ n.jsxs(j, { gap: 1, align: "center", children: [
-          e && s === "start" && /* @__PURE__ */ n.jsx(
-            c,
-            {
-              name: e.name,
-              variant: r,
-              size: a
-            }
-          ),
-          m,
-          e && s === "end" && /* @__PURE__ */ n.jsx(
-            c,
-            {
-              name: e.name,
-              variant: r,
-              size: a
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-z.displayName = "Link";
-export {
-  z as L
-};
-//# sourceMappingURL=link.component-DprieyUG.js.map

package/dist/chunks/link.component-DprieyUG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.component-DprieyUG.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/link/link.js","../../src/components/Link/components/LinkIcon/linkIcon.component.tsx","../../src/components/Link/link.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"link\"\n});\nconst Link = withContext(\"a\");\nconst LinkPropsProvider = PropsProvider;\n\nexport { Link, LinkPropsProvider };\n","import React from \"react\";\nimport { Icon, IconProps } from \"components/Icon\";\n\nexport interface LinkIconProps extends Pick<IconProps, \"name\"> {\n  position?: \"start\" | \"end\";\n}\n\ntype InternalLinkIconProps = Pick<IconProps, \"name\" | \"variant\" | \"size\">;\n\nexport const LinkIcon = ({\n  variant,\n  ...rest\n}: InternalLinkIconProps): React.JSX.Element => {\n  return <Icon variant={variant || \"interactive\"} {...rest} />;\n};\n","import React, { ForwardedRef, forwardRef } from \"react\";\nimport { Link as CLink, LinkProps as CLinkProps } from \"@chakra-ui/react/link\"; // Make sure to use named imports from Chakra UI\nimport { TypographyVariant } from \"shared/types\";\nimport { TextSize } from \"components/Text/text.types\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport {\n  LinkIcon,\n  LinkIconProps,\n} from \"./components/LinkIcon/linkIcon.component\";\nimport { useIconTextSizeMap } from \"hooks/useIconTextSizeMap\";\n\nexport interface LinkProps extends CLinkProps {\n  iconProps?: LinkIconProps;\n  external?: boolean;\n  size?: TextSize;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  to?: any;\n  variant?: TypographyVariant;\n}\n\nexport const Link = forwardRef(\n  (\n    props: LinkProps,\n    ref: ForwardedRef<HTMLAnchorElement>,\n  ): React.JSX.Element => {\n    const {\n      children,\n      external,\n      iconProps,\n      size = \"md\",\n      variant = \"interactive\",\n      ...rest\n    } = props;\n    const mapIconSize = useIconTextSizeMap(size);\n    const iconPosition = iconProps?.position || \"start\";\n\n    return (\n      <CLink\n        className=\"Link\"\n        data-testid=\"kibble-link\"\n        variant={variant}\n        display=\"inline-block\"\n        size={size}\n        ref={ref}\n        {...(external && { target: \"_blank\", rel: \"noopener noreferrer\" })}\n        {...rest}\n      >\n        <HStack gap={1} align=\"center\">\n          {iconProps && iconPosition === \"start\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n          {children}\n          {iconProps && iconPosition === \"end\" && (\n            <LinkIcon\n              name={iconProps.name}\n              variant={variant}\n              size={mapIconSize}\n            />\n          )}\n        </HStack>\n      </CLink>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["withContext","createRecipeContext","Link","LinkIcon","variant","rest","Icon","forwardRef","props","ref","children","external","iconProps","size","mapIconSize","useIconTextSizeMap","iconPosition","jsx","CLink","jsxs","HStack"],"mappings":";;;;;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAOF,EAAY,GAAG,GCEfG,IAAW,CAAC;AAAA,EACvB,SAAAC;AAAA,EACA,GAAGC;AACL,4BACUC,GAAK,EAAA,SAASF,KAAW,eAAgB,GAAGC,GAAM,GCO/CH,IAAOK;AAAA,EAClB,CACEC,GACAC,MACsB;AAChB,UAAA;AAAA,MACJ,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC,IAAO;AAAA,MACP,SAAAT,IAAU;AAAA,MACV,GAAGC;AAAA,IAAA,IACDG,GACEM,IAAcC,EAAmBF,CAAI,GACrCG,IAAeJ,GAAW,YAAY;AAG1C,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,SAAAd;AAAA,QACA,SAAQ;AAAA,QACR,MAAAS;AAAA,QACA,KAAAJ;AAAA,QACC,GAAIE,KAAY,EAAE,QAAQ,UAAU,KAAK,sBAAsB;AAAA,QAC/D,GAAGN;AAAA,QAEJ,UAACc,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,KAAK,GAAG,OAAM,UACnB,UAAA;AAAA,UAAAR,KAAaI,MAAiB,WAC7BC,gBAAAA,EAAA;AAAA,YAACd;AAAA,YAAA;AAAA,cACC,MAAMS,EAAU;AAAA,cAChB,SAAAR;AAAA,cACA,MAAMU;AAAA,YAAA;AAAA,UACR;AAAA,UAEDJ;AAAA,UACAE,KAAaI,MAAiB,SAC7BC,gBAAAA,EAAA;AAAA,YAACd;AAAA,YAAA;AAAA,cACC,MAAMS,EAAU;AAAA,cAChB,SAAAR;AAAA,cACA,MAAMU;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,EAEJ,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAZ,EAAK,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/menu.component-BPtwVqUh.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),A=require("./button.component-Dd9AfGox.js"),Q=require("./icon.component-C0e0UGBw.js"),G=require("./text.component-DwVoyMgc.js"),k=require("./flex-D14H6HbP.js"),Be=require("./textInput.component-rWxcxFXP.js"),qe=require("./spinner.component-BGFAakzz.js"),S=require("./box-Baq7UBls.js"),$e=require("./modal.context-EJ67QNzq.js"),U=require("./checkbox.component-CKLGUOSX.js"),o=require("./use-locale-context-D0LByRu9.js"),Fe=require("./create-slot-recipe-context-IwVIgtBt.js"),Le=require("./icons-CTpAjbC-.js"),D=require("./index-DSedXH1s.js"),d=require("./index-CHIISuTq.js"),Ve=t=>t&&t.__esModule?t:{default:t},ze=Ve(u),[X,j]=o.createContext({name:"MenuContext",hookName:"useMenuContext",providerName:"<MenuProvider />",strict:!1}),Y=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getArrowProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Y.displayName="MenuArrow";const Z=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getArrowTipProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Z.displayName="MenuArrowTip";const[O,it]=o.createContext({name:"MenuItemContext",hookName:"useMenuItemContext",providerName:"<MenuItemProvider />"}),[ee,te]=o.createContext({name:"MenuOptionItemPropsContext",hookName:"useMenuOptionItemPropsContext",providerName:"<MenuOptionItemPropsProvider />"}),ne=u.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["checked","closeOnSelect","disabled","onCheckedChange","value","valueText"]),i={...n,type:"checkbox"},l=j(),a=d.mergeProps(l.getOptionItemProps(i),r),x=l.getOptionItemState(i);return e.jsxRuntimeExports.jsx(ee,{value:i,children:e.jsxRuntimeExports.jsx(O,{value:x,children:e.jsxRuntimeExports.jsx(o.ark.div,{...a,ref:s})})})});ne.displayName="MenuCheckboxItem";const se=u.forwardRef((t,s)=>{const n=j(),r=o.usePresenceContext(),i=d.mergeProps(n.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(o.ark.div,{...i,ref:o.composeRefs(r.ref,s)})});se.displayName="MenuContent";const re=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getContextTriggerProps(),t);return e.jsxRuntimeExports.jsx(o.ark.button,{...r,ref:s})});re.displayName="MenuContextTrigger";const oe=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});oe.displayName="MenuIndicator";const ue=u.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["closeOnSelect","disabled","value","valueText","onSelect"]),i=j(),l=d.mergeProps(i.getItemProps(n),r),a=i.getItemState(n);return u.useEffect(()=>i.addItemListener({id:a.id,onSelect:n.onSelect}),[a.id,n.onSelect]),e.jsxRuntimeExports.jsx(O,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...l,ref:s})})});ue.displayName="MenuItem";const[ie,ce]=o.createContext({name:"MenuItemGroupContext",hookName:"useMenuItemGroupContext",providerName:"<MenuItemGroupProvider />"}),ae=u.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["id"]),i=j(),a={id:u.useId(),...n},x=d.mergeProps(i.getItemGroupProps(a),r);return e.jsxRuntimeExports.jsx(ie,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})});ae.displayName="MenuItemGroup";const le=u.forwardRef((t,s)=>{const n=j(),r=ce(),i=d.mergeProps(n.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...i,ref:s})});le.displayName="MenuItemGroupLabel";const pe=u.forwardRef((t,s)=>{const n=j(),r=te(),i=d.mergeProps(n.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...i,ref:s})});pe.displayName="MenuItemIndicator";const xe=u.forwardRef((t,s)=>{const n=j(),r=te(),i=d.mergeProps(n.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...i,ref:s})});xe.displayName="MenuItemText";const me=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getPositionerProps(),t);return o.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});me.displayName="MenuPositioner";const de=u.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["closeOnSelect","disabled","value","valueText"]),i=j(),l=ce(),a={...n,checked:l.value===n.value,type:"radio",onCheckedChange:()=>l.onValueChange?.({value:n.value})},x=d.mergeProps(i.getOptionItemProps(a),r),g=i.getOptionItemState(a);return e.jsxRuntimeExports.jsx(ee,{value:a,children:e.jsxRuntimeExports.jsx(O,{value:g,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})})});de.displayName="MenuRadioItem";const je=u.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["id","onValueChange","value"]),i=j(),a={id:u.useId(),...n},x=d.mergeProps(i.getItemGroupProps({id:a.id}),r);return e.jsxRuntimeExports.jsx(ie,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})});je.displayName="MenuRadioItemGroup";const he=t=>{const s=u.useRef(t),n=u.useRef(!1);u.useEffect(()=>{s.current=t}),u.useEffect(()=>{n.current!==!0&&(n.current=!0,s.current())},[])},We=t=>{const s=u.useId(),{getRootNode:n}=o.useEnvironmentContext(),{dir:r}=o.useLocaleContext(),i={id:s,dir:r,getRootNode:n,...t},l=o.useMachine(D.machine,i);return{api:D.connect(l,o.normalizeProps),service:l}},[ge,fe]=o.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),[Pe,De]=o.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),He=t=>{const[s,n]=o.splitPresenceProps(t),[r,i]=o.createSplitProps()(n,["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","open","positioning","typeahead"]),l=j(),a=fe(),{api:x,service:g}=We(r),P=o.usePresence(d.mergeProps({present:x.open},s));he(()=>{a&&l&&(l.setChild(g),x.setParent(a))});const I=u.useCallback(()=>l?.getTriggerItemProps(x),[x,l]);return e.jsxRuntimeExports.jsx(Pe,{value:I,children:e.jsxRuntimeExports.jsx(ge,{value:g,children:e.jsxRuntimeExports.jsx(X,{value:x,children:e.jsxRuntimeExports.jsx(o.PresenceProvider,{value:P,...i})})})})},Ke=t=>{const s=j(),n=fe(),[r,{value:i,children:l}]=o.splitPresenceProps(t),{api:a,service:x}=i,g=o.usePresence(d.mergeProps({present:a.open},r));he(()=>{n&&s&&(s.setChild(x),a.setParent(n))});const P=u.useCallback(()=>s?.getTriggerItemProps(a),[a,s]);return e.jsxRuntimeExports.jsx(Pe,{value:P,children:e.jsxRuntimeExports.jsx(ge,{value:x,children:e.jsxRuntimeExports.jsx(X,{value:a,children:e.jsxRuntimeExports.jsx(o.PresenceProvider,{value:g,children:l})})})})},Re=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getSeparatorProps(),t);return e.jsxRuntimeExports.jsx(o.ark.hr,{...r,ref:s})});Re.displayName="MenuSeparator";const Me=u.forwardRef((t,s)=>{const n=j(),r=o.usePresenceContext(),i=d.mergeProps({...n.getTriggerProps(),"aria-controls":r.unmounted?void 0:n.getTriggerProps()["aria-controls"]},t);return e.jsxRuntimeExports.jsx(o.ark.button,{...i,ref:s})});Me.displayName="MenuTrigger";const Ce=u.forwardRef((t,s)=>{const n=De(),r=d.mergeProps(n?.()??{},t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Ce.displayName="MenuTriggerItem";const{withRootProvider:Ie,withContext:h}=Fe.createSlotRecipeContext({key:"menu"});Ie(Ke);const Je=Ie(He,{defaultProps:{lazyMount:!0,unmountOnExit:!0}}),Qe=h(Me,"trigger",{forwardAsChild:!0});h(re,"contextTrigger",{forwardAsChild:!0});const Ue=h(me,"positioner",{forwardAsChild:!0});h(Re,"separator",{forwardAsChild:!0});const Xe=h(se,"content",{forwardAsChild:!0}),Ye=h(Z,"arrowTip",{forwardAsChild:!0});h(Y,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(Ye,{})}});h(oe,"indicator",{forwardAsChild:!0});const Ze=h(ae,"itemGroup",{forwardAsChild:!0}),et=h(le,"itemGroupLabel",{forwardAsChild:!0}),tt=h(ue,"item",{forwardAsChild:!0}),nt=h(Ce,"item",{forwardAsChild:!0});h(xe,"itemText",{forwardAsChild:!0});h("kbd","itemCommand");h(pe,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(Le.CheckIcon,{boxSize:"4"})}});const st=h(ne,"item",{forwardAsChild:!0});h(je,"itemGroup",{forwardAsChild:!0});h(de,"item",{forwardAsChild:!0});const rt=({hideCaret:t=!1,size:s="md",text:n,textProps:r,variant:i,...l})=>e.jsxRuntimeExports.jsxs(A.Button,{className:"Menu__Button","data-testid":"kibble-menu-button",size:s,variant:i,...l,...!n&&t&&{paddingInline:0,paddingBlock:0},children:[n&&e.jsxRuntimeExports.jsx(G.WrappedText,{className:"Menu__ButtonText","data-testid":"kibble-menu-button-text",fontWeight:"semibold",size:s,color:i?"inherit":r?.color||"text.contrast",truncate:!0,...r,children:n}),!t&&e.jsxRuntimeExports.jsx(k.Flex,{className:"Menu__ButtonCaret","data-testid":"kibble-menu-button-caret",children:e.jsxRuntimeExports.jsx(Q.Icon,{name:"chevronDown",size:s==="lg"?"sm":"xs"})})]}),ot=({label:t,leftElement:s,onSelect:n,shouldTruncateText:r,type:i="default",variant:l,...a})=>{const x=u.useCallback(()=>{n&&n(a.value)},[n,a.value]);if(i==="submenu"){const{valueText:g,listProps:P}=a;return e.jsxRuntimeExports.jsx(ve,{submenuTrigger:e.jsxRuntimeExports.jsxs(nt,{className:"Menu__Item--Submenu","data-testid":"kibble-menu-item-submenu",justifyContent:"space-between","aria-valuetext":g,children:[e.jsxRuntimeExports.jsx(y,{label:t,leftElement:s,shouldTruncateText:r,variant:l}),e.jsxRuntimeExports.jsx(Q.Icon,{name:"chevronRight",size:"sm"})]}),portalled:!0,listProps:P})}if(i==="checkbox"){const{checked:g,value:P,closeOnSelect:I,...M}=a;return e.jsxRuntimeExports.jsxs(st,{className:"Menu__Item--Checkbox","data-testid":"kibble-menu-item-checkbox",value:P,checked:!!g,onCheckedChange:x,closeOnSelect:I||!1,gap:3,...M,children:[e.jsxRuntimeExports.jsx(U.WrappedCheckbox,{checked:!!g,size:"md",fullWidth:!1}),e.jsxRuntimeExports.jsx(y,{label:t,leftElement:s,shouldTruncateText:r,variant:l})]})}if(i==="default"){const{selected:g=!1,value:P,...I}=a;return e.jsxRuntimeExports.jsx(tt,{className:"Menu__Item--Default","data-testid":"kibble-menu-item-default",value:P,onSelect:x,...g&&{bgColor:"background.secondaryAlpha.hover"},...I,children:e.jsxRuntimeExports.jsx(y,{label:t,leftElement:s,shouldTruncateText:r,variant:g?"info":l})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},y=({label:t,leftElement:s,shouldTruncateText:n,variant:r})=>e.jsxRuntimeExports.jsxs(k.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[s,typeof t=="string"?e.jsxRuntimeExports.jsx(G.WrappedText,{size:"sm",truncated:n,variant:r,children:t}):t]}),H=({groupName:t,hasSelectedItems:s=!1,onToggle:n})=>{const r=!!t;return e.jsxRuntimeExports.jsx(S.Box,{className:"Menu__ToggleButtons","data-testid":"kibble-menu-toggle-buttons",...r?{textAlign:"right",w:"50%"}:{mt:2},children:r?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:s?e.jsxRuntimeExports.jsx(J,{hasSelectedItems:s,groupName:t,onToggle:n}):e.jsxRuntimeExports.jsx(K,{groupName:t,onToggle:n})}):e.jsxRuntimeExports.jsxs(k.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(K,{groupName:t,onToggle:n}),e.jsxRuntimeExports.jsx(J,{hasSelectedItems:s,groupName:t,onToggle:n})]})})},K=({groupName:t,onToggle:s})=>e.jsxRuntimeExports.jsx(A.Button,{variant:"ghost",size:"xs",onClick:()=>s({groupName:t,clear:!1}),children:"Select All"}),J=({hasSelectedItems:t,groupName:s,onToggle:n})=>e.jsxRuntimeExports.jsx(A.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!t,onClick:()=>n({groupName:s,clear:!0}),children:"Clear All"}),ve=({buttonProps:t,listProps:s,portalled:n=!1,submenuTrigger:r,...i})=>{const{contentRef:l}=$e.useModalContentRef(),{canSelectAll:a,canSelectGroups:x,emptyStateText:g="No results found",loading:P,maxH:I="480px",menuItems:M=[],minW:be="240px",onSearch:C,onSelect:B,onSelectAll:q,searchable:$,searchPlaceholder:Ee="Search...",shouldTruncateText:ke,...we}=s||{},[N,T]=u.useState(""),[F,_]=u.useState(M),L=u.useMemo(()=>{const c={};return F?.forEach(p=>{const m=p.groupLabel||"default",f=p.type==="checkbox"?"checkbox":"default";c[m]||(c[m]={}),c[m][f]||(c[m][f]=[]),c[m][f].push(p)}),c},[F]),V=u.useMemo(()=>Object.entries(L),[L]),b=u.useMemo(()=>M?.filter(c=>c.type==="checkbox")||[],[M]),Se=u.useMemo(()=>(b?.filter(p=>p.checked)||[]).map(p=>p.value),[b]),R=U.useCheckboxGroup({defaultValue:Se}),z=u.useCallback((c,p)=>c===""||!c?p:p.filter(m=>!!(typeof m.label=="string"?m.label:m.valueText)?.toLowerCase().includes(c.toLowerCase())),[]);u.useEffect(()=>{_(C?M:z(N,M))},[N,C,z,M]);const Ne=u.useCallback(c=>{const p=c.target.value;T(p),C&&C(c)},[C]),Te=u.useCallback(()=>{T(""),C&&C({target:{value:""}})},[C]),W=u.useCallback(({groupName:c,clear:p})=>{let m=[];if(c){const f=b.filter(v=>v.groupLabel===c).map(v=>v.value);m=p?R.value.filter(v=>!f.includes(v)):[...R.value,...f]}else m=p?[]:b.map(f=>f.value);q?.(m),R.setValue(m)},[b,q,R]),_e=u.useCallback(c=>{c.onSelect?.(c.value);const p=R.value,m=R.isChecked(c.value);B?.(c.value,m?p.filter(f=>f!==c.value):[...p,c.value]),c.type==="checkbox"&&R.toggleValue(c.value)},[B,R]),ye=u.useCallback(c=>{c||(T(""),_(M))},[M]);return e.jsxRuntimeExports.jsxs(Je,{...i,onOpenChange:c=>{ye(c.open),i.onOpenChange?.(c)},children:[r||e.jsxRuntimeExports.jsx(Qe,{asChild:!0,className:"Menu__Trigger","data-testid":"kibble-menu-trigger",children:e.jsxRuntimeExports.jsx(rt,{...t})}),e.jsxRuntimeExports.jsx(o.Portal,{disabled:!n,container:l||void 0,children:e.jsxRuntimeExports.jsx(Ue,{className:"Menu","data-testid":"kibble-menu",children:e.jsxRuntimeExports.jsxs(Xe,{className:"Menu__Content","data-testid":"kibble-menu-content",maxH:I,minW:be,...we,children:[($||a)&&e.jsxRuntimeExports.jsxs(S.Box,{className:"Menu__Header","data-testid":"kibble-menu-header",m:"0 12px 8px",children:[$&&e.jsxRuntimeExports.jsx(Be.WrappedTextInput,{className:"Menu__SearchBar","data-testid":"kibble-menu-search-bar",placeholder:Ee,onChange:Ne,size:"sm",value:N,clearable:!0,onClear:Te,formControlStyle:{mt:1}}),a&&!!b.length&&e.jsxRuntimeExports.jsx(H,{onToggle:W,hasSelectedItems:!!R.value.length})]}),P?e.jsxRuntimeExports.jsx(k.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(qe.Spinner,{})}):e.jsxRuntimeExports.jsx(S.Box,{className:"Menu__List","data-testid":"kibble-menu-list",children:V.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:V.map(([c,p])=>{const m=c==="default",f=Object.keys(p),v=m?ze.default.Fragment:Ze,Ae=p.checkbox?.map(E=>E.value)?.some(E=>R.value.includes(E));return e.jsxRuntimeExports.jsxs(v,{children:[!m&&e.jsxRuntimeExports.jsx(et,{children:e.jsxRuntimeExports.jsxs(k.Flex,{alignItems:"center",justifyContent:"space-between",children:[c,x&&f.includes("checkbox")&&e.jsxRuntimeExports.jsx(H,{groupName:c,onToggle:W,hasSelectedItems:Ae})]})}),Object.entries(p).map(([E,Ge])=>Ge.map((w,Oe)=>e.jsxRuntimeExports.jsx(ot,{...w,shouldTruncateText:ke,...w.type==="checkbox"&&{checked:R.isChecked(w.value)},onSelect:()=>_e(w)},`menu-item-${c}-${E}-${Oe}`)))]},c)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(S.Box,{textAlign:"center",p:3,children:e.jsxRuntimeExports.jsx(G.WrappedText,{size:"sm",variant:"subtle",children:g})})})})]})})})]})};exports.Menu=ve;
-//# sourceMappingURL=menu.component-BPtwVqUh.js.map

package/dist/chunks/modal.context-DSKLfsJK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.context-DSKLfsJK.js","sources":["../../src/components/Modal/context/modal.context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface ModalContextType {\n  contentRef: React.RefObject<HTMLDivElement> | null;\n}\n\nexport const ModalContext = createContext<ModalContextType | undefined>(\n  undefined,\n);\n\nexport const useModalContentRef = (): ModalContextType => {\n  const context = useContext(ModalContext);\n  if (context === undefined) {\n    return { contentRef: null };\n  }\n  return context;\n};\n"],"names":["ModalContext","createContext","useModalContentRef","context","useContext"],"mappings":";AAMO,MAAMA,IAAeC;AAAA,EAC1B;AACF,GAEaC,IAAqB,MAAwB;AAClD,QAAAC,IAAUC,EAAWJ,CAAY;AACvC,SAAIG,MAAY,SACP,EAAE,YAAY,KAAK,IAErBA;AACT;"}

package/dist/chunks/modal.context-EJ67QNzq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.context-EJ67QNzq.js","sources":["../../src/components/Modal/context/modal.context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface ModalContextType {\n  contentRef: React.RefObject<HTMLDivElement> | null;\n}\n\nexport const ModalContext = createContext<ModalContextType | undefined>(\n  undefined,\n);\n\nexport const useModalContentRef = (): ModalContextType => {\n  const context = useContext(ModalContext);\n  if (context === undefined) {\n    return { contentRef: null };\n  }\n  return context;\n};\n"],"names":["ModalContext","createContext","useModalContentRef","context","useContext"],"mappings":"sCAMaA,EAAeC,EAAA,cAC1B,MACF,EAEaC,EAAqB,IAAwB,CAClD,MAAAC,EAAUC,aAAWJ,CAAY,EACvC,OAAIG,IAAY,OACP,CAAE,WAAY,IAAK,EAErBA,CACT"}

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

@@ -1,2 +0,0 @@
-"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),a=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-MkOQUjzu.js"),v=require("./heading.component-B-FrSa28.js"),w=require("./modal.context-EJ67QNzq.js"),y=require("./use-breakpoint-uBg4-8yY.js"),N=require("./use-locale-context-D0LByRu9.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,n){const s=e.useDialogContext();return t.jsxRuntimeExports.jsx(B.chakra.button,{...r,ref:n,onClick:()=>s.setOpen(!1)})}),O=o(e.DialogBackdrop,"backdrop",{forwardAsChild:!0}),H=o("div","body"),I=o("div","footer"),V=o("div","header"),L=({children:i,destructive:r,disabled:n,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(a.Button,{variant:"tertiary",onClick:c,children:"Cancel"})}),t.jsxRuntimeExports.jsx(a.Button,{className:"Modal__SubmitButton","data-testid":"kibble-modal-submit-button",onClick:u,loading:l,loadingText:d,disabled:n,variant:r?"primaryDestructive":"primary",children:x})]})}),W=({children:i,footerProps:r,fullScreenMobile:n=!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:n?"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(a.Button,{iconName:"close",variant:"ghostNeutral"})}),m&&t.jsxRuntimeExports.jsx(a.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(L,{...r})]})]})})]})]})},G=["xs","sm","md","lg","cover","full"],J=["center","top","bottom"],K=["inside","outside"],Q=["scale","slide-in-bottom","slide-in-top","slide-in-left","slide-in-right","none"];exports.Modal=W;exports.modalMotionPresets=Q;exports.modalPlacements=J;exports.modalScrollBehaviors=K;exports.modalSizes=G;
-//# sourceMappingURL=modal.types-Uq7F3jX9.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"modal.types-Uq7F3jX9.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":"0cAQM,CACJ,iBAAAA,EACA,YAAAC,CAGF,EAAIC,EAAuB,wBAAC,CAAE,IAAK,QAAQ,CAAE,EAClBF,EACzBG,EAAmB,mBACnB,CACE,aAAc,CAAE,cAAe,GAAM,UAAW,EAAI,CACxD,CACA,EACA,MAAMC,EAAaJ,EAAiBK,aAAa,CAC/C,aAAc,CAAE,cAAe,GAAM,UAAW,EAAI,CACtD,CAAC,EAEKC,EAAgBL,EACpBM,EAAc,cACd,UACA,CAAE,eAAgB,EAAI,CACxB,EACMC,EAAmBP,EAAYQ,EAAiB,iBAAE,aAAc,CAAE,eAAgB,GAAM,EACxFC,EAAgBT,EACpBU,EAAc,cACd,UACA,CAAE,eAAgB,EAAI,CACxB,EAC0BV,EAAYW,oBAAoB,cAAe,CAAE,eAAgB,EAAM,CAAA,EACjG,MAAMC,EAAcZ,EAClBa,EAAY,YACZ,QACA,CAAE,eAAgB,EAAI,CACxB,EACMC,EAAqBd,EAAYe,EAAmB,mBAAE,eAAgB,CAAE,eAAgB,GAAM,EAC9FC,EAAsBC,EAAAA,WAAW,SAA8BC,EAAOC,EAAK,CAC/E,MAAMC,EAASC,EAAAA,iBAAkB,EACjC,OAAuBC,wBAAIC,EAAAA,OAAO,OAAQ,CAAE,GAAGL,EAAO,IAAAC,EAAK,QAAS,IAAMC,EAAO,QAAQ,EAAK,CAAC,CAAE,CACnG,CAAC,EACKI,EAAiBxB,EACrByB,EAAe,eACf,WACA,CAAE,eAAgB,EAAI,CACxB,EACMC,EAAa1B,EACjB,MACA,MACF,EACM2B,EAAe3B,EACnB,MACA,QACF,EACM4B,EAAe5B,EACnB,MACA,QACF,EC7Ca6B,EAAc,CAAC,CAC1B,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,QAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,SACb,GAAGC,CACL,IAEIjB,EAAA,kBAAA,IAACkB,EAAA,CACC,UAAU,gBACV,cAAY,sBACX,GAAGD,EAEH,SAAAT,GAGEW,EAAA,kBAAA,KAAAC,EAAA,KAAA,CAAK,WAAW,SAAS,eAAe,gBAAgB,EAAE,OACxD,SAAA,CAAA,CAACT,GACAX,EAAA,kBAAA,IAACqB,EAAA,CACC,QAAO,GACP,UAAU,sBACV,cAAY,6BAEZ,iCAACC,EAAO,OAAA,CAAA,QAAQ,WAAW,QAASR,EAAU,SAE9C,QAAA,CAAA,CAAA,CACF,EAEFd,EAAA,kBAAA,IAACsB,EAAA,OAAA,CACC,UAAU,sBACV,cAAY,6BACZ,QAASP,EACT,QAAAH,EACA,YAAAC,EACA,SAAAH,EACA,QAASD,EAAc,qBAAuB,UAE7C,SAAAO,CAAA,CAAA,CACH,CACF,CAAA,CAAA,CAEJ,ECpCSO,EAAQ,CAAC,CACpB,SAAAf,EACA,YAAAgB,EACA,iBAAAC,EAAmB,GACnB,OAAAC,EACA,YAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,aAAAC,EAAe,kBACf,UAAAC,EAAY,SACZ,iBAAAC,EAAmB,GACnB,KAAAC,EAAO,KACP,QAAAC,EACA,GAAGjB,CACL,IAAqC,CAC7B,MAAAkB,EAAaC,SAAuB,IAAK,EACzCC,EAAe,CAAE,WAAAF,CAAW,EAC5B,CAACG,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAC5CC,EAAeC,EAAAA,mBAAmB,CACtC,KAAMjB,EAAmB,OAASQ,EAClC,GAAIA,CAAA,CACL,EAGC,OAAAd,EAAA,kBAAA,KAACrC,EAAA,CACC,aAAAgD,EACA,UAAAC,EACA,KAAMU,EACL,GAAGxB,EACJ,SAAUqB,EAET,SAAA,CAAAJ,2BAAYlD,EAAA,CAAe,QAAO,GAAE,SAAQkD,EAAA,2BAC5CS,EAAAA,OACC,CAAA,SAAA,CAAC3C,EAAA,kBAAA,IAAAG,EAAA,EAAgB,EACjBH,wBAACd,EAAA,CACC,kCAAC0D,eAAa,SAAb,CAAsB,MAAOP,EAC3B,SAAA,CAAA,IACDlB,EAAA,kBAAA,KAAC/B,EAAA,CACC,UAAU,QACV,cAAY,eACZ,IAAK+C,EAEJ,SAAA,CAAA,CAACP,GACA5B,EAAA,kBAAA,IAACP,EAAA,CACC,QAAO,GACP,UAAU,qBACV,cAAY,4BAEZ,SAACO,EAAA,kBAAA,IAAAsB,SAAA,CAAO,SAAS,QAAQ,QAAQ,cAAe,CAAA,CAAA,CAClD,EAEDU,GACChC,EAAA,kBAAA,IAACsB,EAAA,OAAA,CACC,UAAU,sBACV,cAAY,6BACZ,QAAQ,eACR,SAAUgB,EAAa,WAAa,YACpC,SAAS,WACT,IAAK,EACL,MAAO,GACP,QAAS,IAAMC,EAAeM,GAAS,CAACA,CAAI,CAAA,CAC9C,EAEF7C,EAAA,kBAAA,IAAC8C,EAAA,CACC,UAAU,gBACV,cAAY,sBAEX,SACCpB,GAAA1B,EAAA,kBAAA,IAACT,EAAA,CACC,UAAU,eACV,cAAY,qBACZ,QAAO,GAEN,SAAA,OAAOmC,GAAW,SAChB1B,EAAAA,kBAAAA,IAAA+C,EAAAA,eAAA,CAAQ,KAAK,KAAM,GAAGpB,EACpB,SAAAD,CACH,CAAA,EAEAA,CAAA,CAAA,CAEJ,CAEJ,EACA1B,EAAA,kBAAA,IAACgD,EAAA,CACC,UAAU,cACV,cAAY,oBAEX,SAAAxC,CAAA,CACH,EACC,CAACqB,GAAe7B,EAAA,kBAAA,IAAAO,EAAA,CAAa,GAAGiB,CAAa,CAAA,CAAA,CAAA,CAAA,CAChD,CAAA,CACF,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAEJ,EC3HayB,EAAa,CAAC,KAAM,KAAM,KAAM,KAAM,QAAS,MAAM,EAGrDC,EAAkB,CAAC,SAAU,MAAO,QAAQ,EAG5CC,EAAuB,CAAC,SAAU,SAAS,EAG3CC,EAAqB,CAChC,QACA,kBACA,eACA,gBACA,iBACA,MACF","x_google_ignoreList":[0]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"modal.types-XDLmSWyz.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/pinInput.types-D8CEzrAw.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-mCCJK8wX.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 "./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 $, c as F } from "./index-OpolRlgD.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 Y = ["numeric", "alphabetic", "alphanumeric"];
-export {
-  D as W,
-  Y as p
-};
-//# sourceMappingURL=pinInput.types-D8CEzrAw.js.map

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

@@ -1,2 +0,0 @@
-"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),y=require("./withFormControl-BcHQTSnc.js"),k=require("./create-slot-recipe-context-IwVIgtBt.js"),s=require("./use-locale-context-D0LByRu9.js"),x=require("./use-field-context-CArmgHPP.js"),a=require("./index-CHIISuTq.js"),m=require("./index-DowO8Ued.js"),E=t=>t&&t.__esModule?t:{default:t},N=E(p),[I,d]=s.createContext({name:"PinInputContext",hookName:"usePinInputContext",providerName:"<PinInputProvider />"}),R=p.forwardRef((t,n)=>{const o=d(),r=a.mergeProps(o.getControlProps(),t);return i.jsxRuntimeExports.jsx(s.ark.div,{...r,ref:n})});R.displayName="PinInputControl";const f=p.forwardRef((t,n)=>{const o=d(),r=a.mergeProps(o.getHiddenInputProps(),t),e=x.useFieldContext();return i.jsxRuntimeExports.jsx(s.ark.input,{"aria-describedby":e?.ariaDescribedby,...r,ref:n})});f.displayName="PinInputHiddenInput";const C=p.forwardRef((t,n)=>{const[o,r]=s.createSplitProps()(t,["index"]),e=d(),u=a.mergeProps(e.getInputProps(o),r);return i.jsxRuntimeExports.jsx(s.ark.input,{...u,ref:n})});C.displayName="PinInputInput";const j=p.forwardRef((t,n)=>{const o=d(),r=a.mergeProps(o.getLabelProps(),t);return i.jsxRuntimeExports.jsx(s.ark.label,{...r,ref:n})});j.displayName="PinInputLabel";const _=t=>{const n=p.useId(),{getRootNode:o}=s.useEnvironmentContext(),{dir:r}=s.useLocaleContext(),e=x.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:r,getRootNode:o,...t},l=s.useMachine(m.machine,u);return m.connect(l,s.normalizeProps)},b=p.forwardRef((t,n)=>{const[o,r]=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=_(o),u=a.mergeProps(e.getRootProps(),r);return i.jsxRuntimeExports.jsx(I,{value:e,children:i.jsxRuntimeExports.jsx(s.ark.div,{...u,ref:n})})});b.displayName="PinInputRoot";const h=p.forwardRef((t,n)=>{const[{value:o},r]=s.createSplitProps()(t,["value"]),e=a.mergeProps(o.getRootProps(),r);return i.jsxRuntimeExports.jsx(I,{value:o,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:o=!1,otp:r=!0,size:e="md",type:u="numeric",...l})=>{const w=o?"onContrast":"default";return i.jsxRuntimeExports.jsxs(q,{className:"PinInput","data-testid":"kibble-pin-input",ref:n,variant:w,size:e,type:u,otp:r,...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((O,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 L=["numeric","alphabetic","alphanumeric"];exports.WrappedPinInput=v;exports.pinInputTypes=L;
-//# sourceMappingURL=pinInput.types-DSMdiVB_.js.map