@almanaclabs/blaze-ui 0.4.0 → 0.5.0

package/dist/components/field/field.js

@@ -1,33 +1,33 @@
 import { cn as e } from "../../lib/utils.js";
 import { Label as t } from "../label/label.js";
 import { Separator as n } from "../separator/separator.js";
-import { cva as r } from "class-variance-authority";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useMemo as o } from "react";
+import { useMemo as r } from "react";
+import { cva as i } from "class-variance-authority";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/field/field.tsx
 function s({ className: t, ...n }) {
-	return /* @__PURE__ */ i("fieldset", {
+	return /* @__PURE__ */ a("fieldset", {
 		"data-slot": "field-set",
 		className: e("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", t),
 		...n
 	});
 }
 function c({ className: t, variant: n = "legend", ...r }) {
-	return /* @__PURE__ */ i("legend", {
+	return /* @__PURE__ */ a("legend", {
 		"data-slot": "field-legend",
 		"data-variant": n,
-		className: e("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", t),
+		className: e("mb-1.5", n === "legend" ? "type-section-title font-normal text-foreground" : "type-label font-medium text-foreground", t),
 		...r
 	});
 }
 function l({ className: t, ...n }) {
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		"data-slot": "field-group",
 		className: e("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", t),
 		...n
 	});
 }
-var u = r("group/field flex w-full gap-2 data-[invalid=true]:text-destructive", {
+var u = i("group/field flex w-full gap-2 data-[invalid=true]:text-destructive", {
 	variants: { orientation: {
 		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
 		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
@@ -36,7 +36,7 @@ var u = r("group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
 	defaultVariants: { orientation: "vertical" }
 });
 function d({ className: t, orientation: n = "vertical", ...r }) {
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		role: "group",
 		"data-slot": "field",
 		"data-orientation": n,
@@ -45,61 +45,61 @@ function d({ className: t, orientation: n = "vertical", ...r }) {
 	});
 }
 function f({ className: t, ...n }) {
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		"data-slot": "field-content",
 		className: e("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", t),
 		...n
 	});
 }
 function p({ className: n, ...r }) {
-	return /* @__PURE__ */ i(t, {
+	return /* @__PURE__ */ a(t, {
 		"data-slot": "field-label",
-		className: e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50 *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", n),
+		className: e("group/field-label peer/field-label flex w-fit gap-2 group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50 *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", n),
 		...r
 	});
 }
 function m({ className: t, ...n }) {
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		"data-slot": "field-label",
-		className: e("flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50", t),
+		className: e("type-label flex w-fit items-center gap-2 font-medium text-foreground group-data-[disabled=true]/field:text-foreground-tertiary", t),
 		...n
 	});
 }
 function h({ className: t, ...n }) {
-	return /* @__PURE__ */ i("p", {
+	return /* @__PURE__ */ a("p", {
 		"data-slot": "field-description",
 		className: e("text-left text-sm leading-normal font-normal text-muted-foreground group-data-[orientation=horizontal]/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", t),
 		...n
 	});
 }
-function g({ children: t, className: r, ...o }) {
-	return /* @__PURE__ */ a("div", {
+function g({ children: t, className: r, ...i }) {
+	return /* @__PURE__ */ o("div", {
 		"data-slot": "field-separator",
 		"data-content": !!t,
 		className: e("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", r),
-		...o,
-		children: [/* @__PURE__ */ i(n, { className: "absolute inset-0 top-1/2" }), t && /* @__PURE__ */ i("span", {
+		...i,
+		children: [/* @__PURE__ */ a(n, { className: "absolute inset-0 top-1/2" }), t && /* @__PURE__ */ a("span", {
 			className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
 			"data-slot": "field-separator-content",
 			children: t
 		})]
 	});
 }
-function _({ className: t, children: n, errors: r, ...a }) {
-	let s = o(() => {
+function _({ className: t, children: n, errors: i, ...o }) {
+	let s = r(() => {
 		if (n) return n;
-		if (!r?.length) return null;
-		let e = [...new Map(r.map((e) => [e?.message, e])).values()];
-		return e.length === 1 ? e[0]?.message : /* @__PURE__ */ i("ul", {
+		if (!i?.length) return null;
+		let e = [...new Map(i.map((e) => [e?.message, e])).values()];
+		return e.length === 1 ? e[0]?.message : /* @__PURE__ */ a("ul", {
 			className: "ml-4 flex list-disc flex-col gap-1",
-			children: e.map((e, t) => e?.message && /* @__PURE__ */ i("li", { children: e.message }, t))
+			children: e.map((e, t) => e?.message && /* @__PURE__ */ a("li", { children: e.message }, t))
 		});
-	}, [n, r]);
-	return s ? /* @__PURE__ */ i("div", {
+	}, [n, i]);
+	return s ? /* @__PURE__ */ a("div", {
 		role: "alert",
 		"data-slot": "field-error",
 		className: e("text-sm font-normal text-destructive", t),
-		...a,
+		...o,
 		children: s
 	}) : null;
 }

package/dist/components/identity-mark/identity-mark.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+declare function IdentityMark({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function IdentityMarkImage({ className, ...props }: React.ComponentProps<'img'>): React.JSX.Element;
+export { IdentityMark, IdentityMarkImage };
+//# sourceMappingURL=identity-mark.d.ts.map

package/dist/components/identity-mark/identity-mark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity-mark.d.ts","sourceRoot":"","sources":["../../../src/components/identity-mark/identity-mark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW1E;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/identity-mark/identity-mark.js

@@ -0,0 +1,20 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/identity-mark/identity-mark.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "identity-mark",
+		className: e("inline-flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-[5px] p-0.5 [--icon-stroke-width:var(--icon-stroke-20)] [&>img]:size-5 [&>img]:shrink-0 [&>svg]:size-5 [&>svg]:shrink-0", n),
+		...r
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("img", {
+		"data-slot": "identity-mark-image",
+		className: e("size-5 shrink-0 object-contain", n),
+		...r
+	});
+}
+//#endregion
+export { n as IdentityMark, r as IdentityMarkImage };

package/dist/components/identity-mark/index.d.ts

@@ -0,0 +1,2 @@
+export * from './identity-mark';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/identity-mark/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/identity-mark/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/components/input/input.d.ts

@@ -1,4 +1,11 @@
 import { Input as InputPrimitive } from '@base-ui/react/input';
-export type InputProps = InputPrimitive.Props;
-export declare function Input({ className, type, ...props }: InputProps): import("react").JSX.Element;
+import { VariantProps } from 'class-variance-authority';
+declare const inputVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputProps = InputPrimitive.Props & {
+    controlSize?: VariantProps<typeof inputVariants>['size'];
+};
+export declare function Input({ className, type, controlSize, ...props }: InputProps): import("react").JSX.Element;
+export {};
 //# sourceMappingURL=input.d.ts.map

package/dist/components/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAG9D,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAA;AAK7C,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAa9D"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAgBlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,GAAG;IAC9C,WAAW,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;CACzD,CAAA;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,UAAU,+BAgBZ"}

package/dist/components/input/input.js

@@ -1,15 +1,28 @@
-import { cn as e } from "../../lib/utils.js";
-import { jsx as t } from "react/jsx-runtime";
-import { Input as n } from "@base-ui/react/input";
+import { controlSizeClassNames as e } from "../../lib/control-size.js";
+import { cn as t } from "../../lib/utils.js";
+import { cva as n } from "class-variance-authority";
+import { jsx as r } from "react/jsx-runtime";
+import { Input as i } from "@base-ui/react/input";
 //#region src/components/input/input.tsx
-var r = "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40";
-function i({ className: i, type: a, ...o }) {
-	return /* @__PURE__ */ t(n, {
-		type: a,
+var a = n("w-full min-w-0 rounded-md border border-input bg-background text-foreground transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:font-normal file:text-foreground placeholder:text-foreground-tertiary hover:border-foreground/15 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-border-subtle disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-surface-subtle disabled:text-foreground-tertiary aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive/60 dark:aria-invalid:ring-destructive/20", {
+	variants: { size: {
+		xs: `${e.xs} pb-px file:h-5 file:text-[13px]`,
+		sm: `${e.sm} pb-px file:h-6 file:text-sm`,
+		md: `${e.md} pb-px file:h-6 file:text-sm`,
+		lg: `${e.lg} pb-px file:h-7 file:text-base`,
+		xl: `${e.xl} pb-px file:h-8 file:text-base`
+	} },
+	defaultVariants: { size: "md" }
+});
+function o({ className: e, type: n, controlSize: o = "md", ...s }) {
+	let c = a({ size: o });
+	return /* @__PURE__ */ r(i, {
+		type: n,
 		"data-slot": "input",
-		className: typeof i == "function" ? (t) => e(r, i(t)) : e(r, i),
-		...o
+		"data-size": o,
+		className: typeof e == "function" ? (n) => t(c, e(n)) : t(c, e),
+		...s
 	});
 }
 //#endregion
-export { i as Input };
+export { o as Input };

package/dist/components/input-group/input-group.d.ts

@@ -1,7 +1,13 @@
 import { VariantProps } from 'class-variance-authority';
+import { ControlSize } from '../../lib/control-size';
 import { Button } from '../button';
+import { Input } from '../input';
 import * as React from 'react';
-declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare const inputGroupVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type InputGroupProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupVariants>;
+declare function InputGroup({ className, size, ...props }: InputGroupProps): React.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -13,7 +19,9 @@ declare function InputGroupButton({ className, type, variant, size, ...props }:
     type?: 'button' | 'submit' | 'reset';
 }): React.JSX.Element;
 declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
-declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>): React.JSX.Element;
+declare function InputGroupInput({ className, controlSize, ...props }: Omit<React.ComponentProps<typeof Input>, 'controlSize'> & {
+    controlSize?: ControlSize;
+}): React.JSX.Element;
 declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>): React.JSX.Element;
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+export { InputGroup, type InputGroupProps, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
 //# sourceMappingURL=input-group.d.ts.map

package/dist/components/input-group/input-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/components/input-group/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAI5C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYvE;AAED,QAAA,MAAM,uBAAuB;;8EAmB5B,CAAA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAgB5E;AAED,QAAA,MAAM,wBAAwB;;8EAgB7B,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GAC3D,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,qBAUF;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW/B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAWlC;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/components/input-group/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAyB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE5E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAG1C,QAAA,MAAM,kBAAkB;;8EAgBvB,CAAA;AAED,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAChD,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAIzC,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,IAAW,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAcxE;AAED,QAAA,MAAM,uBAAuB;;8EAmB5B,CAAA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAgB5E;AAED,QAAA,MAAM,wBAAwB;;8EAgB7B,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAoB,EACpB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GAC3D,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,qBAUF;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,aAAa,CAAC,GAAG;IAC3D,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,qBAcA;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAWlC;AAED,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAA"}

package/dist/components/input-group/input-group.js

@@ -1,77 +1,95 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../button/button.js";
-import { Input as n } from "../input/input.js";
-import { Textarea as r } from "../textarea/textarea.js";
-import { cva as i } from "class-variance-authority";
-import { jsx as a } from "react/jsx-runtime";
-import "react";
+import { controlSizeClassNames as e } from "../../lib/control-size.js";
+import { cn as t } from "../../lib/utils.js";
+import { Button as n } from "../button/button.js";
+import { Input as r } from "../input/input.js";
+import { Textarea as i } from "../textarea/textarea.js";
+import * as a from "react";
+import { cva as o } from "class-variance-authority";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/input-group/input-group.tsx
-function o({ className: t, ...n }) {
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "input-group",
-		role: "group",
-		className: e("group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", t),
-		...n
+var c = o("group/input-group relative flex w-full min-w-0 items-center rounded-md border border-input bg-background transition-colors outline-none hover:border-foreground/15 in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-surface-subtle has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-border-subtle has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/10 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", {
+	variants: { size: {
+		xs: `${e.xs} px-0 [--input-group-icon-size:14px] [--icon-stroke-width:var(--icon-stroke-14)]`,
+		sm: `${e.sm} px-0 [--input-group-icon-size:15px] [--icon-stroke-width:var(--icon-stroke-15)]`,
+		md: `${e.md} px-0 [--input-group-icon-size:15px] [--icon-stroke-width:var(--icon-stroke-15)]`,
+		lg: `${e.lg} px-0 [--input-group-icon-size:18px] [--icon-stroke-width:var(--icon-stroke-18)]`,
+		xl: `${e.xl} px-0 [--input-group-icon-size:24px] [--icon-stroke-width:var(--icon-stroke-24)]`
+	} },
+	defaultVariants: { size: "md" }
+}), l = a.createContext("md");
+function u({ className: e, size: n = "md", ...r }) {
+	let i = n ?? "md";
+	return /* @__PURE__ */ s(l.Provider, {
+		value: i,
+		children: /* @__PURE__ */ s("div", {
+			"data-slot": "input-group",
+			"data-size": i,
+			role: "group",
+			className: t(c({ size: i }), e),
+			...r
+		})
 	});
 }
-var s = i("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+var d = o("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 font-normal text-muted-foreground select-none group-data-[disabled=true]/input-group:text-foreground-tertiary [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-[var(--input-group-icon-size)]", {
 	variants: { align: {
-		"inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
-		"inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
+		"inline-start": "order-first pl-[var(--control-padding-inline)] has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
+		"inline-end": "order-last pr-[var(--control-padding-inline)] has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
 		"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
 		"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
 	} },
 	defaultVariants: { align: "inline-start" }
 });
-function c({ className: t, align: n = "inline-start", ...r }) {
-	return /* @__PURE__ */ a("div", {
+function f({ className: e, align: n = "inline-start", ...r }) {
+	return /* @__PURE__ */ s("div", {
 		role: "group",
 		"data-slot": "input-group-addon",
 		"data-align": n,
-		className: e(s({ align: n }), t),
+		className: t(d({ align: n }), e),
 		onClick: (e) => {
 			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
 		},
 		...r
 	});
 }
-var l = i("flex items-center gap-2 text-sm shadow-none", {
+var p = o("type-body flex items-center gap-2 shadow-none", {
 	variants: { size: {
-		xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+		xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [--icon-stroke-width:var(--icon-stroke-14)] [&>svg:not([class*='size-'])]:size-3.5",
 		sm: "",
-		"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 [--icon-stroke-width:var(--icon-stroke-14)] has-[>svg]:p-0 [&>svg:not([class*='size-'])]:size-3.5",
 		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
 	} },
 	defaultVariants: { size: "xs" }
 });
-function u({ className: n, type: r = "button", variant: i = "ghost", size: o = "xs", ...s }) {
-	return /* @__PURE__ */ a(t, {
+function m({ className: e, type: r = "button", variant: i = "tertiary", size: a = "xs", ...o }) {
+	return /* @__PURE__ */ s(n, {
 		type: r,
-		"data-size": o,
+		"data-size": a,
 		variant: i,
-		className: e(l({ size: o }), n),
-		...s
+		className: t(p({ size: a }), e),
+		...o
 	});
 }
-function d({ className: t, ...n }) {
-	return /* @__PURE__ */ a("span", {
-		className: e("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t),
+function h({ className: e, ...n }) {
+	return /* @__PURE__ */ s("span", {
+		className: t("flex items-center gap-2 text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[var(--input-group-icon-size)]", e),
 		...n
 	});
 }
-function f({ className: t, ...r }) {
-	return /* @__PURE__ */ a(n, {
+function g({ className: e, controlSize: n, ...i }) {
+	let o = a.useContext(l);
+	return /* @__PURE__ */ s(r, {
 		"data-slot": "input-group-control",
-		className: e("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
-		...r
+		controlSize: n ?? o,
+		className: t("h-full flex-1 rounded-none border-0 bg-transparent px-[var(--control-padding-inline)] shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", e),
+		...i
 	});
 }
-function p({ className: t, ...n }) {
-	return /* @__PURE__ */ a(r, {
+function _({ className: e, ...n }) {
+	return /* @__PURE__ */ s(i, {
 		"data-slot": "input-group-control",
-		className: e("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
+		className: t("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", e),
 		...n
 	});
 }
 //#endregion
-export { o as InputGroup, c as InputGroupAddon, u as InputGroupButton, f as InputGroupInput, d as InputGroupText, p as InputGroupTextarea };
+export { u as InputGroup, f as InputGroupAddon, m as InputGroupButton, g as InputGroupInput, h as InputGroupText, _ as InputGroupTextarea };

package/dist/components/item/item.d.ts

@@ -6,11 +6,11 @@ declare function ItemGroup({ className, ...props }: React.ComponentProps<'div'>)
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
-    size?: "default" | "xs" | "sm" | null | undefined;
+    size?: "xs" | "sm" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<'div'> & VariantProps<typeof itemVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare const itemMediaVariants: (props?: ({
-    variant?: "default" | "icon" | "image" | null | undefined;
+    variant?: "image" | "default" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;

package/dist/components/item/item.js

@@ -1,8 +1,8 @@
 import { cn as e } from "../../lib/utils.js";
 import { Separator as t } from "../separator/separator.js";
+import "react";
 import { cva as n } from "class-variance-authority";
 import { jsx as r } from "react/jsx-runtime";
-import "react";
 import { mergeProps as i } from "@base-ui/react/merge-props";
 import { useRender as a } from "@base-ui/react/use-render";
 //#region src/components/item/item.tsx
@@ -59,7 +59,7 @@ function l({ className: t, variant: n = "default", size: r = "default", render:
 var u = n("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
 	variants: { variant: {
 		default: "bg-transparent",
-		icon: "[&_svg:not([class*='size-'])]:size-4",
+		icon: "[--icon-stroke-width:var(--icon-stroke-16)] [&_svg:not([class*='size-'])]:size-4",
 		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
 	} },
 	defaultVariants: { variant: "default" }

package/dist/components/label/label.js

@@ -1,11 +1,11 @@
 import { cn as e } from "../../lib/utils.js";
-import { jsx as t } from "react/jsx-runtime";
 import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/label/label.tsx
 function n({ className: n, ...r }) {
 	return /* @__PURE__ */ t("label", {
 		"data-slot": "label",
-		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-disabled:pointer-events-none group-data-disabled:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", n),
+		className: e("type-label flex items-center gap-2 font-medium text-foreground select-none group-data-disabled:pointer-events-none group-data-disabled:text-foreground-tertiary peer-disabled:cursor-not-allowed peer-disabled:text-foreground-tertiary", n),
 		...r
 	});
 }

package/dist/components/marker/marker.d.ts

@@ -2,7 +2,7 @@ import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const markerVariants: (props?: ({
-    variant?: "default" | "separator" | "border" | null | undefined;
+    variant?: "separator" | "default" | "border" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Marker({ className, variant, render, ...props }: useRender.ComponentProps<'div'> & VariantProps<typeof markerVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function MarkerIcon({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;

package/dist/components/marker/marker.js

@@ -1,11 +1,11 @@
 import { cn as e } from "../../lib/utils.js";
+import "react";
 import { cva as t } from "class-variance-authority";
 import { jsx as n } from "react/jsx-runtime";
-import "react";
 import { mergeProps as r } from "@base-ui/react/merge-props";
 import { useRender as i } from "@base-ui/react/use-render";
 //#region src/components/marker/marker.tsx
-var a = t("group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", { variants: { variant: {
+var a = t("type-body group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-muted-foreground [--icon-stroke-width:var(--icon-stroke-16)] [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", { variants: { variant: {
 	default: "",
 	separator: "before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border",
 	border: "border-b border-border pb-2"
@@ -28,7 +28,7 @@ function s({ className: t, ...r }) {
 	return /* @__PURE__ */ n("span", {
 		"data-slot": "marker-icon",
 		"aria-hidden": "true",
-		className: e("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		className: e("size-4 shrink-0 [--icon-stroke-width:var(--icon-stroke-16)] [&_svg:not([class*='size-'])]:size-4", t),
 		...r
 	});
 }

package/dist/components/message/message.js

@@ -1,6 +1,6 @@
 import { cn as e } from "../../lib/utils.js";
-import { jsx as t } from "react/jsx-runtime";
 import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/message/message.tsx
 function n({ className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {

package/dist/components/metric-overview/index.d.ts

@@ -0,0 +1,2 @@
+export * from './metric-overview';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/metric-overview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/metric-overview/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/components/metric-overview/metric-overview.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface MetricOverviewItem {
+    label: React.ReactNode;
+    shortLabel?: React.ReactNode;
+    value: React.ReactNode;
+    description?: string;
+}
+export interface MetricOverviewProps extends Omit<React.ComponentProps<'dl'>, 'children'> {
+    items: readonly MetricOverviewItem[];
+}
+export declare function MetricOverview({ items, className, tabIndex, ...props }: MetricOverviewProps): React.JSX.Element;
+//# sourceMappingURL=metric-overview.d.ts.map

package/dist/components/metric-overview/metric-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-overview.d.ts","sourceRoot":"","sources":["../../../src/components/metric-overview/metric-overview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAC1B,UAAU,CACX;IACC,KAAK,EAAE,SAAS,kBAAkB,EAAE,CAAA;CACrC;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,QAAY,EACZ,GAAG,KAAK,EACT,EAAE,mBAAmB,qBA8DrB"}

package/dist/components/metric-overview/metric-overview.js

@@ -0,0 +1,42 @@
+import { cn as e } from "../../lib/utils.js";
+import { Separator as t } from "../separator/separator.js";
+import * as n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/metric-overview/metric-overview.tsx
+function o({ items: o, className: s, tabIndex: c = 0, ...l }) {
+	return /* @__PURE__ */ i("dl", {
+		"data-slot": "metric-overview",
+		className: e("type-content @container/metric-overview flex w-full flex-nowrap items-center overflow-x-auto rounded-md border border-border bg-background px-4 py-3.5 text-foreground outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-border-subtle", s),
+		tabIndex: c,
+		...l,
+		children: o.map((e, s) => /* @__PURE__ */ a(n.Fragment, { children: [/* @__PURE__ */ a("div", {
+			"data-slot": "metric-overview-item",
+			className: "flex min-w-[9.5rem] flex-[1_0_auto] items-center justify-start gap-1.5 px-4 whitespace-nowrap @max-[64rem]/metric-overview:flex-[1_0_9.5rem] @max-[64rem]/metric-overview:flex-col @max-[64rem]/metric-overview:items-start",
+			children: [/* @__PURE__ */ i("dt", {
+				className: "font-normal",
+				title: e.shortLabel && typeof e.label == "string" ? e.label : void 0,
+				children: e.shortLabel ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+					className: "@max-[64rem]/metric-overview:sr-only",
+					children: e.label
+				}), /* @__PURE__ */ i("span", {
+					"aria-hidden": "true",
+					className: "hidden @max-[64rem]/metric-overview:inline",
+					children: e.shortLabel
+				})] }) : e.label
+			}), /* @__PURE__ */ a("dd", {
+				className: "font-medium",
+				children: [e.value, e.description ? /* @__PURE__ */ a("span", {
+					className: "sr-only",
+					children: [". ", e.description]
+				}) : null]
+			})]
+		}), s < o.length - 1 ? /* @__PURE__ */ i(t, {
+			"data-slot": "metric-overview-separator",
+			orientation: "vertical",
+			className: "h-[18px] self-center @max-[64rem]/metric-overview:h-14",
+			"aria-hidden": "true"
+		}) : null] }, typeof e.label == "string" ? e.label : s))
+	});
+}
+//#endregion
+export { o as MetricOverview };

package/dist/components/native-select/native-select.d.ts

@@ -1,6 +1,7 @@
+import { ControlSize } from '../../lib/control-size';
 import * as React from 'react';
 type NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & {
-    size?: 'sm' | 'default';
+    size?: ControlSize;
 };
 declare function NativeSelect({ className, size, 'aria-label': ariaLabel, ...props }: NativeSelectProps): React.JSX.Element;
 declare function NativeSelectOption({ className, ...props }: React.ComponentProps<'option'>): React.JSX.Element;

package/dist/components/native-select/native-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"native-select.d.ts","sourceRoot":"","sources":["../../../src/components/native-select/native-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAgB,EAChB,YAAY,EAAE,SAA8B,EAC5C,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAwBnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,qBAQhC;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAQlC;AAED,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"native-select.d.ts","sourceRoot":"","sources":["../../../src/components/native-select/native-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAyB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAI5E,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAW,EACX,YAAY,EAAE,SAA8B,EAC5C,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAkCnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,qBAQhC;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAQlC;AAED,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}