@spark-ui/components 13.1.2 → 13.1.4

package/dist/breadcrumb/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/breadcrumb/Breadcrumb.tsx","../../src/breadcrumb/BreadcrumbCurrentPage.tsx","../../src/breadcrumb/BreadcrumbItem.tsx","../../src/breadcrumb/BreadcrumbLink.tsx","../../src/breadcrumb/BreadcrumbSeparator.tsx","../../src/breadcrumb/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {\n  className?: string\n  ['aria-label']: string\n  ref?: Ref<HTMLElement>\n}\n\nexport const Breadcrumb = ({\n  className,\n  'aria-label': ariaLabel,\n  ref,\n  ...rest\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      data-spark-component=\"breadcrumb\"\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cx('text-caption text-neutral', className)}\n    >\n      <ol className={cx('gap-sm flex flex-wrap items-center break-words')} {...rest} />\n    </nav>\n  )\n}\n\nBreadcrumb.displayName = 'Breadcrumb.Breadcrumb'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface CurrentPageProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const CurrentPage = ({\n  asChild = false,\n  className,\n  children,\n  ...rest\n}: CurrentPageProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-current-page\"\n      role=\"link\"\n      aria-disabled\n      aria-current=\"page\"\n      className={cx(\n        'inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface ItemProps extends ComponentPropsWithoutRef<'li'> {\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Item = ({ className, ...rest }: ItemProps) => {\n  return (\n    <li\n      data-spark-component=\"breadcrumb-item\"\n      className={cx('min-w-none gap-sm inline-flex items-center', className)}\n      {...rest}\n    />\n  )\n}\n\nItem.displayName = 'Breadcrumb.Item'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface LinkProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  href?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const Link = ({\n  asChild = false,\n  className,\n  bold = true,\n  intent = 'current',\n  underline = true,\n  href,\n  ref,\n  ...rest\n}: LinkProps) => {\n  const Component = asChild ? Slot : TextLink\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-link\"\n      href={href}\n      ref={ref}\n      className={cx('inline! overflow-hidden text-ellipsis whitespace-nowrap', className)}\n      bold={bold}\n      intent={intent}\n      underline={underline}\n      {...rest}\n    />\n  )\n}\n\nLink.displayName = 'Breadcrumb.Link'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { Slot } from '../slot'\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<'li'> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Separator = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: SeparatorProps) => {\n  const Component = asChild ? Slot : 'li'\n\n  return (\n    <Component\n      role=\"presentation\"\n      aria-hidden\n      data-spark-component=\"breadcrumb-separator\"\n      ref={ref}\n      className={cx('gap-sm inline-flex items-center', className)}\n      {...rest}\n    >\n      {children ?? (\n        <Icon>\n          <ArrowVerticalRight />\n        </Icon>\n      )}\n    </Component>\n  )\n}\n\nSeparator.displayName = 'Breadcrumb.Separator'\n","import { Breadcrumb as Root } from './Breadcrumb'\nimport { CurrentPage } from './BreadcrumbCurrentPage'\nimport { Item } from './BreadcrumbItem'\nimport { Link } from './BreadcrumbLink'\nimport { Separator } from './BreadcrumbSeparator'\n\nexport const Breadcrumb: typeof Root & {\n  Item: typeof Item\n  Link: typeof Link\n  CurrentPage: typeof CurrentPage\n  Separator: typeof Separator\n} = Object.assign(Root, {\n  Item,\n  Link,\n  CurrentPage,\n  Separator,\n})\n\nBreadcrumb.displayName = 'Breadcrumb'\nItem.displayName = 'Breadcrumb.Item'\nLink.displayName = 'Breadcrumb.Link'\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\nSeparator.displayName = 'Breadcrumb.Separator'\n\nexport type { BreadcrumbProps } from './Breadcrumb'\n"],"names":["Breadcrumb","className","ariaLabel","ref","rest","jsx","cx","CurrentPage","asChild","children","Slot","Item","Link","bold","intent","underline","href","TextLink","Separator","Icon","ArrowVerticalRight","Root"],"mappings":";;;;;;AASO,MAAMA,IAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,cAAcC;AAAA,EACd,KAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,wBAAqB;AAAA,IACrB,KAAAF;AAAA,IACA,cAAYD;AAAA,IACZ,WAAWI,EAAG,6BAA6BL,CAAS;AAAA,IAEpD,4BAAC,MAAA,EAAG,WAAWK,EAAG,gDAAgD,GAAI,GAAGF,EAAA,CAAM;AAAA,EAAA;AAAA;AAKrFJ,EAAW,cAAc;ACflB,MAAMO,IAAc,CAAC;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,WAAAP;AAAA,EACA,UAAAQ;AAAA,EACA,GAAGL;AACL,MAII,gBAAAC;AAAA,EAHgBG,IAAUE,IAAO;AAAA,EAGhC;AAAA,IACC,wBAAqB;AAAA,IACrB,MAAK;AAAA,IACL,iBAAa;AAAA,IACb,gBAAa;AAAA,IACb,WAAWJ;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,IAEH,UAAAK;AAAA,EAAA;AAAA;AAKPF,EAAY,cAAc;AC7BnB,MAAMI,IAAO,CAAC,EAAE,WAAAV,GAAW,GAAGG,QAEjC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,wBAAqB;AAAA,IACrB,WAAWC,EAAG,8CAA8CL,CAAS;AAAA,IACpE,GAAGG;AAAA,EAAA;AAAA;AAKVO,EAAK,cAAc;ACLZ,MAAMC,IAAO,CAAC;AAAA,EACnB,SAAAJ,IAAU;AAAA,EACV,WAAAP;AAAA,EACA,MAAAY,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,KAAAb;AAAA,EACA,GAAGC;AACL,MAII,gBAAAC;AAAA,EAHgBG,IAAUE,IAAOO;AAAA,EAGhC;AAAA,IACC,wBAAqB;AAAA,IACrB,MAAAD;AAAA,IACA,KAAAb;AAAA,IACA,WAAWG,EAAG,2DAA2DL,CAAS;AAAA,IAClF,MAAAY;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACC,GAAGX;AAAA,EAAA;AAAA;AAKVQ,EAAK,cAAc;AC1BZ,MAAMM,IAAY,CAAC;AAAA,EACxB,SAAAV,IAAU;AAAA,EACV,WAAAP;AAAA,EACA,UAAAQ;AAAA,EACA,KAAAN;AAAA,EACA,GAAGC;AACL,MAII,gBAAAC;AAAA,EAHgBG,IAAUE,IAAO;AAAA,EAGhC;AAAA,IACC,MAAK;AAAA,IACL,eAAW;AAAA,IACX,wBAAqB;AAAA,IACrB,KAAAP;AAAA,IACA,WAAWG,EAAG,mCAAmCL,CAAS;AAAA,IACzD,GAAGG;AAAA,IAEH,UAAAK,KACC,gBAAAJ,EAACc,GAAA,EACC,UAAA,gBAAAd,EAACe,KAAmB,EAAA,CACtB;AAAA,EAAA;AAAA;AAMRF,EAAU,cAAc;AClCjB,MAAMlB,IAKT,OAAO,OAAOqB,GAAM;AAAA,EACtB,MAAAV;AAAA,EACA,MAAAC;AAAA,EACA,aAAAL;AAAA,EACA,WAAAW;AACF,CAAC;AAEDlB,EAAW,cAAc;AACzBW,EAAK,cAAc;AACnBC,EAAK,cAAc;AACnBL,EAAY,cAAc;AAC1BW,EAAU,cAAc;"}
+{"version":3,"sources":["../../src/breadcrumb/Breadcrumb.tsx","../../src/breadcrumb/BreadcrumbCurrentPage.tsx","../../src/breadcrumb/BreadcrumbItem.tsx","../../src/breadcrumb/BreadcrumbLink.tsx","../../src/breadcrumb/BreadcrumbSeparator.tsx","../../src/breadcrumb/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {\n  className?: string\n  ['aria-label']: string\n  ref?: Ref<HTMLElement>\n}\n\nexport const Breadcrumb = ({\n  className,\n  'aria-label': ariaLabel,\n  ref,\n  ...rest\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      data-spark-component=\"breadcrumb\"\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cx('text-caption text-neutral', className)}\n    >\n      <ol className={cx('gap-sm flex flex-wrap items-center break-words')} {...rest} />\n    </nav>\n  )\n}\n\nBreadcrumb.displayName = 'Breadcrumb.Breadcrumb'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface CurrentPageProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const CurrentPage = ({\n  asChild = false,\n  className,\n  children,\n  ...rest\n}: CurrentPageProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-current-page\"\n      role=\"link\"\n      aria-disabled\n      aria-current=\"page\"\n      className={cx(\n        'inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface ItemProps extends ComponentPropsWithoutRef<'li'> {\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Item = ({ className, ...rest }: ItemProps) => {\n  return (\n    <li\n      data-spark-component=\"breadcrumb-item\"\n      className={cx('min-w-none gap-sm inline-flex items-center', className)}\n      {...rest}\n    />\n  )\n}\n\nItem.displayName = 'Breadcrumb.Item'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface LinkProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  href?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const Link = ({\n  asChild = false,\n  className,\n  bold = true,\n  intent = 'current',\n  underline = true,\n  href,\n  ref,\n  ...rest\n}: LinkProps) => {\n  const Component = asChild ? Slot : TextLink\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-link\"\n      href={href}\n      ref={ref}\n      className={cx('inline! overflow-hidden text-ellipsis whitespace-nowrap', className)}\n      bold={bold}\n      intent={intent}\n      underline={underline}\n      {...rest}\n    />\n  )\n}\n\nLink.displayName = 'Breadcrumb.Link'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { Slot } from '../slot'\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<'li'> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Separator = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: SeparatorProps) => {\n  const Component = asChild ? Slot : 'li'\n\n  return (\n    <Component\n      role=\"presentation\"\n      aria-hidden\n      data-spark-component=\"breadcrumb-separator\"\n      ref={ref}\n      className={cx('gap-sm inline-flex items-center', className)}\n      {...rest}\n    >\n      {children ?? (\n        <Icon>\n          <ArrowVerticalRight />\n        </Icon>\n      )}\n    </Component>\n  )\n}\n\nSeparator.displayName = 'Breadcrumb.Separator'\n","import { Breadcrumb as Root } from './Breadcrumb'\nimport { CurrentPage } from './BreadcrumbCurrentPage'\nimport { Item } from './BreadcrumbItem'\nimport { Link } from './BreadcrumbLink'\nimport { Separator } from './BreadcrumbSeparator'\n\nexport const Breadcrumb: typeof Root & {\n  Item: typeof Item\n  Link: typeof Link\n  CurrentPage: typeof CurrentPage\n  Separator: typeof Separator\n} = Object.assign(Root, {\n  Item,\n  Link,\n  CurrentPage,\n  Separator,\n})\n\nBreadcrumb.displayName = 'Breadcrumb'\nItem.displayName = 'Breadcrumb.Item'\nLink.displayName = 'Breadcrumb.Link'\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\nSeparator.displayName = 'Breadcrumb.Separator'\n\nexport type { BreadcrumbProps } from './Breadcrumb'\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,UAAU;AAsBb;AAbC,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,wBAAqB;AAAA,MACrB;AAAA,MACA,cAAY;AAAA,MACZ,WAAW,GAAG,6BAA6B,SAAS;AAAA,MAEpD,8BAAC,QAAG,WAAW,GAAG,gDAAgD,GAAI,GAAG,MAAM;AAAA;AAAA,EACjF;AAEJ;AAEA,WAAW,cAAc;;;AC3BzB,SAAS,MAAAA,WAAU;AAqBf,gBAAAC,YAAA;AATG,IAAM,cAAc,CAAC;AAAA,EAC1B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,YAAY,UAAU,OAAO;AAEnC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,wBAAqB;AAAA,MACrB,MAAK;AAAA,MACL,iBAAa;AAAA,MACb,gBAAa;AAAA,MACb,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;;;ACrC1B,SAAS,MAAAC,WAAU;AAUf,gBAAAC,YAAA;AAFG,IAAM,OAAO,CAAC,EAAE,WAAW,GAAG,KAAK,MAAiB;AACzD,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,wBAAqB;AAAA,MACrB,WAAWD,IAAG,8CAA8C,SAAS;AAAA,MACpE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,KAAK,cAAc;;;AClBnB,SAAS,MAAAE,WAAU;AA0Bf,gBAAAC,YAAA;AAbG,IAAM,OAAO,CAAC;AAAA,EACnB,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiB;AACf,QAAM,YAAY,UAAU,OAAO;AAEnC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,wBAAqB;AAAA,MACrB;AAAA,MACA;AAAA,MACA,WAAWC,IAAG,2DAA2D,SAAS;AAAA,MAClF;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,KAAK,cAAc;;;ACvCnB,SAAS,0BAA0B;AACnC,SAAS,MAAAC,WAAU;AAgCT,gBAAAC,YAAA;AApBH,IAAM,YAAY,CAAC;AAAA,EACxB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,YAAY,UAAU,OAAO;AAEnC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW;AAAA,MACX,wBAAqB;AAAA,MACrB;AAAA,MACA,WAAWC,IAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA,MAEH,sBACC,gBAAAD,KAAC,QACC,0BAAAA,KAAC,sBAAmB,GACtB;AAAA;AAAA,EAEJ;AAEJ;AAEA,UAAU,cAAc;;;AClCjB,IAAME,cAKT,OAAO,OAAO,YAAM;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEDA,YAAW,cAAc;AACzB,KAAK,cAAc;AACnB,KAAK,cAAc;AACnB,YAAY,cAAc;AAC1B,UAAU,cAAc;","names":["cx","jsx","cx","cx","jsx","cx","jsx","cx","cx","jsx","cx","Breadcrumb"]}

package/dist/button/index.d.mts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef, Ref } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonStyles: (props?: ({
+    design?: "filled" | "ghost" | "outlined" | "tinted" | "contrast" | null | undefined;
+    underline?: boolean | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "square" | "rounded" | "pill" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonStylesProps = VariantProps<typeof buttonStyles>;
+
+interface ButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 'disabled'>, ButtonStylesProps {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * Display a spinner to indicate to the user that the button is loading something after they interacted with it.
+     */
+    isLoading?: boolean;
+    /**
+     * If your loading state should only display a spinner, it's better to specify a label for it (a11y).
+     */
+    loadingLabel?: string;
+    /**
+     * If your loading state should also display a label, you can use this prop instead of `loadingLabel`.
+     * **Please note that using this can result in layout shifting when the Button goes from loading state to normal state.**
+     */
+    loadingText?: string;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare const Button: {
+    ({ children, design, disabled, intent, isLoading, loadingLabel, loadingText, shape, size, asChild, className, underline, ref, ...others }: ButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Button, type ButtonProps };

package/dist/button/index.d.ts

@@ -1 +1,41 @@
-export * from './Button';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef, Ref } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonStyles: (props?: ({
+    design?: "filled" | "ghost" | "outlined" | "tinted" | "contrast" | null | undefined;
+    underline?: boolean | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "square" | "rounded" | "pill" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonStylesProps = VariantProps<typeof buttonStyles>;
+
+interface ButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 'disabled'>, ButtonStylesProps {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * Display a spinner to indicate to the user that the button is loading something after they interacted with it.
+     */
+    isLoading?: boolean;
+    /**
+     * If your loading state should only display a spinner, it's better to specify a label for it (a11y).
+     */
+    loadingLabel?: string;
+    /**
+     * If your loading state should also display a label, you can use this prop instead of `loadingLabel`.
+     * **Please note that using this can result in layout shifting when the Button goes from loading state to normal state.**
+     */
+    loadingText?: string;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare const Button: {
+    ({ children, design, disabled, intent, isLoading, loadingLabel, loadingText, shape, size, asChild, className, underline, ref, ...others }: ButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Button, type ButtonProps };