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

package/dist/index-BRKaV3lI.d.ts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$2 } from 'radix-ui';
+import { Ref, ReactNode, ReactElement } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type PopoverIntent = 'surface' | 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
+
+type PopoverProps = Popover$2.PopoverProps & {
+    intent?: PopoverIntent;
+};
+declare const Popover$1: {
+    ({ children, intent, modal, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AnchorProps = Popover$2.PopoverAnchorProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Anchor: {
+    ({ asChild, children, ref, ...rest }: AnchorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ArrowProps = Popover$2.PopoverArrowProps & {
+    ref?: Ref<SVGSVGElement>;
+};
+declare const Arrow: {
+    ({ asChild, width, height, className, ref, ...rest }: ArrowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CloseButtonProps = Popover$2.PopoverCloseProps & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const styles: (props?: ({
+    intent?: "main" | "surface" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
+    matchTriggerWidth?: boolean | null | undefined;
+    enforceBoundaries?: boolean | null | undefined;
+    inset?: boolean | null | undefined;
+    elevation?: "popover" | "dropdown" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StylesProps = VariantProps<typeof styles>;
+
+type ContentProps = Popover$2.PopoverContentProps & StylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Content: {
+    ({ className, children, matchTriggerWidth, align, arrowPadding, asChild, avoidCollisions, "aria-labelledby": ariaLabelledBy, collisionBoundary, collisionPadding, hideWhenDetached, side, sideOffset, sticky, inset, elevation, ref, ...rest }: ContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PortalProps = Popover$2.PopoverPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TriggerProps = Popover$2.PopoverTriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Trigger: {
+    ({ asChild, children, ref, ...rest }: TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Popover: typeof Popover$1 & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};
+
+export { type ContentProps as C, Popover as P };

package/dist/index-Cw_DIfiq.d.mts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$2 } from 'radix-ui';
+import { Ref, ReactNode, ReactElement } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type PopoverIntent = 'surface' | 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
+
+type PopoverProps = Popover$2.PopoverProps & {
+    intent?: PopoverIntent;
+};
+declare const Popover$1: {
+    ({ children, intent, modal, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AnchorProps = Popover$2.PopoverAnchorProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Anchor: {
+    ({ asChild, children, ref, ...rest }: AnchorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ArrowProps = Popover$2.PopoverArrowProps & {
+    ref?: Ref<SVGSVGElement>;
+};
+declare const Arrow: {
+    ({ asChild, width, height, className, ref, ...rest }: ArrowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CloseButtonProps = Popover$2.PopoverCloseProps & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const styles: (props?: ({
+    intent?: "surface" | "main" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
+    matchTriggerWidth?: boolean | null | undefined;
+    enforceBoundaries?: boolean | null | undefined;
+    inset?: boolean | null | undefined;
+    elevation?: "popover" | "dropdown" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StylesProps = VariantProps<typeof styles>;
+
+type ContentProps = Popover$2.PopoverContentProps & StylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Content: {
+    ({ className, children, matchTriggerWidth, align, arrowPadding, asChild, avoidCollisions, "aria-labelledby": ariaLabelledBy, collisionBoundary, collisionPadding, hideWhenDetached, side, sideOffset, sticky, inset, elevation, ref, ...rest }: ContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PortalProps = Popover$2.PopoverPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TriggerProps = Popover$2.PopoverTriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Trigger: {
+    ({ asChild, children, ref, ...rest }: TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Popover: typeof Popover$1 & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};
+
+export { type ContentProps as C, type PopoverProps as P, type TriggerProps as T, Popover as a };

package/dist/index-Cw_DIfiq.d.ts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Popover as Popover$2 } from 'radix-ui';
+import { Ref, ReactNode, ReactElement } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type PopoverIntent = 'surface' | 'main' | 'support' | 'accent' | 'basic' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
+
+type PopoverProps = Popover$2.PopoverProps & {
+    intent?: PopoverIntent;
+};
+declare const Popover$1: {
+    ({ children, intent, modal, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AnchorProps = Popover$2.PopoverAnchorProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Anchor: {
+    ({ asChild, children, ref, ...rest }: AnchorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ArrowProps = Popover$2.PopoverArrowProps & {
+    ref?: Ref<SVGSVGElement>;
+};
+declare const Arrow: {
+    ({ asChild, width, height, className, ref, ...rest }: ArrowProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CloseButtonProps = Popover$2.PopoverCloseProps & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const styles: (props?: ({
+    intent?: "surface" | "main" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
+    matchTriggerWidth?: boolean | null | undefined;
+    enforceBoundaries?: boolean | null | undefined;
+    inset?: boolean | null | undefined;
+    elevation?: "popover" | "dropdown" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type StylesProps = VariantProps<typeof styles>;
+
+type ContentProps = Popover$2.PopoverContentProps & StylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Content: {
+    ({ className, children, matchTriggerWidth, align, arrowPadding, asChild, avoidCollisions, "aria-labelledby": ariaLabelledBy, collisionBoundary, collisionPadding, hideWhenDetached, side, sideOffset, sticky, inset, elevation, ref, ...rest }: ContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Header: {
+    ({ children, className, ref, ...rest }: HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PortalProps = Popover$2.PopoverPortalProps;
+declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};
+
+type TriggerProps = Popover$2.PopoverTriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const Trigger: {
+    ({ asChild, children, ref, ...rest }: TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Popover: typeof Popover$1 & {
+    Anchor: typeof Anchor;
+    Arrow: typeof Arrow;
+    CloseButton: typeof CloseButton;
+    Content: typeof Content;
+    Header: typeof Header;
+    Portal: typeof Portal;
+    Trigger: typeof Trigger;
+};
+
+export { type ContentProps as C, type PopoverProps as P, type TriggerProps as T, Popover as a };

package/dist/pagination/index.mjs

@@ -1,13 +1,13 @@
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
 import {
   Button
 } from "../chunk-2YM6GKWW.mjs";
 import "../chunk-GAK4SC2F.mjs";
+import {
+  Icon
+} from "../chunk-UMUMFMFB.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 

package/dist/popover/index.mjs

@@ -2,9 +2,9 @@ import {
   Popover
 } from "../chunk-GPJMLIHC.mjs";
 import "../chunk-DCXWGQVZ.mjs";
-import "../chunk-UMUMFMFB.mjs";
 import "../chunk-2YM6GKWW.mjs";
 import "../chunk-GAK4SC2F.mjs";
+import "../chunk-UMUMFMFB.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 export {

package/dist/scrolling-list/index.mjs

@@ -1,13 +1,13 @@
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
 import {
   Button
 } from "../chunk-2YM6GKWW.mjs";
 import "../chunk-GAK4SC2F.mjs";
+import {
+  Icon
+} from "../chunk-UMUMFMFB.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import {
   Slot

package/dist/snackbar/index.mjs

@@ -1,13 +1,13 @@
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
 import {
   Button
 } from "../chunk-2YM6GKWW.mjs";
 import "../chunk-GAK4SC2F.mjs";
+import {
+  Icon
+} from "../chunk-UMUMFMFB.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 

package/dist/spinner/index.d.mts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerStyles: (props?: ({
-    size?: "current" | "sm" | "md" | "full" | null | undefined;
+    size?: "sm" | "md" | "current" | "full" | null | undefined;
     intent?: "main" | "current" | "alert" | "error" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
     isBackgroundVisible?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/spinner/index.d.ts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerStyles: (props?: ({
-    size?: "current" | "sm" | "md" | "full" | null | undefined;
+    size?: "sm" | "md" | "current" | "full" | null | undefined;
     intent?: "main" | "current" | "alert" | "error" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
     isBackgroundVisible?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/stepper/index.mjs

@@ -5,11 +5,11 @@ import {
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
+import "../chunk-2YM6GKWW.mjs";
+import "../chunk-GAK4SC2F.mjs";
 import {
   Icon
 } from "../chunk-UMUMFMFB.mjs";
-import "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 

package/dist/tabs/index.mjs

@@ -4,13 +4,13 @@ import {
 import {
   IconButton
 } from "../chunk-DCXWGQVZ.mjs";
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
 import {
   Button
 } from "../chunk-2YM6GKWW.mjs";
 import "../chunk-GAK4SC2F.mjs";
+import {
+  Icon
+} from "../chunk-UMUMFMFB.mjs";
 import "../chunk-KEGAAGJW.mjs";
 import "../chunk-6QCEPQ3U.mjs";
 

package/dist/toast/index.js

@@ -1343,9 +1343,9 @@ function Toast({ toast }) {
     const description = toast.data?.description ?? toast.description;
     if (!description) return null;
     if (typeof description !== "string") {
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Description, { className: "text-body-1 break-all", render: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {}), children: description });
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Description, { className: "text-body-1", render: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {}), children: description });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Description, { className: "text-body-1 break-all" });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Description, { className: "text-body-1" });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_toast.Toast.Root, { ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: (0, import_class_variance_authority7.cx)("flex", compact ? "gap-lg items-center" : "gap-md flex-col"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "gap-lg p-md flex grow items-center", children: [