@spark-ui/components 11.1.0 → 11.1.2

package/dist/slot/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/slot/index.ts
+var slot_exports = {};
+__export(slot_exports, {
+  Slot: () => Slot,
+  Slottable: () => Slottable,
+  wrapPolymorphicSlot: () => wrapPolymorphicSlot
+});
+module.exports = __toCommonJS(slot_exports);
+
+// src/slot/Slot.tsx
+var import_radix_ui = require("radix-ui");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Slottable = import_radix_ui.Slot.Slottable;
+var Slot = ({ ref, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radix_ui.Slot.Root, { ref, ...props });
+};
+var wrapPolymorphicSlot = (asChild, children, callback) => {
+  if (!asChild) return callback(children);
+  return (0, import_react.isValidElement)(children) ? (0, import_react.cloneElement)(
+    children,
+    void 0,
+    callback(children.props.children)
+  ) : null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Slot,
+  Slottable,
+  wrapPolymorphicSlot
+});
+//# sourceMappingURL=index.js.map

package/dist/slot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/slot/index.ts","../../src/slot/Slot.tsx"],"sourcesContent":["export * from './Slot'\n","import { Slot as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable: typeof RadixSlot.Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAkC;AAClC,mBAOO;AASE;AAPF,IAAM,YAAwC,gBAAAA,KAAU;AAMxD,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AACpD,SAAO,4CAAC,gBAAAA,KAAU,MAAV,EAAe,KAAW,GAAG,OAAO;AAC9C;AAMO,IAAM,sBAAsB,CACjC,SACA,UACA,aACG;AACH,MAAI,CAAC,QAAS,QAAO,SAAS,QAAQ;AAEtC,aAAO,6BAAe,QAAQ,QAC1B;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAU,SAAS,MAAkC,QAAQ;AAAA,EAC/D,IACA;AACN;","names":["RadixSlot"]}

package/dist/snackbar/index.d.ts

@@ -0,0 +1,158 @@
+import { QueuedToast, ToastState, ToastOptions } from '@react-stately/toast';
+import { ReactNode, ComponentPropsWithRef, PropsWithChildren, ReactElement, Ref } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { AriaToastRegionProps } from '@react-aria/toast';
+import { ButtonProps } from '../button/index.js';
+import { IconButtonProps } from '../icon-button/index.js';
+import { IconProps } from '../icon/index.js';
+
+declare const snackbarItemVariant: (props?: ({
+    design?: "filled" | "tinted" | null | undefined;
+    intent?: "main" | "success" | "alert" | "error" | "info" | "neutral" | "basic" | "support" | "accent" | "inverse" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const snackbarItemVariantContent: (props?: ({
+    actionOnNewline?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SnackbarItemVariantProps = VariantProps<typeof snackbarItemVariant>;
+type SnackbarItemVariantContentProps = VariantProps<typeof snackbarItemVariantContent>;
+
+interface SnackbarItemValue extends SnackbarItemVariantProps {
+    /**
+     * Icon that will be prepended before snackbar message
+     */
+    icon?: ReactNode;
+    message: ReactNode;
+    /**
+     * If `true` snackbar will display a close button
+     * @default false
+     */
+    isClosable?: boolean;
+    /**
+     * A label for the action button within the toast.
+     */
+    actionLabel?: string;
+    /**
+     * Handler that is called when the action button is pressed.
+     */
+    onAction?: () => void;
+    /**
+     * If `true` the action button will be displayed on a new line.
+     * @default false
+     */
+    actionOnNewline?: boolean;
+}
+interface SnackbarItemProps extends ComponentPropsWithRef<'div'>, SnackbarItemVariantProps, SnackbarItemVariantContentProps {
+    /**
+     * Defines a string value that labels the current element.
+     */
+    'aria-label'?: string;
+    /**
+     * Identifies the element (or elements) that labels the current element.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Identifies the element (or elements) that describes the object.
+     */
+    'aria-describedby'?: string;
+    /**
+     * Identifies the element (or elements) that provide a detailed, extended description for the object.
+     */
+    'aria-details'?: string;
+}
+declare const SnackbarItem: {
+    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-details": ariaDetails, design: designProp, intent: intentProp, actionOnNewline: actionOnNewlineProp, className, children, ref: forwardedRef, ...rest }: PropsWithChildren<SnackbarItemProps>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface SnackbarItemState<T = SnackbarItemValue> {
+    toast: QueuedToast<T>;
+    state: ToastState<T>;
+}
+
+declare const snackbarRegionVariant: (props?: ({
+    position?: "top" | "top-right" | "top-left" | "bottom" | "bottom-right" | "bottom-left" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SnackbarRegionVariantProps = VariantProps<typeof snackbarRegionVariant>;
+
+interface SnackbarRegionProps extends ComponentPropsWithRef<'div'>, AriaToastRegionProps, SnackbarRegionVariantProps, Pick<SnackbarItemState, 'state'> {
+    /**
+     * An accessibility label for the snackbar region.
+     * @default 'Notifications'
+     */
+    'aria-label'?: string;
+    /**
+     * Identifies the element (or elements) that labels the current element.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Identifies the element (or elements) that describes the object.
+     */
+    'aria-describedby'?: string;
+    /**
+     * Identifies the element (or elements) that provide a detailed, extended description for the object.
+     */
+    'aria-details'?: string;
+    /**
+     * The component/template used to display each snackbar from the queue
+     * @default 'Snackbar.Item'
+     */
+    children?: ReactElement<SnackbarItemProps, typeof SnackbarItem>;
+}
+
+declare const clearSnackbarQueue: () => void;
+type SnackbarProps = Omit<SnackbarRegionProps, 'state'> & {
+    ref?: Ref<HTMLDivElement>;
+};
+declare const Snackbar$1: {
+    ({ ref: forwardedRef, ...props }: SnackbarProps): ReactElement | null;
+    displayName: string;
+};
+interface AddSnackbarArgs extends SnackbarItemValue, Omit<ToastOptions, 'timeout'> {
+    /**
+     * Handler that is called when the snackbar is closed, either by the user
+     * or after a timeout.
+     */
+    onClose?: () => void;
+    /**
+     * A timeout to automatically close the snackbar after, in milliseconds.
+     * @default 5000
+     */
+    timeout?: number | null;
+    /**
+     * The priority of the snackbar relative to other snackbars. Larger numbers indicate higher priority.
+     */
+    priority?: number;
+}
+declare const addSnackbar: ({ onClose, timeout, priority, ...content }: AddSnackbarArgs) => void;
+
+type SnackbarItemActionProps = Omit<ButtonProps, 'size' | 'shape' | 'intent'> & SnackbarItemVariantProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const SnackbarItemAction: {
+    ({ design: designProp, intent: intentProp, onClick, children, className, ref, ...rest }: SnackbarItemActionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface SnackbarItemCloseProps extends Omit<ComponentPropsWithRef<'button'>, 'aria-label' | 'disabled'>, Pick<IconButtonProps, 'aria-label'>, SnackbarItemVariantProps {
+}
+declare const SnackbarItemClose: {
+    ({ design: designProp, intent: intentProp, "aria-label": ariaLabel, onClick, className, ref, ...rest }: SnackbarItemCloseProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type SnackbarItemIconProps = IconProps;
+declare const SnackbarItemIcon: {
+    ({ children, className, ...rest }: SnackbarItemIconProps): ReactElement;
+    displayName: string;
+};
+
+declare const Snackbar: typeof Snackbar$1 & {
+    Item: typeof SnackbarItem;
+    ItemAction: typeof SnackbarItemAction;
+    ItemClose: typeof SnackbarItemClose;
+    ItemIcon: typeof SnackbarItemIcon;
+};
+
+export { type AddSnackbarArgs, Snackbar, type SnackbarItemActionProps, type SnackbarItemCloseProps, type SnackbarItemIconProps, type SnackbarItemProps, type SnackbarProps, addSnackbar, clearSnackbarQueue };