@povio/ui 2.1.14 → 2.1.16

package/dist/inputUploadButton.cva.js

@@ -0,0 +1,27 @@
+import { clsx } from "clsx";
+import { cva } from "class-variance-authority";
+const inputUploadButtonBase = cva(["flex w-full items-center justify-between gap-input-gap-input-to-button-gap"], {
+	variants: { variant: {
+		default: [],
+		nested: []
+	} },
+	defaultVariants: { variant: "default" }
+});
+const inputUploadButton = (props) => {
+	const { className,...rest } = props;
+	return clsx(inputUploadButtonBase(rest), className);
+};
+const inputUploadDropZone = cva([
+	"min-w-0 flex-1",
+	"flex items-center",
+	"group-invalid/input-upload:border group-invalid/input-upload:border-input-outlined-outline-error",
+	"data-[drop-target]:border-input-outlined-outline-hover",
+	"hover:border-input-outlined-outline-hover"
+], {
+	variants: { variant: {
+		default: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"],
+		nested: ["rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle"]
+	} },
+	defaultVariants: { variant: "default" }
+});
+export { inputUploadButton, inputUploadDropZone };

package/dist/isEqual.js

@@ -0,0 +1,57 @@
+import { ObjectUtils } from "./object.utils.js";
+const isEqual = (a, b) => {
+	return eq(a, b);
+};
+var eq = (a, b, aStack, bStack) => {
+	if (a === b) return a !== 0 || 1 / a === 1 / b;
+	if (a == null || b == null) return a === b;
+	if (a !== a) return b !== b;
+	const type = typeof a;
+	if (type !== "function" && type !== "object" && typeof b !== "object") return false;
+	return deepEq(a, b, aStack, bStack);
+};
+var deepEq = (a, b, aStack, bStack) => {
+	const className = toString.call(a);
+	if (className !== toString.call(b)) return false;
+	switch (className) {
+		case "[object RegExp]":
+		case "[object String]": return `${a}` === `${b}`;
+		case "[object Number]":
+			if (+a !== +a) return +b !== +b;
+			return +a === 0 ? 1 / +a === 1 / b : +a === +b;
+		case "[object Date]":
+		case "[object Boolean]": return +a === +b;
+		case "[object Symbol]": return Symbol.prototype.valueOf.call(a) === Symbol.prototype.valueOf.call(b);
+	}
+	const areArrays = className === "[object Array]";
+	if (!areArrays) {
+		if (typeof a !== "object" || typeof b !== "object") return false;
+		const aCtor = a.constructor;
+		const bCtor = b.constructor;
+		if (aCtor !== bCtor && !(ObjectUtils.isFunction(aCtor) && aCtor instanceof aCtor && ObjectUtils.isFunction(bCtor) && bCtor instanceof bCtor) && "constructor" in a && "constructor" in b) return false;
+	}
+	aStack = aStack || [];
+	bStack = bStack || [];
+	let { length } = aStack;
+	while (length--) if (aStack[length] === a) return bStack[length] === b;
+	aStack.push(a);
+	bStack.push(b);
+	if (areArrays) {
+		length = a.length;
+		if (length !== b.length) return false;
+		while (length--) if (!eq(a[length], b[length], aStack, bStack)) return false;
+	} else {
+		const keys = Object.keys(a);
+		let key;
+		length = keys.length;
+		if (Object.keys(b).length !== length) return false;
+		while (length--) {
+			key = keys[length];
+			if (!(Object.prototype.hasOwnProperty.call(b, key) && eq(a[key], b[key], aStack, bStack))) return false;
+		}
+	}
+	aStack.pop();
+	bStack.pop();
+	return true;
+};
+export { isEqual };

package/dist/label.cva.js

@@ -0,0 +1,104 @@
+import { compoundMapper } from "./compoundMapper.js";
+import { cva } from "class-variance-authority";
+const labelBase = cva("text-text-default-1", {
+	variants: { as: {
+		default: ["flex items-start gap-1"],
+		filter: ["absolute top-1/2 -translate-y-1/2"],
+		inline: ["flex items-start gap-1"],
+		floating: [
+			"pointer-events-none",
+			"absolute transition-all duration-75",
+			"top-1/2 -translate-y-1/2",
+			"text-text-default-2 group-has-[input:disabled]/input-content:text-interactive-text-secondary-disabled",
+			"group-disabled/date-picker-content:text-interactive-text-secondary-disabled",
+			"group-disabled/text-editor:text-interactive-text-secondary-disabled",
+			"group-has-[input:disabled]/select-content:text-interactive-text-secondary-disabled",
+			"group-has-[textarea:disabled]/text-area:text-interactive-text-secondary-disabled",
+			"group-data-[text-area]/text-area:top-5 group-data-[text-area]/text-area:translate-y-0",
+			"group-data-[text-editor]/text-editor:top-5 group-data-[text-editor]/text-editor:left-2 group-data-[text-editor]/text-editor:translate-y-0",
+			"group-has-[input:not(:placeholder-shown)]/input-content:top-floating-label-input-height-filled group-has-[input:not(:placeholder-shown)]/input-content:translate-y-0",
+			"group-has-[textarea:not(:placeholder-shown)]/text-area:top-floating-label-input-height-filled group-has-[textarea:not(:placeholder-shown)]/text-area:translate-y-0",
+			"group-data-[is-filled=true]/text-editor:top-floating-label-input-height-filled group-data-[is-filled=true]/text-editor:translate-y-0",
+			"group-data-[has-selection]/date-picker-content:top-1 group-data-[has-selection]/date-picker-content:translate-y-0",
+			"group-focus-within/date-picker-content:top-1 group-focus-within/date-picker-content:translate-y-0",
+			"group-data-[has-selection]/select-content:top-1 group-data-[has-selection]/select-content:translate-y-0",
+			"group-data-[searchable-focus-within]/select-content:top-1 group-data-[searchable-focus-within]/select-content:translate-y-0",
+			"group-data-[has-search]/select-content:top-1 group-data-[has-search]/select-content:translate-y-0",
+			"group-has-[input:placeholder-shown]/input-content:text-text-default-3",
+			"group-has-[input:placeholder-shown]/input-content:!font-medium",
+			"group-has-[input:not(:placeholder-shown)]/input-content:!font-semibold",
+			"group-has-[input:not(:placeholder-shown)]/input-content:!text-label-3",
+			"group-has-[input:not(:placeholder-shown)]/input-content:text-text-default-1",
+			"group-has-[textarea:placeholder-shown]/text-area:text-text-default-3",
+			"group-has-[textarea:placeholder-shown]/text-area:!font-medium",
+			"group-has-[textarea:not(placeholder-shown)]/text-area:!font-semibold",
+			"group-has-[textarea:not(:placeholder-shown)]/text-area:!text-label-3",
+			"group-has-[textarea:not(placeholder-shown)]/text-area:text-text-default-1",
+			"group-focus-within/text-area:!text-text-default-1",
+			"group-focus-within/text-area:text-label-3",
+			"group-has-[textarea:focus-within]/text-area:!font-semibold",
+			"group-has-[data-text-editor:placeholder-shown]/text-editor:text-text-default-3",
+			"group-has-[data-text-editor:placeholder-shown]/text-editor:!font-medium",
+			"group-data-[is-filled=true]/text-editor:!font-semibold",
+			"group-data-[is-filled=true]/text-editor:!text-label-3",
+			"group-data-[is-filled=true]/text-editor:text-text-default-1",
+			"group-focus-within/text-editor:!text-text-default-1",
+			"group-focus-within/text-editor:text-label-3",
+			"group-has-[data-text-editor:focus-within]/text-editor:!font-semibold",
+			"group-data-[has-selection]/date-picker-content:!font-semibold",
+			"group-data-[has-selection]/date-picker-content:!text-label-3",
+			"group-data-[has-selection]/date-picker-content:text-text-default-1",
+			"group-focus-within/date-picker-content:!font-semibold",
+			"group-focus-within/date-picker-content:!text-label-3",
+			"group-focus-within/date-picker-content:text-text-default-1",
+			"group-data-[has-selection]/select-content:!font-semibold",
+			"group-data-[has-selection]/select-content:!text-label-3",
+			"group-data-[has-selection]/select-content:text-text-default-1",
+			"group-data-[searchable-focus-within]/select-content:!font-semibold",
+			"group-data-[searchable-focus-within]/select-content:!text-label-3",
+			"group-data-[searchable-focus-within]/select-content:text-text-default-1",
+			"group-data-[has-search]/select-content:!font-semibold",
+			"group-data-[has-search]/select-content:!text-label-3",
+			"group-data-[has-search]/select-content:text-text-default-1"
+		]
+	} },
+	defaultVariants: { as: "default" }
+});
+const labelTypography = compoundMapper({
+	compoundVariants: [
+		{
+			as: "default",
+			value: {
+				size: "label-2",
+				variant: "prominent-1"
+			}
+		},
+		{
+			as: "filter",
+			value: {
+				size: "label-1",
+				variant: "default"
+			}
+		},
+		{
+			as: "inline",
+			value: {
+				size: "label-2",
+				variant: "prominent-1"
+			}
+		},
+		{
+			as: "floating",
+			value: {
+				size: "label-1",
+				variant: "default"
+			}
+		}
+	],
+	default: {
+		size: "label-2",
+		variant: "prominent-1"
+	},
+	defaultVariants: { as: "default" }
+});
+export { labelBase, labelTypography };

package/dist/link.context.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, use } from "react";
+let LinkContext;
+(function(_LinkContext) {
+	const LinkContextInternal = createContext(null);
+	_LinkContext.LinkContextProvider = ({ children, LinkComponent }) => {
+		const value = { LinkComponent };
+		return /* @__PURE__ */ jsx(LinkContextInternal.Provider, {
+			value,
+			children
+		});
+	};
+	_LinkContext.useLinkContext = () => {
+		return use(LinkContextInternal);
+	};
+})(LinkContext || (LinkContext = {}));
+export { LinkContext };

package/dist/link.cva.js

@@ -0,0 +1,7 @@
+import { uiOutlineClass } from "./outline.clsx.js";
+import { cva } from "class-variance-authority";
+const link = cva(["underline", uiOutlineClass], {
+	variants: { variant: { default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"] } },
+	defaultVariants: { variant: "default" }
+});
+export { link };

package/dist/loader.cva.js

@@ -0,0 +1,16 @@
+import { cva } from "class-variance-authority";
+const loaderWrapper = cva("flex items-center justify-center", {
+	variants: { size: {
+		default: "size-6",
+		l: "size-16"
+	} },
+	defaultVariants: { size: "default" }
+});
+const loader = cva("animate-loader-spin", {
+	variants: { size: {
+		default: "size-3-5",
+		l: "size-8"
+	} },
+	defaultVariants: { size: "default" }
+});
+export { loader, loaderWrapper };

package/dist/logger.js

@@ -0,0 +1,17 @@
+import log from "loglevel";
+import prefix from "loglevel-plugin-prefix";
+prefix.reg(log);
+prefix.apply(log, {
+	template: "[%t] %l:",
+	timestampFormatter: (date) => {
+		return date.toISOString();
+	}
+});
+const logger = {
+	info: (...args) => log.info(...args),
+	debug: (...args) => log.debug(...args),
+	warn: (...args) => log.warn(...args),
+	error: (...args) => log.error(...args),
+	trace: (...args) => log.trace(...args)
+};
+export { logger };

package/dist/menu.cva.js

@@ -0,0 +1,27 @@
+import { cva } from "class-variance-authority";
+const menuCva = cva(["outline-none"], {
+	variants: { isMobile: {
+		true: [],
+		false: []
+	} },
+	defaultVariants: { isMobile: false }
+});
+const menuItemCva = cva([
+	"flex cursor-pointer items-center justify-between gap-list-gap-checkbox-to-label px-list-side-item py-list-height-item",
+	"border-b border-b-elevation-outline-default-1 outline-none last:border-b-0",
+	"bg-elevation-fill-default-1 text-interactive-text-secondary-idle",
+	"disabled:cursor-default disabled:text-interactive-text-secondary-disabled",
+	"hover:bg-elevation-fill-default-2 hover:text-interactive-text-secondary-hover",
+	"open:bg-interactive-contained-primary-idle open:text-interactive-contained-primary-on-idle",
+	"open:hover:bg-interactive-contained-primary-hover open:hover:text-interactive-contained-primary-on-hover",
+	"focus-visible:bg-elevation-fill-default-2 focus-visible:text-interactive-text-secondary-hover"
+], {
+	variants: { isMobile: {
+		true: ["justify-start! w-full font-labels-default"],
+		false: []
+	} },
+	defaultVariants: { isMobile: false }
+});
+const menuPopoverCva = cva(["pt-2 outline-none"]);
+const menuPopoverWrapperCva = cva(["overflow-hidden rounded-list-rounding-dropdown border border-elevation-outline-default-1 shadow-5 outline-none"]);
+export { menuCva, menuItemCva, menuPopoverCva, menuPopoverWrapperCva };

package/dist/minWidth.cva.js

@@ -0,0 +1,9 @@
+import { cva } from "class-variance-authority";
+const minWidth = cva("", { variants: { size: {
+	xxs: ["min-w-button-width-min-width-xxs"],
+	xs: ["min-w-button-width-min-width-xs"],
+	s: ["min-w-button-width-min-width-s"],
+	m: ["min-w-button-width-min-width-m"],
+	l: ["min-w-button-width-min-width-l"]
+} } });
+export { minWidth };

package/dist/modal.cva.js

@@ -0,0 +1,31 @@
+import { cva } from "class-variance-authority";
+const modalContent = cva([
+	"relative flex flex-col items-center gap-modal-gap-content px-modal-side-mobile py-modal-height-mobile md:px-modal-side-desktop md:py-modal-height-desktop",
+	"w-fit max-w-full [&>*]:max-w-full",
+	"border-elevation-outline-default-1 bg-elevation-fill-default-1 outline-none",
+	"pointer-events-auto"
+], {
+	variants: { aside: {
+		left: "h-screen rounded-none border-r",
+		right: "h-screen rounded-none border-l",
+		center: "rounded-modal-rounding-default border"
+	} },
+	defaultVariants: { aside: "center" }
+});
+const modalOverlay = cva(["fixed inset-0 z-10 flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-support-overlay"], {
+	variants: { aside: {
+		left: "p-0",
+		right: "p-0",
+		center: "p-4"
+	} },
+	defaultVariants: { aside: "center" }
+});
+const modalMain = cva(["pointer-events-none my-auto flex w-full"], {
+	variants: { aside: {
+		left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start",
+		right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end",
+		center: "justify-center"
+	} },
+	defaultVariants: { aside: "center" }
+});
+export { modalContent, modalMain, modalOverlay };

package/dist/object.utils.js

@@ -0,0 +1,36 @@
+let ObjectUtils;
+(function(_ObjectUtils) {
+	_ObjectUtils.isNil = (obj) => {
+		return obj === null || obj === void 0;
+	};
+	_ObjectUtils.isFunction = (obj) => {
+		return typeof obj === "function";
+	};
+	_ObjectUtils.isObject = (obj) => {
+		return typeof obj === "object" && !!obj;
+	};
+	const isString = _ObjectUtils.isString = (obj) => {
+		return Object.prototype.toString.call(obj) === "[object String]";
+	};
+	_ObjectUtils.isDate = (obj) => {
+		return Object.prototype.toString.call(obj) === "[object Date]";
+	};
+	_ObjectUtils.isRegExp = (obj) => {
+		return Object.prototype.toString.call(obj) === "[object RegExp]";
+	};
+	_ObjectUtils.isEmpty = (obj) => {
+		if (obj === null || obj === void 0) return true;
+		if (Array.isArray(obj) || isString(obj)) return obj.length === 0;
+		return Object.keys(obj).length === 0;
+	};
+	const deepConditionalMerge = _ObjectUtils.deepConditionalMerge = (target, source, condition) => {
+		const output = { ...target };
+		for (const key in source) if (Object.prototype.hasOwnProperty.call(source, key)) {
+			const value = source[key];
+			if (condition(value, key)) if (typeof value === "object" && !Array.isArray(value)) output[key] = deepConditionalMerge(output[key], value, condition);
+			else output[key] = value;
+		}
+		return output;
+	};
+})(ObjectUtils || (ObjectUtils = {}));
+export { ObjectUtils };

package/dist/outline.clsx.js

@@ -0,0 +1,4 @@
+import { clsx } from "clsx";
+const uiOutlineClass = clsx("focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2");
+const uiGroupOutlineClass = clsx("group-focus:outline-none group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:outline-solid group-focus-visible:outline-offset-2");
+export { uiGroupOutlineClass, uiOutlineClass };

package/dist/pillButton.cva.js

@@ -0,0 +1,254 @@
+import { uiOutlineClass } from "./outline.clsx.js";
+import { compoundMapper } from "./compoundMapper.js";
+import { clsx } from "clsx";
+import { cva } from "class-variance-authority";
+const pillButton = cva([
+	uiOutlineClass,
+	"flex items-center justify-center",
+	"rounded-pill-rounding-default border border-solid px-pill-side-default py-pill-height-default"
+], {
+	variants: {
+		color: {
+			primary: "",
+			secondary: "",
+			success: "",
+			warning: "",
+			error: ""
+		},
+		variant: {
+			contained: "",
+			outlined: "",
+			subtle: ""
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "contained",
+			color: "primary",
+			className: [
+				"border-interactive-contained-primary-idle bg-interactive-contained-primary-idle text-interactive-contained-primary-on-idle",
+				"hover:border-interactive-contained-primary-hover hover:bg-interactive-contained-primary-hover hover:text-interactive-contained-primary-on-hover",
+				"pressed:border-interactive-contained-primary-pressed pressed:bg-interactive-contained-primary-pressed pressed:text-interactive-contained-primary-on-pressed",
+				"disabled:border-interactive-contained-primary-disabled disabled:bg-interactive-contained-primary-disabled disabled:text-interactive-contained-primary-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus",
+				"selected:border-interactive-contained-primary-toggled-idle selected:bg-interactive-contained-primary-toggled-idle selected:text-interactive-contained-primary-on-toggled-idle",
+				"selected:hover:border-interactive-contained-primary-toggled-hover selected:hover:bg-interactive-contained-primary-toggled-hover selected:hover:text-interactive-contained-primary-on-toggled-hover",
+				"selected:disabled:border-interactive-contained-primary-toggled-disabled selected:disabled:bg-interactive-contained-primary-toggled-disabled selected:disabled:text-interactive-contained-primary-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "outlined",
+			color: "primary",
+			className: [
+				"border-interactive-outlined-primary-outline-idle bg-interactive-outlined-primary-idle text-interactive-outlined-primary-on-idle",
+				"hover:border-interactive-outlined-primary-outline-hover hover:bg-interactive-outlined-primary-hover hover:text-interactive-outlined-primary-on-hover",
+				"pressed:border-interactive-outlined-primary-outline-pressed pressed:bg-interactive-outlined-primary-pressed pressed:text-interactive-outlined-primary-on-pressed",
+				"disabled:border-interactive-outlined-primary-outline-disabled disabled:bg-interactive-outlined-primary-disabled disabled:text-interactive-outlined-primary-on-disabled",
+				"focus-visible:outline-interactive-outlined-primary-focus",
+				"selected:border-interactive-outlined-primary-toggled-idle selected:bg-interactive-outlined-primary-toggled-idle selected:text-interactive-outlined-primary-on-toggled-idle",
+				"selected:hover:border-interactive-outlined-primary-toggled-hover selected:hover:bg-interactive-outlined-primary-toggled-hover selected:hover:text-interactive-outlined-primary-on-toggled-hover",
+				"selected:disabled:border-interactive-outlined-primary-toggled-disabled selected:disabled:bg-interactive-outlined-primary-toggled-disabled selected:disabled:text-interactive-outlined-primary-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "subtle",
+			color: "primary",
+			className: [
+				"border-interactive-subtle-primary-idle bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle",
+				"hover:border-interactive-subtle-primary-hover hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover",
+				"pressed:border-interactive-subtle-primary-pressed pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed",
+				"disabled:border-interactive-subtle-primary-disabled disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled",
+				"focus-visible:outline-interactive-subtle-primary-focus",
+				"selected:border-interactive-contained-primary-toggled-idle selected:bg-interactive-contained-primary-toggled-idle selected:text-interactive-contained-primary-on-toggled-idle",
+				"selected:hover:border-interactive-subtle-primary-toggled-hover selected:hover:bg-interactive-subtle-primary-toggled-hover selected:hover:text-interactive-subtle-primary-on-toggled-hover",
+				"selected:disabled:border-interactive-subtle-primary-toggled-disabled selected:disabled:bg-interactive-subtle-primary-toggled-disabled selected:disabled:text-interactive-subtle-primary-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "contained",
+			color: "secondary",
+			className: [
+				"border-interactive-contained-secondary-idle bg-interactive-contained-secondary-idle text-interactive-contained-secondary-on-idle",
+				"hover:border-interactive-contained-secondary-hover hover:bg-interactive-contained-secondary-hover hover:text-interactive-contained-secondary-on-hover",
+				"pressed:border-interactive-contained-secondary-pressed pressed:bg-interactive-contained-secondary-pressed pressed:text-interactive-contained-secondary-on-pressed",
+				"disabled:border-interactive-contained-secondary-disabled disabled:bg-interactive-contained-secondary-disabled disabled:text-interactive-contained-secondary-on-disabled",
+				"focus-visible:outline-interactive-contained-secondary-focus",
+				"selected:border-interactive-contained-secondary-toggled-idle selected:bg-interactive-contained-secondary-toggled-idle selected:text-interactive-contained-secondary-on-toggled-idle",
+				"selected:hover:border-interactive-contained-secondary-toggled-hover selected:hover:bg-interactive-contained-secondary-toggled-hover selected:hover:text-interactive-contained-secondary-on-toggled-hover",
+				"selected:disabled:border-interactive-contained-secondary-toggled-disabled selected:disabled:bg-interactive-contained-secondary-toggled-disabled selected:disabled:text-interactive-contained-secondary-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "outlined",
+			color: "secondary",
+			className: [
+				"border-interactive-outlined-secondary-outline-idle bg-interactive-outlined-secondary-idle text-interactive-outlined-secondary-on-idle",
+				"hover:border-interactive-outlined-secondary-outline-hover hover:bg-interactive-outlined-secondary-hover hover:text-interactive-outlined-secondary-on-hover",
+				"pressed:border-interactive-outlined-secondary-outline-pressed pressed:bg-interactive-outlined-secondary-pressed pressed:text-interactive-outlined-secondary-on-pressed",
+				"disabled:border-interactive-outlined-secondary-outline-disabled disabled:bg-interactive-outlined-secondary-disabled disabled:text-interactive-outlined-secondary-on-disabled",
+				"focus-visible:outline-interactive-outlined-secondary-focus",
+				"selected:border-interactive-contained-secondary-toggled-idle selected:bg-interactive-contained-secondary-toggled-idle selected:text-interactive-contained-secondary-on-toggled-idle",
+				"selected:hover:border-interactive-contained-secondary-toggled-hover selected:hover:bg-interactive-contained-secondary-toggled-hover selected:hover:text-interactive-contained-secondary-on-toggled-hover",
+				"selected:disabled:border-interactive-contained-secondary-toggled-disabled selected:disabled:bg-interactive-contained-secondary-toggled-disabled selected:disabled:text-interactive-contained-secondary-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "subtle",
+			color: "secondary",
+			className: [
+				"border-interactive-subtle-secondary-idle bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle",
+				"hover:border-interactive-subtle-secondary-hover hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
+				"pressed:border-interactive-subtle-secondary-pressed pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
+				"disabled:border-interactive-subtle-secondary-disabled disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled",
+				"focus-visible:outline-interactive-subtle-secondary-focus",
+				"selected:border-interactive-subtle-secondary-toggled-idle selected:bg-interactive-subtle-secondary-toggled-idle selected:text-interactive-subtle-secondary-on-toggled-idle",
+				"selected:hover:border-interactive-subtle-secondary-toggled-hover selected:hover:bg-interactive-subtle-secondary-toggled-hover selected:hover:text-interactive-subtle-secondary-on-toggled-hover",
+				"selected:disabled:border-interactive-subtle-secondary-toggled-disabled selected:disabled:bg-interactive-subtle-secondary-toggled-disabled selected:disabled:text-interactive-subtle-secondary-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "contained",
+			color: "success",
+			className: [
+				"border-interactive-contained-success-idle bg-interactive-contained-success-idle text-interactive-contained-success-on-idle",
+				"hover:border-interactive-contained-success-hover hover:bg-interactive-contained-success-hover hover:text-interactive-contained-success-on-hover",
+				"pressed:border-interactive-contained-success-pressed pressed:bg-interactive-contained-success-pressed pressed:text-interactive-contained-success-on-pressed",
+				"disabled:border-interactive-contained-success-disabled disabled:bg-interactive-contained-success-disabled disabled:text-interactive-contained-success-on-disabled",
+				"focus-visible:outline-interactive-contained-success-focus",
+				"selected:border-interactive-contained-success-toggled-idle selected:bg-interactive-contained-success-toggled-idle selected:text-interactive-contained-success-on-toggled-idle",
+				"selected:hover:border-interactive-contained-success-toggled-hover selected:hover:bg-interactive-contained-success-toggled-hover selected:hover:text-interactive-contained-success-on-toggled-hover",
+				"selected:disabled:border-interactive-contained-success-toggled-disabled selected:disabled:bg-interactive-contained-success-toggled-disabled selected:disabled:text-interactive-contained-success-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "outlined",
+			color: "success",
+			className: [
+				"border-interactive-outlined-success-outline-idle bg-interactive-outlined-success-idle text-interactive-outlined-success-on-idle",
+				"hover:border-interactive-outlined-success-outline-hover hover:bg-interactive-outlined-success-hover hover:text-interactive-outlined-success-on-hover",
+				"pressed:border-interactive-outlined-success-outline-pressed pressed:bg-interactive-outlined-success-pressed pressed:text-interactive-outlined-success-on-pressed",
+				"disabled:border-interactive-outlined-success-outline-disabled disabled:bg-interactive-outlined-success-disabled disabled:text-interactive-outlined-success-on-disabled",
+				"focus-visible:outline-interactive-outlined-success-focus",
+				"selected:border-interactive-outlined-success-toggled-idle selected:bg-interactive-outlined-success-toggled-idle selected:text-interactive-outlined-success-on-toggled-idle",
+				"selected:hover:border-interactive-outlined-success-toggled-hover selected:hover:bg-interactive-outlined-success-toggled-hover selected:hover:text-interactive-outlined-success-on-toggled-hover",
+				"selected:disabled:border-interactive-outlined-success-toggled-disabled selected:disabled:bg-interactive-outlined-success-toggled-disabled selected:disabled:text-interactive-outlined-success-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "subtle",
+			color: "success",
+			className: [
+				"border-interactive-subtle-success-idle bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle",
+				"hover:border-interactive-subtle-success-hover hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover",
+				"pressed:border-interactive-subtle-success-pressed pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed",
+				"disabled:border-interactive-subtle-success-disabled disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled",
+				"focus-visible:outline-interactive-subtle-success-focus",
+				"selected:border-interactive-subtle-success-toggled-idle selected:bg-interactive-subtle-success-toggled-idle selected:text-interactive-subtle-success-on-toggled-idle",
+				"selected:hover:border-interactive-subtle-success-toggled-hover selected:hover:bg-interactive-subtle-success-toggled-hover selected:hover:text-interactive-subtle-success-on-toggled-hover",
+				"selected:disabled:border-interactive-subtle-success-toggled-disabled selected:disabled:bg-interactive-subtle-success-toggled-disabled selected:disabled:text-interactive-subtle-success-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "contained",
+			color: "warning",
+			className: [
+				"border-interactive-contained-warning-idle bg-interactive-contained-warning-idle text-interactive-contained-warning-on-idle",
+				"hover:border-interactive-contained-warning-hover hover:bg-interactive-contained-warning-hover hover:text-interactive-contained-warning-on-hover",
+				"pressed:border-interactive-contained-warning-pressed pressed:bg-interactive-contained-warning-pressed pressed:text-interactive-contained-warning-on-pressed",
+				"disabled:border-interactive-contained-warning-disabled disabled:bg-interactive-contained-warning-disabled disabled:text-interactive-contained-warning-on-disabled",
+				"focus-visible:outline-interactive-contained-warning-focus",
+				"selected:border-interactive-contained-warning-toggled-idle selected:bg-interactive-contained-warning-toggled-idle selected:text-interactive-contained-warning-on-toggled-idle",
+				"selected:hover:border-interactive-contained-warning-toggled-hover selected:hover:bg-interactive-contained-warning-toggled-hover selected:hover:text-interactive-contained-warning-on-toggled-hover",
+				"selected:disabled:border-interactive-contained-warning-toggled-disabled selected:disabled:bg-interactive-contained-warning-toggled-disabled selected:disabled:text-interactive-contained-warning-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "outlined",
+			color: "warning",
+			className: [
+				"border-interactive-outlined-warning-outline-idle bg-interactive-outlined-warning-idle text-interactive-outlined-warning-on-idle",
+				"hover:border-interactive-outlined-warning-outline-hover hover:bg-interactive-outlined-warning-hover hover:text-interactive-outlined-warning-on-hover",
+				"pressed:border-interactive-outlined-warning-outline-pressed pressed:bg-interactive-outlined-warning-pressed pressed:text-interactive-outlined-warning-on-pressed",
+				"disabled:border-interactive-outlined-warning-outline-disabled disabled:bg-interactive-outlined-warning-disabled disabled:text-interactive-outlined-warning-on-disabled",
+				"focus-visible:outline-interactive-outlined-warning-focus",
+				"selected:border-interactive-outlined-warning-toggled-idle selected:bg-interactive-outlined-warning-toggled-idle selected:text-interactive-outlined-warning-on-toggled-idle",
+				"selected:hover:border-interactive-outlined-warning-toggled-hover selected:hover:bg-interactive-outlined-warning-toggled-hover selected:hover:text-interactive-outlined-warning-on-toggled-hover",
+				"selected:disabled:border-interactive-outlined-warning-toggled-disabled selected:disabled:bg-interactive-outlined-warning-toggled-disabled selected:disabled:text-interactive-outlined-warning-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "subtle",
+			color: "warning",
+			className: [
+				"border-interactive-subtle-warning-idle bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle",
+				"hover:border-interactive-subtle-warning-hover hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover",
+				"pressed:border-interactive-subtle-warning-pressed pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed",
+				"disabled:border-interactive-subtle-warning-disabled disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled",
+				"focus-visible:outline-interactive-subtle-warning-focus",
+				"selected:border-interactive-subtle-warning-toggled-idle selected:bg-interactive-subtle-warning-toggled-idle selected:text-interactive-subtle-warning-on-toggled-idle",
+				"selected:hover:border-interactive-subtle-warning-toggled-hover selected:hover:bg-interactive-subtle-warning-toggled-hover selected:hover:text-interactive-subtle-warning-on-toggled-hover",
+				"selected:disabled:border-interactive-subtle-warning-toggled-disabled selected:disabled:bg-interactive-subtle-warning-toggled-disabled selected:disabled:text-interactive-subtle-warning-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "contained",
+			color: "error",
+			className: [
+				"border-interactive-contained-error-idle bg-interactive-contained-error-idle text-interactive-contained-error-on-idle",
+				"hover:border-interactive-contained-error-hover hover:bg-interactive-contained-error-hover hover:text-interactive-contained-error-on-hover",
+				"pressed:border-interactive-contained-error-pressed pressed:bg-interactive-contained-error-pressed pressed:text-interactive-contained-error-on-pressed",
+				"disabled:border-interactive-contained-error-disabled disabled:bg-interactive-contained-error-disabled disabled:text-interactive-contained-error-on-disabled",
+				"focus-visible:outline-interactive-contained-error-focus",
+				"selected:border-interactive-contained-error-toggled-idle selected:bg-interactive-contained-error-toggled-idle selected:text-interactive-contained-error-on-toggled-idle",
+				"selected:hover:border-interactive-contained-error-toggled-hover selected:hover:bg-interactive-contained-error-toggled-hover selected:hover:text-interactive-contained-error-on-toggled-hover",
+				"selected:disabled:border-interactive-contained-error-toggled-disabled selected:disabled:bg-interactive-contained-error-toggled-disabled selected:disabled:text-interactive-contained-error-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "outlined",
+			color: "error",
+			className: [
+				"border-interactive-outlined-error-outline-idle bg-interactive-outlined-error-idle text-interactive-outlined-error-on-idle",
+				"hover:border-interactive-outlined-error-outline-hover hover:bg-interactive-outlined-error-hover hover:text-interactive-outlined-error-on-hover",
+				"pressed:border-interactive-outlined-error-outline-pressed pressed:bg-interactive-outlined-error-pressed pressed:text-interactive-outlined-error-on-pressed",
+				"disabled:border-interactive-outlined-error-outline-disabled disabled:bg-interactive-outlined-error-disabled disabled:text-interactive-outlined-error-on-disabled",
+				"focus-visible:outline-interactive-outlined-error-focus",
+				"selected:border-interactive-outlined-error-toggled-idle selected:bg-interactive-outlined-error-toggled-idle selected:text-interactive-outlined-error-on-toggled-idle",
+				"selected:hover:border-interactive-outlined-error-toggled-hover selected:hover:bg-interactive-outlined-error-toggled-hover selected:hover:text-interactive-outlined-error-on-toggled-hover",
+				"selected:disabled:border-interactive-outlined-error-toggled-disabled selected:disabled:bg-interactive-outlined-error-toggled-disabled selected:disabled:text-interactive-outlined-error-on-toggled-disabled"
+			]
+		},
+		{
+			variant: "subtle",
+			color: "error",
+			className: [
+				"border-interactive-subtle-error-idle bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle",
+				"hover:border-interactive-subtle-error-hover hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover",
+				"pressed:border-interactive-subtle-error-pressed pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed",
+				"disabled:border-interactive-subtle-error-disabled disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled",
+				"focus-visible:outline-interactive-subtle-error-focus",
+				"selected:border-interactive-subtle-error-toggled-idle selected:bg-interactive-subtle-error-toggled-idle selected:text-interactive-subtle-error-on-toggled-idle",
+				"selected:hover:border-interactive-subtle-error-toggled-hover selected:hover:bg-interactive-subtle-error-toggled-hover selected:hover:text-interactive-subtle-error-on-toggled-hover",
+				"selected:disabled:border-interactive-subtle-error-toggled-disabled selected:disabled:bg-interactive-subtle-error-toggled-disabled selected:disabled:text-interactive-subtle-error-on-toggled-disabled"
+			]
+		}
+	],
+	defaultVariants: {
+		color: "primary",
+		variant: "contained"
+	}
+});
+const pillButtonContent = cva("", {
+	variants: { iconPosition: {
+		left: "gap-button-gap-icon-to-label pr-button-side-button-content",
+		right: "gap-button-gap-icon-to-label pl-button-side-button-content",
+		none: "gap-button-gap-icon-to-label"
+	} },
+	defaultVariants: { iconPosition: "left" }
+});
+const pillButtonIconSize = clsx("h-6 w-6");
+const pillButtonTypography = compoundMapper({ default: {
+	size: "label-2",
+	variant: "prominent-1"
+} });
+export { pillButton, pillButtonContent, pillButtonIconSize, pillButtonTypography };

package/dist/queries.utils.js

@@ -0,0 +1,7 @@
+let QueriesUtils;
+(function(_QueriesUtils) {
+	_QueriesUtils.prefetchMultipleQueries = (queryClient, queries) => {
+		return Promise.all(queries.map((query) => query(queryClient)));
+	};
+})(QueriesUtils || (QueriesUtils = {}));
+export { QueriesUtils };