@a-type/ui 5.0.21 → 6.0.0

package/dist/components/popover/Popover.js

@@ -0,0 +1,47 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover as PopoverPrimitive, } from '@base-ui/react/popover';
+import classNames, { clsx } from 'clsx';
+import { withClassName } from '../../hooks/withClassName.js';
+import { Button } from '../button/Button.js';
+import { Icon } from '../icon/Icon.js';
+import menuCls from '../primitives/menus.module.css';
+import { ArrowSvg } from '../utility/ArrowSvg.js';
+import cls from './Popover.module.css';
+const StyledContent = withClassName(PopoverPrimitive.Popup, menuCls.popup);
+const StyledArrow = withClassName((props) => (_jsx(PopoverPrimitive.Arrow, Object.assign({}, props, { children: _jsx(ArrowSvg, {}) }))), menuCls.arrow);
+const StyledClose = (_a) => {
+    var { className, inline } = _a, props = __rest(_a, ["className", "inline"]);
+    return (_jsx(PopoverPrimitive.Close, { render: _jsx(Button, Object.assign({ emphasis: "ghost", size: "small", className: clsx(!inline && cls.close, className) }, props)), children: _jsx(Icon, { name: "x" }) }));
+};
+// Exports
+export const PopoverRoot = PopoverPrimitive.Root;
+export const PopoverTrigger = PopoverPrimitive.Trigger;
+export const PopoverArrow = StyledArrow;
+export const PopoverClose = StyledClose;
+export const PopoverContent = function PopoverContent(_a) {
+    var { ref, children, forceMount, className, align, alignOffset, side, sideOffset = 8, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod } = _a, props = __rest(_a, ["ref", "children", "forceMount", "className", "align", "alignOffset", "side", "sideOffset", "anchor", "disableAnchorTracking", "sticky", "arrowPadding", "collisionAvoidance", "collisionBoundary", "collisionPadding", "positionMethod"]);
+    return (_jsx(PopoverPrimitive.Portal, { keepMounted: forceMount, children: _jsx(PopoverPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, disableAnchorTracking: disableAnchorTracking, sticky: sticky, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, positionMethod: positionMethod, children: _jsx(StyledContent, Object.assign({}, props, { ref: ref, className: classNames(cls.popup, className), children: children })) }) }));
+};
+export const PopoverTitle = withClassName(PopoverPrimitive.Title, cls.title);
+export const PopoverDescription = withClassName(PopoverPrimitive.Description, cls.description);
+export const Popover = Object.assign(PopoverRoot, {
+    Content: PopoverContent,
+    Arrow: PopoverArrow,
+    Close: PopoverClose,
+    Trigger: PopoverTrigger,
+    Title: PopoverTitle,
+    Description: PopoverDescription,
+    createHandle: PopoverPrimitive.createHandle,
+});
+//# sourceMappingURL=Popover.js.map

package/dist/components/popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"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"}

package/dist/components/popover/Popover.module.css

@@ -0,0 +1,24 @@
+.close {
+	position: absolute;
+	right: var(--m-spacing-sm);
+	top: var(--m-spacing-sm);
+}
+
+.popup {
+	padding: var(--m-spacing-md);
+}
+
+.title {
+	font-weight: 500;
+	margin: 0;
+	margin-block-end: var(--m-spacing-sm);
+	font-size: var(--m-text-secondary-size);
+	line-height: var(--m-text-secondary-lineHeight);
+}
+
+.description {
+	margin: 0;
+	font-size: var(--m-text-ambient-size);
+	line-height: var(--m-text-ambient-lineHeight);
+	@apply --mx-fg(var(--m-color-neutral-heavy));
+}

package/dist/components/popover/Popover.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Popover } from './Popover.js';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Default: Story;

package/dist/components/popover/Popover.stories.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../button/Button.js';
+import { Popover } from './Popover.js';
+const meta = {
+    title: 'Components/Popover',
+    component: Popover,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        return (_jsxs(Popover, Object.assign({}, args, { children: [_jsx(Popover.Trigger, { render: _jsx(Button, { color: "primary", size: "small" }), children: "Open Popover" }), _jsxs(Popover.Content, { style: { padding: 'var(--m-spacing-md)' }, children: [_jsx(Popover.Arrow, {}), _jsx(Popover.Title, { children: "Hello" }), _jsx(Popover.Description, { children: "This is a popover content." }), _jsx(Popover.Close, {})] })] })));
+    },
+};
+//# sourceMappingURL=Popover.stories.js.map

package/dist/components/popover/Popover.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACD,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,OAAO,oBAAK,IAAI,eAChB,KAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,6BAE9C,EAClB,MAAC,OAAO,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,aACzD,KAAC,OAAO,CAAC,KAAK,KAAG,EACjB,KAAC,OAAO,CAAC,KAAK,wBAAsB,EACpC,KAAC,OAAO,CAAC,WAAW,6CAAiD,EACrE,KAAC,OAAO,CAAC,KAAK,KAAG,IACA,KACT,CACV,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/components/popover/index.js

@@ -0,0 +1,2 @@
+export * from './Popover.js';
+//# sourceMappingURL=index.js.map

package/dist/components/popover/index.js.map

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

package/dist/components/primitives/menus.module.css

@@ -0,0 +1,264 @@
+.popup {
+	box-sizing: border-box;
+
+	min-width: 120px;
+	max-width: var(--available-width, 95vw);
+	max-height: var(--available-height);
+
+	transition: all var(--m-duration) var(--m-easing);
+
+	@apply --mx-shadow(var(--m-shadow-lg));
+	@apply --mx-surface-ambient;
+	padding: 0;
+
+	transform-origin: var(--transform-origin);
+	will-change: transform;
+
+	&:focus {
+		outline: none;
+	}
+	&:focus-visible {
+		@apply --mx-ring(--fn-ring(
+			--fn-color-faded(var(--m-color-main-ink), 50%),
+			2px
+		));
+	}
+
+	@media (forced-colors: active) {
+		border-color: var(--m-color-main-ink);
+	}
+	@media (prefers-reduced-motion: reduce) {
+		transition: none;
+	}
+
+	--y: 0px;
+	--x: 0px;
+	transform: translate(var(--x), var(--y));
+
+	&[data-starting-style] {
+		opacity: 0;
+		&[data-side='bottom'] {
+			--y: 4px;
+		}
+		&[data-side='top'] {
+			--y: -4px;
+		}
+		&[data-side='left'] {
+			--x: -4px;
+		}
+		&[data-side='right'] {
+			--x: 4px;
+		}
+	}
+	&[data-ending-style] {
+		opacity: 0;
+	}
+}
+
+.itemList {
+	box-sizing: border-box;
+	max-height: min(var(--available-height, 100%), 95vh);
+	min-height: 0px;
+	overflow-x: clip;
+	overflow-y: auto;
+	scroll-padding-block: var(--m-spacing-md);
+	position: relative;
+	padding: var(--m-spacing-xs);
+
+	border-radius: inherit;
+}
+
+.item {
+	min-height: 30px;
+	position: relative;
+	display: flex;
+	align-items: center;
+	cursor: pointer;
+	user-select: none;
+
+	padding: var(--m-action-padding);
+	padding-left: var(--m-spacing-lg);
+	gap: var(--m-spacing-sm);
+
+	text-align: left;
+	font-size: var(--m-text-secondary-size);
+	font-weight: var(--m-text-secondary-weight);
+	line-height: var(--m-text-secondary-lineHeight);
+	font-family: var(--m-text-secondary-font);
+
+	@apply --mx-fg(color-contrast(var(--mx-bg-ref)));
+
+	&[data-disabled],
+	&:disabled {
+		pointer-events: none;
+		@apply --mx-fg(var(--m-color-neutral-heavy));
+		@apply --mx-bg(var(--m-color-neutral-paper));
+	}
+
+	&:hover,
+	&[data-highlighted],
+	&[data-state='checked'],
+	&:focus-visible {
+		@apply --mx-bg(var(--m-color-neutral-light));
+	}
+
+	&:focus {
+		outline: none;
+	}
+	&:focus-visible {
+		--mx-ring-value: --fn-focus-ring();
+	}
+
+	border-radius: var(--m-radius-xs);
+	&:first-child {
+		border-top-left-radius: calc(var(--m-surface-radius) - var(--m-spacing-xs));
+		border-top-right-radius: calc(
+			var(--m-surface-radius) - var(--m-spacing-xs)
+		);
+	}
+	&:last-child {
+		border-bottom-left-radius: calc(
+			var(--m-surface-radius) - var(--m-spacing-xs)
+		);
+		border-bottom-right-radius: calc(
+			var(--m-surface-radius) - var(--m-spacing-xs)
+		);
+	}
+}
+
+.itemText {
+	flex: 1;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: var(--m-spacing-sm);
+	scroll-padding-block: var(--m-spacing-md);
+}
+
+.itemIndicator {
+	margin-inline-start: auto;
+	height: 10px;
+	flex-shrink: 0;
+	flex-basis: 10px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	right: calc(-1 * var(--m-spacing-xs));
+}
+
+.itemRightSlot {
+	margin-inline-start: auto;
+	padding-inline-start: var(--m-spacing-sm);
+}
+
+.arrow {
+	--size: 18px;
+	@apply --mx-fill(var(--mx-bg-ref, var(--m-global-trueLightColor)));
+	@apply --mx-stroke(var(--mx-borderColor-ref, var(--mx-fg-ref, var(--m-global-trueHeavyColor))));
+	stroke-width: var(--m-lineWidth);
+	width: var(--size);
+	height: calc(var(--size) / 2);
+	position: relative;
+	--angle: 0deg;
+	--scale: 1;
+	transform: translate(0, 0) rotate(var(--angle, 0deg)) scale(var(--scale, 1));
+	transition: opacity var(--m-duration) var(--m-easing);
+
+	&[data-side='top'] {
+		--angle: 0deg;
+		bottom: calc(-1 * var(--size) / 2 + 1px);
+	}
+	&[data-side='bottom'] {
+		--angle: 180deg;
+		top: calc(-1 * var(--size) / 2 + 1px);
+	}
+	&[data-side='left'] {
+		--angle: 270deg;
+		right: calc(-1 * var(--size) * 0.75);
+	}
+	&[data-side='right'] {
+		--angle: 90deg;
+		left: calc(-1 * var(--size) * 0.75);
+	}
+
+	&[data-open] {
+		opacity: 1;
+		--scale: 1;
+	}
+	&[data-closed] {
+		opacity: 0;
+		--scale: 0.5;
+	}
+}
+
+.separator {
+	margin: var(--m-spacing-xs);
+	height: var(--m-lineWidth-sm);
+	@apply --mx-bg(var(--m-color-neutral));
+}
+
+.groupLabel {
+	user-select: none;
+	@apply --mx-fg(var(--m-color-neutral-heavy));
+	font-size: var(--m-text-ambient-size);
+	line-height: var(--m-text-ambient-lineHeight);
+	font-weight: var(--m-text-ambient-weight);
+}
+
+.scrollArrow {
+	box-sizing: border-box;
+	z-index: 1;
+	height: 1rem;
+	left: var(--m-spacing-md);
+	right: var(--m-spacing-md);
+	cursor: default;
+	user-select: none;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+	@apply --mx-bg(var(--m-surface-ambient-bg));
+	@apply --mx-fg(var(--m-surface-ambient-fg));
+	border-radius: inherit;
+	font-size: var(--m-text-ambient-size);
+	line-height: var(--m-text-ambient-lineHeight);
+	font-weight: var(--m-text-ambient-weight);
+
+	&::before {
+		position: absolute;
+		left: 0;
+		height: 100%;
+		width: 100%;
+		content: '';
+	}
+
+	&[data-direction='up'] {
+		top: 0;
+		&[data-side='none'] {
+			&::before {
+				top: -100%;
+			}
+		}
+	}
+	&[data-direction='down'] {
+		bottom: 0;
+		&[data-side='none'] {
+			&::before {
+				bottom: -100%;
+			}
+		}
+	}
+}
+
+.trigger {
+	user-select: none;
+}
+
+.triggerIcon {
+	transition: transform var(--m-duration) var(--m-easing);
+	margin-inline-start: auto;
+	[data-open] > &,
+	[data-popup-open] > & {
+		transform: rotate(180deg);
+	}
+}

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,23 @@
+import { ProgressRootProps, ProgressValueProps } from '@base-ui/react/progress';
+export declare const ProgressRoot: import("react").FunctionComponent<Omit<ProgressRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ProgressIndicator: import("react").FunctionComponent<Omit<import("@base-ui/react/progress").ProgressIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ProgressTrack: import("react").FunctionComponent<Omit<import("@base-ui/react/progress").ProgressTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ProgressLabeled: ({ ref, label, className, formatValue, ...props }: Omit<ProgressRootProps, "children"> & {
+    ref?: React.Ref<HTMLDivElement>;
+    label: React.ReactNode;
+    formatValue?: ProgressValueProps["children"];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Progress: (({ ref, children, max, value, className, ...props }: ProgressRootProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    Root: import("react").FunctionComponent<Omit<ProgressRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Indicator: import("react").FunctionComponent<Omit<import("@base-ui/react/progress").ProgressIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Track: import("react").FunctionComponent<Omit<import("@base-ui/react/progress").ProgressTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Labeled: ({ ref, label, className, formatValue, ...props }: Omit<ProgressRootProps, "children"> & {
+        ref?: React.Ref<HTMLDivElement>;
+        label: React.ReactNode;
+        formatValue?: ProgressValueProps["children"];
+    }) => import("react/jsx-runtime").JSX.Element;
+    Label: import("react").FunctionComponent<Omit<import("@base-ui/react/progress").ProgressLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Value: import("react").FunctionComponent<Omit<ProgressValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};

package/dist/components/progress/Progress.js

@@ -0,0 +1,38 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Progress as ProgressPrimitive, } from '@base-ui/react/progress';
+import clsx from 'clsx';
+import { withClassName } from '../../hooks.js';
+import cls from './Progress.module.css';
+export const ProgressRoot = withClassName(ProgressPrimitive.Root, cls.root);
+export const ProgressIndicator = withClassName(ProgressPrimitive.Indicator, cls.indicator);
+export const ProgressTrack = withClassName(ProgressPrimitive.Track, cls.track);
+const ProgressBase = function ProgressBase(_a) {
+    var { ref, children, max = 100, value, className } = _a, props = __rest(_a, ["ref", "children", "max", "value", "className"]);
+    return (_jsxs(ProgressPrimitive.Root, Object.assign({}, props, { className: clsx('layer-components:w-full', className), value: value, max: max, ref: ref, children: [_jsx(ProgressTrack, { children: _jsx(ProgressIndicator, {}) }), children] })));
+};
+const ProgressLabel = withClassName(ProgressPrimitive.Label, cls.label);
+const ProgressValue = withClassName(ProgressPrimitive.Value, cls.value);
+export const ProgressLabeled = function ProgressLabeled(_a) {
+    var { ref, label, className, formatValue } = _a, props = __rest(_a, ["ref", "label", "className", "formatValue"]);
+    return (_jsxs(ProgressRoot, Object.assign({ ref: ref, className: clsx(className) }, props, { children: [_jsx(ProgressLabel, { children: label }), _jsx(ProgressValue, { children: formatValue }), _jsx(ProgressTrack, { className: "col-span-2", children: _jsx(ProgressIndicator, {}) })] })));
+};
+export const Progress = Object.assign(ProgressBase, {
+    Root: ProgressRoot,
+    Indicator: ProgressIndicator,
+    Track: ProgressTrack,
+    Labeled: ProgressLabeled,
+    Label: ProgressLabel,
+    Value: ProgressValue,
+});
+//# sourceMappingURL=Progress.js.map

package/dist/components/progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/components/progress/Progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,QAAQ,IAAI,iBAAiB,GAG7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC7C,iBAAiB,CAAC,SAAS,EAC3B,GAAG,CAAC,SAAS,CACb,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AAE/E,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAS1C;QAT0C,EAC1C,GAAG,EACH,QAAQ,EACR,GAAG,GAAG,GAAG,EACT,KAAK,EACL,SAAS,OAIT,EAHG,KAAK,cANkC,gDAO1C,CADQ;IAIR,OAAO,CACN,MAAC,iBAAiB,CAAC,IAAI,oBAClB,KAAK,IACT,SAAS,EAAE,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACrD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,aAER,KAAC,aAAa,cACb,KAAC,iBAAiB,KAAG,GACN,EACf,QAAQ,KACe,CACzB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AAExE,MAAM,aAAa,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,eAAe,CAAC,EAUvD;QAVuD,EACvD,GAAG,EACH,KAAK,EACL,SAAS,EACT,WAAW,OAMX,EALG,KAAK,cAL+C,4CAMvD,CADQ;IAMR,OAAO,CACN,MAAC,YAAY,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAM,KAAK,eAC5D,KAAC,aAAa,cAAE,KAAK,GAAiB,EACtC,KAAC,aAAa,cAAE,WAAW,GAAiB,EAC5C,KAAC,aAAa,IAAC,SAAS,EAAC,YAAY,YACpC,KAAC,iBAAiB,KAAG,GACN,KACF,CACf,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IACnD,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;IAC5B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;CACpB,CAAC,CAAC"}

package/dist/components/progress/Progress.module.css

@@ -0,0 +1,54 @@
+.root {
+	width: 100%;
+
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	row-gap: var(--m-spacing-xs);
+	column-gap: var(--m-spacing-md);
+	align-items: center;
+	box-sizing: border-box;
+}
+
+.indicator {
+	width: 100%;
+	transition: transform var(--m-duration) var(--m-easing);
+	border-radius: var(--m-radius);
+	@apply --mx-bg(var(--m-color-main));
+
+	&[data-complete] {
+		@apply --mx-bg(var(--m-color-palette-success));
+	}
+}
+
+.track {
+	position: relative;
+	width: 100%;
+	height: --fn-literal(8px);
+	overflow: clip;
+	grid-column-start: 1;
+	grid-column-end: 3;
+	box-sizing: border-box;
+
+	border-radius: var(--m-radius-lg);
+	@apply --mx-bg(var(--m-color-neutral-paper));
+	@apply --mx-borderColor(var(--m-color-neutral-ink));
+}
+
+.label {
+	grid-column-start: 1;
+	grid-row-start: 1;
+	@apply --mx-fg(var(--m-color-neutral-ink));
+	font-size: var(--m-text-ambient-size);
+	line-height: var(--m-text-ambient-lineHeight);
+	font-weight: var(--m-text-ambient-weight);
+}
+
+.value {
+	grid-column-start: 2;
+	grid-row-start: 1;
+	justify-self: end;
+	@apply --mx-fg(var(--m-color-neutral-ink));
+	font-size: var(--m-text-ambient-size);
+	line-height: var(--m-text-ambient-lineHeight);
+	font-weight: 500;
+}

package/dist/components/progress/Progress.stories.d.ts

@@ -0,0 +1,29 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Progress } from './Progress.js';
+declare const meta: {
+    title: string;
+    component: (({ ref, children, max, value, className, ...props }: import("@base-ui/react").ProgressRootProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime").JSX.Element) & {
+        Root: import("react").FunctionComponent<Omit<import("@base-ui/react").ProgressRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+        Indicator: import("react").FunctionComponent<Omit<import("@base-ui/react").ProgressIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+        Track: import("react").FunctionComponent<Omit<import("@base-ui/react").ProgressTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+        Labeled: ({ ref, label, className, formatValue, ...props }: Omit<import("@base-ui/react").ProgressRootProps, "children"> & {
+            ref?: React.Ref<HTMLDivElement>;
+            label: React.ReactNode;
+            formatValue?: import("@base-ui/react").ProgressValueProps["children"];
+        }) => import("react/jsx-runtime").JSX.Element;
+        Label: import("react").FunctionComponent<Omit<import("@base-ui/react").ProgressLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+        Value: import("react").FunctionComponent<Omit<import("@base-ui/react").ProgressValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    };
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Progress>;
+export declare const Default: Story;
+export declare const Labeled: Story;

package/dist/components/progress/Progress.stories.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../box/Box.js';
+import { Progress } from './Progress.js';
+const meta = {
+    title: 'Components/Progress',
+    component: Progress,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+export const Default = {
+    render(args) {
+        return (_jsxs(Box, { col: true, gap: true, children: [_jsx(Progress, Object.assign({}, args, { value: 50, max: 100 })), _jsx(Progress, Object.assign({}, args, { value: 100, max: 100 })), _jsx(Progress, Object.assign({}, args, { value: 0, max: 100 }))] }));
+    },
+};
+export const Labeled = {
+    render(args) {
+        return (_jsxs(Box, { col: true, gap: true, children: [_jsx(Progress.Labeled, Object.assign({}, args, { value: 33, max: 100, label: "Loading..." })), _jsx(Progress.Labeled, Object.assign({}, args, { value: 100, max: 100, label: "Complete" })), _jsx(Progress.Labeled, Object.assign({}, args, { value: 0, max: 100, label: "Starting..." }))] }));
+    },
+};
+//# sourceMappingURL=Progress.stories.js.map

package/dist/components/progress/Progress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.stories.js","sourceRoot":"","sources":["../../../src/components/progress/Progress.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,QAAC,GAAG,mBACX,KAAC,QAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAC3C,KAAC,QAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,EAC5C,KAAC,QAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,IACrC,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,QAAC,GAAG,mBACX,KAAC,QAAQ,CAAC,OAAO,oBAAK,IAAI,IAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,YAAY,IAAG,EACtE,KAAC,QAAQ,CAAC,OAAO,oBAAK,IAAI,IAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,UAAU,IAAG,EACrE,KAAC,QAAQ,CAAC,OAAO,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,aAAa,IAAG,IACjE,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/components/provider/Provider.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export interface ProviderProps {
+    children?: ReactNode;
+    disableParticles?: boolean;
+    disableViewportOffset?: boolean;
+    virtualKeyboardBehavior?: 'overlay' | 'displace';
+    disableTitleBarColor?: boolean;
+    manifestPath?: string | false;
+}
+/**
+ * Provides all the stuff for all global junk.
+ */
+export declare function Provider({ children, disableParticles, disableViewportOffset, virtualKeyboardBehavior, disableTitleBarColor, manifestPath, }: ProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const ConfigContext: import("react").Context<{
+    virtualKeyboardBehavior: "overlay" | "displace";
+}>;
+export declare function useConfig(): {
+    virtualKeyboardBehavior: "overlay" | "displace";
+};

package/dist/components/provider/Provider.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { useThemedTitleBar, useVirtualKeyboardFocusBehavior, useVisualViewportOffset, } from '../../hooks.js';
+import { useVirtualKeyboardBehavior } from '../../hooks/useVirtualKeyboardBehavior.js';
+import { IconSpritesheet } from '../icon/index.js';
+import { ParticleLayer } from '../particles/index.js';
+import { PwaInstall } from '../pwaInstall/PwaInstall.js';
+import { DefaultToastProvider, Toaster } from '../toasts/toasts.js';
+import { TooltipProvider } from '../tooltip/index.js';
+/**
+ * Provides all the stuff for all global junk.
+ */
+export function Provider({ children, disableParticles, disableViewportOffset, virtualKeyboardBehavior = 'displace', disableTitleBarColor, manifestPath, }) {
+    useVisualViewportOffset(disableViewportOffset);
+    useVirtualKeyboardFocusBehavior();
+    const supportedVirtualKeyboardBehavior = typeof navigator !== 'undefined' && 'virtualKeyboard' in navigator
+        ? virtualKeyboardBehavior
+        : 'displace';
+    useVirtualKeyboardBehavior(supportedVirtualKeyboardBehavior);
+    useThemedTitleBar('gray', 'wash', undefined, disableTitleBarColor);
+    const otherStuff = (_jsxs(_Fragment, { children: [_jsx(IconSpritesheet, {}), _jsx(Toaster, {}), manifestPath === false ? null : (_jsx(PwaInstall, { manifestPath: manifestPath }))] }));
+    if (disableParticles)
+        return (_jsx(ConfigContext.Provider, { value: { virtualKeyboardBehavior: supportedVirtualKeyboardBehavior }, children: _jsx(DefaultToastProvider, { children: _jsxs(TooltipProvider, { children: [children, otherStuff] }) }) }));
+    return (_jsx(ConfigContext.Provider, { value: { virtualKeyboardBehavior: supportedVirtualKeyboardBehavior }, children: _jsx(DefaultToastProvider, { children: _jsx(TooltipProvider, { children: _jsxs(ParticleLayer, { children: [children, otherStuff] }) }) }) }));
+}
+export const ConfigContext = createContext({
+    virtualKeyboardBehavior: 'displace',
+});
+export function useConfig() {
+    return useContext(ConfigContext);
+}
+//# sourceMappingURL=Provider.js.map

package/dist/components/provider/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EACN,iBAAiB,EACjB,+BAA+B,EAC/B,uBAAuB,GACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAWtD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,GAAG,UAAU,EACpC,oBAAoB,EACpB,YAAY,GACG;IACf,uBAAuB,CAAC,qBAAqB,CAAC,CAAC;IAC/C,+BAA+B,EAAE,CAAC;IAClC,MAAM,gCAAgC,GACrC,OAAO,SAAS,KAAK,WAAW,IAAI,iBAAiB,IAAI,SAAS;QACjE,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CAAC;IACf,0BAA0B,CAAC,gCAAgC,CAAC,CAAC;IAC7D,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,CAClB,8BACC,KAAC,eAAe,KAAG,EACnB,KAAC,OAAO,KAAG,EACV,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,KAAC,UAAU,IAAC,YAAY,EAAE,YAAY,GAAI,CAC1C,IACC,CACH,CAAC;IAEF,IAAI,gBAAgB;QACnB,OAAO,CACN,KAAC,aAAa,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,YAEpE,KAAC,oBAAoB,cACpB,MAAC,eAAe,eACd,QAAQ,EACR,UAAU,IACM,GACI,GACC,CACzB,CAAC;IAEH,OAAO,CACN,KAAC,aAAa,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,YAEpE,KAAC,oBAAoB,cACpB,KAAC,eAAe,cACf,MAAC,aAAa,eACZ,QAAQ,EACR,UAAU,IACI,GACC,GACI,GACC,CACzB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAEvC;IACF,uBAAuB,EAAE,UAAU;CACnC,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS;IACxB,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AAClC,CAAC"}

package/dist/components/pwaInstall/PlatformIcons.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SafariShareIcon() {
+    return (_jsx("svg", { id: "pwa-share", width: "24", height: "24", viewBox: "0 0 17.695 26.475", style: { verticalAlign: 'middle' }, children: _jsxs("g", { fill: "currentColor", children: [_jsx("path", { d: "M17.334 10.762v9.746c0 2.012-1.025 3.027-3.066 3.027H3.066C1.026 23.535 0 22.52 0 20.508v-9.746C0 8.75 1.025 7.734 3.066 7.734h2.94v1.573h-2.92c-.977 0-1.514.527-1.514 1.543v9.57c0 1.015.537 1.543 1.514 1.543h11.152c.967 0 1.524-.527 1.524-1.543v-9.57c0-1.016-.557-1.543-1.524-1.543h-2.91V7.734h2.94c2.04 0 3.066 1.016 3.066 3.028Z" }), _jsx("path", { d: "M8.662 15.889c.42 0 .781-.352.781-.762V5.097l-.058-1.464.654.693 1.484 1.582a.698.698 0 0 0 .528.235c.4 0 .713-.293.713-.694 0-.205-.088-.361-.235-.508l-3.3-3.183c-.196-.196-.362-.264-.567-.264-.195 0-.361.069-.566.264L4.795 4.94a.681.681 0 0 0-.225.508c0 .4.293.694.703.694.186 0 .4-.079.538-.235l1.474-1.582.664-.693-.058 1.465v10.029c0 .41.351.762.771.762Z" })] }) }));
+}
+export function SafariIcon() {
+    return (_jsx("svg", { id: "pwa-safari", viewBox: "0 0 20.283 19.932", width: "25", height: "25", style: { verticalAlign: 'middle' }, children: _jsxs("g", { fill: "currentColor", children: [_jsx("path", { d: "M9.96 19.922c5.45 0 9.962-4.522 9.962-9.961C19.922 4.51 15.4 0 9.952 0 4.511 0 0 4.512 0 9.96c0 5.44 4.521 9.962 9.96 9.962Zm0-1.66A8.26 8.26 0 0 1 1.67 9.96c0-4.61 3.672-8.3 8.281-8.3 4.61 0 8.31 3.69 8.31 8.3 0 4.61-3.69 8.3-8.3 8.3Z" }), _jsx("path", { d: "m5.87 14.883 5.605-2.735a1.47 1.47 0 0 0 .683-.673l2.725-5.596c.312-.664-.166-1.182-.85-.84L8.447 7.764c-.302.136-.508.341-.674.673L5.03 14.043c-.312.645.196 1.152.84.84Zm4.09-3.72A1.19 1.19 0 0 1 8.77 9.97c0-.664.527-1.201 1.19-1.201a1.2 1.2 0 0 1 1.202 1.2c0 .655-.537 1.192-1.201 1.192Z" })] }) }));
+}
+export function SafariPlusSquareIcon() {
+    return (_jsx("svg", { id: "pwa-add", width: "24", height: "24", viewBox: "-4 -4 33 33", fill: "currentColor", style: { verticalAlign: 'middle' }, children: _jsx("g", { children: _jsx("path", { d: "m23.40492,1.60784c-1.32504,-1.32504 -3.19052,-1.56912 -5.59644,-1.56912l-10.65243,0c-2.33622,0 -4.2017,0.24408 -5.5267,1.56912c-1.32504,1.34243 -1.56911,3.17306 -1.56911,5.50924l0,10.5827c0,2.40596 0.22665,4.254 1.55165,5.57902c1.34246,1.32501 3.19052,1.5691 5.59647,1.5691l10.60013,0c2.40592,0 4.2714,-0.24408 5.59644,-1.5691c1.325,-1.34245 1.55166,-3.17306 1.55166,-5.57902l0,-10.51293c0,-2.40596 -0.22666,-4.25401 -1.55166,-5.57901zm-0.38355,5.21289l0,11.24518c0,1.51681 -0.20924,2.94643 -1.02865,3.78327c-0.83683,0.83685 -2.30134,1.0635 -3.81815,1.0635l-11.33234,0c-1.51681,0 -2.96386,-0.22665 -3.80073,-1.0635c-0.83683,-0.83684 -1.04607,-2.26646 -1.04607,-3.78327l0,-11.19288c0,-1.5517 0.20924,-3.01617 1.02865,-3.85304c0.83687,-0.83683 2.31876,-1.04607 3.87042,-1.04607l11.28007,0c1.51681,0 2.98132,0.22666 3.81815,1.06353c0.81941,0.81941 1.02865,2.26645 1.02865,3.78327zm-10.53039,12.08205c0.64506,0 1.02861,-0.43586 1.02861,-1.13326l0,-4.34117l4.53294,0c0.66252,0 1.13326,-0.36613 1.13326,-0.99376c0,-0.64506 -0.43586,-1.02861 -1.13326,-1.02861l-4.53294,0l0,-4.53294c0,-0.6974 -0.38355,-1.13326 -1.02861,-1.13326c-0.62763,0 -0.99376,0.45332 -0.99376,1.13326l0,4.53294l-4.51552,0c-0.69737,0 -1.15069,0.38355 -1.15069,1.02861c0,0.62763 0.48817,0.99376 1.15069,0.99376l4.51552,0l0,4.34117c0,0.66252 0.36613,1.13326 0.99376,1.13326z" }) }) }));
+}
+export function SafariAddToDockIcon() {
+    return (_jsx("svg", { id: "pwa-add", viewBox: "0 0 23.389 17.979", width: "24", height: "24", style: { verticalAlign: 'middle' }, children: _jsxs("g", { fill: "currentColor", children: [_jsx("path", { d: "M1.045 3.291v1.377h20.937V3.291Zm2.021 14.688h16.895c2.05 0 3.066-1.006 3.066-3.018V3.027C23.027 1.016 22.012 0 19.961 0H3.066C1.026 0 0 1.016 0 3.027v11.934c0 2.012 1.025 3.018 3.066 3.018Zm.02-1.573c-.977 0-1.514-.517-1.514-1.533V3.115c0-1.015.537-1.543 1.514-1.543H19.94c.967 0 1.514.528 1.514 1.543v11.758c0 1.016-.547 1.533-1.514 1.533Z" }), _jsx("path", { d: "M4.2 14.014c0 .508.35.85.868.85h12.92c.518 0 .87-.343.87-.85v-1.465c0-.508-.352-.85-.87-.85H5.068c-.517 0-.869.342-.869.85Z" })] }) }));
+}
+export function AndroidAddToHomeIcon() {
+    return (_jsx("svg", { height: "24", viewBox: "0 -960 960 960", width: "24", style: { verticalAlign: 'middle' }, children: _jsx("path", { d: "M320-40q-33 0-56.5-23.5T240-120v-160h80v40h400v-480H320v40h-80v-160q0-33 23.5-56.5T320-920h400q33 0 56.5 23.5T800-840v720q0 33-23.5 56.5T720-40H320Zm0-120v40h400v-40H320ZM176-280l-56-56 224-224H200v-80h280v280h-80v-144L176-280Zm144-520h400v-40H320v40Zm0 0v-40 40Zm0 640v40-40Z" }) }));
+}
+//# sourceMappingURL=PlatformIcons.js.map

package/dist/components/pwaInstall/PlatformIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlatformIcons.js","sourceRoot":"","sources":["../../../src/components/pwaInstall/PlatformIcons.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,eAAe;IAC9B,OAAO,CACN,cACC,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,YAElC,aAAG,IAAI,EAAC,cAAc,aACrB,eAAM,CAAC,EAAC,6UAA6U,GAAG,EACxV,eAAM,CAAC,EAAC,yWAAyW,GAAG,IACjX,GACC,CACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU;IACzB,OAAO,CACN,cACC,EAAE,EAAC,YAAY,EACf,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,YAElC,aAAG,IAAI,EAAC,cAAc,aACrB,eAAM,CAAC,EAAC,6OAA6O,GAAG,EACxP,eAAM,CAAC,EAAC,mSAAmS,GAAG,IAC3S,GACC,CACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB;IACnC,OAAO,CACN,cACC,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,YAElC,sBACC,eAAM,CAAC,EAAC,0zCAA0zC,GAAG,GACl0C,GACC,CACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB;IAClC,OAAO,CACN,cACC,EAAE,EAAC,SAAS,EACZ,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,YAElC,aAAG,IAAI,EAAC,cAAc,aACrB,eAAM,CAAC,EAAC,uVAAuV,GAAG,EAClW,eAAM,CAAC,EAAC,6HAA6H,GAAG,IACrI,GACC,CACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB;IACnC,OAAO,CACN,cACC,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,gBAAgB,EACxB,KAAK,EAAC,IAAI,EACV,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,YAElC,eAAM,CAAC,EAAC,sRAAsR,GAAG,GAC5R,CACN,CAAC;AACH,CAAC"}