@vjdesigns/vjdesigns-ui 0.0.0-stage → 2.0.0

package/dist/components/primitives/Button/Button.d.ts

@@ -0,0 +1,123 @@
+import { ComponentPropsWithRef, ElementType, ReactElement, ReactNode } from 'react';
+import { Orientation, Radius, Size, Space, Tone } from '../../../types/common';
+/**
+ * Visual style of a button. Semantic color is set separately with `tone`.
+ * `inverse` swaps the solid colors (a `--color-on-{tone}` fill with
+ * `--color-{tone}` text), for actions on a solid `tone` surface such as a
+ * Banner strip.
+ */
+export type ButtonVariant = "solid" | "soft" | "outline" | "ghost" | "link" | "inverse";
+/** IconButton size: the shared sizes plus `xs` (24px), for buttons inside a field. */
+export type IconButtonSize = Size | "xs";
+/** Props shared by `Button`, `IconButton`, and `ButtonGroup`. */
+export interface ButtonStyleProps {
+    /** Visual style. Inherits from a surrounding `ButtonGroup`. @default "solid" */
+    variant?: ButtonVariant;
+    /** Semantic color. Inherits from a surrounding `ButtonGroup`. @default "primary" */
+    tone?: Tone;
+    /** Control height, padding, and type size. Inherits from a surrounding `ButtonGroup`. @default "md" */
+    size?: Size;
+    /** Corner rounding. When omitted, uses `--control-radius` (pill). @default "pill" */
+    radius?: Radius;
+    /** Disables the control. Buttons use the native `disabled` attribute; links drop `href` and get `aria-disabled`. @default false */
+    disabled?: boolean;
+}
+/**
+ * Renders as a `<button>` by default, as an `<a>` with the same styling
+ * when `href` is passed, or as a component of your choice (`as`, e.g. a
+ * client-side router link, whose own props such as `to` are typed).
+ */
+type AsButtonOrLink<Own> = (Own & Omit<ComponentPropsWithRef<"button">, keyof Own | "href"> & {
+    /** Pass a URL to render the control as a link (`<a>`). */
+    href?: undefined;
+}) | (Own & Omit<ComponentPropsWithRef<"a">, keyof Own> & {
+    /** Pass a URL to render the control as a link (`<a>`). */
+    href: string;
+});
+/** Renders as a component of your choice, usually a client-side router link. */
+type AsComponent<Own, C extends ElementType> = Own & Omit<ComponentPropsWithRef<C>, keyof Own | "as"> & {
+    /**
+     * A component to render instead, usually a client-side router link
+     * (React Router or Next.js `Link`); its props (e.g. `to`) are
+     * accepted and typed. It must forward `ref`, `className`, `onClick`,
+     * and `aria-*` to an `<a>`. While disabled or loading, a plain
+     * `<a role="link" aria-disabled="true">` is rendered instead, since
+     * router links can't render without a destination.
+     */
+    as: C;
+};
+export interface ButtonOwnProps extends ButtonStyleProps {
+    /** The visible label. */
+    children?: ReactNode;
+    /** Decorative icon before the label. Hidden from assistive technology. */
+    startIcon?: ReactNode;
+    /** Decorative icon after the label. Hidden from assistive technology. */
+    endIcon?: ReactNode;
+    /**
+     * Shows an inline spinner, sets `aria-busy`, and ignores clicks. The button
+     * keeps its width and stays focusable. @default false
+     */
+    loading?: boolean;
+    /** Label shown (and announced) next to the spinner while `loading`. Defaults to keeping the normal label as the accessible name. */
+    loadingText?: ReactNode;
+    /**
+     * Announced to screen readers when `loading` starts (a plain string
+     `loadingText` is announced instead). Localize it here. @default "Loading"
+     */
+    loadingLabel?: string;
+    /** Stretches the button to fill its container. Inherits from a surrounding `ButtonGroup`. @default false */
+    fullWidth?: boolean;
+    /**
+     * Tighter side padding, so a short label (a page number, "OK") makes a
+     * button no wider than it is tall. @default false
+     */
+    compact?: boolean;
+}
+/** Props for `Button`: a `<button>`, an `<a>` (with `href`), or your component (with `as`). */
+export type ButtonProps<C extends ElementType = never> = AsButtonOrLink<ButtonOwnProps> | AsComponent<ButtonOwnProps, C>;
+export interface IconButtonOwnProps extends Omit<ButtonStyleProps, "size"> {
+    /**
+     * Control size. `xs` (24px, the minimum target size) fits inside a `sm`
+     * field without making it taller. Inherits from a surrounding `ButtonGroup`. @default "md"
+     */
+    size?: IconButtonSize;
+    /** Accessible name. Required, since an icon button has no visible label. */
+    "aria-label": string;
+    /** The icon. Hidden from assistive technology; `aria-label` names the button. */
+    children: ReactNode;
+    /** Replaces the icon with a spinner, sets `aria-busy`, and ignores clicks. @default false */
+    loading?: boolean;
+}
+/** Props for `IconButton`: a `<button>`, an `<a>` (with `href`), or your component (with `as`). */
+export type IconButtonProps<C extends ElementType = never> = AsButtonOrLink<IconButtonOwnProps> | AsComponent<IconButtonOwnProps, C>;
+/**
+ * The library's primary action control. Pill-shaped, bold, with a springy
+ * press. Renders a native `<button type="button">`, or an `<a>` when `href`
+ * is passed.
+ */
+export declare function Button(props: AsButtonOrLink<ButtonOwnProps>): ReactElement;
+export declare function Button<C extends ElementType>(props: AsComponent<ButtonOwnProps, C>): ReactElement;
+/**
+ * A square (or circular, by default) button that shows only an icon.
+ * `aria-label` is required. At least 32x32 at every size.
+ */
+export declare function IconButton(props: AsButtonOrLink<IconButtonOwnProps>): ReactElement;
+export declare function IconButton<C extends ElementType>(props: AsComponent<IconButtonOwnProps, C>): ReactElement;
+export interface ButtonGroupProps extends ButtonStyleProps, ComponentPropsWithRef<"div"> {
+    /** Joins buttons edge to edge, sharing borders, with rounding on the outer corners only. @default false */
+    attached?: boolean;
+    /** Layout direction. @default "horizontal" */
+    orientation?: Orientation;
+    /** Space between buttons (a `--space-*` step). Ignored when `attached`. @default 2 */
+    gap?: Space;
+    /** Stretches the group to fill its container and makes buttons share the space equally. @default false */
+    fullWidth?: boolean;
+    /** The buttons. `size`, `variant`, `tone`, `radius`, and `disabled` are passed down; a button's own props win. */
+    children?: ReactNode;
+}
+/**
+ * Groups related buttons (`role="group"`). Give it an `aria-label` or
+ * `aria-labelledby` when the group's purpose isn't clear from context.
+ */
+export declare const ButtonGroup: ({ attached, orientation, gap, size, variant, tone, radius, disabled, fullWidth, className, children, ...rest }: ButtonGroupProps) => import("react").JSX.Element;
+export {};

package/dist/components/primitives/Button/Button.mjs

@@ -0,0 +1,194 @@
+import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { announce as n } from "../../../utils/announce.mjs";
+import { Spinner as r } from "../../feedback/Spinner/Spinner.mjs";
+import i from "./Button.module.css.mjs";
+import { createContext as a, useContext as o, useEffect as s, useMemo as c, useRef as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/primitives/Button/Button.tsx
+var p = {
+	solid: i.solid,
+	soft: i.soft,
+	outline: i.outline,
+	ghost: i.ghost,
+	link: i.link,
+	inverse: i.inverse
+}, m = {
+	neutral: i.neutral,
+	primary: i.primary,
+	accent: i.accent,
+	success: i.success,
+	warning: i.warning,
+	danger: i.danger,
+	info: i.info
+}, h = {
+	xs: i.xs,
+	sm: i.sm,
+	md: i.md,
+	lg: i.lg
+}, g = {
+	none: i.radiusNone,
+	xs: i.radiusXs,
+	sm: i.radiusSm,
+	md: i.radiusMd,
+	lg: i.radiusLg,
+	xl: i.radiusXl,
+	"2xl": i.radius2xl,
+	pill: i.radiusPill
+}, _ = {
+	0: i.gap0,
+	1: i.gap1,
+	2: i.gap2,
+	3: i.gap3,
+	4: i.gap4,
+	5: i.gap5,
+	6: i.gap6,
+	8: i.gap8,
+	10: i.gap10,
+	12: i.gap12,
+	16: i.gap16,
+	20: i.gap20,
+	24: i.gap24
+}, v = {
+	xs: "sm",
+	sm: "sm",
+	md: "md",
+	lg: "lg"
+}, y = a(null), b = ({ iconOnly: a = !1, variant: c, tone: _, size: b, radius: x, disabled: S, loading: C = !1, loadingText: w, loadingLabel: T, fullWidth: ee, compact: te = !1, startIcon: E, endIcon: D, children: O, className: k, href: A, as: j, type: M, ref: N, onClick: P, "aria-disabled": F, "aria-busy": I, ...L }) => {
+	let R = e(), z = T ?? R.button.loading, B = o(y), V = c ?? B?.variant ?? "solid", H = _ ?? B?.tone ?? "primary", U = b ?? B?.size ?? "md", W = x ?? B?.radius, G = S ?? B?.disabled ?? !1, K = F === !0 || F === "true", q = !a && (ee ?? B?.fullWidth ?? !1), J = G || K || C, Y = C && !a && w != null, X = t(i.root, p[V], m[H], h[U], W ? g[W] : i.radiusDefault, a && i.iconOnly, te && !a && i.compact, q && i.fullWidth, !J && i.interactive, C && i.loading, (G || K) && i.disabled, k), Z = l(C);
+	s(() => {
+		C && !Z.current && n(typeof w == "string" ? w : z), Z.current = C;
+	}, [
+		C,
+		w,
+		z
+	]);
+	let Q = (e) => {
+		if (J) {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		P?.(e);
+	}, $ = /* @__PURE__ */ f("span", {
+		className: i.inner,
+		children: [/* @__PURE__ */ d("span", {
+			className: i.content,
+			"aria-hidden": Y ? !0 : void 0,
+			children: a ? /* @__PURE__ */ d("span", {
+				className: i.icon,
+				"aria-hidden": "true",
+				children: O
+			}) : /* @__PURE__ */ f(u, { children: [
+				E != null && /* @__PURE__ */ d("span", {
+					className: i.icon,
+					"aria-hidden": "true",
+					children: E
+				}),
+				O != null && /* @__PURE__ */ d("span", {
+					className: i.label,
+					children: O
+				}),
+				D != null && /* @__PURE__ */ d("span", {
+					className: i.icon,
+					"aria-hidden": "true",
+					children: D
+				})
+			] })
+		}), C && /* @__PURE__ */ f("span", {
+			className: i.loadingLayer,
+			children: [/* @__PURE__ */ d(r, {
+				decorative: !0,
+				size: v[U],
+				className: i.spinner
+			}), Y && /* @__PURE__ */ d("span", {
+				className: i.label,
+				children: w
+			})]
+		})]
+	});
+	if (j !== void 0) {
+		if (J) {
+			let { to: e, href: t, ...n } = L;
+			return /* @__PURE__ */ d("a", {
+				...n,
+				ref: N,
+				className: X,
+				role: "link",
+				"aria-disabled": !0,
+				"aria-busy": C ? !0 : I,
+				onClick: Q,
+				children: $
+			});
+		}
+		return /* @__PURE__ */ d(j, {
+			...L,
+			ref: N,
+			className: X,
+			type: M,
+			"aria-disabled": F,
+			"aria-busy": I,
+			onClick: Q,
+			children: $
+		});
+	}
+	return A === void 0 ? /* @__PURE__ */ d("button", {
+		...L,
+		ref: N,
+		type: M ?? "button",
+		className: X,
+		disabled: G,
+		"aria-disabled": C ? !0 : F,
+		"aria-busy": C ? !0 : I,
+		onClick: Q,
+		children: $
+	}) : /* @__PURE__ */ d("a", {
+		...L,
+		ref: N,
+		className: X,
+		href: J ? void 0 : A,
+		type: M,
+		role: J ? "link" : L.role,
+		"aria-disabled": J ? !0 : F,
+		"aria-busy": C ? !0 : I,
+		onClick: Q,
+		children: $
+	});
+};
+function x(e) {
+	return /* @__PURE__ */ d(b, { ...e });
+}
+function S(e) {
+	return /* @__PURE__ */ d(b, {
+		...e,
+		iconOnly: !0
+	});
+}
+var C = ({ attached: e = !1, orientation: n = "horizontal", gap: r = 2, size: a, variant: o, tone: s, radius: l, disabled: u, fullWidth: f, className: p, children: m, ...h }) => {
+	let g = c(() => ({
+		size: a,
+		variant: o,
+		tone: s,
+		radius: l,
+		disabled: u,
+		fullWidth: f
+	}), [
+		a,
+		o,
+		s,
+		l,
+		u,
+		f
+	]), v = n === "vertical";
+	return /* @__PURE__ */ d("div", {
+		role: "group",
+		"data-orientation": n,
+		...h,
+		className: t(i.group, v && i.groupVertical, e ? v ? i.attachedVertical : i.attachedHorizontal : _[r], e && i.attached, f && i.groupFullWidth, p),
+		children: /* @__PURE__ */ d(y.Provider, {
+			value: g,
+			children: m
+		})
+	});
+};
+//#endregion
+export { x as Button, C as ButtonGroup, S as IconButton };

package/dist/components/primitives/Button/Button.module.css.cjs.js

@@ -0,0 +1 @@
+var e=`_root_18uhu_17`,t=`_interactive_18uhu_123`,n=`_inner_18uhu_135`,r=`_content_18uhu_157`,i=`_loadingLayer_18uhu_159`,a=`_label_18uhu_177`,o=`_icon_18uhu_189`,s=`_xs_18uhu_219`,c=`_sm_18uhu_235`,l=`_md_18uhu_251`,u=`_lg_18uhu_267`,d=`_radiusDefault_18uhu_287`,f=`_radiusNone_18uhu_293`,p=`_radiusXs_18uhu_299`,m=`_radiusSm_18uhu_305`,h=`_radiusMd_18uhu_311`,g=`_radiusLg_18uhu_317`,_=`_radiusXl_18uhu_323`,v=`_radius2xl_18uhu_329`,y=`_radiusPill_18uhu_335`,b=`_primary_18uhu_357`,x=`_accent_18uhu_395`,S=`_success_18uhu_431`,C=`_warning_18uhu_463`,w=`_danger_18uhu_495`,T=`_info_18uhu_527`,E=`_neutral_18uhu_563`,D=`_solid_18uhu_561`,O=`_soft_18uhu_429`,k=`_outline_18uhu_619`,A=`_ghost_18uhu_629`,j=`_inverse_18uhu_643`,M=`_link_18uhu_655`,N=`_iconOnly_18uhu_791`,P=`_compact_18uhu_819`,F=`_fullWidth_18uhu_831`,I=`_loading_18uhu_159`,L=`_spinner_18uhu_861`,R=`_disabled_18uhu_871`,z=`_group_18uhu_911`,B=`_groupVertical_18uhu_925`,V=`_groupFullWidth_18uhu_937`,H=`_gap0_18uhu_955`,U=`_gap1_18uhu_961`,W=`_gap2_18uhu_967`,G=`_gap3_18uhu_973`,K=`_gap4_18uhu_979`,q=`_gap5_18uhu_985`,J=`_gap6_18uhu_991`,Y=`_gap8_18uhu_997`,X=`_gap10_18uhu_1003`,Z=`_gap12_18uhu_1009`,Q=`_gap16_18uhu_1015`,$=`_gap20_18uhu_1021`,ee=`_gap24_18uhu_1027`,te=`_attached_18uhu_1037`,ne=`_attachedHorizontal_18uhu_1067`,re=`_attachedVertical_18uhu_1109`,ie={root:e,interactive:t,inner:n,content:r,loadingLayer:i,label:a,icon:o,xs:s,sm:c,md:l,lg:u,radiusDefault:d,radiusNone:f,radiusXs:p,radiusSm:m,radiusMd:h,radiusLg:g,radiusXl:_,radius2xl:v,radiusPill:y,primary:b,accent:x,success:S,warning:C,danger:w,info:T,neutral:E,solid:D,soft:O,outline:k,ghost:A,inverse:j,link:M,iconOnly:N,compact:P,fullWidth:F,loading:I,spinner:L,disabled:R,group:z,groupVertical:B,groupFullWidth:V,gap0:H,gap1:U,gap2:W,gap3:G,gap4:K,gap5:q,gap6:J,gap8:Y,gap10:X,gap12:Z,gap16:Q,gap20:$,gap24:ee,attached:te,attachedHorizontal:ne,attachedVertical:re};exports.accent=x,exports.attached=te,exports.attachedHorizontal=ne,exports.attachedVertical=re,exports.compact=P,exports.content=r,exports.danger=w,exports.default=ie,exports.disabled=R,exports.fullWidth=F,exports.gap0=H,exports.gap1=U,exports.gap10=X,exports.gap12=Z,exports.gap16=Q,exports.gap2=W,exports.gap20=$,exports.gap24=ee,exports.gap3=G,exports.gap4=K,exports.gap5=q,exports.gap6=J,exports.gap8=Y,exports.ghost=A,exports.group=z,exports.groupFullWidth=V,exports.groupVertical=B,exports.icon=o,exports.iconOnly=N,exports.info=T,exports.inner=n,exports.interactive=t,exports.inverse=j,exports.label=a,exports.lg=u,exports.link=M,exports.loading=I,exports.loadingLayer=i,exports.md=l,exports.neutral=E,exports.outline=k,exports.primary=b,exports.radius2xl=v,exports.radiusDefault=d,exports.radiusLg=g,exports.radiusMd=h,exports.radiusNone=f,exports.radiusPill=y,exports.radiusSm=m,exports.radiusXl=_,exports.radiusXs=p,exports.root=e,exports.sm=c,exports.soft=O,exports.solid=D,exports.spinner=L,exports.success=S,exports.warning=C,exports.xs=s;

package/dist/components/primitives/Button/Button.module.css.mjs

@@ -0,0 +1,63 @@
+//#region src/components/primitives/Button/Button.module.css
+var e = "_root_18uhu_17", t = "_interactive_18uhu_123", n = "_inner_18uhu_135", r = "_content_18uhu_157", i = "_loadingLayer_18uhu_159", a = "_label_18uhu_177", o = "_icon_18uhu_189", s = "_xs_18uhu_219", c = "_sm_18uhu_235", l = "_md_18uhu_251", u = "_lg_18uhu_267", d = "_radiusDefault_18uhu_287", f = "_radiusNone_18uhu_293", p = "_radiusXs_18uhu_299", m = "_radiusSm_18uhu_305", h = "_radiusMd_18uhu_311", g = "_radiusLg_18uhu_317", _ = "_radiusXl_18uhu_323", v = "_radius2xl_18uhu_329", y = "_radiusPill_18uhu_335", b = "_primary_18uhu_357", x = "_accent_18uhu_395", S = "_success_18uhu_431", C = "_warning_18uhu_463", w = "_danger_18uhu_495", T = "_info_18uhu_527", E = "_neutral_18uhu_563", D = "_solid_18uhu_561", O = "_soft_18uhu_429", k = "_outline_18uhu_619", A = "_ghost_18uhu_629", j = "_inverse_18uhu_643", M = "_link_18uhu_655", N = "_iconOnly_18uhu_791", P = "_compact_18uhu_819", F = "_fullWidth_18uhu_831", I = "_loading_18uhu_159", L = "_spinner_18uhu_861", R = "_disabled_18uhu_871", z = "_group_18uhu_911", B = "_groupVertical_18uhu_925", V = "_groupFullWidth_18uhu_937", H = "_gap0_18uhu_955", U = "_gap1_18uhu_961", W = "_gap2_18uhu_967", G = "_gap3_18uhu_973", K = "_gap4_18uhu_979", q = "_gap5_18uhu_985", J = "_gap6_18uhu_991", Y = "_gap8_18uhu_997", X = "_gap10_18uhu_1003", Z = "_gap12_18uhu_1009", Q = "_gap16_18uhu_1015", $ = "_gap20_18uhu_1021", ee = "_gap24_18uhu_1027", te = "_attached_18uhu_1037", ne = "_attachedHorizontal_18uhu_1067", re = "_attachedVertical_18uhu_1109", ie = {
+	root: e,
+	interactive: t,
+	inner: n,
+	content: r,
+	loadingLayer: i,
+	label: a,
+	icon: o,
+	xs: s,
+	sm: c,
+	md: l,
+	lg: u,
+	radiusDefault: d,
+	radiusNone: f,
+	radiusXs: p,
+	radiusSm: m,
+	radiusMd: h,
+	radiusLg: g,
+	radiusXl: _,
+	radius2xl: v,
+	radiusPill: y,
+	primary: b,
+	accent: x,
+	success: S,
+	warning: C,
+	danger: w,
+	info: T,
+	neutral: E,
+	solid: D,
+	soft: O,
+	outline: k,
+	ghost: A,
+	inverse: j,
+	link: M,
+	iconOnly: N,
+	compact: P,
+	fullWidth: F,
+	loading: I,
+	spinner: L,
+	disabled: R,
+	group: z,
+	groupVertical: B,
+	groupFullWidth: V,
+	gap0: H,
+	gap1: U,
+	gap2: W,
+	gap3: G,
+	gap4: K,
+	gap5: q,
+	gap6: J,
+	gap8: Y,
+	gap10: X,
+	gap12: Z,
+	gap16: Q,
+	gap20: $,
+	gap24: ee,
+	attached: te,
+	attachedHorizontal: ne,
+	attachedVertical: re
+};
+//#endregion
+export { x as accent, te as attached, ne as attachedHorizontal, re as attachedVertical, P as compact, r as content, w as danger, ie as default, R as disabled, F as fullWidth, H as gap0, U as gap1, X as gap10, Z as gap12, Q as gap16, W as gap2, $ as gap20, ee as gap24, G as gap3, K as gap4, q as gap5, J as gap6, Y as gap8, A as ghost, z as group, V as groupFullWidth, B as groupVertical, o as icon, N as iconOnly, T as info, n as inner, t as interactive, j as inverse, a as label, u as lg, M as link, I as loading, i as loadingLayer, l as md, E as neutral, k as outline, b as primary, v as radius2xl, d as radiusDefault, g as radiusLg, h as radiusMd, f as radiusNone, y as radiusPill, m as radiusSm, _ as radiusXl, p as radiusXs, e as root, c as sm, O as soft, D as solid, L as spinner, S as success, C as warning, s as xs };

package/dist/components/primitives/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/components/primitives/Icon/Icon.cjs.js

@@ -0,0 +1 @@
+const e=require("./IconSvg.cjs.js"),t=require("./icons.cjs.js");let n=require("react/jsx-runtime");var r=({name:r,children:i,...a})=>(0,n.jsx)(e.IconSvg,{"data-icon":r,...a,children:r?t.iconPaths[r]:i});exports.Icon=r;

package/dist/components/primitives/Icon/Icon.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { IconName } from './icons';
+import { IconBaseProps } from './IconSvg';
+export type { IconBaseProps, IconSize, IconTone } from './IconSvg';
+export type { IconName, NamedIconProps } from './icons';
+export interface IconProps extends IconBaseProps {
+    /** Built-in icon to render. Takes precedence over `children`. */
+    name?: IconName;
+    /** Custom SVG content on a 24x24 grid (pass `viewBox` to change the grid). Used when `name` is not set. */
+    children?: ReactNode;
+}
+/**
+ * Inline SVG icon. Render a built-in icon with `name`, or pass your own SVG
+ * content as `children`. Decorative by default (hidden from assistive
+ * technology); pass `label` when the icon conveys meaning on its own.
+ */
+export declare const Icon: ({ name, children, ...props }: IconProps) => import("react").JSX.Element;

package/dist/components/primitives/Icon/Icon.mjs

@@ -0,0 +1,11 @@
+import { IconSvg as e } from "./IconSvg.mjs";
+import { iconPaths as t } from "./icons.mjs";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/primitives/Icon/Icon.tsx
+var r = ({ name: r, children: i, ...a }) => /* @__PURE__ */ n(e, {
+	"data-icon": r,
+	...a,
+	children: r ? t[r] : i
+});
+//#endregion
+export { r as Icon };

package/dist/components/primitives/Icon/Icon.module.css.cjs.js

@@ -0,0 +1 @@
+var e=`_root_u20i7_1`,t=`_xs_u20i7_17`,n=`_sm_u20i7_25`,r=`_md_u20i7_33`,i=`_lg_u20i7_41`,a=`_xl_u20i7_49`,o=`_size2xl_u20i7_57`,s=`_neutral_u20i7_71`,c=`_muted_u20i7_77`,l=`_primary_u20i7_83`,u=`_accent_u20i7_89`,d=`_success_u20i7_95`,f=`_warning_u20i7_101`,p=`_danger_u20i7_107`,m=`_info_u20i7_113`,h=`_spin_u20i7_125`,g={root:e,xs:t,sm:n,md:r,lg:i,xl:a,size2xl:o,neutral:s,muted:c,primary:l,accent:u,success:d,warning:f,danger:p,info:m,spin:h};exports.accent=u,exports.danger=p,exports.default=g,exports.info=m,exports.lg=i,exports.md=r,exports.muted=c,exports.neutral=s,exports.primary=l,exports.root=e,exports.size2xl=o,exports.sm=n,exports.spin=h,exports.success=d,exports.warning=f,exports.xl=a,exports.xs=t;

package/dist/components/primitives/Icon/Icon.module.css.mjs

@@ -0,0 +1,21 @@
+//#region src/components/primitives/Icon/Icon.module.css
+var e = "_root_u20i7_1", t = "_xs_u20i7_17", n = "_sm_u20i7_25", r = "_md_u20i7_33", i = "_lg_u20i7_41", a = "_xl_u20i7_49", o = "_size2xl_u20i7_57", s = "_neutral_u20i7_71", c = "_muted_u20i7_77", l = "_primary_u20i7_83", u = "_accent_u20i7_89", d = "_success_u20i7_95", f = "_warning_u20i7_101", p = "_danger_u20i7_107", m = "_info_u20i7_113", h = "_spin_u20i7_125", g = {
+	root: e,
+	xs: t,
+	sm: n,
+	md: r,
+	lg: i,
+	xl: a,
+	size2xl: o,
+	neutral: s,
+	muted: c,
+	primary: l,
+	accent: u,
+	success: d,
+	warning: f,
+	danger: p,
+	info: m,
+	spin: h
+};
+//#endregion
+export { u as accent, p as danger, g as default, m as info, i as lg, r as md, c as muted, s as neutral, l as primary, e as root, o as size2xl, n as sm, h as spin, d as success, f as warning, a as xl, t as xs };

package/dist/components/primitives/Icon/IconSvg.cjs.js

@@ -0,0 +1 @@
+const e=require("../../../utils/cx.cjs.js"),t=require("./Icon.module.css.cjs.js");let n=require("react/jsx-runtime");var r={xs:t.default.xs,sm:t.default.sm,md:t.default.md,lg:t.default.lg,xl:t.default.xl,"2xl":t.default.size2xl},i={inherit:void 0,muted:t.default.muted,neutral:t.default.neutral,primary:t.default.primary,accent:t.default.accent,success:t.default.success,warning:t.default.warning,danger:t.default.danger,info:t.default.info},a=({size:a=`md`,tone:o=`inherit`,strokeWidth:s=2,label:c,spin:l=!1,className:u,children:d,...f})=>{let p=typeof a==`number`,m=c!==void 0||f[`aria-label`]!==void 0||f[`aria-labelledby`]!==void 0?{role:`img`,"aria-label":c}:{"aria-hidden":!0,focusable:`false`};return(0,n.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:s,strokeLinecap:`round`,strokeLinejoin:`round`,width:p?a:void 0,height:p?a:void 0,className:e.cx(t.default.root,!p&&r[a],i[o],l&&t.default.spin,u),...m,...f,children:d})};exports.IconSvg=a;

package/dist/components/primitives/Icon/IconSvg.d.ts

@@ -0,0 +1,31 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { Tone } from '../../../types/common';
+/** Named icon size (xs 12px, sm 16px, md 20px, lg 24px, xl 32px, 2xl 48px) or an exact pixel size. */
+export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | number;
+/**
+ * Icon color. `inherit` (default) uses `currentColor`, so the icon matches the
+ * surrounding text. The rest map to text tokens verified against the page
+ * background by `scripts/check-contrast.mjs`.
+ */
+export type IconTone = "inherit" | "muted" | Tone;
+/** Props shared by `Icon` and every named icon component (e.g. `CheckIcon`). */
+export interface IconBaseProps extends Omit<ComponentPropsWithRef<"svg">, "name" | "children" | "strokeWidth"> {
+    /** Size: `xs` 12px, `sm` 16px, `md` 20px, `lg` 24px, `xl` 32px, `2xl` 48px, or a number of pixels. */
+    size?: IconSize;
+    /** Color. Defaults to `inherit` (`currentColor`). */
+    tone?: IconTone;
+    /** Stroke width on the 24x24 grid. Applies to stroke-based icons. */
+    strokeWidth?: number;
+    /**
+     * Accessible name. When set, the icon is meaningful (`role="img"` plus
+     * `aria-label`). When omitted, the icon is decorative and hidden from
+     * assistive technology (`aria-hidden="true"`, `focusable="false"`).
+     */
+    label?: string;
+    /** Rotates the icon continuously (for `loader`). Stops under reduced motion. */
+    spin?: boolean;
+}
+/** @internal Renders the SVG shell and handles sizing, tone, and accessibility. */
+export declare const IconSvg: ({ size, tone, strokeWidth, label, spin, className, children, ...props }: IconBaseProps & {
+    children?: ReactNode;
+}) => import("react").JSX.Element;

package/dist/components/primitives/Icon/IconSvg.mjs

@@ -0,0 +1,47 @@
+import { cx as e } from "../../../utils/cx.mjs";
+import t from "./Icon.module.css.mjs";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/primitives/Icon/IconSvg.tsx
+var r = {
+	xs: t.xs,
+	sm: t.sm,
+	md: t.md,
+	lg: t.lg,
+	xl: t.xl,
+	"2xl": t.size2xl
+}, i = {
+	inherit: void 0,
+	muted: t.muted,
+	neutral: t.neutral,
+	primary: t.primary,
+	accent: t.accent,
+	success: t.success,
+	warning: t.warning,
+	danger: t.danger,
+	info: t.info
+}, a = ({ size: a = "md", tone: o = "inherit", strokeWidth: s = 2, label: c, spin: l = !1, className: u, children: d, ...f }) => {
+	let p = typeof a == "number", m = c !== void 0 || f["aria-label"] !== void 0 || f["aria-labelledby"] !== void 0 ? {
+		role: "img",
+		"aria-label": c
+	} : {
+		"aria-hidden": !0,
+		focusable: "false"
+	};
+	return /* @__PURE__ */ n("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: s,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		width: p ? a : void 0,
+		height: p ? a : void 0,
+		className: e(t.root, !p && r[a], i[o], l && t.spin, u),
+		...m,
+		...f,
+		children: d
+	});
+};
+//#endregion
+export { a as IconSvg };

package/dist/components/primitives/Icon/icons.cjs.js

@@ -0,0 +1 @@
+const ee=require("./IconSvg.cjs.js");let e=require("react/jsx-runtime");var t=({x:ee,y:t,r:n=1.25})=>(0,e.jsx)(`circle`,{cx:ee,cy:t,r:n,fill:`currentColor`,stroke:`none`}),n=`M12 3.5L14.35 9.26L20.56 9.72L15.8 13.74L17.29 19.78L12 16.5L6.71 19.78L8.2 13.74L3.44 9.72L9.65 9.26Z`,r=`M2.5 12C5 7.5 8.3 5.5 12 5.5s7 2 9.5 6.5c-2.5 4.5-5.8 6.5-9.5 6.5S5 16.5 2.5 12z`,i=`M4 15v2.5A2.5 2.5 0 0 0 6.5 20h11a2.5 2.5 0 0 0 2.5-2.5V15`,te=(0,e.jsx)(`path`,{d:`M5 12.5l4.5 4.5L19 7.5`}),a=(0,e.jsx)(`path`,{d:`M6.5 6.5l11 11M17.5 6.5l-11 11`}),o=(0,e.jsx)(`path`,{d:`M12 5v14M5 12h14`}),s=(0,e.jsx)(`path`,{d:`M5 12h14`}),c=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`circle`,{cx:`10.5`,cy:`10.5`,r:`6`}),(0,e.jsx)(`path`,{d:`M15 15l5 5`})]}),l=(0,e.jsx)(`path`,{d:`M4 6.5h16M4 12h16M4 17.5h16`}),u=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t,{x:5.5,y:12,r:1.75}),(0,e.jsx)(t,{x:12,y:12,r:1.75}),(0,e.jsx)(t,{x:18.5,y:12,r:1.75})]}),d=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t,{x:12,y:5.5,r:1.75}),(0,e.jsx)(t,{x:12,y:12,r:1.75}),(0,e.jsx)(t,{x:12,y:18.5,r:1.75})]}),f=(0,e.jsx)(`path`,{d:`M12 15V4M7.5 8.5L12 4l4.5 4.5${i}`}),p=(0,e.jsx)(`path`,{d:`M12 4v11M7.5 10.5L12 15l4.5-4.5${i}`}),m=(0,e.jsx)(`path`,{d:`M4 7h16M9.5 7V5.5A1.5 1.5 0 0 1 11 4h2a1.5 1.5 0 0 1 1.5 1.5V7M6 7l.8 11.2A2 2 0 0 0 8.8 20h6.4a2 2 0 0 0 2-1.8L18 7M10 11v5M14 11v5`}),h=(0,e.jsx)(`path`,{d:`M15.5 4.5l4 4L9 19l-5 1 1-5zM13 7l4 4`}),g=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`rect`,{x:`8.5`,y:`8.5`,width:`11.5`,height:`11.5`,rx:`2.5`}),(0,e.jsx)(`path`,{d:`M15.5 8.5v-2A2.5 2.5 0 0 0 13 4H6.5A2.5 2.5 0 0 0 4 6.5V13a2.5 2.5 0 0 0 2.5 2.5h2`})]}),_=(0,e.jsx)(`path`,{d:`M18 13.5V18a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4.5M14 4h6v6M20 4l-9 9`}),v=(0,e.jsxs)(`g`,{transform:`rotate(-45 12 12)`,children:[(0,e.jsx)(`rect`,{x:`3`,y:`8.5`,width:`10.5`,height:`7`,rx:`3.5`}),(0,e.jsx)(`rect`,{x:`10.5`,y:`8.5`,width:`10.5`,height:`7`,rx:`3.5`})]}),y=(0,e.jsx)(`path`,{d:`M4 5h16l-6 7.5V19l-4 1.5v-8z`}),b=(0,e.jsx)(`path`,{d:`M8 5v14M4.5 8.5L8 5l3.5 3.5M16 19V5M12.5 15.5L16 19l3.5-3.5`}),x=(0,e.jsx)(`path`,{d:`M19.5 12a7.5 7.5 0 1 1-2.2-5.3L19.5 9M19.5 4.5V9H15`}),S=(0,e.jsx)(`path`,{d:`M9 6v12M15 6v12`}),C=(0,e.jsx)(`path`,{d:`M8 5.5v13l10.5-6.5z`}),w=(0,e.jsx)(`path`,{d:`M14.5 6.5l3.1-3.1a2.1 2.1 0 0 1 3 3l-3.1 3.1M11.5 7.5l5 5M13.5 9.5L6 17H3.5v-2.5L11 7M3 21l2-2`}),T=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t,{x:9,y:6,r:1.5}),(0,e.jsx)(t,{x:15,y:6,r:1.5}),(0,e.jsx)(t,{x:9,y:12,r:1.5}),(0,e.jsx)(t,{x:15,y:12,r:1.5}),(0,e.jsx)(t,{x:9,y:18,r:1.5}),(0,e.jsx)(t,{x:15,y:18,r:1.5})]}),E=(0,e.jsx)(`path`,{d:`M7 14l5-5 5 5`}),D=(0,e.jsx)(`path`,{d:`M7 10l5 5 5-5`}),O=(0,e.jsx)(`path`,{d:`M14 7l-5 5 5 5`}),k=(0,e.jsx)(`path`,{d:`M10 7l5 5-5 5`}),A=(0,e.jsx)(`path`,{d:`M12 19V5M6 11l6-6 6 6`}),j=(0,e.jsx)(`path`,{d:`M12 5v14M6 13l6 6 6-6`}),M=(0,e.jsx)(`path`,{d:`M19 12H5M11 6l-6 6 6 6`}),N=(0,e.jsx)(`path`,{d:`M5 12h14M13 6l6 6-6 6`}),P=(0,e.jsx)(`path`,{d:`M12 7l-5 5 5 5M18 7l-5 5 5 5`}),F=(0,e.jsx)(`path`,{d:`M6 7l5 5-5 5M12 7l5 5-5 5`}),I=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`}),(0,e.jsx)(`path`,{d:`M12 11v5.5`}),(0,e.jsx)(t,{x:12,y:7.75})]}),L=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`path`,{d:`M12 4L3 19.5h18z`}),(0,e.jsx)(`path`,{d:`M12 10v4`}),(0,e.jsx)(t,{x:12,y:16.75})]}),R=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`}),(0,e.jsx)(`path`,{d:`M9 9l6 6M15 9l-6 6`})]}),z=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`}),(0,e.jsx)(`path`,{d:`M8 12.5l2.75 2.75L16 10`})]}),B=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`}),(0,e.jsx)(`path`,{d:`M9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.6`}),(0,e.jsx)(t,{x:12,y:17})]}),ne=(0,e.jsx)(`path`,{d:`M12 3a9 9 0 1 0 9 9`}),V=(0,e.jsx)(`path`,{d:`M20 13.5v-7A2.5 2.5 0 0 0 17.5 4h-11A2.5 2.5 0 0 0 4 6.5v11A2.5 2.5 0 0 0 6.5 20h7zM13.5 20v-4a2.5 2.5 0 0 1 2.5-2.5h4M8 9h8M8 12.5h4`}),H=(0,e.jsx)(`path`,{d:`M12 19.5h.01M8.8 16.2a4.5 4.5 0 0 1 6.4 0M5.4 12.8a9.3 9.3 0 0 1 4-2.3M14.6 10.5a9.3 9.3 0 0 1 4 2.3M2 9.3a14 14 0 0 1 4.2-2.7M10.6 5.3A14 14 0 0 1 22 9.3M3 3l18 18`}),U=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`path`,{d:r}),(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`})]}),W=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`path`,{d:r}),(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`}),(0,e.jsx)(`path`,{d:`M4 4l16 16`})]}),G=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`rect`,{x:`3.5`,y:`5`,width:`17`,height:`15.5`,rx:`3`}),(0,e.jsx)(`path`,{d:`M3.5 10h17M8 3v4M16 3v4`})]}),K=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`}),(0,e.jsx)(`path`,{d:`M12 7.5V12l3 2`})]}),q=(0,e.jsx)(`path`,{d:`M4 10.5L12 4l8 6.5V18a2 2 0 0 1-2 2h-3.5v-5.5h-5V20H6a2 2 0 0 1-2-2z`}),J=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`circle`,{cx:`12`,cy:`8`,r:`4`}),(0,e.jsx)(`path`,{d:`M4.5 20a7.5 7.5 0 0 1 15 0`})]}),Y=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`circle`,{cx:`9`,cy:`8.5`,r:`3.5`}),(0,e.jsx)(`path`,{d:`M3 19.5a6 6 0 0 1 12 0M15.5 5a3.5 3.5 0 0 1 0 7M18 14.5c1.8.7 3 2.6 3 5`})]}),X=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`6.5`}),(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`2.5`}),(0,e.jsx)(`path`,{d:`M17.63 15.25l2.16 1.25M12 18.5V21M6.37 15.25L4.21 16.5M6.37 8.75L4.21 7.5M12 5.5V3M17.63 8.75l2.16-1.25`})]}),Z=(0,e.jsx)(`path`,{d:`M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 2h-15zM10 21h4`}),Q=(0,e.jsx)(`path`,{d:n}),re=(0,e.jsx)(`path`,{d:n,fill:`currentColor`}),ie=`M12 20s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.2a4.3 4.3 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z`,ae=(0,e.jsx)(`path`,{d:ie}),oe=(0,e.jsx)(`path`,{d:ie,fill:`currentColor`}),se=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`circle`,{cx:`12`,cy:`12`,r:`4`}),(0,e.jsx)(`path`,{d:`M18.5 12H21M16.6 16.6l1.76 1.76M12 18.5V21M7.4 16.6l-1.76 1.76M5.5 12H3M7.4 7.4L5.64 5.64M12 5.5V3M16.6 7.4l1.76-1.76`})]}),ce=(0,e.jsx)(`path`,{d:`M20 14.5A8 8 0 1 1 9.5 4a7.5 7.5 0 0 0 10.5 10.5z`}),le=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`rect`,{x:`5`,y:`10.5`,width:`14`,height:`10`,rx:`2.5`}),(0,e.jsx)(`path`,{d:`M8 10.5V8a4 4 0 0 1 8 0v2.5M12 14.5v2`})]}),ue=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`rect`,{x:`3`,y:`5.5`,width:`18`,height:`13`,rx:`2.5`}),(0,e.jsx)(`path`,{d:`M4 7.5l8 5.5 8-5.5`})]}),de=(0,e.jsx)(`path`,{d:`M13.5 3.5h-6a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V8.5zM13.5 3.5v5h5`}),fe=(0,e.jsx)(`path`,{d:`M3.5 7.5a2 2 0 0 1 2-2h3.8l2 2.5h7.2a2 2 0 0 1 2 2v7.5a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z`}),pe=(0,e.jsx)(`path`,{d:`M3.5 17V7.5a2 2 0 0 1 2-2h3.8l2 2.5h5.2a2 2 0 0 1 2 2v1M3.5 17l2.1-5.3a1.5 1.5 0 0 1 1.4-.95h13l-2.3 6.3a1.5 1.5 0 0 1-1.4 1h-11.8a1.5 1.5 0 0 1-1-.4z`}),me=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(`rect`,{x:`3.5`,y:`4.5`,width:`17`,height:`15`,rx:`3`}),(0,e.jsx)(`circle`,{cx:`9`,cy:`9.5`,r:`1.75`}),(0,e.jsx)(`path`,{d:`M4 17l4.5-4.5 4 4 2.5-2.5 4.5 4.5`})]}),he={check:te,close:a,plus:o,minus:s,"chevron-up":E,"chevron-down":D,"chevron-left":O,"chevron-right":k,"arrow-up":A,"arrow-down":j,"arrow-left":M,"arrow-right":N,"chevrons-left":P,"chevrons-right":F,search:c,menu:l,"more-horizontal":u,"more-vertical":d,info:I,warning:L,error:R,success:z,help:B,note:V,offline:H,eye:U,"eye-off":W,calendar:G,clock:K,upload:f,download:p,trash:m,edit:h,copy:g,"external-link":_,link:v,home:q,user:J,users:Y,settings:X,bell:Z,star:Q,"star-filled":re,heart:ae,"heart-filled":oe,filter:y,sort:b,refresh:x,pause:S,play:C,"eye-dropper":w,grip:T,sun:se,moon:ce,lock:le,mail:ue,file:de,folder:fe,"folder-open":pe,image:me,loader:ne},ge=Object.keys(he);function $(t,n){let r=t=>(0,e.jsx)(ee.IconSvg,{...t,children:n});return r.displayName=t,r}var _e=$(`CheckIcon`,te),ve=$(`CloseIcon`,a),ye=$(`PlusIcon`,o),be=$(`MinusIcon`,s),xe=$(`ChevronUpIcon`,E),Se=$(`ChevronDownIcon`,D),Ce=$(`ChevronLeftIcon`,O),we=$(`ChevronRightIcon`,k),Te=$(`ArrowUpIcon`,A),Ee=$(`ArrowDownIcon`,j),De=$(`ArrowLeftIcon`,M),Oe=$(`ArrowRightIcon`,N),ke=$(`ChevronsLeftIcon`,P),Ae=$(`ChevronsRightIcon`,F),je=$(`SearchIcon`,c),Me=$(`MenuIcon`,l),Ne=$(`MoreHorizontalIcon`,u),Pe=$(`MoreVerticalIcon`,d),Fe=$(`InfoIcon`,I),Ie=$(`WarningIcon`,L),Le=$(`ErrorIcon`,R),Re=$(`SuccessIcon`,z),ze=$(`HelpIcon`,B),Be=$(`NoteIcon`,V),Ve=$(`OfflineIcon`,H),He=$(`EyeIcon`,U),Ue=$(`EyeOffIcon`,W),We=$(`CalendarIcon`,G),Ge=$(`ClockIcon`,K),Ke=$(`UploadIcon`,f),qe=$(`DownloadIcon`,p),Je=$(`TrashIcon`,m),Ye=$(`EditIcon`,h),Xe=$(`CopyIcon`,g),Ze=$(`ExternalLinkIcon`,_),Qe=$(`LinkIcon`,v),$e=$(`HomeIcon`,q),et=$(`UserIcon`,J),tt=$(`UsersIcon`,Y),nt=$(`SettingsIcon`,X),rt=$(`BellIcon`,Z),it=$(`StarIcon`,Q),at=$(`StarFilledIcon`,re),ot=$(`HeartIcon`,ae),st=$(`HeartFilledIcon`,oe),ct=$(`FilterIcon`,y),lt=$(`SortIcon`,b),ut=$(`RefreshIcon`,x),dt=$(`PauseIcon`,S),ft=$(`PlayIcon`,C),pt=$(`EyeDropperIcon`,w),mt=$(`GripIcon`,T),ht=$(`SunIcon`,se),gt=$(`MoonIcon`,ce),_t=$(`LockIcon`,le),vt=$(`MailIcon`,ue),yt=$(`FileIcon`,de),bt=$(`FolderIcon`,fe),xt=$(`FolderOpenIcon`,pe),St=$(`ImageIcon`,me),Ct=$(`LoaderIcon`,ne);exports.ArrowDownIcon=Ee,exports.ArrowLeftIcon=De,exports.ArrowRightIcon=Oe,exports.ArrowUpIcon=Te,exports.BellIcon=rt,exports.CalendarIcon=We,exports.CheckIcon=_e,exports.ChevronDownIcon=Se,exports.ChevronLeftIcon=Ce,exports.ChevronRightIcon=we,exports.ChevronUpIcon=xe,exports.ChevronsLeftIcon=ke,exports.ChevronsRightIcon=Ae,exports.ClockIcon=Ge,exports.CloseIcon=ve,exports.CopyIcon=Xe,exports.DownloadIcon=qe,exports.EditIcon=Ye,exports.ErrorIcon=Le,exports.ExternalLinkIcon=Ze,exports.EyeDropperIcon=pt,exports.EyeIcon=He,exports.EyeOffIcon=Ue,exports.FileIcon=yt,exports.FilterIcon=ct,exports.FolderIcon=bt,exports.FolderOpenIcon=xt,exports.GripIcon=mt,exports.HeartFilledIcon=st,exports.HeartIcon=ot,exports.HelpIcon=ze,exports.HomeIcon=$e,exports.ImageIcon=St,exports.InfoIcon=Fe,exports.LinkIcon=Qe,exports.LoaderIcon=Ct,exports.LockIcon=_t,exports.MailIcon=vt,exports.MenuIcon=Me,exports.MinusIcon=be,exports.MoonIcon=gt,exports.MoreHorizontalIcon=Ne,exports.MoreVerticalIcon=Pe,exports.NoteIcon=Be,exports.OfflineIcon=Ve,exports.PauseIcon=dt,exports.PlayIcon=ft,exports.PlusIcon=ye,exports.RefreshIcon=ut,exports.SearchIcon=je,exports.SettingsIcon=nt,exports.SortIcon=lt,exports.StarFilledIcon=at,exports.StarIcon=it,exports.SuccessIcon=Re,exports.SunIcon=ht,exports.TrashIcon=Je,exports.UploadIcon=Ke,exports.UserIcon=et,exports.UsersIcon=tt,exports.WarningIcon=Ie,exports.iconNames=ge,exports.iconPaths=he;