@powerhousedao/document-engineering 1.0.0

package/dist/src/scalars/components/fragments/select-field/content.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable react/jsx-max-depth */
+import { Icon } from "@powerhousedao/design-system";
+import { useCommandState } from "cmdk";
+import { useEffect } from "react";
+import { cn } from "../../../lib/utils.js";
+import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../command/command.js";
+import { CommandItemList } from "./subcomponents/CommandItemList.js";
+export const Content = ({ searchable, commandListRef, multiple, selectedValues, selectionIcon, selectionIconPosition, options = [], toggleAll, toggleOption, favoriteOptions = [], }) => {
+    const enabledOptions = options.filter((opt) => !opt.disabled);
+    const hasAnyIcon = options.some((opt) => opt.icon);
+    const cmdkSearch = useCommandState((state) => state.search);
+    // scroll to top when search change
+    useEffect(() => {
+        commandListRef.current?.scrollTo({ top: 0, behavior: "instant" });
+    }, [commandListRef, cmdkSearch]);
+    return (_jsxs(_Fragment, { children: [searchable && (_jsx(CommandInput, { placeholder: "Search...", onKeyDown: (e) => {
+                    const isOptionsRelatedKey = [
+                        "ArrowUp",
+                        "ArrowDown",
+                        "Enter",
+                    ].includes(e.key);
+                    if (!(isOptionsRelatedKey && enabledOptions.length > 0)) {
+                        e.stopPropagation();
+                    }
+                }, wrapperClassName: "rounded-t", className: "text-gray-900 dark:text-gray-50" })), _jsxs(CommandList, { ref: commandListRef, tabIndex: !searchable ? 0 : undefined, children: [_jsx(CommandEmpty, { className: "p-4 text-center text-[14px] font-normal leading-5 text-gray-700 dark:text-gray-400", children: "No results found." }), multiple && cmdkSearch === "" && (_jsx(CommandGroup, { className: "pb-0", children: _jsx(CommandItem, { value: "select-all", onSelect: toggleAll, disabled: false, className: cn("cursor-pointer", "data-[selected=true]:bg-gray-100 dark:data-[selected=true]:bg-gray-900"), role: "option", "aria-selected": selectedValues.length === enabledOptions.length, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [selectionIcon === "auto" && (_jsx("div", { className: cn("flex size-4 items-center justify-center rounded-md border", "border-gray-700 dark:border-gray-400", selectedValues.length === enabledOptions.length &&
+                                            "bg-gray-900 text-slate-50 dark:bg-gray-400 dark:text-black"), children: selectedValues.length === enabledOptions.length && (_jsx(Icon, { name: "Checkmark", size: 16 })) })), selectionIcon === "checkmark" &&
+                                        !(selectionIconPosition === "right" && hasAnyIcon) && (_jsx("div", { className: "size-4", children: selectionIconPosition === "left" &&
+                                            selectedValues.length === enabledOptions.length && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) })), _jsx("span", { className: "text-[14px] font-semibold leading-4 text-gray-900 dark:text-gray-50", children: selectedValues.length === enabledOptions.length
+                                            ? "Deselect All"
+                                            : "Select All" }), selectionIcon === "checkmark" &&
+                                        selectionIconPosition === "right" && (_jsx("div", { className: "ml-auto size-4", children: selectedValues.length === enabledOptions.length && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) }))] }) }) })), _jsxs(CommandGroup, { className: multiple && cmdkSearch === "" ? "pt-0" : undefined, children: [_jsx(CommandItemList, { options: favoriteOptions, selectedValues: selectedValues, multiple: multiple, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, hasAnyIcon: hasAnyIcon, toggleOption: toggleOption, tabIndex: !searchable ? 0 : undefined }), favoriteOptions.length > 0 && (_jsx("div", { className: "my-1 border-b border-gray-300 dark:border-gray-600" })), _jsx(CommandItemList, { options: options, selectedValues: selectedValues, multiple: multiple, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, hasAnyIcon: hasAnyIcon, toggleOption: toggleOption, tabIndex: !searchable ? 0 : undefined })] })] })] }));
+};
+//# sourceMappingURL=content.js.map

package/dist/src/scalars/components/fragments/select-field/content.js.map

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

package/dist/src/scalars/components/fragments/select-field/index.d.ts

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

package/dist/src/scalars/components/fragments/select-field/index.d.ts.map

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

package/dist/src/scalars/components/fragments/select-field/index.js

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

package/dist/src/scalars/components/fragments/select-field/index.js.map

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

package/dist/src/scalars/components/fragments/select-field/select-field.d.ts

@@ -0,0 +1,19 @@
+import { type SelectProps } from "#scalars";
+import React from "react";
+import { type SelectOption } from "../../enum-field/types.js";
+import type { FieldErrorHandling, InputBaseProps } from "../../types.js";
+type SelectFieldBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<string | string[]> | keyof FieldErrorHandling | keyof SelectProps>;
+export type SelectFieldProps = SelectFieldBaseProps & InputBaseProps<string | string[]> & FieldErrorHandling & {
+    options?: SelectOption[];
+    favoriteOptions?: SelectOption[];
+} & Omit<SelectProps, "options" | "favoriteOptions">;
+export declare const SelectFieldRaw: React.ForwardRefExoticComponent<SelectFieldBaseProps & InputBaseProps<string | string[]> & FieldErrorHandling & {
+    options?: SelectOption[];
+    favoriteOptions?: SelectOption[];
+} & Omit<SelectProps, "options" | "favoriteOptions"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SelectField: React.ForwardRefExoticComponent<SelectFieldBaseProps & InputBaseProps<string | string[]> & FieldErrorHandling & {
+    options?: SelectOption[];
+    favoriteOptions?: SelectOption[];
+} & Omit<SelectProps, "options" | "favoriteOptions"> & React.RefAttributes<unknown>>;
+export {};
+//# sourceMappingURL=select-field.d.ts.map

package/dist/src/scalars/components/fragments/select-field/select-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/select-field/select-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAClB,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AASzE,KAAK,oBAAoB,GAAG,IAAI,CAC9B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,MAAM,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,GACvC,MAAM,kBAAkB,GACxB,MAAM,WAAW,CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,GACjC,kBAAkB,GAAG;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;CAClC,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,iBAAiB,CAAC,CAAC;AAEvD,eAAO,MAAM,cAAc;cAJb,YAAY,EAAE;sBACN,YAAY,EAAE;8FAwLnC,CAAC;AAEF,eAAO,MAAM,WAAW;cA3LV,YAAY,EAAE;sBACN,YAAY,EAAE;oFA2LmB,CAAC"}

package/dist/src/scalars/components/fragments/select-field/select-field.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/jsx-max-depth */
+/* eslint-disable react/jsx-props-no-spreading */
+import { cn, FormDescription, FormGroup, FormLabel, FormMessageList, } from "#scalars";
+import React, { useCallback, useId } from "react";
+import { Button } from "../button/button.js";
+import { Command } from "../command/command.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover/popover.js";
+import { withFieldValidation } from "../with-field-validation/with-field-validation.js";
+import { Content } from "./content.js";
+import { SelectedContent } from "./selected-content.js";
+import { useSelectField } from "./use-select-field.js";
+export const SelectFieldRaw = React.forwardRef(({ 
+// core functionality props
+options = [], favoriteOptions = [], defaultValue, value, onChange, onBlur, 
+// form-related props
+id: propId, name, label, required, disabled, 
+// validation props
+errors = [], warnings = [], 
+// behavior props
+multiple, selectionIcon = "auto", selectionIconPosition = "left", searchable, 
+// display props
+description, placeholder, className, contentClassName, contentAlign = "start", ...props }, ref) => {
+    const prefix = useId();
+    const id = propId ?? `${prefix}-select`;
+    const { selectedValues, isPopoverOpen, commandListRef, toggleOption, handleClear, toggleAll, handleOpenChange, } = useSelectField({
+        options,
+        multiple,
+        defaultValue,
+        value,
+        onChange,
+    });
+    const onTriggerBlur = useCallback((e) => {
+        if (!isPopoverOpen) {
+            // trigger the blur event when the trigger loses focus but the popover is not open,
+            // because when the popover is open, the trigger loses focus but the select as a component still has the focus
+            onBlur?.(e);
+        }
+    }, [onBlur, isPopoverOpen]);
+    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: errors.length > 0, inline: false, onClick: (e) => {
+                    e.preventDefault();
+                    e.target.control?.focus();
+                }, children: label })), _jsxs(Popover, { open: isPopoverOpen, onOpenChange: (open) => {
+                    handleOpenChange(open);
+                    // if the popover is closing and it was not by the trigger button
+                    if (!open && document.activeElement?.id !== id) {
+                        onBlur?.({ target: {} });
+                    }
+                }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { id: id, name: name, type: "button", role: "combobox", onBlur: onTriggerBlur, disabled: disabled, "aria-invalid": errors.length > 0, "aria-label": label ? undefined : multiple ? "Multi select" : "Select", "aria-required": required, "aria-expanded": isPopoverOpen, className: cn("flex h-9 w-full items-center justify-between px-3 py-2", "dark:border-charcoal-700 dark:bg-charcoal-900 rounded-md border border-gray-300 bg-white", "hover:border-gray-300 hover:bg-gray-100", "dark:hover:border-charcoal-700 dark:hover:bg-charcoal-800", "dark:focus:ring-charcoal-300 focus:outline-none focus:ring-1 focus:ring-gray-900 focus:ring-offset-0", "dark:focus-visible:ring-charcoal-300 focus-visible:ring-1 focus-visible:ring-gray-900 focus-visible:ring-offset-0", disabled && [
+                                "!pointer-events-auto cursor-not-allowed bg-gray-50",
+                                "dark:hover:border-charcoal-700 dark:hover:bg-charcoal-900 hover:border-gray-300 hover:bg-gray-50",
+                            ], className), ...props, ref: ref, children: _jsx(SelectedContent, { selectedValues: selectedValues, options: [...favoriteOptions, ...options], multiple: multiple, searchable: searchable, placeholder: placeholder, handleClear: handleClear }) }) }), _jsx(PopoverContent, { align: contentAlign, onEscapeKeyDown: (e) => {
+                            e.preventDefault();
+                            handleOpenChange(false);
+                        }, className: contentClassName, children: _jsx(Command, { defaultValue: !multiple && selectedValues[0]
+                                ? options.find((opt) => opt.value === selectedValues[0])
+                                    ?.label
+                                : undefined, children: _jsx(Content, { favoriteOptions: favoriteOptions, searchable: searchable, commandListRef: commandListRef, multiple: multiple, selectedValues: selectedValues, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, options: options, toggleAll: toggleAll, toggleOption: toggleOption }) }) })] }), description && _jsx(FormDescription, { children: description }), warnings.length > 0 && (_jsx(FormMessageList, { messages: warnings, type: "warning" })), errors.length > 0 && (_jsx(FormMessageList, { messages: errors, type: "error" }))] }));
+});
+export const SelectField = withFieldValidation(SelectFieldRaw);
+SelectField.displayName = "SelectField";
+//# sourceMappingURL=select-field.js.map

package/dist/src/scalars/components/fragments/select-field/select-field.js.map

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

package/dist/src/scalars/components/fragments/select-field/selected-content.d.ts

@@ -0,0 +1,13 @@
+import { type SelectProps } from "#scalars";
+import React from "react";
+interface SelectedContentProps {
+    selectedValues: string[];
+    options: SelectProps["options"];
+    multiple?: boolean;
+    searchable?: boolean;
+    placeholder?: string;
+    handleClear: () => void;
+}
+export declare const SelectedContent: React.FC<SelectedContentProps>;
+export {};
+//# sourceMappingURL=selected-content.d.ts.map

package/dist/src/scalars/components/fragments/select-field/selected-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected-content.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/select-field/selected-content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmH1D,CAAC"}

package/dist/src/scalars/components/fragments/select-field/selected-content.js

@@ -0,0 +1,26 @@
+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";
+export const SelectedContent = ({ selectedValues, options = [], multiple, searchable, placeholder, handleClear, }) => {
+    const renderIcon = (IconComponent) => {
+        if (typeof IconComponent === "string") {
+            return _jsx(Icon, { name: IconComponent, size: 16 });
+        }
+        return IconComponent && _jsx(IconComponent, { className: "size-4" });
+    };
+    if (selectedValues.length === 0) {
+        return (_jsxs("div", { className: cn("mx-auto flex w-full items-center", placeholder ? "justify-between" : "justify-end"), children: [placeholder && (_jsx("span", { className: "text-[14px] font-normal leading-5 text-gray-600 dark:text-gray-500", children: placeholder })), searchable ? (_jsx(Icon, { name: "CaretSort", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" })) : (_jsx(Icon, { name: "ChevronDown", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" }))] }));
+    }
+    return (_jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [_jsx("div", { className: cn("max-w-full truncate text-gray-900 dark:text-gray-50", !multiple && "flex items-center gap-2"), children: selectedValues.map((value, index) => {
+                    const option = options.find((o) => o.value === value);
+                    return !multiple ? (_jsxs(React.Fragment, { children: [renderIcon(option?.icon), _jsx("span", { className: "truncate text-[14px] font-normal leading-5", children: option?.label })] }, value)) : (_jsx("span", { className: cn("text-[14px] font-normal leading-5", index !== selectedValues.length - 1 && "mr-1"), children: index !== selectedValues.length - 1
+                            ? `${option?.label},`
+                            : option?.label }, value));
+                }) }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [multiple && selectedValues.length > 0 && (_jsx("div", { onClick: (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            handleClear();
+                        }, className: "size-4 p-0", children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" }) })), searchable ? (_jsx(Icon, { name: "CaretSort", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" })) : (_jsx(Icon, { name: "ChevronDown", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" }))] })] }));
+};
+//# sourceMappingURL=selected-content.js.map

package/dist/src/scalars/components/fragments/select-field/selected-content.js.map

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

package/dist/src/scalars/components/fragments/select-field/subcomponents/CommandItemList.d.ts

@@ -0,0 +1,15 @@
+import type React from "react";
+import { type SelectProps } from "../../../enum-field/types.js";
+interface FavoriteOptionsProps {
+    options: SelectProps["options"];
+    selectedValues: string[];
+    multiple?: boolean;
+    selectionIcon: "auto" | "checkmark";
+    selectionIconPosition: "left" | "right";
+    hasAnyIcon: boolean;
+    toggleOption: (value: string) => void;
+    tabIndex?: number;
+}
+export declare const CommandItemList: React.FC<FavoriteOptionsProps>;
+export {};
+//# sourceMappingURL=CommandItemList.d.ts.map

package/dist/src/scalars/components/fragments/select-field/subcomponents/CommandItemList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandItemList.d.ts","sourceRoot":"","sources":["../../../../../../../src/scalars/components/fragments/select-field/subcomponents/CommandItemList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGhE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,WAAW,CAAC;IACpC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA0BD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgG1D,CAAC"}

package/dist/src/scalars/components/fragments/select-field/subcomponents/CommandItemList.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { cn } from "#scalars";
+import { CommandItem } from "../../command/command.js";
+const renderIcon = (IconComponent) => {
+    if (typeof IconComponent === "string") {
+        return (_jsx(Icon, { name: IconComponent, size: 16, className: cn("text-gray-700 dark:text-gray-400") }));
+    }
+    return (IconComponent && (_jsx(IconComponent, { className: cn("size-4", "text-gray-700 dark:text-gray-400") })));
+};
+export const CommandItemList = ({ options = [], selectedValues, multiple, selectionIcon, selectionIconPosition, hasAnyIcon, toggleOption, tabIndex, }) => {
+    return (_jsx(_Fragment, { children: options.map((opt) => {
+            const isSelected = selectedValues.includes(opt.value);
+            return (_jsxs(CommandItem, { tabIndex: tabIndex, value: opt.label, onSelect: () => !opt.disabled && toggleOption(opt.value), disabled: opt.disabled, className: cn("cursor-pointer", "data-[selected=true]:bg-gray-100 dark:data-[selected=true]:bg-gray-900", opt.disabled &&
+                    "!pointer-events-auto cursor-not-allowed hover:bg-transparent dark:hover:bg-transparent"), role: "option", "aria-selected": isSelected, children: [selectionIcon === "auto" &&
+                        (multiple ? (_jsx("div", { className: cn("flex size-4 items-center justify-center rounded-md border", "border-gray-700 dark:border-gray-400", isSelected &&
+                                "bg-gray-900 text-slate-50 dark:bg-gray-400 dark:text-black"), children: isSelected && _jsx(Icon, { name: "Checkmark", size: 16 }) })) : (_jsx("div", { className: cn("relative size-4 rounded-full border", isSelected
+                                ? "border-gray-900 dark:border-gray-400"
+                                : "border-gray-800 dark:border-gray-400", "bg-transparent dark:bg-transparent"), children: isSelected && (_jsx("div", { className: "absolute left-1/2 top-1/2 size-2.5 -translate-x-1/2 -translate-y-1/2 rounded-full bg-gray-900 dark:bg-gray-400" })) }))), selectionIcon === "checkmark" &&
+                        !(selectionIconPosition === "right" && hasAnyIcon) && (_jsx("div", { className: "size-4", children: selectionIconPosition === "left" && isSelected && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) })), renderIcon(opt.icon), _jsx("span", { className: cn("flex-1 truncate text-[14px] font-normal leading-4", "text-gray-700 dark:text-gray-500", opt.disabled && "text-gray-600 dark:text-gray-600"), children: opt.label }), selectionIcon === "checkmark" &&
+                        selectionIconPosition === "right" && (_jsx("div", { className: "size-4", children: isSelected && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) }))] }, `favorite-${opt.value}`));
+        }) }));
+};
+//# sourceMappingURL=CommandItemList.js.map

package/dist/src/scalars/components/fragments/select-field/subcomponents/CommandItemList.js.map

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

package/dist/src/scalars/components/fragments/select-field/use-select-field.d.ts

@@ -0,0 +1,19 @@
+import type { SelectProps } from "../../enum-field/types.js";
+interface UseSelectFieldProps {
+    options?: SelectProps["options"];
+    multiple?: boolean;
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+}
+export declare function useSelectField({ options, multiple, defaultValue, value, onChange, }: UseSelectFieldProps): {
+    selectedValues: string[];
+    isPopoverOpen: boolean;
+    commandListRef: import("react").RefObject<HTMLDivElement>;
+    toggleOption: (optionValue: string) => void;
+    handleClear: () => void;
+    toggleAll: () => void;
+    handleOpenChange: (open: boolean) => void;
+};
+export {};
+//# sourceMappingURL=use-select-field.d.ts.map

package/dist/src/scalars/components/fragments/select-field/use-select-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-field.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/select-field/use-select-field.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAY,EACZ,QAAgB,EAChB,YAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB;;;;gCA8BJ,MAAM;;;6BALsB,OAAO;EAyEpD"}

package/dist/src/scalars/components/fragments/select-field/use-select-field.js

@@ -0,0 +1,86 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+export function useSelectField({ options = [], multiple = false, defaultValue, value, onChange, }) {
+    const isInternalChange = useRef(false);
+    const commandListRef = useRef(null);
+    const [isPopoverOpen, setIsPopoverOpen] = useState(false);
+    const [selectedValues, setSelectedValues] = useState(() => {
+        const initialValue = value ?? defaultValue ?? [];
+        if (initialValue === "") {
+            return [];
+        }
+        return Array.isArray(initialValue) ? initialValue : [initialValue];
+    });
+    useEffect(() => {
+        if (isInternalChange.current) {
+            isInternalChange.current = false;
+            return;
+        }
+        const newValue = value ?? defaultValue ?? [];
+        if (newValue === "") {
+            setSelectedValues([]);
+        }
+        else {
+            setSelectedValues(Array.isArray(newValue) ? newValue : [newValue]);
+        }
+    }, [value]);
+    const handleOpenChange = useCallback((open) => {
+        setIsPopoverOpen(open);
+    }, []);
+    const toggleOption = useCallback((optionValue) => {
+        isInternalChange.current = true;
+        let newValues;
+        if (multiple) {
+            newValues = selectedValues.includes(optionValue)
+                ? selectedValues.filter((v) => v !== optionValue)
+                : [...selectedValues, optionValue];
+        }
+        else {
+            newValues = selectedValues[0] === optionValue ? [] : [optionValue];
+            setIsPopoverOpen(false);
+        }
+        setSelectedValues(newValues);
+        onChange?.(multiple ? newValues : (newValues[0] ?? ""));
+    }, [multiple, selectedValues, options, onChange]);
+    const handleClear = useCallback(() => {
+        isInternalChange.current = true;
+        setSelectedValues([]);
+        onChange?.(multiple ? [] : "");
+    }, [multiple, onChange]);
+    const toggleAll = useCallback(() => {
+        isInternalChange.current = true;
+        const enabledOptions = options
+            .filter((opt) => !opt.disabled)
+            .map((opt) => opt.value);
+        const newValues = selectedValues.length === enabledOptions.length ? [] : enabledOptions;
+        setSelectedValues(newValues);
+        onChange?.(multiple ? newValues : newValues[0]);
+    }, [options, selectedValues, multiple, onChange]);
+    // handles changes to the "multiple" prop avoiding calling onChange on mount
+    const prevMultiple = useRef(multiple);
+    useEffect(() => {
+        if (prevMultiple.current === multiple) {
+            return;
+        }
+        prevMultiple.current = multiple;
+        if (!multiple && selectedValues.length > 1) {
+            isInternalChange.current = true;
+            setSelectedValues([selectedValues[0]]);
+            onChange?.(selectedValues[0]);
+            return;
+        }
+        if (selectedValues.length > 0) {
+            isInternalChange.current = true;
+            onChange?.(multiple ? [selectedValues[0]] : selectedValues[0]);
+        }
+    }, [multiple]);
+    return {
+        selectedValues,
+        isPopoverOpen,
+        commandListRef,
+        toggleOption,
+        handleClear,
+        toggleAll,
+        handleOpenChange,
+    };
+}
+//# sourceMappingURL=use-select-field.js.map

package/dist/src/scalars/components/fragments/select-field/use-select-field.js.map

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

package/dist/src/scalars/components/fragments/tabs/tabs.d.ts

@@ -0,0 +1,8 @@
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/src/scalars/components/fragments/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAYZ,CAAC;AAGH,QAAA,MAAM,WAAW,gKAYf,CAAC;AAGH,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/scalars/components/fragments/tabs/tabs.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
+import { cn } from "../../../lib/utils.js";
+const Tabs = TabsPrimitive.Root;
+const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn("bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1", className), ...props })));
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow", className), ...props })));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", className), ...props })));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.js.map

package/dist/src/scalars/components/fragments/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAE3C,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAEhC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,IAAI,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gYAAgY,EAChY,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/scalars/components/fragments/text-field/index.d.ts

@@ -0,0 +1,2 @@
+export { TextField, type TextFieldProps } from "./text-field.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/fragments/text-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/text-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/scalars/components/fragments/text-field/index.js

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

package/dist/src/scalars/components/fragments/text-field/index.js.map

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

package/dist/src/scalars/components/fragments/text-field/text-field.d.ts

@@ -0,0 +1,5 @@
+import { type TextInputProps } from "../../../../ui/components/data-entry/text-input/text-input.js";
+import type { FieldErrorHandling, WithDifference } from "../../types.js";
+export type TextFieldProps = TextInputProps & FieldErrorHandling & WithDifference<string>;
+export declare const TextField: import("react").ForwardRefExoticComponent<TextInputProps & FieldErrorHandling & WithDifference<string> & import("react").RefAttributes<unknown>>;
+//# sourceMappingURL=text-field.d.ts.map

package/dist/src/scalars/components/fragments/text-field/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,+DAA+D,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGzE,MAAM,MAAM,cAAc,GAAG,cAAc,GACzC,kBAAkB,GAClB,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,eAAO,MAAM,SAAS,kJAAiD,CAAC"}

package/dist/src/scalars/components/fragments/text-field/text-field.js

@@ -0,0 +1,5 @@
+import { TextInput, } from "../../../../ui/components/data-entry/text-input/text-input.js";
+import { withFieldValidation } from "../with-field-validation/index.js";
+export const TextField = withFieldValidation(TextInput);
+TextField.displayName = "TextField";
+//# sourceMappingURL=text-field.js.map

package/dist/src/scalars/components/fragments/text-field/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,GAEV,MAAM,+DAA+D,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAMxE,MAAM,CAAC,MAAM,SAAS,GAAG,mBAAmB,CAAiB,SAAS,CAAC,CAAC;AAExE,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/src/scalars/components/fragments/textarea-field/index.d.ts

@@ -0,0 +1,2 @@
+export { TextareaField, type TextareaFieldProps } from "./textarea-field.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/fragments/textarea-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/textarea-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/src/scalars/components/fragments/textarea-field/index.js

@@ -0,0 +1,2 @@
+export { TextareaField } from "./textarea-field.js";
+//# sourceMappingURL=index.js.map

package/dist/src/scalars/components/fragments/textarea-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/textarea-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC"}

package/dist/src/scalars/components/fragments/textarea-field/textarea-field.d.ts

@@ -0,0 +1,6 @@
+import { type TextareaProps } from "../../../../ui/components/data-entry/textarea/textarea.js";
+import { type FieldErrorHandling, type WithDifference } from "../../types.js";
+export type TextareaFieldProps = TextareaProps & FieldErrorHandling & WithDifference<string>;
+declare const TextareaField: import("react").ForwardRefExoticComponent<TextareaProps & FieldErrorHandling & WithDifference<string> & import("react").RefAttributes<unknown>>;
+export { TextareaField };
+//# sourceMappingURL=textarea-field.d.ts.map

package/dist/src/scalars/components/fragments/textarea-field/textarea-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-field.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/textarea-field/textarea-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAG9E,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAC5C,kBAAkB,GAClB,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,QAAA,MAAM,aAAa,iJAAoD,CAAC;AAIxE,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/scalars/components/fragments/textarea-field/textarea-field.js

@@ -0,0 +1,6 @@
+import { Textarea, } from "../../../../ui/components/data-entry/textarea/textarea.js";
+import { withFieldValidation } from "../with-field-validation/with-field-validation.js";
+const TextareaField = withFieldValidation(Textarea);
+TextareaField.displayName = "TextareaField";
+export { TextareaField };
+//# sourceMappingURL=textarea-field.js.map

package/dist/src/scalars/components/fragments/textarea-field/textarea-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-field.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/textarea-field/textarea-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,GAET,MAAM,2DAA2D,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAMxF,MAAM,aAAa,GAAG,mBAAmB,CAAqB,QAAQ,CAAC,CAAC;AAExE,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/scalars/components/fragments/toggle-field/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleField } from "./toggle-field.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/fragments/toggle-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/toggle-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/scalars/components/fragments/toggle-field/index.js

@@ -0,0 +1,2 @@
+export { ToggleField } from "./toggle-field.js";
+//# sourceMappingURL=index.js.map

package/dist/src/scalars/components/fragments/toggle-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/toggle-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/scalars/components/fragments/toggle-field/toggle-field.d.ts

@@ -0,0 +1,4 @@
+import { type ToggleProps } from "../../../../ui/components/data-entry/toggle/toggle.js";
+declare const ToggleField: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<unknown>>;
+export { ToggleField };
+//# sourceMappingURL=toggle-field.d.ts.map

package/dist/src/scalars/components/fragments/toggle-field/toggle-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-field.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/toggle-field/toggle-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,uDAAuD,CAAC;AAG/D,QAAA,MAAM,WAAW,iGAA2C,CAAC;AAI7D,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/scalars/components/fragments/toggle-field/toggle-field.js

@@ -0,0 +1,6 @@
+import { Toggle, } from "../../../../ui/components/data-entry/toggle/toggle.js";
+import { withFieldValidation } from "../with-field-validation/with-field-validation.js";
+const ToggleField = withFieldValidation(Toggle);
+ToggleField.displayName = "ToggleField";
+export { ToggleField };
+//# sourceMappingURL=toggle-field.js.map

package/dist/src/scalars/components/fragments/toggle-field/toggle-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-field.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/toggle-field/toggle-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,GAEP,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAExF,MAAM,WAAW,GAAG,mBAAmB,CAAc,MAAM,CAAC,CAAC;AAE7D,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/scalars/components/fragments/value-transformer/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./value-transformer.js";
+export { default } from "./value-transformer.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/fragments/value-transformer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/value-transformer/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/src/scalars/components/fragments/value-transformer/index.js

@@ -0,0 +1,3 @@
+export * from "./value-transformer.js";
+export { default } from "./value-transformer.js";
+//# sourceMappingURL=index.js.map

package/dist/src/scalars/components/fragments/value-transformer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/value-transformer/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC"}