@hexclave/ui 1.0.0

package/dist/components/ui/toggle.js

@@ -0,0 +1,46 @@
+"use client";
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _stackframe_stack_shared_dist_utils_react = require("@hexclave/shared/dist/utils/react");
+let ______lib_utils_js = require("../../lib/utils.js");
+let class_variance_authority = require("class-variance-authority");
+let _radix_ui_react_toggle = require("@radix-ui/react-toggle");
+_radix_ui_react_toggle = require_chunk.__toESM(_radix_ui_react_toggle);
+
+//#region src/components/ui/toggle.tsx
+const toggleVariants = (0, class_variance_authority.cva)("stack-scope inline-flex items-center justify-center rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			default: "h-9 px-3",
+			sm: "h-8 px-2",
+			lg: "h-10 px-3"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const Toggle = (0, _stackframe_stack_shared_dist_utils_react.forwardRefIfNeeded)(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toggle.Root, {
+	ref,
+	className: (0, ______lib_utils_js.cn)(toggleVariants({
+		variant,
+		size,
+		className
+	})),
+	...props
+}));
+Toggle.displayName = _radix_ui_react_toggle.Root.displayName;
+
+//#endregion
+exports.Toggle = Toggle;
+exports.toggleVariants = toggleVariants;
+//# sourceMappingURL=toggle.js.map

package/dist/components/ui/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["TogglePrimitive"],"sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst toggleVariants = cva(\n  \"stack-scope inline-flex items-center justify-center rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        default: \"h-9 px-3\",\n        sm: \"h-8 px-2\",\n        lg: \"h-10 px-3\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nconst Toggle = forwardRefIfNeeded<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;;;;;;;;;AASA,MAAM,mDACJ,2TACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,MAAM,4EAIH,EAAE,WAAW,SAAS,MAAM,GAAG,SAAS,QACzC,2CAACA,uBAAgB;CACV;CACL,sCAAc,eAAe;EAAE;EAAS;EAAM;EAAW,CAAC,CAAC;CAC3D,GAAI;EACJ,CACF;AAEF,OAAO,cAAcA,uBAAgB,KAAK"}

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+
+//#region src/components/ui/tooltip.d.ts
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps & {
+  ref?: React.Ref<void> | undefined;
+}>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.FC<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  ref?: React.Ref<HTMLDivElement> | undefined;
+}>;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../../src/components/ui/tooltip.tsx"],"mappings":";;;;cAQM,eAAA,EAAe,KAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,oBAAA;;;cAWf,OAAA,EAAO,KAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,YAAA;AAAA,cAEP,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAEd,cAAA,EAAc,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,gBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/components/ui/tooltip.js

@@ -0,0 +1,34 @@
+"use client";
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _stackframe_stack_shared_dist_utils_react = require("@hexclave/shared/dist/utils/react");
+let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
+_radix_ui_react_tooltip = require_chunk.__toESM(_radix_ui_react_tooltip);
+let ______lib_utils_js = require("../../lib/utils.js");
+
+//#region src/components/ui/tooltip.tsx
+const TooltipProvider = (0, _stackframe_stack_shared_dist_utils_react.forwardRefIfNeeded)((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Provider, {
+	delayDuration: 0,
+	...props
+}));
+TooltipProvider.displayName = _radix_ui_react_tooltip.Provider.displayName;
+const Tooltip = _radix_ui_react_tooltip.Root;
+const TooltipTrigger = _radix_ui_react_tooltip.Trigger;
+const TooltipContent = (0, _stackframe_stack_shared_dist_utils_react.forwardRefIfNeeded)(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Content, {
+	ref,
+	sideOffset,
+	className: (0, ______lib_utils_js.cn)("stack-scope z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}));
+TooltipContent.displayName = _radix_ui_react_tooltip.Content.displayName;
+
+//#endregion
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+//# sourceMappingURL=tooltip.js.map

package/dist/components/ui/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["TooltipPrimitive"],"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst TooltipProvider = forwardRefIfNeeded<\n  void,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>\n>((props, ref) => (\n  <TooltipPrimitive.Provider\n    delayDuration={0}\n    {...props}\n  />\n));\nTooltipProvider.displayName = TooltipPrimitive.Provider.displayName;\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = forwardRefIfNeeded<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      \"stack-scope z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    {...props}\n  />\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";;;;;;;;;;;;;AAQA,MAAM,qFAGH,OAAO,QACR,2CAACA,wBAAiB;CAChB,eAAe;CACf,GAAI;EACJ,CACF;AACF,gBAAgB,cAAcA,wBAAiB,SAAS;AAExD,MAAM,UAAUA,wBAAiB;AAEjC,MAAM,iBAAiBA,wBAAiB;AAExC,MAAM,oFAGH,EAAE,WAAW,aAAa,GAAG,GAAG,SAAS,QAC1C,2CAACA,wBAAiB;CACX;CACO;CACZ,sCACE,iYACA,UACD;CACD,GAAI;EACJ,CACF;AACF,eAAe,cAAcA,wBAAiB,QAAQ"}

package/dist/components/ui/typography.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/components/ui/typography.d.ts
+declare const Typography: React.FC<React.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
+  type?: "div" | "h1" | "h2" | "h3" | "h4" | "label" | "p" | "footnote" | null | undefined;
+  variant?: "destructive" | "secondary" | "success" | "primary" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string> & {
+  ref?: React.Ref<HTMLHeadingElement> | undefined;
+}>;
+//#endregion
+export { Typography };
+//# sourceMappingURL=typography.d.ts.map

package/dist/components/ui/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","names":[],"sources":["../../../src/components/ui/typography.tsx"],"mappings":";;;;;cAgCM,UAAA,EAAU,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,kBAAA,IAAA,YAAA,EAAA,KAAA;;;IAAA,+BAAA,CAAA,SAAA"}

package/dist/components/ui/typography.js

@@ -0,0 +1,50 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _stackframe_stack_shared_dist_utils_react = require("@hexclave/shared/dist/utils/react");
+let ______lib_utils_js = require("../../lib/utils.js");
+let class_variance_authority = require("class-variance-authority");
+
+//#region src/components/ui/typography.tsx
+const typographyVariants = (0, class_variance_authority.cva)("stack-scope text-md", {
+	variants: {
+		type: {
+			h1: "text-3xl font-bold",
+			h2: "text-2xl font-semibold",
+			h3: "text-xl font-medium",
+			h4: "text-lg font-medium",
+			p: "text-md",
+			label: "text-sm",
+			footnote: "text-xs",
+			div: "text-md"
+		},
+		variant: {
+			primary: "text-black dark:text-white",
+			secondary: "text-zinc-600 dark:text-zinc-400",
+			destructive: "text-destructive",
+			success: "text-green-500"
+		}
+	},
+	defaultVariants: {
+		type: "p",
+		variant: "primary"
+	}
+});
+const Typography = (0, _stackframe_stack_shared_dist_utils_react.forwardRefIfNeeded)(({ className, type, variant, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)((type === "footnote" || type === "label" ? "p" : type) || "p", {
+		className: (0, ______lib_utils_js.cn)(typographyVariants({
+			type,
+			variant,
+			className
+		})),
+		ref,
+		...props
+	});
+});
+Typography.displayName = "Typography";
+
+//#endregion
+exports.Typography = Typography;
+//# sourceMappingURL=typography.js.map

package/dist/components/ui/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":[],"sources":["../../../src/components/ui/typography.tsx"],"sourcesContent":["import { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nconst typographyVariants = cva(\"stack-scope text-md\", {\n  variants: {\n    type: {\n      h1: \"text-3xl font-bold\",\n      h2: \"text-2xl font-semibold\",\n      h3: \"text-xl font-medium\",\n      h4: \"text-lg font-medium\",\n      p: \"text-md\",\n      label: \"text-sm\",\n      footnote: \"text-xs\",\n      div: \"text-md\",\n    },\n    variant: {\n      primary: \"text-black dark:text-white\",\n      secondary: \"text-zinc-600 dark:text-zinc-400\",\n      destructive: \"text-destructive\",\n      success: \"text-green-500\",\n    },\n  },\n  defaultVariants: {\n    type: \"p\",\n    variant: \"primary\",\n  },\n});\n\ntype TypographyProps = {} & React.HTMLAttributes<HTMLHeadingElement> & VariantProps<typeof typographyVariants>\n\nconst Typography = forwardRefIfNeeded<HTMLHeadingElement, TypographyProps>(\n  ({ className, type, variant, ...props }, ref) => {\n    const Comp = (type === 'footnote' || type === 'label' ? 'p' : type) || 'p';\n    return (\n      <Comp\n        className={cn(typographyVariants({ type, variant, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nTypography.displayName = \"Typography\";\n\nexport { Typography };\n"],"mappings":";;;;;;;;;;AAKA,MAAM,uDAAyB,uBAAuB;CACpD,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,GAAG;GACH,OAAO;GACP,UAAU;GACV,KAAK;GACN;EACD,SAAS;GACP,SAAS;GACT,WAAW;GACX,aAAa;GACb,SAAS;GACV;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAIF,MAAM,gFACH,EAAE,WAAW,MAAM,SAAS,GAAG,SAAS,QAAQ;AAE/C,QACE,4CAFY,SAAS,cAAc,SAAS,UAAU,MAAM,SAAS;EAGnE,sCAAc,mBAAmB;GAAE;GAAM;GAAS;GAAW,CAAC,CAAC;EAC1D;EACL,GAAI;GACJ;EAGP;AACD,WAAW,cAAc"}

package/dist/components/ui/use-toast.d.ts

@@ -0,0 +1,50 @@
+import { ToastActionElement, ToastProps } from "./toast.js";
+import React from "react";
+
+//#region src/components/ui/use-toast.d.ts
+type ToasterToast = ToastProps & {
+  id: string;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  action?: ToastActionElement;
+};
+declare const actionTypes: {
+  readonly ADD_TOAST: "ADD_TOAST";
+  readonly UPDATE_TOAST: "UPDATE_TOAST";
+  readonly DISMISS_TOAST: "DISMISS_TOAST";
+  readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+  type: ActionType["ADD_TOAST"];
+  toast: ToasterToast;
+} | {
+  type: ActionType["UPDATE_TOAST"];
+  toast: Partial<ToasterToast>;
+} | {
+  type: ActionType["DISMISS_TOAST"];
+  toastId?: ToasterToast["id"];
+} | {
+  type: ActionType["REMOVE_TOAST"];
+  toastId?: ToasterToast["id"];
+};
+type State = {
+  toasts: ToasterToast[];
+};
+declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, "id">;
+declare function toast({
+  ...props
+}: Toast): {
+  id: string;
+  dismiss: () => void;
+  update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+  toast: typeof toast;
+  dismiss: (toastId?: string) => void;
+  toasts: ToasterToast[];
+};
+//#endregion
+export { reducer, toast, useToast };
+//# sourceMappingURL=use-toast.d.ts.map

package/dist/components/ui/use-toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast.d.ts","names":[],"sources":["../../../src/components/ui/use-toast.tsx"],"mappings":";;;;KAaK,YAAA,GAAe,UAAA;EAClB,EAAA;EACA,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,MAAA,GAAS,kBAAA;AAAA;AAAA,cAGL,WAAA;EAAA;;;;;KAcD,UAAA,UAAoB,WAAA;AAAA,KAEpB,MAAA;EAEC,IAAA,EAAM,UAAA;EACN,KAAA,EAAO,YAAA;AAAA;EAGP,IAAA,EAAM,UAAA;EACN,KAAA,EAAO,OAAA,CAAQ,YAAA;AAAA;EAGf,IAAA,EAAM,UAAA;EACN,OAAA,GAAU,YAAA;AAAA;EAGV,IAAA,EAAM,UAAA;EACN,OAAA,GAAU,YAAA;AAAA;AAAA,KAGX,KAAA;EACH,MAAA,EAAQ,YAAA;AAAA;AAAA,cAqBG,OAAA,GAAW,KAAA,EAAO,KAAA,EAAO,MAAA,EAAQ,MAAA,KAAS,KAAA;AAAA,KAmElD,KAAA,GAAQ,IAAA,CAAK,YAAA;AAAA,iBAET,KAAA,CAAA;EAAA,GAAW;AAAA,GAAS,KAAA;;;kBAGJ,YAAA;AAAA;AAAA,iBA0BhB,QAAA,CAAA;gBAAQ,KAAA;;UAvHP,YAAA;AAAA"}

package/dist/components/ui/use-toast.js

@@ -0,0 +1,127 @@
+"use client";
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+
+//#region src/components/ui/use-toast.tsx
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1e6;
+let count = 0;
+function genId() {
+	count = (count + 1) % Number.MAX_SAFE_INTEGER;
+	return count.toString();
+}
+const toastTimeouts = /* @__PURE__ */ new Map();
+const addToRemoveQueue = (toastId) => {
+	if (toastTimeouts.has(toastId)) return;
+	const timeout = setTimeout(() => {
+		toastTimeouts.delete(toastId);
+		dispatch({
+			type: "REMOVE_TOAST",
+			toastId
+		});
+	}, TOAST_REMOVE_DELAY);
+	toastTimeouts.set(toastId, timeout);
+};
+const reducer = (state, action) => {
+	switch (action.type) {
+		case "ADD_TOAST": return {
+			...state,
+			toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+		};
+		case "UPDATE_TOAST": return {
+			...state,
+			toasts: state.toasts.map((t) => t.id === action.toast.id ? {
+				...t,
+				...action.toast
+			} : t)
+		};
+		case "DISMISS_TOAST": {
+			const { toastId } = action;
+			if (toastId) addToRemoveQueue(toastId);
+			else state.toasts.forEach((toast) => {
+				addToRemoveQueue(toast.id);
+			});
+			return {
+				...state,
+				toasts: state.toasts.map((t) => t.id === toastId || toastId === void 0 ? {
+					...t,
+					open: false
+				} : t)
+			};
+		}
+		case "REMOVE_TOAST":
+			if (action.toastId === void 0) return {
+				...state,
+				toasts: []
+			};
+			return {
+				...state,
+				toasts: state.toasts.filter((t) => t.id !== action.toastId)
+			};
+	}
+};
+const listeners = [];
+let memoryState = { toasts: [] };
+function dispatch(action) {
+	memoryState = reducer(memoryState, action);
+	listeners.forEach((listener) => {
+		listener(memoryState);
+	});
+}
+function toast({ ...props }) {
+	const id = genId();
+	const update = (props) => dispatch({
+		type: "UPDATE_TOAST",
+		toast: {
+			...props,
+			id
+		}
+	});
+	const dismiss = () => dispatch({
+		type: "DISMISS_TOAST",
+		toastId: id
+	});
+	dispatch({
+		type: "ADD_TOAST",
+		toast: {
+			...props,
+			id,
+			open: true,
+			onOpenChange: (open) => {
+				if (!open) dismiss();
+			}
+		}
+	});
+	return {
+		id,
+		dismiss,
+		update
+	};
+}
+function useToast() {
+	const [state, setState] = react.default.useState(memoryState);
+	react.default.useEffect(() => {
+		listeners.push(setState);
+		return () => {
+			const index = listeners.indexOf(setState);
+			if (index > -1) listeners.splice(index, 1);
+		};
+	}, [state]);
+	return {
+		...state,
+		toast,
+		dismiss: (toastId) => dispatch({
+			type: "DISMISS_TOAST",
+			toastId
+		})
+	};
+}
+
+//#endregion
+exports.reducer = reducer;
+exports.toast = toast;
+exports.useToast = useToast;
+//# sourceMappingURL=use-toast.js.map

package/dist/components/ui/use-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast.js","names":["React"],"sources":["../../../src/components/ui/use-toast.tsx"],"sourcesContent":["\"use client\";\n\n// Inspired by react-hot-toast library\nimport React from \"react\";\n\nimport type {\n  ToastActionElement,\n  ToastProps,\n} from \"./toast\";\n\nconst TOAST_LIMIT = 1;\nconst TOAST_REMOVE_DELAY = 1000000;\n\ntype ToasterToast = ToastProps & {\n  id: string,\n  title?: React.ReactNode,\n  description?: React.ReactNode,\n  action?: ToastActionElement,\n}\n\nconst actionTypes = {\n  ADD_TOAST: \"ADD_TOAST\",\n  UPDATE_TOAST: \"UPDATE_TOAST\",\n  DISMISS_TOAST: \"DISMISS_TOAST\",\n  REMOVE_TOAST: \"REMOVE_TOAST\",\n} as const;\n\nlet count = 0;\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER;\n  return count.toString();\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n  | {\n      type: ActionType[\"ADD_TOAST\"],\n      toast: ToasterToast,\n    }\n  | {\n      type: ActionType[\"UPDATE_TOAST\"],\n      toast: Partial<ToasterToast>,\n    }\n  | {\n      type: ActionType[\"DISMISS_TOAST\"],\n      toastId?: ToasterToast[\"id\"],\n    }\n  | {\n      type: ActionType[\"REMOVE_TOAST\"],\n      toastId?: ToasterToast[\"id\"],\n    }\n\ntype State = {\n  toasts: ToasterToast[],\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return;\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId);\n    dispatch({\n      type: \"REMOVE_TOAST\",\n      toastId: toastId,\n    });\n  }, TOAST_REMOVE_DELAY);\n\n  toastTimeouts.set(toastId, timeout);\n};\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"ADD_TOAST\": {\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      };\n    }\n    case \"UPDATE_TOAST\": {\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        ),\n      };\n    }\n    case \"DISMISS_TOAST\": {\n      const { toastId } = action;\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId);\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id);\n        });\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n              ...t,\n              open: false,\n            }\n            : t\n        ),\n      };\n    }\n    case \"REMOVE_TOAST\": {\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        };\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      };\n    }\n  }\n};\n\nconst listeners: Array<(state: State) => void> = [];\n\nlet memoryState: State = { toasts: [] };\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action);\n  listeners.forEach((listener) => {\n    listener(memoryState);\n  });\n}\n\ntype Toast = Omit<ToasterToast, \"id\">\n\nfunction toast({ ...props }: Toast) {\n  const id = genId();\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: \"UPDATE_TOAST\",\n      toast: { ...props, id },\n    });\n  const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id });\n\n  dispatch({\n    type: \"ADD_TOAST\",\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss();\n      },\n    },\n  });\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  };\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState);\n\n  React.useEffect(() => {\n    listeners.push(setState);\n    return () => {\n      const index = listeners.indexOf(setState);\n      if (index > -1) {\n        listeners.splice(index, 1);\n      }\n    };\n  }, [state]);\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId }),\n  };\n}\n\nexport { useToast, toast };\n"],"mappings":";;;;;;;;AAUA,MAAM,cAAc;AACpB,MAAM,qBAAqB;AAgB3B,IAAI,QAAQ;AAEZ,SAAS,QAAQ;AACf,UAAS,QAAQ,KAAK,OAAO;AAC7B,QAAO,MAAM,UAAU;;AA2BzB,MAAM,gCAAgB,IAAI,KAA4C;AAEtE,MAAM,oBAAoB,YAAoB;AAC5C,KAAI,cAAc,IAAI,QAAQ,CAC5B;CAGF,MAAM,UAAU,iBAAiB;AAC/B,gBAAc,OAAO,QAAQ;AAC7B,WAAS;GACP,MAAM;GACG;GACV,CAAC;IACD,mBAAmB;AAEtB,eAAc,IAAI,SAAS,QAAQ;;AAGrC,MAAa,WAAW,OAAc,WAA0B;AAC9D,SAAQ,OAAO,MAAf;EACE,KAAK,YACH,QAAO;GACL,GAAG;GACH,QAAQ,CAAC,OAAO,OAAO,GAAG,MAAM,OAAO,CAAC,MAAM,GAAG,YAAY;GAC9D;EAEH,KAAK,eACH,QAAO;GACL,GAAG;GACH,QAAQ,MAAM,OAAO,KAAK,MACxB,EAAE,OAAO,OAAO,MAAM,KAAK;IAAE,GAAG;IAAG,GAAG,OAAO;IAAO,GAAG,EACxD;GACF;EAEH,KAAK,iBAAiB;GACpB,MAAM,EAAE,YAAY;AAIpB,OAAI,QACF,kBAAiB,QAAQ;OAEzB,OAAM,OAAO,SAAS,UAAU;AAC9B,qBAAiB,MAAM,GAAG;KAC1B;AAGJ,UAAO;IACL,GAAG;IACH,QAAQ,MAAM,OAAO,KAAK,MACxB,EAAE,OAAO,WAAW,YAAY,SAC5B;KACA,GAAG;KACH,MAAM;KACP,GACC,EACL;IACF;;EAEH,KAAK;AACH,OAAI,OAAO,YAAY,OACrB,QAAO;IACL,GAAG;IACH,QAAQ,EAAE;IACX;AAEH,UAAO;IACL,GAAG;IACH,QAAQ,MAAM,OAAO,QAAQ,MAAM,EAAE,OAAO,OAAO,QAAQ;IAC5D;;;AAKP,MAAM,YAA2C,EAAE;AAEnD,IAAI,cAAqB,EAAE,QAAQ,EAAE,EAAE;AAEvC,SAAS,SAAS,QAAgB;AAChC,eAAc,QAAQ,aAAa,OAAO;AAC1C,WAAU,SAAS,aAAa;AAC9B,WAAS,YAAY;GACrB;;AAKJ,SAAS,MAAM,EAAE,GAAG,SAAgB;CAClC,MAAM,KAAK,OAAO;CAElB,MAAM,UAAU,UACd,SAAS;EACP,MAAM;EACN,OAAO;GAAE,GAAG;GAAO;GAAI;EACxB,CAAC;CACJ,MAAM,gBAAgB,SAAS;EAAE,MAAM;EAAiB,SAAS;EAAI,CAAC;AAEtE,UAAS;EACP,MAAM;EACN,OAAO;GACL,GAAG;GACH;GACA,MAAM;GACN,eAAe,SAAS;AACtB,QAAI,CAAC,KAAM,UAAS;;GAEvB;EACF,CAAC;AAEF,QAAO;EACD;EACJ;EACA;EACD;;AAGH,SAAS,WAAW;CAClB,MAAM,CAAC,OAAO,YAAYA,cAAM,SAAgB,YAAY;AAE5D,eAAM,gBAAgB;AACpB,YAAU,KAAK,SAAS;AACxB,eAAa;GACX,MAAM,QAAQ,UAAU,QAAQ,SAAS;AACzC,OAAI,QAAQ,GACV,WAAU,OAAO,OAAO,EAAE;;IAG7B,CAAC,MAAM,CAAC;AAEX,QAAO;EACL,GAAG;EACH;EACA,UAAU,YAAqB,SAAS;GAAE,MAAM;GAAiB;GAAS,CAAC;EAC5E"}

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

@@ -0,0 +1,33 @@
+import { LucideIcon } from "lucide-react";
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Button } from "..";
+
+//#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/esm/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/esm/components/action-dialog.js

@@ -0,0 +1,90 @@
+'use client';
+
+import { CircleAlert, Info } from "lucide-react";
+import React, { Suspense, useId } from "react";
+import { Alert, Button, Checkbox, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Label, Skeleton } from "../index.js";
+import { Fragment, jsx, jsxs } from "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 ? CircleAlert : Info);
+	const [openState, setOpenState] = React.useState(!!props.open);
+	const open = props.open ?? openState;
+	const [confirmed, setConfirmed] = React.useState(false);
+	const confirmId = useId();
+	const [invalidationCount, setInvalidationCount] = React.useState(0);
+	const onOpenChange = (open) => {
+		if (!open) {
+			props.onClose?.();
+			setConfirmed(false);
+		} else setInvalidationCount(invalidationCount + 1);
+		setOpenState(open);
+		props.onOpenChange?.(open);
+	};
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		onOpenChange,
+		children: [props.trigger && /* @__PURE__ */ jsx(DialogTrigger, {
+			asChild: true,
+			children: props.trigger
+		}), /* @__PURE__ */ jsxs(DialogContent, {
+			onInteractOutside: props.preventClose ? (e) => e.preventDefault() : void 0,
+			className: props.preventClose ? "[&>button]:hidden" : "",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsxs(DialogTitle, {
+					className: "flex items-center",
+					children: [/* @__PURE__ */ jsx(TitleIcon, { className: "h-4 w-4 mr-2" }), title]
+				}), /* @__PURE__ */ jsx(DialogDescription, { children: props.description })] }),
+				/* @__PURE__ */ jsxs(DialogBody, {
+					className: "pb-2",
+					children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Suspense, {
+						fallback: /* @__PURE__ */ jsxs(Fragment, { children: [
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-2/3 self-center" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16 mt-8" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24 mt-2" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-6" })
+						] }),
+						children: props.children
+					}) }), props.confirmText && /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsxs(Label, {
+						className: "flex gap-4 items-center",
+						children: [/* @__PURE__ */ jsx(Checkbox, {
+							id: confirmId,
+							checked: confirmed,
+							onCheckedChange: (v) => setConfirmed(!!v)
+						}), props.confirmText]
+					}) })]
+				}),
+				anyButton && /* @__PURE__ */ jsxs(DialogFooter, {
+					className: "gap-2",
+					children: [cancelButton && /* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						color: "neutral",
+						onClick: async () => {
+							if (await cancelButton.onClick?.() !== "prevent-close") onOpenChange(false);
+						},
+						...cancelButton.props,
+						children: cancelButton.label ?? "Cancel"
+					}), okButton && /* @__PURE__ */ jsx(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
+export { ActionDialog };
+//# sourceMappingURL=action-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"action-dialog.js","names":[],"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,SAAS,cAAc;CACnE,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,CAAC,CAAC,MAAM,KAAK;CAC9D,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,MAAM;CACvD,MAAM,YAAY,OAAO;CACzB,MAAM,CAAC,mBAAmB,wBAAwB,MAAM,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,qBAAC;EAAa;EAAoB;aAC/B,MAAM,WAAW,oBAAC;GAAc;aAC9B,MAAM;IACO,EAEhB,qBAAC;GACC,mBAAmB,MAAM,gBAAgB,MAAM,EAAE,gBAAgB,GAAG;GACpE,WAAW,MAAM,eAAe,sBAAsB;;IAEtD,qBAAC,2BACC,qBAAC;KAAY,WAAU;gBACrB,oBAAC,aAAU,WAAU,iBAAgB,EACpC;MACW,EACd,oBAAC,+BACE,MAAM,cACW,IACP;IAEf,qBAAC;KAAW,WAAU;gBACpB,oBAAC,mBACC,oBAAC;MAAS,UACR;OACE,oBAAC,YAAS,WAAU,0BAA0B;OAE9C,oBAAC,YAAS,WAAU,kBAAkB;OACtC,oBAAC,YAAS,WAAU,oBAAoB;OAExC,oBAAC,YAAS,WAAU,kBAAkB;OACtC,oBAAC,YAAS,WAAU,oBAAoB;OAExC,oBAAC,YAAS,WAAU,oBAAoB;UACvC;gBAEF,MAAM;OACE,GACP,EAEL,MAAM,eAAe,oBAAC,mBACrB,qBAAC;MAAM,WAAU;iBACf,oBAAC;OAAS,IAAI;OAAW,SAAS;OAAW,kBAAkB,MAAM,aAAa,CAAC,CAAC,EAAE;QAAG,EACxF,MAAM;OACD,GACF;MACG;IAGZ,aAAa,qBAAC;KAAa,WAAU;gBACnC,gBACC,oBAAC;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,oBAAC;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/esm/components/brand-icons.d.ts

@@ -0,0 +1,75 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/brand-icons.d.ts
+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, toTitle };
+//# sourceMappingURL=brand-icons.d.ts.map

package/dist/esm/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"}