@spark-ui/components 12.2.0 → 13.0.1-beta.0

package/dist/chunk-D7YBYT5H.mjs

@@ -0,0 +1,308 @@
+import {
+  IconButton
+} from "./chunk-XYK6V3JF.mjs";
+import {
+  Icon
+} from "./chunk-UMUMFMFB.mjs";
+
+// src/popover/Popover.tsx
+import { Popover as RadixPopover } from "radix-ui";
+
+// src/popover/PopoverContext.tsx
+import { createContext, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var PopoverContext = createContext(null);
+var ID_PREFIX = ":popover";
+var PopoverProvider = ({
+  children,
+  intent
+}) => {
+  const [headerId, setHeaderId] = useState(null);
+  return /* @__PURE__ */ jsx(
+    PopoverContext.Provider,
+    {
+      value: {
+        headerId,
+        setHeaderId,
+        intent
+      },
+      children
+    }
+  );
+};
+var usePopover = () => {
+  const context = useContext(PopoverContext);
+  if (!context) {
+    throw Error("usePopover must be used within a Popover provider");
+  }
+  return context;
+};
+
+// src/popover/Popover.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Popover = ({ children, intent = "surface", modal = false, ...rest }) => {
+  return /* @__PURE__ */ jsx2(PopoverProvider, { intent, children: /* @__PURE__ */ jsx2(RadixPopover.Root, { "data-spark-component": "popover", modal, ...rest, children }) });
+};
+Popover.displayName = "Popover";
+
+// src/popover/PopoverAnchor.tsx
+import { Popover as RadixPopover2 } from "radix-ui";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Anchor = ({ asChild = false, children, ref, ...rest }) => /* @__PURE__ */ jsx3(RadixPopover2.Anchor, { "data-spark-component": "popover-anchor", ref, asChild, ...rest, children });
+Anchor.displayName = "Popover.Anchor";
+
+// src/popover/PopoverArrow.tsx
+import { cva } from "class-variance-authority";
+import { Popover as RadixPopover3 } from "radix-ui";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Arrow = ({
+  asChild = false,
+  width = 16,
+  height = 8,
+  className,
+  ref,
+  ...rest
+}) => {
+  const { intent } = usePopover();
+  const styles2 = cva("visible", {
+    variants: {
+      intent: {
+        surface: "fill-surface",
+        main: "fill-main-container",
+        support: "fill-support-container",
+        accent: "fill-accent-container",
+        basic: "fill-basic-container",
+        success: "fill-success-container",
+        alert: "fill-alert-container",
+        danger: "fill-error-container",
+        info: "fill-info-container",
+        neutral: "fill-neutral-container"
+      }
+    },
+    defaultVariants: {
+      intent: "surface"
+    }
+  });
+  return /* @__PURE__ */ jsx4(
+    RadixPopover3.Arrow,
+    {
+      "data-spark-component": "popover-arrow",
+      ref,
+      className: styles2({ intent, className }),
+      asChild,
+      width,
+      height,
+      ...rest
+    }
+  );
+};
+Arrow.displayName = "Popover.Arrow";
+
+// src/popover/PopoverCloseButton.tsx
+import { Close as CloseSVG } from "@spark-ui/icons/Close";
+import { cx } from "class-variance-authority";
+import { Popover as RadixPopover4 } from "radix-ui";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var CloseButton = ({
+  "aria-label": ariaLabel,
+  className,
+  ref,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx5(
+    RadixPopover4.Close,
+    {
+      "data-spark-component": "popover-close-button",
+      ref,
+      className: cx("right-lg top-md absolute", className),
+      asChild: true,
+      ...rest,
+      children: /* @__PURE__ */ jsx5(IconButton, { size: "sm", intent: "neutral", design: "ghost", "aria-label": ariaLabel, children: /* @__PURE__ */ jsx5(Icon, { children: /* @__PURE__ */ jsx5(CloseSVG, {}) }) })
+    }
+  );
+};
+CloseButton.displayName = "Popover.CloseButton";
+
+// src/popover/PopoverContent.tsx
+import { Popover as RadixPopover5 } from "radix-ui";
+
+// src/popover/PopoverContent.styles.ts
+import { cva as cva2 } from "class-variance-authority";
+var styles = cva2(
+  [
+    "rounded-md",
+    "shadow-sm",
+    "focus-visible:outline-hidden focus-visible:u-outline",
+    "max-h-(--radix-popper-available-height) overflow-y-auto"
+  ],
+  {
+    variants: {
+      intent: {
+        surface: "bg-surface text-on-surface",
+        main: "bg-main-container text-on-main-container",
+        support: "bg-support-container text-on-support-container",
+        accent: "bg-accent-container text-on-accent-container",
+        basic: "bg-basic-container text-on-basic-container",
+        success: "bg-success-container text-on-success-container",
+        alert: "bg-alert-container text-on-alert-container",
+        danger: "bg-error-container text-on-error-container",
+        info: "bg-info-container text-on-info-container",
+        neutral: "bg-neutral-container text-on-neutral-container"
+      },
+      matchTriggerWidth: {
+        true: "w-(--radix-popper-anchor-width)"
+      },
+      enforceBoundaries: {
+        true: ["max-w-(--radix-popper-available-width)"]
+      },
+      inset: {
+        true: "overflow-hidden",
+        false: "p-lg"
+      },
+      elevation: {
+        dropdown: "z-dropdown",
+        popover: "z-popover"
+      }
+    },
+    compoundVariants: [
+      {
+        inset: false,
+        /**
+         * When there is a close button, padding to the right side must be adjusted to avoid content overlapping with it.
+         */
+        class: "has-data-[spark-component=popover-close-button]:pr-3xl"
+      },
+      {
+        enforceBoundaries: false,
+        matchTriggerWidth: false,
+        class: "max-w-[min(var(--spacing-sz-384),100vw)]"
+      }
+    ],
+    defaultVariants: {
+      matchTriggerWidth: false,
+      enforceBoundaries: false,
+      inset: false,
+      intent: "surface",
+      elevation: "popover"
+    }
+  }
+);
+
+// src/popover/PopoverContent.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Content = ({
+  // Spark props
+  className,
+  children,
+  matchTriggerWidth = false,
+  // Radix props
+  align = "center",
+  arrowPadding = 16,
+  // In order not to overlap the arrow on the rounded corners of the popover.
+  asChild = false,
+  avoidCollisions = true,
+  "aria-labelledby": ariaLabelledBy,
+  collisionBoundary,
+  collisionPadding = 0,
+  hideWhenDetached = false,
+  side = "bottom",
+  sideOffset = 8,
+  sticky = "partial",
+  inset = false,
+  elevation = "popover",
+  ref,
+  ...rest
+}) => {
+  const { headerId, intent } = usePopover();
+  return /* @__PURE__ */ jsx6(
+    RadixPopover5.Content,
+    {
+      "aria-labelledby": headerId || ariaLabelledBy,
+      className: styles({
+        enforceBoundaries: !!collisionBoundary,
+        matchTriggerWidth,
+        inset,
+        elevation,
+        intent,
+        className
+      }),
+      "data-spark-component": "popover-content",
+      ref,
+      ...{
+        align,
+        arrowPadding,
+        asChild,
+        avoidCollisions,
+        collisionBoundary,
+        collisionPadding,
+        hideWhenDetached,
+        side,
+        sideOffset,
+        sticky
+      },
+      ...rest,
+      children
+    }
+  );
+};
+Content.displayName = "Popover.Content";
+
+// src/popover/PopoverHeader.tsx
+import { cx as cx2 } from "class-variance-authority";
+import { useId, useLayoutEffect } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Header = ({ children, className, ref, ...rest }) => {
+  const id = `${ID_PREFIX}-header-${useId()}`;
+  const { setHeaderId } = usePopover();
+  useLayoutEffect(() => {
+    setHeaderId(id);
+    return () => setHeaderId(null);
+  }, [id, setHeaderId]);
+  return /* @__PURE__ */ jsx7("header", { id, ref, className: cx2("mb-md text-headline-2", className), ...rest, children });
+};
+Header.displayName = "Popover.Header";
+
+// src/popover/PopoverPortal.tsx
+import { Popover as RadixPopover6 } from "radix-ui";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Portal = ({ children, ...rest }) => /* @__PURE__ */ jsx8(RadixPopover6.Portal, { ...rest, children });
+Portal.displayName = "Popover.Portal";
+
+// src/popover/PopoverTrigger.tsx
+import { Popover as RadixPopover7 } from "radix-ui";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Trigger = ({ asChild = false, children, ref, ...rest }) => /* @__PURE__ */ jsx9(
+  RadixPopover7.Trigger,
+  {
+    "data-spark-component": "popover-trigger",
+    ref,
+    asChild,
+    ...rest,
+    children
+  }
+);
+Trigger.displayName = "Popover.Trigger";
+
+// src/popover/index.ts
+var Popover2 = Object.assign(Popover, {
+  Anchor,
+  Arrow,
+  CloseButton,
+  Content,
+  Header,
+  Portal,
+  Trigger
+});
+Popover2.displayName = "Popover";
+Anchor.displayName = "Popover.Anchor";
+Arrow.displayName = "Popover.Arrow";
+CloseButton.displayName = "Popover.CloseButton";
+Content.displayName = "Popover.Content";
+Header.displayName = "Popover.Header";
+Portal.displayName = "Popover.Portal";
+Trigger.displayName = "Popover.Trigger";
+
+export {
+  Popover2 as Popover
+};
+//# sourceMappingURL=chunk-D7YBYT5H.mjs.map

package/dist/chunk-D7YBYT5H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/popover/Popover.tsx","../src/popover/PopoverContext.tsx","../src/popover/PopoverAnchor.tsx","../src/popover/PopoverArrow.tsx","../src/popover/PopoverCloseButton.tsx","../src/popover/PopoverContent.tsx","../src/popover/PopoverContent.styles.ts","../src/popover/PopoverHeader.tsx","../src/popover/PopoverPortal.tsx","../src/popover/PopoverTrigger.tsx","../src/popover/index.ts"],"sourcesContent":["import { Popover as RadixPopover } from 'radix-ui'\n\nimport { type PopoverIntent, PopoverProvider } from './PopoverContext'\n\nexport type PopoverProps = RadixPopover.PopoverProps & {\n  intent?: PopoverIntent\n}\n\nexport const Popover = ({ children, intent = 'surface', modal = false, ...rest }: PopoverProps) => {\n  return (\n    <PopoverProvider intent={intent}>\n      <RadixPopover.Root data-spark-component=\"popover\" modal={modal} {...rest}>\n        {children}\n      </RadixPopover.Root>\n    </PopoverProvider>\n  )\n}\n\nPopover.displayName = 'Popover'\n","import { createContext, type ReactNode, useContext, useState } from 'react'\n\ntype HeaderId = string | null\n\nexport type PopoverIntent =\n  | 'surface'\n  | 'main'\n  | 'support'\n  | 'accent'\n  | 'basic'\n  | 'success'\n  | 'alert'\n  | 'danger'\n  | 'info'\n  | 'neutral'\nexport interface PopoverContextState {\n  headerId: HeaderId\n  setHeaderId: (id: HeaderId) => void\n  intent: PopoverIntent\n}\n\nconst PopoverContext = createContext<PopoverContextState | null>(null)\n\nexport const ID_PREFIX = ':popover'\n\nexport const PopoverProvider = ({\n  children,\n  intent,\n}: {\n  children: ReactNode\n  intent: PopoverIntent\n}) => {\n  const [headerId, setHeaderId] = useState<HeaderId>(null)\n\n  return (\n    <PopoverContext.Provider\n      value={{\n        headerId,\n        setHeaderId,\n        intent,\n      }}\n    >\n      {children}\n    </PopoverContext.Provider>\n  )\n}\n\nexport const usePopover = () => {\n  const context = useContext(PopoverContext)\n\n  if (!context) {\n    throw Error('usePopover must be used within a Popover provider')\n  }\n\n  return context\n}\n","import { Popover as RadixPopover } from 'radix-ui'\nimport { Ref } from 'react'\n\nexport type AnchorProps = RadixPopover.PopoverAnchorProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Anchor = ({ asChild = false, children, ref, ...rest }: AnchorProps) => (\n  <RadixPopover.Anchor data-spark-component=\"popover-anchor\" ref={ref} asChild={asChild} {...rest}>\n    {children}\n  </RadixPopover.Anchor>\n)\n\nAnchor.displayName = 'Popover.Anchor'\n","import { cva } from 'class-variance-authority'\nimport { Popover as RadixPopover } from 'radix-ui'\nimport { Ref } from 'react'\n\nimport { usePopover } from './PopoverContext'\n\nexport type ArrowProps = RadixPopover.PopoverArrowProps & {\n  ref?: Ref<SVGSVGElement>\n}\n\nexport const Arrow = ({\n  asChild = false,\n  width = 16,\n  height = 8,\n  className,\n  ref,\n  ...rest\n}: ArrowProps) => {\n  const { intent } = usePopover()\n\n  /**\n   * This is necessary to override a Radix UI behaviour.\n   * Radix hides the arrow when the Popover is too misaligned from its trigger element.\n   */\n  const styles = cva('visible', {\n    variants: {\n      intent: {\n        surface: 'fill-surface',\n        main: 'fill-main-container',\n        support: 'fill-support-container',\n        accent: 'fill-accent-container',\n        basic: 'fill-basic-container',\n        success: 'fill-success-container',\n        alert: 'fill-alert-container',\n        danger: 'fill-error-container',\n        info: 'fill-info-container',\n        neutral: 'fill-neutral-container',\n      },\n    },\n    defaultVariants: {\n      intent: 'surface',\n    },\n  })\n\n  return (\n    <RadixPopover.Arrow\n      data-spark-component=\"popover-arrow\"\n      ref={ref}\n      className={styles({ intent, className })}\n      asChild={asChild}\n      width={width}\n      height={height}\n      {...rest}\n    />\n  )\n}\n\nArrow.displayName = 'Popover.Arrow'\n","import { Close as CloseSVG } from '@spark-ui/icons/Close'\nimport { cx } from 'class-variance-authority'\nimport { Popover as RadixPopover } from 'radix-ui'\nimport { Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\n\nexport type CloseButtonProps = RadixPopover.PopoverCloseProps & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const CloseButton = ({\n  'aria-label': ariaLabel,\n  className,\n  ref,\n  ...rest\n}: CloseButtonProps) => {\n  return (\n    <RadixPopover.Close\n      data-spark-component=\"popover-close-button\"\n      ref={ref}\n      className={cx('right-lg top-md absolute', className)}\n      asChild\n      {...rest}\n    >\n      <IconButton size=\"sm\" intent=\"neutral\" design=\"ghost\" aria-label={ariaLabel}>\n        <Icon>\n          <CloseSVG />\n        </Icon>\n      </IconButton>\n    </RadixPopover.Close>\n  )\n}\n\nCloseButton.displayName = 'Popover.CloseButton'\n","import { Popover as RadixPopover } from 'radix-ui'\nimport { Ref } from 'react'\n\nimport { styles, type StylesProps } from './PopoverContent.styles'\nimport { usePopover } from './PopoverContext'\n\nexport type ContentProps = RadixPopover.PopoverContentProps &\n  StylesProps & {\n    ref?: Ref<HTMLDivElement>\n  }\n\nexport const Content = ({\n  // Spark props\n  className,\n  children,\n  matchTriggerWidth = false,\n  // Radix props\n  align = 'center',\n  arrowPadding = 16, // In order not to overlap the arrow on the rounded corners of the popover.\n  asChild = false,\n  avoidCollisions = true,\n  'aria-labelledby': ariaLabelledBy,\n  collisionBoundary,\n  collisionPadding = 0,\n  hideWhenDetached = false,\n  side = 'bottom',\n  sideOffset = 8,\n  sticky = 'partial',\n  inset = false,\n  elevation = 'popover',\n  ref,\n  ...rest\n}: ContentProps) => {\n  const { headerId, intent } = usePopover()\n\n  return (\n    <RadixPopover.Content\n      aria-labelledby={headerId || ariaLabelledBy}\n      className={styles({\n        enforceBoundaries: !!collisionBoundary,\n        matchTriggerWidth,\n        inset,\n        elevation,\n        intent,\n        className,\n      })}\n      data-spark-component=\"popover-content\"\n      ref={ref}\n      {...{\n        align,\n        arrowPadding,\n        asChild,\n        avoidCollisions,\n        collisionBoundary,\n        collisionPadding,\n        hideWhenDetached,\n        side,\n        sideOffset,\n        sticky,\n      }}\n      {...rest}\n    >\n      {children}\n    </RadixPopover.Content>\n  )\n}\n\nContent.displayName = 'Popover.Content'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const styles = cva(\n  [\n    'rounded-md',\n    'shadow-sm',\n    'focus-visible:outline-hidden focus-visible:u-outline',\n    'max-h-(--radix-popper-available-height) overflow-y-auto',\n  ],\n  {\n    variants: {\n      intent: {\n        surface: 'bg-surface text-on-surface',\n        main: 'bg-main-container text-on-main-container',\n        support: 'bg-support-container text-on-support-container',\n        accent: 'bg-accent-container text-on-accent-container',\n        basic: 'bg-basic-container text-on-basic-container',\n        success: 'bg-success-container text-on-success-container',\n        alert: 'bg-alert-container text-on-alert-container',\n        danger: 'bg-error-container text-on-error-container',\n        info: 'bg-info-container text-on-info-container',\n        neutral: 'bg-neutral-container text-on-neutral-container',\n      },\n      matchTriggerWidth: {\n        true: 'w-(--radix-popper-anchor-width)',\n      },\n      enforceBoundaries: {\n        true: ['max-w-(--radix-popper-available-width)'],\n      },\n\n      inset: {\n        true: 'overflow-hidden',\n        false: 'p-lg',\n      },\n      elevation: {\n        dropdown: 'z-dropdown',\n        popover: 'z-popover',\n      },\n    },\n    compoundVariants: [\n      {\n        inset: false,\n        /**\n         * When there is a close button, padding to the right side must be adjusted to avoid content overlapping with it.\n         */\n        class: 'has-data-[spark-component=popover-close-button]:pr-3xl',\n      },\n      {\n        enforceBoundaries: false,\n        matchTriggerWidth: false,\n        class: 'max-w-[min(var(--spacing-sz-384),100vw)]',\n      },\n    ],\n    defaultVariants: {\n      matchTriggerWidth: false,\n      enforceBoundaries: false,\n      inset: false,\n      intent: 'surface',\n      elevation: 'popover',\n    },\n  }\n)\n\nexport type StylesProps = VariantProps<typeof styles>\n","import { cx } from 'class-variance-authority'\nimport { type ReactNode, Ref, useId, useLayoutEffect } from 'react'\n\nimport { ID_PREFIX, usePopover } from './PopoverContext'\n\nexport interface HeaderProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Header = ({ children, className, ref, ...rest }: HeaderProps) => {\n  const id = `${ID_PREFIX}-header-${useId()}`\n  const { setHeaderId } = usePopover()\n\n  useLayoutEffect(() => {\n    setHeaderId(id)\n\n    return () => setHeaderId(null)\n  }, [id, setHeaderId])\n\n  return (\n    <header id={id} ref={ref} className={cx('mb-md text-headline-2', className)} {...rest}>\n      {children}\n    </header>\n  )\n}\n\nHeader.displayName = 'Popover.Header'\n","import { Popover as RadixPopover } from 'radix-ui'\nimport { ReactElement } from 'react'\n\nexport type PortalProps = RadixPopover.PopoverPortalProps\n\nexport const Portal = ({ children, ...rest }: PortalProps): ReactElement => (\n  <RadixPopover.Portal {...rest}>{children}</RadixPopover.Portal>\n)\n\nPortal.displayName = 'Popover.Portal'\n","import { Popover as RadixPopover } from 'radix-ui'\nimport { Ref } from 'react'\n\nexport type TriggerProps = RadixPopover.PopoverTriggerProps & {\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Trigger = ({ asChild = false, children, ref, ...rest }: TriggerProps) => (\n  <RadixPopover.Trigger\n    data-spark-component=\"popover-trigger\"\n    ref={ref}\n    asChild={asChild}\n    {...rest}\n  >\n    {children}\n  </RadixPopover.Trigger>\n)\n\nTrigger.displayName = 'Popover.Trigger'\n","import { Popover as Root } from './Popover'\nimport { Anchor } from './PopoverAnchor'\nimport { Arrow } from './PopoverArrow'\nimport { CloseButton } from './PopoverCloseButton'\nimport { Content } from './PopoverContent'\nimport { Header } from './PopoverHeader'\nimport { Portal } from './PopoverPortal'\nimport { Trigger } from './PopoverTrigger'\n\nexport const Popover: typeof Root & {\n  Anchor: typeof Anchor\n  Arrow: typeof Arrow\n  CloseButton: typeof CloseButton\n  Content: typeof Content\n  Header: typeof Header\n  Portal: typeof Portal\n  Trigger: typeof Trigger\n} = Object.assign(Root, {\n  Anchor,\n  Arrow,\n  CloseButton,\n  Content,\n  Header,\n  Portal,\n  Trigger,\n})\n\nPopover.displayName = 'Popover'\nAnchor.displayName = 'Popover.Anchor'\nArrow.displayName = 'Popover.Arrow'\nCloseButton.displayName = 'Popover.CloseButton'\nContent.displayName = 'Popover.Content'\nHeader.displayName = 'Popover.Header'\nPortal.displayName = 'Popover.Portal'\nTrigger.displayName = 'Popover.Trigger'\n"],"mappings":"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","names":["jsx","RadixPopover","jsx","RadixPopover","jsx","styles","RadixPopover","RadixPopover","jsx","RadixPopover","RadixPopover","cva","jsx","RadixPopover","cx","jsx","cx","RadixPopover","jsx","RadixPopover","jsx","Popover"]}