@televet/kibble-ui 4.0.0-beta.113 → 4.0.0-beta.114

package/dist/chunks/dialog-BeivYfW7.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),k=require("./create-slot-recipe-context-IwVIgtBt.js"),w=require("./factory-D6tdBUPG.js"),o=require("./use-locale-context-D0LByRu9.js"),p=require("./render-strategy-C_zp9LNQ.js"),c=require("./index-CHIISuTq.js"),f=require("./index-BR7peqZO.js"),[v,a]=o.createContext({name:"DialogContext",hookName:"useDialogContext",providerName:"<DialogProvider />"}),u=l.forwardRef((s,r)=>{const e=a(),t=p.useRenderStrategyPropsContext(),n=o.usePresence({...t,present:e.open}),d=c.mergeProps(e.getBackdropProps(),n.getPresenceProps(),s);return n.unmounted?null:i.jsxRuntimeExports.jsx(o.ark.div,{...d,ref:o.composeRefs(n.ref,r)})});u.displayName="DialogBackdrop";const P=l.forwardRef((s,r)=>{const e=a(),t=c.mergeProps(e.getCloseTriggerProps(),s);return i.jsxRuntimeExports.jsx(o.ark.button,{...t,ref:r})});P.displayName="DialogCloseTrigger";const D=l.forwardRef((s,r)=>{const e=a(),t=o.usePresenceContext(),n=c.mergeProps(e.getContentProps(),t.getPresenceProps(),s);return t.unmounted?null:i.jsxRuntimeExports.jsx(o.ark.div,{...n,ref:o.composeRefs(t.ref,r)})});D.displayName="DialogContent";const j=s=>s.children(a()),x=l.forwardRef((s,r)=>{const e=a(),t=c.mergeProps(e.getDescriptionProps(),s);return i.jsxRuntimeExports.jsx(o.ark.div,{...t,ref:r})});x.displayName="DialogDescription";const m=l.forwardRef((s,r)=>{const e=a(),t=c.mergeProps(e.getPositionerProps(),s);return o.usePresenceContext().unmounted?null:i.jsxRuntimeExports.jsx(o.ark.div,{...t,ref:r})});m.displayName="DialogPositioner";const E=s=>{const r=l.useId(),{getRootNode:e}=o.useEnvironmentContext(),{dir:t}=o.useLocaleContext(),n={id:r,getRootNode:e,dir:t,...s},d=o.useMachine(f.machine,n);return f.connect(d,o.normalizeProps)},h=s=>{const[r,{children:e,...t}]=o.splitPresenceProps(s),[n]=p.splitRenderStrategyProps(r),d=E(t),$=o.usePresence(c.mergeProps({present:d.open},r));return i.jsxRuntimeExports.jsx(v,{value:d,children:i.jsxRuntimeExports.jsx(p.RenderStrategyPropsProvider,{value:n,children:i.jsxRuntimeExports.jsx(o.PresenceProvider,{value:$,children:e})})})},y=s=>{const[r,{value:e,children:t}]=o.splitPresenceProps(s),[n]=p.splitRenderStrategyProps(r),d=o.usePresence(c.mergeProps({present:e.open},r));return i.jsxRuntimeExports.jsx(v,{value:e,children:i.jsxRuntimeExports.jsx(p.RenderStrategyPropsProvider,{value:n,children:i.jsxRuntimeExports.jsx(o.PresenceProvider,{value:d,children:t})})})},R=l.forwardRef((s,r)=>{const e=a(),t=c.mergeProps(e.getTitleProps(),s);return i.jsxRuntimeExports.jsx(o.ark.h2,{...t,ref:r})});R.displayName="DialogTitle";const C=l.forwardRef((s,r)=>{const e=a(),t=o.usePresenceContext(),n=c.mergeProps({...e.getTriggerProps(),"aria-controls":t.unmounted?void 0:e.getTriggerProps()["aria-controls"]},s);return i.jsxRuntimeExports.jsx(o.ark.button,{...n,ref:r})});C.displayName="DialogTrigger";const{withRootProvider:T,withContext:g,PropsProvider:S}=k.createSlotRecipeContext({key:"dialog"}),A=T(y,{defaultProps:{unmountOnExit:!0,lazyMount:!0}}),N=T(h,{defaultProps:{unmountOnExit:!0,lazyMount:!0}}),q=S,B=g(C,"trigger",{forwardAsChild:!0}),b=g(m,"positioner",{forwardAsChild:!0}),z=g(D,"content",{forwardAsChild:!0}),M=g(x,"description",{forwardAsChild:!0}),O=g(R,"title",{forwardAsChild:!0}),F=g(P,"closeTrigger",{forwardAsChild:!0}),H=l.forwardRef(function(r,e){const t=a();return i.jsxRuntimeExports.jsx(w.chakra.button,{...r,ref:e,onClick:()=>t.setOpen(!1)})}),L=g(u,"backdrop",{forwardAsChild:!0}),I=g("div","body"),G=g("div","footer"),J=g("div","header"),K=j;exports.DialogActionTrigger=H;exports.DialogBackdrop=L;exports.DialogBackdrop$1=u;exports.DialogBody=I;exports.DialogCloseTrigger=F;exports.DialogCloseTrigger$1=P;exports.DialogContent=z;exports.DialogContent$1=D;exports.DialogContext=K;exports.DialogContext$1=j;exports.DialogDescription=M;exports.DialogDescription$1=x;exports.DialogFooter=G;exports.DialogHeader=J;exports.DialogPositioner=b;exports.DialogPositioner$1=m;exports.DialogPropsProvider=q;exports.DialogRoot=N;exports.DialogRoot$1=h;exports.DialogRootProvider=A;exports.DialogRootProvider$1=y;exports.DialogTitle=O;exports.DialogTitle$1=R;exports.DialogTrigger=B;exports.DialogTrigger$1=C;exports.useDialogContext=a;
+//# sourceMappingURL=dialog-BeivYfW7.js.map

package/dist/chunks/dialog-BeivYfW7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-BeivYfW7.js","sources":["../../node_modules/@ark-ui/react/dist/components/dialog/use-dialog-context.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-backdrop.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-close-trigger.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-content.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-context.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-description.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-positioner.js","../../node_modules/@ark-ui/react/dist/components/dialog/use-dialog.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-root.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-root-provider.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-title.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/dialog/dialog.js"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [DialogProvider, useDialogContext] = createContext({\n  name: \"DialogContext\",\n  hookName: \"useDialogContext\",\n  providerName: \"<DialogProvider />\"\n});\n\nexport { DialogProvider, useDialogContext };\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 { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';\nimport { ark } from '../factory.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { useDialogContext } from './use-dialog-context.js';\n\nconst DialogBackdrop = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const renderStrategyProps = useRenderStrategyPropsContext();\n  const presence = usePresence({ ...renderStrategyProps, present: dialog.open });\n  const mergedProps = mergeProps(dialog.getBackdropProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nDialogBackdrop.displayName = \"DialogBackdrop\";\n\nexport { DialogBackdrop };\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 { useDialogContext } from './use-dialog-context.js';\n\nconst DialogCloseTrigger = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const mergedProps = mergeProps(dialog.getCloseTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nDialogCloseTrigger.displayName = \"DialogCloseTrigger\";\n\nexport { DialogCloseTrigger };\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 { useDialogContext } from './use-dialog-context.js';\n\nconst DialogContent = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(dialog.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});\nDialogContent.displayName = \"DialogContent\";\n\nexport { DialogContent };\n","'use client';\nimport { useDialogContext } from './use-dialog-context.js';\n\nconst DialogContext = (props) => props.children(useDialogContext());\n\nexport { DialogContext };\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 { useDialogContext } from './use-dialog-context.js';\n\nconst DialogDescription = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const mergedProps = mergeProps(dialog.getDescriptionProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nDialogDescription.displayName = \"DialogDescription\";\n\nexport { DialogDescription };\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 { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useDialogContext } from './use-dialog-context.js';\n\nconst DialogPositioner = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const mergedProps = mergeProps(dialog.getPositionerProps(), props);\n  const presence = usePresenceContext();\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nDialogPositioner.displayName = \"DialogPositioner\";\n\nexport { DialogPositioner };\n","'use client';\nimport * as dialog from '@zag-js/dialog';\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 useDialog = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    getRootNode,\n    dir,\n    ...props\n  };\n  const service = useMachine(dialog.machine, machineProps);\n  return dialog.connect(service, normalizeProps);\n};\n\nexport { useDialog };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useDialog } from './use-dialog.js';\nimport { DialogProvider } from './use-dialog-context.js';\n\nconst DialogRoot = (props) => {\n  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);\n  const dialog = useDialog(localProps);\n  const presence = usePresence(mergeProps({ present: dialog.open }, presenceProps));\n  return /* @__PURE__ */ jsx(DialogProvider, { value: dialog, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) });\n};\n\nexport { DialogRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { DialogProvider } from './use-dialog-context.js';\n\nconst DialogRootProvider = (props) => {\n  const [presenceProps, { value: dialog, children }] = splitPresenceProps(props);\n  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);\n  const presence = usePresence(mergeProps({ present: dialog.open }, presenceProps));\n  return /* @__PURE__ */ jsx(DialogProvider, { value: dialog, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) });\n};\n\nexport { DialogRootProvider };\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 { useDialogContext } from './use-dialog-context.js';\n\nconst DialogTitle = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const mergedProps = mergeProps(dialog.getTitleProps(), props);\n  return /* @__PURE__ */ jsx(ark.h2, { ...mergedProps, ref });\n});\nDialogTitle.displayName = \"DialogTitle\";\n\nexport { DialogTitle };\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 { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useDialogContext } from './use-dialog-context.js';\n\nconst DialogTrigger = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(\n    {\n      ...dialog.getTriggerProps(),\n      \"aria-controls\": presence.unmounted ? void 0 : dialog.getTriggerProps()[\"aria-controls\"]\n    },\n    props\n  );\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nDialogTrigger.displayName = \"DialogTrigger\";\n\nexport { DialogTrigger };\n","\"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"],"names":["DialogProvider","useDialogContext","createContext","DialogBackdrop","forwardRef","props","ref","dialog","renderStrategyProps","useRenderStrategyPropsContext","presence","usePresence","mergedProps","mergeProps","jsx","ark","composeRefs","DialogCloseTrigger","DialogContent","usePresenceContext","DialogContext","DialogDescription","DialogPositioner","useDialog","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","dialog.machine","dialog.connect","normalizeProps","DialogRoot","presenceProps","children","localProps","splitPresenceProps","splitRenderStrategyProps","RenderStrategyPropsProvider","PresenceProvider","DialogRootProvider","DialogTitle","DialogTrigger","withRootProvider","withContext","PropsProvider","createSlotRecipeContext","Dialog.RootProvider","Dialog.Root","DialogPropsProvider","Dialog.Trigger","Dialog.Positioner","Dialog.Content","Dialog.Description","Dialog.Title","Dialog.CloseTrigger","DialogActionTrigger","chakra","Dialog.Backdrop","DialogBody","DialogFooter","DialogHeader","Dialog.Context"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}

package/dist/chunks/dialog-CcVRidaV.js

@@ -0,0 +1,136 @@
+import { j as n } from "./jsx-runtime-C5mzlN2N.js";
+import { forwardRef as g, useId as $ } from "react";
+import { c as A } from "./create-slot-recipe-context-BJmsuxih.js";
+import { c as S } from "./factory-Ctbv0Ozn.js";
+import { c as b, l as p, f as d, h as P, u, i as B, j as E, k as z, n as M, s as m, m as D } from "./use-locale-context-BNU4MHrO.js";
+import { u as O, s as f, R as x } from "./render-strategy-D5Z6LZ1V.js";
+import { a1 as i } from "./index-Ztgrae6O.js";
+import { m as q, c as F } from "./index-B3d3tRic.js";
+const [v, c] = b({
+  name: "DialogContext",
+  hookName: "useDialogContext",
+  providerName: "<DialogProvider />"
+}), C = g((s, e) => {
+  const o = c(), r = O(), t = p({ ...r, present: o.open }), l = i(o.getBackdropProps(), t.getPresenceProps(), s);
+  return t.unmounted ? null : /* @__PURE__ */ n.jsx(d.div, { ...l, ref: P(t.ref, e) });
+});
+C.displayName = "DialogBackdrop";
+const h = g((s, e) => {
+  const o = c(), r = i(o.getCloseTriggerProps(), s);
+  return /* @__PURE__ */ n.jsx(d.button, { ...r, ref: e });
+});
+h.displayName = "DialogCloseTrigger";
+const y = g((s, e) => {
+  const o = c(), r = u(), t = i(o.getContentProps(), r.getPresenceProps(), s);
+  return r.unmounted ? null : /* @__PURE__ */ n.jsx(d.div, { ...t, ref: P(r.ref, e) });
+});
+y.displayName = "DialogContent";
+const H = (s) => s.children(c()), j = g((s, e) => {
+  const o = c(), r = i(o.getDescriptionProps(), s);
+  return /* @__PURE__ */ n.jsx(d.div, { ...r, ref: e });
+});
+j.displayName = "DialogDescription";
+const T = g((s, e) => {
+  const o = c(), r = i(o.getPositionerProps(), s);
+  return u().unmounted ? null : /* @__PURE__ */ n.jsx(d.div, { ...r, ref: e });
+});
+T.displayName = "DialogPositioner";
+const I = (s) => {
+  const e = $(), { getRootNode: o } = B(), { dir: r } = E(), t = {
+    id: e,
+    getRootNode: o,
+    dir: r,
+    ...s
+  }, l = z(q, t);
+  return F(l, M);
+}, L = (s) => {
+  const [e, { children: o, ...r }] = m(s), [t] = f(e), l = I(r), N = p(i({ present: l.open }, e));
+  return /* @__PURE__ */ n.jsx(v, { value: l, children: /* @__PURE__ */ n.jsx(x, { value: t, children: /* @__PURE__ */ n.jsx(D, { value: N, children: o }) }) });
+}, G = (s) => {
+  const [e, { value: o, children: r }] = m(s), [t] = f(e), l = p(i({ present: o.open }, e));
+  return /* @__PURE__ */ n.jsx(v, { value: o, children: /* @__PURE__ */ n.jsx(x, { value: t, children: /* @__PURE__ */ n.jsx(D, { value: l, children: r }) }) });
+}, R = g((s, e) => {
+  const o = c(), r = i(o.getTitleProps(), s);
+  return /* @__PURE__ */ n.jsx(d.h2, { ...r, ref: e });
+});
+R.displayName = "DialogTitle";
+const k = g((s, e) => {
+  const o = c(), r = u(), t = i(
+    {
+      ...o.getTriggerProps(),
+      "aria-controls": r.unmounted ? void 0 : o.getTriggerProps()["aria-controls"]
+    },
+    s
+  );
+  return /* @__PURE__ */ n.jsx(d.button, { ...t, ref: e });
+});
+k.displayName = "DialogTrigger";
+const {
+  withRootProvider: w,
+  withContext: a,
+  PropsProvider: J
+} = A({ key: "dialog" }), _ = w(
+  G,
+  {
+    defaultProps: { unmountOnExit: !0, lazyMount: !0 }
+  }
+), oo = w(L, {
+  defaultProps: { unmountOnExit: !0, lazyMount: !0 }
+}), eo = J, ro = a(
+  k,
+  "trigger",
+  { forwardAsChild: !0 }
+), so = a(T, "positioner", { forwardAsChild: !0 }), to = a(
+  y,
+  "content",
+  { forwardAsChild: !0 }
+), no = a(j, "description", { forwardAsChild: !0 }), ao = a(
+  R,
+  "title",
+  { forwardAsChild: !0 }
+), io = a(h, "closeTrigger", { forwardAsChild: !0 }), co = g(function(e, o) {
+  const r = c();
+  return /* @__PURE__ */ n.jsx(S.button, { ...e, ref: o, onClick: () => r.setOpen(!1) });
+}), lo = a(
+  C,
+  "backdrop",
+  { forwardAsChild: !0 }
+), go = a(
+  "div",
+  "body"
+), po = a(
+  "div",
+  "footer"
+), uo = a(
+  "div",
+  "header"
+), Po = H;
+export {
+  po as D,
+  co as a,
+  oo as b,
+  ro as c,
+  lo as d,
+  so as e,
+  to as f,
+  io as g,
+  uo as h,
+  ao as i,
+  go as j,
+  Po as k,
+  no as l,
+  eo as m,
+  _ as n,
+  H as o,
+  C as p,
+  h as q,
+  y as r,
+  j as s,
+  T as t,
+  c as u,
+  L as v,
+  G as w,
+  R as x,
+  k as y
+};
+//# sourceMappingURL=dialog-CcVRidaV.js.map

package/dist/chunks/dialog-CcVRidaV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-CcVRidaV.js","sources":["../../node_modules/@ark-ui/react/dist/components/dialog/use-dialog-context.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-backdrop.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-close-trigger.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-content.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-context.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-description.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-positioner.js","../../node_modules/@ark-ui/react/dist/components/dialog/use-dialog.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-root.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-root-provider.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-title.js","../../node_modules/@ark-ui/react/dist/components/dialog/dialog-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/dialog/dialog.js"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [DialogProvider, useDialogContext] = createContext({\n  name: \"DialogContext\",\n  hookName: \"useDialogContext\",\n  providerName: \"<DialogProvider />\"\n});\n\nexport { DialogProvider, useDialogContext };\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 { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';\nimport { ark } from '../factory.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { useDialogContext } from './use-dialog-context.js';\n\nconst DialogBackdrop = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const renderStrategyProps = useRenderStrategyPropsContext();\n  const presence = usePresence({ ...renderStrategyProps, present: dialog.open });\n  const mergedProps = mergeProps(dialog.getBackdropProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nDialogBackdrop.displayName = \"DialogBackdrop\";\n\nexport { DialogBackdrop };\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 { useDialogContext } from './use-dialog-context.js';\n\nconst DialogCloseTrigger = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const mergedProps = mergeProps(dialog.getCloseTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nDialogCloseTrigger.displayName = \"DialogCloseTrigger\";\n\nexport { DialogCloseTrigger };\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 { useDialogContext } from './use-dialog-context.js';\n\nconst DialogContent = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(dialog.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});\nDialogContent.displayName = \"DialogContent\";\n\nexport { DialogContent };\n","'use client';\nimport { useDialogContext } from './use-dialog-context.js';\n\nconst DialogContext = (props) => props.children(useDialogContext());\n\nexport { DialogContext };\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 { useDialogContext } from './use-dialog-context.js';\n\nconst DialogDescription = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const mergedProps = mergeProps(dialog.getDescriptionProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nDialogDescription.displayName = \"DialogDescription\";\n\nexport { DialogDescription };\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 { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useDialogContext } from './use-dialog-context.js';\n\nconst DialogPositioner = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const mergedProps = mergeProps(dialog.getPositionerProps(), props);\n  const presence = usePresenceContext();\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nDialogPositioner.displayName = \"DialogPositioner\";\n\nexport { DialogPositioner };\n","'use client';\nimport * as dialog from '@zag-js/dialog';\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 useDialog = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    getRootNode,\n    dir,\n    ...props\n  };\n  const service = useMachine(dialog.machine, machineProps);\n  return dialog.connect(service, normalizeProps);\n};\n\nexport { useDialog };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useDialog } from './use-dialog.js';\nimport { DialogProvider } from './use-dialog-context.js';\n\nconst DialogRoot = (props) => {\n  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);\n  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);\n  const dialog = useDialog(localProps);\n  const presence = usePresence(mergeProps({ present: dialog.open }, presenceProps));\n  return /* @__PURE__ */ jsx(DialogProvider, { value: dialog, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) });\n};\n\nexport { DialogRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { DialogProvider } from './use-dialog-context.js';\n\nconst DialogRootProvider = (props) => {\n  const [presenceProps, { value: dialog, children }] = splitPresenceProps(props);\n  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);\n  const presence = usePresence(mergeProps({ present: dialog.open }, presenceProps));\n  return /* @__PURE__ */ jsx(DialogProvider, { value: dialog, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) });\n};\n\nexport { DialogRootProvider };\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 { useDialogContext } from './use-dialog-context.js';\n\nconst DialogTitle = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const mergedProps = mergeProps(dialog.getTitleProps(), props);\n  return /* @__PURE__ */ jsx(ark.h2, { ...mergedProps, ref });\n});\nDialogTitle.displayName = \"DialogTitle\";\n\nexport { DialogTitle };\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 { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useDialogContext } from './use-dialog-context.js';\n\nconst DialogTrigger = forwardRef((props, ref) => {\n  const dialog = useDialogContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(\n    {\n      ...dialog.getTriggerProps(),\n      \"aria-controls\": presence.unmounted ? void 0 : dialog.getTriggerProps()[\"aria-controls\"]\n    },\n    props\n  );\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nDialogTrigger.displayName = \"DialogTrigger\";\n\nexport { DialogTrigger };\n","\"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"],"names":["DialogProvider","useDialogContext","createContext","DialogBackdrop","forwardRef","props","ref","dialog","renderStrategyProps","useRenderStrategyPropsContext","presence","usePresence","mergedProps","mergeProps","jsx","ark","composeRefs","DialogCloseTrigger","DialogContent","usePresenceContext","DialogContext","DialogDescription","DialogPositioner","useDialog","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","dialog.machine","dialog.connect","normalizeProps","DialogRoot","presenceProps","children","localProps","splitPresenceProps","splitRenderStrategyProps","RenderStrategyPropsProvider","PresenceProvider","DialogRootProvider","DialogTitle","DialogTrigger","withRootProvider","withContext","PropsProvider","createSlotRecipeContext","Dialog.RootProvider","Dialog.Root","DialogPropsProvider","Dialog.Trigger","Dialog.Positioner","Dialog.Content","Dialog.Description","Dialog.Title","Dialog.CloseTrigger","DialogActionTrigger","chakra","Dialog.Backdrop","DialogBody","DialogFooter","DialogHeader","Dialog.Context"],"mappings":";;;;;;;;AAGK,MAAC,CAACA,GAAgBC,CAAgB,IAAIC,EAAc;AAAA,EACvD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GCGKC,IAAiBC,EAAW,CAACC,GAAOC,MAAQ;AAChD,QAAMC,IAASN,EAAkB,GAC3BO,IAAsBC,EAA+B,GACrDC,IAAWC,EAAY,EAAE,GAAGH,GAAqB,SAASD,EAAO,MAAM,GACvEK,IAAcC,EAAWN,EAAO,iBAAkB,GAAEG,EAAS,iBAAkB,GAAEL,CAAK;AAC5F,SAAIK,EAAS,YACJ,OAEcI,gBAAAA,MAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAKI,EAAYN,EAAS,KAAKJ,CAAG,EAAC,CAAE;AAC7F,CAAC;AACDH,EAAe,cAAc;ACbxB,MAACc,IAAqBb,EAAW,CAACC,GAAOC,MAAQ;AACpD,QAAMC,IAASN,EAAkB,GAC3BW,IAAcC,EAAWN,EAAO,qBAAoB,GAAIF,CAAK;AACnE,SAAuBS,gBAAAA,EAAAA,IAAIC,EAAI,QAAQ,EAAE,GAAGH,GAAa,KAAAN,GAAK;AAChE,CAAC;AACDW,EAAmB,cAAc;ACH5B,MAACC,IAAgBd,EAAW,CAACC,GAAOC,MAAQ;AAC/C,QAAMC,IAASN,EAAkB,GAC3BS,IAAWS,EAAoB,GAC/BP,IAAcC,EAAWN,EAAO,gBAAiB,GAAEG,EAAS,iBAAkB,GAAEL,CAAK;AAC3F,SAAIK,EAAS,YACJ,OAEcI,gBAAAA,MAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAKI,EAAYN,EAAS,KAAKJ,CAAG,EAAC,CAAE;AAC7F,CAAC;AACDY,EAAc,cAAc;ACfvB,MAACE,IAAgB,CAACf,MAAUA,EAAM,SAASJ,EAAkB,CAAA,GCI5DoB,IAAoBjB,EAAW,CAACC,GAAOC,MAAQ;AACnD,QAAMC,IAASN,EAAkB,GAC3BW,IAAcC,EAAWN,EAAO,oBAAmB,GAAIF,CAAK;AAClE,SAAuBS,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAN,GAAK;AAC7D,CAAC;AACDe,EAAkB,cAAc;ACJ3B,MAACC,IAAmBlB,EAAW,CAACC,GAAOC,MAAQ;AAClD,QAAMC,IAASN,EAAkB,GAC3BW,IAAcC,EAAWN,EAAO,mBAAkB,GAAIF,CAAK;AAEjE,SADiBc,EAAoB,EACxB,YACJ,OAEcL,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAN,GAAK;AAC7D,CAAC;AACDgB,EAAiB,cAAc;ACV/B,MAAMC,IAAY,CAAClB,MAAU;AAC3B,QAAMmB,IAAKC,EAAO,GACZ,EAAE,aAAAC,EAAa,IAAGC,EAAuB,GACzC,EAAE,KAAAC,EAAK,IAAGC,EAAkB,GAC5BC,IAAe;AAAA,IACnB,IAAAN;AAAA,IACA,aAAAE;AAAA,IACA,KAAAE;AAAA,IACA,GAAGvB;AAAA,EACJ,GACK0B,IAAUC,EAAWC,GAAgBH,CAAY;AACvD,SAAOI,EAAeH,GAASI,CAAc;AAC/C,GCTMC,IAAa,CAAC/B,MAAU;AAC5B,QAAM,CAACgC,GAAe,EAAE,UAAAC,GAAU,GAAGC,GAAY,IAAIC,EAAmBnC,CAAK,GACvE,CAACG,CAAmB,IAAIiC,EAAyBJ,CAAa,GAC9D9B,IAASgB,EAAUgB,CAAU,GAC7B7B,IAAWC,EAAYE,EAAW,EAAE,SAASN,EAAO,QAAQ8B,CAAa,CAAC;AAChF,SAAuBvB,gBAAAA,EAAG,IAACd,GAAgB,EAAE,OAAOO,GAAQ,UAA0BO,gBAAAA,EAAAA,IAAI4B,GAA6B,EAAE,OAAOlC,GAAqB,UAA0BM,gBAAAA,EAAAA,IAAI6B,GAAkB,EAAE,OAAOjC,GAAU,UAAA4B,EAAQ,CAAE,EAAG,CAAA,GAAG;AAC1O,GCPMM,IAAqB,CAACvC,MAAU;AACpC,QAAM,CAACgC,GAAe,EAAE,OAAO9B,GAAQ,UAAA+B,GAAU,IAAIE,EAAmBnC,CAAK,GACvE,CAACG,CAAmB,IAAIiC,EAAyBJ,CAAa,GAC9D3B,IAAWC,EAAYE,EAAW,EAAE,SAASN,EAAO,QAAQ8B,CAAa,CAAC;AAChF,SAAuBvB,gBAAAA,EAAG,IAACd,GAAgB,EAAE,OAAOO,GAAQ,UAA0BO,gBAAAA,EAAAA,IAAI4B,GAA6B,EAAE,OAAOlC,GAAqB,UAA0BM,gBAAAA,EAAAA,IAAI6B,GAAkB,EAAE,OAAOjC,GAAU,UAAA4B,EAAQ,CAAE,EAAG,CAAA,GAAG;AAC1O,GCPMO,IAAczC,EAAW,CAACC,GAAOC,MAAQ;AAC7C,QAAMC,IAASN,EAAkB,GAC3BW,IAAcC,EAAWN,EAAO,cAAa,GAAIF,CAAK;AAC5D,SAAuBS,gBAAAA,EAAAA,IAAIC,EAAI,IAAI,EAAE,GAAGH,GAAa,KAAAN,GAAK;AAC5D,CAAC;AACDuC,EAAY,cAAc;ACJrB,MAACC,IAAgB1C,EAAW,CAACC,GAAOC,MAAQ;AAC/C,QAAMC,IAASN,EAAkB,GAC3BS,IAAWS,EAAoB,GAC/BP,IAAcC;AAAA,IAClB;AAAA,MACE,GAAGN,EAAO,gBAAiB;AAAA,MAC3B,iBAAiBG,EAAS,YAAY,SAASH,EAAO,gBAAe,EAAG,eAAe;AAAA,IACxF;AAAA,IACDF;AAAA,EACD;AACD,SAAuBS,gBAAAA,EAAAA,IAAIC,EAAI,QAAQ,EAAE,GAAGH,GAAa,KAAAN,GAAK;AAChE,CAAC;AACDwC,EAAc,cAAc;ACZ5B,MAAM;AAAA,EACJ,kBAAAC;AAAA,EACA,aAAAC;AAAA,EAEA,eAAAC;AACF,IAAIC,EAAwB,EAAE,KAAK,UAAU,GACvCN,IAAqBG;AAAA,EACzBI;AAAAA,EACA;AAAA,IACE,cAAc,EAAE,eAAe,IAAM,WAAW,GAAI;AAAA,EACxD;AACA,GACMf,KAAaW,EAAiBK,GAAa;AAAA,EAC/C,cAAc,EAAE,eAAe,IAAM,WAAW,GAAI;AACtD,CAAC,GACKC,KAAsBJ,GACtBH,KAAgBE;AAAA,EACpBM;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACMhC,KAAmB0B,EAAYO,GAAmB,cAAc,EAAE,gBAAgB,GAAM,CAAA,GACxFrC,KAAgB8B;AAAA,EACpBQ;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACMnC,KAAoB2B,EAAYS,GAAoB,eAAe,EAAE,gBAAgB,GAAM,CAAA,GAC3FZ,KAAcG;AAAA,EAClBU;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACMzC,KAAqB+B,EAAYW,GAAqB,gBAAgB,EAAE,gBAAgB,GAAM,CAAA,GAC9FC,KAAsBxD,EAAW,SAA8BC,GAAOC,GAAK;AAC/E,QAAMC,IAASN,EAAkB;AACjC,SAAuBa,gBAAAA,MAAI+C,EAAO,QAAQ,EAAE,GAAGxD,GAAO,KAAAC,GAAK,SAAS,MAAMC,EAAO,QAAQ,EAAK,EAAC,CAAE;AACnG,CAAC,GACKJ,KAAiB6C;AAAA,EACrBc;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACMC,KAAaf;AAAA,EACjB;AAAA,EACA;AACF,GACMgB,KAAehB;AAAA,EACnB;AAAA,EACA;AACF,GACMiB,KAAejB;AAAA,EACnB;AAAA,EACA;AACF,GACM5B,KAAgB8C;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}

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

@@ -0,0 +1,2 @@
+"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),R=require("react"),i=require("./button.component-CsJxgblU.js"),C=require("./flex-D14H6HbP.js"),e=require("./dialog-BeivYfW7.js"),k=require("./heading.component-BMvc5kM8.js"),B=require("./usePortalContentRef-CTrvBQ7I.js"),M=require("./use-breakpoint-uBg4-8yY.js"),N=require("./use-locale-context-D0LByRu9.js"),D=({children:o,destructive:a,disabled:l,hideCancel:s=!1,loading:n,loadingText:r,onCancel:d,onSubmit:c,submitText:u="Submit",...x})=>t.jsxRuntimeExports.jsx(e.DialogFooter,{className:"Modal__Footer","data-testid":"kibble-modal-footer",...x,children:o||t.jsxRuntimeExports.jsxs(C.Flex,{alignItems:"center",justifyContent:"space-between",w:"100%",children:[!s&&t.jsxRuntimeExports.jsx(e.DialogActionTrigger,{asChild:!0,className:"Modal__CancelButton","data-testid":"kibble-modal-cancel-button",children:t.jsxRuntimeExports.jsx(i.Button,{variant:"tertiary",onClick:d,children:"Cancel"})}),t.jsxRuntimeExports.jsx(i.Button,{className:"Modal__SubmitButton","data-testid":"kibble-modal-submit-button",onClick:c,loading:n,loadingText:r,disabled:l,variant:a?"primaryDestructive":"primary",children:u})]})}),v=({children:o,footerProps:a,fullScreenMobile:l=!0,header:s,headerProps:n,hideCloseButton:r=!1,hideFooter:d=!1,motionPreset:c="slide-in-bottom",placement:u="center",showExpandButton:x=!1,size:m="md",trigger:j,...g})=>{const p=R.useRef(null),h={contentRef:p},[b,E]=R.useState(!1),_=M.useBreakpointValue({base:l?"full":m,md:m});return t.jsxRuntimeExports.jsxs(e.DialogRoot,{motionPreset:c,placement:u,size:_,...g,expanded:b,children:[j&&t.jsxRuntimeExports.jsx(e.DialogTrigger,{asChild:!0,children:j}),t.jsxRuntimeExports.jsxs(N.Portal,{children:[t.jsxRuntimeExports.jsx(e.DialogBackdrop,{}),t.jsxRuntimeExports.jsx(e.DialogPositioner,{children:t.jsxRuntimeExports.jsx(B.PortalContext.Provider,{value:h,children:t.jsxRuntimeExports.jsxs(e.DialogContent,{className:"Modal","data-testid":"kibble-modal",ref:p,children:[!r&&t.jsxRuntimeExports.jsx(e.DialogCloseTrigger,{asChild:!0,className:"Modal__CloseButton","data-testid":"kibble-modal-close-button",children:t.jsxRuntimeExports.jsx(i.Button,{iconName:"close",variant:"ghostNeutral"})}),x&&t.jsxRuntimeExports.jsx(i.Button,{className:"Modal__ExpandButton","data-testid":"kibble-modal-expand-button",variant:"ghostNeutral",iconName:b?"arrowsIn":"arrowsOut",position:"absolute",top:2,right:12,onClick:()=>E(f=>!f)}),t.jsxRuntimeExports.jsx(e.DialogHeader,{className:"Modal__Header","data-testid":"kibble-modal-header",children:s&&t.jsxRuntimeExports.jsx(e.DialogTitle,{className:"Modal__Title","data-testid":"kibble-modal-title",asChild:!0,children:typeof s=="string"?t.jsxRuntimeExports.jsx(k.WrappedHeading,{size:"xl",...n,children:s}):s})}),t.jsxRuntimeExports.jsx(e.DialogBody,{className:"Modal__Body","data-testid":"kibble-modal-body",children:o}),!d&&t.jsxRuntimeExports.jsx(D,{...a})]})})})]})]})},q=["xs","sm","md","lg","cover","full"],P=["center","top","bottom"],y=["inside","outside"],S=["scale","slide-in-bottom","slide-in-top","slide-in-left","slide-in-right","none"];exports.Modal=v;exports.modalMotionPresets=S;exports.modalPlacements=P;exports.modalScrollBehaviors=y;exports.modalSizes=q;
+//# sourceMappingURL=modal.types-BiEPKa2t.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.types-BiEPKa2t.js","sources":["../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["import React from 'react';\nimport { Dialog } from '@chakra-ui/react/dialog';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Button } from 'components/Button/button.component';\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n  children?: React.ReactNode;\n  destructive?: boolean;\n  disabled?: boolean;\n  hideCancel?: boolean;\n  loading?: boolean;\n  loadingText?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void | Promise<void>;\n  submitText?: string;\n}\n\nexport const ModalFooter = ({\n  children,\n  destructive,\n  disabled,\n  hideCancel = false,\n  loading,\n  loadingText,\n  onCancel,\n  onSubmit,\n  submitText = 'Submit',\n  ...rest\n}: ModalFooterProps): React.JSX.Element => {\n  return (\n    <Dialog.Footer 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 { ConditionalValue } from '@chakra-ui/react/styled-system';\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?: ConditionalValue<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":["ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","Dialog.Footer","Flex","jsx","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","contentRef","useRef","contextValue","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","jsxs","Dialog.Root","Dialog.Trigger","Portal","Dialog.Backdrop","Dialog.Positioner","PortalContext","Dialog.Content","Dialog.CloseTrigger","prev","Dialog.Header","Dialog.Title","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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"}

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

@@ -0,0 +1,95 @@
+import { j as a } from "./jsx-runtime-C5mzlN2N.js";
+import { useRef as k, useState as C } from "react";
+import { B as s } from "./button.component-Br9jCpBx.js";
+import { F as D } from "./flex-smlF8uQG.js";
+import { D as M, a as N, b as B, c as v, d as y, e as P, f as S, g as F, h as T, i as w, j as E } from "./dialog-CcVRidaV.js";
+import { W as R } from "./heading.component-CSbfsm3W.js";
+import { P as z } from "./usePortalContentRef-DO_jc4W9.js";
+import { u as H } from "./use-breakpoint-MQ7agQJe.js";
+import { P as I } from "./use-locale-context-BNU4MHrO.js";
+const V = ({
+  children: e,
+  destructive: o,
+  disabled: l,
+  hideCancel: t = !1,
+  loading: i,
+  loadingText: d,
+  onCancel: r,
+  onSubmit: n,
+  submitText: c = "Submit",
+  ...m
+}) => /* @__PURE__ */ a.jsx(M, { className: "Modal__Footer", "data-testid": "kibble-modal-footer", ...m, children: e || /* @__PURE__ */ a.jsxs(D, { alignItems: "center", justifyContent: "space-between", w: "100%", children: [
+  !t && /* @__PURE__ */ a.jsx(N, { asChild: !0, className: "Modal__CancelButton", "data-testid": "kibble-modal-cancel-button", children: /* @__PURE__ */ a.jsx(s, { variant: "tertiary", onClick: r, children: "Cancel" }) }),
+  /* @__PURE__ */ a.jsx(
+    s,
+    {
+      className: "Modal__SubmitButton",
+      "data-testid": "kibble-modal-submit-button",
+      onClick: n,
+      loading: i,
+      loadingText: d,
+      disabled: l,
+      variant: o ? "primaryDestructive" : "primary",
+      children: c
+    }
+  )
+] }) }), U = ({
+  children: e,
+  footerProps: o,
+  fullScreenMobile: l = !0,
+  header: t,
+  headerProps: i,
+  hideCloseButton: d = !1,
+  hideFooter: r = !1,
+  motionPreset: n = "slide-in-bottom",
+  placement: c = "center",
+  showExpandButton: m = !1,
+  size: u = "md",
+  trigger: b,
+  ...f
+}) => {
+  const x = k(null), g = { contentRef: x }, [p, j] = C(!1), h = H({
+    base: l ? "full" : u,
+    md: u
+  });
+  return /* @__PURE__ */ a.jsxs(B, { motionPreset: n, placement: c, size: h, ...f, expanded: p, children: [
+    b && /* @__PURE__ */ a.jsx(v, { asChild: !0, children: b }),
+    /* @__PURE__ */ a.jsxs(I, { children: [
+      /* @__PURE__ */ a.jsx(y, {}),
+      /* @__PURE__ */ a.jsx(P, { children: /* @__PURE__ */ a.jsx(z.Provider, { value: g, children: /* @__PURE__ */ a.jsxs(S, { className: "Modal", "data-testid": "kibble-modal", ref: x, children: [
+        !d && /* @__PURE__ */ a.jsx(F, { asChild: !0, className: "Modal__CloseButton", "data-testid": "kibble-modal-close-button", children: /* @__PURE__ */ a.jsx(s, { iconName: "close", variant: "ghostNeutral" }) }),
+        m && /* @__PURE__ */ a.jsx(
+          s,
+          {
+            className: "Modal__ExpandButton",
+            "data-testid": "kibble-modal-expand-button",
+            variant: "ghostNeutral",
+            iconName: p ? "arrowsIn" : "arrowsOut",
+            position: "absolute",
+            top: 2,
+            right: 12,
+            onClick: () => j((_) => !_)
+          }
+        ),
+        /* @__PURE__ */ a.jsx(T, { className: "Modal__Header", "data-testid": "kibble-modal-header", children: t && /* @__PURE__ */ a.jsx(w, { className: "Modal__Title", "data-testid": "kibble-modal-title", asChild: !0, children: typeof t == "string" ? /* @__PURE__ */ a.jsx(R, { size: "xl", ...i, children: t }) : t }) }),
+        /* @__PURE__ */ a.jsx(E, { className: "Modal__Body", "data-testid": "kibble-modal-body", children: e }),
+        !r && /* @__PURE__ */ a.jsx(V, { ...o })
+      ] }) }) })
+    ] })
+  ] });
+}, X = ["xs", "sm", "md", "lg", "cover", "full"], Y = ["center", "top", "bottom"], Z = ["inside", "outside"], $ = [
+  "scale",
+  "slide-in-bottom",
+  "slide-in-top",
+  "slide-in-left",
+  "slide-in-right",
+  "none"
+];
+export {
+  U as M,
+  Y as a,
+  Z as b,
+  $ as c,
+  X as m
+};
+//# sourceMappingURL=modal.types-DqAH_jR5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.types-DqAH_jR5.js","sources":["../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["import React from 'react';\nimport { Dialog } from '@chakra-ui/react/dialog';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Button } from 'components/Button/button.component';\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n  children?: React.ReactNode;\n  destructive?: boolean;\n  disabled?: boolean;\n  hideCancel?: boolean;\n  loading?: boolean;\n  loadingText?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void | Promise<void>;\n  submitText?: string;\n}\n\nexport const ModalFooter = ({\n  children,\n  destructive,\n  disabled,\n  hideCancel = false,\n  loading,\n  loadingText,\n  onCancel,\n  onSubmit,\n  submitText = 'Submit',\n  ...rest\n}: ModalFooterProps): React.JSX.Element => {\n  return (\n    <Dialog.Footer 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 { ConditionalValue } from '@chakra-ui/react/styled-system';\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?: ConditionalValue<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":["ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","Dialog.Footer","Flex","jsx","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","contentRef","useRef","contextValue","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","jsxs","Dialog.Root","Dialog.Trigger","Portal","Dialog.Backdrop","Dialog.Positioner","PortalContext","Dialog.Content","Dialog.CloseTrigger","prev","Dialog.Header","Dialog.Title","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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"}