@dxos/react-ui 0.8.4-main.7ace549 → 0.8.4-main.8360d9e660

package/dist/lib/node-esm/testing/index.mjs

@@ -2,110 +2,122 @@ import { createRequire } from 'node:module';const require = createRequire(import
 import {
   ThemeProvider,
   Tooltip
-} from "../chunk-SP7VQH72.mjs";
+} from "../chunk-B7MXDDMJ.mjs";
 
 // src/testing/decorators/withLayout.tsx
-import React from "react";
-import { mx } from "@dxos/react-ui-theme";
-var withLayout = (props) => (Story) => {
+import React, { memo } from "react";
+import { mx } from "@dxos/ui-theme";
+var withLayout = (props = {}) => (Story) => {
+  const MemoizedStory = /* @__PURE__ */ memo(Story);
   if (typeof props === "function") {
-    const Container3 = props;
-    return /* @__PURE__ */ React.createElement(Container3, null, /* @__PURE__ */ React.createElement(Story, null));
+    const Container2 = props;
+    return /* @__PURE__ */ React.createElement(Container2, null, /* @__PURE__ */ React.createElement(MemoizedStory, null));
+  } else {
+    const { layout = "default", classNames, scroll } = props;
+    const Container2 = layouts[layout] ?? layouts.fullscreen;
+    return /* @__PURE__ */ React.createElement(Container2, {
+      classNames: mx(classNames, scroll ? "overflow-y-auto" : "overflow-hidden")
+    }, /* @__PURE__ */ React.createElement(MemoizedStory, null));
   }
-  const Container2 = layouts[props.container] ?? layouts.default;
-  return /* @__PURE__ */ React.createElement(Container2, {
-    classNames: mx(props.classNames, props.scroll ? "overflow-y-auto" : "overflow-hidden")
-  }, /* @__PURE__ */ React.createElement(Story, null));
 };
 var layouts = {
-  default: ({ children, classNames }) => /* @__PURE__ */ React.createElement("div", {
+  default: ({ classNames, children }) => /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx("p-4", classNames)
+  }, children),
+  fullscreen: ({ classNames, children }) => /* @__PURE__ */ React.createElement("div", {
     role: "none",
-    className: mx(classNames)
+    className: mx("fixed inset-0 flex overflow-hidden bg-base-surface", classNames)
   }, children),
-  column: ({ children, classNames }) => /* @__PURE__ */ React.createElement("div", {
+  centered: ({ classNames, children }) => /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx("fixed inset-0 grid overflow-hidden place-items-center bg-base-surface")
+  }, /* @__PURE__ */ React.createElement("div", {
     role: "none",
-    className: "fixed inset-0 flex justify-center overflow-hidden bg-deckSurface"
+    className: mx("flex flex-col bg-group-surface", classNames)
+  }, children)),
+  column: ({ classNames, children }) => /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "fixed inset-0 flex overflow-hidden justify-center bg-base-surface"
   }, /* @__PURE__ */ React.createElement("div", {
     role: "none",
-    className: mx("flex flex-col is-[40rem] bg-baseSurface", classNames)
+    className: mx("flex flex-col w-[40rem] bg-group-surface", classNames)
   }, children))
 };
 
 // src/testing/decorators/withLayoutVariants.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React2 from "react";
-import { mx as mx2, surfaceShadow } from "@dxos/react-ui-theme";
-var Container = ({ children, elevation, surface }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React2.createElement("div", {
-      className: mx2("rounded-md border border-separator p-2", surface, surfaceShadow({
-        elevation
-      }))
-    }, children);
-  } finally {
-    _effect.f();
-  }
-};
+import { mx as mx2, surfaceShadow } from "@dxos/ui-theme";
+var Container = ({ children, elevation, surface }) => /* @__PURE__ */ React2.createElement("div", {
+  className: mx2("p-4 rounded-sm", surface, surfaceShadow({
+    elevation
+  }))
+}, children);
 var Panel = ({ Story, elevations, densities, className }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React2.createElement("div", {
-      className: mx2("flex flex-col bs-full p-4 gap-4", className)
-    }, elevations?.map(({ elevation, surface }) => densities?.map((density) => /* @__PURE__ */ React2.createElement(Container, {
-      key: `${elevation}--${density}`,
-      surface,
-      elevation
-    }, /* @__PURE__ */ React2.createElement(Story, null)))));
-  } finally {
-    _effect.f();
-  }
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: mx2("flex flex-col h-full p-8 gap-8", className)
+  }, elevations?.map(({ elevation, surface }) => densities?.map((density) => /* @__PURE__ */ React2.createElement(Container, {
+    key: `${elevation}--${density}`,
+    surface,
+    elevation
+  }, /* @__PURE__ */ React2.createElement(Story, null)))));
 };
 var withLayoutVariants = ({ elevations = [
   {
-    elevation: "base",
-    surface: "bg-baseSurface"
+    elevation: "dialog",
+    surface: "bg-modal-surface"
   },
   {
     elevation: "positioned",
-    surface: "bg-cardSurface"
+    surface: "bg-card-surface"
   },
   {
-    elevation: "dialog",
-    surface: "bg-modalSurface"
+    elevation: "base",
+    surface: "bg-base-surface"
   }
 ], densities = [
   "coarse"
 ] } = {}) => {
-  return (Story) => /* @__PURE__ */ React2.createElement("div", {
-    className: "fixed inset-0 grid grid-cols-2 overflow-y-auto"
-  }, /* @__PURE__ */ React2.createElement(Panel, {
+  return (Story) => /* @__PURE__ */ React2.createElement(Panel, {
     Story,
-    className: "light",
     elevations,
     densities
-  }), /* @__PURE__ */ React2.createElement(Panel, {
-    Story,
-    className: "dark",
-    elevations,
-    densities
-  }));
+  });
 };
 
 // src/testing/decorators/withTheme.tsx
-import React3, { memo } from "react";
-import { defaultTx } from "@dxos/react-ui-theme";
-var withTheme = (Story, context) => {
+import React3, { memo as memo2 } from "react";
+import { defaultTx } from "@dxos/ui-theme";
+var withTheme = ({ tx = defaultTx, ...props } = {}) => (Story, context) => {
   const { globals: { theme }, parameters: { translations } } = context;
-  const MemoizedStory = /* @__PURE__ */ memo(Story);
+  const MemoizedStory = /* @__PURE__ */ memo2(Story);
   return /* @__PURE__ */ React3.createElement(ThemeProvider, {
-    tx: defaultTx,
+    ...props,
+    tx,
     themeMode: theme,
     resourceExtensions: translations,
     noCache: true
   }, /* @__PURE__ */ React3.createElement(Tooltip.Provider, null, /* @__PURE__ */ React3.createElement(MemoizedStory, null)));
 };
+
+// src/testing/Loading.tsx
+import { mx as mx3 } from "@dxos/ui-theme";
+import { safeStringify } from "@dxos/util";
+import React4, { useEffect, useState } from "react";
+var Loading = ({ data }) => {
+  const [visible, setVisible] = useState(false);
+  useEffect(() => {
+    const t = setTimeout(() => setVisible(true), 500);
+    return () => clearTimeout(t);
+  }, []);
+  return /* @__PURE__ */ React4.createElement("div", {
+    className: mx3("flex flex-col opacity-0 transition delay-1000 duration-1000", visible && "opacity-100")
+  }, /* @__PURE__ */ React4.createElement("h2", {
+    className: "uppercase"
+  }, "Loading"), /* @__PURE__ */ React4.createElement("pre", null, safeStringify(data, void 0, 2)));
+};
 export {
+  Loading,
   withLayout,
   withLayoutVariants,
   withTheme

package/dist/lib/node-esm/testing/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/testing/decorators/withLayout.tsx", "../../../../src/testing/decorators/withLayoutVariants.tsx", "../../../../src/testing/decorators/withTheme.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type FC, type PropsWithChildren } from 'react';\n\nimport { type ClassNameValue, type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type ContainerProps = ThemedClassName<PropsWithChildren>;\n\nexport type ContainerType = 'default' | 'column';\n\nexport type WithLayoutProps =\n  | FC<ContainerProps>\n  | { classNames?: ClassNameValue; container?: ContainerType; scroll?: boolean };\n\n/**\n * Adds layout container.\n */\nexport const withLayout =\n  (props: WithLayoutProps): Decorator =>\n  (Story) => {\n    if (typeof props === 'function') {\n      const Container = props;\n      return (\n        <Container>\n          <Story />\n        </Container>\n      );\n    }\n\n    const Container = layouts[(props as any).container as ContainerType] ?? layouts.default;\n    return (\n      <Container classNames={mx(props.classNames, props.scroll ? 'overflow-y-auto' : 'overflow-hidden')}>\n        <Story />\n      </Container>\n    );\n  };\n\nconst layouts: Record<ContainerType, FC<ContainerProps>> = {\n  default: ({ children, classNames }: ContainerProps) => (\n    <div role='none' className={mx(classNames)}>\n      {children}\n    </div>\n  ),\n\n  column: ({ children, classNames }: ContainerProps) => (\n    <div role='none' className='fixed inset-0 flex justify-center overflow-hidden bg-deckSurface'>\n      <div role='none' className={mx('flex flex-col is-[40rem] bg-baseSurface', classNames)}>\n        {children}\n      </div>\n    </div>\n  ),\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type ComponentType, type PropsWithChildren } from 'react';\n\nimport { mx, surfaceShadow } from '@dxos/react-ui-theme';\nimport { type Density, type Elevation } from '@dxos/react-ui-types';\n\ntype Config = {\n  elevations?: { elevation: Elevation; surface?: string }[];\n  densities?: Density[];\n};\n\nconst Container = ({ children, elevation, surface }: PropsWithChildren<{ elevation: Elevation; surface?: string }>) => (\n  <div className={mx('rounded-md border border-separator p-2', surface, surfaceShadow({ elevation }))}>{children}</div>\n);\n\nconst Panel = ({\n  Story,\n  elevations,\n  densities,\n  className,\n}: { Story: ComponentType } & Config & { className?: string }) => (\n  <div className={mx('flex flex-col bs-full p-4 gap-4', className)}>\n    {elevations?.map(({ elevation, surface }) =>\n      densities?.map((density) => (\n        <Container key={`${elevation}--${density}`} surface={surface} elevation={elevation}>\n          <Story />\n        </Container>\n      )),\n    )}\n  </div>\n);\n\nexport const withLayoutVariants = ({\n  elevations = [\n    { elevation: 'base', surface: 'bg-baseSurface' },\n    { elevation: 'positioned', surface: 'bg-cardSurface' },\n    { elevation: 'dialog', surface: 'bg-modalSurface' },\n  ],\n  densities = ['coarse'],\n}: Config = {}): Decorator => {\n  return (Story) => (\n    <div className='fixed inset-0 grid grid-cols-2 overflow-y-auto'>\n      <Panel Story={Story} className='light' elevations={elevations} densities={densities} />\n      <Panel Story={Story} className='dark' elevations={elevations} densities={densities} />\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { memo } from 'react';\n\nimport { defaultTx } from '@dxos/react-ui-theme';\n\nimport { type ThemeMode, ThemeProvider, Tooltip } from '../../components';\n\n/**\n * Adds theme decorator (add to preview.ts)\n */\nexport const withTheme: Decorator = (Story, context) => {\n  const {\n    globals: { theme },\n    parameters: { translations },\n  } = context;\n\n  // Prevent re-rendering of the story.\n  const MemoizedStory = memo(Story);\n\n  return (\n    <ThemeProvider tx={defaultTx} themeMode={theme as ThemeMode} resourceExtensions={translations} noCache>\n      <Tooltip.Provider>\n        <MemoizedStory />\n      </Tooltip.Provider>\n    </ThemeProvider>\n  );\n};\n"],
-  "mappings": ";;;;;;;AAKA,OAAOA,WAAgD;AAGvD,SAASC,UAAU;AAaZ,IAAMC,aACX,CAACC,UACD,CAACC,UAAAA;AACC,MAAI,OAAOD,UAAU,YAAY;AAC/B,UAAME,aAAYF;AAClB,WACE,sBAAA,cAACE,YAAAA,MACC,sBAAA,cAACD,OAAAA,IAAAA,CAAAA;EAGP;AAEA,QAAMC,aAAYC,QAASH,MAAcI,SAAS,KAAsBD,QAAQE;AAChF,SACE,sBAAA,cAACH,YAAAA;IAAUI,YAAYC,GAAGP,MAAMM,YAAYN,MAAMQ,SAAS,oBAAoB,iBAAA;KAC7E,sBAAA,cAACP,OAAAA,IAAAA,CAAAA;AAGP;AAEF,IAAME,UAAqD;EACzDE,SAAS,CAAC,EAAEI,UAAUH,WAAU,MAC9B,sBAAA,cAACI,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAGD,UAAAA;KAC5BG,QAAAA;EAILI,QAAQ,CAAC,EAAEJ,UAAUH,WAAU,MAC7B,sBAAA,cAACI,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,2CAA2CD,UAAAA;KACvEG,QAAAA,CAAAA;AAIT;;;;AClDA,OAAOK,YAA2D;AAElE,SAASC,MAAAA,KAAIC,qBAAqB;AAQlC,IAAMC,YAAY,CAAC,EAAEC,UAAUC,WAAWC,QAAO,MAAiE;;;WAChH,gBAAAC,OAAA,cAACC,OAAAA;MAAIC,WAAWC,IAAG,0CAA0CJ,SAASK,cAAc;QAAEN;MAAU,CAAA,CAAA;OAAMD,QAAAA;;;;;AAGxG,IAAMQ,QAAQ,CAAC,EACbC,OACAC,YACAC,WACAN,UAAS,MACkD;;;WAC3D,gBAAAF,OAAA,cAACC,OAAAA;MAAIC,WAAWC,IAAG,mCAAmCD,SAAAA;OACnDK,YAAYE,IAAI,CAAC,EAAEX,WAAWC,QAAO,MACpCS,WAAWC,IAAI,CAACC,YACd,gBAAAV,OAAA,cAACJ,WAAAA;MAAUe,KAAK,GAAGb,SAAAA,KAAcY,OAAAA;MAAWX;MAAkBD;OAC5D,gBAAAE,OAAA,cAACM,OAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;;;;;AAOJ,IAAMM,qBAAqB,CAAC,EACjCL,aAAa;EACX;IAAET,WAAW;IAAQC,SAAS;EAAiB;EAC/C;IAAED,WAAW;IAAcC,SAAS;EAAiB;EACrD;IAAED,WAAW;IAAUC,SAAS;EAAkB;GAEpDS,YAAY;EAAC;EAAS,IACZ,CAAC,MAAC;AACZ,SAAO,CAACF,UACN,gBAAAN,OAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,gBAAAF,OAAA,cAACK,OAAAA;IAAMC;IAAcJ,WAAU;IAAQK;IAAwBC;MAC/D,gBAAAR,OAAA,cAACK,OAAAA;IAAMC;IAAcJ,WAAU;IAAOK;IAAwBC;;AAGpE;;;AC7CA,OAAOK,UAASC,YAAY;AAE5B,SAASC,iBAAiB;AAOnB,IAAMC,YAAuB,CAACC,OAAOC,YAAAA;AAC1C,QAAM,EACJC,SAAS,EAAEC,MAAK,GAChBC,YAAY,EAAEC,aAAY,EAAE,IAC1BJ;AAGJ,QAAMK,gBAAgBC,qBAAKP,KAAAA;AAE3B,SACE,gBAAAQ,OAAA,cAACC,eAAAA;IAAcC,IAAIC;IAAWC,WAAWT;IAAoBU,oBAAoBR;IAAcS,SAAAA;KAC7F,gBAAAN,OAAA,cAACO,QAAQC,UAAQ,MACf,gBAAAR,OAAA,cAACF,eAAAA,IAAAA,CAAAA,CAAAA;AAIT;",
-  "names": ["React", "mx", "withLayout", "props", "Story", "Container", "layouts", "container", "default", "classNames", "mx", "scroll", "children", "div", "role", "className", "column", "React", "mx", "surfaceShadow", "Container", "children", "elevation", "surface", "React", "div", "className", "mx", "surfaceShadow", "Panel", "Story", "elevations", "densities", "map", "density", "key", "withLayoutVariants", "React", "memo", "defaultTx", "withTheme", "Story", "context", "globals", "theme", "parameters", "translations", "MemoizedStory", "memo", "React", "ThemeProvider", "tx", "defaultTx", "themeMode", "resourceExtensions", "noCache", "Tooltip", "Provider"]
+  "sources": ["../../../../src/testing/decorators/withLayout.tsx", "../../../../src/testing/decorators/withLayoutVariants.tsx", "../../../../src/testing/decorators/withTheme.tsx", "../../../../src/testing/Loading.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type FC, type PropsWithChildren, memo } from 'react';\n\nimport { type ClassNameValue, type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nexport type ContainerProps = ThemedClassName<PropsWithChildren>;\n\nexport type ContainerType = 'default' | 'fullscreen' | 'centered' | 'column';\n\nexport type WithLayoutProps =\n  | FC<ContainerProps>\n  | {\n      classNames?: ClassNameValue;\n      layout?: ContainerType;\n      scroll?: boolean;\n    };\n\n/**\n * Adds layout container.\n */\nexport const withLayout =\n  (props: WithLayoutProps = {}): Decorator =>\n  (Story) => {\n    // Prevent re-rendering of the story.\n    const MemoizedStory = memo(Story);\n    if (typeof props === 'function') {\n      const Container = props;\n      return (\n        <Container>\n          <MemoizedStory />\n        </Container>\n      );\n    } else {\n      const { layout = 'default', classNames, scroll } = props;\n      const Container = layouts[layout] ?? layouts.fullscreen;\n      return (\n        <Container classNames={mx(classNames, scroll ? 'overflow-y-auto' : 'overflow-hidden')}>\n          <MemoizedStory />\n        </Container>\n      );\n    }\n  };\n\nconst layouts: Record<ContainerType, FC<ContainerProps>> = {\n  default: ({ classNames, children }: ContainerProps) => (\n    <div role='none' className={mx('p-4', classNames)}>\n      {children}\n    </div>\n  ),\n\n  fullscreen: ({ classNames, children }: ContainerProps) => (\n    <div role='none' className={mx('fixed inset-0 flex overflow-hidden bg-base-surface', classNames)}>\n      {children}\n    </div>\n  ),\n\n  centered: ({ classNames, children }: ContainerProps) => (\n    <div role='none' className={mx('fixed inset-0 grid overflow-hidden place-items-center bg-base-surface')}>\n      <div role='none' className={mx('flex flex-col bg-group-surface', classNames)}>\n        {children}\n      </div>\n    </div>\n  ),\n\n  column: ({ classNames, children }: ContainerProps) => (\n    <div role='none' className='fixed inset-0 flex overflow-hidden justify-center bg-base-surface'>\n      <div role='none' className={mx('flex flex-col w-[40rem] bg-group-surface', classNames)}>\n        {children}\n      </div>\n    </div>\n  ),\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type ComponentType, type PropsWithChildren } from 'react';\n\nimport { mx, surfaceShadow } from '@dxos/ui-theme';\nimport { type Density, type Elevation } from '@dxos/ui-types';\n\ntype Config = {\n  elevations?: { elevation: Elevation; surface?: string }[];\n  densities?: Density[];\n};\n\nconst Container = ({ children, elevation, surface }: PropsWithChildren<{ elevation: Elevation; surface?: string }>) => (\n  <div className={mx('p-4 rounded-sm', surface, surfaceShadow({ elevation }))}>{children}</div>\n);\n\nconst Panel = ({\n  Story,\n  elevations,\n  densities,\n  className,\n}: { Story: ComponentType } & Config & { className?: string }) => {\n  return (\n    <div className={mx('flex flex-col h-full p-8 gap-8', className)}>\n      {elevations?.map(({ elevation, surface }) =>\n        densities?.map((density) => (\n          <Container key={`${elevation}--${density}`} surface={surface} elevation={elevation}>\n            <Story />\n          </Container>\n        )),\n      )}\n    </div>\n  );\n};\n\nexport const withLayoutVariants = ({\n  elevations = [\n    { elevation: 'dialog', surface: 'bg-modal-surface' },\n    { elevation: 'positioned', surface: 'bg-card-surface' },\n    { elevation: 'base', surface: 'bg-base-surface' },\n  ],\n  densities = ['coarse'],\n}: Config = {}): Decorator => {\n  return (Story) => <Panel Story={Story} elevations={elevations} densities={densities} />;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { memo } from 'react';\n\nimport { defaultTx } from '@dxos/ui-theme';\nimport { type ThemeMode } from '@dxos/ui-types';\n\nimport { type ThemeContextValue, ThemeProvider, Tooltip } from '../../components';\n\n/**\n * Adds theme decorator.\n */\nexport const withTheme =\n  ({ tx = defaultTx, ...props }: Partial<ThemeContextValue> = {}): Decorator =>\n  (Story, context) => {\n    const {\n      globals: { theme },\n      parameters: { translations },\n    } = context;\n\n    // Prevent re-rendering of the story.\n    const MemoizedStory = memo(Story);\n\n    return (\n      <ThemeProvider {...props} tx={tx} themeMode={theme as ThemeMode} resourceExtensions={translations} noCache>\n        <Tooltip.Provider>\n          <MemoizedStory />\n        </Tooltip.Provider>\n      </ThemeProvider>\n    );\n  };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { mx } from '@dxos/ui-theme';\nimport { safeStringify } from '@dxos/util';\nimport React, { useEffect, useState } from 'react';\n\nexport type LoadingProps = { data?: any };\n\n/**\n * Storybook loading component.\n */\nexport const Loading = ({ data }: LoadingProps) => {\n  const [visible, setVisible] = useState(false);\n  useEffect(() => {\n    const t = setTimeout(() => setVisible(true), 500);\n    return () => clearTimeout(t);\n  }, []);\n  return (\n    <div className={mx('flex flex-col opacity-0 transition delay-1000 duration-1000', visible && 'opacity-100')}>\n      <h2 className='uppercase'>Loading</h2>\n      <pre>{safeStringify(data, undefined, 2)}</pre>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "memo", "mx", "withLayout", "props", "Story", "MemoizedStory", "memo", "Container", "layout", "classNames", "scroll", "layouts", "fullscreen", "mx", "default", "children", "div", "role", "className", "centered", "column", "React", "mx", "surfaceShadow", "Container", "children", "elevation", "surface", "React", "div", "className", "mx", "surfaceShadow", "Panel", "Story", "elevations", "densities", "map", "density", "key", "withLayoutVariants", "React", "memo", "defaultTx", "withTheme", "tx", "defaultTx", "props", "Story", "context", "globals", "theme", "parameters", "translations", "MemoizedStory", "memo", "React", "ThemeProvider", "themeMode", "resourceExtensions", "noCache", "Tooltip", "Provider", "mx", "safeStringify", "React", "useEffect", "useState", "Loading", "data", "visible", "setVisible", "useState", "useEffect", "t", "setTimeout", "clearTimeout", "React", "div", "className", "mx", "h2", "pre", "safeStringify", "undefined"]
 }

package/dist/types/src/components/Avatars/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAEnH,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,QAAQ,IAAI,eAAe,EACjC,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAK9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAE7E,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,QAAA,MAAuB,gBAAgB,8CAAkD,CAAC;AAQ1F,KAAK,kBAAkB,GAAG,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAmB7F,KAAK,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IAClG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAkBF,KAAK,sBAAsB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAkBF,eAAO,MAAM,MAAM;mFAnEyE,eAAe;;;;CAwE1G,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,YAAY,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,IAAI,QAAQ,GAC5B,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAEnH,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,QAAQ,IAAI,eAAe,EACjC,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAK9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAE7E,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,QAAA,MAAuB,gBAAgB,8CAAkD,CAAC;AAQ1F,KAAK,kBAAkB,GAAG,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAmB7F,KAAK,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IAClG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAWF,KAAK,sBAAsB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAkBF,eAAO,MAAM,MAAM;mFA5DyE,eAAe;;;;CAiE1G,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,YAAY,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,IAAI,QAAQ,GAC5B,CAAC"}

package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAqDtD,QAAA,MAAM,IAAI;;;;CAI0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAepB,eAAO,MAAM,OAAO,yBAenB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAIjB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAIvB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAOlB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAA4D,CAAC;AAErF,eAAO,MAAM,WAAW,yBASvB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAA8D,CAAC;AAEjF,eAAO,MAAM,KAAK,yBAOjB,CAAC"}
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAoDtD,QAAA,MAAM,IAAI;;;;CAI0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAepB,eAAO,MAAM,OAAO,yBAenB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAIjB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAIvB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAOlB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAA4D,CAAC;AAErF,eAAO,MAAM,WAAW,yBASvB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAA8D,CAAC;AAEjF,eAAO,MAAM,KAAK,yBAOjB,CAAC"}

package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGrG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAiBF,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiB/G,KAAK,uBAAuB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBnH,KAAK,mBAAmB,GAAG,SAAS,CAAC;AAOrC,KAAK,sBAAsB,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBnG,KAAK,wBAAwB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAgBjG,eAAO,MAAM,UAAU;;;;;;oDAd0C,wBAAwB;CAqBxF,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,GACzB,CAAC"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGrG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAUF,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAU/G,KAAK,uBAAuB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAUnH,KAAK,mBAAmB,GAAG,SAAS,CAAC;AAOrC,KAAK,sBAAsB,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAYnG,KAAK,wBAAwB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAgBjG,eAAO,MAAM,UAAU;;;;;;oDAd0C,wBAAwB;CAqBxF,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,GACzB,CAAC"}

package/dist/types/src/components/Button/Button.d.ts

@@ -1,13 +1,13 @@
 import { Primitive } from '@radix-ui/react-primitive';
 import React, { type ComponentPropsWithRef } from 'react';
-import { type Density, type Elevation } from '@dxos/react-ui-types';
+import { type Density, type Elevation } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
-interface ButtonProps extends ThemedClassName<ComponentPropsWithRef<typeof Primitive.button>> {
+type ButtonProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.button>> & {
     variant?: 'default' | 'primary' | 'outline' | 'ghost' | 'destructive';
     density?: Density;
     elevation?: Elevation;
     asChild?: boolean;
-}
+};
 type ButtonGroupContextValue = {
     inGroup?: boolean;
 };

package/dist/types/src/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,UAAU,WAAY,SAAQ,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;IAC3F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,uBAAuB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAErD,QAAA,MAAM,iBAAiB,gBAAgB,CAAC;AAGxC,QAAA,MAA4B,qBAAqB,mDAE/C,CAAC;AAEH,QAAA,MAAM,MAAM,+FA6CX,CAAC;AAIF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,WAAW,sGAgBhB,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;AAEzE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG9D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,WAAW,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG;IACnF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAErD,QAAA,MAAM,iBAAiB,gBAAgB,CAAC;AAGxC,QAAA,MAA4B,qBAAqB,mDAE/C,CAAC;AAEH,QAAA,MAAM,MAAM,+FA4CX,CAAC;AAIF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,WAAW,sGAWhB,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;AAEzE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/types/src/components/Button/IconButton.d.ts

@@ -5,9 +5,10 @@ import { type TooltipSide } from '../Tooltip';
 import { type ButtonProps } from './Button';
 type IconButtonProps = Omit<ButtonProps, 'children'> & Partial<Pick<IconProps, 'icon' | 'size'>> & {
     label: string;
-    iconOnly?: boolean;
     noTooltip?: boolean;
     caretDown?: boolean;
+    iconOnly?: boolean;
+    iconEnd?: boolean;
     iconClassNames?: ThemedClassName<any>['classNames'];
     tooltipSide?: TooltipSide;
 };

package/dist/types/src/components/Button/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAClD,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEJ,QAAA,MAAM,UAAU,wGAMf,CAAC;AA8BF,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAClD,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEJ,QAAA,MAAM,UAAU,wGAMf,CAAC;AAiCF,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/types/src/components/Button/Toggle.d.ts

@@ -1,7 +1,7 @@
-import { type ToggleProps as TogglePrimitiveProps } from '@radix-ui/react-toggle';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
 import React from 'react';
 import { type ButtonProps } from './Button';
-type ToggleProps = Omit<TogglePrimitiveProps, 'asChild'> & ButtonProps;
+type ToggleProps = Omit<TogglePrimitive.ToggleProps, 'asChild'> & ButtonProps;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle };
 export type { ToggleProps };

package/dist/types/src/components/Button/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,WAAW,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC7G,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG,WAAW,CAAC;AAEvE,QAAA,MAAM,MAAM,oGAQX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,WAAW,CAAC;AAE9E,QAAA,MAAM,MAAM,oGAQX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/types/src/components/Button/ToggleGroup.d.ts

@@ -1,26 +1,26 @@
-import { type ToggleGroupItemProps as ToggleGroupItemPrimitiveProps, type ToggleGroupMultipleProps, type ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import React from 'react';
 import { type ButtonProps } from './Button';
 import { type IconButtonProps } from './IconButton';
-type ToggleGroupProps = Omit<ToggleGroupSingleProps, 'className'> | Omit<ToggleGroupMultipleProps, 'className'>;
-declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<ToggleGroupSingleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+type ToggleGroupProps = Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, 'className'> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps, 'className'>;
+declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
 }, "className"> & {
-    classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    classNames?: import("@dxos/ui-types").ClassNameValue;
 } & {
-    elevation?: import("@dxos/react-ui-types").Elevation;
+    elevation?: import("@dxos/ui-types").Elevation;
     asChild?: boolean;
-}, "ref"> | Omit<Omit<ToggleGroupMultipleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+}, "ref"> | Omit<Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
 }, "className"> & {
-    classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    classNames?: import("@dxos/ui-types").ClassNameValue;
 } & {
-    elevation?: import("@dxos/react-ui-types").Elevation;
+    elevation?: import("@dxos/ui-types").Elevation;
     asChild?: boolean;
 }, "ref">) & React.RefAttributes<HTMLDivElement>>;
-type ToggleGroupItemProps = Omit<ToggleGroupItemPrimitiveProps, 'className'> & ButtonProps;
+type ToggleGroupItemProps = Omit<ToggleGroupPrimitive.ToggleGroupItemProps, 'className'> & ButtonProps;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-type ToggleGroupIconItemProps = Omit<ToggleGroupItemPrimitiveProps, 'className'> & IconButtonProps;
+type ToggleGroupIconItemProps = Omit<ToggleGroupPrimitive.ToggleGroupItemProps, 'className'> & IconButtonProps;
 declare const ToggleGroupIconItem: React.ForwardRefExoticComponent<Omit<ToggleGroupIconItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem, ToggleGroupIconItem };
 export type { ToggleGroupProps, ToggleGroupItemProps };

package/dist/types/src/components/Button/ToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/ToggleGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,IAAI,6BAA6B,EAC1D,KAAK,wBAAwB,EAE7B,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAA8C,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACxF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAAG,IAAI,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAC;AAEhH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;iDAQhB,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,WAAW,CAAC;AAE3F,QAAA,MAAM,eAAe,6GAQpB,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC;AAEnG,QAAA,MAAM,mBAAmB,iHAQxB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/ToggleGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAA8C,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACxF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,gBAAgB,GACjB,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAC9D,IAAI,CAAC,oBAAoB,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAC;AAErE,QAAA,MAAM,WAAW;;;;;;;;;;;;;;iDAQhB,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,EAAE,WAAW,CAAC,GAAG,WAAW,CAAC;AAEvG,QAAA,MAAM,eAAe,6GAQpB,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC;AAE/G,QAAA,MAAM,mBAAmB,iHAQxB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/types/src/components/Button/ToggleGroup.stories.d.ts

@@ -6,16 +6,16 @@ declare const meta: {
     component: React.ForwardRefExoticComponent<(Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
         asChild?: boolean;
     }, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & {
-        elevation?: import("@dxos/react-ui-types").Elevation;
+        elevation?: import("@dxos/ui-types").Elevation;
         asChild?: boolean;
     }, "ref"> | Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
         asChild?: boolean;
     }, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & {
-        elevation?: import("@dxos/react-ui-types").Elevation;
+        elevation?: import("@dxos/ui-types").Elevation;
         asChild?: boolean;
     }, "ref">) & React.RefAttributes<HTMLDivElement>>;
     render: (props: ToggleGroupProps) => React.JSX.Element;

package/dist/types/src/components/Card/Card.d.ts

@@ -0,0 +1,107 @@
+import React from 'react';
+import { type Density, type SlottableProps } from '@dxos/ui-types';
+import { type ThemedClassName } from '../../util';
+import { type IconProps } from '../Icon';
+import { ToolbarCloseIconButtonProps, ToolbarDragHandleProps, type ToolbarMenuItem, type ToolbarMenuProps, type ToolbarRootProps } from '../Toolbar';
+type CardContextValue = {
+    menuItems?: CardMenuItem<any>[];
+};
+type CardRootProps = SlottableProps<HTMLDivElement, {
+    id?: string;
+    border?: boolean;
+    fullWidth?: boolean;
+    density?: Density;
+}>;
+type CardToolbarProps = ToolbarRootProps;
+type CardDragHandleProps = ToolbarDragHandleProps;
+type CloseIconButtonProps = ToolbarCloseIconButtonProps;
+type CardMenuItem<T extends any | void = void> = ToolbarMenuItem<T>;
+type CardMenuProps<T extends any | void = void> = ToolbarMenuProps<T>;
+type CardPosterProps = ThemedClassName<{
+    alt: string;
+    aspect?: 'video' | 'auto';
+} & Partial<{
+    image: string;
+    icon: string;
+}>>;
+type CardActionProps = {
+    icon?: string;
+    label: string;
+    actionIcon?: string;
+    onClick?: () => void;
+};
+type CardLinkProps = {
+    label: string;
+    href: string;
+};
+export declare const Card: {
+    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        id?: string;
+        border?: boolean;
+        fullWidth?: boolean;
+        density?: Density;
+    } & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Toolbar: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toolbar").ToolbarProps & Partial<{
+        density: Density;
+        disabled: boolean;
+        layoutManaged: boolean;
+    }>, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    ToolbarIconButton: React.ForwardRefExoticComponent<Omit<import("..").IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    ToolbarSeparator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        subdued?: boolean;
+    } & {
+        variant?: "gap" | "line";
+    } & React.RefAttributes<HTMLDivElement>>;
+    IconBlock: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode | undefined;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    DragHandle: React.ForwardRefExoticComponent<ToolbarDragHandleProps & React.RefAttributes<HTMLButtonElement>>;
+    CloseIconButton: React.ForwardRefExoticComponent<ToolbarCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Menu: <T extends unknown = void>({ context, items, ...props }: CardMenuProps<T>) => React.JSX.Element;
+    Icon: (props: IconProps) => React.JSX.Element;
+    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        icon?: string;
+    } & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Section: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        variant?: "default" | "subtitle";
+    } & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        truncate?: boolean;
+        variant?: "default" | "description";
+    } & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Poster: (props: CardPosterProps) => React.JSX.Element | undefined;
+    Action: ({ icon, actionIcon, label, onClick }: CardActionProps) => React.JSX.Element;
+    Link: ({ label, href }: CardLinkProps) => React.JSX.Element;
+};
+export type { CardContextValue, CardRootProps, CardToolbarProps, CardDragHandleProps, CloseIconButtonProps, CardMenuProps, };
+//# sourceMappingURL=Card.d.ts.map

package/dist/types/src/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAON,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAInE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAEL,2BAA2B,EAC3B,sBAAsB,EACtB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAC;AAMpB,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;CACjC,CAAC;AASF,KAAK,aAAa,GAAG,cAAc,CACjC,cAAc,EACd;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AA0BF,KAAK,gBAAgB,GAAG,gBAAgB,CAAC;AAgBzC,KAAK,mBAAmB,GAAG,sBAAsB,CAAC;AAclD,KAAK,oBAAoB,GAAG,2BAA2B,CAAC;AAcxD,KAAK,YAAY,CAAC,CAAC,SAAS,GAAG,GAAG,IAAI,GAAG,IAAI,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC;AAEpE,KAAK,aAAa,CAAC,CAAC,SAAS,GAAG,GAAG,IAAI,GAAG,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAkKtE,KAAK,eAAe,GAAG,eAAe,CACpC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B,GAAG,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAC7C,CAAC;AA0BF,KAAK,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAiBnG,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAiBrD,eAAO,MAAM,IAAI;;aAhTR,MAAM;iBACF,OAAO;oBACJ,OAAO;kBACT,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;WA4EH,CAAC,uDAA0D,aAAa,CAAC,CAAC,CAAC;kBAepE,SAAS;;;;;;;;;;eA6D0B,MAAM;;;;;;;;;;kBAoCC,SAAS,GAAG,UAAU;;;;;;mBA4BxB,OAAO;kBAAY,SAAS,GAAG,aAAa;;;;;oBA2BlF,eAAe;mDA0B6C,eAAe;4BAiBnE,aAAa;CAwC/C,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,GACd,CAAC"}

package/dist/types/src/components/Card/Card.stories.d.ts

@@ -0,0 +1,21 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+type StoryProps = {
+    title: string;
+    description?: string;
+    image?: string;
+    fullWidth?: boolean;
+};
+declare const meta: {
+    title: string;
+    render: ({ title, description, image, fullWidth }: StoryProps) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const FullWidth: Story;
+export declare const Simple: Story;
+export declare const Description: Story;
+export declare const Mock: () => React.JSX.Element;
+//# sourceMappingURL=Card.stories.d.ts.map

package/dist/types/src/components/Card/Card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAqCF,QAAA,MAAM,IAAI;;uDAnCsD,UAAU;;CAuCrC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAsBhB,CAAC"}

package/dist/types/src/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Card';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC"}

package/dist/types/src/components/Clipboard/index.d.ts

@@ -1,6 +1,15 @@
 export declare const Clipboard: {
     Button: ({ classNames, value, size, ...props }: import("./CopyButton").CopyButtonProps) => import("react").JSX.Element;
-    IconButton: ({ __scopeTooltip, value, classNames, size, variant, ...props }: import("..").TooltipScopedProps<import("..").ButtonProps & Pick<import("..").IconProps, "size"> & {
+    IconButton: ({ __scopeTooltip, value, classNames, size, variant, ...props }: import("..").TooltipScopedProps<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        variant?: "default" | "primary" | "outline" | "ghost" | "destructive";
+        density?: import("@dxos/ui-types").Density;
+        elevation?: import("@dxos/ui-types").Elevation;
+        asChild?: boolean;
+    } & Pick<import("..").IconProps, "size"> & {
         value: string;
     } & {
         label?: string;

package/dist/types/src/components/Clipboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;CAIrB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAIrB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types/src/components/DensityProvider/DensityProvider.d.ts

@@ -1,5 +1,5 @@
 import React, { type PropsWithChildren } from 'react';
-import { type Density } from '@dxos/react-ui-types';
+import { type Density } from '@dxos/ui-types';
 export interface DensityContextValue {
     density?: Density;
 }

package/dist/types/src/components/DensityProvider/DensityProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DensityProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/DensityProvider/DensityProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,oCAA0D,CAAC;AAEtF,eAAO,MAAM,eAAe,GAAI,uBAAuB,oBAAoB,sBAE1E,CAAC"}
+{"version":3,"file":"DensityProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/DensityProvider/DensityProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,oCAA0D,CAAC;AAEtF,eAAO,MAAM,eAAe,GAAI,uBAAuB,oBAAoB,sBAE1E,CAAC"}