@osdk/react-components 0.18.0 → 0.18.1-main-56c2c9fdaf97899b89e2dfd18c578bbc6d2de4de

package/docs/FilterList.md

@@ -28,17 +28,21 @@ import { FilterList } from "@osdk/react-components/experimental/filter-list";
 
 ## Basic Usage
 
+:::note About `@my/osdk` and `./client`
+`@my/osdk` is a placeholder for **your generated SDK package** (e.g. `@your-app/sdk`). `./client` is the file in your app where you exported the OSDK client returned by `createClient(...)`. Replace both with the actual paths in your project.
+:::
+
 The simplest way to use FilterList is with an objectSet and a few filter definitions:
 
 ```typescript
+import { Employee } from "@my/osdk";
 import { FilterList } from "@osdk/react-components/experimental/filter-list";
-import { Employee } from "@YourApp/sdk";
-import { $ } from "@YourApp/sdk";
+import client from "./client";
 
 function EmployeeFilters() {
   return (
     <FilterList
-      objectSet={$(Employee)}
+      objectSet={client(Employee)}
       filterDefinitions={[
         {
           type: "PROPERTY",
@@ -156,18 +160,18 @@ When using `type: "PROPERTY"` or `type: "LINKED_PROPERTY"`, specify a `filterCom
 Use controlled `filterClause` to connect FilterList and ObjectTable:
 
 ```typescript
+import { Employee } from "@my/osdk";
 import type { WhereClause } from "@osdk/api";
 import { FilterList } from "@osdk/react-components/experimental/filter-list";
 import { ObjectTable } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
-import { $ } from "@YourApp/sdk";
 import { useMemo, useState } from "react";
+import client from "./client";
 
 function EmployeeDashboard() {
   const [filterClause, setFilterClause] = useState<
     WhereClause<typeof Employee>
   >({});
-  const objectSet = useMemo(() => $(Employee), []);
+  const objectSet = useMemo(() => client(Employee), []);
 
   return (
     <div style={{ display: "flex", gap: 16, height: 600 }}>
@@ -242,7 +246,7 @@ const filterDefinitions = [
 ];
 
 <FilterList
-  objectSet={$(Employee)}
+  objectSet={client(Employee)}
   filterDefinitions={filterDefinitions}
   addFilterMode="uncontrolled"
   showResetButton={true}
@@ -263,7 +267,7 @@ const handleFilterRemoved = (filterKey) => {
 };
 
 <FilterList
-  objectSet={$(Employee)}
+  objectSet={client(Employee)}
   filterDefinitions={definitions}
   addFilterMode="controlled"
   onFilterRemoved={handleFilterRemoved}
@@ -276,14 +280,14 @@ const handleFilterRemoved = (filterKey) => {
 Pass a `.where()` objectSet to scope filter dropdown values. For example, to only show Engineering employees:
 
 ```typescript
+import { Employee } from "@my/osdk";
 import { FilterList } from "@osdk/react-components/experimental/filter-list";
-import { Employee } from "@YourApp/sdk";
-import { $ } from "@YourApp/sdk";
 import { useMemo } from "react";
+import client from "./client";
 
 function EngineeringFilters() {
   const engineeringSet = useMemo(
-    () => $(Employee).where({ department: "Engineering" }),
+    () => client(Employee).where({ department: "Engineering" }),
     [],
   );
 
@@ -316,7 +320,10 @@ const filterDefinitions = [
   { type: "PROPERTY", key: "locationCity", filterComponent: "LISTOGRAM" },
 ];
 
-<FilterList objectSet={$(Employee)} filterDefinitions={filterDefinitions} />;
+<FilterList
+  objectSet={client(Employee)}
+  filterDefinitions={filterDefinitions}
+/>;
 ```
 
 ### Custom Listogram Colors
@@ -325,7 +332,7 @@ Assign colors to specific values in a listogram:
 
 ```typescript
 <FilterList
-  objectSet={$(Employee)}
+  objectSet={client(Employee)}
   filterDefinitions={[
     {
       type: "PROPERTY",
@@ -353,7 +360,7 @@ const USER_NAMES: Record<string, string> = {
 };
 
 <FilterList
-  objectSet={$(Task)}
+  objectSet={client(Task)}
   filterDefinitions={[
     {
       type: "PROPERTY",
@@ -379,7 +386,7 @@ Control how much detail each listogram row shows:
 // "minimal": checkbox + label only
 
 <FilterList
-  objectSet={$(Employee)}
+  objectSet={client(Employee)}
   filterDefinitions={[
     {
       type: "PROPERTY",
@@ -397,7 +404,7 @@ By default, LISTOGRAM filters show at most 5 items with a "View all" link. Overr
 
 ```typescript
 <FilterList
-  objectSet={$(Employee)}
+  objectSet={client(Employee)}
   filterDefinitions={[
     {
       type: "PROPERTY",
@@ -421,7 +428,7 @@ function CollapsibleFilters() {
 
   return (
     <FilterList
-      objectSet={$(Employee)}
+      objectSet={client(Employee)}
       title="Filters"
       collapsed={collapsed}
       onCollapsedChange={setCollapsed}
@@ -440,7 +447,7 @@ Enable reordering of filters via drag and drop:
 
 ```typescript
 <FilterList
-  objectSet={$(Employee)}
+  objectSet={client(Employee)}
   filterDefinitions={filterDefinitions}
   enableSorting={true}
 />;
@@ -454,7 +461,7 @@ LISTOGRAM and TEXT_TAGS filters support an exclude/include toggle. Hover a filte
 // Exclude mode is built into LISTOGRAM filters automatically.
 // Users access it via the overflow menu (three dots) on each filter item.
 <FilterList
-  objectSet={$(Employee)}
+  objectSet={client(Employee)}
   filterDefinitions={[
     {
       type: "PROPERTY",
@@ -487,7 +494,7 @@ Use the `className` prop for scoped styling:
 
 ```typescript
 <FilterList
-  objectSet={$(Employee)}
+  objectSet={client(Employee)}
   className="my-custom-filters"
   filterDefinitions={[...]}
 />
@@ -499,6 +506,6 @@ For a full reference of CSS tokens, see the [CSS Variables documentation](./CSSV
 
 - **Memoize filterDefinitions** -- define the array outside the component or wrap in `useMemo` to avoid unnecessary re-renders
 - **Use controlled mode for persistence** -- provide `filterClause` and `onFilterClauseChanged` to persist filter state across navigation
-- **Use objectSet constraints to scope filter values** -- pass a prefiltered objectSet (e.g. `$(Employee).where(...)`) so filter dropdowns only show relevant values
+- **Use objectSet constraints to scope filter values** -- pass a prefiltered objectSet (e.g. `client(Employee).where(...)`) so filter dropdowns only show relevant values
 - **Keep filter lists focused** -- show 3-8 filters; too many filters overwhelm users
 - **Use `addFilterMode="uncontrolled"` for progressive disclosure** -- start with a few visible filters and let users add more as needed

package/docs/ObjectTable.md

@@ -34,13 +34,17 @@ import type {
 
 ## Basic Usage
 
+:::note About `@my/osdk`
+`@my/osdk` is a placeholder for **your generated SDK package** (e.g. `@your-app/sdk`). Replace it with the actual package name in your project.
+:::
+
 ### Minimal Example
 
 The simplest way to use ObjectTable is with just an object type:
 
 ```typescript
+import { Office } from "@my/osdk";
 import { ObjectTable } from "@osdk/react-components/experimental/object-table";
-import { Office } from "@YourApp/sdk";
 
 function OfficesPage() {
   return (
@@ -311,11 +315,11 @@ Displays header and cell with the provided custom renderers.
 ### Example 1: Basic Table with Custom Column Definitions
 
 ```typescript
+import { Employee } from "@my/osdk";
 import {
   type ColumnDefinition,
   ObjectTable,
 } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 
 const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
   {
@@ -348,8 +352,8 @@ function EmployeesTable() {
 ### Example 2: Table with Multiple Selection
 
 ```typescript
+import { Employee } from "@my/osdk";
 import { ObjectTable } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 
 function EmployeesTable() {
   return (
@@ -364,8 +368,8 @@ function EmployeesTable() {
 ### Example 3: Table with Default Sorting
 
 ```typescript
+import { Employee } from "@my/osdk";
 import { ObjectTable } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 
 function EmployeesTable() {
   return (
@@ -383,11 +387,11 @@ function EmployeesTable() {
 ### Example 4: Custom Cell Rendering
 
 ```typescript
+import { Employee } from "@my/osdk";
 import {
   type ColumnDefinition,
   ObjectTable,
 } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 
 const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
   {
@@ -420,11 +424,11 @@ function EmployeesTable() {
 ### Example 5: Custom Header Rendering
 
 ```typescript
+import { Employee } from "@my/osdk";
 import {
   type ColumnDefinition,
   ObjectTable,
 } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 
 const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
   {
@@ -470,8 +474,8 @@ const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
 ### Example 7: Context Menu on Cell Right-Click
 
 ```typescript
+import { Employee } from "@my/osdk";
 import { ObjectTable } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 
 function EmployeesTable() {
   const renderCellContextMenu = (employee: Employee, cellValue: unknown) => (
@@ -507,8 +511,8 @@ function EmployeesTable() {
 ### Example 8: Row Click Handler
 
 ```typescript
+import { Employee } from "@my/osdk";
 import { ObjectTable } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 import { useRouter } from "next/router";
 
 function EmployeesTable() {
@@ -532,12 +536,12 @@ function EmployeesTable() {
 You can filter by object properties and derived properties by including them in the `WhereClause`:
 
 ```typescript
+import { Employee } from "@my/osdk";
 import { DerivedProperty } from "@osdk/client";
 import {
   type ColumnDefinition,
   ObjectTable,
 } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 
 type RDPs = {
   managerName: string | undefined;
@@ -580,8 +584,8 @@ function EmployeesWithManagerTable() {
 ### Example 10: Controlled Sorting
 
 ```typescript
+import { Employee } from "@my/osdk";
 import { ObjectTable } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 import { useState } from "react";
 
 function EmployeesTable() {
@@ -607,8 +611,8 @@ function EmployeesTable() {
 ### Example 11: Controlled Row Selection
 
 ```typescript
+import { Employee } from "@my/osdk";
 import { ObjectTable } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 import { useState } from "react";
 
 function EmployeesTable() {
@@ -704,11 +708,11 @@ The legacy `onRowSelection(selectedRowIds, isSelectAll?)` callback is deprecated
 In a custom column type, you can render anything in the column by passing in renderHeader and renderCell props.
 
 ```typescript
+import { Employee } from "@my/osdk";
 import {
   type ColumnDefinition,
   ObjectTable,
 } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 
 const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
   {
@@ -743,13 +747,13 @@ function EmployeesTable() {
 Enable inline editing with validation, dropdown selectors, and bulk submission:
 
 ```typescript
+import { Employee, updateMultipleEmployees } from "@my/osdk";
 import { useOsdkAction } from "@osdk/react";
 import {
   type CellEditInfo,
   type ColumnDefinition,
   ObjectTable,
 } from "@osdk/react-components/experimental/object-table";
-import { Employee, updateMultipleEmployees } from "@YourApp/sdk";
 
 const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
   {
@@ -885,11 +889,11 @@ function EditableEmployeesTable() {
 Pass a function to `editable` to gate editing per row, and a `getFieldComponentProps` function to compute editor props from the row's data:
 
 ```typescript
+import { Employee } from "@my/osdk";
 import {
   type ColumnDefinition,
   ObjectTable,
 } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 
 const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
   {
@@ -916,12 +920,12 @@ const columnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
 Use the `ColumnConfigDialog` component to create a custom column configuration experience:
 
 ```typescript
+import { Employee } from "@my/osdk";
 import {
   ColumnConfigDialog,
   type ColumnDefinition,
   ObjectTable,
 } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 import { useCallback, useMemo, useState } from "react";
 
 const initialColumnDefinitions: Array<ColumnDefinition<typeof Employee>> = [
@@ -1045,11 +1049,11 @@ This example demonstrates:
 Display values computed by OSDK functions (queries) alongside regular property columns. Function columns automatically handle loading states, caching, and deduplication.
 
 ```typescript
+import { Employee, getEmployeeMetrics } from "@my/osdk";
 import {
   type ColumnDefinition,
   ObjectTable,
 } from "@osdk/react-components/experimental/object-table";
-import { Employee, getEmployeeMetrics } from "@YourApp/sdk";
 
 // Define a type map for your function columns
 type EmployeeFunctionColumns = {
@@ -1220,9 +1224,9 @@ Adjust row height for better readability:
 Use `getRowAttributes` to apply custom HTML attributes (typically `data-*` attributes) to each `<tr>` element. This is the recommended pattern for conditional row styling — for example, changing a row's background color based on the underlying object's state.
 
 ```tsx
+import { Employee } from "@my/osdk";
 import type { Osdk } from "@osdk/api";
 import { ObjectTable } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 import { useCallback } from "react";
 
 function EmployeesTable() {
@@ -1292,11 +1296,11 @@ The ObjectTable automatically implements infinite scroll pagination, with page s
 Use TypeScript generics to ensure type safety:
 
 ```typescript
+import { Employee } from "@my/osdk";
 import {
   type ColumnDefinition,
   ObjectTable,
 } from "@osdk/react-components/experimental/object-table";
-import { Employee } from "@YourApp/sdk";
 
 type RDPs = {
   managerName: string | undefined;
@@ -1319,8 +1323,8 @@ const columnDefinitions: Array<ColumnDefinition<typeof Employee, RDPs>> = [
 Let TypeScript infer types from your OSDK object type:
 
 ```typescript
+import { Employee } from "@my/osdk";
 import type { PropertyKeys } from "@osdk/client";
-import { Employee } from "@YourApp/sdk";
 
 // PropertyKeys gives you all valid property names
 type EmployeeProps = PropertyKeys<typeof Employee>;

package/docs/Prerequisites.md

@@ -8,11 +8,29 @@ Setup required before using `@osdk/react-components` or `@osdk/cbac-components`.
 
 ## Install dependencies
 
+:::tip If your tooling already installs dependencies, skip this step.
+:::
+
+Use whichever package manager your project uses (`# if using CBAC components` lines are optional):
+
 ```bash
+# npm
 npm install @osdk/api@beta @osdk/client@beta @osdk/react@beta
 npm install @osdk/react-components
 npm install @osdk/cbac-components # if using CBAC components
 npm install react react-dom classnames
+
+# pnpm
+pnpm add @osdk/api@beta @osdk/client@beta @osdk/react@beta
+pnpm add @osdk/react-components
+pnpm add @osdk/cbac-components # if using CBAC components
+pnpm add react react-dom classnames
+
+# yarn
+yarn add @osdk/api@beta @osdk/client@beta @osdk/react@beta
+yarn add @osdk/react-components
+yarn add @osdk/cbac-components # if using CBAC components
+yarn add react react-dom classnames
 ```
 
 ## Configure the OSDK client
@@ -25,7 +43,7 @@ import { OsdkProvider } from "@osdk/react";
 
 const client = createClient(
   "https://your-stack.palantirfoundry.com",
-  "ri.ontology.main.ontology.00000000-0000-0000-0000-000000000000",
+  "ri.ontology.main.ontology.{UUID}",
   async () => {
     // return your auth token
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osdk/react-components",
-  "version": "0.18.0",
+  "version": "0.18.1-main-56c2c9fdaf97899b89e2dfd18c578bbc6d2de4de",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -211,11 +211,11 @@
     "react-dom": "^18.3.1",
     "typescript": "~5.5.4",
     "@osdk/aip-core": "0.4.0",
-    "@osdk/client": "2.22.0",
     "@osdk/api": "2.22.0",
+    "@osdk/client": "2.22.0",
     "@osdk/monorepo.api-extractor": "~0.7.0",
-    "@osdk/react": "2.22.0",
-    "@osdk/monorepo.tsconfig": "~0.7.0"
+    "@osdk/monorepo.tsconfig": "~0.7.0",
+    "@osdk/react": "2.22.0"
   },
   "publishConfig": {
     "access": "public"

package/build/cjs/chunk-4WN66RSZ.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var chunkPKJFOG2Z_cjs = require('./chunk-PKJFOG2Z.cjs');
-var chunkGU5FOAQH_cjs = require('./chunk-GU5FOAQH.cjs');
-
-// src/public/experimental/email-viewer.ts
-var EmailViewer2 = chunkGU5FOAQH_cjs.withOsdkMetrics(chunkPKJFOG2Z_cjs.EmailViewer, "EmailViewer");
-
-exports.EmailViewer = EmailViewer2;
-//# sourceMappingURL=chunk-4WN66RSZ.cjs.map
-//# sourceMappingURL=chunk-4WN66RSZ.cjs.map

package/build/cjs/chunk-5BNDEXWF.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var chunk4VJIPB7R_cjs = require('./chunk-4VJIPB7R.cjs');
-var chunkGU5FOAQH_cjs = require('./chunk-GU5FOAQH.cjs');
-
-// src/public/experimental/excel-viewer.ts
-var ExcelViewer2 = chunkGU5FOAQH_cjs.withOsdkMetrics(chunk4VJIPB7R_cjs.ExcelViewer, "ExcelViewer");
-
-exports.ExcelViewer = ExcelViewer2;
-//# sourceMappingURL=chunk-5BNDEXWF.cjs.map
-//# sourceMappingURL=chunk-5BNDEXWF.cjs.map

package/build/cjs/chunk-GU5FOAQH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/util/UserAgent.ts","../../src/util/withOsdkMetrics.ts"],"names":["useRegisterUserAgent","React"],"mappings":";;;;;;;;;;;;AAgBA,IAAM,kBAAA,GAAqB,yBAAyB,QAA2B,CAAA,CAAA;AACxE,SAAS,mBAAmB,aAAA,EAAe;AAChD,EAAA,OAAO,CAAA,EAAG,kBAAkB,CAAA,CAAA,EAAI,aAAa,CAAA,CAAA;AAC/C;;;ACKO,SAAS,eAAA,CAAgB,WAAW,IAAA,EAAM;AAC/C,EAAA,MAAM,UAAU,CAAA,KAAA,KAAS;AACvB,IAAAA,0BAAA,CAAqB,kBAAA,CAAmB,IAAI,CAAC,CAAA;AAC7C,IAAA,uBAAoBC,sBAAA,CAAM,aAAA,CAAc,SAAA,EAAW,KAAK,CAAA;AAAA,EAC1D,CAAA;AACA,EAAA,OAAA,CAAQ,WAAA,GAAc,mBAAmB,IAAI,CAAA,CAAA,CAAA;AAC7C,EAAA,OAAO,OAAA;AACT","file":"chunk-GU5FOAQH.cjs","sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nconst PACKAGE_USER_AGENT = `osdk-react-components/${process.env.PACKAGE_VERSION}`;\nexport function componentUserAgent(componentName) {\n  return `${PACKAGE_USER_AGENT}/${componentName}`;\n}","/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useRegisterUserAgent } from \"@osdk/react\";\nimport React from \"react\";\nimport { componentUserAgent } from \"./UserAgent.js\";\n\n// `any` is required: FunctionComponent defaults to FunctionComponent<{}> which\n// rejects components with required props. A generic P parameter doesn't help\n// because TS can't infer both P and C simultaneously from a single argument.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withOsdkMetrics(Component, name) {\n  const Wrapped = props => {\n    useRegisterUserAgent(componentUserAgent(name));\n    return /*#__PURE__*/React.createElement(Component, props);\n  };\n  Wrapped.displayName = `withOsdkMetrics(${name})`;\n  return Wrapped;\n}"]}

package/build/cjs/chunk-RR3VWKZH.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var chunkKHMOMROL_cjs = require('./chunk-KHMOMROL.cjs');
-var chunkGU5FOAQH_cjs = require('./chunk-GU5FOAQH.cjs');
-
-// src/public/experimental/video-viewer.ts
-var VideoViewer2 = chunkGU5FOAQH_cjs.withOsdkMetrics(chunkKHMOMROL_cjs.VideoViewer, "VideoViewer");
-
-exports.VideoViewer = VideoViewer2;
-//# sourceMappingURL=chunk-RR3VWKZH.cjs.map
-//# sourceMappingURL=chunk-RR3VWKZH.cjs.map

package/build/cjs/chunk-URQCTCDJ.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var chunkVOROB7KJ_cjs = require('./chunk-VOROB7KJ.cjs');
-var chunkGU5FOAQH_cjs = require('./chunk-GU5FOAQH.cjs');
-
-// src/public/experimental/image-viewer.ts
-var ImageViewer2 = chunkGU5FOAQH_cjs.withOsdkMetrics(chunkVOROB7KJ_cjs.ImageViewer, "ImageViewer");
-
-exports.ImageViewer = ImageViewer2;
-//# sourceMappingURL=chunk-URQCTCDJ.cjs.map
-//# sourceMappingURL=chunk-URQCTCDJ.cjs.map

package/build/cjs/chunk-WVP6Y6QL.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var chunkOUJQJQ7N_cjs = require('./chunk-OUJQJQ7N.cjs');
-var chunkGU5FOAQH_cjs = require('./chunk-GU5FOAQH.cjs');
-
-// src/public/experimental/xml-viewer.ts
-var XmlViewer2 = chunkGU5FOAQH_cjs.withOsdkMetrics(chunkOUJQJQ7N_cjs.XmlViewer, "XmlViewer");
-
-exports.XmlViewer = XmlViewer2;
-//# sourceMappingURL=chunk-WVP6Y6QL.cjs.map
-//# sourceMappingURL=chunk-WVP6Y6QL.cjs.map