linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/dialog/base/index.js

@@ -1,10 +1,104 @@
-import "../../chunks/jsx-runtime.D1SHvdVE.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import "react";
-import "react-dom";
-import { D as e, B as f } from "../../chunks/index.aw0XaUkg.js";
-import "./Content.js";
-export {
-  e as DialogContext,
-  f as default
+import e from "../../node_modules/uuid/dist/v4.js";
+import '../../assets/styles/dialog.css';/* empty css                         */
+import t from "./style.js";
+import n from "./Header.js";
+import r from "./Content.js";
+import i from "./Footer.js";
+import { FormDialogContext as a } from "../form/index.js";
+import { createContext as o, useContext as s, useEffect as c, useLayoutEffect as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import m from "react-dom";
+//#region src/lib/dialog/base/index.tsx
+var h = o({}), { body: g } = document, _ = (n) => {
+	let r = e(), { id: i = r, overlay: o = !0, closeOnEsc: _, closeOnOutsideClick: v, wrapperClassName: y = "", className: b = "", children: x, open: S, onOpenChange: C, zIndex: w, handlerClose: T } = n, { headerRef: E } = s(a), [D = !0, O] = d(S), [k, A] = d(!1), j = u(null), M = u(null), N = u([]);
+	S !== void 0 && S !== D && O(S);
+	let P = () => {
+		S !== void 0 && C ? C(!1) : (T && T(), C && C(!1));
+	}, F = (e) => {
+		if (!v) return;
+		let t = e.target;
+		e.stopPropagation(), j !== null && j.current !== null && !k && !j.current.contains(t) && P();
+	}, I = (e) => {
+		e?.key === "Escape" && (e.stopPropagation(), P());
+	};
+	c(() => {
+		D && M.current && (N.current = Array.from(M.current.querySelectorAll("button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])")));
+	}, [D]);
+	let L = ({ positionX: e, positionY: t }) => {
+		if (j.current) {
+			let { width: n, height: r } = j.current.getBoundingClientRect(), i = e <= 0 ? 0 : e, a = t <= 0 ? 0 : t;
+			i + n >= window.innerWidth && (i = window.innerWidth - n), a + r >= window.innerHeight && (a = window.innerHeight - r), j.current.style.transform = `translate(${i}px, ${a}px)`, j.current.style.transition = "none", j.current.style.left = "0", j.current.style.top = "0", j.current.style.position = "absolute";
+		}
+	}, R = (e) => {
+		if (j.current && k) {
+			let { left: t, top: n } = j.current.getBoundingClientRect();
+			L({
+				positionX: e.movementX + t,
+				positionY: e.movementY + n
+			});
+		}
+	}, z = (e) => {
+		let t = e.target, n = E?.current?.contains(t);
+		j.current && n && A(!0);
+	}, B = () => {
+		j.current && A(!1);
+	}, V = /* @__PURE__ */ p("div", {
+		id: i,
+		onKeyDown: (e) => {
+			if (e.key === "Tab") {
+				let { current: t } = N;
+				if (t.length === 0) return;
+				let n = t[0], r = t[t.length - 1];
+				e.shiftKey && document.activeElement === n ? (r.focus(), e.preventDefault()) : !e.shiftKey && document.activeElement === r && (n.focus(), e.preventDefault());
+			}
+		},
+		ref: M,
+		className: "modalcontainer",
+		onMouseDown: F,
+		style: { zIndex: w ? Number(w) : void 0 },
+		children: [o && /* @__PURE__ */ f("div", {
+			className: "modal-overlay",
+			"data-testid": "modal-overlay"
+		}), /* @__PURE__ */ f("div", {
+			className: `dialog ${b}`,
+			"data-testid": "dialog-component",
+			children: /* @__PURE__ */ f("div", {
+				className: y,
+				"data-testid": "dialog-wrapper",
+				style: t(n),
+				ref: j,
+				children: x
+			})
+		})]
+	});
+	return l(() => {
+		let { activeElement: e } = document, t = e;
+		return () => {
+			t?.focus();
+		};
+	}, []), c(() => (D && _ && document.addEventListener("keydown", I), () => {
+		document.removeEventListener("keydown", I);
+	}), [
+		D,
+		_,
+		I
+	]), c(() => (D && (document.addEventListener("mousedown", z), document.addEventListener("mouseup", B), k && document.addEventListener("mousemove", R)), () => {
+		document.removeEventListener("mousedown", z), document.removeEventListener("mouseup", B), document.removeEventListener("mousemove", R);
+	}), [k, D]), c(() => {
+		let e = window.innerWidth - document.documentElement.clientWidth, t = document.body.style.overflow, n = document.body.style.paddingRight;
+		return document.body.style.overflow = "hidden", document.body.style.paddingRight = `${e}px`, () => {
+			document.body.style.overflow = t, document.body.style.paddingRight = n;
+		};
+	}, [D]), D ? /* @__PURE__ */ f(h.Provider, {
+		value: {
+			handleClose: P,
+			open: D,
+			onOpenChange: C || O
+		},
+		children: m.createPortal(V, g)
+	}) : null;
 };
+//#endregion
+export { r as BaseContent, i as BaseFooter, n as BaseHeader, h as DialogContext, _ as default };
+
+//# sourceMappingURL=index.js.map

package/lib/dialog/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/dialog/base/index.tsx"],"sourcesContent":["import '../../assets/styles/dialog.scss';\nimport ReactDOM from 'react-dom';\nimport * as uuid from 'uuid';\nimport { \n  createContext, \n  MouseEventHandler, \n  useContext, \n  useEffect, \n  useLayoutEffect, \n  useRef, \n  useState,\n  KeyboardEvent as ReactKeyboardEvent,\n} from 'react';\nimport dialogStyle from './style';\nimport { IBaseProps } from '../types';\nimport { FormDialogContext } from '../form';\nimport BaseContent from './Content';\nimport BaseHeader from './Header';\nimport BaseFooter from './Footer';\n\ntype DialogContextType = {\n  handleClose: () => void\n  open: boolean\n  onOpenChange: (open: boolean) => void\n};\n\nexport const DialogContext = createContext({} as DialogContextType);\n\nconst { body } = document;\nconst BaseDialog = (props: IBaseProps) => {\n  const baseDialogId = uuid.v4();\n  const {\n    id = baseDialogId,\n    overlay = true,\n    closeOnEsc,\n    closeOnOutsideClick,\n    wrapperClassName = '',\n    className = '',\n    children,\n    open: openProp,\n    onOpenChange,\n    zIndex,\n    handlerClose,\n  } = props;\n  const { headerRef } = useContext(FormDialogContext);\n  const [open = true, setOpen] = useState(openProp);\n  const [isDragging, setIsDragging] = useState(false);\n  const wrapperEl = useRef<HTMLDivElement>(null);\n  const modalContainerRef = useRef<HTMLDivElement>(null);\n  const focusableElementsRef = useRef<HTMLElement[]>([]);\n\n  if (openProp !== undefined && openProp !== open) {\n    setOpen(openProp);\n  }\n\n  const handleClose = () => {\n    if (openProp !== undefined && onOpenChange) {\n      onOpenChange(false);\n    } else {\n      if (handlerClose) handlerClose();\n      if (onOpenChange) onOpenChange(false);\n    }\n  };\n\n  const handleClickOutside: MouseEventHandler = (event) => {\n    if (!closeOnOutsideClick) return;\n    const target = event.target as Element;\n    event.stopPropagation();\n    if (wrapperEl !== null && wrapperEl.current !== null && !isDragging &&\n      !wrapperEl.current.contains(target)) {\n      handleClose();\n    }\n  };\n\n  const onKeyDownPress = (event: KeyboardEvent) => {\n    if (event?.key === 'Escape') {\n      event.stopPropagation();\n      handleClose();\n    }\n  };\n\n  useEffect(() => {\n    if (open && modalContainerRef.current) {\n      focusableElementsRef.current = Array.from(\n        modalContainerRef.current.querySelectorAll<HTMLElement>(\n          \"button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])\",\n        ),\n      );\n    }\n  }, [open]);\n\n  const onDialogPositionChange = ({\n    positionX, positionY,\n  }: { positionX: number; positionY: number; }) => {\n    if (wrapperEl.current) {\n      const { width, height } = wrapperEl.current.getBoundingClientRect();\n      let x = positionX <= 0 ? 0 : positionX;\n      let y = positionY <= 0 ? 0 : positionY;\n\n      if (x + width >= window.innerWidth) x = window.innerWidth - width;\n      if (y + height >= window.innerHeight) y = window.innerHeight - height;\n\n      wrapperEl.current.style.transform = `translate(${x}px, ${y}px)`;\n      wrapperEl.current.style.transition = 'none';\n      wrapperEl.current.style.left = '0';\n      wrapperEl.current.style.top = '0';\n      wrapperEl.current.style.position = 'absolute';\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    if (wrapperEl.current && isDragging) {\n      const { left, top } = wrapperEl.current.getBoundingClientRect();\n      onDialogPositionChange({\n        positionX: event.movementX + left,\n        positionY: event.movementY + top,\n      });\n    }\n  };\n\n  const onMouseDown = (event: MouseEvent) => {\n    const element = event.target as Element;\n    const isHeader = headerRef?.current?.contains(element);\n\n    if (wrapperEl.current && isHeader) setIsDragging(true);\n  };\n\n  const onMouseUp = () => {\n    if (wrapperEl.current) setIsDragging(false);\n  };\n\n  const handleKeyDown = (e: ReactKeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Tab') {\n      const { current: elements } = focusableElementsRef;\n      if (elements.length === 0) return;\n\n      const firstElement = elements[0];\n      const lastElement = elements[elements.length - 1];\n\n      if (e.shiftKey && document.activeElement === firstElement) {\n        lastElement.focus();\n        e.preventDefault();\n      } else if (!e.shiftKey && document.activeElement === lastElement) {\n        firstElement.focus();\n        e.preventDefault();\n      }\n    }\n  };\n\n  const createdModal = (\n    <div\n      id={id}\n      onKeyDown={handleKeyDown}\n      ref={modalContainerRef}\n      className='modalcontainer'\n      onMouseDown={handleClickOutside}\n      style={{ zIndex: zIndex ? Number(zIndex) : undefined }}>\n      {overlay && (\n        <div className='modal-overlay' data-testid=\"modal-overlay\" />\n      )}\n      <div className={`dialog ${className}`} data-testid='dialog-component'>\n        <div\n          className={wrapperClassName}\n          data-testid=\"dialog-wrapper\"\n          style={dialogStyle(props)}\n          ref={wrapperEl}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n\n  useLayoutEffect(() => {\n    const { activeElement } = document;\n    const lastElementActiveBeforeOpen = activeElement as HTMLElement;\n    return () => { lastElementActiveBeforeOpen?.focus(); };\n  }, []);\n\n  useEffect(() => {\n    if (open) {\n      if (closeOnEsc) {\n        document.addEventListener('keydown', onKeyDownPress);\n      }\n    }\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDownPress);\n    };\n  }, [open, closeOnEsc, onKeyDownPress]);\n\n  useEffect(() => {\n    if (open) {\n      document.addEventListener('mousedown', onMouseDown);\n      document.addEventListener('mouseup', onMouseUp);\n      if (isDragging) document.addEventListener('mousemove', onMouseMove);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', onMouseDown);\n      document.removeEventListener('mouseup', onMouseUp);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [isDragging, open]);\n\n  useEffect(() => {\n    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n\n    const originalOverflow = document.body.style.overflow;\n    const originalPaddingRight = document.body.style.paddingRight;\n\n    document.body.style.overflow = 'hidden';\n    document.body.style.paddingRight = `${scrollbarWidth}px`;\n\n    return () => {\n      document.body.style.overflow = originalOverflow;\n      document.body.style.paddingRight = originalPaddingRight;\n    };\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <DialogContext.Provider value={{\n      handleClose, open, onOpenChange: onOpenChange || setOpen,\n    }}>\n      {ReactDOM.createPortal(createdModal, body)}\n    </DialogContext.Provider>\n  );\n};\n\nexport default BaseDialog;\nexport { BaseContent, BaseHeader, BaseFooter }; \n"],"mappings":"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"}

package/lib/dialog/base/style.js

@@ -0,0 +1,11 @@
+//#region src/lib/dialog/base/style.js
+var e = (e) => ({
+	height: e.height,
+	maxHeight: "100%",
+	width: e.width,
+	textAlign: e.textAlign
+});
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

package/lib/dialog/base/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/lib/dialog/base/style.js"],"sourcesContent":["const dialogStyle = props => ({\n  height: props.height,\n  maxHeight: '100%',\n  width: props.width,\n  textAlign: props.textAlign,\n});\n\nexport default dialogStyle;\n"],"mappings":";AAAA,IAAM,KAAc,OAAU;CAC5B,QAAQ,EAAM;CACd,WAAW;CACX,OAAO,EAAM;CACb,WAAW,EAAM;CAClB"}

package/lib/dialog/form/index.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 import { IFormProps, IFormDialogContext } from '../types';
-export declare const FormDialogContext: React.Context<IFormDialogContext>;
+export declare const FormDialogContext: import('react').Context<IFormDialogContext>;
 declare const _default: (props: IFormProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/dialog/form/index.js

@@ -1,16 +1,89 @@
-import "../../chunks/jsx-runtime.D1SHvdVE.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import "react";
-import { a as d, F as g } from "../../chunks/index.aw0XaUkg.js";
-import "../../buttons/button_container/index.js";
-import "../../buttons/DefaultButton.js";
-import "../../icons/index.js";
-import '../../assets/button.css';/* empty css                           */
-import "../base/Content.js";
-import "../base/Footer.js";
-import "../../spinner/index.js";
-import "../../form/withFormSecurity.js";
-export {
-  d as FormDialogContext,
-  g as default
-};
+import e from "../../buttons/button_container/index.js";
+import t from "../../spinner/index.js";
+import n from "../base/Header.js";
+import r from "../base/Content.js";
+import i from "../base/Footer.js";
+import a, { FormSecurityContext as o } from "../../form/withFormSecurity.js";
+import s from "../Question.js";
+import c from "../base/index.js";
+import { Children as l, cloneElement as u, createContext as d, useContext as f, useEffect as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/lib/dialog/form/index.tsx
+var v = d({}), y = a((a) => {
+	let { showFooter: d = !0, isWaiting: y = !1, width: b = "50%", height: x = "50%", content: S, children: C, className: w = "", wrapperClassName: T = "", contentClassName: E = "", headerClassName: D = "", closeOnEsc: O = !0, securityBeforeUnload: k = !1, securityTitle: A = "Dados Alterados", securityText: j = "Você possui dados alterados, confirma o fechamento?" } = a, M = m(null), N = f(o), [P, F] = h(!1), I = y ? {
+		opacity: .4,
+		pointerEvent: "none"
+	} : {}, L = () => {
+		if (k) {
+			F(!0);
+			return;
+		}
+		a.handlerClose && a.handlerClose();
+	}, R = () => {
+		a.handlerClose?.(), F(!1);
+	}, z = () => {
+		F(!1);
+	}, B = () => y ? /* @__PURE__ */ g("div", {
+		className: "waitingspinner",
+		children: /* @__PURE__ */ g(t, {
+			style: { width: 60 },
+			delayTime: 0
+		})
+	}) : null;
+	return p(() => {
+		let e = (e) => {
+			e?.preventDefault();
+		};
+		return k && window.addEventListener("beforeunload", e), () => {
+			window.removeEventListener("beforeunload", e);
+		};
+	}, [k]), /* @__PURE__ */ _(v.Provider, {
+		value: { headerRef: M },
+		children: [/* @__PURE__ */ _(c, {
+			...a,
+			width: b,
+			height: x,
+			className: w,
+			wrapperClassName: `dialog-form-wrapper ${T}`,
+			handlerClose: L,
+			closeOnEsc: O,
+			securityBeforeUnload: k,
+			children: [
+				a.title && /* @__PURE__ */ g("div", {
+					className: `header-form ${D}`,
+					children: /* @__PURE__ */ g(n, {
+						title: a.title,
+						handlerClose: L,
+						icon: a.icon
+					})
+				}),
+				/* @__PURE__ */ g(r, {
+					styleForContent: {
+						...a.styleForContent,
+						...I
+					},
+					className: E,
+					isWaiting: y,
+					children: S || C
+				}),
+				B(),
+				d && a.buttons && /* @__PURE__ */ g(i, { children: /* @__PURE__ */ g(e, {
+					...a,
+					style: { ...I },
+					children: l.toArray(a.buttons.map((e) => N && (N.securityBeforeUnload || k) && e && e.type && e.type.name === "CancelButton" ? u(e, { onClick: L }) : u(e)))
+				}) })
+			]
+		}), /* @__PURE__ */ g(s, {
+			zIndex: "99999999",
+			title: A,
+			text: j,
+			visible: P,
+			onConfirmClick: R,
+			onUnconfirmClick: z
+		})]
+	});
+});
+//#endregion
+export { v as FormDialogContext, y as default };
+
+//# sourceMappingURL=index.js.map

package/lib/dialog/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/dialog/form/index.tsx"],"sourcesContent":["import { useContext, createContext, useRef, useState, useEffect, Children, cloneElement } from 'react';\nimport BaseDialog from '../base';\nimport BaseHeader from '../base/Header';\nimport { ButtonContainer } from '../../buttons/index';\nimport Content from '../base/Content';\nimport BaseFooter from '../base/Footer';\nimport SpinnerLoading from '../../spinner';\nimport withFormSecurity, { FormSecurityContext } from '../../form/withFormSecurity';\nimport { IFormProps, IFormDialogContext } from '../types';\nimport DialogQuestion from '../Question';\n\nexport const FormDialogContext = createContext({} as IFormDialogContext);\n\nconst ModalForm = (props: IFormProps) => {\n  const {\n    showFooter = true,\n    isWaiting = false,\n    width = '50%',\n    height = '50%',\n    content,\n    children,\n    className = '',\n    wrapperClassName = '',\n    contentClassName = '',\n    headerClassName = '',\n    closeOnEsc = true,\n    securityBeforeUnload = false,\n    securityTitle = 'Dados Alterados',\n    securityText = 'Você possui dados alterados, confirma o fechamento?',\n  } = props;\n  const headerRef = useRef<HTMLDivElement>(null);\n  const context = useContext(FormSecurityContext);\n  const [showSecurityDialog, setShowSecurityDialog] = useState(false);\n  const overlayStyle = isWaiting ? { opacity: 0.4, pointerEvent: 'none' } : {};\n\n  const handlerClose = () => {\n    if (securityBeforeUnload) {\n      setShowSecurityDialog(true);\n      return;\n    }\n\n    if (props.handlerClose) {\n      props.handlerClose();\n    }\n  };\n\n  const onConfirmSecurity = () => {\n    props.handlerClose?.();\n    setShowSecurityDialog(false);\n  };\n\n  const onUnconfirmClick = () => {\n    setShowSecurityDialog(false);\n  };\n\n  const getSpinner = () => {\n    if (!isWaiting) return null;\n    return (\n      <div className=\"waitingspinner\">\n        <SpinnerLoading style={{ width: 60 }} delayTime={0} />\n      </div>\n    );\n  };\n\n  useEffect(() => {\n    const onBeforeUnload = (e: Event) => {\n      e?.preventDefault();\n    };\n\n    if (securityBeforeUnload) {\n      window.addEventListener('beforeunload', onBeforeUnload);\n    }\n    return () => {\n      window.removeEventListener('beforeunload', onBeforeUnload);\n    };\n  }, [securityBeforeUnload]);\n\n  return (\n    <FormDialogContext.Provider value={{ headerRef: headerRef as any }}>\n      <BaseDialog\n        {...props}\n        width={width}\n        height={height}\n        className={className}\n        wrapperClassName={`dialog-form-wrapper ${wrapperClassName}`}\n        handlerClose={handlerClose}\n        closeOnEsc={closeOnEsc}\n        securityBeforeUnload={securityBeforeUnload}>\n        {props.title &&\n          <div className={`header-form ${headerClassName}`}>\n            <BaseHeader\n              title={props.title}\n              handlerClose={handlerClose}\n              icon={props.icon} />\n          </div>\n        }\n        <Content \n          styleForContent={{ ...props.styleForContent, ...overlayStyle }} \n          className={contentClassName}\n          isWaiting={isWaiting}>\n          {content || children}\n        </Content>\n        {getSpinner()}\n        {showFooter && props.buttons &&\n          <BaseFooter>\n            <ButtonContainer {...props} style={{ ...overlayStyle }}>\n              {Children.toArray(props.buttons.map((button) => {\n                if (context && (context.securityBeforeUnload || securityBeforeUnload) && button \n                  && button.type && button.type.name === 'CancelButton') {\n                  return cloneElement(button, { onClick: handlerClose });\n                }\n                return cloneElement(button);\n              }))}\n            </ButtonContainer>\n          </BaseFooter>\n        }\n      </BaseDialog>\n      <DialogQuestion\n        zIndex=\"99999999\"\n        title={securityTitle}\n        text={securityText}\n        visible={showSecurityDialog}\n        onConfirmClick={onConfirmSecurity}\n        onUnconfirmClick={onUnconfirmClick} />\n    </FormDialogContext.Provider>\n  );\n};\n\nexport default withFormSecurity(ModalForm);\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,IAAoB,EAAc,EAAE,CAAuB,EAqHxE,IAAe,GAnHI,MAAsB;CACvC,IAAM,EACJ,gBAAa,IACb,eAAY,IACZ,WAAQ,OACR,YAAS,OACT,YACA,aACA,eAAY,IACZ,sBAAmB,IACnB,sBAAmB,IACnB,qBAAkB,IAClB,gBAAa,IACb,0BAAuB,IACvB,mBAAgB,mBAChB,kBAAe,0DACb,GACE,IAAY,EAAuB,KAAK,EACxC,IAAU,EAAW,EAAoB,EACzC,CAAC,GAAoB,KAAyB,EAAS,GAAM,EAC7D,IAAe,IAAY;EAAE,SAAS;EAAK,cAAc;EAAQ,GAAG,EAAE,EAEtE,UAAqB;AACzB,MAAI,GAAsB;AACxB,KAAsB,GAAK;AAC3B;;AAGF,EAAI,EAAM,gBACR,EAAM,cAAc;IAIlB,UAA0B;AAE9B,EADA,EAAM,gBAAgB,EACtB,EAAsB,GAAM;IAGxB,UAAyB;AAC7B,IAAsB,GAAM;IAGxB,UACC,IAEH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAgB,OAAO,EAAE,OAAO,IAAI;GAAE,WAAW;GAAK,CAAA;EAClD,CAAA,GAJe;AAqBzB,QAbA,QAAgB;EACd,IAAM,KAAkB,MAAa;AACnC,MAAG,gBAAgB;;AAMrB,SAHI,KACF,OAAO,iBAAiB,gBAAgB,EAAe,QAE5C;AACX,UAAO,oBAAoB,gBAAgB,EAAe;;IAE3D,CAAC,EAAqB,CAAC,EAGxB,kBAAC,EAAkB,UAAnB;EAA4B,OAAO,EAAa,cAAkB;YAAlE,CACE,kBAAC,GAAD;GACE,GAAI;GACG;GACC;GACG;GACX,kBAAkB,uBAAuB;GAC3B;GACF;GACU;aARxB;IASG,EAAM,SACL,kBAAC,OAAD;KAAK,WAAW,eAAe;eAC7B,kBAAC,GAAD;MACE,OAAO,EAAM;MACC;MACd,MAAM,EAAM;MAAQ,CAAA;KAClB,CAAA;IAER,kBAAC,GAAD;KACE,iBAAiB;MAAE,GAAG,EAAM;MAAiB,GAAG;MAAc;KAC9D,WAAW;KACA;eACV,KAAW;KACJ,CAAA;IACT,GAAY;IACZ,KAAc,EAAM,WACnB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAiB,GAAI;KAAO,OAAO,EAAE,GAAG,GAAc;eACnD,EAAS,QAAQ,EAAM,QAAQ,KAAK,MAC/B,MAAY,EAAQ,wBAAwB,MAAyB,KACpE,EAAO,QAAQ,EAAO,KAAK,SAAS,iBAChC,EAAa,GAAQ,EAAE,SAAS,GAAc,CAAC,GAEjD,EAAa,EAAO,CAC3B,CAAA;KACc,CAAA,EACP,CAAA;IAAA;MAGjB,kBAAC,GAAD;GACE,QAAO;GACP,OAAO;GACP,MAAM;GACN,SAAS;GACT,gBAAgB;GACE;GAAoB,CAAA,CAAA;;EAKJ"}

package/lib/dialog/index.js

@@ -1,16 +1,13 @@
-import { B as a } from "../chunks/index.aw0XaUkg.js";
-import { default as e } from "./Alert.js";
-import { default as l } from "./Error.js";
-import { default as s } from "./Information.js";
-import { default as u } from "./Question.js";
-import { default as p } from "./Warning.js";
-import { default as x } from "./Custom.js";
-export {
-  e as DialogAlert,
-  x as DialogCustom,
-  l as DialogError,
-  s as DialogInformation,
-  u as DialogQuestion,
-  p as DialogWarning,
-  a as default
-};
+import e from "./Custom.js";
+import t from "./Question.js";
+import n from "./base/index.js";
+import r from "./Alert.js";
+import i from "./Error.js";
+import a from "./Information.js";
+import o from "./Warning.js";
+//#region src/lib/dialog/index.tsx
+var s = n;
+//#endregion
+export { r as DialogAlert, e as DialogCustom, i as DialogError, a as DialogInformation, t as DialogQuestion, o as DialogWarning, s as default };
+
+//# sourceMappingURL=index.js.map

package/lib/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/dialog/index.tsx"],"sourcesContent":["import Dialog from './base/';\nimport DialogAlert from './Alert';\nimport DialogError from './Error';\nimport DialogInformation from './Information';\nimport DialogQuestion from './Question';\nimport DialogWarning from './Warning';\nimport DialogCustom from './Custom';\n\nexport default Dialog;\nexport {\n  DialogAlert,\n  DialogInformation,\n  DialogError,\n  DialogCustom,\n  DialogWarning,\n  DialogQuestion,\n};\n"],"mappings":";;;;;;;;AAQA,IAAA,IAAe"}

package/lib/dialog/types.d.ts

@@ -1,10 +1,11 @@
-import { ReactNode, CSSProperties, ReactElement, Dispatch, JSX } from 'react';
+import { ReactNode, CSSProperties, ReactElement, Dispatch, RefObject, SetStateAction, JSX } from 'react';
 import { TextAlign } from '../@types/Align';
 import { IconNames } from '../@types/Icon';
 export interface IContentProps {
     children: ReactNode | ReactNode[];
     styleForContent?: CSSProperties;
     className?: string;
+    isWaiting?: boolean;
 }
 export interface IFooterProps {
     children: ReactElement | ReactElement[];
@@ -31,6 +32,7 @@ export interface IBaseProps {
     onOpenChange?: (open: boolean) => void;
     handlerClose?: () => void;
     id?: string;
+    securityBeforeUnload?: boolean;
 }
 export interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     buttons?: JSX.Element[];
@@ -41,6 +43,10 @@ export interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     icon?: JSX.Element;
     content?: ReactNode;
     contentClassName?: string;
+    headerClassName?: string;
+    securityBeforeUnload?: boolean;
+    securityTitle?: string;
+    securityText?: string;
 }
 export interface ICommonDialogProps {
     onConfirmClick?: () => void;
@@ -73,10 +79,10 @@ export interface ICustomProps {
     handlerClose?: () => void;
 }
 export interface IFormDialogContext {
-    headerRef?: React.RefObject<HTMLDivElement>;
+    headerRef?: RefObject<HTMLDivElement>;
 }
 export interface WizardComponentProps extends Omit<IFormProps, 'content'> {
-    children: React.ReactNode;
+    children: ReactNode;
     buttons?: JSX.Element[];
     showProgressbar?: boolean;
     title?: string;
@@ -87,13 +93,13 @@ export interface WizardComponentProps extends Omit<IFormProps, 'content'> {
     progressBarPosition?: 'top' | 'left';
 }
 export interface WizardStepComponentProps {
-    children: React.ReactNode;
+    children: ReactNode;
     title: string;
     customClass?: string;
     customStyle?: CSSProperties;
 }
 export interface WizardControls extends Omit<UseWizardReturn, 'controls'> {
-    setTotalSteps: Dispatch<React.SetStateAction<number>>;
+    setTotalSteps: Dispatch<SetStateAction<number>>;
 }
 export interface UseWizardReturn {
     changeStep: (nextStep: number) => void;

package/lib/dialog/wizard/index.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 import { WizardComponentProps, WizardControls } from '../types';
-export declare const WizardContext: React.Context<WizardControls | null>;
+export declare const WizardContext: import('react').Context<WizardControls | null>;
 export declare const useWizardContext: () => WizardControls | null;
 declare function Wizard({ children, controls, showProgressbar, customStyleForProgressBar, customStyleForBody, progressBarPosition, ...dialogProps }: Readonly<WizardComponentProps>): import("react/jsx-runtime").JSX.Element;
 export { WizardStep as Step } from './step';

package/lib/dialog/wizard/index.js

@@ -1,15 +1,46 @@
-import "../../chunks/jsx-runtime.D1SHvdVE.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import "react";
-import "../../chunks/lodash.CIAK_hAg.js";
-import "../../chunks/index.aw0XaUkg.js";
-import { b as m, W as s, a as d, b as n, u } from "./progressbar.js";
-import { useWizard as W } from "./useWizard.js";
-export {
-  m as Container,
-  s as Step,
-  d as WizardContext,
-  n as default,
-  W as useWizard,
-  u as useWizardContext
-};
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../../node_modules/react/compiler-runtime.js";
+import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
+import r from "../form/index.js";
+import { Progressbar as i } from "./progressbar.js";
+import '../../assets/styles/wizard.css';/* empty css                         */
+import { WizardStep as a } from "./step.js";
+import { useWizard as o } from "./useWizard.js";
+import { Children as s, createContext as c, useContext as l, useEffect as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/lib/dialog/wizard/index.tsx
+var p = t(), m = /* @__PURE__ */ e(n(), 1), h = c(null), g = () => l(h);
+function _(e) {
+	let t = (0, p.c)(2), { children: n, controls: a, showProgressbar: o, customStyleForProgressBar: c, customStyleForBody: l, progressBarPosition: g, ..._ } = e, v = o === void 0 ? !0 : o, y = g === void 0 ? "top" : g, { currentStep: b, setTotalSteps: x } = a, S = s.toArray(n), C;
+	t[0] === b ? C = t[1] : (C = (e, t) => ({
+		title: String(e.props.title),
+		number: t + 1,
+		completed: t < b - 1 && t !== b
+	}), t[0] = b, t[1] = C);
+	let w = S.map(C), T = S[b - 1];
+	if (!a || m.default.isEmpty(a)) throw Error("Wizard must be have controls by using useWizard hook or creating manually.");
+	return u(() => {
+		x(S.length);
+	}, [S.length]), d(h.Provider, {
+		value: a,
+		children: f(r, {
+			className: "wizard-dialog",
+			wrapperClassName: "wizard-wrapper",
+			contentClassName: "wizard-content",
+			..._,
+			children: [v && d(i, {
+				stepsTitle: w,
+				customStyle: c,
+				position: y
+			}), d("div", {
+				className: "wizard-body",
+				style: l,
+				children: T
+			})]
+		})
+	});
+}
+//#endregion
+export { _ as Container, _ as default, a as Step, h as WizardContext, o as useWizard, g as useWizardContext };
+
+//# sourceMappingURL=index.js.map

package/lib/dialog/wizard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/dialog/wizard/index.tsx"],"sourcesContent":["import { Children, createContext, ReactElement, ReactNode, useContext, useEffect } from 'react';\nimport _ from 'lodash';\nimport FormDialog from '../form/';\nimport { Progressbar } from './progressbar';\nimport { WizardStepComponentProps, type WizardComponentProps, type WizardControls } from '../types';\nimport '../../assets/styles/wizard.scss';\n\nexport const WizardContext = createContext<WizardControls | null>(null);\n\nexport const useWizardContext = () => useContext(WizardContext);\n\nfunction Wizard({\n  children, controls, showProgressbar = true, customStyleForProgressBar, customStyleForBody,\n  progressBarPosition = 'top', ...dialogProps\n}: Readonly<WizardComponentProps>) {\n  const { currentStep, setTotalSteps } = controls;\n  const steps = Children.toArray(children) as ReactElement<WizardStepComponentProps>[];\n  const stepsTitle = steps.map((step, index) => {\n    return {\n      title: String(step.props.title),\n      number: index + 1,\n      completed: index < currentStep - 1 && index !== currentStep,\n    };\n  });\n\n  const currentStepElement = steps[currentStep - 1] as ReactNode;\n\n  if (!controls || _.isEmpty(controls))\n    throw new Error('Wizard must be have controls by using useWizard hook or creating manually.');\n\n  useEffect(() => {\n    setTotalSteps(steps.length);\n  }, [steps.length]);\n\n  return (\n    <WizardContext.Provider value={controls}>\n      <FormDialog\n        className='wizard-dialog'\n        wrapperClassName='wizard-wrapper'\n        contentClassName='wizard-content'\n        {...dialogProps}>\n        {showProgressbar && (\n          <Progressbar\n            stepsTitle={stepsTitle}\n            customStyle={customStyleForProgressBar}\n            position={progressBarPosition} />\n        )}\n        <div className='wizard-body' style={customStyleForBody}>\n          {currentStepElement}\n        </div>\n      </FormDialog>\n    </WizardContext.Provider>\n  );\n}\n\nexport { WizardStep as Step } from './step';\nexport { Wizard as Container };\nexport { useWizard } from './useWizard';\nexport default Wizard;\n"],"mappings":";;;;;;;;;;;4CAOa,IAAgB,EAAqC,KAAK,EAE1D,UAAyB,EAAW,EAAc;AAE/D,SAAA,EAAA,GAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EAAgB,EAAA,aAAA,aAAA,iBAAA,GAAA,8BAAA,uBAAA,qBAAA,GAAA,GAAA,MAAA,GACM,IAAA,MAAA,KAAA,IAAA,KAAA,GACpB,IAAA,MAAA,KAAA,IAAA,QAAA,GAEA,EAAA,gBAAA,qBAAuC,GACvC,IAAc,EAAA,QAAiB,EAAS,EAAA;AAAA,CAAA,EAAA,OAAA,gBACf,KAAA,GAAA,OAChB;EAAA,OACE,OAAO,EAAA,MAAK,MAAY;EAAA,QACvB,IAAQ;EAAA,WACL,IAAQ,IAAc,KAAK,MAAU;EACjD;CALH,IAAA,IAAmB,EAAA,IAAM,EAMvB,EAEF,IAA2B,EAAM,IAAc;AAE/C,KAAI,CAAC,KAAY,EAAA,QAAA,QAAU,EAAS,CAClC,OAAU,MAAM,6EAA6E;AAI7E,QAFlB,QAAA;AACE,IAAc,EAAA,OAAa;IAC1B,CAAC,EAAA,OAAa,CAAC,EAGhB,EAAC,EAAA,UAAD;EAAA,OAA+B;EAAA,UAC7B,EAAC,GAAD;GAAA,WACY;GAAA,kBACO;GAAA,kBACA;GAAA,GACb;GAAA,UAJN,CAKG,KACC,EAAC,GAAD;IAAA;IAAA,aAEe;IAAA,UACH;IAAuB,CAAA,EAErC,EAAC,OAAD;IAAA,WAAe;IAAA,OAAqB;IAAA,UACjC;IACG,CAAA,CAAA;;EAEe,CAAA"}

package/lib/dialog/wizard/progressbar.js

@@ -1,98 +1,38 @@
-import { j as d } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as C } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import N, { useEffect as B } from "react";
-import { _ as F } from "../../chunks/lodash.CIAK_hAg.js";
-import { F as R } from "../../chunks/index.aw0XaUkg.js";
-import "./useWizard.js";
-import '../../assets/progressbar.css';function T(u) {
-  const t = C.c(10), {
-    customClass: l,
-    customStyle: s,
-    stepsTitle: r,
-    position: a
-  } = u, c = a === void 0 ? "top" : a, i = E();
-  if (!i)
-    throw new Error("WizardProgressbar must be used within a Wizard component");
-  const {
-    currentStep: o
-  } = i, f = `wizard-progressbar ${l}`;
-  let m;
-  if (t[0] !== o || t[1] !== r) {
-    let p;
-    t[3] !== o ? (p = (e) => /* @__PURE__ */ d.jsxs("div", { className: "title", "data-completed": e.completed, "data-disabled": e.number > o, children: [
-      /* @__PURE__ */ d.jsx("div", { className: "step", children: /* @__PURE__ */ d.jsx("span", { className: "number", children: e.number }) }),
-      /* @__PURE__ */ d.jsx("span", { className: "step-title", children: e.title })
-    ] }, e.number), t[3] = o, t[4] = p) : p = t[4], m = r.map(p), t[0] = o, t[1] = r, t[2] = m;
-  } else
-    m = t[2];
-  let n;
-  return t[5] !== s || t[6] !== c || t[7] !== f || t[8] !== m ? (n = /* @__PURE__ */ d.jsx("div", { className: f, style: s, "data-position": c, children: m }), t[5] = s, t[6] = c, t[7] = f, t[8] = m, t[9] = n) : n = t[9], n;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { useWizardContext as t } from "./index.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/lib/dialog/wizard/progressbar.tsx
+var i = e();
+function a(e) {
+	let a = (0, i.c)(8), { customClass: o, customStyle: s, stepsTitle: c, position: l } = e, u = l === void 0 ? "top" : l, d = t();
+	if (!d) throw Error("WizardProgressbar must be used within a Wizard component");
+	let { currentStep: f } = d, p = `wizard-progressbar ${o}`, m;
+	if (a[0] !== f || a[1] !== s || a[2] !== u || a[3] !== c || a[4] !== p) {
+		let e;
+		a[6] === f ? e = a[7] : (e = (e) => r("div", {
+			className: "title",
+			"data-completed": e.completed,
+			"data-disabled": e.number > f,
+			children: [n("div", {
+				className: "step",
+				children: n("span", {
+					className: "number",
+					children: e.number
+				})
+			}), n("span", {
+				className: "step-title",
+				children: e.title
+			})]
+		}, e.number), a[6] = f, a[7] = e), m = n("div", {
+			className: p,
+			style: s,
+			"data-position": u,
+			children: c.map(e)
+		}), a[0] = f, a[1] = s, a[2] = u, a[3] = c, a[4] = p, a[5] = m;
+	} else m = a[5];
+	return m;
 }
-function H(u) {
-  const t = C.c(4), {
-    children: l,
-    customClass: s,
-    customStyle: r
-  } = u, a = s === void 0 ? "" : s;
-  if (!E())
-    throw new Error("WizardStep must be used within a Wizard component");
-  const i = `wizard-step-component ${a}`;
-  let o;
-  return t[0] !== l || t[1] !== r || t[2] !== i ? (o = /* @__PURE__ */ d.jsx("div", { className: i, style: r, children: l }), t[0] = l, t[1] = r, t[2] = i, t[3] = o) : o = t[3], o;
-}
-const P = N.createContext(null), E = () => N.useContext(P);
-function I(u) {
-  const t = C.c(34);
-  let l, s, r, a, c, i, o;
-  t[0] !== u ? ({
-    children: l,
-    controls: s,
-    showProgressbar: i,
-    customStyleForProgressBar: a,
-    customStyleForBody: r,
-    progressBarPosition: o,
-    ...c
-  } = u, t[0] = u, t[1] = l, t[2] = s, t[3] = r, t[4] = a, t[5] = c, t[6] = i, t[7] = o) : (l = t[1], s = t[2], r = t[3], a = t[4], c = t[5], i = t[6], o = t[7]);
-  const f = i === void 0 ? !0 : i, m = o === void 0 ? "top" : o, {
-    currentStep: n,
-    setTotalSteps: p
-  } = s;
-  let e, w;
-  if (t[8] !== l || t[9] !== n) {
-    e = N.Children.toArray(l);
-    let j;
-    t[12] !== n ? (j = ($, W) => ({
-      title: String($.props.title),
-      number: W + 1,
-      completed: W < n - 1 && W !== n
-    }), t[12] = n, t[13] = j) : j = t[13], w = e.map(j), t[8] = l, t[9] = n, t[10] = e, t[11] = w;
-  } else
-    e = t[10], w = t[11];
-  const v = w, S = e[n - 1];
-  if (!s || F.isEmpty(s))
-    throw new Error("Wizard must be have controls by using useWizard hook or creating manually.");
-  let b;
-  t[14] !== p || t[15] !== e.length ? (b = () => {
-    p(e.length);
-  }, t[14] = p, t[15] = e.length, t[16] = b) : b = t[16];
-  let z;
-  t[17] !== e.length ? (z = [e.length], t[17] = e.length, t[18] = z) : z = t[18], B(b, z);
-  let h;
-  t[19] !== a || t[20] !== m || t[21] !== f || t[22] !== v ? (h = f && /* @__PURE__ */ d.jsx(T, { stepsTitle: v, customStyle: a, position: m }), t[19] = a, t[20] = m, t[21] = f, t[22] = v, t[23] = h) : h = t[23];
-  let g;
-  t[24] !== S || t[25] !== r ? (g = /* @__PURE__ */ d.jsx("div", { className: "wizard-body", style: r, children: S }), t[24] = S, t[25] = r, t[26] = g) : g = t[26];
-  let x;
-  t[27] !== c || t[28] !== h || t[29] !== g ? (x = /* @__PURE__ */ d.jsxs(R, { className: "wizard-dialog", wrapperClassName: "wizard-wrapper", contentClassName: "wizard-content", ...c, children: [
-    h,
-    g
-  ] }), t[27] = c, t[28] = h, t[29] = g, t[30] = x) : x = t[30];
-  let y;
-  return t[31] !== s || t[32] !== x ? (y = /* @__PURE__ */ d.jsx(P.Provider, { value: s, children: x }), t[31] = s, t[32] = x, t[33] = y) : y = t[33], y;
-}
-export {
-  T as Progressbar,
-  H as W,
-  P as a,
-  I as b,
-  E as u
-};
+//#endregion
+export { a as Progressbar };
+
+//# sourceMappingURL=progressbar.js.map

package/lib/dialog/wizard/progressbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressbar.js","names":[],"sources":["../../../src/lib/dialog/wizard/progressbar.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { useWizardContext } from '.';\n\nexport function Progressbar({\n  customClass,\n  customStyle,\n  stepsTitle,\n  position = 'top',\n}: Readonly<{\n  customClass?: string,\n  stepsTitle: {\n    title: string,\n    number: number,\n    completed: boolean\n  }[]\n  customStyle?: CSSProperties\n  position?: 'top' | 'left'\n}>) {\n  const context = useWizardContext();\n\n  if (!context)\n    throw new Error('WizardProgressbar must be used within a Wizard component');\n\n  const { currentStep } = context;\n\n  return (\n    <div\n      className={`wizard-progressbar ${customClass}`}\n      style={customStyle}\n      data-position={position}>\n      {stepsTitle.map(step => (\n        <div\n          key={step.number}\n          className='title' data-completed={step.completed}\n          data-disabled={step.number > currentStep}>\n          <div className='step'>\n            <span className='number' >\n              {step.number}\n            </span>\n          </div>\n          <span className='step-title'>{step.title}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAGA,SAAO,EAAA,GAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EAAqB,EAAA,gBAAA,gBAAA,eAAA,UAAA,MAAA,GAI1B,IAAA,MAAA,KAAA,IAAA,QAAA,GAWA,IAAgB,GAAkB;AAElC,KAAI,CAAC,EACH,OAAU,MAAM,2DAA2D;CAE7E,IAAA,EAAA,mBAAwB,GAIT,IAAA,sBAAsB,KAAA;AAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,GAAA;EAAA,IAAA;AAgB7B,EAhB6B,EAAA,OAAA,IAczB,IAAA,EAAA,MAXI,KAAA,MACV,EAAC,OAAD;GAAA,WAEY;GAAA,kBAAwB,EAAA;GAAK,iBACxB,EAAA,SAAc;GAAA,UAH/B,CAIE,EAAC,OAAD;IAAA,WAAe;IAAA,UACb,EAAC,QAAD;KAAA,WAAgB;KAAA,UACb,EAAA;KACI,CAAA;IACH,CAAA,EACN,EAAC,QAAD;IAAA,WAAgB;IAAA,UAAc,EAAA;IAAkB,CAAA,CAAA;KAR3C,EAAA,OASD,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,IAfV,IAAA,EAAC,OAAD;GAAA,WACa;GAAsB,OAC1B;GAAA,iBACQ;GAAA,UACd,EAAA,IAAW,EAWJ;GAEJ,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;OAAA,KAAA,EAAA;AAAA,QAjBN"}

package/lib/dialog/wizard/step.js

@@ -1,6 +1,19 @@
-import "../../chunks/jsx-runtime.D1SHvdVE.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { W as i } from "./progressbar.js";
-export {
-  i as WizardStep
-};
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { useWizardContext as t } from "./index.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/dialog/wizard/step.tsx
+var r = e();
+function i(e) {
+	let i = (0, r.c)(4), { children: a, customClass: o, customStyle: s } = e, c = o === void 0 ? "" : o;
+	if (!t()) throw Error("WizardStep must be used within a Wizard component");
+	let l = `wizard-step-component ${c}`, u;
+	return i[0] !== a || i[1] !== s || i[2] !== l ? (u = n("div", {
+		className: l,
+		style: s,
+		children: a
+	}), i[0] = a, i[1] = s, i[2] = l, i[3] = u) : u = i[3], u;
+}
+//#endregion
+export { i as WizardStep };
+
+//# sourceMappingURL=step.js.map

package/lib/dialog/wizard/step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.js","names":[],"sources":["../../../src/lib/dialog/wizard/step.tsx"],"sourcesContent":["import { useWizardContext } from '.';\nimport { WizardStepComponentProps } from '../types';\n\nexport function WizardStep({ children, customClass = '', customStyle }: Readonly<WizardStepComponentProps>) {\n  const context = useWizardContext();\n  \n  if (!context) \n    throw new Error('WizardStep must be used within a Wizard component');\n\n  return (\n    <div className={`wizard-step-component ${customClass}`} style={customStyle}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAGA,SAAO,EAAA,GAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EAAoB,EAAA,aAAA,aAAA,GAAA,mBAAA,GAAY,IAAA,MAAA,KAAA,IAAA,KAAA;AAGrC,KAAI,CAFY,GAAkB,CAGhC,OAAU,MAAM,oDAAoD;CAGpD,IAAA,IAAA,yBAAyB,KAAA;AAEnC,QAFmC,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAzC,IAAA,EAAC,OAAD;EAAA,WAAgB;EAAyB,OAAsB;EAAA;EAEzD,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAFN"}