@powerhousedao/document-engineering 1.0.0

package/dist/src/ui/components/data-entry/oid-input/types.d.ts

@@ -0,0 +1,16 @@
+import type { IdAutocompleteOption, IdAutocompleteProps } from "../../../../scalars/components/fragments/id-autocomplete/types.js";
+type OIDOption = IdAutocompleteOption;
+type OIDInputBaseProps = Omit<IdAutocompleteProps, "autoComplete" | "fetchOptionsCallback" | "fetchSelectedOptionCallback" | "previewPlaceholder" | "renderOption">;
+type OIDInputProps = OIDInputBaseProps & ({
+    autoComplete: false;
+    fetchOptionsCallback?: never;
+    fetchSelectedOptionCallback?: never;
+    previewPlaceholder?: never;
+} | {
+    autoComplete?: true;
+    fetchOptionsCallback: (userInput: string, context?: Record<string, unknown>) => Promise<OIDOption[]> | OIDOption[];
+    fetchSelectedOptionCallback?: (value: string) => Promise<OIDOption | undefined> | OIDOption | undefined;
+    previewPlaceholder?: OIDOption;
+});
+export type { OIDInputProps, OIDOption };
+//# sourceMappingURL=types.d.ts.map

package/dist/src/ui/components/data-entry/oid-input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/oid-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,mEAAmE,CAAC;AAE3E,KAAK,SAAS,GAAG,oBAAoB,CAAC;AAEtC,KAAK,iBAAiB,GAAG,IAAI,CAC3B,mBAAmB,EACjB,cAAc,GACd,sBAAsB,GACtB,6BAA6B,GAC7B,oBAAoB,GACpB,cAAc,CACjB,CAAC;AAEF,KAAK,aAAa,GAAG,iBAAiB,GACpC,CACI;IACE,YAAY,EAAE,KAAK,CAAC;IACpB,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B,2BAA2B,CAAC,EAAE,KAAK,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,GACD;IACE,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,oBAAoB,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC9B,OAAO,CAAC,SAAS,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC;IACxC,2BAA2B,CAAC,EAAE,CAC5B,KAAK,EAAE,MAAM,KACV,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5D,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC,CACJ,CAAC;AAEJ,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/ui/components/data-entry/oid-input/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/ui/components/data-entry/oid-input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/oid-input/types.ts"],"names":[],"mappings":""}

package/dist/src/ui/components/data-entry/phid-input/index.d.ts

@@ -0,0 +1,3 @@
+export { PHIDInput } from "./phid-input.js";
+export type { PHIDInputProps, PHIDOption } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/ui/components/data-entry/phid-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/ui/components/data-entry/phid-input/index.js

@@ -0,0 +1,2 @@
+export { PHIDInput } from "./phid-input.js";
+//# sourceMappingURL=index.js.map

package/dist/src/ui/components/data-entry/phid-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/ui/components/data-entry/phid-input/mocks.d.ts

@@ -0,0 +1,7 @@
+import type { PHIDOption } from "./types.js";
+export declare const mockedOptions: PHIDOption[];
+export declare const fetchOptions: (userInput: string, context?: Record<string, unknown>) => Promise<PHIDOption[]>;
+export declare const fetchSelectedOption: (value: string) => Promise<PHIDOption | undefined>;
+export declare const fetchOptionsSync: (userInput: string, context?: Record<string, unknown>) => PHIDOption[];
+export declare const fetchSelectedOptionSync: (value: string) => PHIDOption | undefined;
+//# sourceMappingURL=mocks.d.ts.map

package/dist/src/ui/components/data-entry/phid-input/mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/mocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,eAAO,MAAM,aAAa,EAAE,UAAU,EAoLrC,CAAC;AAuCF,eAAO,MAAM,YAAY,GACvB,WAAW,MAAM,EACjB,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,OAAO,CAAC,UAAU,EAAE,CAUtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,KACZ,OAAO,CAAC,UAAU,GAAG,SAAS,CAIhC,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAC3B,WAAW,MAAM,EACjB,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,UAAU,EAEZ,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,OAAO,MAAM,KACZ,UAAU,GAAG,SAEf,CAAC"}

package/dist/src/ui/components/data-entry/phid-input/mocks.js

@@ -0,0 +1,224 @@
+export const mockedOptions = [
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Document A",
+        path: "projects/finance/document-a",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cc7dea7:main:public",
+        description: "Financial report for Q1 2024",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Document B",
+        path: "projects/legal/document-b",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cc6cdb8:main:public",
+        description: "Legal compliance documentation",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Document C",
+        path: "projects/operations/document-c",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cc5efc9:main:public",
+        description: "Operational guidelines and procedures",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Marketing Strategy Plan",
+        path: "projects/marketing/strategy-2024",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cc1cfe3:main:public",
+        description: "Comprehensive marketing initiatives and campaign planning for 2024",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "System Architecture Overview",
+        path: "projects/tech/system-architecture",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cc0bfe4:main:public",
+        description: "Technical documentation of system components and infrastructure",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Sales Performance Report Q1",
+        path: "projects/sales/q1-2024-performance",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cbfafe5:main:public",
+        description: "Analysis of Q1 2024 sales metrics and team performance",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Information Security Policy",
+        path: "projects/security/security-policy",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cbe9fe6:main:public",
+        description: "Corporate security guidelines and compliance requirements",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "2024 Budget Forecast",
+        path: "projects/finance/budget-2024",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cbd8fe7:main:public",
+        description: "Annual budget projections and financial planning for 2024",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Onboarding Process Guide",
+        path: "projects/hr/onboarding-guide",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cbc7fe8:main:public",
+        description: "Step-by-step guide for new employee onboarding procedures",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Operations Manual v2.0",
+        path: "projects/operations/manual-v2",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cbb6fe9:main:public",
+        description: "Updated standard operating procedures and guidelines",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Brand Guidelines 2024",
+        path: "projects/marketing/brand-guidelines",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cba5fea:main:public",
+        description: "Official brand identity and usage guidelines",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Legal Compliance Report",
+        path: "projects/legal/compliance-2024",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cb94feb:main:public",
+        description: "Annual legal compliance assessment and recommendations",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Benefits Package 2024",
+        path: "projects/hr/benefits-2024",
+        value: "phd:baefc2a4-f9a0-4950-8161-fd8d8cb50fef:main:public",
+        description: "Detailed overview of employee benefits and compensation",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Risk Assessment Report",
+        path: "projects/security/risk-assessment",
+        value: "phd://security.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8cb4fff0",
+        description: "Comprehensive security risk analysis and mitigation strategies",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Inventory Management Plan",
+        path: "projects/operations/inventory-2024",
+        value: "phd://ops.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8cb3eff1",
+        description: "Strategic plan for inventory control and optimization",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Digital Marketing Report",
+        path: "projects/marketing/digital-report",
+        value: "phd://marketing.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8cb2dff2",
+        description: "Analysis of digital marketing campaigns and ROI",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Market Research Analysis",
+        path: "projects/research/market-analysis",
+        value: "phd://research.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8cb1cff3",
+        description: "Comprehensive market trends and competitor analysis",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "User Experience Report",
+        path: "projects/product/ux-research",
+        value: "phd://product.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8cb0bff4",
+        description: "Findings from user experience research and testing",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Social Media Strategy",
+        path: "projects/marketing/social-2024",
+        value: "phd://social.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8caafff5",
+        description: "Strategic plan for social media engagement and growth",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Infrastructure Upgrade Plan",
+        path: "projects/tech/infrastructure-2024",
+        value: "phd://infra.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8ca9eff6",
+        description: "Technical roadmap for infrastructure improvements",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Sustainability Report 2024",
+        path: "projects/operations/sustainability",
+        value: "phd://sustainability.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8ca8eff7",
+        description: "Annual environmental impact and sustainability initiatives",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Cloud Architecture Design",
+        path: "projects/tech/cloud-architecture",
+        value: "phd://cloud.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8ca7eff8",
+        description: "Cloud infrastructure architecture and design specifications",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "Data Analytics Dashboard",
+        path: "projects/analytics/dashboard",
+        value: "phd://analytics.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8ca6eff9",
+        description: "Business intelligence and data analytics platform",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "DevOps Pipeline Documentation",
+        path: "projects/tech/devops-pipeline",
+        value: "phd://devops.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8ca5effa",
+        description: "CI/CD pipeline and deployment procedures",
+    },
+    {
+        icon: "PowerhouseLogoSmall",
+        title: "API Gateway Specification",
+        path: "projects/tech/api-gateway",
+        value: "phd://api.powerhouse.io/baefc2a4-f9a0-4950-8161-fd8d8ca4effb",
+        description: "API gateway configuration and routing documentation",
+    },
+];
+const filterOptions = (options, userInput, context) => {
+    const normalizedInput = userInput.toLowerCase();
+    const allowUris = context?.allowUris;
+    const allowedScopes = Array.isArray(context?.allowedScopes)
+        ? context.allowedScopes
+        : [];
+    return options.filter((opt) => {
+        const isUrl = opt.value.startsWith("phd://");
+        if (!isUrl && !allowUris) {
+            return false;
+        }
+        if (!isUrl && allowedScopes.length > 0) {
+            const scope = opt.value.split(":").pop();
+            if (scope && !allowedScopes.includes(scope)) {
+                return false;
+            }
+        }
+        const pathText = typeof opt.path === "object" ? opt.path.text : opt.path;
+        return (opt.title?.toLowerCase().includes(normalizedInput) ||
+            pathText?.toLowerCase().includes(normalizedInput) ||
+            opt.value.toLowerCase().includes(normalizedInput) ||
+            opt.description?.toLowerCase().includes(normalizedInput));
+    });
+};
+// Async versions
+export const fetchOptions = async (userInput, context) => {
+    // Simulate 2s network delay
+    await new Promise((resolve) => setTimeout(resolve, 2000));
+    // Add 20% chance of error
+    if (Math.random() < 0.2) {
+        throw new Error();
+    }
+    return filterOptions(mockedOptions, userInput, context);
+};
+export const fetchSelectedOption = async (value) => {
+    // Simulate 2s network delay
+    await new Promise((resolve) => setTimeout(resolve, 2000));
+    return mockedOptions.find((option) => option.value === value);
+};
+// Sync versions
+export const fetchOptionsSync = (userInput, context) => {
+    return filterOptions(mockedOptions, userInput, context);
+};
+export const fetchSelectedOptionSync = (value) => {
+    return mockedOptions.find((option) => option.value === value);
+};
+//# sourceMappingURL=mocks.js.map

package/dist/src/ui/components/data-entry/phid-input/mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/mocks.ts"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/phid-input/phid-input-diff.d.ts

@@ -0,0 +1,13 @@
+import type { PHIDInputProps, PHIDInputWithDifference } from "./types.js";
+interface PHIDInputDiffProps extends PHIDInputWithDifference {
+    value: PHIDInputProps["value"];
+    label: PHIDInputProps["label"];
+    required: PHIDInputProps["required"];
+    autoComplete: PHIDInputProps["autoComplete"];
+    initialOptions: PHIDInputProps["initialOptions"];
+    previewPlaceholder: PHIDInputProps["previewPlaceholder"];
+    variant: PHIDInputProps["variant"];
+}
+declare const PHIDInputDiff: ({ value, label, required, autoComplete, initialOptions, previewPlaceholder, variant, viewMode, diffMode, baseValue, basePreviewIcon, basePreviewTitle, basePreviewPath, basePreviewDescription, }: PHIDInputDiffProps) => import("react/jsx-runtime").JSX.Element;
+export { PHIDInputDiff };
+//# sourceMappingURL=phid-input-diff.d.ts.map

package/dist/src/ui/components/data-entry/phid-input/phid-input-diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phid-input-diff.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/phid-input-diff.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AA6C1E,UAAU,kBAAmB,SAAQ,uBAAuB;IAC1D,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/B,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACrC,YAAY,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC7C,cAAc,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IACjD,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACzD,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,aAAa,GAAI,mMAepB,kBAAkB,4CAiQpB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/ui/components/data-entry/phid-input/phid-input-diff.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/jsx-max-depth */
+import { Icon } from "@powerhousedao/design-system";
+import { cn, FormLabel } from "@powerhousedao/design-system/scalars";
+import React from "react";
+import { SplittedInputDiff } from "../input/splitted-input-diff.js";
+import { TextDiff } from "../input/subcomponent/text-diff.js";
+const IconRenderer = ({ customIcon, asPlaceholder, isRemoval, isAddition, }) => {
+    if (typeof customIcon === "string") {
+        return (_jsx(Icon, { name: customIcon, size: 24, className: cn("shrink-0", asPlaceholder ? "text-gray-400" : "text-gray-700", isRemoval && "rounded-md bg-red-600/30 p-1", isAddition && "rounded-md bg-green-600/30 p-1") }));
+    }
+    if (React.isValidElement(customIcon)) {
+        return (_jsx("div", { className: cn("size-6 shrink-0 overflow-hidden", isRemoval && "rounded-md bg-red-600/30 p-1", isAddition && "rounded-md bg-green-600/30 p-1"), children: customIcon }));
+    }
+    return null;
+};
+const PHIDInputDiff = ({ value = "", label, required, autoComplete, initialOptions, previewPlaceholder, variant, viewMode, diffMode = "sentences", baseValue = "", basePreviewIcon, basePreviewTitle = "", basePreviewPath = "", basePreviewDescription = "", }) => {
+    const matchingOption = Array.isArray(initialOptions)
+        ? initialOptions.find((option) => option.value === value)
+        : undefined;
+    const previewPlaceholderPath = (typeof previewPlaceholder?.path === "object"
+        ? previewPlaceholder.path.text
+        : previewPlaceholder?.path) ?? "";
+    const previewTitle = matchingOption?.title ?? "";
+    const previewPath = (typeof matchingOption?.path === "object"
+        ? matchingOption.path.text
+        : matchingOption?.path) ?? "";
+    const previewDescription = matchingOption?.description ?? "";
+    // TODO: implement icon differences
+    // temporary logic to handle icon rendering
+    const asPlaceholder = matchingOption?.icon === undefined;
+    const previewIcon = asPlaceholder
+        ? (previewPlaceholder?.icon ?? "PowerhouseLogoSmall")
+        : matchingOption.icon;
+    return (_jsxs("div", { className: cn("flex flex-col gap-2"), children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsxs("div", { className: cn("relative w-full rounded-md bg-gray-100"), children: [_jsx("div", { className: cn("absolute left-0 right-0 top-0 z-10 w-full rounded-md bg-gray-50"), children: _jsx(SplittedInputDiff, { baseValue: baseValue, value: value, viewMode: viewMode, diffMode: diffMode, showCopyIcon: true }) }), autoComplete &&
+                        (variant === "withValueAndTitle" ||
+                            variant === "withValueTitleAndDescription") && (_jsx("div", { className: cn("w-full max-w-full rounded-md px-3 pb-2 pt-3"), children: _jsxs("div", { className: cn("mt-8 flex w-full flex-col gap-1"), children: [_jsxs("div", { className: cn("grid w-full", viewMode === "mixed" && "grid-cols-2 gap-4"), children: [_jsxs("div", { className: cn("flex gap-2 overflow-hidden", viewMode === "mixed" && "pr-1"), children: [_jsx(IconRenderer, { customIcon: previewIcon, asPlaceholder: asPlaceholder }), _jsxs("div", { className: cn("flex min-w-0 grow flex-col gap-1 overflow-hidden"), children: [((viewMode === "removal" || viewMode === "mixed") &&
+                                                            basePreviewTitle === "") ||
+                                                            (viewMode === "addition" && previewTitle === "") ? (_jsx("span", { className: cn("w-full truncate text-sm font-bold leading-[18px] text-gray-400"), children: previewPlaceholder?.title ?? "Title not available" })) : (_jsx(TextDiff, { baseValue: basePreviewTitle, value: previewTitle, viewMode: viewMode === "mixed" ? "removal" : viewMode, diffMode: diffMode, className: cn("w-full truncate text-sm font-bold leading-[18px]") })), ((viewMode === "removal" || viewMode === "mixed") &&
+                                                            basePreviewPath === "") ||
+                                                            (viewMode === "addition" && previewPath === "") ? (_jsx("span", { className: cn("w-full truncate text-xs leading-[18px] text-gray-400"), children: previewPlaceholderPath === ""
+                                                                ? "Type not available"
+                                                                : previewPlaceholderPath })) : (_jsx(TextDiff, { baseValue: basePreviewPath, value: previewPath, viewMode: viewMode === "mixed" ? "removal" : viewMode, diffMode: diffMode, className: cn("w-full truncate text-xs leading-[18px] text-gray-500") }))] })] }), viewMode === "mixed" && (_jsxs("div", { className: cn("flex gap-2 overflow-hidden pl-1"), children: [_jsx(IconRenderer, { customIcon: previewIcon, asPlaceholder: asPlaceholder }), _jsxs("div", { className: cn("flex min-w-0 grow flex-col gap-1 overflow-hidden"), children: [previewTitle === "" ? (_jsx("span", { className: cn("w-full truncate text-sm font-bold leading-[18px] text-gray-400"), children: previewPlaceholder?.title ?? "Title not available" })) : (_jsx(TextDiff, { baseValue: basePreviewTitle, value: previewTitle, viewMode: "addition", diffMode: diffMode, className: cn("w-full truncate text-sm font-bold leading-[18px]") })), previewPath === "" ? (_jsx("span", { className: cn("w-full truncate text-xs leading-[18px] text-gray-400"), children: previewPlaceholderPath === ""
+                                                                ? "Type not available"
+                                                                : previewPlaceholderPath })) : (_jsx(TextDiff, { baseValue: basePreviewPath, value: previewPath, viewMode: "addition", diffMode: diffMode, className: cn("w-full truncate text-xs leading-[18px] text-gray-500") }))] })] }))] }), variant === "withValueTitleAndDescription" && (_jsxs("div", { className: cn("grid w-full", viewMode === "mixed" && "grid-cols-2 gap-4"), children: [_jsx("div", { className: cn("flex w-full flex-col", viewMode === "mixed" && "pr-1"), children: ((viewMode === "removal" || viewMode === "mixed") &&
+                                                basePreviewDescription === "") ||
+                                                (viewMode === "addition" && previewDescription === "") ? (_jsx("span", { className: cn("line-clamp-2 w-full text-xs leading-5 text-gray-400"), children: previewPlaceholder?.description ??
+                                                    "Description not available" })) : (_jsx(TextDiff, { baseValue: basePreviewDescription, value: previewDescription, viewMode: viewMode === "mixed" ? "removal" : viewMode, diffMode: diffMode, className: cn("w-full text-xs leading-5"), childrenClassName: cn("line-clamp-2") })) }), viewMode === "mixed" && (_jsx("div", { className: cn("flex w-full flex-col pl-1"), children: previewDescription === "" ? (_jsx("span", { className: cn("line-clamp-2 w-full text-xs leading-5 text-gray-400"), children: previewPlaceholder?.description ??
+                                                    "Description not available" })) : (_jsx(TextDiff, { baseValue: basePreviewDescription, value: previewDescription, viewMode: "addition", diffMode: diffMode, className: cn("w-full text-xs leading-5"), childrenClassName: cn("line-clamp-2") })) }))] }))] }) }))] })] }));
+};
+export { PHIDInputDiff };
+//# sourceMappingURL=phid-input-diff.js.map

package/dist/src/ui/components/data-entry/phid-input/phid-input-diff.js.map

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

package/dist/src/ui/components/data-entry/phid-input/phid-input.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { PHIDInputProps } from "./types.js";
+declare const PHIDInput: React.ForwardRefExoticComponent<PHIDInputProps & React.RefAttributes<HTMLInputElement>>;
+export { PHIDInput };
+//# sourceMappingURL=phid-input.d.ts.map

package/dist/src/ui/components/data-entry/phid-input/phid-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phid-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/phid-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AAE7D,QAAA,MAAM,SAAS,yFAoKd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/ui/components/data-entry/phid-input/phid-input.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react/jsx-props-no-spreading */
+import React, { useCallback, useId, useMemo } from "react";
+import { IdAutocompleteContext } from "../../../../scalars/components/fragments/id-autocomplete/id-autocomplete-context.js";
+import { IdAutocompleteListOption } from "../../../../scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.js";
+import { IdAutocomplete } from "../../../../scalars/components/fragments/id-autocomplete/index.js";
+import { PHIDInputDiff } from "./phid-input-diff.js";
+const PHIDInput = React.forwardRef(({ id: idProp, name, className, label, description, value, defaultValue, disabled, placeholder, required, errors, warnings, onChange, onBlur, onClick, onMouseDown, allowUris, allowedScopes, autoComplete: autoCompleteProp, variant = "withValue", maxLength, fetchOptionsCallback, fetchSelectedOptionCallback, isOpenByDefault, // to be used only in stories
+initialOptions, previewPlaceholder, 
+// Diff props
+viewMode = "edition", diffMode, baseValue, basePreviewIcon, basePreviewTitle, basePreviewPath, basePreviewDescription, ...props }, ref) => {
+    const prefix = useId();
+    const id = idProp ?? `${prefix}-phid`;
+    const autoComplete = autoCompleteProp ?? true;
+    const contextValue = useMemo(() => ({ allowUris, allowedScopes }), [allowUris, allowedScopes]);
+    const renderOption = useCallback((option, displayProps) => (_jsx(IdAutocompleteListOption, { variant: variant, icon: option.icon, title: option.title, path: displayProps?.asPlaceholder
+            ? previewPlaceholder?.path || "Type not available"
+            : option.path || "Type not available", value: displayProps?.asPlaceholder
+            ? previewPlaceholder?.value || "phid not available"
+            : option.value, description: option.description, placeholderIcon: previewPlaceholder?.icon || undefined, ...displayProps })), [variant, previewPlaceholder]);
+    if (viewMode === "edition") {
+        return (_jsx(IdAutocompleteContext.Provider, { value: contextValue, children: autoComplete && fetchOptionsCallback ? (_jsx(IdAutocomplete, { id: id, name: name, className: className, label: label, description: description, value: value, defaultValue: defaultValue, disabled: disabled, placeholder: placeholder, required: required, errors: errors, warnings: warnings, onChange: onChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, autoComplete: true, variant: variant, maxLength: maxLength, fetchOptionsCallback: fetchOptionsCallback, fetchSelectedOptionCallback: fetchSelectedOptionCallback, isOpenByDefault: isOpenByDefault, initialOptions: initialOptions, renderOption: renderOption, previewPlaceholder: previewPlaceholder, ...props, ref: ref })) : (_jsx(IdAutocomplete, { id: id, name: name, className: className, label: label, description: description, value: value, defaultValue: defaultValue, disabled: disabled, placeholder: placeholder, required: required, errors: errors, warnings: warnings, onChange: onChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, autoComplete: false, maxLength: maxLength, ...props, ref: ref })) }));
+    }
+    return (_jsx(PHIDInputDiff, { value: value ?? defaultValue ?? "", label: label, required: required, autoComplete: autoComplete, initialOptions: initialOptions, previewPlaceholder: previewPlaceholder, variant: variant, viewMode: viewMode, diffMode: diffMode, baseValue: baseValue, basePreviewIcon: basePreviewIcon, basePreviewTitle: basePreviewTitle, basePreviewPath: basePreviewPath, basePreviewDescription: basePreviewDescription }));
+});
+PHIDInput.displayName = "PHIDInput";
+export { PHIDInput };
+//# sourceMappingURL=phid-input.js.map

package/dist/src/ui/components/data-entry/phid-input/phid-input.js.map

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

package/dist/src/ui/components/data-entry/phid-input/types.d.ts

@@ -0,0 +1,30 @@
+import type { IdAutocompleteOption, IdAutocompleteProps } from "../../../../scalars/components/fragments/id-autocomplete/types.js";
+import type { DiffMode, WithDifference } from "../../../../scalars/components/types.js";
+export interface PHIDInputWithDifference extends Omit<WithDifference<string>, "diffMode"> {
+    diffMode?: Extract<DiffMode, "sentences">;
+    basePreviewIcon?: string | React.ReactElement;
+    basePreviewTitle?: string;
+    basePreviewPath?: string;
+    basePreviewDescription?: string;
+}
+type PHIDOption = IdAutocompleteOption;
+type PHIDInputBaseProps = Omit<IdAutocompleteProps, "autoComplete" | "fetchOptionsCallback" | "fetchSelectedOptionCallback" | "previewPlaceholder" | "renderOption"> & ({
+    allowUris: true;
+    allowedScopes?: string[];
+} | {
+    allowUris?: false;
+    allowedScopes?: never;
+});
+type PHIDInputProps = PHIDInputBaseProps & ({
+    autoComplete: false;
+    fetchOptionsCallback?: never;
+    fetchSelectedOptionCallback?: never;
+    previewPlaceholder?: never;
+} | {
+    autoComplete?: true;
+    fetchOptionsCallback: (userInput: string, context?: Record<string, unknown>) => Promise<PHIDOption[]> | PHIDOption[];
+    fetchSelectedOptionCallback?: (value: string) => Promise<PHIDOption | undefined> | PHIDOption | undefined;
+    previewPlaceholder?: PHIDOption;
+}) & PHIDInputWithDifference;
+export type { PHIDInputProps, PHIDOption };
+//# sourceMappingURL=types.d.ts.map

package/dist/src/ui/components/data-entry/phid-input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,mEAAmE,CAAC;AAC3E,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACf,MAAM,yCAAyC,CAAC;AAEjD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,KAAK,UAAU,GAAG,oBAAoB,CAAC;AAEvC,KAAK,kBAAkB,GAAG,IAAI,CAC5B,mBAAmB,EACjB,cAAc,GACd,sBAAsB,GACtB,6BAA6B,GAC7B,oBAAoB,GACpB,cAAc,CACjB,GACC,CACI;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CACJ,CAAC;AAEJ,KAAK,cAAc,GAAG,kBAAkB,GACtC,CACI;IACE,YAAY,EAAE,KAAK,CAAC;IACpB,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B,2BAA2B,CAAC,EAAE,KAAK,CAAC;IACpC,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,GACD;IACE,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,oBAAoB,EAAE,CACpB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC9B,OAAO,CAAC,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC;IAC1C,2BAA2B,CAAC,EAAE,CAC5B,KAAK,EAAE,MAAM,KACV,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC,GAAG,UAAU,GAAG,SAAS,CAAC;IAC9D,kBAAkB,CAAC,EAAE,UAAU,CAAC;CACjC,CACJ,GACD,uBAAuB,CAAC;AAE1B,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/ui/components/data-entry/phid-input/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/ui/components/data-entry/phid-input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/phid-input/types.ts"],"names":[],"mappings":""}

package/dist/src/ui/components/data-entry/text-input/index.d.ts

@@ -0,0 +1,3 @@
+export { TextInput, type TextInputProps } from "./text-input.js";
+export { type CommonTextProps } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/ui/components/data-entry/text-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/ui/components/data-entry/text-input/index.js

@@ -0,0 +1,2 @@
+export { TextInput } from "./text-input.js";
+//# sourceMappingURL=index.js.map

package/dist/src/ui/components/data-entry/text-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,iBAAiB,CAAC"}

package/dist/src/ui/components/data-entry/text-input/text-input-diff.d.ts

@@ -0,0 +1,9 @@
+import type { WithDifference } from "../../../../scalars/components/types.js";
+interface TextInputDiffProps extends WithDifference<string> {
+    value: string;
+    label?: React.ReactNode;
+    required?: boolean;
+}
+declare const TextInputDiff: ({ value, label, required, baseValue, viewMode, diffMode, }: TextInputDiffProps) => import("react/jsx-runtime").JSX.Element;
+export default TextInputDiff;
+//# sourceMappingURL=text-input-diff.d.ts.map

package/dist/src/ui/components/data-entry/text-input/text-input-diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-diff.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input-diff.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAE9E,UAAU,kBAAmB,SAAQ,cAAc,CAAC,MAAM,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,QAAA,MAAM,aAAa,GAAI,4DAOpB,kBAAkB,4CAgBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/ui/components/data-entry/text-input/text-input-diff.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormGroup, FormLabel } from "#scalars";
+import { SplittedInputDiff } from "../input/splitted-input-diff.js";
+const TextInputDiff = ({ value, label, required, baseValue = "", viewMode = "edition", diffMode = "sentences", }) => {
+    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(SplittedInputDiff, { value: value, baseValue: baseValue, diffMode: diffMode, viewMode: viewMode })] }));
+};
+export default TextInputDiff;
+//# sourceMappingURL=text-input-diff.js.map

package/dist/src/ui/components/data-entry/text-input/text-input-diff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAMpE,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,SAAS,EACpB,QAAQ,GAAG,WAAW,GACH,EAAE,EAAE;IACvB,OAAO,CACL,MAAC,SAAS,eACP,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,KAAK,GACI,CACb,EACD,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,IACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/ui/components/data-entry/text-input/text-input.d.ts

@@ -0,0 +1,10 @@
+import type { DiffMode, InputBaseProps, WithDifference } from "../../../../scalars/components/types.js";
+import type { CommonTextProps } from "./types.js";
+interface TextInputProps extends Omit<InputBaseProps<string> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "pattern"> & CommonTextProps, "value" | "autoComplete">, Omit<WithDifference<string>, "diffMode"> {
+    value?: string;
+    autoComplete?: boolean;
+    diffMode?: Extract<DiffMode, "sentences">;
+}
+declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export { TextInput, type TextInputProps };
+//# sourceMappingURL=text-input.d.ts.map

package/dist/src/ui/components/data-entry/text-input/text-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,yCAAyC,CAAC;AAIjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,UAAU,cACR,SAAQ,IAAI,CACR,cAAc,CAAC,MAAM,CAAC,GACpB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAC5D,eAAe,EACjB,OAAO,GAAG,cAAc,CACzB,EACD,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;CAC3C;AAED,QAAA,MAAM,SAAS,6GAiGd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/src/ui/components/data-entry/text-input/text-input.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, FormMessageList } from "#scalars";
+import { forwardRef, useId, useMemo } from "react";
+import { CharacterCounter } from "../../../../scalars/components/fragments/character-counter/index.js";
+import { FormDescription } from "../../../../scalars/components/fragments/form-description/index.js";
+import { FormGroup } from "../../../../scalars/components/fragments/form-group/form-group.js";
+import { FormLabel } from "../../../../scalars/components/fragments/form-label/form-label.js";
+import ValueTransformer from "../../../../scalars/components/fragments/value-transformer/value-transformer.js";
+import { sharedValueTransformers } from "../../../../scalars/lib/shared-value-transformers.js";
+import { Input } from "../input/index.js";
+import TextInputDiff from "./text-input-diff.js";
+const TextInput = forwardRef(({ label, description, value, defaultValue, onChange, errors, warnings, 
+// TextProps
+pattern, trim, uppercase, lowercase, maxLength, autoComplete, 
+// Difference Props
+baseValue, viewMode = "edition", diffMode, ...props }, ref) => {
+    const idGenerated = useId();
+    const id = props.id ?? idGenerated;
+    const autoCompleteValue = autoComplete === undefined ? undefined : autoComplete ? "on" : "off";
+    const hasContentBelow = !!description ||
+        (Array.isArray(warnings) && warnings.length > 0) ||
+        (Array.isArray(errors) && errors.length > 0);
+    const transformers = useMemo(() => [
+        sharedValueTransformers.trimOnBlur(!!trim),
+        sharedValueTransformers.lowercaseOnChange(!!lowercase),
+        sharedValueTransformers.uppercaseOnChange(!!uppercase),
+        sharedValueTransformers.trimOnEnter(!!trim),
+    ], [trim, lowercase, uppercase]);
+    if (viewMode === "edition") {
+        return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: props.required, disabled: props.disabled, hasError: !!errors?.length, children: label })), _jsx(ValueTransformer, { transformers: transformers, children: _jsx(Input, { id: id, value: value ?? defaultValue ?? "", onChange: onChange, pattern: pattern?.toString(), autoComplete: autoCompleteValue, ...props, ref: ref }) }), typeof maxLength === "number" && maxLength > 0 && (_jsx("div", { className: cn("mt-[-6px] flex justify-end", hasContentBelow && "-mb-1"), children: _jsx(CharacterCounter, { maxLength: maxLength, value: value ?? "" }) })), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+    }
+    // Diff mode
+    return (_jsx(TextInputDiff, { value: value ?? defaultValue ?? "", viewMode: viewMode, diffMode: diffMode, baseValue: baseValue, label: label, required: props.required }));
+});
+TextInput.displayName = "TextInput";
+export { TextInput };
+//# sourceMappingURL=text-input.js.map

package/dist/src/ui/components/data-entry/text-input/text-input.js.map

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