@veritone-ce/design-system 2.8.13-next.0 → 2.8.13

package/dist/esm/unstable/Card/components.js

@@ -1,182 +0,0 @@
-'use strict';
-'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as React from 'react';
-import styles from './styles.module.scss.js';
-import { useCard, CardContext, useCardContext } from './state.js';
-import { cx } from '../../styles/cx.js';
-import '../../styles/defaultThemeOptions.js';
-import '@capsizecss/core';
-import 'color2k';
-import '../../styles/defaultTheme.js';
-import '../../styles/provider.client.js';
-import '../../styles/css-vars.js';
-import Typography from '../../Typography/index.js';
-import Tabs from '../Tabs/index.js';
-
-const Card = React.forwardRef(function Card2({ children, inset = "medium", palette, className, style, ...props }, ref) {
-  const card = useCard();
-  return /* @__PURE__ */ jsx(CardContext.Provider, { value: card, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "aria-labelledby": card.labelId,
-      "aria-describedby": card.descriptionId,
-      ...props,
-      "data-inset": inset,
-      style: {
-        ...style,
-        ...palette && {
-          "--vt-ce-card-surface": palette.surface,
-          "--vt-ce-card-on": palette.on
-        }
-      },
-      className: cx(styles["card"], className),
-      children
-    }
-  ) });
-});
-const CardStart = React.forwardRef(
-  function CardStart2({ children, disableInset = false, ...props }, ref) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        ...props,
-        "data-disable-inset": disableInset,
-        className: cx(styles["card-start"], props.className),
-        children
-      }
-    );
-  }
-);
-const CardContent = React.forwardRef(
-  function CardContent2({ children, disableInset = false, ...props }, ref) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ...props,
-        ref,
-        "data-disable-inset": disableInset,
-        className: cx(styles["card-content"], props.className),
-        children
-      }
-    );
-  }
-);
-const CardEnd = React.forwardRef(
-  function CardEnd2({ children, disableInset = false, ...props }, ref) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        ...props,
-        "data-disable-inset": disableInset,
-        className: cx(styles["card-end"], props.className),
-        children
-      }
-    );
-  }
-);
-const CardTitle = React.forwardRef(
-  function CardTitle2({ children, className, style, start, actions, containerProps, ...props }, ref) {
-    const { setLabelId } = useCardContext();
-    const id = React.useId();
-    React.useLayoutEffect(() => {
-      setLabelId(id);
-      return () => setLabelId(void 0);
-    }, [id, setLabelId]);
-    return /* @__PURE__ */ jsxs(
-      CardStart,
-      {
-        style,
-        ...containerProps,
-        className: cx(styles["card-title-container"], className),
-        children: [
-          start && /* @__PURE__ */ jsx("span", { className: styles["card-title-start"], children: start }),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "h3",
-              color: "primary",
-              ref,
-              id,
-              ...props,
-              className: cx(styles["card-typography"], styles["card-title"]),
-              children
-            }
-          ),
-          actions && /* @__PURE__ */ jsx("span", { className: styles["card-start-actions"], children: actions })
-        ]
-      }
-    );
-  }
-);
-function CardTabs({
-  align = "center",
-  actions,
-  className,
-  style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    CardStart,
-    {
-      style,
-      className: cx(styles["card-tabs-header"], className),
-      "data-align": align === "start" ? "flex-start" : align === "center" ? "center" : void 0,
-      children: [
-        /* @__PURE__ */ jsx("span", {}),
-        /* @__PURE__ */ jsx("div", { className: styles["card-tabs-container"], children: /* @__PURE__ */ jsx(Tabs, { ...props }) }),
-        /* @__PURE__ */ jsx("span", { className: cx(styles["card-start-actions"]), children: actions })
-      ]
-    }
-  );
-}
-const CardTypography = React.forwardRef(function CardTypography2({ children, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    Typography,
-    {
-      variant: "paragraph2",
-      color: "primary",
-      ...props,
-      ref,
-      className: cx(styles["card-typography"], props.className),
-      children
-    }
-  );
-});
-const CardDescription = React.forwardRef(function CardDescription2({ children, ...props }, ref) {
-  const { setDescriptionId } = useCardContext();
-  const id = React.useId();
-  React.useLayoutEffect(() => {
-    setDescriptionId(id);
-    return () => setDescriptionId(void 0);
-  }, [id, setDescriptionId]);
-  return /* @__PURE__ */ jsx(
-    CardTypography,
-    {
-      variant: "paragraph2",
-      color: "primary",
-      ...props,
-      ref,
-      id,
-      children
-    }
-  );
-});
-const CardActions = React.forwardRef(
-  function CardActions2({ children, ...props }, ref) {
-    return /* @__PURE__ */ jsx(CardEnd, { children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ...props,
-        ref,
-        className: cx(styles["card-actions"], props.className),
-        children
-      }
-    ) });
-  }
-);
-
-export { CardActions, CardContent, CardDescription, CardEnd, CardStart, CardTabs, CardTitle, CardTypography, Card as default };

package/dist/esm/unstable/Card/state.js

@@ -1,30 +0,0 @@
-'use strict';
-'use client';
-import * as React from 'react';
-
-function useCard() {
-  const [labelId, setLabelId] = React.useState();
-  const [descriptionId, setDescriptionId] = React.useState();
-  return React.useMemo(
-    () => ({
-      labelId,
-      descriptionId,
-      setLabelId,
-      setDescriptionId
-    }),
-    [labelId, descriptionId]
-  );
-}
-const CardContext = React.createContext({
-  labelId: void 0,
-  descriptionId: void 0,
-  setLabelId: () => {
-  },
-  setDescriptionId: () => {
-  }
-});
-const useCardContext = () => {
-  return React.useContext(CardContext);
-};
-
-export { CardContext, useCard, useCardContext };

package/dist/esm/unstable/StatCard/index.js

@@ -1,116 +0,0 @@
-'use strict';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-import { CardSkeleton } from '../skeleton/index.js';
-import Card from '../Card/components.js';
-import { cx } from '../../styles/cx.js';
-import '../../styles/defaultThemeOptions.js';
-import '@capsizecss/core';
-import 'color2k';
-import '../../styles/defaultTheme.js';
-import '../../styles/provider.client.js';
-import '../../styles/css-vars.js';
-import Typography from '../../Typography/index.js';
-import ErrorBoundary from '../../ErrorBoundary/index.js';
-import Button from '../../Button/index.js';
-import styles from './index.module.scss.js';
-
-function StatCard({
-  className,
-  selected,
-  onSelect,
-  children,
-  palette,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx("div", { onClick: onSelect, className: styles.clickContainer, children: /* @__PURE__ */ jsx(
-    Card,
-    {
-      inset: "medium",
-      "data-selected": selected,
-      className: cx(
-        styles.statCardContainer,
-        onSelect && styles.onSelect,
-        className
-      ),
-      palette,
-      ...props,
-      children
-    }
-  ) });
-}
-function StatCardSkeleton({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    CardSkeleton,
-    {
-      inset: "medium",
-      className: cx(styles.statCardContainer, className),
-      ...props,
-      children
-    }
-  );
-}
-function Stat({
-  stat,
-  size = "medium",
-  unit,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style,
-      "data-size": size,
-      className: cx(styles.statItem, className),
-      children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "title", leadingTrim: true, className: styles.stat, children: stat }),
-        /* @__PURE__ */ jsx(Typography, { variant: "label", leadingTrim: true, className: styles.unit, children: unit })
-      ]
-    }
-  );
-}
-function StatCardLoadingBoundary({
-  loader,
-  error,
-  children,
-  loadingChildren,
-  ...cardProps
-}) {
-  const skeleton = /* @__PURE__ */ jsx(CardSkeleton, { ...cardProps, children: loadingChildren ?? /* @__PURE__ */ jsx(Stat, { stat: "--" }) });
-  return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: error, children: /* @__PURE__ */ jsx(Suspense, { fallback: loader || skeleton, children: /* @__PURE__ */ jsx(StatCard, { ...cardProps, children }) }) });
-}
-function StatSeparator() {
-  return /* @__PURE__ */ jsx("div", { className: styles.separator });
-}
-function StatActions(props) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: props.style,
-      className: cx(styles.statActions, props.className),
-      children: props.children
-    }
-  );
-}
-function StatButton({
-  endIcon,
-  className,
-  ...buttonProps
-}) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "tertiary",
-      endIcon,
-      ...buttonProps,
-      className: cx(endIcon && styles.buttonEndIcon, className)
-    }
-  );
-}
-
-export { Stat, StatActions, StatButton, StatCard, StatCardLoadingBoundary, StatCardSkeleton, StatSeparator };

package/dist/esm/unstable/StatCard/index.module.scss.js

@@ -1,3 +0,0 @@
-var styles = {"clickContainer":"vt_ce_StatCard_clickContainer__e8381582","statCardContainer":"vt_ce_StatCard_statCardContainer__5aaeed9e","onSelect":"vt_ce_StatCard_onSelect__29f9a2fd","statItem":"vt_ce_StatCard_statItem__de1fc3fc","stat":"vt_ce_StatCard_stat__795d6781","unit":"vt_ce_StatCard_unit__66996d85","statActions":"vt_ce_StatCard_statActions__8b3a6076","buttonEndIcon":"vt_ce_StatCard_buttonEndIcon__f4ac7910","separator":"vt_ce_StatCard_separator__ccecd5e1"};
-
-export { styles as default };

package/dist/esm/unstable/skeleton/index.js

@@ -1,69 +0,0 @@
-'use strict';
-import { jsx } from 'react/jsx-runtime';
-import { Skeleton as Skeleton$1 } from '@mui/material';
-import styles from './index.module.scss.js';
-import FormControl from '../../FormControl/index.js';
-import { CardTitle } from '../Card/components.js';
-import { cx } from '../../styles/cx.js';
-import '../../styles/defaultThemeOptions.js';
-import '@capsizecss/core';
-import 'color2k';
-import '../../styles/defaultTheme.js';
-import '../../styles/provider.client.js';
-import '../../styles/css-vars.js';
-
-function Skeleton({
-  variant,
-  children,
-  style,
-  className
-}) {
-  return /* @__PURE__ */ jsx(Skeleton$1, { variant, style, className, children });
-}
-function CardSkeleton({
-  inset,
-  className,
-  ...cardProps
-}) {
-  return /* @__PURE__ */ jsx(
-    Skeleton$1,
-    {
-      variant: "rounded",
-      "data-inset": inset ?? "medium",
-      className: cx(styles.card, className),
-      ...cardProps
-    }
-  );
-}
-function FormControlSkeleton({
-  label,
-  children,
-  ...formControlProps
-}) {
-  return /* @__PURE__ */ jsx(
-    FormControl,
-    {
-      label: label ?? /* @__PURE__ */ jsx(Skeleton, { className: styles.formControlSkeletonLabel }),
-      ...formControlProps,
-      children: children ?? /* @__PURE__ */ jsx(Skeleton, { className: styles.formControlSkeletonControl })
-    }
-  );
-}
-function CardTitleSkeleton({
-  start,
-  actions,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    CardTitle,
-    {
-      ...props,
-      start: start && /* @__PURE__ */ jsx(Skeleton, { className: styles.cardTitleStart, children: start }),
-      actions: actions && /* @__PURE__ */ jsx(Skeleton, { className: styles.cardTitleActions, children: actions }),
-      children: /* @__PURE__ */ jsx(Skeleton, {})
-    }
-  );
-}
-
-export { CardSkeleton, CardTitleSkeleton, FormControlSkeleton, Skeleton };

package/dist/esm/unstable/skeleton/index.module.scss.js

@@ -1,3 +0,0 @@
-var styles = {"card":"vt_ce_skeleton_card__32ebc0cb","cardTitleStart":"vt_ce_skeleton_cardTitleStart__a249a958","cardTitleActions":"vt_ce_skeleton_cardTitleActions__6dd3b355","formControlSkeletonLabel":"vt_ce_skeleton_formControlSkeletonLabel__3e7081ff","formControlSkeletonControl":"vt_ce_skeleton_formControlSkeletonControl__d29d40f5"};
-
-export { styles as default };

package/dist/esm/unstable/suspense/index.js

@@ -1,15 +0,0 @@
-'use strict';
-import { jsx } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-import { Loader } from './loader.js';
-export { DialogLoader } from './loader.js';
-import ErrorBoundary from '../../ErrorBoundary/index.js';
-
-function LoadingBoundary(props) {
-  if (props.force) {
-    return props.loader || /* @__PURE__ */ jsx(Loader, {});
-  }
-  return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: props.error, children: /* @__PURE__ */ jsx(Suspense, { fallback: props.loader || /* @__PURE__ */ jsx(Loader, {}), children: props.children }) });
-}
-
-export { Loader, LoadingBoundary };

package/dist/esm/unstable/suspense/index.module.scss.js

@@ -1,3 +0,0 @@
-var styles = {"container":"vt_ce_suspense_container__fb891ef4","dialogContainer":"vt_ce_suspense_dialogContainer__2ae26a9a"};
-
-export { styles as default };

package/dist/esm/unstable/suspense/loader.js

@@ -1,20 +0,0 @@
-'use strict';
-import { jsx } from 'react/jsx-runtime';
-import styles from './index.module.scss.js';
-import CircularProgress from '../../CircularProgress/index.js';
-import { cx } from '../../styles/cx.js';
-import '../../styles/defaultThemeOptions.js';
-import '@capsizecss/core';
-import 'color2k';
-import '../../styles/defaultTheme.js';
-import '../../styles/provider.client.js';
-import '../../styles/css-vars.js';
-
-function Loader(props) {
-  return /* @__PURE__ */ jsx("div", { style: props.style, className: cx(styles.container, props.className), children: /* @__PURE__ */ jsx(CircularProgress, {}) });
-}
-function DialogLoader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(Loader, { ...props, className: cx(styles.dialogContainer, className) });
-}
-
-export { DialogLoader, Loader };

package/dist/types/unstable/Card/components.d.ts

@@ -1,90 +0,0 @@
-import * as React from 'react';
-import { type PaletteSurfaceColors } from '../../styles/index.js';
-import { type TypographyProps } from '../../Typography/index.js';
-import { type TabsProps } from '../Tabs/index.js';
-export type CardInset = 'small' | 'medium';
-export type DisableInset = 'horizontal' | 'vertical' | boolean;
-export type CardProps = React.ComponentPropsWithoutRef<'div'> & {
-    inset?: CardInset;
-    palette?: PaletteSurfaceColors;
-};
-declare const Card: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    inset?: CardInset | undefined;
-    palette?: PaletteSurfaceColors | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export default Card;
-export type CardStartProps = React.ComponentPropsWithoutRef<'div'> & {
-    disableInset?: DisableInset;
-};
-export declare const CardStart: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    disableInset?: DisableInset | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export type CardContentProps = React.ComponentPropsWithoutRef<'div'> & {
-    disableInset?: DisableInset;
-};
-export declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    disableInset?: DisableInset | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export type CardEndProps = TypographyProps & {
-    disableInset?: DisableInset;
-};
-export declare const CardEnd: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    as?: keyof React.JSX.IntrinsicElements | undefined;
-    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
-    color?: "inherit" | "disabled" | keyof import("../../styles/palette.js").PaletteText | undefined;
-    leadingTrim?: boolean | undefined;
-    children?: React.ReactNode;
-    'data-testid'?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    className?: string | undefined;
-} & {
-    disableInset?: DisableInset | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export type CardTitleProps = TypographyProps & {
-    start?: React.ReactNode;
-    actions?: React.ReactNode;
-    containerProps?: CardStartProps;
-};
-export declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    as?: keyof React.JSX.IntrinsicElements | undefined;
-    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
-    color?: "inherit" | "disabled" | keyof import("../../styles/palette.js").PaletteText | undefined;
-    leadingTrim?: boolean | undefined;
-    children?: React.ReactNode;
-    'data-testid'?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    className?: string | undefined;
-} & {
-    start?: React.ReactNode;
-    actions?: React.ReactNode;
-    containerProps?: CardStartProps | undefined;
-} & React.RefAttributes<HTMLHeadingElement>>;
-export type CardTabsProps = TabsProps & {
-    align?: 'start' | 'center';
-    actions?: React.ReactNode;
-};
-export declare function CardTabs({ align, actions, className, style, ...props }: CardTabsProps): import("react/jsx-runtime").JSX.Element;
-export type CardTypographyProps = TypographyProps;
-export declare const CardTypography: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    as?: keyof React.JSX.IntrinsicElements | undefined;
-    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
-    color?: "inherit" | "disabled" | keyof import("../../styles/palette.js").PaletteText | undefined;
-    leadingTrim?: boolean | undefined;
-    children?: React.ReactNode;
-    'data-testid'?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    className?: string | undefined;
-} & React.RefAttributes<HTMLParagraphElement>>;
-export type CardDescriptionProps = TypographyProps;
-export declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    as?: keyof React.JSX.IntrinsicElements | undefined;
-    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
-    color?: "inherit" | "disabled" | keyof import("../../styles/palette.js").PaletteText | undefined;
-    leadingTrim?: boolean | undefined;
-    children?: React.ReactNode;
-    'data-testid'?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    className?: string | undefined;
-} & React.RefAttributes<HTMLParagraphElement>>;
-export type CardActionsProps = React.ComponentPropsWithoutRef<'div'>;
-export declare const CardActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/unstable/Card/state.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-export declare function useCard(): {
-    labelId: string | undefined;
-    descriptionId: string | undefined;
-    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
-    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
-};
-export type CardContextType = ReturnType<typeof useCard>;
-export declare const CardContext: React.Context<{
-    labelId: string | undefined;
-    descriptionId: string | undefined;
-    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
-    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
-}>;
-export declare const useCardContext: () => {
-    labelId: string | undefined;
-    descriptionId: string | undefined;
-    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;
-    setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
-};

package/dist/types/unstable/StatCard/index.d.ts

@@ -1,33 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import { LoadingBoundaryProps } from '../suspense/index.js';
-import { CardProps } from '../Card/index.js';
-import { type PaletteSurfaceColors } from '../../styles/index.js';
-import { type ButtonProps } from '../../Button/index.js';
-export type StatCardProps = Omit<CardProps, 'inset'> & {
-    palette?: PaletteSurfaceColors;
-    selected?: boolean;
-    onSelect?(): void;
-};
-export declare function StatCard({ className, selected, onSelect, children, palette, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;
-export declare function StatCardSkeleton({ className, children, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;
-export type StatCardContentProps = {
-    stat: ReactNode;
-    unit?: ReactNode;
-    size?: 'medium' | 'small';
-    className?: string;
-    style?: CSSProperties;
-};
-export declare function Stat({ stat, size, unit, className, style }: StatCardContentProps): import("react/jsx-runtime").JSX.Element;
-export type StatCardLoadingBoundaryProps = LoadingBoundaryProps & StatCardProps & {
-    loadingChildren?: ReactNode;
-};
-export declare function StatCardLoadingBoundary({ loader, error, children, loadingChildren, ...cardProps }: StatCardLoadingBoundaryProps): import("react/jsx-runtime").JSX.Element;
-export declare function StatSeparator(): import("react/jsx-runtime").JSX.Element;
-export type StatActionsProps = {
-    children?: ReactNode;
-    style?: React.CSSProperties;
-    className?: string;
-};
-export declare function StatActions(props: StatActionsProps): import("react/jsx-runtime").JSX.Element;
-export type StatButtonProps = Omit<ButtonProps, 'variant' | 'type'> & {};
-export declare function StatButton({ endIcon, className, ...buttonProps }: StatButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/skeleton/index.d.ts

@@ -1,15 +0,0 @@
-import React, { ReactNode } from 'react';
-import { type FormControlProps } from '../../FormControl/index.js';
-import { type CardProps, CardTitleProps } from '../Card/index.js';
-export type SkeletonProps = {
-    variant?: 'text' | 'rectangular' | 'rounded';
-    style?: React.CSSProperties;
-    children?: ReactNode;
-    className?: string;
-};
-export declare function Skeleton({ variant, children, style, className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
-export type CardSkeletonProps = Omit<SkeletonProps, 'variant'> & CardProps;
-export declare function CardSkeleton({ inset, className, ...cardProps }: CardSkeletonProps): import("react/jsx-runtime").JSX.Element;
-export type FormControlSkeletonProps = FormControlProps & {};
-export declare function FormControlSkeleton({ label, children, ...formControlProps }: FormControlSkeletonProps): import("react/jsx-runtime").JSX.Element;
-export declare function CardTitleSkeleton({ start, actions, children, ...props }: CardTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/suspense/index.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export * from './loader.js';
-export type LoadingBoundaryProps = {
-    force?: boolean;
-    loader?: ReactNode;
-    error?: ReactNode;
-    children?: ReactNode;
-};
-export declare function LoadingBoundary(props: LoadingBoundaryProps): string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/suspense/loader.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type LoaderProps = {
-    style?: React.CSSProperties;
-    className?: string;
-};
-export declare function Loader(props: LoaderProps): import("react/jsx-runtime").JSX.Element;
-export declare function DialogLoader({ className, ...props }: LoaderProps): import("react/jsx-runtime").JSX.Element;