@maanlamp/react-web-ui 0.0.0-stage → 0.1.1

package/dist/components/breadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/breadcrumbs/index.js

@@ -0,0 +1,3 @@
+import { Breadcrumbs } from "./breadcrumbs.js";
+import { useFold } from "./use-fold.js";
+export { Breadcrumbs, useFold };

package/dist/components/breadcrumbs/use-fold.d.ts

@@ -0,0 +1,35 @@
+/** The widths, in pixels, that decide how far a trail folds. */
+export type TrailGauge = Readonly<{
+    /** The width of each crumb at its full length, outermost first. */
+    crumbs: readonly number[];
+    /** The width of one separator. */
+    separator: number;
+    /** The width of the button that holds the folded crumbs. */
+    overflow: number;
+    /** The width the trail has. */
+    room: number;
+}>;
+/**
+ * Counts the crumbs to fold into the overflow menu so that the trail fits its
+ * room. It folds the crumb next to the first one first, and never folds the
+ * first or the last crumb.
+ *
+ * @example
+ * foldCount({ crumbs: [50, 120, 80, 140], separator: 32, overflow: 40, room: 410 }); // 1
+ */
+export declare const foldCount: ({ crumbs, separator, overflow, room, }: TrailGauge) => number;
+/**
+ * Measures how many crumbs a trail folds. The `root` ref goes on the element
+ * whose width the trail has, the `gauge` ref on a hidden copy of the trail at
+ * its full length (`Breadcrumbs.Gauge`). It measures again when either one
+ * changes size.
+ *
+ * @example
+ * const { root, gauge, folded } = useFold();
+ */
+export declare const useFold: () => Readonly<{
+    root: (element: HTMLElement | null) => void;
+    gauge: (element: HTMLOListElement | null) => void;
+    folded: number;
+}>;
+//# sourceMappingURL=use-fold.d.ts.map

package/dist/components/breadcrumbs/use-fold.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-fold.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/use-fold.ts"],"names":[],"mappings":"AAEA,gEAAgE;AAChE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IACjC,mEAAmE;IACnE,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;CACb,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,2CAKnB,UAAU,KAAG,MAyBf,CAAC;AAsBF;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,QAAO,QAAQ,CAAC;IACnC,IAAI,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,KAAK,EAAE,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;CACf,CA0BA,CAAC"}

package/dist/components/breadcrumbs/use-fold.js

@@ -0,0 +1,73 @@
+import { c } from "react/compiler-runtime";
+import { useLayoutEffect, useState } from "react";
+// src/components/breadcrumbs/use-fold.ts
+/**
+* Counts the crumbs to fold into the overflow menu so that the trail fits its
+* room. It folds the crumb next to the first one first, and never folds the
+* first or the last crumb.
+*
+* @example
+* foldCount({ crumbs: [50, 120, 80, 140], separator: 32, overflow: 40, room: 410 }); // 1
+*/
+var foldCount = ({ crumbs, separator, overflow, room }) => {
+	const foldable = Math.max(crumbs.length - 2, 0);
+	const full = crumbs.reduce((sum, crumb) => sum + crumb, 0) + separator * Math.max(crumbs.length - 1, 0);
+	const widthAfter = (folded) => folded === 0 ? full : full - crumbs.slice(1, 1 + folded).reduce((sum, crumb) => sum + crumb + separator, 0) + overflow + separator;
+	return Array.from({ length: foldable }, (_, folded) => folded).find((folded) => widthAfter(folded) <= room) ?? foldable;
+};
+var widthOf = (element) => element?.getBoundingClientRect().width ?? 0;
+var gaugeOf = (gauge, root) => ({
+	crumbs: Array.from(gauge.querySelectorAll("[data-gauge=\"crumb\"]"), widthOf),
+	separator: widthOf(gauge.querySelector("[data-gauge=\"separator\"]")),
+	overflow: widthOf(gauge.querySelector("[data-gauge=\"overflow\"]")),
+	room: widthOf(root)
+});
+/**
+* Measures how many crumbs a trail folds. The `root` ref goes on the element
+* whose width the trail has, the `gauge` ref on a hidden copy of the trail at
+* its full length (`Breadcrumbs.Gauge`). It measures again when either one
+* changes size.
+*
+* @example
+* const { root, gauge, folded } = useFold();
+*/
+var useFold = () => {
+	const $ = c(6);
+	const [root, setRoot] = useState(null);
+	const [gauge, setGauge] = useState(null);
+	const [folded, setFolded] = useState(0);
+	let t0;
+	let t1;
+	if ($[0] !== gauge || $[1] !== root) {
+		t0 = () => {
+			if (root === null || gauge === null) return;
+			const measure = () => setFolded(foldCount(gaugeOf(gauge, root)));
+			measure();
+			const observer = new ResizeObserver(measure);
+			observer.observe(root);
+			observer.observe(gauge);
+			return () => observer.disconnect();
+		};
+		t1 = [root, gauge];
+		$[0] = gauge;
+		$[1] = root;
+		$[2] = t0;
+		$[3] = t1;
+	} else {
+		t0 = $[2];
+		t1 = $[3];
+	}
+	useLayoutEffect(t0, t1);
+	let t2;
+	if ($[4] !== folded) {
+		t2 = {
+			root: setRoot,
+			gauge: setGauge,
+			folded
+		};
+		$[4] = folded;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+export { foldCount, useFold };

package/dist/components/button/button.css

@@ -0,0 +1,111 @@
+@layer kit.reset, kit.base, kit.components;
+@layer kit.components {
+  ._button_z1wdz_3 {
+    --_btn-bg: transparent;
+    --_btn-fg: var(--sys-color-text);
+    --_btn-pad-y: var(--sys-unit-6);
+    --_btn-pad-x: var(--sys-unit-16);
+    --_btn-font: var(--sys-font-label-medium);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--btn-gap, var(--sys-unit-4));
+    box-sizing: border-box;
+    border: none;
+    border-radius: var(--btn-radius, var(--sys-radius-full));
+    background: var(--btn-bg, var(--_btn-bg));
+    padding: var(--btn-pad-y, var(--_btn-pad-y)) var(--btn-pad-x, var(--_btn-pad-x));
+    color: var(--btn-fg, var(--_btn-fg));
+    font: var(--btn-font, var(--_btn-font));
+    letter-spacing: 0.0125em;
+    text-align: center;
+    white-space: nowrap;
+  }
+  ._button_z1wdz_3 {
+    outline: 0 solid var(--sys-color-focus-ring);
+    outline-offset: var(--sys-focus-ring-offset);
+  }
+  ._button_z1wdz_3:focus-visible {
+    outline-width: var(--sys-focus-ring-width);
+  }
+  ._button_z1wdz_3 {
+    position: relative;
+    isolation: isolate;
+  }
+  ._button_z1wdz_3::after {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    inset: 0;
+    border-radius: inherit;
+    background: currentcolor;
+    opacity: 0;
+    pointer-events: none;
+  }
+  @media not (prefers-reduced-motion) {
+    ._button_z1wdz_3::after {
+      transition: opacity var(--sys-motion-instant) var(--sys-motion-standard);
+    }
+  }
+  ._button_z1wdz_3:hover:not(:disabled, [data-disabled])::after {
+    opacity: var(--sys-state-hover);
+  }
+  ._button_z1wdz_3:active:not(:disabled, [data-disabled])::after {
+    opacity: var(--sys-state-pressed);
+  }
+  a._button_z1wdz_3,
+  a._button_z1wdz_3:hover {
+    color: var(--btn-fg, var(--_btn-fg));
+    text-decoration: none;
+  }
+  ._button_z1wdz_3[data-variant=primary] {
+    --_btn-bg: var(--sys-color-primary);
+    --_btn-fg: var(--sys-color-on-primary);
+  }
+  ._button_z1wdz_3[data-variant=secondary] {
+    --_btn-bg: var(--sys-color-primary-container);
+    --_btn-fg: var(--sys-color-on-primary-container);
+  }
+  ._button_z1wdz_3[data-variant=tertiary] {
+    --_btn-bg: transparent;
+    --_btn-fg: var(--sys-color-on-primary-container);
+    --_btn-pad-x: var(--sys-unit-6);
+  }
+  ._button_z1wdz_3[data-tone=danger][data-variant=primary] {
+    --_btn-bg: var(--sys-color-error-fg);
+    --_btn-fg: var(--sys-color-error-bg);
+  }
+  ._button_z1wdz_3[data-tone=danger][data-variant=secondary] {
+    --_btn-bg: var(--sys-color-error-bg);
+    --_btn-fg: var(--sys-color-error-fg);
+  }
+  ._button_z1wdz_3[data-tone=danger][data-variant=tertiary] {
+    --_btn-fg: var(--sys-color-error-fg);
+  }
+  ._button_z1wdz_3[data-size=sm] {
+    --_btn-pad-y: var(--sys-unit-4);
+    --_btn-pad-x: var(--sys-unit-6);
+    --_btn-font: var(--sys-font-label-small);
+  }
+  ._button_z1wdz_3[data-size=lg] {
+    --_btn-pad-y: var(--sys-unit-8);
+    --_btn-pad-x: var(--sys-unit-20);
+    --_btn-font: var(--sys-font-label-large);
+  }
+  ._button_z1wdz_3[data-icon-only=true] {
+    border-radius: var(--btn-radius, var(--sys-radius-circle));
+    padding: var(--btn-pad-y, var(--_btn-pad-y));
+    aspect-ratio: 1;
+  }
+  ._button_z1wdz_3:disabled,
+  ._button_z1wdz_3[data-disabled],
+  ._button_z1wdz_3[aria-disabled=true] {
+    background: var(--btn-disabled-bg, var(--sys-color-neutral-bg));
+    color: var(--btn-disabled-fg, var(--sys-color-text-muted));
+  }
+  ._button_z1wdz_3:disabled[data-variant=tertiary],
+  ._button_z1wdz_3[data-disabled][data-variant=tertiary],
+  ._button_z1wdz_3[aria-disabled=true][data-variant=tertiary] {
+    background: transparent;
+  }
+}

package/dist/components/button/button.d.ts

@@ -0,0 +1,48 @@
+import type { ComponentPropsWithRef, ReactElement, ReactNode } from "react";
+import { type SvgComponent } from "../icon/icon.tsx";
+/** A button's visual tier. */
+export type ButtonVariant = "primary" | "secondary" | "tertiary";
+/** A button's size. */
+export type ButtonSize = "sm" | "md" | "lg";
+/** A button's colour role. */
+export type ButtonTone = "brand" | "danger";
+type BaseProps = ComponentPropsWithRef<"button"> & Readonly<{
+    /** Visual tier. @default "secondary" */
+    variant?: ButtonVariant;
+    /** @default "md" */
+    size?: ButtonSize;
+    /**
+     * Colour role. `danger` re-points every tier to the error role, for
+     * irreversible actions. @default "brand"
+     */
+    tone?: ButtonTone;
+    /** A library part this button should render as, e.g. `<Menu.Trigger />`. */
+    render?: ReactElement;
+}>;
+type TextButtonProps = BaseProps & Readonly<{
+    iconOnly?: false;
+    /** Optional leading icon rendered before the label. */
+    icon?: SvgComponent;
+    children: ReactNode;
+}>;
+type IconOnlyButtonProps = BaseProps & Readonly<{
+    iconOnly: true;
+    /** Icon to render; required in icon-only mode. */
+    icon: SvgComponent;
+    /** Accessible name, surfaced as the tooltip hint and set as `aria-label`, since the icon alone conveys no text. */
+    label: string;
+    children?: never;
+}>;
+export type ButtonProps = TextButtonProps | IconOnlyButtonProps;
+/**
+ * Composite button over Material 3's tiers: `primary` is a filled button,
+ * `secondary` a tonal one, and `tertiary` a text button. In icon-only mode an
+ * accessible `label` is required and surfaced as both a tooltip and an
+ * `aria-label`.
+ *
+ * @example
+ * <Button variant="primary" size="md" onClick={apply}>Apply</Button>
+ */
+export declare const Button: (props: ButtonProps) => ReactNode;
+export {};
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACX,qBAAqB,EACrB,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAI3D,8BAA8B;AAC9B,MAAM,MAAM,aAAa,GACtB,SAAS,GACT,WAAW,GACX,UAAU,CAAC;AAEd,uBAAuB;AACvB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,8BAA8B;AAC9B,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5C,KAAK,SAAS,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAC/C,QAAQ,CAAC;IACR,wCAAwC;IACxC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,oBAAoB;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC,CAAC;AAWJ,KAAK,eAAe,GAAG,SAAS,GAC/B,QAAQ,CAAC;IACR,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC,CAAC;AAEJ,KAAK,mBAAmB,GAAG,SAAS,GACnC,QAAQ,CAAC;IACR,QAAQ,EAAE,IAAI,CAAC;IACf,kDAAkD;IAClD,IAAI,EAAE,YAAY,CAAC;IACnB,mHAAmH;IACnH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC,CAAC;AAEJ,MAAM,MAAM,WAAW,GACpB,eAAe,GACf,mBAAmB,CAAC;AAEvB;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,UAAW,WAAW,KAAG,SAuD3C,CAAC"}

package/dist/components/button/button.js

@@ -0,0 +1,213 @@
+import { Icon } from "../icon/icon.js";
+import { Tooltip } from "../tooltip/tooltip.js";
+import button_module_default from "./button.module.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { useRender } from "@base-ui/react/use-render";
+// src/components/button/button.tsx
+var ButtonElement = (t0) => {
+	const $ = c(6);
+	let props;
+	let render;
+	if ($[0] !== t0) {
+		({render, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = render;
+	} else {
+		props = $[1];
+		render = $[2];
+	}
+	let t1;
+	if ($[3] !== props || $[4] !== render) {
+		t1 = {
+			defaultTagName: "button",
+			render,
+			props
+		};
+		$[3] = props;
+		$[4] = render;
+		$[5] = t1;
+	} else t1 = $[5];
+	return useRender(t1);
+};
+/**
+* Composite button over Material 3's tiers: `primary` is a filled button,
+* `secondary` a tonal one, and `tertiary` a text button. In icon-only mode an
+* accessible `label` is required and surfaced as both a tooltip and an
+* `aria-label`.
+*
+* @example
+* <Button variant="primary" size="md" onClick={apply}>Apply</Button>
+*/
+var Button = (props) => {
+	const $ = c(49);
+	if (props.iconOnly) {
+		let className;
+		let icon;
+		let iconOnly;
+		let label;
+		let nativeProps;
+		let render;
+		let t0;
+		let t1;
+		let t2;
+		if ($[0] !== props) {
+			({variant: t0, size: t1, tone: t2, className, iconOnly, icon, label, render, ...nativeProps} = props);
+			$[0] = props;
+			$[1] = className;
+			$[2] = icon;
+			$[3] = iconOnly;
+			$[4] = label;
+			$[5] = nativeProps;
+			$[6] = render;
+			$[7] = t0;
+			$[8] = t1;
+			$[9] = t2;
+		} else {
+			className = $[1];
+			icon = $[2];
+			iconOnly = $[3];
+			label = $[4];
+			nativeProps = $[5];
+			render = $[6];
+			t0 = $[7];
+			t1 = $[8];
+			t2 = $[9];
+		}
+		const variant = t0 === void 0 ? "secondary" : t0;
+		const size = t1 === void 0 ? "md" : t1;
+		const tone = t2 === void 0 ? "brand" : t2;
+		let t3;
+		if ($[10] !== className) {
+			t3 = clsx(button_module_default.button, className);
+			$[10] = className;
+			$[11] = t3;
+		} else t3 = $[11];
+		let t4;
+		if ($[12] !== icon) {
+			t4 = /* @__PURE__ */ jsx(Icon, {
+				svg: icon,
+				label: ""
+			});
+			$[12] = icon;
+			$[13] = t4;
+		} else t4 = $[13];
+		let t5;
+		if ($[14] !== iconOnly || $[15] !== label || $[16] !== nativeProps || $[17] !== render || $[18] !== size || $[19] !== t3 || $[20] !== t4 || $[21] !== tone || $[22] !== variant) {
+			t5 = /* @__PURE__ */ jsx(ButtonElement, {
+				render,
+				type: "button",
+				"aria-label": label,
+				"data-variant": variant,
+				"data-size": size,
+				"data-tone": tone,
+				"data-icon-only": iconOnly,
+				className: t3,
+				...nativeProps,
+				children: t4
+			});
+			$[14] = iconOnly;
+			$[15] = label;
+			$[16] = nativeProps;
+			$[17] = render;
+			$[18] = size;
+			$[19] = t3;
+			$[20] = t4;
+			$[21] = tone;
+			$[22] = variant;
+			$[23] = t5;
+		} else t5 = $[23];
+		let t6;
+		if ($[24] !== label || $[25] !== t5) {
+			t6 = /* @__PURE__ */ jsx(Tooltip, {
+				content: label,
+				children: t5
+			});
+			$[24] = label;
+			$[25] = t5;
+			$[26] = t6;
+		} else t6 = $[26];
+		return t6;
+	}
+	let children;
+	let className_0;
+	let icon_0;
+	let nativeProps_0;
+	let render_0;
+	let t0;
+	let t1;
+	let t2;
+	if ($[27] !== props) {
+		const { variant: t3, size: t4, tone: t5, className: t6, iconOnly: _iconOnly, icon: t7, children: t8, render: t9, ...t10 } = props;
+		t0 = t3;
+		t1 = t4;
+		t2 = t5;
+		className_0 = t6;
+		icon_0 = t7;
+		children = t8;
+		render_0 = t9;
+		nativeProps_0 = t10;
+		$[27] = props;
+		$[28] = children;
+		$[29] = className_0;
+		$[30] = icon_0;
+		$[31] = nativeProps_0;
+		$[32] = render_0;
+		$[33] = t0;
+		$[34] = t1;
+		$[35] = t2;
+	} else {
+		children = $[28];
+		className_0 = $[29];
+		icon_0 = $[30];
+		nativeProps_0 = $[31];
+		render_0 = $[32];
+		t0 = $[33];
+		t1 = $[34];
+		t2 = $[35];
+	}
+	const variant_0 = t0 === void 0 ? "secondary" : t0;
+	const size_0 = t1 === void 0 ? "md" : t1;
+	const tone_0 = t2 === void 0 ? "brand" : t2;
+	let t3;
+	if ($[36] !== className_0) {
+		t3 = clsx(button_module_default.button, className_0);
+		$[36] = className_0;
+		$[37] = t3;
+	} else t3 = $[37];
+	let t4;
+	if ($[38] !== icon_0) {
+		t4 = icon_0 ? /* @__PURE__ */ jsx(Icon, {
+			svg: icon_0,
+			label: ""
+		}) : null;
+		$[38] = icon_0;
+		$[39] = t4;
+	} else t4 = $[39];
+	let t5;
+	if ($[40] !== children || $[41] !== nativeProps_0 || $[42] !== render_0 || $[43] !== size_0 || $[44] !== t3 || $[45] !== t4 || $[46] !== tone_0 || $[47] !== variant_0) {
+		t5 = /* @__PURE__ */ jsxs(ButtonElement, {
+			render: render_0,
+			type: "button",
+			"data-variant": variant_0,
+			"data-size": size_0,
+			"data-tone": tone_0,
+			className: t3,
+			...nativeProps_0,
+			children: [t4, children]
+		});
+		$[40] = children;
+		$[41] = nativeProps_0;
+		$[42] = render_0;
+		$[43] = size_0;
+		$[44] = t3;
+		$[45] = t4;
+		$[46] = tone_0;
+		$[47] = variant_0;
+		$[48] = t5;
+	} else t5 = $[48];
+	return t5;
+};
+export { Button };

package/dist/components/button/button.module.js

@@ -0,0 +1,4 @@
+import './button.css';// src/components/button/button.module.scss
+var button = "_button_z1wdz_3";
+var button_module_default = { button };
+export { button, button_module_default as default };

package/dist/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./button.tsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

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

package/dist/components/button/index.js

@@ -0,0 +1 @@
+export { Button } from "./button.js";

package/dist/components/checkbox-field/checkbox-field.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+import { type FieldProps } from "../field/index.ts";
+import { type CheckboxProps } from "./checkbox.tsx";
+export type CheckboxFieldProps = FieldProps & Omit<CheckboxProps, "className"> & Readonly<{
+    /** Applied to the field wrapper, so callers can place the row. */
+    className?: string;
+}>;
+/**
+ * The assembled checkbox: the label beside the box, which also toggles it, then
+ * the description and the error.
+ *
+ * @example
+ * <CheckboxField
+ * 	label="I agree to the terms"
+ * 	optionalLabel="optional"
+ * 	checked={agreed}
+ * 	onCheckedChange={setAgreed}
+ * />
+ */
+export declare const CheckboxField: ({ label, description, errors, requiredness, optionalLabel, dirty, touched, pending, name, className, ...props }: CheckboxFieldProps) => ReactNode;
+//# sourceMappingURL=checkbox-field.d.ts.map

package/dist/components/checkbox-field/checkbox-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-field/checkbox-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEN,KAAK,UAAU,EAGf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEN,KAAK,aAAa,EAClB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAC1C,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,GAChC,QAAQ,CAAC;IACR,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEJ;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,oHAYvB,kBAAkB,KAAG,SAuCvB,CAAC"}