@hexclave/ui 1.0.0

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2024 Stackframe
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/chunk-BE-pF4vm.js

@@ -0,0 +1,34 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+Object.defineProperty(exports, '__toESM', {
+  enumerable: true,
+  get: function () {
+    return __toESM;
+  }
+});

package/dist/components/action-dialog.d.ts

@@ -0,0 +1,33 @@
+import { Button } from "./ui/button.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { LucideIcon } from "lucide-react";
+import React from "react";
+
+//#region src/components/action-dialog.d.ts
+type ActionDialogProps = {
+  trigger?: React.ReactNode;
+  open?: boolean;
+  onClose?: () => void;
+  onOpenChange?: (open: boolean) => void;
+  titleIcon?: LucideIcon;
+  title: boolean | React.ReactNode;
+  description?: React.ReactNode;
+  danger?: boolean;
+  okButton?: boolean | Readonly<{
+    label?: string;
+    onClick?: () => Promise<"prevent-close" | undefined | void>;
+    props?: Partial<React.ComponentProps<typeof Button>>;
+  }>;
+  cancelButton?: boolean | Readonly<{
+    label?: string;
+    onClick?: () => Promise<"prevent-close" | undefined | void>;
+    props?: Partial<React.ComponentProps<typeof Button>>;
+  }>;
+  confirmText?: string;
+  children?: React.ReactNode;
+  preventClose?: boolean;
+};
+declare function ActionDialog(props: ActionDialogProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActionDialog, ActionDialogProps };
+//# sourceMappingURL=action-dialog.d.ts.map

package/dist/components/action-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-dialog.d.ts","names":[],"sources":["../../src/components/action-dialog.tsx"],"mappings":";;;;;;KAMY,iBAAA;EACV,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,IAAA;EACA,OAAA;EACA,YAAA,IAAgB,IAAA;EAChB,SAAA,GAAY,UAAA;EACZ,KAAA,YAAiB,KAAA,CAAM,SAAA;EACvB,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,MAAA;EACA,QAAA,aAAqB,QAAA;IACnB,KAAA;IACA,OAAA,SAAgB,OAAA;IAChB,KAAA,GAAQ,OAAA,CAAQ,KAAA,CAAM,cAAA,QAAsB,MAAA;EAAA;EAE9C,YAAA,aAAyB,QAAA;IACvB,KAAA;IACA,OAAA,SAAgB,OAAA;IAChB,KAAA,GAAQ,OAAA,CAAQ,KAAA,CAAM,cAAA,QAAsB,MAAA;EAAA;EAE9C,WAAA;EACA,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,YAAA;AAAA;AAAA,iBAGc,YAAA,CAAa,KAAA,EAAO,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/action-dialog.js

@@ -0,0 +1,93 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let lucide_react = require("lucide-react");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let ___index_js = require("../index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/action-dialog.tsx
+function ActionDialog(props) {
+	const okButton = props.okButton === true ? {} : props.okButton;
+	const cancelButton = props.cancelButton === true ? {} : props.cancelButton;
+	const anyButton = !!(okButton || cancelButton);
+	const title = props.title === true ? props.cancelButton ? "Confirmation" : "Alert" : props.title;
+	const TitleIcon = props.titleIcon || (props.danger ? lucide_react.CircleAlert : lucide_react.Info);
+	const [openState, setOpenState] = react.default.useState(!!props.open);
+	const open = props.open ?? openState;
+	const [confirmed, setConfirmed] = react.default.useState(false);
+	const confirmId = (0, react.useId)();
+	const [invalidationCount, setInvalidationCount] = react.default.useState(0);
+	const onOpenChange = (open) => {
+		if (!open) {
+			props.onClose?.();
+			setConfirmed(false);
+		} else setInvalidationCount(invalidationCount + 1);
+		setOpenState(open);
+		props.onOpenChange?.(open);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___index_js.Dialog, {
+		open,
+		onOpenChange,
+		children: [props.trigger && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.DialogTrigger, {
+			asChild: true,
+			children: props.trigger
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___index_js.DialogContent, {
+			onInteractOutside: props.preventClose ? (e) => e.preventDefault() : void 0,
+			className: props.preventClose ? "[&>button]:hidden" : "",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___index_js.DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___index_js.DialogTitle, {
+					className: "flex items-center",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TitleIcon, { className: "h-4 w-4 mr-2" }), title]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.DialogDescription, { children: props.description })] }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___index_js.DialogBody, {
+					className: "pb-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
+						fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Skeleton, { className: "h-9 w-2/3 self-center" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Skeleton, { className: "h-3 w-16 mt-8" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Skeleton, { className: "h-9 w-full mt-1" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Skeleton, { className: "h-3 w-24 mt-2" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Skeleton, { className: "h-9 w-full mt-1" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Skeleton, { className: "h-9 w-full mt-6" })
+						] }),
+						children: props.children
+					}) }), props.confirmText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Alert, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___index_js.Label, {
+						className: "flex gap-4 items-center",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Checkbox, {
+							id: confirmId,
+							checked: confirmed,
+							onCheckedChange: (v) => setConfirmed(!!v)
+						}), props.confirmText]
+					}) })]
+				}),
+				anyButton && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___index_js.DialogFooter, {
+					className: "gap-2",
+					children: [cancelButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Button, {
+						variant: "secondary",
+						color: "neutral",
+						onClick: async () => {
+							if (await cancelButton.onClick?.() !== "prevent-close") onOpenChange(false);
+						},
+						...cancelButton.props,
+						children: cancelButton.label ?? "Cancel"
+					}), okButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Button, {
+						disabled: !!props.confirmText && !confirmed,
+						variant: props.danger ? "destructive" : "default",
+						onClick: async () => {
+							if (await okButton.onClick?.() !== "prevent-close") onOpenChange(false);
+						},
+						...okButton.props,
+						children: okButton.label ?? "OK"
+					})]
+				})
+			]
+		})]
+	}, invalidationCount);
+}
+
+//#endregion
+exports.ActionDialog = ActionDialog;
+//# sourceMappingURL=action-dialog.js.map

package/dist/components/action-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-dialog.js","names":["CircleAlert","Info","React","Dialog","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","Suspense","Skeleton","Alert","Label","Checkbox","DialogFooter","Button"],"sources":["../../src/components/action-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { CircleAlert, Info, LucideIcon } from \"lucide-react\";\nimport React, { Suspense, useId } from \"react\";\nimport { Alert, Button, Checkbox, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Label, Skeleton } from '..';\n\nexport type ActionDialogProps = {\n  trigger?: React.ReactNode,\n  open?: boolean,\n  onClose?: () => void,\n  onOpenChange?: (open: boolean) => void,\n  titleIcon?: LucideIcon,\n  title: boolean | React.ReactNode,\n  description?: React.ReactNode,\n  danger?: boolean,\n  okButton?: boolean | Readonly<{\n    label?: string,\n    onClick?: () => Promise<\"prevent-close\" | undefined | void>,\n    props?: Partial<React.ComponentProps<typeof Button>>,\n  }>,\n  cancelButton?: boolean | Readonly<{\n    label?: string,\n    onClick?: () => Promise<\"prevent-close\" | undefined | void>,\n    props?: Partial<React.ComponentProps<typeof Button>>,\n  }>,\n  confirmText?: string,\n  children?: React.ReactNode,\n  preventClose?: boolean,\n};\n\nexport function ActionDialog(props: ActionDialogProps) {\n  const okButton = props.okButton === true ? {} : props.okButton;\n  const cancelButton = props.cancelButton === true ? {} : props.cancelButton;\n  const anyButton = !!(okButton || cancelButton);\n  const title = props.title === true ? (props.cancelButton ? \"Confirmation\" : \"Alert\") : props.title;\n  const TitleIcon = props.titleIcon || (props.danger ? CircleAlert : Info);\n  const [openState, setOpenState] = React.useState(!!props.open);\n  const open = props.open ?? openState;\n  const [confirmed, setConfirmed] = React.useState(false);\n  const confirmId = useId();\n  const [invalidationCount, setInvalidationCount] = React.useState(0);\n\n  const onOpenChange = (open: boolean) => {\n    if (!open) {\n      props.onClose?.();\n      setConfirmed(false);\n    } else {\n      setInvalidationCount(invalidationCount + 1);\n    }\n    setOpenState(open);\n    props.onOpenChange?.(open);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} key={invalidationCount}>\n      {props.trigger && <DialogTrigger asChild>\n        {props.trigger}\n      </DialogTrigger>}\n\n      <DialogContent\n        onInteractOutside={props.preventClose ? (e) => e.preventDefault() : undefined}\n        className={props.preventClose ? \"[&>button]:hidden\" : \"\"}\n      >\n        <DialogHeader>\n          <DialogTitle className=\"flex items-center\">\n            <TitleIcon className=\"h-4 w-4 mr-2\"/>\n            {title}\n          </DialogTitle>\n          <DialogDescription>\n            {props.description}\n          </DialogDescription>\n        </DialogHeader>\n\n        <DialogBody className=\"pb-2\">\n          <div>\n            <Suspense fallback={\n              <>\n                <Skeleton className='h-9 w-2/3 self-center' />\n\n                <Skeleton className='h-3 w-16 mt-8' />\n                <Skeleton className='h-9 w-full mt-1' />\n\n                <Skeleton className='h-3 w-24 mt-2' />\n                <Skeleton className='h-9 w-full mt-1' />\n\n                <Skeleton className='h-9 w-full mt-6' />\n              </>\n            }>\n              {props.children}\n            </Suspense>\n          </div>\n\n          {props.confirmText && <Alert>\n            <Label className=\"flex gap-4 items-center\">\n              <Checkbox id={confirmId} checked={confirmed} onCheckedChange={(v) => setConfirmed(!!v)}/>\n              {props.confirmText}\n            </Label>\n          </Alert>}\n        </DialogBody>\n\n\n        {anyButton && <DialogFooter className=\"gap-2\">\n          {cancelButton && (\n            <Button\n              variant=\"secondary\"\n              color=\"neutral\"\n              onClick={async () => {\n                if (await cancelButton.onClick?.() !== \"prevent-close\") {\n                  onOpenChange(false);\n                }\n              }}\n              {...cancelButton.props}\n            >\n              {cancelButton.label ?? \"Cancel\"}\n            </Button>\n          )}\n          {okButton && (\n            <Button\n              disabled={!!props.confirmText && !confirmed}\n              variant={props.danger ? \"destructive\" : \"default\"}\n              onClick={async () => {\n                if (await okButton.onClick?.() !== \"prevent-close\") {\n                  onOpenChange(false);\n                }\n              }}\n              {...okButton.props}\n            >\n              {okButton.label ?? \"OK\"}\n            </Button>\n          )}\n        </DialogFooter>}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA8BA,SAAgB,aAAa,OAA0B;CACrD,MAAM,WAAW,MAAM,aAAa,OAAO,EAAE,GAAG,MAAM;CACtD,MAAM,eAAe,MAAM,iBAAiB,OAAO,EAAE,GAAG,MAAM;CAC9D,MAAM,YAAY,CAAC,EAAE,YAAY;CACjC,MAAM,QAAQ,MAAM,UAAU,OAAQ,MAAM,eAAe,iBAAiB,UAAW,MAAM;CAC7F,MAAM,YAAY,MAAM,cAAc,MAAM,SAASA,2BAAcC;CACnE,MAAM,CAAC,WAAW,gBAAgBC,cAAM,SAAS,CAAC,CAAC,MAAM,KAAK;CAC9D,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,CAAC,WAAW,gBAAgBA,cAAM,SAAS,MAAM;CACvD,MAAM,8BAAmB;CACzB,MAAM,CAAC,mBAAmB,wBAAwBA,cAAM,SAAS,EAAE;CAEnE,MAAM,gBAAgB,SAAkB;AACtC,MAAI,CAAC,MAAM;AACT,SAAM,WAAW;AACjB,gBAAa,MAAM;QAEnB,sBAAqB,oBAAoB,EAAE;AAE7C,eAAa,KAAK;AAClB,QAAM,eAAe,KAAK;;AAG5B,QACE,4CAACC;EAAa;EAAoB;aAC/B,MAAM,WAAW,2CAACC;GAAc;aAC9B,MAAM;IACO,EAEhB,4CAACC;GACC,mBAAmB,MAAM,gBAAgB,MAAM,EAAE,gBAAgB,GAAG;GACpE,WAAW,MAAM,eAAe,sBAAsB;;IAEtD,4CAACC,uCACC,4CAACC;KAAY,WAAU;gBACrB,2CAAC,aAAU,WAAU,iBAAgB,EACpC;MACW,EACd,2CAACC,2CACE,MAAM,cACW,IACP;IAEf,4CAACC;KAAW,WAAU;gBACpB,2CAAC,mBACC,2CAACC;MAAS,UACR;OACE,2CAACC,wBAAS,WAAU,0BAA0B;OAE9C,2CAACA,wBAAS,WAAU,kBAAkB;OACtC,2CAACA,wBAAS,WAAU,oBAAoB;OAExC,2CAACA,wBAAS,WAAU,kBAAkB;OACtC,2CAACA,wBAAS,WAAU,oBAAoB;OAExC,2CAACA,wBAAS,WAAU,oBAAoB;UACvC;gBAEF,MAAM;OACE,GACP,EAEL,MAAM,eAAe,2CAACC,+BACrB,4CAACC;MAAM,WAAU;iBACf,2CAACC;OAAS,IAAI;OAAW,SAAS;OAAW,kBAAkB,MAAM,aAAa,CAAC,CAAC,EAAE;QAAG,EACxF,MAAM;OACD,GACF;MACG;IAGZ,aAAa,4CAACC;KAAa,WAAU;gBACnC,gBACC,2CAACC;MACC,SAAQ;MACR,OAAM;MACN,SAAS,YAAY;AACnB,WAAI,MAAM,aAAa,WAAW,KAAK,gBACrC,cAAa,MAAM;;MAGvB,GAAI,aAAa;gBAEhB,aAAa,SAAS;OAChB,EAEV,YACC,2CAACA;MACC,UAAU,CAAC,CAAC,MAAM,eAAe,CAAC;MAClC,SAAS,MAAM,SAAS,gBAAgB;MACxC,SAAS,YAAY;AACnB,WAAI,MAAM,SAAS,WAAW,KAAK,gBACjC,cAAa,MAAM;;MAGvB,GAAI,SAAS;gBAEZ,SAAS,SAAS;OACZ;MAEE;;IACD;IA7EmC,kBA8E5C"}

package/dist/components/brand-icons.d.ts

@@ -0,0 +1,78 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/brand-icons.d.ts
+declare namespace brand_icons_d_exports {
+  export { Apple, BRAND_COLORS, Bitbucket, Discord, Facebook, GitHub, Gitlab, Google, LinkedIn, Mapping, Microsoft, Spotify, Twitch, X, toTitle };
+}
+declare function Google({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function Facebook({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function GitHub({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function Microsoft({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function Spotify({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function Discord({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function Gitlab({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function Bitbucket({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function LinkedIn({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function Apple({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function X({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function Twitch({
+  iconSize
+}: {
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function Mapping({
+  provider,
+  iconSize
+}: {
+  provider: string;
+  iconSize: number;
+}): react_jsx_runtime0.JSX.Element;
+declare function toTitle(id: string): string;
+declare const BRAND_COLORS: Record<string, string>;
+//#endregion
+export { Apple, BRAND_COLORS, Bitbucket, Discord, Facebook, GitHub, Gitlab, Google, LinkedIn, Mapping, Microsoft, Spotify, Twitch, X, brand_icons_d_exports as t, toTitle };
+//# sourceMappingURL=brand-icons.d.ts.map

package/dist/components/brand-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-icons.d.ts","names":[],"sources":["../../src/components/brand-icons.tsx"],"mappings":";;;;;;iBAEgB,MAAA,CAAA;EAAS;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgBzC,QAAA,CAAA;EAAW;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAS3C,MAAA,CAAA;EAAS;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBASzC,SAAA,CAAA;EAAY;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAY5C,OAAA,CAAA;EAAU;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAS1C,OAAA,CAAA;EAAU;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAS1C,MAAA,CAAA;EAAS;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqCzC,SAAA,CAAA;EAAY;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgC5C,QAAA,CAAA;EAAW;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqB3C,KAAA,CAAA;EAAQ;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAYxC,CAAA,CAAA;EAAI;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUpC,MAAA,CAAA;EAAS;AAAA;EAAc,QAAA;AAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAmBzC,OAAA,CAAA;EACd,QAAA;EACA;AAAA;EAEE,QAAA;EACA,QAAA;AAAA,IACH,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA4Ce,OAAA,CAAQ,EAAA;AAAA,cAiBX,YAAA,EAAc,MAAA"}

package/dist/components/brand-icons.js

@@ -0,0 +1,336 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let react_jsx_runtime = require("react/jsx-runtime");
+let _stackframe_stack_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
+
+//#region src/components/brand-icons.tsx
+function Google({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: iconSize,
+		height: iconSize,
+		viewBox: "0 0 24 24",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "#4285F4",
+				d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "#34A853",
+				d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "#FBBC05",
+				d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "#EA4335",
+				d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "none",
+				d: "M1 1h22v22H1z"
+			})
+		]
+	});
+}
+function Facebook({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: iconSize,
+		height: iconSize,
+		viewBox: "0 0 512 512",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: "#FFFFFF",
+			d: "M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"
+		})
+	});
+}
+function GitHub({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: iconSize,
+		height: iconSize,
+		viewBox: "0 0 496 512",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: "#FFFFFF",
+			d: "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
+		})
+	});
+}
+function Microsoft({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: iconSize,
+		height: iconSize,
+		viewBox: "0 0 21 21",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "MS-SymbolLockup" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "#f25022",
+				d: "M1 1h9v9H1z"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "#00a4ef",
+				d: "M1 11h9v9H1z"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "#7fba00",
+				d: "M11 1h9v9h-9z"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "#ffb900",
+				d: "M11 11h9v9h-9z"
+			})
+		]
+	});
+}
+function Spotify({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: iconSize,
+		height: iconSize,
+		viewBox: "0 0 496 512",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: "#ffffff",
+			d: "M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"
+		})
+	});
+}
+function Discord({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: iconSize,
+		height: iconSize,
+		viewBox: "0 0 127.14 96.36",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: "#fff",
+			d: "M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
+		})
+	});
+}
+function Gitlab({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: iconSize,
+		height: iconSize,
+		viewBox: "0 -10 256 256",
+		version: "1.1",
+		preserveAspectRatio: "xMidYMid",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M128.07485,236.074667 L128.07485,236.074667 L175.17885,91.1043048 L80.9708495,91.1043048 L128.07485,236.074667 L128.07485,236.074667 Z",
+				fill: "#E24329"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M128.07485,236.074423 L80.9708495,91.104061 L14.9557638,91.104061 L128.07485,236.074423 L128.07485,236.074423 Z",
+				fill: "#FC6D26"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M14.9558857,91.1044267 L14.9558857,91.1044267 L0.641828571,135.159589 C-0.663771429,139.17757 0.766171429,143.57955 4.18438095,146.06275 L128.074971,236.074789 L14.9558857,91.1044267 L14.9558857,91.1044267 Z",
+				fill: "#FCA326"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M14.9558857,91.1045486 L80.9709714,91.1045486 L52.6000762,3.79026286 C51.1408762,-0.703146667 44.7847619,-0.701927619 43.3255619,3.79026286 L14.9558857,91.1045486 L14.9558857,91.1045486 Z",
+				fill: "#E24329"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M128.07485,236.074423 L175.17885,91.104061 L241.193935,91.104061 L128.07485,236.074423 L128.07485,236.074423 Z",
+				fill: "#FC6D26"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M241.193935,91.1044267 L241.193935,91.1044267 L255.507992,135.159589 C256.813592,139.17757 255.38365,143.57955 251.96544,146.06275 L128.07485,236.074789 L241.193935,91.1044267 L241.193935,91.1044267 Z",
+				fill: "#FCA326"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M241.193935,91.1045486 L175.17885,91.1045486 L203.549745,3.79026286 C205.008945,-0.703146667 211.365059,-0.701927619 212.824259,3.79026286 L241.193935,91.1045486 L241.193935,91.1045486 Z",
+				fill: "#E24329"
+			})
+		] })
+	});
+}
+function Bitbucket({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		preserveAspectRatio: "xMidYMid",
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "-0.9662264221278978 -0.5824607696358868 257.93281329857973 230.8324730411935",
+		width: iconSize,
+		height: iconSize,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
+			id: "a",
+			x1: "108.633%",
+			x2: "46.927%",
+			y1: "13.818%",
+			y2: "78.776%",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
+				offset: ".18",
+				stopColor: "#0052cc"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
+				offset: "1",
+				stopColor: "#2684ff"
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+			fill: "none",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M101.272 152.561h53.449l12.901-75.32H87.06z" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M8.308 0A8.202 8.202 0 0 0 .106 9.516l34.819 211.373a11.155 11.155 0 0 0 10.909 9.31h167.04a8.202 8.202 0 0 0 8.201-6.89l34.82-213.752a8.202 8.202 0 0 0-8.203-9.514zm146.616 152.768h-53.315l-14.436-75.42h80.67z",
+					fill: "#2684ff"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M244.61 77.242h-76.916l-12.909 75.36h-53.272l-62.902 74.663a11.105 11.105 0 0 0 7.171 2.704H212.73a8.196 8.196 0 0 0 8.196-6.884z",
+					fill: "url(#a)"
+				})
+			]
+		})]
+	});
+}
+function LinkedIn({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "#fff",
+		height: iconSize,
+		width: iconSize,
+		viewBox: "0 0 310 310",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+			id: "XMLID_801_",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					id: "XMLID_802_",
+					d: "M72.16,99.73H9.927c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5H72.16c2.762,0,5-2.238,5-5V104.73   C77.16,101.969,74.922,99.73,72.16,99.73z"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					id: "XMLID_803_",
+					d: "M41.066,0.341C18.422,0.341,0,18.743,0,41.362C0,63.991,18.422,82.4,41.066,82.4   c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					id: "XMLID_804_",
+					d: "M230.454,94.761c-24.995,0-43.472,10.745-54.679,22.954V104.73c0-2.761-2.238-5-5-5h-59.599   c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5h62.097c2.762,0,5-2.238,5-5v-98.918c0-33.333,9.054-46.319,32.29-46.319   c25.306,0,27.317,20.818,27.317,48.034v97.204c0,2.762,2.238,5,5,5H305c2.762,0,5-2.238,5-5V194.995   C310,145.43,300.549,94.761,230.454,94.761z"
+				})
+			]
+		})
+	});
+}
+function Apple({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		fill: "#fff",
+		height: iconSize,
+		width: iconSize,
+		version: "1.1",
+		id: "Capa_1",
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 22.773 22.773",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.769,0c0.053,0,0.106,0,0.162,0c0.13,1.606-0.483,2.806-1.228,3.675c-0.731,0.863-1.732,1.7-3.351,1.573c-0.108-1.583,0.506-2.694,1.25-3.561C13.292,0.879,14.557,0.16,15.769,0z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M20.67,16.716c0,0.016,0,0.03,0,0.045c-0.455,1.378-1.104,2.559-1.896,3.655c-0.723,0.995-1.609,2.334-3.191,2.334c-1.367,0-2.275-0.879-3.676-0.903c-1.482-0.024-2.297,0.735-3.652,0.926c-0.155,0-0.31,0-0.462,0c-0.995-0.144-1.798-0.932-2.383-1.642c-1.725-2.098-3.058-4.808-3.306-8.276c0-0.34,0-0.679,0-1.019c0.105-2.482,1.311-4.5,2.914-5.478c0.846-0.52,2.009-0.963,3.304-0.765c0.555,0.086,1.122,0.276,1.619,0.464c0.471,0.181,1.06,0.502,1.618,0.485c0.378-0.011,0.754-0.208,1.135-0.347c1.116-0.403,2.21-0.865,3.652-0.648c1.733,0.262,2.963,1.032,3.723,2.22c-1.466,0.933-2.625,2.339-2.427,4.74C17.818,14.688,19.086,15.964,20.67,16.716z" })]
+	});
+}
+function X({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		"aria-label": "X",
+		viewBox: "0 0 1200 1227",
+		width: iconSize,
+		height: iconSize,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			fill: "#FFFFFF",
+			d: "M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"
+		})
+	});
+}
+function Twitch({ iconSize }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		"aria-label": "Twitch",
+		viewBox: "0 0 2400 2800",
+		width: iconSize,
+		height: iconSize,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("polygon", {
+			fill: "#FFFFFF",
+			points: "2200,1300 1800,1700 1400,1700 1050,2050 1050,1700 600,1700 600,200 2200,200"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+			id: "Layer_1-2",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					fill: "#9146FF",
+					d: "M500,0L0,500v1800h600v500l500-500h400l900-900V0H500z M2200,1300l-400,400h-400l-350,350v-350H600V200h1600 V1300z"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: "1700",
+					y: "550",
+					fill: "#9146FF",
+					width: "200",
+					height: "600"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: "1150",
+					y: "550",
+					fill: "#9146FF",
+					width: "200",
+					height: "600"
+				})
+			]
+		}) })] })
+	});
+}
+function Mapping({ provider, iconSize }) {
+	switch (provider) {
+		case "google": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Google, { iconSize });
+		case "github": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GitHub, { iconSize });
+		case "facebook": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Facebook, { iconSize });
+		case "microsoft": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Microsoft, { iconSize });
+		case "spotify": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spotify, { iconSize });
+		case "discord": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Discord, { iconSize });
+		case "gitlab": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Gitlab, { iconSize });
+		case "bitbucket": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Bitbucket, { iconSize });
+		case "linkedin": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkedIn, { iconSize });
+		case "apple": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Apple, { iconSize });
+		case "x": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(X, { iconSize });
+		case "twitch": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Twitch, { iconSize });
+		default: throw new _stackframe_stack_shared_dist_utils_errors.HexclaveAssertionError(`Icon not found for provider: ${provider}`);
+	}
+}
+function toTitle(id) {
+	return {
+		github: "GitHub",
+		google: "Google",
+		facebook: "Facebook",
+		microsoft: "Microsoft",
+		spotify: "Spotify",
+		discord: "Discord",
+		gitlab: "GitLab",
+		apple: "Apple",
+		bitbucket: "Bitbucket",
+		linkedin: "LinkedIn",
+		x: "X",
+		twitch: "Twitch"
+	}[id] || (0, _stackframe_stack_shared_dist_utils_errors.throwErr)(`Unknown provider: ${id}`);
+}
+const BRAND_COLORS = {
+	github: "#24292e",
+	google: "#ffffff",
+	facebook: "#0866FF",
+	microsoft: "#2F2F2F",
+	spotify: "#1DD65F",
+	discord: "#5661F5",
+	linkedin: "#0A66C2",
+	x: "#000000",
+	apple: "#000000",
+	twitch: "#ffffff"
+};
+
+//#endregion
+exports.Apple = Apple;
+exports.BRAND_COLORS = BRAND_COLORS;
+exports.Bitbucket = Bitbucket;
+exports.Discord = Discord;
+exports.Facebook = Facebook;
+exports.GitHub = GitHub;
+exports.Gitlab = Gitlab;
+exports.Google = Google;
+exports.LinkedIn = LinkedIn;
+exports.Mapping = Mapping;
+exports.Microsoft = Microsoft;
+exports.Spotify = Spotify;
+exports.Twitch = Twitch;
+exports.X = X;
+exports.toTitle = toTitle;
+//# sourceMappingURL=brand-icons.js.map