@uipath/apollo-wind 2.69.0 → 2.71.0

package/dist/components/ui/quick-form-field/utils.cjs

@@ -24,14 +24,12 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    DEFAULT_SELECT_OPTIONS: ()=>DEFAULT_SELECT_OPTIONS,
-    formatDateTimeValue: ()=>formatDateTimeValue,
-    formatDateValue: ()=>formatDateValue,
-    getLockedDisplayValue: ()=>getLockedDisplayValue,
-    parseDateValue: ()=>parseDateValue,
+    toDateOnlyString: ()=>toDateOnlyString,
     parseListValue: ()=>parseListValue,
-    toDateOnlyString: ()=>toDateOnlyString
+    DEFAULT_SELECT_OPTIONS: ()=>DEFAULT_SELECT_OPTIONS,
+    formatDateValue: ()=>formatDateValue
 });
+const date_value_cjs_namespaceObject = require("../../../lib/date-value.cjs");
 const DEFAULT_SELECT_OPTIONS = [
     {
         label: 'Option 1',
@@ -54,17 +52,6 @@ function parseListValue(value) {
         return [];
     }
 }
-const DATE_ONLY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
-function parseDateValue(value) {
-    if (DATE_ONLY_PATTERN.test(value)) {
-        const [year, month, day] = value.split('-').map(Number);
-        const date = new Date(year, month - 1, day);
-        const isValid = !Number.isNaN(date.getTime()) && date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
-        return isValid ? date : void 0;
-    }
-    const date = new Date(value);
-    return Number.isNaN(date.getTime()) ? void 0 : date;
-}
 function toDateOnlyString(date) {
     const year = date.getFullYear();
     const month = String(date.getMonth() + 1).padStart(2, '0');
@@ -72,61 +59,20 @@ function toDateOnlyString(date) {
     return `${year}-${month}-${day}`;
 }
 function formatDateValue(value) {
-    const date = parseDateValue(value);
+    const date = (0, date_value_cjs_namespaceObject.toDateValue)(value);
     return date ? date.toLocaleDateString(void 0, {
         year: 'numeric',
         month: 'long',
         day: 'numeric'
     }) : value;
 }
-function formatDateTimeValue(value) {
-    const date = parseDateValue(value);
-    return date ? date.toLocaleString(void 0, {
-        year: 'numeric',
-        month: 'long',
-        day: 'numeric',
-        hour: 'numeric',
-        minute: '2-digit'
-    }) : value;
-}
-function getLockedDisplayValue(fieldType, value, options, booleanLabels = {
-    trueLabel: 'True',
-    falseLabel: 'False'
-}) {
-    switch(fieldType){
-        case 'boolean':
-            if ('true' === value) return booleanLabels.trueLabel;
-            if ('false' === value) return booleanLabels.falseLabel;
-            return '';
-        case 'date':
-            return value ? formatDateValue(value) : '';
-        case 'datetime':
-            return value ? formatDateTimeValue(value) : '';
-        case 'single-select':
-            return options.find((option)=>option.value === value)?.label ?? value;
-        case 'multi-select':
-            {
-                const parsed = parseListValue(value);
-                if (0 === parsed.length && value && '[]' !== value) return value;
-                return parsed.map((v)=>options.find((option)=>option.value === v)?.label ?? v).join(', ');
-            }
-        default:
-            return value;
-    }
-}
 exports.DEFAULT_SELECT_OPTIONS = __webpack_exports__.DEFAULT_SELECT_OPTIONS;
-exports.formatDateTimeValue = __webpack_exports__.formatDateTimeValue;
 exports.formatDateValue = __webpack_exports__.formatDateValue;
-exports.getLockedDisplayValue = __webpack_exports__.getLockedDisplayValue;
-exports.parseDateValue = __webpack_exports__.parseDateValue;
 exports.parseListValue = __webpack_exports__.parseListValue;
 exports.toDateOnlyString = __webpack_exports__.toDateOnlyString;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "DEFAULT_SELECT_OPTIONS",
-    "formatDateTimeValue",
     "formatDateValue",
-    "getLockedDisplayValue",
-    "parseDateValue",
     "parseListValue",
     "toDateOnlyString"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];

package/dist/components/ui/quick-form-field/utils.d.ts

@@ -1,29 +1,7 @@
-import type { QuickFieldType, QuickFormFieldOption } from './types';
+import type { QuickFormFieldOption } from './types';
 export declare const DEFAULT_SELECT_OPTIONS: QuickFormFieldOption[];
 export declare function parseListValue(value: string): string[];
-/**
- * Parses a date field's stored value, returning undefined for empty or invalid input.
- *
- * Date-only strings (`YYYY-MM-DD`) are parsed as a local date instead of going through
- * `new Date(string)` directly -- the latter treats date-only strings as UTC midnight,
- * which rolls over to the previous day once formatted in a negative-UTC-offset
- * timezone. Full ISO timestamps (which already carry explicit time/zone info) go
- * through `new Date` as-is.
- */
-export declare function parseDateValue(value: string): Date | undefined;
-/** Formats a Date as a local `YYYY-MM-DD` string, the inverse of parseDateValue's date-only path. */
+/** Formats a Date as a local `YYYY-MM-DD` string, which `toDateValue` reads back as a local date. */
 export declare function toDateOnlyString(date: Date): string;
 /** Formats a date field's value for display, falling back to the raw value if it isn't a valid date. */
 export declare function formatDateValue(value: string): string;
-/** Formats a datetime field's value, falling back to the raw value when unparseable. */
-export declare function formatDateTimeValue(value: string): string;
-/**
- * Computes the plain-text shown in place of the real control once a field is locked.
- * Boolean/single-select/multi-select resolve their stored value to a display label;
- * everything else (including an invalid date, so the component never throws on
- * external input) falls back to the raw value.
- */
-export declare function getLockedDisplayValue(fieldType: QuickFieldType, value: string, options: QuickFormFieldOption[], booleanLabels?: {
-    trueLabel: string;
-    falseLabel: string;
-}): string;

package/dist/components/ui/quick-form-field/utils.js

@@ -1,3 +1,4 @@
+import { toDateValue } from "../../../lib/date-value.js";
 const DEFAULT_SELECT_OPTIONS = [
     {
         label: 'Option 1',
@@ -20,17 +21,6 @@ function parseListValue(value) {
         return [];
     }
 }
-const DATE_ONLY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
-function parseDateValue(value) {
-    if (DATE_ONLY_PATTERN.test(value)) {
-        const [year, month, day] = value.split('-').map(Number);
-        const date = new Date(year, month - 1, day);
-        const isValid = !Number.isNaN(date.getTime()) && date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
-        return isValid ? date : void 0;
-    }
-    const date = new Date(value);
-    return Number.isNaN(date.getTime()) ? void 0 : date;
-}
 function toDateOnlyString(date) {
     const year = date.getFullYear();
     const month = String(date.getMonth() + 1).padStart(2, '0');
@@ -38,46 +28,11 @@ function toDateOnlyString(date) {
     return `${year}-${month}-${day}`;
 }
 function formatDateValue(value) {
-    const date = parseDateValue(value);
+    const date = toDateValue(value);
     return date ? date.toLocaleDateString(void 0, {
         year: 'numeric',
         month: 'long',
         day: 'numeric'
     }) : value;
 }
-function formatDateTimeValue(value) {
-    const date = parseDateValue(value);
-    return date ? date.toLocaleString(void 0, {
-        year: 'numeric',
-        month: 'long',
-        day: 'numeric',
-        hour: 'numeric',
-        minute: '2-digit'
-    }) : value;
-}
-function getLockedDisplayValue(fieldType, value, options, booleanLabels = {
-    trueLabel: 'True',
-    falseLabel: 'False'
-}) {
-    switch(fieldType){
-        case 'boolean':
-            if ('true' === value) return booleanLabels.trueLabel;
-            if ('false' === value) return booleanLabels.falseLabel;
-            return '';
-        case 'date':
-            return value ? formatDateValue(value) : '';
-        case 'datetime':
-            return value ? formatDateTimeValue(value) : '';
-        case 'single-select':
-            return options.find((option)=>option.value === value)?.label ?? value;
-        case 'multi-select':
-            {
-                const parsed = parseListValue(value);
-                if (0 === parsed.length && value && '[]' !== value) return value;
-                return parsed.map((v)=>options.find((option)=>option.value === v)?.label ?? v).join(', ');
-            }
-        default:
-            return value;
-    }
-}
-export { DEFAULT_SELECT_OPTIONS, formatDateTimeValue, formatDateValue, getLockedDisplayValue, parseDateValue, parseListValue, toDateOnlyString };
+export { DEFAULT_SELECT_OPTIONS, formatDateValue, parseListValue, toDateOnlyString };

package/dist/components/ui/sources.cjs

@@ -0,0 +1,175 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    SourcesList: ()=>SourcesList,
+    DEFAULT_SOURCES_STRINGS: ()=>DEFAULT_SOURCES_STRINGS,
+    SourceItem: ()=>SourceItem,
+    Sources: ()=>Sources
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const external_collapsible_cjs_namespaceObject = require("./collapsible.cjs");
+const DEFAULT_SOURCES_STRINGS = {
+    sourceCount: (count)=>1 === count ? '1 source' : `${count} sources`,
+    opensInNewTab: '(opens in a new tab)'
+};
+const SourcesStringsContext = /*#__PURE__*/ external_react_namespaceObject.createContext(DEFAULT_SOURCES_STRINGS);
+const Sources = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, count, strings, children, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_SOURCES_STRINGS,
+        ...strings
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SourcesStringsContext.Provider, {
+        value: text,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_collapsible_cjs_namespaceObject.Collapsible, {
+            ref: ref,
+            "data-slot": "sources",
+            className: (0, index_cjs_namespaceObject.cn)('group/sources flex w-full min-w-0 flex-col gap-2', className),
+            ...props,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_collapsible_cjs_namespaceObject.CollapsibleTrigger, {
+                    "data-slot": "sources-trigger",
+                    className: "inline-flex h-7 w-fit cursor-pointer items-center gap-1.5 rounded-lg border border-border-subtle px-2.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-surface-overlay hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5 [&_svg]:shrink-0",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Link2, {
+                            "aria-hidden": "true"
+                        }),
+                        text.sourceCount(count),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                            "aria-hidden": "true",
+                            className: "transition-transform group-data-[state=open]/sources:rotate-180"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_collapsible_cjs_namespaceObject.CollapsibleContent, {
+                    "data-slot": "sources-content",
+                    className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+                    children: children
+                })
+            ]
+        })
+    });
+});
+Sources.displayName = 'Sources';
+const SourcesList = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", {
+        ref: ref,
+        "data-slot": "sources-list",
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-0.5 rounded-xl border border-border-subtle bg-card p-1', className),
+        ...props
+    }));
+SourcesList.displayName = 'SourcesList';
+const SourceItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, index, title, source, snippet, href, icon, onSelect, onClick, target = '_blank', rel, ...props }, ref)=>{
+    const text = external_react_namespaceObject.useContext(SourcesStringsContext);
+    const linkHref = (0, index_cjs_namespaceObject.safeHref)(href);
+    const handleClick = (event)=>{
+        onClick?.(event);
+        if (!event.defaultPrevented) onSelect?.({
+            index,
+            title,
+            source,
+            snippet,
+            href: linkHref
+        }, event);
+    };
+    const itemClassName = (0, index_cjs_namespaceObject.cn)('flex w-full min-w-0 cursor-pointer items-start gap-2.5 rounded-lg px-2 py-1.5 text-left text-sm transition-colors hover:bg-surface-overlay focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', className);
+    const newTab = '_blank' === target;
+    const body = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                "data-slot": "source-index",
+                className: "mt-0.5 flex h-4.5 min-w-4.5 shrink-0 items-center justify-center rounded-full bg-muted px-1 text-[11px] font-medium leading-none text-muted-foreground tabular-nums",
+                children: index
+            }),
+            icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                "data-slot": "source-icon",
+                className: "mt-0.5 flex size-4 shrink-0 items-center justify-center text-muted-foreground [&_img]:size-4 [&_img]:rounded-sm [&_svg]:size-4",
+                children: icon
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                className: "flex min-w-0 flex-1 flex-col gap-0.5",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        "data-slot": "source-title",
+                        className: "truncate font-medium text-foreground",
+                        children: title
+                    }),
+                    source && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        "data-slot": "source-source",
+                        className: "truncate text-xs text-muted-foreground",
+                        children: source
+                    }),
+                    snippet && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        "data-slot": "source-snippet",
+                        className: "line-clamp-2 text-xs leading-relaxed text-muted-foreground",
+                        children: snippet
+                    })
+                ]
+            }),
+            linkHref && newTab && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "sr-only",
+                children: text.opensInNewTab
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        "data-slot": "source-item",
+        className: "min-w-0",
+        children: linkHref ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+            ref: ref,
+            href: linkHref,
+            target: target,
+            rel: rel ?? (newTab ? 'noopener noreferrer' : void 0),
+            className: itemClassName,
+            onClick: handleClick,
+            ...props,
+            children: body
+        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+            ref: ref,
+            type: "button",
+            className: itemClassName,
+            onClick: handleClick,
+            ...props,
+            children: body
+        })
+    });
+});
+SourceItem.displayName = 'SourceItem';
+exports.DEFAULT_SOURCES_STRINGS = __webpack_exports__.DEFAULT_SOURCES_STRINGS;
+exports.SourceItem = __webpack_exports__.SourceItem;
+exports.Sources = __webpack_exports__.Sources;
+exports.SourcesList = __webpack_exports__.SourcesList;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_SOURCES_STRINGS",
+    "SourceItem",
+    "Sources",
+    "SourcesList"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/sources.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { Collapsible } from './collapsible';
+/**
+ * The list of sources behind an assistant answer, collapsed behind a count. `Sources` owns the
+ * trigger; put a `SourcesList` of `SourceItem`s inside. Items do not navigate on their own unless
+ * given `href`; `onSelect` receives the item and the event, so a host can run its `citation-click`
+ * pre-hook and call `event.preventDefault()` to stop a link. The payload drops an `href` that is
+ * not http(s), mailto, tel or relative, so it is safe to open.
+ */
+export interface SourcesStrings {
+    /** Trigger text. A function so a host can apply its own plural rules. */
+    sourceCount: (count: number) => string;
+    /** Screen reader hint on links that open a new tab. */
+    opensInNewTab: string;
+}
+export declare const DEFAULT_SOURCES_STRINGS: SourcesStrings;
+export interface SourcesProps extends React.ComponentPropsWithoutRef<typeof Collapsible> {
+    /** Number of sources, shown in the trigger. */
+    count: number;
+    /** Overrides for any subset of the English strings. Also read by the `SourceItem`s inside. */
+    strings?: Partial<SourcesStrings>;
+}
+declare const Sources: React.ForwardRefExoticComponent<SourcesProps & React.RefAttributes<HTMLDivElement>>;
+declare const SourcesList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLOListElement> & React.RefAttributes<HTMLOListElement>>;
+export interface SourceData {
+    index: number | string;
+    title: string;
+    source?: string;
+    snippet?: string;
+    href?: string;
+}
+type SourceItemElementProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, 'onSelect' | 'title' | 'type'>;
+export interface SourceItemProps extends SourceItemElementProps, SourceData {
+    /** Leading icon, such as a favicon or file type. */
+    icon?: React.ReactNode;
+    onSelect?: (source: SourceData, event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+}
+/**
+ * One source. A link when `href` is set and uses a safe protocol (new tab by default), otherwise a
+ * button for `onSelect`.
+ * The ref and extra props go to that link or button, not the wrapping `li`.
+ */
+declare const SourceItem: React.ForwardRefExoticComponent<SourceItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export { Sources, SourcesList, SourceItem };

package/dist/components/ui/sources.js

@@ -0,0 +1,132 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, Link2 } from "lucide-react";
+import { createContext, forwardRef, useContext } from "react";
+import { cn, safeHref } from "../../lib/index.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
+const DEFAULT_SOURCES_STRINGS = {
+    sourceCount: (count)=>1 === count ? '1 source' : `${count} sources`,
+    opensInNewTab: '(opens in a new tab)'
+};
+const SourcesStringsContext = /*#__PURE__*/ createContext(DEFAULT_SOURCES_STRINGS);
+const Sources = /*#__PURE__*/ forwardRef(({ className, count, strings, children, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_SOURCES_STRINGS,
+        ...strings
+    };
+    return /*#__PURE__*/ jsx(SourcesStringsContext.Provider, {
+        value: text,
+        children: /*#__PURE__*/ jsxs(Collapsible, {
+            ref: ref,
+            "data-slot": "sources",
+            className: cn('group/sources flex w-full min-w-0 flex-col gap-2', className),
+            ...props,
+            children: [
+                /*#__PURE__*/ jsxs(CollapsibleTrigger, {
+                    "data-slot": "sources-trigger",
+                    className: "inline-flex h-7 w-fit cursor-pointer items-center gap-1.5 rounded-lg border border-border-subtle px-2.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-surface-overlay hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-3.5 [&_svg]:shrink-0",
+                    children: [
+                        /*#__PURE__*/ jsx(Link2, {
+                            "aria-hidden": "true"
+                        }),
+                        text.sourceCount(count),
+                        /*#__PURE__*/ jsx(ChevronDown, {
+                            "aria-hidden": "true",
+                            className: "transition-transform group-data-[state=open]/sources:rotate-180"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(CollapsibleContent, {
+                    "data-slot": "sources-content",
+                    className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+                    children: children
+                })
+            ]
+        })
+    });
+});
+Sources.displayName = 'Sources';
+const SourcesList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ol", {
+        ref: ref,
+        "data-slot": "sources-list",
+        className: cn('flex flex-col gap-0.5 rounded-xl border border-border-subtle bg-card p-1', className),
+        ...props
+    }));
+SourcesList.displayName = 'SourcesList';
+const SourceItem = /*#__PURE__*/ forwardRef(({ className, index, title, source, snippet, href, icon, onSelect, onClick, target = '_blank', rel, ...props }, ref)=>{
+    const text = useContext(SourcesStringsContext);
+    const linkHref = safeHref(href);
+    const handleClick = (event)=>{
+        onClick?.(event);
+        if (!event.defaultPrevented) onSelect?.({
+            index,
+            title,
+            source,
+            snippet,
+            href: linkHref
+        }, event);
+    };
+    const itemClassName = cn('flex w-full min-w-0 cursor-pointer items-start gap-2.5 rounded-lg px-2 py-1.5 text-left text-sm transition-colors hover:bg-surface-overlay focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', className);
+    const newTab = '_blank' === target;
+    const body = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                "data-slot": "source-index",
+                className: "mt-0.5 flex h-4.5 min-w-4.5 shrink-0 items-center justify-center rounded-full bg-muted px-1 text-[11px] font-medium leading-none text-muted-foreground tabular-nums",
+                children: index
+            }),
+            icon && /*#__PURE__*/ jsx("span", {
+                "data-slot": "source-icon",
+                className: "mt-0.5 flex size-4 shrink-0 items-center justify-center text-muted-foreground [&_img]:size-4 [&_img]:rounded-sm [&_svg]:size-4",
+                children: icon
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                className: "flex min-w-0 flex-1 flex-col gap-0.5",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        "data-slot": "source-title",
+                        className: "truncate font-medium text-foreground",
+                        children: title
+                    }),
+                    source && /*#__PURE__*/ jsx("span", {
+                        "data-slot": "source-source",
+                        className: "truncate text-xs text-muted-foreground",
+                        children: source
+                    }),
+                    snippet && /*#__PURE__*/ jsx("span", {
+                        "data-slot": "source-snippet",
+                        className: "line-clamp-2 text-xs leading-relaxed text-muted-foreground",
+                        children: snippet
+                    })
+                ]
+            }),
+            linkHref && newTab && /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: text.opensInNewTab
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsx("li", {
+        "data-slot": "source-item",
+        className: "min-w-0",
+        children: linkHref ? /*#__PURE__*/ jsx("a", {
+            ref: ref,
+            href: linkHref,
+            target: target,
+            rel: rel ?? (newTab ? 'noopener noreferrer' : void 0),
+            className: itemClassName,
+            onClick: handleClick,
+            ...props,
+            children: body
+        }) : /*#__PURE__*/ jsx("button", {
+            ref: ref,
+            type: "button",
+            className: itemClassName,
+            onClick: handleClick,
+            ...props,
+            children: body
+        })
+    });
+});
+SourceItem.displayName = 'SourceItem';
+export { DEFAULT_SOURCES_STRINGS, SourceItem, Sources, SourcesList };