@manta-eu/react 0.1.1 → 0.1.3

package/README.md

@@ -32,13 +32,10 @@ stylesheet:
 
 /* Manta components – design tokens, base styles, utilities */
 @import "@manta-eu/react/globals.css";
-
-/* Keep the classes the package uses in your build */
-@source "../node_modules/@manta-eu/react/";
 ```
 
-Adjust the `@source` path if your `node_modules` sits elsewhere — in a monorepo it is often
-`../../node_modules/@manta-eu/react/`.
+The stylesheet points Tailwind at the package's own compiled components, so you do not add an
+`@source` for it yourself.
 
 ### 3. Point the font variable at a real font
 
@@ -65,7 +62,6 @@ pnpm manta-codegen generate \
   --datastore your-datastore \
   --keycloak-url https://auth.hiremanta.com \
   --keycloak-realm your-realm \
-  --client-id your-realm-app \
   --out ./.ldkit
 ```
 

package/dist/components/brand-icons/index.d.ts

@@ -0,0 +1,6 @@
+export declare const Facebook: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Instagram: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Linkedin: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Slack: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Twitter: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/brand-icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,2IAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,2IAIpB,CAAC;AAEH,eAAO,MAAM,QAAQ,2IAInB,CAAC;AAEH,eAAO,MAAM,KAAK,2IAShB,CAAC;AAEH,eAAO,MAAM,OAAO,2IAQlB,CAAC"}

package/dist/components/brand-icons/index.js

@@ -0,0 +1,34 @@
+import { createLucideIcon } from "lucide-react";
+// lucide-react 1.0 removed its brand icons. These are the lucide-react 0.525.0 paths (ISC license).
+export const Facebook = createLucideIcon("facebook", [
+    ["path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z", key: "1jg4f8" }],
+]);
+export const Instagram = createLucideIcon("instagram", [
+    ["rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5", key: "2e1cvw" }],
+    ["path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z", key: "9exkf1" }],
+    ["line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5", key: "r4j83e" }],
+]);
+export const Linkedin = createLucideIcon("linkedin", [
+    ["path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z", key: "c2jq9f" }],
+    ["rect", { width: "4", height: "12", x: "2", y: "9", key: "mk3on5" }],
+    ["circle", { cx: "4", cy: "4", r: "2", key: "bt5ra8" }],
+]);
+export const Slack = createLucideIcon("slack", [
+    ["rect", { width: "3", height: "8", x: "13", y: "2", rx: "1.5", key: "diqz80" }],
+    ["path", { d: "M19 8.5V10h1.5A1.5 1.5 0 1 0 19 8.5", key: "183iwg" }],
+    ["rect", { width: "3", height: "8", x: "8", y: "14", rx: "1.5", key: "hqg7r1" }],
+    ["path", { d: "M5 15.5V14H3.5A1.5 1.5 0 1 0 5 15.5", key: "76g71w" }],
+    ["rect", { width: "8", height: "3", x: "14", y: "13", rx: "1.5", key: "1kmz0a" }],
+    ["path", { d: "M15.5 19H14v1.5a1.5 1.5 0 1 0 1.5-1.5", key: "jc4sz0" }],
+    ["rect", { width: "8", height: "3", x: "2", y: "8", rx: "1.5", key: "1omvl4" }],
+    ["path", { d: "M8.5 5H10V3.5A1.5 1.5 0 1 0 8.5 5", key: "16f3cl" }],
+]);
+export const Twitter = createLucideIcon("twitter", [
+    [
+        "path",
+        {
+            d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z",
+            key: "pff0z6",
+        },
+    ],
+]);

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

@@ -0,0 +1,26 @@
+import { type ReactNode } from "react";
+export type BreadcrumbItem = {
+    label: ReactNode;
+    href?: string;
+    onClick?: () => void;
+    icon?: ReactNode;
+    current?: boolean;
+};
+export type BreadcrumbLinkRenderer = (props: {
+    href: string;
+    className: string;
+    children: ReactNode;
+}) => ReactNode;
+export type BreadcrumbsProps = {
+    items: BreadcrumbItem[];
+    separator?: ReactNode;
+    /** Render a router link (e.g. React Router / next) for `href` items instead of the default full-navigation `<a>`. */
+    renderLink?: BreadcrumbLinkRenderer;
+    className?: string;
+    "aria-label"?: string;
+};
+export declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Breadcrumbs {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,KAAK,SAAS,CAAC;AAEpH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,qHAAqH;IACrH,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AA4CF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAyBlD;yBAzBe,WAAW"}

package/dist/components/breadcrumbs/index.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronRight } from "lucide-react";
+import { Fragment } from "react";
+import { cn } from "#style";
+const crumbBase = "inline-flex min-w-0 items-center gap-1.5 typography-small [&>svg]:size-4 [&>svg]:shrink-0";
+const interactive = "text-muted-foreground hover:text-default-foreground rounded-sm outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-active-border";
+function BreadcrumbCrumb(props) {
+    const { item, isLast, renderLink } = props;
+    const isCurrent = item.current ?? isLast;
+    const content = (_jsxs(_Fragment, { children: [item.icon, _jsx("span", { className: "truncate", children: item.label })] }));
+    if (isCurrent) {
+        return (_jsx("span", { "aria-current": "page", className: cn(crumbBase, "text-default-foreground typography-small-medium"), children: content }));
+    }
+    if (isPresent(item.href)) {
+        const linkClassName = cn(crumbBase, interactive);
+        if (isPresent(renderLink)) {
+            return _jsx(_Fragment, { children: renderLink({ href: item.href, className: linkClassName, children: content }) });
+        }
+        return (_jsx("a", { href: item.href, className: linkClassName, children: content }));
+    }
+    if (isPresent(item.onClick)) {
+        return (_jsx("button", { type: "button", onClick: item.onClick, className: cn(crumbBase, interactive), children: content }));
+    }
+    return _jsx("span", { className: cn(crumbBase, "text-muted-foreground"), children: content });
+}
+export function Breadcrumbs(props) {
+    const { items, separator, renderLink, className } = props;
+    const ariaLabel = props["aria-label"] ?? "Breadcrumb";
+    return (_jsx("nav", { "aria-label": ariaLabel, className: className, "data-slot": "breadcrumbs", children: _jsx("ol", { className: "flex items-center gap-1.5", children: items.map((item, index) => {
+                const isLast = index === items.length - 1;
+                return (_jsxs(Fragment, { children: [_jsx("li", { className: "flex min-w-0 items-center", children: _jsx(BreadcrumbCrumb, { item: item, isLast: isLast, renderLink: renderLink }) }), !isLast ? (_jsx("li", { "aria-hidden": true, className: "flex shrink-0 items-center text-muted-foreground [&>svg]:size-4", children: separator ?? _jsx(ChevronRight, {}) })) : null] }, `${item.href ?? "crumb"}-${index}`));
+            }) }) }));
+}
+Breadcrumbs.displayName = "Breadcrumbs";

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export type ChipProps = {
+    label: ReactNode;
+    /** Accessible name for the remove action, e.g. "Remove Meta". */
+    removeLabel: string;
+    onRemove: () => void;
+    disabled?: boolean;
+};
+/** A removable pill shared by MultiSelect and InputTags; hides its remove button when disabled. */
+export declare function Chip(props: ChipProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Chip {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,mGAAmG;AACnG,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,2CAgBpC;yBAhBe,IAAI"}

package/dist/components/chip/index.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+/** A removable pill shared by MultiSelect and InputTags; hides its remove button when disabled. */
+export function Chip(props) {
+    return (_jsxs("span", { className: "inline-flex max-w-full items-center gap-1 rounded-sm bg-faint px-1.5 py-0.5 typography-caption text-default-foreground", children: [_jsx("span", { className: "truncate", children: props.label }), !props.disabled && (_jsx("button", { type: "button", "aria-label": `Remove ${props.removeLabel}`, onClick: props.onRemove, className: "pointer-events-auto -mr-0.5 flex size-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:text-default-foreground", children: _jsx(X, { className: "size-3" }) }))] }));
+}
+Chip.displayName = "Chip";

package/dist/components/editable-text/index.d.ts

@@ -0,0 +1,13 @@
+export type EditableTextProps = {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    "aria-label"?: string;
+};
+export declare function EditableText(props: EditableTextProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace EditableText {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/editable-text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/index.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA4FpD;yBA5Fe,YAAY"}

package/dist/components/editable-text/index.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { useEffect, useRef, useState } from "react";
+import { cn } from "#style";
+const shared = "typography-body -mx-1.5 rounded-sm px-1.5 py-0.5";
+export function EditableText(props) {
+    const { value, onChange, placeholder = "Click to edit", disabled = false, className } = props;
+    const ariaLabel = props["aria-label"];
+    const [isEditing, setIsEditing] = useState(false);
+    const [draft, setDraft] = useState(value);
+    const inputRef = useRef(null);
+    const buttonRef = useRef(null);
+    const wasEditing = useRef(false);
+    useEffect(() => {
+        if (isEditing) {
+            inputRef.current?.focus();
+            inputRef.current?.select();
+        }
+        else if (wasEditing.current) {
+            // Returning from edit mode: the input just unmounted, so pull focus back to the button
+            // rather than letting it drop to <body>.
+            buttonRef.current?.focus();
+        }
+        wasEditing.current = isEditing;
+    }, [isEditing]);
+    function startEditing() {
+        if (disabled) {
+            return;
+        }
+        setDraft(value);
+        setIsEditing(true);
+    }
+    function commit() {
+        setIsEditing(false);
+        const next = draft.trim();
+        if (next !== value) {
+            onChange(next);
+        }
+    }
+    function cancel() {
+        setDraft(value);
+        setIsEditing(false);
+    }
+    function onKeyDown(event) {
+        if (event.key === "Enter") {
+            event.preventDefault();
+            commit();
+        }
+        else if (event.key === "Escape") {
+            event.preventDefault();
+            cancel();
+        }
+    }
+    if (isEditing) {
+        return (_jsx("input", { ref: inputRef, value: draft, "aria-label": ariaLabel, placeholder: placeholder, onChange: (event) => setDraft(event.currentTarget.value), onBlur: commit, onKeyDown: onKeyDown, className: cn(shared, "min-w-0 bg-background text-default-foreground outline outline-2 -outline-offset-1 outline-active-border placeholder:text-muted-foreground", className) }));
+    }
+    const hasValue = isPresent(value);
+    return (_jsx("button", { ref: buttonRef, type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: startEditing, "data-slot": "editable-text", className: cn(shared, "inline-flex max-w-full items-center text-left hover:bg-accent/60 disabled:pointer-events-none disabled:opacity-50", hasValue ? "text-default-foreground" : "text-muted-foreground", className), children: _jsx("span", { className: "truncate", children: hasValue ? value : placeholder }) }));
+}
+EditableText.displayName = "EditableText";

package/dist/components/explain-fact/ExplainFact.d.ts

@@ -0,0 +1,16 @@
+import { type ExplainFactOutput } from "#ldo-ui";
+export type { ExplainFactOutput };
+export type ExplainFactBaseProps = {
+    mode: "compact" | "full";
+    subject: string;
+    predicate?: string;
+    object: string;
+    namedGraph?: string;
+    objectDatatype?: string;
+    className?: string;
+};
+export type ExplainFactProps = ExplainFactBaseProps & {
+    data?: ExplainFactOutput;
+};
+export declare function ExplainFact(props: ExplainFactProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExplainFact.d.ts.map

package/dist/components/explain-fact/ExplainFact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExplainFact.d.ts","sourceRoot":"","sources":["../../../src/components/explain-fact/ExplainFact.tsx"],"names":[],"mappings":"AAKA,OAAO,EAUL,KAAK,iBAAiB,EAGvB,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAElC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG;IAAE,IAAI,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC;AAEnF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAUlD"}

package/dist/components/{rdfox-explain/RDFoxExplain.js → explain-fact/ExplainFact.js}

@@ -4,17 +4,17 @@ import { ChevronRight } from "lucide-react";
 import { useMemo, useState } from "react";
 import { Link } from "react-router";
 import { OutdatedFactNotice } from "./OutdatedFactNotice.js";
-import { buildExplainPath, ExplainCompactView, ExplainFullView, ExplainRouteMessage, ExplainRouteSkeleton, isRDFoxExplainOutput, normalize, RDFoxExplainState, SubstitutedFactNotice, } from "#ldo-ui";
+import { buildExplainPath, ExplainCompactView, ExplainFullView, ExplainRouteMessage, ExplainRouteSkeleton, isExplainFactOutput, normalize, ExplainFactState, SubstitutedFactNotice, } from "#ldo-ui";
 import { useMantaClient } from "#providers/MantaClientProvider";
-export function RDFoxExplain(props) {
+export function ExplainFact(props) {
     const { data, ...rest } = props;
     const [showCurrent, setShowCurrent] = useState(false);
     if (data && !showCurrent) {
-        return _jsx(RDFoxExplainFromData, { ...rest, data: data, onShowCurrent: () => setShowCurrent(true) });
+        return _jsx(ExplainFactFromData, { ...rest, data: data, onShowCurrent: () => setShowCurrent(true) });
     }
-    return _jsx(RDFoxExplainFromFetch, { ...rest });
+    return _jsx(ExplainFactFromFetch, { ...rest });
 }
-function RDFoxExplainFromFetch(props) {
+function ExplainFactFromFetch(props) {
     const { mode, subject, predicate, object, namedGraph, objectDatatype, className } = props;
     const { mantaClient } = useMantaClient();
     const queryResult = useExplainRdFoxFactQuery(mantaClient, {
@@ -29,7 +29,7 @@ function RDFoxExplainFromFetch(props) {
     if (queryResult.isLoading) {
         if (isFull)
             return _jsx(ExplainRouteSkeleton, { className: className });
-        return _jsx(RDFoxExplainState, { className: className, title: "Loading RDFox explanation..." });
+        return _jsx(ExplainFactState, { className: className, title: "Loading this explanation..." });
     }
     const error = queryResult.error;
     const response = queryResult.data?.explainRDFoxFact;
@@ -38,17 +38,17 @@ function RDFoxExplainFromFetch(props) {
         if (isFull) {
             return (_jsx(ExplainRouteMessage, { className: className, variant: "error", title: "Could not load this explanation", detail: detail }));
         }
-        return _jsx(RDFoxExplainState, { className: className, title: "Could not load RDFox explanation", detail: detail });
+        return _jsx(ExplainFactState, { className: className, title: "Could not load this explanation", detail: detail });
     }
-    if (!response || !isRDFoxExplainOutput(response.facts)) {
+    if (!response || !isExplainFactOutput(response.facts)) {
         if (isFull) {
             return (_jsx(ExplainRouteMessage, { className: className, variant: "empty", title: "No explanation available", detail: "This fact has no recorded derivation to show." }));
         }
-        return _jsx(RDFoxExplainState, { className: className, title: "No RDFox explanation returned" });
+        return _jsx(ExplainFactState, { className: className, title: "No explanation available" });
     }
-    return _jsx(RDFoxExplainFromData, { ...props, data: response.facts });
+    return _jsx(ExplainFactFromData, { ...props, data: response.facts });
 }
-function RDFoxExplainFromData(props) {
+function ExplainFactFromData(props) {
     const { mode, data, subject, predicate, object, namedGraph, objectDatatype, onShowCurrent, className } = props;
     const tree = useMemo(() => normalize(data), [data]);
     const [displayMode, setDisplayMode] = useState("labels");
@@ -56,7 +56,7 @@ function RDFoxExplainFromData(props) {
         if (mode === "full") {
             return (_jsx(ExplainRouteMessage, { className: className, variant: "empty", title: "No proof tree for this fact", detail: "It may be an explicit fact with no derivation to walk." }));
         }
-        return _jsx(RDFoxExplainState, { className: className, title: "No proof tree available for this fact" });
+        return _jsx(ExplainFactState, { className: className, title: "No proof tree available for this fact" });
     }
     const subjectTerm = tree.root.spo?.subject ?? subject;
     if (mode === "compact") {

package/dist/components/explain-fact/OutdatedFactNotice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutdatedFactNotice.d.ts","sourceRoot":"","sources":["../../../src/components/explain-fact/OutdatedFactNotice.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvD,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,YAAY,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,kDAqChE"}

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

@@ -18,6 +18,8 @@ export { InputDateRange } from "./input-date-range.js";
 export { InputDateTime } from "./input-date-time.js";
 export { InputFile } from "./input-file.js";
 export { InputTime } from "./input-time.js";
+export { InputNumeric, type InputNumericProps } from "./input-numeric.js";
+export { InputTags, type InputTagsProps, type InputTagsSize } from "./input-tags.js";
 export { CountrySelector, type CountrySelectorProps } from "./country-selector.js";
 export { PhoneInput, type CountryOption } from "./phone-input.js";
 export { Textarea, type TextareaArgs, type TextareaProps } from "./textarea.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGvG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AAE5C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAEzD,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,2CAEjD;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC3D,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,2CAuBrD;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAE7D,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,2CAEzD;AAED,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAG7E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7E,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGvG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AAE5C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAEzD,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,2CAEjD;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC3D,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,2CAuBrD;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAE7D,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,2CAEzD;AAED,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAG7E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7E,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/input/index.js

@@ -20,6 +20,8 @@ export { InputDateRange } from "./input-date-range.js";
 export { InputDateTime } from "./input-date-time.js";
 export { InputFile } from "./input-file.js";
 export { InputTime } from "./input-time.js";
+export { InputNumeric } from "./input-numeric.js";
+export { InputTags } from "./input-tags.js";
 export { CountrySelector } from "./country-selector.js";
 export { PhoneInput } from "./phone-input.js";
 export { Textarea } from "./textarea.js";

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

@@ -0,0 +1,19 @@
+export type InputNumericProps = {
+    value: number;
+    onValueChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+    "aria-label"?: string;
+};
+export declare function clamp(value: number, min?: number, max?: number): number;
+export declare function decimalsOf(value: number): number;
+export declare function roundToStep(value: number, step: number, base?: number): number;
+export declare function InputNumeric(props: InputNumericProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace InputNumeric {
+    var displayName: string;
+}
+//# sourceMappingURL=input-numeric.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-numeric.d.ts","sourceRoot":"","sources":["../../../src/components/input/input-numeric.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CASvE;AAMD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQhD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,MAAM,CAGzE;AAkBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAkFpD;yBAlFe,YAAY"}

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

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { useState } from "react";
+import { cn } from "#style";
+export function clamp(value, min, max) {
+    let next = value;
+    if (isPresent(min)) {
+        next = Math.max(min, next);
+    }
+    if (isPresent(max)) {
+        next = Math.min(max, next);
+    }
+    return next;
+}
+function toDraft(value) {
+    return Number.isFinite(value) ? String(value) : "";
+}
+export function decimalsOf(value) {
+    const text = String(value);
+    // Exponential notation ("1e-7") carries no decimal point; fall back to full precision.
+    if (text.includes("e")) {
+        return 20;
+    }
+    const point = text.indexOf(".");
+    return point === -1 ? 0 : text.length - point - 1;
+}
+export function roundToStep(value, step, base = 0) {
+    const decimals = Math.min(20, Math.max(decimalsOf(step), decimalsOf(base)));
+    return Number(value.toFixed(decimals));
+}
+function StepperButton(props) {
+    const { label, disabled, onClick, children } = props;
+    return (_jsx("button", { type: "button", "aria-label": label, tabIndex: -1, disabled: disabled, onClick: onClick, className: "flex h-1/2 w-7 items-center justify-center text-muted-foreground hover:text-default-foreground disabled:pointer-events-none disabled:opacity-40", children: children }));
+}
+export function InputNumeric(props) {
+    const { value, onValueChange, min, max, step = 1, disabled = false, placeholder, className } = props;
+    const ariaLabel = props["aria-label"];
+    const [draft, setDraft] = useState(() => toDraft(value));
+    const [lastValue, setLastValue] = useState(value);
+    // Resync the draft when the parent moves value elsewhere; Object.is avoids a NaN loop (NaN !== NaN).
+    if (!Object.is(lastValue, value)) {
+        setLastValue(value);
+        if (parseFloat(draft) !== value) {
+            setDraft(toDraft(value));
+        }
+    }
+    function applyDelta(delta) {
+        const parsed = parseFloat(draft);
+        const base = Number.isFinite(parsed) ? parsed : value;
+        const next = clamp(roundToStep(base + delta, step, base), min, max);
+        onValueChange(next);
+        setDraft(toDraft(next));
+    }
+    function commitDraft() {
+        const parsed = parseFloat(draft);
+        if (Number.isFinite(parsed)) {
+            const next = clamp(parsed, min, max);
+            onValueChange(next);
+            setDraft(toDraft(next));
+        }
+        else {
+            setDraft(toDraft(value));
+        }
+    }
+    function onKeyDown(event) {
+        if (event.key === "Enter") {
+            commitDraft();
+        }
+        else if (event.key === "ArrowUp") {
+            event.preventDefault();
+            applyDelta(step);
+        }
+        else if (event.key === "ArrowDown") {
+            event.preventDefault();
+            applyDelta(-step);
+        }
+    }
+    const draftBase = Number.isFinite(parseFloat(draft)) ? parseFloat(draft) : value;
+    const atMin = isPresent(min) && draftBase <= min;
+    const atMax = isPresent(max) && draftBase >= max;
+    return (_jsxs("div", { className: cn("relative inline-flex w-full items-stretch rounded-md-v4 border border-input-border bg-input text-default-foreground", "focus-within:border-active-border focus-within:outline focus-within:outline-1 focus-within:outline-active-border", disabled && "pointer-events-none opacity-50", className), "data-slot": "numeric-input", children: [_jsx("input", { type: "text", inputMode: "decimal", value: draft, disabled: disabled, placeholder: placeholder, "aria-label": ariaLabel, onChange: (event) => setDraft(event.currentTarget.value), onBlur: commitDraft, onKeyDown: onKeyDown, className: "w-full min-w-0 bg-transparent px-3 py-2.5 typography-caption text-default-foreground outline-none placeholder:text-muted-foreground" }), _jsxs("div", { className: "flex flex-col justify-center border-l border-input-border", children: [_jsx(StepperButton, { label: "Increment", disabled: disabled || atMax, onClick: () => applyDelta(step), children: _jsx(ChevronUp, { className: "size-3" }) }), _jsx(StepperButton, { label: "Decrement", disabled: disabled || atMin, onClick: () => applyDelta(-step), children: _jsx(ChevronDown, { className: "size-3" }) })] })] }));
+}
+InputNumeric.displayName = "InputNumeric";

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

@@ -0,0 +1,17 @@
+export type InputTagsSize = "sm" | "base" | "lg";
+export type InputTagsProps = {
+    value: string[];
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    size?: InputTagsSize;
+    disabled?: boolean;
+    invalid?: boolean;
+    className?: string;
+    "aria-label"?: string;
+};
+export declare function addTag(values: string[], raw: string): string[];
+export declare function InputTags(props: InputTagsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace InputTags {
+    var displayName: string;
+}
+//# sourceMappingURL=input-tags.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-tags.d.ts","sourceRoot":"","sources":["../../../src/components/input/input-tags.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAQF,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAM9D;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAuE9C;yBAvEe,SAAS"}

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

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { useRef, useState } from "react";
+import { Chip } from "../chip/index.js";
+import { cn } from "#style";
+const sizeLayout = {
+    sm: "min-h-8 px-2.5 py-1 typography-small",
+    base: "min-h-10 px-3 py-1.5 typography-caption",
+    lg: "min-h-12 px-4 py-2 typography-body-v4",
+};
+export function addTag(values, raw) {
+    const tag = raw.trim();
+    if (!isPresent(tag) || values.includes(tag)) {
+        return values;
+    }
+    return [...values, tag];
+}
+export function InputTags(props) {
+    const { value, onChange, placeholder = "Add a tag…", size = "base", disabled = false, invalid = false, className, } = props;
+    const ariaLabel = props["aria-label"];
+    const inputRef = useRef(null);
+    const [pending, setPending] = useState("");
+    function commitFromInput() {
+        const next = addTag(value, pending);
+        if (next !== value) {
+            onChange(next);
+        }
+        setPending("");
+    }
+    function onKeyDown(event) {
+        if (event.key === "Enter" || event.key === ",") {
+            event.preventDefault();
+            commitFromInput();
+        }
+        else if (event.key === "Escape") {
+            event.preventDefault();
+            setPending("");
+        }
+        else if (event.key === "Backspace" && !isPresent(pending) && isPresent(value)) {
+            onChange(value.slice(0, -1));
+        }
+    }
+    return (_jsxs("div", { "data-slot": "tag-input", onClick: () => inputRef.current?.focus(), className: cn("flex w-full flex-wrap items-center gap-1.5 rounded-md-v4 border bg-input text-default-foreground", "focus-within:border-active-border focus-within:outline focus-within:outline-1 focus-within:outline-active-border", invalid ? "border-error-border" : "border-input-border", disabled && "pointer-events-none opacity-50", sizeLayout[size], className), children: [value.map((tag) => (_jsx(Chip, { label: tag, removeLabel: tag, disabled: disabled, onRemove: () => onChange(value.filter((current) => current !== tag)) }, tag))), _jsx("input", { ref: inputRef, type: "text", value: pending, "aria-label": ariaLabel, "aria-invalid": invalid ? true : undefined, disabled: disabled, placeholder: isPresent(value) ? "" : placeholder, onChange: (event) => setPending(event.currentTarget.value), onKeyDown: onKeyDown, onBlur: commitFromInput, className: "min-w-24 flex-1 bg-transparent outline-none placeholder:text-placeholder-foreground" })] }));
+}
+InputTags.displayName = "InputTags";

package/dist/components/multi-select/index.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from "react";
+export type MultiSelectSize = "sm" | "base" | "lg";
+export type MultiSelectOption = {
+    value: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    /** Text to match against when searching; defaults to the label when it is a string, otherwise the value. */
+    searchText?: string;
+};
+export type MultiSelectProps = {
+    /** A selected id with no matching option stays in state but shows no chip; keep options complete. */
+    options: MultiSelectOption[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    size?: MultiSelectSize;
+    disabled?: boolean;
+    clearable?: boolean;
+    invalid?: boolean;
+    /** Validation message; renders below the control and is announced via `aria-errormessage`. Implies `invalid`. */
+    error?: string;
+    className?: string;
+    "aria-label"?: string;
+};
+export declare function MultiSelect(props: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MultiSelect {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/multi-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAe9C,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4GAA4G;IAC5G,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qGAAqG;IACrG,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iHAAiH;IACjH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAeF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA4GlD;yBA5Ge,WAAW"}