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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { M as s, c as l, a as e, b as m, m as d } from "../../../chunks/modal.types-KqIduO4D.js";
1
+ import { M as s, c as l, a as e, b as m, m as d } from "../../../chunks/modal.types-DqAH_jR5.js";
2
2
  export {
3
3
  s as Modal,
4
4
  l as modalMotionPresets,
@@ -19,7 +19,7 @@ import { i as K } from "../../chunks/icon.types-DLbVfMjG.js";
19
19
  import { L as U } from "../../chunks/link.component--UJiv0xU.js";
20
20
  import { L as Y, l as Z, a as _ } from "../../chunks/logo.types-BbSodfBq.js";
21
21
  import { M as oo } from "../../chunks/menu.component-DSFy9WEh.js";
22
- import { M as ro, c as to, a as so, b as eo, m as po } from "../../chunks/modal.types-KqIduO4D.js";
22
+ import { M as ro, c as to, a as so, b as eo, m as po } from "../../chunks/modal.types-DqAH_jR5.js";
23
23
  import { N as mo } from "../../chunks/notificationCounter.component-BzhAKrKR.js";
24
24
  import { n as xo, a as fo } from "../../chunks/notificationCounter.types-Dm4PSN2Y.js";
25
25
  import { P as So } from "../../chunks/picture.component-DECGd77u.js";
package/dist/esm/index.js CHANGED
@@ -19,7 +19,7 @@ import { i as J } from "../chunks/icon.types-DLbVfMjG.js";
19
19
  import { L as U } from "../chunks/link.component--UJiv0xU.js";
20
20
  import { L as Y, l as Z, a as _ } from "../chunks/logo.types-BbSodfBq.js";
21
21
  import { M as oo } from "../chunks/menu.component-DSFy9WEh.js";
22
- import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-KqIduO4D.js";
22
+ import { M as ao, c as eo, a as to, b as so, m as po } from "../chunks/modal.types-DqAH_jR5.js";
23
23
  import { N as mo } from "../chunks/notificationCounter.component-BzhAKrKR.js";
24
24
  import { n as xo, a as no } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
25
25
  import { P as co } from "../chunks/picture.component-DECGd77u.js";
@@ -24,6 +24,7 @@ export { Clipboard } from '@chakra-ui/react/clipboard';
24
24
  export { Collapsible, useCollapsible } from '@chakra-ui/react/collapsible';
25
25
  export { ColorPicker } from '@chakra-ui/react/color-picker';
26
26
  export { DataList } from '@chakra-ui/react/data-list';
27
+ export { Dialog } from '@chakra-ui/react/dialog';
27
28
  export { Drawer } from '@chakra-ui/react/drawer';
28
29
  export { Editable } from '@chakra-ui/react/editable';
29
30
  export { FileUpload } from '@chakra-ui/react/file-upload';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@televet/kibble-ui",
3
3
  "description": "Kibble Design System by Otto",
4
- "version": "4.0.0-beta.113",
4
+ "version": "4.0.0-beta.114",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.cjs",
7
7
  "module": "dist/esm/index.js",
@@ -1,78 +0,0 @@
1
- import { j as n } from "./jsx-runtime-C5mzlN2N.js";
2
- import { forwardRef as c, useId as j } from "react";
3
- import { c as C, l as p, f as l, h as u, u as d, i as h, j as y, k as N, n as R, s as P, m } from "./use-locale-context-BNU4MHrO.js";
4
- import { u as T, s as D, R as x } from "./render-strategy-D5Z6LZ1V.js";
5
- import { a1 as a } from "./index-Ztgrae6O.js";
6
- import { m as k, c as S } from "./index-B3d3tRic.js";
7
- const [v, g] = C({
8
- name: "DialogContext",
9
- hookName: "useDialogContext",
10
- providerName: "<DialogProvider />"
11
- }), b = c((s, o) => {
12
- const e = g(), r = T(), t = p({ ...r, present: e.open }), i = a(e.getBackdropProps(), t.getPresenceProps(), s);
13
- return t.unmounted ? null : /* @__PURE__ */ n.jsx(l.div, { ...i, ref: u(t.ref, o) });
14
- });
15
- b.displayName = "DialogBackdrop";
16
- const B = c((s, o) => {
17
- const e = g(), r = a(e.getCloseTriggerProps(), s);
18
- return /* @__PURE__ */ n.jsx(l.button, { ...r, ref: o });
19
- });
20
- B.displayName = "DialogCloseTrigger";
21
- const E = c((s, o) => {
22
- const e = g(), r = d(), t = a(e.getContentProps(), r.getPresenceProps(), s);
23
- return r.unmounted ? null : /* @__PURE__ */ n.jsx(l.div, { ...t, ref: u(r.ref, o) });
24
- });
25
- E.displayName = "DialogContent";
26
- const w = c((s, o) => {
27
- const e = g(), r = a(e.getDescriptionProps(), s);
28
- return /* @__PURE__ */ n.jsx(l.div, { ...r, ref: o });
29
- });
30
- w.displayName = "DialogDescription";
31
- const z = c((s, o) => {
32
- const e = g(), r = a(e.getPositionerProps(), s);
33
- return d().unmounted ? null : /* @__PURE__ */ n.jsx(l.div, { ...r, ref: o });
34
- });
35
- z.displayName = "DialogPositioner";
36
- const I = (s) => {
37
- const o = j(), { getRootNode: e } = h(), { dir: r } = y(), t = {
38
- id: o,
39
- getRootNode: e,
40
- dir: r,
41
- ...s
42
- }, i = N(k, t);
43
- return S(i, R);
44
- }, K = (s) => {
45
- const [o, { children: e, ...r }] = P(s), [t] = D(o), i = I(r), f = p(a({ present: i.open }, o));
46
- return /* @__PURE__ */ n.jsx(v, { value: i, children: /* @__PURE__ */ n.jsx(x, { value: t, children: /* @__PURE__ */ n.jsx(m, { value: f, children: e }) }) });
47
- }, O = (s) => {
48
- const [o, { value: e, children: r }] = P(s), [t] = D(o), i = p(a({ present: e.open }, o));
49
- return /* @__PURE__ */ n.jsx(v, { value: e, children: /* @__PURE__ */ n.jsx(x, { value: t, children: /* @__PURE__ */ n.jsx(m, { value: i, children: r }) }) });
50
- }, L = c((s, o) => {
51
- const e = g(), r = a(e.getTitleProps(), s);
52
- return /* @__PURE__ */ n.jsx(l.h2, { ...r, ref: o });
53
- });
54
- L.displayName = "DialogTitle";
55
- const M = c((s, o) => {
56
- const e = g(), r = d(), t = a(
57
- {
58
- ...e.getTriggerProps(),
59
- "aria-controls": r.unmounted ? void 0 : e.getTriggerProps()["aria-controls"]
60
- },
61
- s
62
- );
63
- return /* @__PURE__ */ n.jsx(l.button, { ...t, ref: o });
64
- });
65
- M.displayName = "DialogTrigger";
66
- export {
67
- K as D,
68
- M as a,
69
- b,
70
- z as c,
71
- E as d,
72
- B as e,
73
- L as f,
74
- O as g,
75
- w as h,
76
- g as u
77
- };
78
- //# sourceMappingURL=dialog-trigger-Crrp0YGG.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dialog-trigger-Crrp0YGG.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-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"],"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 { 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"],"names":["DialogProvider","useDialogContext","createContext","DialogBackdrop","forwardRef","props","ref","dialog","renderStrategyProps","useRenderStrategyPropsContext","presence","usePresence","mergedProps","mergeProps","jsx","ark","composeRefs","DialogCloseTrigger","DialogContent","usePresenceContext","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"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10]}
@@ -1,2 +0,0 @@
1
- "use strict";const i=require("./jsx-runtime-BjDatQAs.js"),g=require("react"),e=require("./use-locale-context-D0LByRu9.js"),l=require("./render-strategy-C_zp9LNQ.js"),a=require("./index-CHIISuTq.js"),d=require("./index-BR7peqZO.js"),[u,p]=e.createContext({name:"DialogContext",hookName:"useDialogContext",providerName:"<DialogProvider />"}),P=g.forwardRef((t,o)=>{const r=p(),s=l.useRenderStrategyPropsContext(),n=e.usePresence({...s,present:r.open}),c=a.mergeProps(r.getBackdropProps(),n.getPresenceProps(),t);return n.unmounted?null:i.jsxRuntimeExports.jsx(e.ark.div,{...c,ref:e.composeRefs(n.ref,o)})});P.displayName="DialogBackdrop";const x=g.forwardRef((t,o)=>{const r=p(),s=a.mergeProps(r.getCloseTriggerProps(),t);return i.jsxRuntimeExports.jsx(e.ark.button,{...s,ref:o})});x.displayName="DialogCloseTrigger";const m=g.forwardRef((t,o)=>{const r=p(),s=e.usePresenceContext(),n=a.mergeProps(r.getContentProps(),s.getPresenceProps(),t);return s.unmounted?null:i.jsxRuntimeExports.jsx(e.ark.div,{...n,ref:e.composeRefs(s.ref,o)})});m.displayName="DialogContent";const D=g.forwardRef((t,o)=>{const r=p(),s=a.mergeProps(r.getDescriptionProps(),t);return i.jsxRuntimeExports.jsx(e.ark.div,{...s,ref:o})});D.displayName="DialogDescription";const R=g.forwardRef((t,o)=>{const r=p(),s=a.mergeProps(r.getPositionerProps(),t);return e.usePresenceContext().unmounted?null:i.jsxRuntimeExports.jsx(e.ark.div,{...s,ref:o})});R.displayName="DialogPositioner";const C=t=>{const o=g.useId(),{getRootNode:r}=e.useEnvironmentContext(),{dir:s}=e.useLocaleContext(),n={id:o,getRootNode:r,dir:s,...t},c=e.useMachine(d.machine,n);return d.connect(c,e.normalizeProps)},y=t=>{const[o,{children:r,...s}]=e.splitPresenceProps(t),[n]=l.splitRenderStrategyProps(o),c=C(s),v=e.usePresence(a.mergeProps({present:c.open},o));return i.jsxRuntimeExports.jsx(u,{value:c,children:i.jsxRuntimeExports.jsx(l.RenderStrategyPropsProvider,{value:n,children:i.jsxRuntimeExports.jsx(e.PresenceProvider,{value:v,children:r})})})},E=t=>{const[o,{value:r,children:s}]=e.splitPresenceProps(t),[n]=l.splitRenderStrategyProps(o),c=e.usePresence(a.mergeProps({present:r.open},o));return i.jsxRuntimeExports.jsx(u,{value:r,children:i.jsxRuntimeExports.jsx(l.RenderStrategyPropsProvider,{value:n,children:i.jsxRuntimeExports.jsx(e.PresenceProvider,{value:c,children:s})})})},j=g.forwardRef((t,o)=>{const r=p(),s=a.mergeProps(r.getTitleProps(),t);return i.jsxRuntimeExports.jsx(e.ark.h2,{...s,ref:o})});j.displayName="DialogTitle";const f=g.forwardRef((t,o)=>{const r=p(),s=e.usePresenceContext(),n=a.mergeProps({...r.getTriggerProps(),"aria-controls":s.unmounted?void 0:r.getTriggerProps()["aria-controls"]},t);return i.jsxRuntimeExports.jsx(e.ark.button,{...n,ref:o})});f.displayName="DialogTrigger";exports.DialogBackdrop=P;exports.DialogCloseTrigger=x;exports.DialogContent=m;exports.DialogDescription=D;exports.DialogPositioner=R;exports.DialogRoot=y;exports.DialogRootProvider=E;exports.DialogTitle=j;exports.DialogTrigger=f;exports.useDialogContext=p;
2
- //# sourceMappingURL=dialog-trigger-MkOQUjzu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dialog-trigger-MkOQUjzu.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-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"],"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 { 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"],"names":["DialogProvider","useDialogContext","createContext","DialogBackdrop","forwardRef","props","ref","dialog","renderStrategyProps","useRenderStrategyPropsContext","presence","usePresence","mergedProps","mergeProps","jsx","ark","composeRefs","DialogCloseTrigger","DialogContent","usePresenceContext","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"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10]}
@@ -1,2 +0,0 @@
1
- "use strict";const t=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),a=require("./button.component-CsJxgblU.js"),_=require("./flex-D14H6HbP.js"),B=require("./create-slot-recipe-context-IwVIgtBt.js"),M=require("./factory-D6tdBUPG.js"),e=require("./dialog-trigger-MkOQUjzu.js"),v=require("./heading.component-BMvc5kM8.js"),w=require("./usePortalContentRef-CTrvBQ7I.js"),P=require("./use-breakpoint-uBg4-8yY.js"),y=require("./use-locale-context-D0LByRu9.js"),{withRootProvider:R,withContext:o}=B.createSlotRecipeContext({key:"dialog"});R(e.DialogRootProvider,{defaultProps:{unmountOnExit:!0,lazyMount:!0}});const N=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(M.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=P.useBreakpointValue({base:n?"full":g,md:g});return t.jsxRuntimeExports.jsxs(N,{motionPreset:u,placement:x,size:D,...f,expanded:h,children:[j&&t.jsxRuntimeExports.jsx(q,{asChild:!0,children:j}),t.jsxRuntimeExports.jsxs(y.Portal,{children:[t.jsxRuntimeExports.jsx(O,{}),t.jsxRuntimeExports.jsx(T,{children:t.jsxRuntimeExports.jsx(w.PortalContext.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;
2
- //# sourceMappingURL=modal.types-CTQpaACU.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"modal.types-CTQpaACU.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/dialog/dialog.js","../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Dialog, useDialogContext } from '@ark-ui/react/dialog';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst {\n withRootProvider,\n withContext,\n useStyles: useDialogStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"dialog\" });\nconst DialogRootProvider = withRootProvider(\n Dialog.RootProvider,\n {\n defaultProps: { unmountOnExit: true, lazyMount: true }\n }\n);\nconst DialogRoot = withRootProvider(Dialog.Root, {\n defaultProps: { unmountOnExit: true, lazyMount: true }\n});\nconst DialogPropsProvider = PropsProvider;\nconst DialogTrigger = withContext(\n Dialog.Trigger,\n \"trigger\",\n { forwardAsChild: true }\n);\nconst DialogPositioner = withContext(Dialog.Positioner, \"positioner\", { forwardAsChild: true });\nconst DialogContent = withContext(\n Dialog.Content,\n \"content\",\n { forwardAsChild: true }\n);\nconst DialogDescription = withContext(Dialog.Description, \"description\", { forwardAsChild: true });\nconst DialogTitle = withContext(\n Dialog.Title,\n \"title\",\n { forwardAsChild: true }\n);\nconst DialogCloseTrigger = withContext(Dialog.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst DialogActionTrigger = forwardRef(function DialogActionTrigger2(props, ref) {\n const dialog = useDialogContext();\n return /* @__PURE__ */ jsx(chakra.button, { ...props, ref, onClick: () => dialog.setOpen(false) });\n});\nconst DialogBackdrop = withContext(\n Dialog.Backdrop,\n \"backdrop\",\n { forwardAsChild: true }\n);\nconst DialogBody = withContext(\n \"div\",\n \"body\"\n);\nconst DialogFooter = withContext(\n \"div\",\n \"footer\"\n);\nconst DialogHeader = withContext(\n \"div\",\n \"header\"\n);\nconst DialogContext = Dialog.Context;\n\nexport { DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogPropsProvider, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, useDialogStyles };\n","import React from 'react';\nimport { Dialog } from '@chakra-ui/react/dialog';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Button } from 'components/Button/button.component';\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n children?: React.ReactNode;\n destructive?: boolean;\n disabled?: boolean;\n hideCancel?: boolean;\n loading?: boolean;\n loadingText?: string;\n onCancel?: () => void;\n onSubmit?: () => void | Promise<void>;\n submitText?: string;\n}\n\nexport const ModalFooter = ({\n children,\n destructive,\n disabled,\n hideCancel = false,\n loading,\n loadingText,\n onCancel,\n onSubmit,\n submitText = 'Submit',\n ...rest\n}: ModalFooterProps): React.JSX.Element => {\n return (\n <Dialog.Footer className=\"Modal__Footer\" data-testid=\"kibble-modal-footer\" {...rest}>\n {children ? (\n children\n ) : (\n <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n {!hideCancel && (\n <Dialog.ActionTrigger asChild className=\"Modal__CancelButton\" data-testid=\"kibble-modal-cancel-button\">\n <Button variant=\"tertiary\" onClick={onCancel}>\n Cancel\n </Button>\n </Dialog.ActionTrigger>\n )}\n <Button\n className=\"Modal__SubmitButton\"\n data-testid=\"kibble-modal-submit-button\"\n onClick={onSubmit}\n loading={loading}\n loadingText={loadingText}\n disabled={disabled}\n variant={destructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n )}\n </Dialog.Footer>\n );\n};\n","import React, { useRef, useState } from 'react';\nimport { Dialog } from '@chakra-ui/react/dialog';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { 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":["withRootProvider","withContext","createSlotRecipeContext","Dialog.RootProvider","DialogRoot","Dialog.Root","DialogTrigger","Dialog.Trigger","DialogPositioner","Dialog.Positioner","DialogContent","Dialog.Content","Dialog.Description","DialogTitle","Dialog.Title","DialogCloseTrigger","Dialog.CloseTrigger","DialogActionTrigger","forwardRef","props","ref","dialog","useDialogContext","jsx","chakra","DialogBackdrop","Dialog.Backdrop","DialogBody","DialogFooter","DialogHeader","ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","Dialog.Footer","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","contentRef","useRef","contextValue","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","jsxs","Portal","PortalContext","prev","Dialog.Header","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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","x_google_ignoreList":[0]}
@@ -1,139 +0,0 @@
1
- import { j as o } from "./jsx-runtime-C5mzlN2N.js";
2
- import { forwardRef as _, useRef as M, useState as v } from "react";
3
- import { B as l } from "./button.component-Br9jCpBx.js";
4
- import { F as w } from "./flex-smlF8uQG.js";
5
- import { c as N } from "./create-slot-recipe-context-BJmsuxih.js";
6
- import { c as P } from "./factory-Ctbv0Ozn.js";
7
- import { D as y, a as B, b as T, c as A, d as R, e as S, f as $, u as E, g as z, h as F } from "./dialog-trigger-Crrp0YGG.js";
8
- import { W as O } from "./heading.component-CSbfsm3W.js";
9
- import { P as H } from "./usePortalContentRef-DO_jc4W9.js";
10
- import { u as I } from "./use-breakpoint-MQ7agQJe.js";
11
- import { P as V } from "./use-locale-context-BNU4MHrO.js";
12
- const {
13
- withRootProvider: b,
14
- withContext: t
15
- } = N({ key: "dialog" });
16
- b(
17
- z,
18
- {
19
- defaultProps: { unmountOnExit: !0, lazyMount: !0 }
20
- }
21
- );
22
- const W = b(y, {
23
- defaultProps: { unmountOnExit: !0, lazyMount: !0 }
24
- }), q = t(
25
- B,
26
- "trigger",
27
- { forwardAsChild: !0 }
28
- ), G = t(A, "positioner", { forwardAsChild: !0 }), J = t(
29
- R,
30
- "content",
31
- { forwardAsChild: !0 }
32
- );
33
- t(F, "description", { forwardAsChild: !0 });
34
- const K = t(
35
- $,
36
- "title",
37
- { forwardAsChild: !0 }
38
- ), L = t(S, "closeTrigger", { forwardAsChild: !0 }), Q = _(function(s, i) {
39
- const e = E();
40
- return /* @__PURE__ */ o.jsx(P.button, { ...s, ref: i, onClick: () => e.setOpen(!1) });
41
- }), U = t(
42
- T,
43
- "backdrop",
44
- { forwardAsChild: !0 }
45
- ), X = t(
46
- "div",
47
- "body"
48
- ), Y = t(
49
- "div",
50
- "footer"
51
- ), Z = t(
52
- "div",
53
- "header"
54
- ), oo = ({
55
- children: a,
56
- destructive: s,
57
- disabled: i,
58
- hideCancel: e = !1,
59
- loading: r,
60
- loadingText: n,
61
- onCancel: d,
62
- onSubmit: c,
63
- submitText: m = "Submit",
64
- ...u
65
- }) => /* @__PURE__ */ o.jsx(Y, { className: "Modal__Footer", "data-testid": "kibble-modal-footer", ...u, children: a || /* @__PURE__ */ o.jsxs(w, { alignItems: "center", justifyContent: "space-between", w: "100%", children: [
66
- !e && /* @__PURE__ */ o.jsx(Q, { asChild: !0, className: "Modal__CancelButton", "data-testid": "kibble-modal-cancel-button", children: /* @__PURE__ */ o.jsx(l, { variant: "tertiary", onClick: d, children: "Cancel" }) }),
67
- /* @__PURE__ */ o.jsx(
68
- l,
69
- {
70
- className: "Modal__SubmitButton",
71
- "data-testid": "kibble-modal-submit-button",
72
- onClick: c,
73
- loading: r,
74
- loadingText: n,
75
- disabled: i,
76
- variant: s ? "primaryDestructive" : "primary",
77
- children: m
78
- }
79
- )
80
- ] }) }), go = ({
81
- children: a,
82
- footerProps: s,
83
- fullScreenMobile: i = !0,
84
- header: e,
85
- headerProps: r,
86
- hideCloseButton: n = !1,
87
- hideFooter: d = !1,
88
- motionPreset: c = "slide-in-bottom",
89
- placement: m = "center",
90
- showExpandButton: u = !1,
91
- size: g = "md",
92
- trigger: f,
93
- ...h
94
- }) => {
95
- const p = M(null), C = { contentRef: p }, [x, D] = v(!1), j = I({
96
- base: i ? "full" : g,
97
- md: g
98
- });
99
- return /* @__PURE__ */ o.jsxs(W, { motionPreset: c, placement: m, size: j, ...h, expanded: x, children: [
100
- f && /* @__PURE__ */ o.jsx(q, { asChild: !0, children: f }),
101
- /* @__PURE__ */ o.jsxs(V, { children: [
102
- /* @__PURE__ */ o.jsx(U, {}),
103
- /* @__PURE__ */ o.jsx(G, { children: /* @__PURE__ */ o.jsx(H.Provider, { value: C, children: /* @__PURE__ */ o.jsxs(J, { className: "Modal", "data-testid": "kibble-modal", ref: p, children: [
104
- !n && /* @__PURE__ */ o.jsx(L, { asChild: !0, className: "Modal__CloseButton", "data-testid": "kibble-modal-close-button", children: /* @__PURE__ */ o.jsx(l, { iconName: "close", variant: "ghostNeutral" }) }),
105
- u && /* @__PURE__ */ o.jsx(
106
- l,
107
- {
108
- className: "Modal__ExpandButton",
109
- "data-testid": "kibble-modal-expand-button",
110
- variant: "ghostNeutral",
111
- iconName: x ? "arrowsIn" : "arrowsOut",
112
- position: "absolute",
113
- top: 2,
114
- right: 12,
115
- onClick: () => D((k) => !k)
116
- }
117
- ),
118
- /* @__PURE__ */ o.jsx(Z, { className: "Modal__Header", "data-testid": "kibble-modal-header", children: e && /* @__PURE__ */ o.jsx(K, { className: "Modal__Title", "data-testid": "kibble-modal-title", asChild: !0, children: typeof e == "string" ? /* @__PURE__ */ o.jsx(O, { size: "xl", ...r, children: e }) : e }) }),
119
- /* @__PURE__ */ o.jsx(X, { className: "Modal__Body", "data-testid": "kibble-modal-body", children: a }),
120
- !d && /* @__PURE__ */ o.jsx(oo, { ...s })
121
- ] }) }) })
122
- ] })
123
- ] });
124
- }, fo = ["xs", "sm", "md", "lg", "cover", "full"], po = ["center", "top", "bottom"], xo = ["inside", "outside"], bo = [
125
- "scale",
126
- "slide-in-bottom",
127
- "slide-in-top",
128
- "slide-in-left",
129
- "slide-in-right",
130
- "none"
131
- ];
132
- export {
133
- go as M,
134
- po as a,
135
- xo as b,
136
- bo as c,
137
- fo as m
138
- };
139
- //# sourceMappingURL=modal.types-KqIduO4D.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"modal.types-KqIduO4D.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/dialog/dialog.js","../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Dialog, useDialogContext } from '@ark-ui/react/dialog';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\n\nconst {\n withRootProvider,\n withContext,\n useStyles: useDialogStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"dialog\" });\nconst DialogRootProvider = withRootProvider(\n Dialog.RootProvider,\n {\n defaultProps: { unmountOnExit: true, lazyMount: true }\n }\n);\nconst DialogRoot = withRootProvider(Dialog.Root, {\n defaultProps: { unmountOnExit: true, lazyMount: true }\n});\nconst DialogPropsProvider = PropsProvider;\nconst DialogTrigger = withContext(\n Dialog.Trigger,\n \"trigger\",\n { forwardAsChild: true }\n);\nconst DialogPositioner = withContext(Dialog.Positioner, \"positioner\", { forwardAsChild: true });\nconst DialogContent = withContext(\n Dialog.Content,\n \"content\",\n { forwardAsChild: true }\n);\nconst DialogDescription = withContext(Dialog.Description, \"description\", { forwardAsChild: true });\nconst DialogTitle = withContext(\n Dialog.Title,\n \"title\",\n { forwardAsChild: true }\n);\nconst DialogCloseTrigger = withContext(Dialog.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst DialogActionTrigger = forwardRef(function DialogActionTrigger2(props, ref) {\n const dialog = useDialogContext();\n return /* @__PURE__ */ jsx(chakra.button, { ...props, ref, onClick: () => dialog.setOpen(false) });\n});\nconst DialogBackdrop = withContext(\n Dialog.Backdrop,\n \"backdrop\",\n { forwardAsChild: true }\n);\nconst DialogBody = withContext(\n \"div\",\n \"body\"\n);\nconst DialogFooter = withContext(\n \"div\",\n \"footer\"\n);\nconst DialogHeader = withContext(\n \"div\",\n \"header\"\n);\nconst DialogContext = Dialog.Context;\n\nexport { DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogPropsProvider, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, useDialogStyles };\n","import React from 'react';\nimport { Dialog } from '@chakra-ui/react/dialog';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Button } from 'components/Button/button.component';\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n children?: React.ReactNode;\n destructive?: boolean;\n disabled?: boolean;\n hideCancel?: boolean;\n loading?: boolean;\n loadingText?: string;\n onCancel?: () => void;\n onSubmit?: () => void | Promise<void>;\n submitText?: string;\n}\n\nexport const ModalFooter = ({\n children,\n destructive,\n disabled,\n hideCancel = false,\n loading,\n loadingText,\n onCancel,\n onSubmit,\n submitText = 'Submit',\n ...rest\n}: ModalFooterProps): React.JSX.Element => {\n return (\n <Dialog.Footer className=\"Modal__Footer\" data-testid=\"kibble-modal-footer\" {...rest}>\n {children ? (\n children\n ) : (\n <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n {!hideCancel && (\n <Dialog.ActionTrigger asChild className=\"Modal__CancelButton\" data-testid=\"kibble-modal-cancel-button\">\n <Button variant=\"tertiary\" onClick={onCancel}>\n Cancel\n </Button>\n </Dialog.ActionTrigger>\n )}\n <Button\n className=\"Modal__SubmitButton\"\n data-testid=\"kibble-modal-submit-button\"\n onClick={onSubmit}\n loading={loading}\n loadingText={loadingText}\n disabled={disabled}\n variant={destructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n )}\n </Dialog.Footer>\n );\n};\n","import React, { useRef, useState } from 'react';\nimport { Dialog } from '@chakra-ui/react/dialog';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { 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":["withRootProvider","withContext","createSlotRecipeContext","Dialog.RootProvider","DialogRoot","Dialog.Root","DialogTrigger","Dialog.Trigger","DialogPositioner","Dialog.Positioner","DialogContent","Dialog.Content","Dialog.Description","DialogTitle","Dialog.Title","DialogCloseTrigger","Dialog.CloseTrigger","DialogActionTrigger","forwardRef","props","ref","dialog","useDialogContext","jsx","chakra","DialogBackdrop","Dialog.Backdrop","DialogBody","DialogFooter","DialogHeader","ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","Dialog.Footer","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","contentRef","useRef","contextValue","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","jsxs","Portal","PortalContext","prev","Dialog.Header","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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","x_google_ignoreList":[0]}