@mittwald/flow-react-components 0.1.0-alpha.13 → 0.1.0-alpha.131

package/package.json

@@ -1,118 +1,363 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.13",
+  "version": "0.1.0-alpha.131",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
   "repository": "https://github.com/mittwald/flow",
   "exports": {
-    "./Avatar": "./dist/Avatar.js",
-    "./Badge": "./dist/Badge.js",
-    "./Button": "./dist/Button.js",
-    "./Checkbox": "./dist/Checkbox.js",
-    "./Content": "./dist/Content.js",
-    "./CopyToClipboardButton": "./dist/CopyToClipboardButton.js",
-    "./FieldDescription": "./dist/FieldDescription.js",
-    "./FieldError": "./dist/FieldError.js",
-    "./Heading": "./dist/Heading.js",
-    "./Icon": "./dist/Icon.js",
-    "./Image": "./dist/Image.js",
-    "./Initials": "./dist/Initials.js",
-    "./InlineAlert": "./dist/InlineAlert.js",
-    "./Label": "./dist/Label.js",
-    "./LabeledValue": "./dist/LabeledValue.js",
-    "./Link": "./dist/Link.js",
-    "./Navigation": "./dist/Navigation.js",
-    "./NumberField": "./dist/NumberField.js",
-    "./RadioGroup": "./dist/RadioGroup.js",
-    "./StatusIcon": "./dist/StatusIcon.js",
-    "./Switch": "./dist/Switch.js",
-    "./Text": "./dist/Text.js",
-    "./TextArea": "./dist/TextArea.js",
-    "./TextField": "./dist/TextField.js",
-    "./Tooltip": "./dist/Tooltip.js",
+    "./Accordion": {
+      "types": "./dist/types/components/Accordion/index.d.ts",
+      "import": "./dist/Accordion.js"
+    },
+    "./Action": {
+      "types": "./dist/types/components/Action/index.d.ts",
+      "import": "./dist/Action.js"
+    },
+    "./ActionGroup": {
+      "types": "./dist/types/components/ActionGroup/index.d.ts",
+      "import": "./dist/ActionGroup.js"
+    },
+    "./Avatar": {
+      "types": "./dist/types/components/Avatar/index.d.ts",
+      "import": "./dist/Avatar.js"
+    },
+    "./Button": {
+      "types": "./dist/types/components/Button/index.d.ts",
+      "import": "./dist/Button.js"
+    },
+    "./Breadcrumb": {
+      "types": "./dist/types/components/Breadcrumb/index.d.ts",
+      "import": "./dist/Breadcrumb.js"
+    },
+    "./Checkbox": {
+      "types": "./dist/types/components/Checkbox/index.d.ts",
+      "import": "./dist/Checkbox.js"
+    },
+    "./CheckboxButton": {
+      "types": "./dist/types/components/CheckboxButton/index.d.ts",
+      "import": "./dist/CheckboxButton.js"
+    },
+    "./CheckboxGroup": {
+      "types": "./dist/types/components/CheckboxGroup/index.d.ts",
+      "import": "./dist/CheckboxGroup.js"
+    },
+    "./ColumnLayout": {
+      "types": "./dist/types/components/ColumnLayout/index.d.ts",
+      "import": "./dist/ColumnLayout.js"
+    },
+    "./Content": {
+      "types": "./dist/types/components/Content/index.d.ts",
+      "import": "./dist/Content.js"
+    },
+    "./CounterLabel": {
+      "types": "./dist/types/components/CounterLabel/index.d.ts",
+      "import": "./dist/CounterLabel.js"
+    },
+    "./IllustratedMessage": {
+      "types": "./dist/types/components/IllustratedMessage/index.d.ts",
+      "import": "./dist/IllustratedMessage.js"
+    },
+    "./ContextMenu": {
+      "types": "./dist/types/components/ContextMenu/index.d.ts",
+      "import": "./dist/ContextMenu.js"
+    },
+    "./controller": {
+      "types": "./dist/types/lib/controller/index.d.ts",
+      "import": "./dist/controller.js"
+    },
+    "./CopyButton": {
+      "types": "./dist/types/components/CopyButton/index.d.ts",
+      "import": "./dist/CopyButton.js"
+    },
+    "./FieldDescription": {
+      "types": "./dist/types/components/FieldDescription/index.d.ts",
+      "import": "./dist/FieldDescription.js"
+    },
+    "./FieldError": {
+      "types": "./dist/types/components/FieldError/index.d.ts",
+      "import": "./dist/FieldError.js"
+    },
+    "./Header": {
+      "types": "./dist/types/components/Header/index.d.ts",
+      "import": "./dist/Header.js"
+    },
+    "./HeaderNavigation": {
+      "types": "./dist/types/components/HeaderNavigation/index.d.ts",
+      "import": "./dist/HeaderNavigation.js"
+    },
+    "./Heading": {
+      "types": "./dist/types/components/Heading/index.d.ts",
+      "import": "./dist/Heading.js"
+    },
+    "./Icon": {
+      "types": "./dist/types/components/Icon/index.d.ts",
+      "import": "./dist/Icon.js"
+    },
+    "./Icons": {
+      "types": "./dist/types/components/Icon/components/icons/index.d.ts",
+      "import": "./dist/Icons.js"
+    },
+    "./Image": {
+      "types": "./dist/types/components/Image/index.d.ts",
+      "import": "./dist/Image.js"
+    },
+    "./Initials": {
+      "types": "./dist/types/components/Initials/index.d.ts",
+      "import": "./dist/Initials.js"
+    },
+    "./InlineAlert": {
+      "types": "./dist/types/components/InlineAlert/index.d.ts",
+      "import": "./dist/InlineAlert.js"
+    },
+    "./InlineCode": {
+      "types": "./dist/types/components/InlineCode/index.d.ts",
+      "import": "./dist/InlineCode.js"
+    },
+    "./Label": {
+      "types": "./dist/types/components/Label/index.d.ts",
+      "import": "./dist/Label.js"
+    },
+    "./LabeledValue": {
+      "types": "./dist/types/components/LabeledValue/index.d.ts",
+      "import": "./dist/LabeledValue.js"
+    },
+    "./LayoutCard": {
+      "types": "./dist/types/components/LayoutCard/index.d.ts",
+      "import": "./dist/LayoutCard.js"
+    },
+    "./Link": {
+      "types": "./dist/types/components/Link/index.d.ts",
+      "import": "./dist/Link.js"
+    },
+    "./List": {
+      "types": "./dist/types/components/List/index.d.ts",
+      "import": "./dist/List.js"
+    },
+    "./List/ListLoaderAsyncResource": {
+      "types": "./dist/types/components/List/components/ListLoaderAsyncResource.d.ts",
+      "import": "./dist/List/ListLoaderAsyncResource.js"
+    },
+    "./LoadingSpinner": {
+      "types": "./dist/types/components/LoadingSpinner/index.d.ts",
+      "import": "./dist/LoadingSpinner.js"
+    },
+    "./MenuItem": {
+      "types": "./dist/types/components/MenuItem/index.d.ts",
+      "import": "./dist/MenuItem.js"
+    },
+    "./Modal": {
+      "types": "./dist/types/components/Modal/index.d.ts",
+      "import": "./dist/Modal.js"
+    },
+    "./Navigation": {
+      "types": "./dist/types/components/Navigation/index.d.ts",
+      "import": "./dist/Navigation.js"
+    },
+    "./NumberField": {
+      "types": "./dist/types/components/NumberField/index.d.ts",
+      "import": "./dist/NumberField.js"
+    },
+    "./OffCanvas": {
+      "types": "./dist/types/components/OffCanvas/index.d.ts",
+      "import": "./dist/OffCanvas.js"
+    },
+    "./ProgressBar": {
+      "types": "./dist/types/components/ProgressBar/index.d.ts",
+      "import": "./dist/ProgressBar.js"
+    },
+    "./RadioGroup": {
+      "types": "./dist/types/components/RadioGroup/index.d.ts",
+      "import": "./dist/RadioGroup.js"
+    },
+    "./Render": {
+      "types": "./dist/types/lib/react/components/Render/index.d.ts",
+      "import": "./dist/Render.js"
+    },
+    "./Section": {
+      "types": "./dist/types/components/Section/index.d.ts",
+      "import": "./dist/Section.js"
+    },
+    "./Select": {
+      "types": "./dist/types/components/Select/index.d.ts",
+      "import": "./dist/Select.js"
+    },
+    "./Separator": {
+      "types": "./dist/types/components/Separator/index.d.ts",
+      "import": "./dist/Separator.js"
+    },
+    "./Skeleton": {
+      "types": "./dist/types/components/Skeleton/index.d.ts",
+      "import": "./dist/Skeleton.js"
+    },
+    "./StatusBadge": {
+      "types": "./dist/types/components/StatusBadge/index.d.ts",
+      "import": "./dist/StatusBadge.js"
+    },
+    "./StatusIcon": {
+      "types": "./dist/types/components/StatusIcon/index.d.ts",
+      "import": "./dist/StatusIcon.js"
+    },
+    "./Switch": {
+      "types": "./dist/types/components/Switch/index.d.ts",
+      "import": "./dist/Switch.js"
+    },
+    "./Table": {
+      "types": "./dist/types/components/Table/index.d.ts",
+      "import": "./dist/Table.js"
+    },
+    "./Tabs": {
+      "types": "./dist/types/components/Tabs/index.d.ts",
+      "import": "./dist/Tabs.js"
+    },
+    "./Text": {
+      "types": "./dist/types/components/Text/index.d.ts",
+      "import": "./dist/Text.js"
+    },
+    "./TextArea": {
+      "types": "./dist/types/components/TextArea/index.d.ts",
+      "import": "./dist/TextArea.js"
+    },
+    "./TextField": {
+      "types": "./dist/types/components/TextField/index.d.ts",
+      "import": "./dist/TextField.js"
+    },
+    "./Tooltip": {
+      "types": "./dist/types/components/Tooltip/index.d.ts",
+      "import": "./dist/Tooltip.js"
+    },
+    "./hooks": {
+      "types": "./dist/types/lib/hooks/index.d.ts",
+      "import": "./dist/hooks.js"
+    },
+    "./nextjs": {
+      "types": "./dist/types/integrations/nextjs/index.d.ts",
+      "import": "./dist/nextjs.js"
+    },
+    "./react-hook-form": {
+      "types": "./dist/types/integrations/react-hook-form/index.d.ts",
+      "import": "./dist/react-hook-form.js"
+    },
     "./styles": "./dist/styles.css"
   },
   "files": [
     "dist"
   ],
+  "engines": {
+    "node": ">=20.11"
+  },
   "scripts": {
     "build": "run vite build --config vite.build.config.ts",
     "build:deps:watch": "run -T build:deps:watch @mittwald/flow-react-components",
+    "build:icons": "run tsx dev/icons/generate.ts",
     "build:storybook": "run storybook build",
     "dev": "run nx run-many --outputStyle=stream --projects=@mittwald/flow-react-components --targets=start,build:deps:watch",
     "start": "run storybook dev --port 6006",
     "test": "",
     "test:compile": "run tsc --noEmit",
-    "test:unit": "node --experimental-vm-modules $(yarn bin jest)"
+    "test:unit": "run vitest run"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.5.1",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@react-aria/utils": "^3.23.2",
-    "@react-types/shared": "^3.22.1",
-    "clsx": "^2.1.0",
+    "@chakra-ui/live-region": "^2.1.0",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.131",
+    "@mittwald/react-use-promise": "^2.3.13",
+    "@react-aria/utils": "^3.24.1",
+    "@react-types/shared": "^3.23.1",
+    "@storybook/test": "^8.1.3",
+    "@tabler/icons-react": "^3.5.0",
+    "@tanstack/react-table": "^8.17.3",
+    "clsx": "^2.1.1",
     "copy-to-clipboard": "^3.3.3",
-    "html-react-parser": "^5.1.7",
-    "react-aria": "^3.32.1",
-    "react-aria-components": "^1.1.1",
+    "dot-prop": "^9.0.0",
+    "html-react-parser": "^5.1.10",
+    "invariant": "^2.2.4",
+    "mobx": "^6.12.3",
+    "mobx-react-lite": "^4.0.7",
+    "object-code": "^1.3.3",
+    "react-aria": "^3.33.1",
+    "react-aria-components": "^1.2.1",
     "react-children-utilities": "^2.10.0",
-    "react-stately": "^3.30.1",
-    "remeda": "^1.43.0"
+    "react-stately": "^3.31.1",
+    "remeda": "^1.61.0",
+    "use-callback-ref": "^1.3.2"
   },
   "devDependencies": {
-    "@fortawesome/free-regular-svg-icons": "^6.5.1",
-    "@fortawesome/free-solid-svg-icons": "^6.5.1",
-    "@jest/globals": "^29.7.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.13",
-    "@nx/storybook": "^18.0.4",
-    "@storybook/addon-a11y": "^7.6.16",
-    "@storybook/addon-actions": "^7.6.16",
-    "@storybook/addon-essentials": "^7.6.16",
-    "@storybook/addon-interactions": "^7.6.16",
-    "@storybook/addon-links": "^7.6.16",
-    "@storybook/blocks": "^7.6.16",
-    "@storybook/builder-vite": "^7.6.16",
-    "@storybook/components": "^7.6.16",
-    "@storybook/core-events": "^7.6.16",
-    "@storybook/manager-api": "^7.6.16",
-    "@storybook/preview-api": "^7.6.16",
-    "@storybook/react": "^7.6.16",
-    "@storybook/react-vite": "^7.6.16",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.16",
-    "@testing-library/react": "^14.2.1",
-    "@types/jest": "^29.5.12",
-    "@types/prop-types": "^15.7.11",
-    "@types/react": "^18.2.56",
-    "@types/react-dom": "^18.2.19",
+    "@faker-js/faker": "^8.4.1",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.131",
+    "@mittwald/react-use-promise": "^2.3.13",
+    "@nx/storybook": "^19.1.0",
+    "@storybook/addon-a11y": "^8.1.3",
+    "@storybook/addon-actions": "^8.1.3",
+    "@storybook/addon-essentials": "^8.1.3",
+    "@storybook/addon-interactions": "^8.1.3",
+    "@storybook/addon-links": "^8.1.3",
+    "@storybook/blocks": "^8.1.3",
+    "@storybook/components": "^8.1.3",
+    "@storybook/core-events": "^8.1.3",
+    "@storybook/manager-api": "^8.1.3",
+    "@storybook/preview-api": "^8.1.3",
+    "@storybook/react": "^8.1.3",
+    "@storybook/react-vite": "^8.1.3",
+    "@storybook/theming": "^8.1.3",
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "~15.0.7",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/invariant": "^2.2.37",
+    "@types/node": "20.12.12",
+    "@types/prettier": "^3.0.0",
+    "@types/prop-types": "^15.7.12",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@types/rollup": "^0.54.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "@vitest/coverage-v8": "~1.6.0",
     "decamelize": "^6.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "nx": "^18.0.4",
-    "postcss": "^8.4.35",
+    "fs-jetpack": "^5.1.0",
+    "happy-dom": "^14.11.0",
+    "next": "^14.2.3",
+    "nx": "^19.1.0",
+    "postcss": "^8.4.38",
     "postcss-nested-import": "^1.3.0",
-    "postcss-nesting": "^12.0.3",
+    "postcss-nesting": "^12.1.5",
+    "prettier": "^3.2.5",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-element-to-jsx-string": "^15.0.0",
-    "rollup": "^4.12.0",
-    "sass": "^1.71.0",
-    "storybook": "^7.6.16",
-    "storybook-addon-dir": "^1.0.6",
-    "storybook-addon-pseudo-states": "^2.1.2",
-    "ts-jest": "^29.1.2",
-    "typescript": "^5.3.3",
+    "react-hook-form": "^7.51.5",
+    "rollup": "^4.18.0",
+    "sass": "^1.77.2",
+    "storybook": "^8.1.3",
+    "storybook-addon-rtl": "^1.0.0",
+    "tsx": "^4.11.0",
+    "typescript": "^5.4.5",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.1.3",
+    "vite": "^5.2.11",
     "vite-plugin-banner": "^0.7.1",
-    "vite-plugin-dts": "^3.7.2"
+    "vite-plugin-checker": "^0.6.4",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-externalize-deps": "^0.8.0",
+    "vitest": "~1.6.0",
+    "yaml": "^2.4.2"
   },
   "peerDependencies": {
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "@mittwald/react-use-promise": "^2.3.12",
+    "next": "*",
+    "react": "~18.3.0",
+    "react-dom": "~18.3.0",
+    "react-hook-form": "*"
+  },
+  "peerDependenciesMeta": {
+    "@mittwald/react-use-promise": {
+      "optional": true
+    },
+    "next": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    }
   },
-  "gitHead": "161b59e44bef1845f054c6cb2dc4cbac9505f5ab"
+  "gitHead": "cd7bf7ba3a6a246a62b7665f8877597b3fb226f0"
 }

package/dist/Avatar.d.ts

@@ -1,14 +0,0 @@
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const Avatar: FC<AvatarProps>;
-export { Avatar }
-export default Avatar;
-
-export declare interface AvatarProps extends PropsWithChildren {
-    className?: string;
-    /** @default "s" */
-    size?: "s" | "m" | "l";
-}
-
-export { }

package/dist/Badge.d.ts

@@ -1,18 +0,0 @@
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-declare const Badge: FC<BadgeProps>;
-export { Badge }
-export default Badge;
-
-export declare interface BadgeProps extends PropsWithChildren, StatusVariantProps {
-    className?: string;
-}
-
-declare interface StatusVariantProps<TOmit extends Variant = never> {
-    variant?: Exclude<Variant, TOmit>;
-}
-
-declare type Variant = "info" | "success" | "warning" | "danger";
-
-export { }

package/dist/Badge.js

@@ -1,33 +0,0 @@
-"use client"
-/* */
-import o from "react";
-import { c as l } from "./clsx-DB4S2d7J.js";
-import { S as i } from "./StatusIcon-B3kq3jOT.js";
-import { T as d } from "./Text-D-bYVFks.js";
-import "./propsContext-Dx7WKmmM.js";
-import { P as f } from "./PropsContextProvider-CEoxD8yK.js";
-import "@react-aria/utils";
-const g = "flow--badge", u = "flow--badge--content", p = "flow--badge--custom-icon", b = "flow--badge--status-icon", w = "flow--badge--info", I = "flow--badge--success", x = "flow--badge--warning", N = "flow--badge--danger", t = {
-  badge: g,
-  content: u,
-  customIcon: p,
-  statusIcon: b,
-  info: w,
-  success: I,
-  warning: x,
-  danger: N
-}, h = (n) => {
-  const { children: s, className: c, variant: e = "info", ...a } = n, r = l(t.badge, t[e], c), m = {
-    Icon: {
-      className: t.customIcon
-    },
-    Text: {
-      className: t.content
-    }
-  };
-  return /* @__PURE__ */ o.createElement("div", { className: r, ...a }, /* @__PURE__ */ o.createElement(i, { className: t.statusIcon, variant: e }), /* @__PURE__ */ o.createElement(f, { props: m }, typeof s == "string" ? /* @__PURE__ */ o.createElement(d, null, s) : s));
-};
-export {
-  h as Badge,
-  h as default
-};

package/dist/Button-eL1xJ40W.js

@@ -1,139 +0,0 @@
-"use client"
-/* */
-import r from "react";
-import * as N from "react-aria-components";
-import { c as y } from "./clsx-DB4S2d7J.js";
-import "./propsContext-Dx7WKmmM.js";
-import { P as D } from "./PropsContextProvider-CEoxD8yK.js";
-import { u as z } from "./useProps-C7GIMcgB.js";
-import { I as M } from "./Icon-Dp34FFi3.js";
-const _ = "flow--button", I = "flow--button--icon", k = "flow--button--content", S = "flow--button--state-icon", C = "flow--button--small", p = "flow--button--is-succeeded", E = "flow--button--is-failed", L = "flow--button--is-pending", j = "flow--button--plain", A = "flow--button--primary", B = "flow--button--solid", F = "flow--button--accent", O = "flow--button--danger", T = "flow--button--secondary", l = {
-  button: _,
-  icon: I,
-  content: k,
-  stateIcon: S,
-  small: C,
-  isSucceeded: p,
-  isFailed: E,
-  isPending: L,
-  plain: j,
-  primary: A,
-  solid: B,
-  accent: F,
-  danger: O,
-  secondary: T
-};
-var m = {};
-(function(i) {
-  Object.defineProperty(i, "__esModule", { value: !0 });
-  var a = "fas", e = "spinner", c = 512, o = 512, n = [], t = "f110", s = "M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z";
-  i.definition = {
-    prefix: a,
-    iconName: e,
-    icon: [
-      c,
-      o,
-      n,
-      t,
-      s
-    ]
-  }, i.faSpinner = i.definition, i.prefix = a, i.iconName = e, i.width = c, i.height = o, i.ligatures = n, i.unicode = t, i.svgPathData = s, i.aliases = n;
-})(m);
-var h = {};
-(function(i) {
-  Object.defineProperty(i, "__esModule", { value: !0 });
-  var a = "fas", e = "check", c = 448, o = 512, n = [10003, 10004], t = "f00c", s = "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z";
-  i.definition = {
-    prefix: a,
-    iconName: e,
-    icon: [
-      c,
-      o,
-      n,
-      t,
-      s
-    ]
-  }, i.faCheck = i.definition, i.prefix = a, i.iconName = e, i.width = c, i.height = o, i.ligatures = n, i.unicode = t, i.svgPathData = s, i.aliases = n;
-})(h);
-var v = {}, g = {};
-(function(i) {
-  Object.defineProperty(i, "__esModule", { value: !0 });
-  var a = "fas", e = "xmark", c = 384, o = 512, n = [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], t = "f00d", s = "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z";
-  i.definition = {
-    prefix: a,
-    iconName: e,
-    icon: [
-      c,
-      o,
-      n,
-      t,
-      s
-    ]
-  }, i.faXmark = i.definition, i.prefix = a, i.iconName = e, i.width = c, i.height = o, i.ligatures = n, i.unicode = t, i.svgPathData = s, i.aliases = n;
-})(g);
-(function(i) {
-  Object.defineProperty(i, "__esModule", { value: !0 });
-  var a = g;
-  i.definition = {
-    prefix: a.prefix,
-    iconName: a.iconName,
-    icon: [
-      a.width,
-      a.height,
-      a.aliases,
-      a.unicode,
-      a.svgPathData
-    ]
-  }, i.faTimes = i.definition, i.prefix = a.prefix, i.iconName = a.iconName, i.width = a.width, i.height = a.height, i.ligatures = a.aliases, i.unicode = a.unicode, i.svgPathData = a.svgPathData, i.aliases = a.aliases;
-})(v);
-const W = (i) => {
-  const { if: a, children: e } = i;
-  return a ? e : e.props.children;
-}, K = (i) => {
-  const {
-    variant: a = "primary",
-    style: e = "solid",
-    children: c,
-    className: o,
-    size: n = "medium",
-    isPending: t,
-    isDisabled: s,
-    isSucceeded: d,
-    isFailed: f,
-    ...b
-  } = z("Button", i), w = y(
-    l.button,
-    t && l.isPending,
-    d && l.isSucceeded,
-    f && l.isFailed,
-    l[n],
-    l[a],
-    l[e],
-    o
-  ), P = {
-    Icon: {
-      className: l.icon,
-      "aria-hidden": !0,
-      fixedWidth: !0
-    }
-  }, u = (t || d || f) && /* @__PURE__ */ r.createElement(
-    M,
-    {
-      faIcon: d ? h.faCheck : f ? v.faTimes : m.faSpinner,
-      className: l.stateIcon
-    }
-  );
-  return /* @__PURE__ */ r.createElement(
-    N.Button,
-    {
-      className: w,
-      isDisabled: s || t || d || f,
-      ...b
-    },
-    /* @__PURE__ */ r.createElement(D, { props: P }, /* @__PURE__ */ r.createElement(W, { if: u }, /* @__PURE__ */ r.createElement("span", { className: l.content }, c))),
-    u
-  );
-};
-export {
-  K as B
-};