@powerhousedao/document-engineering 1.0.0

package/dist/src/scalars/components/fragments/form-label/form-label.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { cn } from "#scalars";
+import { Tooltip, TooltipProvider, } from "../../../../ui/components/tooltip/index.js";
+export const FormLabel = ({ children, required, disabled, description, hasError, inline, className, ...htmlLabelProps }) => {
+    const classes = cn("inline-flex items-center text-sm font-medium", inline ? "leading-[22px]" : "leading-4", `text-gray-900 ${inline ? "dark:text-gray-400" : "dark:text-gray-50"}`, hasError && "group-hover:!text-red-900 dark:group-hover:!text-red-900", hasError && inline && "text-red-800 dark:text-red-800", hasError && !inline && "text-red-900 dark:text-red-900", disabled &&
+        `cursor-not-allowed text-gray-700 ${inline ? "dark:text-gray-600" : "dark:text-gray-300"}`, inline
+        ? !disabled && "group-hover:text-gray-900 dark:group-hover:text-slate-50"
+        : "mb-[3px]", className);
+    if (!children) {
+        // no label provided
+        return null;
+    }
+    const extraProps = {
+        ...htmlLabelProps,
+    };
+    return (_jsxs("label", { className: classes, ...extraProps, children: [children, required && (_jsx("span", { className: cn("ml-1 text-gray-800 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-slate-50", hasError &&
+                    `${inline ? "!text-red-800" : "!text-red-900"} group-hover:!text-red-900`), children: "*" })), description && (_jsx(TooltipProvider, { children: _jsx(Tooltip, { content: description, children: _jsx(Icon, { name: "CircleInfo", size: 16, className: cn("ml-1 cursor-pointer text-gray-600 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-500", disabled && "text-gray-500") }) }) }))] }));
+};
+//# sourceMappingURL=form-label.js.map

package/dist/src/scalars/components/fragments/form-label/form-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/form-label/form-label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,OAAO,EACL,OAAO,EACP,eAAe,GAChB,MAAM,4CAA4C,CAAC;AAapD,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,EAAE,CAChB,8CAA8C,EAC9C,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,EACvC,iBAAiB,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,EAAE,EACtE,QAAQ,IAAI,0DAA0D,EACtE,QAAQ,IAAI,MAAM,IAAI,gCAAgC,EACtD,QAAQ,IAAI,CAAC,MAAM,IAAI,gCAAgC,EACvD,QAAQ;QACN,oCACE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAClC,EAAE,EACJ,MAAM;QACJ,CAAC,CAAC,CAAC,QAAQ,IAAI,0DAA0D;QACzE,CAAC,CAAC,UAAU,EACd,SAAS,CACV,CAAC;IAEF,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,oBAAoB;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG;QACjB,GAAG,cAAc;KAClB,CAAC;IAEF,OAAO,CACL,iBAAO,SAAS,EAAE,OAAO,KAAM,UAAU,aACtC,QAAQ,EACR,QAAQ,IAAI,CACX,eACE,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,QAAQ;oBACN,GAAG,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,4BAA4B,CAC5E,kBAGI,CACR,EAEA,WAAW,IAAI,CACd,KAAC,eAAe,cACd,KAAC,OAAO,IAAC,OAAO,EAAE,WAAW,YAC3B,KAAC,IAAI,IACH,IAAI,EAAC,YAAY,EACjB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,QAAQ,IAAI,eAAe,CAC5B,GACD,GACM,GACM,CACnB,IACK,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/scalars/components/fragments/form-label/index.d.ts

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

package/dist/src/scalars/components/fragments/form-label/index.d.ts.map

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

package/dist/src/scalars/components/fragments/form-label/index.js

@@ -0,0 +1,2 @@
+export * from "./form-label.js";
+//# sourceMappingURL=index.js.map

package/dist/src/scalars/components/fragments/form-label/index.js.map

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

package/dist/src/scalars/components/fragments/form-message/form-message.d.ts

@@ -0,0 +1,11 @@
+export type FormMessageType = "error" | "info" | "warning";
+type FormMessageOwnProps<E extends React.ElementType = React.ElementType> = {
+    type?: FormMessageType;
+    as?: E;
+    className?: string;
+};
+export type FormMessageProps<E extends React.ElementType> = FormMessageOwnProps<E> & Omit<React.ComponentPropsWithoutRef<E>, keyof FormMessageOwnProps>;
+declare const defaultElement = "p";
+export declare const FormMessage: <E extends React.ElementType = typeof defaultElement>(props: FormMessageProps<E>) => React.ReactElement | null;
+export {};
+//# sourceMappingURL=form-message.d.ts.map

package/dist/src/scalars/components/fragments/form-message/form-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-message.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/form-message/form-message.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE3D,KAAK,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI;IAC1E,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACtD,mBAAmB,CAAC,CAAC,CAAC,GACpB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC;AAEvE,QAAA,MAAM,cAAc,MAAM,CAAC;AAE3B,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,cAAc,EAC5E,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KACvB,KAAK,CAAC,YAAY,GAAG,IA2BzB,CAAC"}

package/dist/src/scalars/components/fragments/form-message/form-message.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+const defaultElement = "p";
+export const FormMessage = ({ children, type = "info", as, className, ...props }) => {
+    const Component = as || defaultElement;
+    const typeClasses = {
+        error: "text-red-900 dark:text-red-900",
+        info: "text-blue-900 dark:text-blue-900",
+        warning: "text-yellow-900 dark:text-yellow-900",
+    };
+    const classes = cn("mb-0 inline-flex items-center text-xs font-medium", typeClasses[type], className);
+    // TODO: add icon
+    return (_jsx(Component, { "data-type": type, className: classes, ...props, children: children }));
+};
+//# sourceMappingURL=form-message.js.map

package/dist/src/scalars/components/fragments/form-message/form-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-message.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/form-message/form-message.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAc3C,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B,MAAM,CAAC,MAAM,WAAW,GAES,CAAC,EAChC,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,EAAE,IAAI,cAAc,CAAC;IAEvC,MAAM,WAAW,GAAoC;QACnD,KAAK,EAAE,gCAAgC;QACvC,IAAI,EAAE,kCAAkC;QACxC,OAAO,EAAE,sCAAsC;KAChD,CAAC;IAEF,MAAM,OAAO,GAAG,EAAE,CAChB,mDAAmD,EACnD,WAAW,CAAC,IAAI,CAAC,EACjB,SAAS,CACV,CAAC;IAEF,iBAAiB;IACjB,OAAO,CACL,KAAC,SAAS,iBAAY,IAAI,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,YACtD,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/scalars/components/fragments/form-message/form-server-error-message.d.ts

@@ -0,0 +1,2 @@
+export declare const FormServerErrorMessage: () => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=form-server-error-message.d.ts.map

package/dist/src/scalars/components/fragments/form-message/form-server-error-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-server-error-message.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/form-message/form-server-error-message.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,sDAalC,CAAC"}

package/dist/src/scalars/components/fragments/form-message/form-server-error-message.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import { FormMessageList } from "./message-list.js";
+export const FormServerErrorMessage = () => {
+    const { formState } = useFormContext();
+    if (!formState.errors.root?.serverError.message) {
+        return null;
+    }
+    return (_jsx(FormMessageList, { messages: [formState.errors.root.serverError.message], type: "error" }));
+};
+//# sourceMappingURL=form-server-error-message.js.map

package/dist/src/scalars/components/fragments/form-message/form-server-error-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-server-error-message.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/form-message/form-server-error-message.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,eAAe,IACd,QAAQ,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EACrD,IAAI,EAAC,OAAO,GACZ,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/scalars/components/fragments/form-message/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./form-message.js";
+export * from "./form-server-error-message.js";
+export * from "./message-list.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/fragments/form-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/form-message/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC"}

package/dist/src/scalars/components/fragments/form-message/index.js

@@ -0,0 +1,4 @@
+export * from "./form-message.js";
+export * from "./form-server-error-message.js";
+export * from "./message-list.js";
+//# sourceMappingURL=index.js.map

package/dist/src/scalars/components/fragments/form-message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/form-message/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC"}

package/dist/src/scalars/components/fragments/form-message/message-list.d.ts

@@ -0,0 +1,9 @@
+import { type FormMessageType } from "./form-message.js";
+interface FormMessageListProps {
+    messages: string[];
+    type?: FormMessageType;
+    className?: string;
+}
+export declare const FormMessageList: React.FC<FormMessageListProps>;
+export {};
+//# sourceMappingURL=message-list.d.ts.map

package/dist/src/scalars/components/fragments/form-message/message-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-list.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/form-message/message-list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtE,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4C1D,CAAC"}

package/dist/src/scalars/components/fragments/form-message/message-list.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#scalars";
+import { FormMessage } from "./form-message.js";
+export const FormMessageList = ({ messages, type = "info", className, ...props }) => {
+    if (messages.length === 0) {
+        return null;
+    }
+    if (messages.length === 1) {
+        return (_jsx(FormMessage, { type: type, ...props, children: messages[0] }));
+    }
+    const typeClasses = {
+        error: "before:bg-red-900 dark:before:bg-red-900",
+        info: "before:bg-blue-900 dark:before:bg-blue-900",
+        warning: "before:bg-orange-900 dark:before:bg-orange-900",
+    };
+    return (_jsx("ul", { className: cn("flex flex-col gap-1", className), ...props, children: messages.map((message) => (_jsx(FormMessage, { as: "li", type: type, className: cn(
+            // Layout
+            "relative pl-4", 
+            // Visual styles
+            "before:absolute before:left-0 before:top-[0.4em] before:size-2 before:rounded-full", typeClasses[type]), children: message }, message))) }));
+};
+//# sourceMappingURL=message-list.js.map

package/dist/src/scalars/components/fragments/form-message/message-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-list.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/form-message/message-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAwB,MAAM,mBAAmB,CAAC;AAQtE,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,YAC/B,QAAQ,CAAC,CAAC,CAAC,GACA,CACf,CAAC;IACJ,CAAC;IAED,MAAM,WAAW,GAAoC;QACnD,KAAK,EAAE,0CAA0C;QACjD,IAAI,EAAE,4CAA4C;QAClD,OAAO,EAAE,gDAAgD;KAC1D,CAAC;IAEF,OAAO,CACL,aAAI,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,KAAK,YAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,KAAC,WAAW,IAEV,EAAE,EAAC,IAAI,EACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE;YACX,SAAS;YACT,eAAe;YACf,gBAAgB;YAChB,oFAAoF,EACpF,WAAW,CAAC,IAAI,CAAC,CAClB,YAEA,OAAO,IAXH,OAAO,CAYA,CACf,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-context.d.ts

@@ -0,0 +1,3 @@
+export declare const IdAutocompleteContext: import("react").Context<Record<string, unknown>>;
+export declare const useIdAutocompleteContext: () => Record<string, unknown>;
+//# sourceMappingURL=id-autocomplete-context.d.ts.map

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-context.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete-context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,kDAA6C,CAAC;AAEhF,eAAO,MAAM,wBAAwB,+BAA0C,CAAC"}

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-context.js

@@ -0,0 +1,4 @@
+import { createContext, useContext } from "react";
+export const IdAutocompleteContext = createContext({});
+export const useIdAutocompleteContext = () => useContext(IdAutocompleteContext);
+//# sourceMappingURL=id-autocomplete-context.js.map

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-context.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAA0B,EAAE,CAAC,CAAC;AAEhF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { InputBaseProps } from "../../types.js";
+import type { IdAutocompleteOption } from "./types.js";
+interface IdAutocompleteInputContainerProps extends Omit<InputBaseProps<string>, "defaultValue" | "errors" | "warnings"> {
+    isLoading: boolean;
+    haveFetchError: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    selectedOption?: IdAutocompleteOption;
+    optionsLength: number;
+    handleOpenChange?: (open: boolean) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onMouseDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    hasError: boolean;
+    isPopoverOpen: boolean;
+    maxLength?: number;
+    handlePaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    onPaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+}
+declare const IdAutocompleteInputContainer: React.ForwardRefExoticComponent<IdAutocompleteInputContainerProps & React.RefAttributes<HTMLInputElement>>;
+export { IdAutocompleteInputContainer, type IdAutocompleteInputContainerProps };
+//# sourceMappingURL=id-autocomplete-input-container.d.ts.map

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-input-container.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,UAAU,iCACR,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC5E,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,QAAA,MAAM,4BAA4B,4GAyKjC,CAAC;AAEF,OAAO,EAAE,4BAA4B,EAAE,KAAK,iCAAiC,EAAE,CAAC"}

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/jsx-no-bind */
+import { Icon } from "@powerhousedao/design-system";
+import { cn } from "#scalars";
+import { Command as CommandPrimitive } from "cmdk";
+import React, { useMemo, useState } from "react";
+import { useMediaQuery } from "usehooks-ts";
+import { Input } from "../../../../ui/components/index.js";
+import { Tooltip, TooltipProvider, } from "../../../../ui/components/tooltip/tooltip.js";
+import { sharedValueTransformers } from "../../../lib/shared-value-transformers.js";
+import ValueTransformer from "../value-transformer/value-transformer.js";
+const IdAutocompleteInputContainer = React.forwardRef(({ id, name, value, className, isLoading, haveFetchError, disabled, onChange, onBlur, onClick, selectedOption, optionsLength, handleOpenChange, onKeyDown, onMouseDown, placeholder, hasError, label, required, isPopoverOpen, maxLength, handlePaste, onPaste, ...props }, ref) => {
+    const [hasCopied, setHasCopied] = useState(false);
+    const hasHover = useMediaQuery("(hover: hover) and (pointer: fine)");
+    const transformers = useMemo(() => [
+        sharedValueTransformers.trimOnBlur(),
+        sharedValueTransformers.trimOnEnter(),
+    ], []);
+    return (_jsxs("div", { className: cn("group relative"), children: [_jsx(ValueTransformer, { transformers: transformers, children: _jsx(CommandPrimitive.Input, { asChild: true, children: _jsx(Input, { id: id, name: name, value: value, className: cn("pr-9", className), disabled: disabled, onChange: onChange, onBlur: onBlur, onClick: (e) => {
+                            const input = e.target;
+                            if (!(isLoading || haveFetchError) &&
+                                !selectedOption &&
+                                input.value !== "") {
+                                handleOpenChange?.(true);
+                            }
+                            onClick?.(e);
+                        }, onKeyDown: (e) => {
+                            onKeyDown?.(e);
+                            const isOptionsRelatedKey = [
+                                "ArrowUp",
+                                "ArrowDown",
+                                "Enter",
+                            ].includes(e.key);
+                            if (e.key === "Enter" && isPopoverOpen && optionsLength === 0) {
+                                handleOpenChange?.(false);
+                                e.preventDefault();
+                                return;
+                            }
+                            if (!(isOptionsRelatedKey && isPopoverOpen && optionsLength > 0)) {
+                                e.stopPropagation();
+                            }
+                        }, onMouseDown: (e) => {
+                            const input = e.target;
+                            if (!input.contains(document.activeElement)) {
+                                // wait for the next tick to ensure the focus occurs first
+                                requestAnimationFrame(() => {
+                                    input.select();
+                                });
+                            }
+                            onMouseDown?.(e);
+                        }, onPaste: (e) => {
+                            handlePaste?.(e);
+                            onPaste?.(e);
+                        }, placeholder: placeholder, "aria-invalid": hasError, "aria-label": !label ? "Id Autocomplete" : undefined, "aria-required": required, "aria-expanded": isPopoverOpen, maxLength: maxLength, ...props, ref: ref }) }) }), _jsxs("div", { className: cn("absolute right-3 top-1/2 flex size-4 -translate-y-1/2 items-center", !isLoading &&
+                    !haveFetchError &&
+                    !selectedOption &&
+                    "pointer-events-none"), children: [isLoading && (_jsx(Icon, { name: "Reload", size: 16, className: cn("animate-spin text-gray-500 dark:text-gray-600") })), haveFetchError && (_jsx(TooltipProvider, { children: _jsx(Tooltip, { content: "Network error!", children: _jsx(Icon, { name: "Error", size: 16, className: cn("text-red-900") }) }) })), selectedOption && !isLoading && !haveFetchError && (_jsx(TooltipProvider, { children: _jsx(Tooltip, { content: "Copied!", open: hasCopied, triggerAsChild: true, children: _jsx("button", { type: "button", onClick: () => {
+                                    navigator.clipboard
+                                        .writeText(selectedOption.value)
+                                        .then(() => {
+                                        setHasCopied(true);
+                                        setTimeout(() => setHasCopied(false), 2000);
+                                    })
+                                        .catch((error) => {
+                                        console.error("Failed to copy value: ", error);
+                                    });
+                                }, className: cn("focus-visible:outline-none [&_svg]:pointer-events-none", hasHover &&
+                                    "opacity-0 transition-opacity duration-500 group-hover:opacity-100"), children: _jsx(Icon, { name: "Copy", size: 16, className: cn("text-gray-500 dark:text-gray-600") }) }) }) }))] })] }));
+});
+export { IdAutocompleteInputContainer };
+//# sourceMappingURL=id-autocomplete-input-container.js.map

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-input-container.js.map

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

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.d.ts

@@ -0,0 +1,16 @@
+import { type IconName } from "@powerhousedao/design-system";
+import React from "react";
+import type { IdAutocompleteOption, IdAutocompleteProps } from "./types.js";
+type IdAutocompleteListOptionProps = {
+    variant: IdAutocompleteProps["variant"];
+    asPlaceholder?: boolean;
+    showValue?: boolean;
+    isLoadingSelectedOption?: boolean;
+    handleFetchSelectedOption?: (value: string) => void;
+    isFetchSelectedOptionSync?: boolean;
+    className?: string;
+    placeholderIcon?: IconName | React.ReactElement;
+} & IdAutocompleteOption<Record<string, unknown>>;
+declare const IdAutocompleteListOption: React.FC<IdAutocompleteListOptionProps>;
+export { IdAutocompleteListOption, type IdAutocompleteListOptionProps };
+//# sourceMappingURL=id-autocomplete-list-option.d.ts.map

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-list-option.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAuE5E,KAAK,6BAA6B,GAAG;IACnC,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,yBAAyB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC;CACjD,GAAG,oBAAoB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAElD,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAgJrE,CAAC;AAEF,OAAO,EAAE,wBAAwB,EAAE,KAAK,6BAA6B,EAAE,CAAC"}

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import React from "react";
+import { cn } from "../../../lib/utils.js";
+const IconRenderer = ({ customIcon, asPlaceholder }) => {
+    if (typeof customIcon === "string") {
+        return (_jsx(Icon, { name: customIcon, size: 24, className: cn("shrink-0", asPlaceholder
+                ? "text-gray-400 dark:text-gray-700"
+                : "text-gray-900 dark:text-gray-300") }));
+    }
+    if (React.isValidElement(customIcon)) {
+        return _jsx("div", { className: "size-6 shrink-0 overflow-hidden", children: customIcon });
+    }
+    return null;
+};
+const ReloadButton = ({ isLoadingSelectedOption, handleFetchSelectedOption, isFetchSelectedOptionSync, value, }) => (_jsx("div", { children: _jsx("button", { type: "button", disabled: isLoadingSelectedOption || isFetchSelectedOptionSync, onClick: () => {
+            if (!isLoadingSelectedOption && !isFetchSelectedOptionSync) {
+                handleFetchSelectedOption(value);
+            }
+        }, className: cn("mt-0.5 focus-visible:outline-none", "disabled:pointer-events-none [&_svg]:pointer-events-none"), "aria-label": isLoadingSelectedOption
+            ? "Loading"
+            : isFetchSelectedOptionSync
+                ? "Success"
+                : "Reload", children: _jsx(Icon, { name: isFetchSelectedOptionSync ? "Checkmark" : "Reload", size: 16, className: cn("text-gray-500 dark:text-gray-600", isLoadingSelectedOption && "animate-spin", isFetchSelectedOptionSync && "animate-in fade-in duration-500") }) }) }));
+const IdAutocompleteListOption = ({ variant = "withValue", icon, title = "Title not available", path = "Path not available", value, description = "Description not available", asPlaceholder, showValue = true, isLoadingSelectedOption, handleFetchSelectedOption, isFetchSelectedOptionSync, className, placeholderIcon = "PowerhouseLogoSmall", ...extraProps }) => {
+    const renderWithValue = () => (_jsx("div", { className: cn("flex w-full items-center"), children: _jsx("span", { className: cn("truncate text-xs leading-5", asPlaceholder
+                ? "text-gray-400 dark:text-gray-700"
+                : "text-gray-500 dark:text-gray-600"), children: value }) }));
+    const renderWithValueTitleAndDescription = (showDescription = true) => (_jsxs("div", { className: cn("flex w-full flex-col gap-1"), children: [_jsxs("div", { className: cn("flex gap-2"), children: [_jsx(IconRenderer, { customIcon: asPlaceholder ? placeholderIcon : icon, asPlaceholder: asPlaceholder }), _jsxs("div", { className: cn("flex min-w-0 grow flex-col gap-[-2px]"), children: [_jsx("span", { className: cn("truncate text-sm font-bold leading-5", asPlaceholder
+                                    ? "text-gray-400 dark:text-gray-700"
+                                    : "text-gray-900 dark:text-gray-300"), children: title }), !showValue && typeof path === "object" ? (_jsx("a", { href: path.url, target: "_blank", rel: "noopener noreferrer", className: cn("truncate text-xs leading-5 text-blue-900 hover:underline focus-visible:outline-none"), children: path.text })) : (_jsx("span", { className: cn("truncate text-xs leading-5", asPlaceholder
+                                    ? "text-gray-400 dark:text-gray-700"
+                                    : "text-gray-500 dark:text-gray-600"), children: typeof path === "object" ? path.text : path }))] }), asPlaceholder === false && handleFetchSelectedOption && (_jsx(ReloadButton, { isLoadingSelectedOption: isLoadingSelectedOption, handleFetchSelectedOption: handleFetchSelectedOption, isFetchSelectedOptionSync: isFetchSelectedOptionSync, value: value }))] }), showValue && (_jsx("div", { className: cn("flex max-w-full items-center"), children: _jsx("span", { className: cn("truncate text-xs leading-5", asPlaceholder
+                        ? "text-gray-400 dark:text-gray-700"
+                        : "text-gray-500 dark:text-gray-600"), children: value }) })), showDescription && (_jsx("div", { className: cn("flex flex-col"), children: _jsx("p", { className: cn("line-clamp-2 text-xs leading-5", asPlaceholder
+                        ? "text-gray-400 dark:text-gray-700"
+                        : "text-gray-900 dark:text-gray-300"), children: description }) })), showDescription &&
+                "agentType" in extraProps &&
+                typeof extraProps.agentType === "string" && (_jsx("div", { className: cn("flex max-w-full items-center justify-end"), children: _jsx("span", { className: cn("truncate text-xs leading-5", asPlaceholder
+                        ? "text-gray-400 dark:text-gray-700"
+                        : "text-gray-500 dark:text-gray-600"), children: extraProps.agentType }) }))] }));
+    return (_jsxs("div", { className: cn("w-full max-w-full rounded-md bg-transparent px-3 pb-2", variant === "withValue" ? "pt-2" : "pt-3", className), children: [variant === "withValue" && renderWithValue(), variant === "withValueAndTitle" &&
+                renderWithValueTitleAndDescription(false), variant === "withValueTitleAndDescription" &&
+                renderWithValueTitleAndDescription()] }));
+};
+export { IdAutocompleteListOption };
+//# sourceMappingURL=id-autocomplete-list-option.js.map

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list-option.js.map

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

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list.d.ts

@@ -0,0 +1,20 @@
+import type React from "react";
+import type { IdAutocompleteOption, IdAutocompleteProps } from "./types.js";
+interface IdAutocompleteListProps {
+    variant: IdAutocompleteProps["variant"];
+    commandListRef?: React.RefObject<HTMLDivElement>;
+    selectedValue?: string;
+    options?: IdAutocompleteOption[];
+    toggleOption?: (value: string) => void;
+    renderOption?: (option: IdAutocompleteOption, displayProps?: {
+        asPlaceholder?: boolean;
+        showValue?: boolean;
+        isLoadingSelectedOption?: boolean;
+        handleFetchSelectedOption?: (value: string) => void;
+        className?: string;
+    }) => React.ReactNode;
+    previewPlaceholder?: IdAutocompleteOption;
+}
+declare const IdAutocompleteList: React.FC<IdAutocompleteListProps>;
+export { IdAutocompleteList, type IdAutocompleteListProps };
+//# sourceMappingURL=id-autocomplete-list.d.ts.map

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-list.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE5E,UAAU,uBAAuB;IAC/B,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,oBAAoB,EAC5B,YAAY,CAAC,EAAE;QACb,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;QAClC,yBAAyB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACpD,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KACE,KAAK,CAAC,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;CAC3C;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyEzD,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,CAAC"}

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCommandState } from "cmdk";
+import { useEffect } from "react";
+import { cn } from "../../../lib/utils.js";
+import { CommandEmpty, CommandGroup, CommandItem, CommandList, } from "../command/index.js";
+import { IdAutocompleteListOption } from "./id-autocomplete-list-option.js";
+const IdAutocompleteList = ({ variant, commandListRef, selectedValue, options = [], toggleOption, renderOption, previewPlaceholder, }) => {
+    const cmdkSearch = useCommandState((state) => state.search);
+    const defaultOption = previewPlaceholder || {
+        value: "value not available",
+        title: "Title not available",
+        path: "Path not available",
+        description: "Description not available",
+    };
+    useEffect(() => {
+        commandListRef?.current?.scrollTo({ top: 0, behavior: "instant" });
+    }, [commandListRef, cmdkSearch]);
+    return (_jsxs(CommandList, { ref: commandListRef, children: [_jsx(CommandEmpty, { className: cn("h-full p-1"), children: renderOption ? (renderOption(defaultOption, {
+                    asPlaceholder: true,
+                    showValue: true,
+                    className: cn("pb-0"),
+                })) : (_jsx(IdAutocompleteListOption, { variant: variant, icon: defaultOption.icon, title: defaultOption.title, path: defaultOption.path, value: defaultOption.value, description: defaultOption.description, asPlaceholder: true, className: cn("pb-0") })) }), _jsx(CommandGroup, { className: cn("px-1"), children: options.map((opt) => {
+                    const isSelected = selectedValue === opt.value;
+                    return (_jsx(CommandItem, { value: opt.value, onSelect: () => toggleOption?.(opt.value), className: cn("h-full cursor-pointer border-y-0 p-0", "data-[selected=true]:bg-gray-100 dark:data-[selected=true]:bg-gray-900"), role: "option", "aria-selected": isSelected, children: renderOption ? (renderOption(opt, {
+                            asPlaceholder: false,
+                            showValue: true,
+                        })) : (_jsx(IdAutocompleteListOption, { variant: variant, ...opt })) }, opt.value));
+                }) })] }));
+};
+export { IdAutocompleteList };
+//# sourceMappingURL=id-autocomplete-list.js.map

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-list.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAsB5E,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,OAAO,EACP,cAAc,EACd,aAAa,EACb,OAAO,GAAG,EAAE,EACZ,YAAY,EACZ,YAAY,EACZ,kBAAkB,GACnB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAW,CAAC;IACtE,MAAM,aAAa,GAAyB,kBAAkB,IAAI;QAChE,KAAK,EAAE,qBAAqB;QAC5B,KAAK,EAAE,qBAAqB;QAC5B,IAAI,EAAE,oBAAoB;QAC1B,WAAW,EAAE,2BAA2B;KACzC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,MAAC,WAAW,IAAC,GAAG,EAAE,cAAc,aAC9B,KAAC,YAAY,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,YACtC,YAAY,CAAC,CAAC,CAAC,CACd,YAAY,CAAC,aAAa,EAAE;oBAC1B,aAAa,EAAE,IAAI;oBACnB,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC;iBACtB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,wBAAwB,IACvB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,WAAW,EAAE,aAAa,CAAC,WAAW,EACtC,aAAa,QACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GACrB,CACH,GACY,EACf,KAAC,YAAY,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAChC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACnB,MAAM,UAAU,GAAG,aAAa,KAAK,GAAG,CAAC,KAAK,CAAC;oBAE/C,OAAO,CACL,KAAC,WAAW,IAEV,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,wEAAwE,CACzE,EACD,IAAI,EAAC,QAAQ,mBACE,UAAU,YAExB,YAAY,CAAC,CAAC,CAAC,CACd,YAAY,CAAC,GAAG,EAAE;4BAChB,aAAa,EAAE,KAAK;4BACpB,SAAS,EAAE,IAAI;yBAChB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,wBAAwB,IAAC,OAAO,EAAE,OAAO,KAAM,GAAG,GAAI,CACxD,IAjBI,GAAG,CAAC,KAAK,CAkBF,CACf,CAAC;gBACJ,CAAC,CAAC,GACW,IACH,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAgC,CAAC"}

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete.d.ts

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

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/id-autocomplete.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAgBtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAGtD,QAAA,MAAM,cAAc,8FAoPnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/jsx-max-depth */
+/* eslint-disable react/jsx-no-bind */
+/* eslint-disable react/jsx-props-no-spreading */
+import React, { useId, useMemo, useRef } from "react";
+import { Input } from "../../../../ui/components/index.js";
+import { sharedValueTransformers } from "../../../lib/shared-value-transformers.js";
+import { cn } from "../../../lib/utils.js";
+import { Command } from "../command/command.js";
+import { FormDescription } from "../form-description/form-description.js";
+import { FormGroup } from "../form-group/form-group.js";
+import { FormLabel } from "../form-label/form-label.js";
+import { FormMessageList } from "../form-message/index.js";
+import { Popover, PopoverAnchor, PopoverContent } from "../popover/popover.js";
+import ValueTransformer from "../value-transformer/value-transformer.js";
+import { IdAutocompleteInputContainer } from "./id-autocomplete-input-container.js";
+import { IdAutocompleteListOption } from "./id-autocomplete-list-option.js";
+import { IdAutocompleteList } from "./id-autocomplete-list.js";
+import { useIdAutocomplete } from "./use-id-autocomplete.js";
+const IdAutocomplete = React.forwardRef(({ id: idProp, name, className, label, description, value, defaultValue, disabled, placeholder, required, errors, warnings, onChange, onBlur, onClick, onKeyDown, onMouseDown, autoComplete = true, variant = "withValue", maxLength, fetchOptionsCallback, fetchSelectedOptionCallback, isOpenByDefault, // to be used only in stories
+initialOptions, renderOption, previewPlaceholder, ...props }, ref) => {
+    const prefix = useId();
+    const id = idProp ?? `${prefix}-id-autocomplete`;
+    const inputRef = useRef(null);
+    const mergedRef = (node) => {
+        inputRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    };
+    const hasWarning = Array.isArray(warnings) && warnings.length > 0;
+    const hasError = Array.isArray(errors) && errors.length > 0;
+    const { selectedValue, selectedOption, isPopoverOpen, commandListRef, options, isLoading, isLoadingSelectedOption, haveFetchError, commandValue, isFetchSelectedOptionSync, toggleOption, handleOpenChange, onTriggerBlur, handleChange, handleCommandValue, handleFetchSelectedOption, handlePaste, } = useIdAutocomplete({
+        autoComplete,
+        defaultValue,
+        value,
+        isOpenByDefault,
+        initialOptions,
+        onChange,
+        onBlur,
+        fetchOptions: fetchOptionsCallback,
+        fetchSelectedOption: fetchSelectedOptionCallback,
+    });
+    const handleOptionSelection = (optionValue) => {
+        toggleOption(optionValue);
+        inputRef.current?.focus();
+    };
+    const asCard = variant === "withValueAndTitle" ||
+        variant === "withValueTitleAndDescription";
+    const transformers = useMemo(() => [
+        sharedValueTransformers.trimOnBlur(),
+        sharedValueTransformers.trimOnEnter(),
+    ], []);
+    return (_jsxs(FormGroup, { children: [!!label && (_jsx(FormLabel, { htmlFor: id, disabled: disabled, hasError: hasError, required: required, onClick: (e) => {
+                    e.preventDefault();
+                    e.target.control?.focus();
+                }, children: label })), autoComplete && fetchOptionsCallback ? (_jsx(Popover, { open: isPopoverOpen, onOpenChange: handleOpenChange, children: _jsxs(Command, { shouldFilter: false, value: commandValue, onValueChange: handleCommandValue, className: cn("dark:bg-charcoal-900 bg-gray-100"), children: [_jsx(PopoverAnchor, { asChild: true, children: _jsx(IdAutocompleteInputContainer, { id: id, name: name, value: selectedValue, className: className, isLoading: isLoading, haveFetchError: haveFetchError, disabled: disabled, onChange: handleChange, onBlur: onTriggerBlur, onClick: onClick, selectedOption: selectedOption, optionsLength: options.length, handleOpenChange: handleOpenChange, onKeyDown: onKeyDown, onMouseDown: onMouseDown, placeholder: placeholder, hasError: hasError, label: label, required: required, isPopoverOpen: isPopoverOpen, maxLength: maxLength, handlePaste: handlePaste, ...props, ref: mergedRef }) }), asCard &&
+                            (renderOption ? (renderOption(selectedOption === undefined && previewPlaceholder
+                                ? {
+                                    ...previewPlaceholder,
+                                }
+                                : {
+                                    ...selectedOption,
+                                    value: selectedOption?.value ?? "",
+                                }, {
+                                asPlaceholder: selectedOption === undefined,
+                                showValue: false,
+                                isLoadingSelectedOption,
+                                handleFetchSelectedOption: fetchSelectedOptionCallback
+                                    ? handleFetchSelectedOption
+                                    : undefined,
+                                isFetchSelectedOptionSync,
+                                className: cn("rounded-t-none pt-2"),
+                            })) : (_jsx(IdAutocompleteListOption, { variant: variant, icon: selectedOption?.icon ?? previewPlaceholder?.icon, title: selectedOption?.title ?? previewPlaceholder?.title, path: selectedOption?.path ?? previewPlaceholder?.path, value: selectedOption?.value ?? previewPlaceholder?.value ?? "", description: selectedOption?.description ??
+                                    previewPlaceholder?.description, asPlaceholder: selectedOption === undefined, showValue: false, isLoadingSelectedOption: isLoadingSelectedOption, handleFetchSelectedOption: fetchSelectedOptionCallback
+                                    ? handleFetchSelectedOption
+                                    : undefined, isFetchSelectedOptionSync: isFetchSelectedOptionSync, className: cn("rounded-t-none pt-2") }))), _jsx(PopoverContent, { align: "start", onOpenAutoFocus: (e) => e.preventDefault(), onInteractOutside: (e) => {
+                                if (e.target instanceof Element && e.target.id === id) {
+                                    e.preventDefault();
+                                }
+                            }, children: _jsx(IdAutocompleteList, { variant: variant, commandListRef: commandListRef, selectedValue: selectedValue, options: options, toggleOption: handleOptionSelection, renderOption: renderOption, previewPlaceholder: previewPlaceholder }) })] }) })) : (_jsx(ValueTransformer, { transformers: transformers, children: _jsx(Input, { id: id, name: name, value: selectedValue, className: className, disabled: disabled, onChange: handleChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, placeholder: placeholder, "aria-invalid": hasError, "aria-label": !label ? "Id Autocomplete" : undefined, "aria-required": required, maxLength: maxLength, ...props, ref: mergedRef }) })), !!description && _jsx(FormDescription, { children: description }), hasWarning && _jsx(FormMessageList, { messages: warnings, type: "warning" }), hasError && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+});
+IdAutocomplete.displayName = "IdAutocomplete";
+export { IdAutocomplete };
+//# sourceMappingURL=id-autocomplete.js.map

package/dist/src/scalars/components/fragments/id-autocomplete/id-autocomplete.js.map

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

package/dist/src/scalars/components/fragments/id-autocomplete/index.d.ts

@@ -0,0 +1,3 @@
+export { IdAutocomplete } from "./id-autocomplete.js";
+export type { IdAutocompleteOption, IdAutocompleteProps } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/fragments/id-autocomplete/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/id-autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/scalars/components/fragments/id-autocomplete/index.js

@@ -0,0 +1,2 @@
+export { IdAutocomplete } from "./id-autocomplete.js";
+//# sourceMappingURL=index.js.map