@spark-ui/components 17.2.3 → 17.2.4

package/dist/dialog/index.mjs

@@ -1,212 +1,187 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Dialog as n } from "@base-ui/react/dialog";
-import { createContext as B, useState as I, useContext as P, useRef as R, useEffect as F } from "react";
-import { useMergeRefs as O } from "@spark-ui/hooks/use-merge-refs";
-import { useScrollOverflow as T } from "@spark-ui/hooks/use-scroll-overflow";
-import { cx as s } from "class-variance-authority";
-import { u as g } from "../useRenderSlot-Bta2kdp4.mjs";
-import { Close as $ } from "@spark-ui/icons/Close";
-import { I as H } from "../Icon-BO327oHU.mjs";
-import { I as j } from "../IconButton-DdB3Pq13.mjs";
-import { d as z } from "../DialogContent.styles-Du7_Dkde.mjs";
-const u = B(null), E = ({
-  children: o,
-  withFade: e = !1
-}) => {
-  const [a, r] = I(!1);
-  return /* @__PURE__ */ t(
-    u.Provider,
-    {
-      value: {
-        isFullScreen: a,
-        setIsFullScreen: r,
-        withFade: e
-      },
-      children: o
-    }
-  );
-}, f = () => {
-  const o = P(u);
-  if (!o)
-    throw Error("useDialog must be used within a Dialog provider");
-  return o;
-}, m = ({ withFade: o = !1, onOpenChange: e, ...a }) => {
-  const r = e ? (i, l) => {
-    e(i);
-  } : void 0;
-  return /* @__PURE__ */ t(E, { withFade: o, children: /* @__PURE__ */ t(n.Root, { "data-spark-component": "dialog", onOpenChange: r, ...a }) });
+import { t as e } from "../icon-D05Uqh8_.mjs";
+import { t } from "../DialogContent.styles-BSxCCi-u.mjs";
+import { t as n } from "../icon-button-6p3O7NIm.mjs";
+import { t as r } from "../useRenderSlot-DP4fYerF.mjs";
+import { cx as i } from "class-variance-authority";
+import { createContext as a, useContext as o, useEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { useMergeRefs as d } from "@spark-ui/hooks/use-merge-refs";
+import { useScrollOverflow as f } from "@spark-ui/hooks/use-scroll-overflow";
+import { Close as p } from "@spark-ui/icons/Close";
+import { Dialog as m } from "@base-ui/react/dialog";
+//#region src/dialog/DialogContext.tsx
+var h = a(null), g = ({ children: e, withFade: t = !1 }) => {
+	let [n, r] = l(!1);
+	return /* @__PURE__ */ u(h.Provider, {
+		value: {
+			isFullScreen: n,
+			setIsFullScreen: r,
+			withFade: t
+		},
+		children: e
+	});
+}, _ = () => {
+	let e = o(h);
+	if (!e) throw Error("useDialog must be used within a Dialog provider");
+	return e;
+}, v = ({ withFade: e = !1, onOpenChange: t, ...n }) => {
+	let r = t ? (e, n) => {
+		t(e);
+	} : void 0;
+	return /* @__PURE__ */ u(g, {
+		withFade: e,
+		children: /* @__PURE__ */ u(m.Root, {
+			"data-spark-component": "dialog",
+			onOpenChange: r,
+			...n
+		})
+	});
 };
-m.createHandle = n.createHandle;
-m.displayName = "Dialog.Root";
-const y = ({
-  children: o,
-  className: e,
-  inset: a = !1,
-  ref: r,
-  ...i
-}) => {
-  const l = R(null), d = O(r, l), { withFade: c } = f(), { overflow: p } = T(l);
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-spark-component": "dialog-body",
-      ref: d,
-      className: s(
-        "focus-visible:u-outline relative grow overflow-y-auto outline-hidden",
-        "transition-all duration-300",
-        {
-          "px-xl py-lg": !a
-        },
-        e
-      ),
-      style: {
-        ...c && {
-          maskImage: "linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))",
-          maskSize: `100% calc(100% + ${p.top ? "0px" : "44px"} + ${p.bottom ? "0px" : "44px"})`,
-          maskPosition: `0 ${p.top ? "0px" : "-44px"}`
-        }
-      },
-      ...i,
-      children: o
-    }
-  );
+v.createHandle = m.createHandle, v.displayName = "Dialog.Root";
+//#endregion
+//#region src/dialog/DialogBody.tsx
+var y = ({ children: e, className: t, inset: n = !1, ref: r, ...a }) => {
+	let o = c(null), s = d(r, o), { withFade: l } = _(), { overflow: p } = f(o);
+	return /* @__PURE__ */ u("div", {
+		"data-spark-component": "dialog-body",
+		ref: s,
+		className: i("focus-visible:u-outline relative grow overflow-y-auto outline-hidden", "transition-all duration-300", { "px-xl py-lg": !n }, t),
+		style: { ...l && {
+			maskImage: "linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))",
+			maskSize: `100% calc(100% + ${p.top ? "0px" : "44px"} + ${p.bottom ? "0px" : "44px"})`,
+			maskPosition: `0 ${p.top ? "0px" : "-44px"}`
+		} },
+		...a,
+		children: e
+	});
 };
 y.displayName = "Dialog.Body";
-const x = ({ asChild: o = !1, ...e }) => {
-  const a = g(o, "button");
-  return /* @__PURE__ */ t(n.Close, { "data-spark-component": "dialog-close", render: a, ...e });
-}, D = ({
-  "aria-label": o,
-  className: e,
-  size: a = "md",
-  intent: r = "neutral",
-  design: i = "ghost",
-  children: l = /* @__PURE__ */ t($, {}),
-  ref: d,
-  ...c
-}) => /* @__PURE__ */ t(
-  x,
-  {
-    "data-spark-component": "dialog-close-button",
-    "data-part": "close",
-    ref: d,
-    className: s(["absolute", "top-md", "right-xl"], e),
-    asChild: !0,
-    ...c,
-    children: /* @__PURE__ */ t(j, { intent: r, size: a, design: i, "aria-label": o, children: /* @__PURE__ */ t(H, { children: l }) })
-  }
-), A = Object.assign(D, {
-  id: "CloseButton"
-});
-D.displayName = "Dialog.CloseButton";
-const b = ({
-  className: o,
-  isNarrow: e = !1,
-  size: a = "md",
-  ref: r,
-  ...i
-}) => {
-  const { setIsFullScreen: l } = f();
-  return F(() => (a === "fullscreen" && l(!0), () => l(!1)), [l, a]), /* @__PURE__ */ t(
-    n.Popup,
-    {
-      ref: r,
-      "data-spark-component": "dialog-content",
-      role: "dialog",
-      className: (d) => s(
-        z({
-          isNarrow: e,
-          size: a,
-          className: typeof o == "function" ? o(d) : o
-        })
-      ),
-      ...i
-    }
-  );
-};
-b.displayName = "Dialog.Content";
-const h = (o) => /* @__PURE__ */ t(n.Description, { "data-spark-component": "dialog-description", ...o });
-h.displayName = "Dialog.Description";
-const v = ({ children: o, className: e, ref: a, ...r }) => /* @__PURE__ */ t(
-  "footer",
-  {
-    "data-spark-component": "dialog-footer",
-    ref: a,
-    className: s(e, ["px-xl", "py-lg"]),
-    ...r,
-    children: o
-  }
-);
-v.displayName = "Dialog.Footer";
-const N = ({ children: o, className: e, ref: a, ...r }) => /* @__PURE__ */ t(
-  "header",
-  {
-    "data-spark-component": "dialog-header",
-    ref: a,
-    className: s(e, ["px-xl", "py-lg"]),
-    ...r,
-    children: o
-  }
-);
-N.displayName = "Dialog.Header";
-const k = ({ className: o, ...e }) => /* @__PURE__ */ t(
-  n.Backdrop,
-  {
-    "data-spark-component": "dialog-overlay",
-    className: (a) => s(
-      "z-overlay size-screen fixed inset-0",
-      "bg-overlay/dim-1",
-      "data-starting-style:animate-fade-in",
-      "data-ending-style:animate-fade-out",
-      typeof o == "function" ? o(a) : o
-    ),
-    ...e
-  }
-);
-k.displayName = "Dialog.Overlay";
-const C = ({ className: o, ...e }) => /* @__PURE__ */ t(
-  n.Portal,
-  {
-    "data-spark-component": "dialog-portal",
-    className: s(o, "z-modal absolute"),
-    ...e
-  }
-);
-C.displayName = "Dialog.Portal";
-const S = ({ className: o, ref: e, ...a }) => /* @__PURE__ */ t(
-  n.Title,
-  {
-    "data-spark-component": "dialog-title",
-    ref: e,
-    className: s(
-      "text-headline-1 text-on-surface",
-      "group-has-data-[part=close]:pr-3xl",
-      o
-    ),
-    ...a
-  }
-);
-S.displayName = "Dialog.Title";
-const w = ({ asChild: o = !1, ...e }) => {
-  const a = g(o, "button");
-  return /* @__PURE__ */ t(n.Trigger, { "data-spark-component": "dialog-trigger", render: a, ...e });
+//#endregion
+//#region src/dialog/DialogClose.tsx
+var b = ({ asChild: e = !1, ...t }) => {
+	let n = r(e, "button");
+	return /* @__PURE__ */ u(m.Close, {
+		"data-spark-component": "dialog-close",
+		render: n,
+		...t
+	});
+}, x = ({ "aria-label": t, className: r, size: a = "md", intent: o = "neutral", design: s = "ghost", children: c = /* @__PURE__ */ u(p, {}), ref: l, ...d }) => /* @__PURE__ */ u(b, {
+	"data-spark-component": "dialog-close-button",
+	"data-part": "close",
+	ref: l,
+	className: i([
+		"absolute",
+		"top-md",
+		"right-xl"
+	], r),
+	asChild: !0,
+	...d,
+	children: /* @__PURE__ */ u(n, {
+		intent: o,
+		size: a,
+		design: s,
+		"aria-label": t,
+		children: /* @__PURE__ */ u(e, { children: c })
+	})
+}), S = Object.assign(x, { id: "CloseButton" });
+x.displayName = "Dialog.CloseButton";
+//#endregion
+//#region src/dialog/DialogContent.tsx
+var C = ({ className: e, isNarrow: n = !1, size: r = "md", ref: a, ...o }) => {
+	let { setIsFullScreen: c } = _();
+	return s(() => (r === "fullscreen" && c(!0), () => c(!1)), [c, r]), /* @__PURE__ */ u(m.Popup, {
+		ref: a,
+		"data-spark-component": "dialog-content",
+		role: "dialog",
+		className: (a) => i(t({
+			isNarrow: n,
+			size: r,
+			className: typeof e == "function" ? e(a) : e
+		})),
+		...o
+	});
 };
-w.displayName = "Dialog.Trigger";
-const M = Object.assign(m, {
-  Trigger: w,
-  Portal: C,
-  Overlay: k,
-  Content: b,
-  Header: N,
-  Body: y,
-  Footer: v,
-  Close: x,
-  CloseButton: A,
-  Title: S,
-  Description: h
+C.displayName = "Dialog.Content";
+//#endregion
+//#region src/dialog/DialogDescription.tsx
+var w = (e) => /* @__PURE__ */ u(m.Description, {
+	"data-spark-component": "dialog-description",
+	...e
+});
+w.displayName = "Dialog.Description";
+//#endregion
+//#region src/dialog/DialogFooter.tsx
+var T = ({ children: e, className: t, ref: n, ...r }) => /* @__PURE__ */ u("footer", {
+	"data-spark-component": "dialog-footer",
+	ref: n,
+	className: i(t, ["px-xl", "py-lg"]),
+	...r,
+	children: e
+});
+T.displayName = "Dialog.Footer";
+//#endregion
+//#region src/dialog/DialogHeader.tsx
+var E = ({ children: e, className: t, ref: n, ...r }) => /* @__PURE__ */ u("header", {
+	"data-spark-component": "dialog-header",
+	ref: n,
+	className: i(t, ["px-xl", "py-lg"]),
+	...r,
+	children: e
 });
-M.displayName = "Dialog";
-export {
-  M as Dialog
+E.displayName = "Dialog.Header";
+//#endregion
+//#region src/dialog/DialogOverlay.tsx
+var D = ({ className: e, ...t }) => /* @__PURE__ */ u(m.Backdrop, {
+	"data-spark-component": "dialog-overlay",
+	className: (t) => i("z-overlay size-screen fixed inset-0", "bg-overlay/dim-1", "data-starting-style:animate-fade-in", "data-ending-style:animate-fade-out", typeof e == "function" ? e(t) : e),
+	...t
+});
+D.displayName = "Dialog.Overlay";
+//#endregion
+//#region src/dialog/DialogPortal.tsx
+var O = ({ className: e, ...t }) => /* @__PURE__ */ u(m.Portal, {
+	"data-spark-component": "dialog-portal",
+	className: i(e, "z-modal absolute"),
+	...t
+});
+O.displayName = "Dialog.Portal";
+//#endregion
+//#region src/dialog/DialogTitle.tsx
+var k = ({ className: e, ref: t, ...n }) => /* @__PURE__ */ u(m.Title, {
+	"data-spark-component": "dialog-title",
+	ref: t,
+	className: i("text-headline-1 text-on-surface", "group-has-data-[part=close]:pr-3xl", e),
+	...n
+});
+k.displayName = "Dialog.Title";
+//#endregion
+//#region src/dialog/DialogTrigger.tsx
+var A = ({ asChild: e = !1, ...t }) => {
+	let n = r(e, "button");
+	return /* @__PURE__ */ u(m.Trigger, {
+		"data-spark-component": "dialog-trigger",
+		render: n,
+		...t
+	});
 };
-//# sourceMappingURL=index.mjs.map
+A.displayName = "Dialog.Trigger";
+//#endregion
+//#region src/dialog/index.ts
+var j = Object.assign(v, {
+	Trigger: A,
+	Portal: O,
+	Overlay: D,
+	Content: C,
+	Header: E,
+	Body: y,
+	Footer: T,
+	Close: b,
+	CloseButton: S,
+	Title: k,
+	Description: w
+});
+j.displayName = "Dialog";
+//#endregion
+export { j as Dialog };
+
+//# sourceMappingURL=index.mjs.map

package/dist/dialog/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/dialog/DialogContext.tsx","../../src/dialog/Dialog.tsx","../../src/dialog/DialogBody.tsx","../../src/dialog/DialogClose.tsx","../../src/dialog/DialogCloseButton.tsx","../../src/dialog/DialogContent.tsx","../../src/dialog/DialogDescription.tsx","../../src/dialog/DialogFooter.tsx","../../src/dialog/DialogHeader.tsx","../../src/dialog/DialogOverlay.tsx","../../src/dialog/DialogPortal.tsx","../../src/dialog/DialogTitle.tsx","../../src/dialog/DialogTrigger.tsx","../../src/dialog/index.ts"],"sourcesContent":["import { createContext, type ReactNode, useContext, useState } from 'react'\n\nexport interface DialogContextState {\n  isFullScreen: boolean\n  setIsFullScreen: (value: boolean) => void\n  withFade: boolean\n}\n\nconst DialogContext = createContext<DialogContextState | null>(null)\n\nexport const DialogProvider = ({\n  children: childrenProp,\n  withFade = false,\n}: {\n  children: ReactNode\n  withFade?: boolean\n}) => {\n  const [isFullScreen, setIsFullScreen] = useState(false)\n\n  return (\n    <DialogContext.Provider\n      value={{\n        isFullScreen,\n        setIsFullScreen,\n        withFade,\n      }}\n    >\n      {childrenProp}\n    </DialogContext.Provider>\n  )\n}\n\nexport const useDialog = () => {\n  const context = useContext(DialogContext)\n\n  if (!context) {\n    throw Error('useDialog must be used within a Dialog provider')\n  }\n\n  return context\n}\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { ComponentProps, type ReactElement } from 'react'\n\nimport { DialogProvider } from './DialogContext'\n\nexport interface DialogProps\n  extends Omit<ComponentProps<typeof BaseDialog.Root>, 'onOpenChange' | 'render'> {\n  /**\n   * Specifies if the dialog is open or not.\n   */\n  open?: boolean\n  /**\n   * Default open state.\n   */\n  defaultOpen?: boolean\n  /**\n   * Handler executed on every dialog open state change.\n   */\n  onOpenChange?: (open: boolean) => void\n  /**\n   * Specifies if the dialog is a modal.\n   */\n  modal?: boolean\n  /**\n   * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).\n   */\n  withFade?: boolean\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Dialog = ({ withFade = false, onOpenChange, ...props }: DialogProps): ReactElement => {\n  const handleOpenChange = onOpenChange\n    ? (open: boolean, _eventDetails: unknown) => {\n        onOpenChange(open)\n      }\n    : undefined\n\n  return (\n    <DialogProvider withFade={withFade}>\n      <BaseDialog.Root data-spark-component=\"dialog\" onOpenChange={handleOpenChange} {...props} />\n    </DialogProvider>\n  )\n}\n\nDialog.createHandle = BaseDialog.createHandle\nDialog.displayName = 'Dialog.Root'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { useScrollOverflow } from '@spark-ui/hooks/use-scroll-overflow'\nimport { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref, useRef } from 'react'\n\nimport { useDialog } from './DialogContext'\n\nexport interface BodyProps {\n  children: ReactNode\n  className?: string\n  tabIndex?: number\n  ref?: Ref<HTMLDivElement>\n  inset?: boolean\n}\n\nexport const Body = ({\n  children,\n  className,\n  inset = false,\n  ref: forwardedRef,\n  ...rest\n}: BodyProps): ReactElement => {\n  const scrollAreaRef = useRef<HTMLDivElement>(null)\n  const ref = useMergeRefs(forwardedRef, scrollAreaRef)\n\n  const { withFade } = useDialog()\n\n  const { overflow } = useScrollOverflow(scrollAreaRef)\n\n  return (\n    <div\n      data-spark-component=\"dialog-body\"\n      ref={ref}\n      className={cx(\n        'focus-visible:u-outline relative grow overflow-y-auto outline-hidden',\n        'transition-all duration-300',\n        {\n          ['px-xl py-lg']: !inset,\n        },\n        className\n      )}\n      style={{\n        ...(withFade && {\n          maskImage:\n            'linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))',\n          maskSize: `100% calc(100% + ${overflow.top ? '0px' : '44px'} + ${overflow.bottom ? '0px' : '44px'})`,\n          maskPosition: `0 ${overflow.top ? '0px' : '-44px'}`,\n        }),\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n\nBody.displayName = 'Dialog.Body'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from '../drawer/useRenderSlot'\n\nexport interface CloseProps extends Omit<ComponentProps<typeof BaseDialog.Close>, 'render'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Close = ({ asChild = false, ...props }: CloseProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return <BaseDialog.Close data-spark-component=\"dialog-close\" render={renderSlot} {...props} />\n}\n","import { Close as CloseSVG } from '@spark-ui/icons/Close'\nimport { cx } from 'class-variance-authority'\n\nimport { Icon } from '../icon'\nimport { IconButton, type IconButtonProps } from '../icon-button'\nimport { Close, CloseProps } from './DialogClose'\n\nexport type CloseButtonProps = CloseProps &\n  Pick<IconButtonProps, 'size' | 'intent' | 'design' | 'aria-label'>\n\nconst Root = ({\n  'aria-label': ariaLabel,\n  className,\n  size = 'md',\n  intent = 'neutral',\n  design = 'ghost',\n  children = <CloseSVG />,\n  ref,\n  ...rest\n}: CloseButtonProps) => {\n  return (\n    <Close\n      data-spark-component=\"dialog-close-button\"\n      data-part=\"close\"\n      ref={ref}\n      className={cx(['absolute', 'top-md', 'right-xl'], className)}\n      asChild\n      {...rest}\n    >\n      <IconButton intent={intent} size={size} design={design} aria-label={ariaLabel}>\n        <Icon>{children}</Icon>\n      </IconButton>\n    </Close>\n  )\n}\n\nexport const CloseButton = Object.assign(Root, {\n  id: 'CloseButton',\n})\n\nRoot.displayName = 'Dialog.CloseButton'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref, useEffect } from 'react'\n\nimport { dialogContentStyles, type DialogContentStylesProps } from './DialogContent.styles'\nimport { useDialog } from './DialogContext'\n\nexport interface ContentProps\n  extends Omit<ComponentProps<typeof BaseDialog.Popup>, 'render'>,\n    DialogContentStylesProps {\n  /**\n   * When set to true, the content will adjust its width to fit the content rather than taking up the full available width.\n   */\n  isNarrow?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Content = ({\n  className,\n  isNarrow = false,\n  size = 'md',\n  ref,\n  ...rest\n}: ContentProps) => {\n  const { setIsFullScreen } = useDialog()\n\n  useEffect(() => {\n    if (size === 'fullscreen') setIsFullScreen(true)\n\n    return () => setIsFullScreen(false)\n  }, [setIsFullScreen, size])\n\n  return (\n    <BaseDialog.Popup\n      ref={ref}\n      data-spark-component=\"dialog-content\"\n      role=\"dialog\"\n      className={state =>\n        cx(\n          dialogContentStyles({\n            isNarrow,\n            size,\n            className: typeof className === 'function' ? className(state) : className,\n          })\n        )\n      }\n      {...rest}\n    />\n  )\n}\n\nContent.displayName = 'Dialog.Content'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { ComponentProps, Ref } from 'react'\n\nexport type DescriptionProps = ComponentProps<typeof BaseDialog.Description> & {\n  ref?: Ref<HTMLParagraphElement>\n}\n\nexport const Description = (props: DescriptionProps) => (\n  <BaseDialog.Description data-spark-component=\"dialog-description\" {...props} />\n)\n\nDescription.displayName = 'Dialog.Description'\n","import { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref } from 'react'\n\nexport interface FooterProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Footer = ({ children, className, ref, ...rest }: FooterProps): ReactElement => (\n  <footer\n    data-spark-component=\"dialog-footer\"\n    ref={ref}\n    className={cx(className, ['px-xl', 'py-lg'])}\n    {...rest}\n  >\n    {children}\n  </footer>\n)\n\nFooter.displayName = 'Dialog.Footer'\n","import { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref } from 'react'\n\nexport interface HeaderProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Header = ({ children, className, ref, ...rest }: HeaderProps): ReactElement => (\n  <header\n    data-spark-component=\"dialog-header\"\n    ref={ref}\n    className={cx(className, ['px-xl', 'py-lg'])}\n    {...rest}\n  >\n    {children}\n  </header>\n)\n\nHeader.displayName = 'Dialog.Header'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nexport interface OverlayProps extends Omit<ComponentProps<typeof BaseDialog.Backdrop>, 'render'> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Overlay = ({ className, ...props }: OverlayProps) => {\n  return (\n    <BaseDialog.Backdrop\n      data-spark-component=\"dialog-overlay\"\n      className={state =>\n        cx(\n          'z-overlay size-screen fixed inset-0',\n          'bg-overlay/dim-1',\n          'data-starting-style:animate-fade-in',\n          'data-ending-style:animate-fade-out',\n          typeof className === 'function' ? className(state) : className\n        )\n      }\n      {...props}\n    />\n  )\n}\n\nOverlay.displayName = 'Dialog.Overlay'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps } from 'react'\n\nexport type PortalProps = ComponentProps<typeof BaseDialog.Portal>\n\nexport const Portal = ({ className, ...props }: PortalProps) => {\n  return (\n    <BaseDialog.Portal\n      data-spark-component=\"dialog-portal\"\n      className={cx(className, 'z-modal absolute')}\n      {...props}\n    />\n  )\n}\n\nPortal.displayName = 'Dialog.Portal'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nexport type TitleProps = ComponentProps<typeof BaseDialog.Title> & {\n  ref?: Ref<HTMLHeadingElement>\n}\n\nexport const Title = ({ className, ref, ...others }: TitleProps) => {\n  return (\n    <BaseDialog.Title\n      data-spark-component=\"dialog-title\"\n      ref={ref}\n      className={cx(\n        'text-headline-1 text-on-surface',\n        'group-has-data-[part=close]:pr-3xl',\n        className\n      )}\n      {...others}\n    />\n  )\n}\n\nTitle.displayName = 'Dialog.Title'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from '../drawer/useRenderSlot'\n\nexport interface TriggerProps extends Omit<ComponentProps<typeof BaseDialog.Trigger>, 'render'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Trigger = ({ asChild = false, ...props }: TriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return <BaseDialog.Trigger data-spark-component=\"dialog-trigger\" render={renderSlot} {...props} />\n}\n\nTrigger.displayName = 'Dialog.Trigger'\n","import { Dialog as Root } from './Dialog'\nimport { Body } from './DialogBody'\nimport { Close } from './DialogClose'\nimport { CloseButton } from './DialogCloseButton'\nimport { Content } from './DialogContent'\nimport { Description } from './DialogDescription' // aria-describedby\nimport { Footer } from './DialogFooter'\nimport { Header } from './DialogHeader'\nimport { Overlay } from './DialogOverlay'\nimport { Portal } from './DialogPortal'\nimport { Title } from './DialogTitle' // aria-labelledby\nimport { Trigger } from './DialogTrigger'\n\nexport const Dialog: typeof Root & {\n  Trigger: typeof Trigger\n  Portal: typeof Portal\n  Overlay: typeof Overlay\n  Content: typeof Content\n  Header: typeof Header\n  Body: typeof Body\n  Footer: typeof Footer\n  Close: typeof Close\n  CloseButton: typeof CloseButton\n  Title: typeof Title\n  Description: typeof Description\n} = Object.assign(Root, {\n  Trigger,\n  Portal,\n  Overlay,\n  Content,\n  Header,\n  Body,\n  Footer,\n  Close,\n  CloseButton,\n  Title,\n  Description,\n})\n\nDialog.displayName = 'Dialog'\n\nexport { type DialogProps } from './Dialog'\nexport { type ContentProps as DialogContentProps } from './DialogContent'\nexport { type HeaderProps as DialogHeaderProps } from './DialogHeader'\nexport { type BodyProps as DialogBodyProps } from './DialogBody'\nexport { type FooterProps as DialogFooterProps } from './DialogFooter'\nexport { type TriggerProps as DialogTriggerProps } from './DialogTrigger'\nexport { type OverlayProps as DialogOverlayProps } from './DialogOverlay'\nexport { type PortalProps as DialogPortalProps } from './DialogPortal'\nexport { type TitleProps as DialogTitleProps } from './DialogTitle'\nexport { type DescriptionProps as DialogDescriptionProps } from './DialogDescription'\nexport { type CloseProps as DialogCloseProps } from './DialogClose'\nexport { type CloseButtonProps as DialogCloseButtonProps } from './DialogCloseButton'\n"],"names":["DialogContext","createContext","DialogProvider","childrenProp","withFade","isFullScreen","setIsFullScreen","useState","jsx","useDialog","context","useContext","Dialog","onOpenChange","props","handleOpenChange","open","_eventDetails","BaseDialog","Body","children","className","inset","forwardedRef","rest","scrollAreaRef","useRef","ref","useMergeRefs","overflow","useScrollOverflow","cx","Close","asChild","renderSlot","useRenderSlot","Root","ariaLabel","size","intent","design","CloseSVG","IconButton","Icon","CloseButton","Content","isNarrow","useEffect","state","dialogContentStyles","Description","Footer","Header","Overlay","Portal","Title","others","Trigger"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/dialog/DialogContext.tsx","../../src/dialog/Dialog.tsx","../../src/dialog/DialogBody.tsx","../../src/dialog/DialogClose.tsx","../../src/dialog/DialogCloseButton.tsx","../../src/dialog/DialogContent.tsx","../../src/dialog/DialogDescription.tsx","../../src/dialog/DialogFooter.tsx","../../src/dialog/DialogHeader.tsx","../../src/dialog/DialogOverlay.tsx","../../src/dialog/DialogPortal.tsx","../../src/dialog/DialogTitle.tsx","../../src/dialog/DialogTrigger.tsx","../../src/dialog/index.ts"],"sourcesContent":["import { createContext, type ReactNode, useContext, useState } from 'react'\n\nexport interface DialogContextState {\n  isFullScreen: boolean\n  setIsFullScreen: (value: boolean) => void\n  withFade: boolean\n}\n\nconst DialogContext = createContext<DialogContextState | null>(null)\n\nexport const DialogProvider = ({\n  children: childrenProp,\n  withFade = false,\n}: {\n  children: ReactNode\n  withFade?: boolean\n}) => {\n  const [isFullScreen, setIsFullScreen] = useState(false)\n\n  return (\n    <DialogContext.Provider\n      value={{\n        isFullScreen,\n        setIsFullScreen,\n        withFade,\n      }}\n    >\n      {childrenProp}\n    </DialogContext.Provider>\n  )\n}\n\nexport const useDialog = () => {\n  const context = useContext(DialogContext)\n\n  if (!context) {\n    throw Error('useDialog must be used within a Dialog provider')\n  }\n\n  return context\n}\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { ComponentProps, type ReactElement } from 'react'\n\nimport { DialogProvider } from './DialogContext'\n\nexport interface DialogProps extends Omit<\n  ComponentProps<typeof BaseDialog.Root>,\n  'onOpenChange' | 'render'\n> {\n  /**\n   * Specifies if the dialog is open or not.\n   */\n  open?: boolean\n  /**\n   * Default open state.\n   */\n  defaultOpen?: boolean\n  /**\n   * Handler executed on every dialog open state change.\n   */\n  onOpenChange?: (open: boolean) => void\n  /**\n   * Specifies if the dialog is a modal.\n   */\n  modal?: boolean\n  /**\n   * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).\n   */\n  withFade?: boolean\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Dialog = ({ withFade = false, onOpenChange, ...props }: DialogProps): ReactElement => {\n  const handleOpenChange = onOpenChange\n    ? (open: boolean, _eventDetails: unknown) => {\n        onOpenChange(open)\n      }\n    : undefined\n\n  return (\n    <DialogProvider withFade={withFade}>\n      <BaseDialog.Root data-spark-component=\"dialog\" onOpenChange={handleOpenChange} {...props} />\n    </DialogProvider>\n  )\n}\n\nDialog.createHandle = BaseDialog.createHandle\nDialog.displayName = 'Dialog.Root'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { useScrollOverflow } from '@spark-ui/hooks/use-scroll-overflow'\nimport { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref, useRef } from 'react'\n\nimport { useDialog } from './DialogContext'\n\nexport interface BodyProps {\n  children: ReactNode\n  className?: string\n  tabIndex?: number\n  ref?: Ref<HTMLDivElement>\n  inset?: boolean\n}\n\nexport const Body = ({\n  children,\n  className,\n  inset = false,\n  ref: forwardedRef,\n  ...rest\n}: BodyProps): ReactElement => {\n  const scrollAreaRef = useRef<HTMLDivElement>(null)\n  const ref = useMergeRefs(forwardedRef, scrollAreaRef)\n\n  const { withFade } = useDialog()\n\n  const { overflow } = useScrollOverflow(scrollAreaRef)\n\n  return (\n    <div\n      data-spark-component=\"dialog-body\"\n      ref={ref}\n      className={cx(\n        'focus-visible:u-outline relative grow overflow-y-auto outline-hidden',\n        'transition-all duration-300',\n        {\n          ['px-xl py-lg']: !inset,\n        },\n        className\n      )}\n      style={{\n        ...(withFade && {\n          maskImage:\n            'linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))',\n          maskSize: `100% calc(100% + ${overflow.top ? '0px' : '44px'} + ${overflow.bottom ? '0px' : '44px'})`,\n          maskPosition: `0 ${overflow.top ? '0px' : '-44px'}`,\n        }),\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n\nBody.displayName = 'Dialog.Body'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from '../drawer/useRenderSlot'\n\nexport interface CloseProps extends Omit<ComponentProps<typeof BaseDialog.Close>, 'render'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Close = ({ asChild = false, ...props }: CloseProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return <BaseDialog.Close data-spark-component=\"dialog-close\" render={renderSlot} {...props} />\n}\n","import { Close as CloseSVG } from '@spark-ui/icons/Close'\nimport { cx } from 'class-variance-authority'\n\nimport { Icon } from '../icon'\nimport { IconButton, type IconButtonProps } from '../icon-button'\nimport { Close, CloseProps } from './DialogClose'\n\nexport type CloseButtonProps = CloseProps &\n  Pick<IconButtonProps, 'size' | 'intent' | 'design' | 'aria-label'>\n\nconst Root = ({\n  'aria-label': ariaLabel,\n  className,\n  size = 'md',\n  intent = 'neutral',\n  design = 'ghost',\n  children = <CloseSVG />,\n  ref,\n  ...rest\n}: CloseButtonProps) => {\n  return (\n    <Close\n      data-spark-component=\"dialog-close-button\"\n      data-part=\"close\"\n      ref={ref}\n      className={cx(['absolute', 'top-md', 'right-xl'], className)}\n      asChild\n      {...rest}\n    >\n      <IconButton intent={intent} size={size} design={design} aria-label={ariaLabel}>\n        <Icon>{children}</Icon>\n      </IconButton>\n    </Close>\n  )\n}\n\nexport const CloseButton = Object.assign(Root, {\n  id: 'CloseButton',\n})\n\nRoot.displayName = 'Dialog.CloseButton'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref, useEffect } from 'react'\n\nimport { dialogContentStyles, type DialogContentStylesProps } from './DialogContent.styles'\nimport { useDialog } from './DialogContext'\n\nexport interface ContentProps\n  extends Omit<ComponentProps<typeof BaseDialog.Popup>, 'render'>, DialogContentStylesProps {\n  /**\n   * When set to true, the content will adjust its width to fit the content rather than taking up the full available width.\n   */\n  isNarrow?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Content = ({\n  className,\n  isNarrow = false,\n  size = 'md',\n  ref,\n  ...rest\n}: ContentProps) => {\n  const { setIsFullScreen } = useDialog()\n\n  useEffect(() => {\n    if (size === 'fullscreen') setIsFullScreen(true)\n\n    return () => setIsFullScreen(false)\n  }, [setIsFullScreen, size])\n\n  return (\n    <BaseDialog.Popup\n      ref={ref}\n      data-spark-component=\"dialog-content\"\n      role=\"dialog\"\n      className={state =>\n        cx(\n          dialogContentStyles({\n            isNarrow,\n            size,\n            className: typeof className === 'function' ? className(state) : className,\n          })\n        )\n      }\n      {...rest}\n    />\n  )\n}\n\nContent.displayName = 'Dialog.Content'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { ComponentProps, Ref } from 'react'\n\nexport type DescriptionProps = ComponentProps<typeof BaseDialog.Description> & {\n  ref?: Ref<HTMLParagraphElement>\n}\n\nexport const Description = (props: DescriptionProps) => (\n  <BaseDialog.Description data-spark-component=\"dialog-description\" {...props} />\n)\n\nDescription.displayName = 'Dialog.Description'\n","import { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref } from 'react'\n\nexport interface FooterProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Footer = ({ children, className, ref, ...rest }: FooterProps): ReactElement => (\n  <footer\n    data-spark-component=\"dialog-footer\"\n    ref={ref}\n    className={cx(className, ['px-xl', 'py-lg'])}\n    {...rest}\n  >\n    {children}\n  </footer>\n)\n\nFooter.displayName = 'Dialog.Footer'\n","import { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref } from 'react'\n\nexport interface HeaderProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Header = ({ children, className, ref, ...rest }: HeaderProps): ReactElement => (\n  <header\n    data-spark-component=\"dialog-header\"\n    ref={ref}\n    className={cx(className, ['px-xl', 'py-lg'])}\n    {...rest}\n  >\n    {children}\n  </header>\n)\n\nHeader.displayName = 'Dialog.Header'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nexport interface OverlayProps extends Omit<ComponentProps<typeof BaseDialog.Backdrop>, 'render'> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Overlay = ({ className, ...props }: OverlayProps) => {\n  return (\n    <BaseDialog.Backdrop\n      data-spark-component=\"dialog-overlay\"\n      className={state =>\n        cx(\n          'z-overlay size-screen fixed inset-0',\n          'bg-overlay/dim-1',\n          'data-starting-style:animate-fade-in',\n          'data-ending-style:animate-fade-out',\n          typeof className === 'function' ? className(state) : className\n        )\n      }\n      {...props}\n    />\n  )\n}\n\nOverlay.displayName = 'Dialog.Overlay'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps } from 'react'\n\nexport type PortalProps = ComponentProps<typeof BaseDialog.Portal>\n\nexport const Portal = ({ className, ...props }: PortalProps) => {\n  return (\n    <BaseDialog.Portal\n      data-spark-component=\"dialog-portal\"\n      className={cx(className, 'z-modal absolute')}\n      {...props}\n    />\n  )\n}\n\nPortal.displayName = 'Dialog.Portal'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nexport type TitleProps = ComponentProps<typeof BaseDialog.Title> & {\n  ref?: Ref<HTMLHeadingElement>\n}\n\nexport const Title = ({ className, ref, ...others }: TitleProps) => {\n  return (\n    <BaseDialog.Title\n      data-spark-component=\"dialog-title\"\n      ref={ref}\n      className={cx(\n        'text-headline-1 text-on-surface',\n        'group-has-data-[part=close]:pr-3xl',\n        className\n      )}\n      {...others}\n    />\n  )\n}\n\nTitle.displayName = 'Dialog.Title'\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from '../drawer/useRenderSlot'\n\nexport interface TriggerProps extends Omit<ComponentProps<typeof BaseDialog.Trigger>, 'render'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Trigger = ({ asChild = false, ...props }: TriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return <BaseDialog.Trigger data-spark-component=\"dialog-trigger\" render={renderSlot} {...props} />\n}\n\nTrigger.displayName = 'Dialog.Trigger'\n","import { Dialog as Root } from './Dialog'\nimport { Body } from './DialogBody'\nimport { Close } from './DialogClose'\nimport { CloseButton } from './DialogCloseButton'\nimport { Content } from './DialogContent'\nimport { Description } from './DialogDescription' // aria-describedby\nimport { Footer } from './DialogFooter'\nimport { Header } from './DialogHeader'\nimport { Overlay } from './DialogOverlay'\nimport { Portal } from './DialogPortal'\nimport { Title } from './DialogTitle' // aria-labelledby\nimport { Trigger } from './DialogTrigger'\n\nexport const Dialog: typeof Root & {\n  Trigger: typeof Trigger\n  Portal: typeof Portal\n  Overlay: typeof Overlay\n  Content: typeof Content\n  Header: typeof Header\n  Body: typeof Body\n  Footer: typeof Footer\n  Close: typeof Close\n  CloseButton: typeof CloseButton\n  Title: typeof Title\n  Description: typeof Description\n} = Object.assign(Root, {\n  Trigger,\n  Portal,\n  Overlay,\n  Content,\n  Header,\n  Body,\n  Footer,\n  Close,\n  CloseButton,\n  Title,\n  Description,\n})\n\nDialog.displayName = 'Dialog'\n\nexport { type DialogProps } from './Dialog'\nexport { type ContentProps as DialogContentProps } from './DialogContent'\nexport { type HeaderProps as DialogHeaderProps } from './DialogHeader'\nexport { type BodyProps as DialogBodyProps } from './DialogBody'\nexport { type FooterProps as DialogFooterProps } from './DialogFooter'\nexport { type TriggerProps as DialogTriggerProps } from './DialogTrigger'\nexport { type OverlayProps as DialogOverlayProps } from './DialogOverlay'\nexport { type PortalProps as DialogPortalProps } from './DialogPortal'\nexport { type TitleProps as DialogTitleProps } from './DialogTitle'\nexport { type DescriptionProps as DialogDescriptionProps } from './DialogDescription'\nexport { type CloseProps as DialogCloseProps } from './DialogClose'\nexport { type CloseButtonProps as DialogCloseButtonProps } from './DialogCloseButton'\n"],"mappings":"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"}

package/dist/divider/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("@base-ui/react/separator"),s=require("class-variance-authority"),E=require("../Slot-DQ8z2zsy.js"),e=require("@spark-ui/internal-utils"),x=[{intent:"current",isEmpty:!0,class:e.tw(["border-current"])},{intent:"current",isEmpty:!1,class:e.tw(["before:border-current after:border-current"])},{intent:"outline",isEmpty:!0,class:e.tw(["border-outline"])},{intent:"outline",isEmpty:!1,class:e.tw(["before:border-outline after:border-outline"])}],j=s.cva(["overflow-hidden group"],{variants:{isEmpty:{true:["border-solid"],false:["inline-flex items-center","after:border-solid before:border-solid"]},orientation:{vertical:["w-fit inline-flex"],horizontal:["w-full"]},writingMode:{"horizontal-tb":[],"vertical-lr":[]},alignment:{start:[],end:[],center:[]},intent:{current:[],outline:[]}},defaultVariants:{orientation:"horizontal",writingMode:"horizontal-tb",alignment:"center",intent:"outline"},compoundVariants:[{isEmpty:!0,orientation:"horizontal",class:e.tw(["my-lg border-t-sm"])},{isEmpty:!0,orientation:"vertical",class:e.tw(["mx-lg min-h-sz-24 border-l-sm"])},{isEmpty:!1,orientation:"horizontal",writingMode:"horizontal-tb",class:e.tw(["flex-row my-sm grow-0","before:border-t-sm","after:border-t-sm","*:px-lg"])},{isEmpty:!1,orientation:"vertical",writingMode:"horizontal-tb",class:e.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","*:py-lg"])},{isEmpty:!1,orientation:"vertical",writingMode:"vertical-lr",class:e.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","*:px-lg"])},{isEmpty:!1,orientation:"horizontal",alignment:"end",class:e.tw(["after:w-sz-40 before:grow after:grow-0"])},{isEmpty:!1,orientation:"horizontal",alignment:"start",class:e.tw(["before:w-sz-40 before:grow-0 after:grow"])},{isEmpty:!1,orientation:"horizontal",alignment:"center",class:e.tw(["justify-center before:grow after:grow"])},{isEmpty:!1,orientation:"vertical",alignment:"end",class:e.tw(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"])},{isEmpty:!1,orientation:"vertical",alignment:"start",class:e.tw(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"])},{isEmpty:!1,orientation:"vertical",alignment:"center",class:e.tw(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])},...x]}),f=({asChild:t,className:i,isDecorative:o=!1,children:r,orientation:c="horizontal",writingMode:m="horizontal-tb",alignment:w="center",intent:u="outline",ref:g,role:d,...p})=>{const y=t?!r?.props?.children:!r;let n;o?n={role:"none"}:d!==void 0&&(n={role:d});const v=t?(z=>a.jsx(E.Slot,{...z})):void 0;return a.jsx(h.Separator,{"data-spark-component":"divider",className:s.cx(j({isEmpty:y,orientation:c,alignment:w,intent:u,writingMode:m}),i),orientation:c,ref:g,...p,render:v,...n,"data-writing-mode":m,children:r})};f.displayName="Divider";const b=({children:t,ref:i,className:o,...r})=>t?a.jsx("span",{"data-spark-component":"divider-content",ref:i,...r,className:s.cx("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]",o),children:t}):null;b.displayName="Divider.Content";const l=Object.assign(f,{Content:b});l.displayName="Divider";l.Content.displayName="Divider.Content";exports.Divider=l;
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-C91j1N6u.js`);const e=require(`../slot/index.js`);let t=require(`class-variance-authority`),n=require(`react/jsx-runtime`),r=require(`@spark-ui/internal-utils`),i=require(`@base-ui/react/separator`);var a=[{intent:`current`,isEmpty:!0,class:(0,r.tw)([`border-current`])},{intent:`current`,isEmpty:!1,class:(0,r.tw)([`before:border-current after:border-current`])},{intent:`outline`,isEmpty:!0,class:(0,r.tw)([`border-outline`])},{intent:`outline`,isEmpty:!1,class:(0,r.tw)([`before:border-outline after:border-outline`])}],o=(0,t.cva)([`overflow-hidden group`],{variants:{isEmpty:{true:[`border-solid`],false:[`inline-flex items-center`,`after:border-solid before:border-solid`]},orientation:{vertical:[`w-fit inline-flex`],horizontal:[`w-full`]},writingMode:{"horizontal-tb":[],"vertical-lr":[]},alignment:{start:[],end:[],center:[]},intent:{current:[],outline:[]}},defaultVariants:{orientation:`horizontal`,writingMode:`horizontal-tb`,alignment:`center`,intent:`outline`},compoundVariants:[{isEmpty:!0,orientation:`horizontal`,class:(0,r.tw)([`my-lg border-t-sm`])},{isEmpty:!0,orientation:`vertical`,class:(0,r.tw)([`mx-lg min-h-sz-24 border-l-sm`])},{isEmpty:!1,orientation:`horizontal`,writingMode:`horizontal-tb`,class:(0,r.tw)([`flex-row my-sm grow-0`,`before:border-t-sm`,`after:border-t-sm`,`*:px-lg`])},{isEmpty:!1,orientation:`vertical`,writingMode:`horizontal-tb`,class:(0,r.tw)([`flex-col mx-sm`,`before:border-l-sm`,`after:border-l-sm`,`*:py-lg`])},{isEmpty:!1,orientation:`vertical`,writingMode:`vertical-lr`,class:(0,r.tw)([`flex-col mx-sm`,`before:border-l-sm`,`after:border-l-sm`,`*:px-lg`])},{isEmpty:!1,orientation:`horizontal`,alignment:`end`,class:(0,r.tw)([`after:w-sz-40 before:grow after:grow-0`])},{isEmpty:!1,orientation:`horizontal`,alignment:`start`,class:(0,r.tw)([`before:w-sz-40 before:grow-0 after:grow`])},{isEmpty:!1,orientation:`horizontal`,alignment:`center`,class:(0,r.tw)([`justify-center before:grow after:grow`])},{isEmpty:!1,orientation:`vertical`,alignment:`end`,class:(0,r.tw)([`after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40`])},{isEmpty:!1,orientation:`vertical`,alignment:`start`,class:(0,r.tw)([`before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40`])},{isEmpty:!1,orientation:`vertical`,alignment:`center`,class:(0,r.tw)([`justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40`])},...a]}),s=({asChild:r,className:a,isDecorative:s=!1,children:c,orientation:l=`horizontal`,writingMode:u=`horizontal-tb`,alignment:d=`center`,intent:f=`outline`,ref:p,role:m,...h})=>{let g=r?!c?.props?.children:!c,_;s?_={role:`none`}:m!==void 0&&(_={role:m});let v=r?t=>(0,n.jsx)(e.Slot,{...t}):void 0;return(0,n.jsx)(i.Separator,{"data-spark-component":`divider`,className:(0,t.cx)(o({isEmpty:g,orientation:l,alignment:d,intent:f,writingMode:u}),a),orientation:l,ref:p,...h,render:v,..._,"data-writing-mode":u,children:c})};s.displayName=`Divider`;var c=({children:e,ref:r,className:i,...a})=>e?(0,n.jsx)(`span`,{"data-spark-component":`divider-content`,ref:r,...a,className:(0,t.cx)(`group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]`,i),children:e}):null;c.displayName=`Divider.Content`;var l=Object.assign(s,{Content:c});l.displayName=`Divider`,l.Content.displayName=`Divider.Content`,exports.Divider=l;
+//# sourceMappingURL=index.js.map

package/dist/divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/divider/variants/intents.tsx","../../src/divider/Divider.styles.ts","../../src/divider/Divider.tsx","../../src/divider/DividerContent.tsx","../../src/divider/index.ts"],"sourcesContent":["import { tw } from '@spark-ui/internal-utils'\n\nexport const intentVariants = [\n  // current\n  {\n    intent: 'current',\n    isEmpty: true,\n    class: tw(['border-current']),\n  },\n  {\n    intent: 'current',\n    isEmpty: false,\n    class: tw(['before:border-current after:border-current']),\n  },\n  // outline\n  {\n    intent: 'outline',\n    isEmpty: true,\n    class: tw(['border-outline']),\n  },\n  {\n    intent: 'outline',\n    isEmpty: false,\n    class: tw(['before:border-outline after:border-outline']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport { intentVariants } from './variants/intents'\n\nexport const dividerStyles = cva(['overflow-hidden group'], {\n  variants: {\n    isEmpty: {\n      true: ['border-solid'],\n      false: ['inline-flex items-center', 'after:border-solid before:border-solid'],\n    },\n    orientation: {\n      vertical: ['w-fit inline-flex'],\n      horizontal: ['w-full'],\n    },\n    writingMode: {\n      'horizontal-tb': [],\n      'vertical-lr': [],\n    },\n    alignment: {\n      start: [],\n      end: [],\n      center: [],\n    },\n    intent: {\n      current: [],\n      outline: [],\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    writingMode: 'horizontal-tb',\n    alignment: 'center',\n    intent: 'outline',\n  },\n  compoundVariants: [\n    {\n      isEmpty: true,\n      orientation: 'horizontal',\n      class: tw(['my-lg border-t-sm']),\n    },\n    {\n      isEmpty: true,\n      orientation: 'vertical',\n      class: tw(['mx-lg min-h-sz-24 border-l-sm']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-row my-sm grow-0', 'before:border-t-sm', 'after:border-t-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:py-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'vertical-lr',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'end',\n      class: tw(['after:w-sz-40 before:grow after:grow-0']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'start',\n      class: tw(['before:w-sz-40 before:grow-0 after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'end',\n      class: tw(['after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'start',\n      class: tw(['before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40']),\n    },\n    ...intentVariants,\n  ],\n})\n\nexport type DividerStylesProps = VariantProps<typeof dividerStyles>\n","import { Separator as BaseSeparator } from '@base-ui/react/separator'\nimport { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { dividerStyles, type DividerStylesProps } from './Divider.styles'\n\nexport interface DividerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Omit<DividerStylesProps, 'isEmpty'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactElement\n  /**\n   * The orientation of the inner content.\n   */\n  alignment?: 'start' | 'end' | 'center'\n  /**\n   * The orientation of the separator.\n   */\n  orientation?: 'vertical' | 'horizontal'\n  /**\n   * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.\n   */\n  isDecorative?: boolean\n  /**\n   * Color scheme of the divider.\n   */\n  intent?: 'outline' | 'current'\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Divider = ({\n  asChild,\n  className,\n  isDecorative = false,\n  children,\n  orientation = 'horizontal',\n  writingMode = 'horizontal-tb',\n  alignment = 'center',\n  intent = 'outline',\n  ref,\n  role: roleProp,\n  ...props\n}: DividerProps) => {\n  const isEmpty = asChild ? !(children?.props as { children: ReactNode })?.children : !children\n\n  let roleProps: { role: string } | undefined\n  if (isDecorative) {\n    roleProps = { role: 'none' }\n  } else if (roleProp !== undefined) {\n    roleProps = { role: roleProp }\n  }\n\n  const renderSlot = asChild\n    ? // Base UI uses its `render` prop to swap the underlying element.\n      // We rely on Spark's `Slot` to mimic Radix's `asChild` behavior.\n      (slotProps: any) => <Slot {...slotProps} />\n    : undefined\n\n  return (\n    <BaseSeparator\n      data-spark-component=\"divider\"\n      className={cx(\n        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),\n        className\n      )}\n      orientation={orientation}\n      ref={ref}\n      {...props}\n      render={renderSlot}\n      {...roleProps}\n      data-writing-mode={writingMode}\n    >\n      {children}\n    </BaseSeparator>\n  )\n}\n\nDivider.displayName = 'Divider'\n","import { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactNode\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const DividerContent = ({ children, ref, className, ...props }: DividerContentProps) => {\n  return children ? (\n    <span\n      data-spark-component=\"divider-content\"\n      ref={ref}\n      {...props}\n      className={cx('group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]', className)}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nDividerContent.displayName = 'Divider.Content'\n","import { Divider as Root } from './Divider'\nimport { DividerContent } from './DividerContent'\n\nexport { type DividerContentProps } from './DividerContent'\n\nexport const Divider: typeof Root & {\n  Content: typeof DividerContent\n} = Object.assign(Root, {\n  Content: DividerContent,\n})\n\nDivider.displayName = 'Divider'\nDivider.Content.displayName = 'Divider.Content'\n"],"names":["intentVariants","tw","dividerStyles","cva","Divider","asChild","className","isDecorative","children","orientation","writingMode","alignment","intent","ref","roleProp","props","isEmpty","roleProps","renderSlot","slotProps","jsx","Slot","BaseSeparator","cx","DividerContent","Root"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/divider/variants/intents.tsx","../../src/divider/Divider.styles.ts","../../src/divider/Divider.tsx","../../src/divider/DividerContent.tsx","../../src/divider/index.ts"],"sourcesContent":["import { tw } from '@spark-ui/internal-utils'\n\nexport const intentVariants = [\n  // current\n  {\n    intent: 'current',\n    isEmpty: true,\n    class: tw(['border-current']),\n  },\n  {\n    intent: 'current',\n    isEmpty: false,\n    class: tw(['before:border-current after:border-current']),\n  },\n  // outline\n  {\n    intent: 'outline',\n    isEmpty: true,\n    class: tw(['border-outline']),\n  },\n  {\n    intent: 'outline',\n    isEmpty: false,\n    class: tw(['before:border-outline after:border-outline']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport { intentVariants } from './variants/intents'\n\nexport const dividerStyles = cva(['overflow-hidden group'], {\n  variants: {\n    isEmpty: {\n      true: ['border-solid'],\n      false: ['inline-flex items-center', 'after:border-solid before:border-solid'],\n    },\n    orientation: {\n      vertical: ['w-fit inline-flex'],\n      horizontal: ['w-full'],\n    },\n    writingMode: {\n      'horizontal-tb': [],\n      'vertical-lr': [],\n    },\n    alignment: {\n      start: [],\n      end: [],\n      center: [],\n    },\n    intent: {\n      current: [],\n      outline: [],\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    writingMode: 'horizontal-tb',\n    alignment: 'center',\n    intent: 'outline',\n  },\n  compoundVariants: [\n    {\n      isEmpty: true,\n      orientation: 'horizontal',\n      class: tw(['my-lg border-t-sm']),\n    },\n    {\n      isEmpty: true,\n      orientation: 'vertical',\n      class: tw(['mx-lg min-h-sz-24 border-l-sm']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-row my-sm grow-0', 'before:border-t-sm', 'after:border-t-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:py-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'vertical-lr',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'end',\n      class: tw(['after:w-sz-40 before:grow after:grow-0']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'start',\n      class: tw(['before:w-sz-40 before:grow-0 after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'end',\n      class: tw(['after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'start',\n      class: tw(['before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40']),\n    },\n    ...intentVariants,\n  ],\n})\n\nexport type DividerStylesProps = VariantProps<typeof dividerStyles>\n","import { Separator as BaseSeparator } from '@base-ui/react/separator'\nimport { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { dividerStyles, type DividerStylesProps } from './Divider.styles'\n\nexport interface DividerProps\n  extends HTMLAttributes<HTMLDivElement>, Omit<DividerStylesProps, 'isEmpty'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactElement\n  /**\n   * The orientation of the inner content.\n   */\n  alignment?: 'start' | 'end' | 'center'\n  /**\n   * The orientation of the separator.\n   */\n  orientation?: 'vertical' | 'horizontal'\n  /**\n   * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.\n   */\n  isDecorative?: boolean\n  /**\n   * Color scheme of the divider.\n   */\n  intent?: 'outline' | 'current'\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Divider = ({\n  asChild,\n  className,\n  isDecorative = false,\n  children,\n  orientation = 'horizontal',\n  writingMode = 'horizontal-tb',\n  alignment = 'center',\n  intent = 'outline',\n  ref,\n  role: roleProp,\n  ...props\n}: DividerProps) => {\n  const isEmpty = asChild ? !(children?.props as { children: ReactNode })?.children : !children\n\n  let roleProps: { role: string } | undefined\n  if (isDecorative) {\n    roleProps = { role: 'none' }\n  } else if (roleProp !== undefined) {\n    roleProps = { role: roleProp }\n  }\n\n  const renderSlot = asChild\n    ? // Base UI uses its `render` prop to swap the underlying element.\n      // We rely on Spark's `Slot` to mimic Radix's `asChild` behavior.\n      (slotProps: any) => <Slot {...slotProps} />\n    : undefined\n\n  return (\n    <BaseSeparator\n      data-spark-component=\"divider\"\n      className={cx(\n        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),\n        className\n      )}\n      orientation={orientation}\n      ref={ref}\n      {...props}\n      render={renderSlot}\n      {...roleProps}\n      data-writing-mode={writingMode}\n    >\n      {children}\n    </BaseSeparator>\n  )\n}\n\nDivider.displayName = 'Divider'\n","import { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactNode\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const DividerContent = ({ children, ref, className, ...props }: DividerContentProps) => {\n  return children ? (\n    <span\n      data-spark-component=\"divider-content\"\n      ref={ref}\n      {...props}\n      className={cx('group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]', className)}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nDividerContent.displayName = 'Divider.Content'\n","import { Divider as Root } from './Divider'\nimport { DividerContent } from './DividerContent'\n\nexport { type DividerContentProps } from './DividerContent'\n\nexport const Divider: typeof Root & {\n  Content: typeof DividerContent\n} = Object.assign(Root, {\n  Content: DividerContent,\n})\n\nDivider.displayName = 'Divider'\nDivider.Content.displayName = 'Divider.Content'\n"],"mappings":"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"}