@dxos/react-ui 0.8.4-main.fd6878d → 0.8.4-staging.60fe92afc8

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

@@ -1,85 +1,134 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
-  ThemeProvider
-} from "../chunk-D2HZS6F4.mjs";
+  ErrorStack,
+  ThemeProvider,
+  Tooltip,
+  defaultTx,
+  parseCaptureOwnerStack
+} from "../chunk-TTEL2FP2.mjs";
 
-// src/testing/decorators/withTheme.ts
-import { createElement, useEffect } from "react";
-import { defaultTx } from "@dxos/react-ui-theme";
-var withTheme = (Story, context) => {
-  const theme = context?.parameters?.theme || context?.globals?.theme;
-  useEffect(() => {
-    document.documentElement.classList[theme === "dark" ? "add" : "remove"]("dark");
-  }, [
-    theme
-  ]);
-  return createElement(ThemeProvider, {
-    tx: defaultTx
-  }, createElement(Story));
-};
-
-// src/testing/decorators/withSurfaceVariantsLayout.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React from "react";
-import { mx, surfaceShadow } from "@dxos/react-ui-theme";
-var Container = ({ children, elevation, surface }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement("div", {
-      className: mx("rounded-md border border-separator p-2", surface, surfaceShadow({
-        elevation
-      }))
-    }, children);
-  } finally {
-    _effect.f();
+// src/testing/decorators/withLayout.tsx
+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 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(scroll ? "overflow-y-auto" : "overflow-hidden", classNames)
+    }, /* @__PURE__ */ React.createElement(MemoizedStory, null));
   }
 };
+var layouts = {
+  default: ({ classNames, children }) => /* @__PURE__ */ React.createElement("div", {
+    className: mx("p-4", classNames)
+  }, children),
+  fullscreen: ({ classNames, children }) => /* @__PURE__ */ React.createElement("div", {
+    className: mx("fixed inset-0 flex overflow-hidden bg-black", classNames)
+  }, children),
+  centered: ({ classNames, children }) => /* @__PURE__ */ React.createElement("div", {
+    className: mx("fixed inset-0 grid overflow-hidden place-items-center bg-black")
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: mx("flex flex-col bg-base-surface", classNames)
+  }, children)),
+  column: ({ classNames, children }) => /* @__PURE__ */ React.createElement("div", {
+    className: "fixed inset-0 flex overflow-hidden justify-center bg-black"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: mx("flex flex-col w-[40rem] bg-base-surface", classNames)
+  }, children))
+};
+
+// src/testing/decorators/withLayoutVariants.tsx
+import React2 from "react";
+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__ */ React.createElement("div", {
-      className: mx("flex flex-col h-full p-4 gap-4", className)
-    }, elevations?.map(({ elevation, surface }) => densities?.map((density) => /* @__PURE__ */ React.createElement(Container, {
-      key: `${elevation}--${density}`,
-      surface,
-      elevation
-    }, /* @__PURE__ */ React.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 withSurfaceVariantsLayout = ({ elevations = [
+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"
+  "md"
 ] } = {}) => {
-  return (Story) => /* @__PURE__ */ React.createElement("div", {
-    className: "fixed inset-0 grid grid-cols-2 overflow-y-auto"
-  }, /* @__PURE__ */ React.createElement(Panel, {
+  return (Story) => /* @__PURE__ */ React2.createElement(Panel, {
     Story,
-    className: "light",
     elevations,
     densities
-  }), /* @__PURE__ */ React.createElement(Panel, {
-    Story,
-    className: "dark",
-    elevations,
-    densities
-  }));
+  });
+};
+
+// src/testing/decorators/withTheme.tsx
+import React3 from "react";
+import { I18nProvider } from "react-aria-components";
+var withTheme = ({ tx = defaultTx, noCache, platform } = {}) => (Story, context) => {
+  const { globals: { theme }, parameters: { translations } } = context;
+  return /* @__PURE__ */ React3.createElement(I18nProvider, {
+    locale: "en-US"
+  }, /* @__PURE__ */ React3.createElement(ThemeProvider, {
+    tx,
+    themeMode: theme || "dark",
+    resourceExtensions: translations,
+    noCache,
+    platform
+  }, /* @__PURE__ */ React3.createElement(Tooltip.Provider, null, /* @__PURE__ */ React3.createElement(Story, null))));
+};
+
+// src/testing/Loading.tsx
+import React4, { captureOwnerStack, useEffect, useState } from "react";
+import { mx as mx3 } from "@dxos/ui-theme";
+import { safeStringify } from "@dxos/util";
+var Loading = ({ data }) => {
+  const [visible, setVisible] = useState(false);
+  const ownerFrames = parseCaptureOwnerStack(captureOwnerStack());
+  useEffect(() => {
+    const t = setTimeout(() => setVisible(true), 500);
+    return () => clearTimeout(t);
+  }, []);
+  return /* @__PURE__ */ React4.createElement("div", {
+    className: "w-full p-2"
+  }, /* @__PURE__ */ React4.createElement("div", {
+    className: mx3("flex flex-col w-full p-2 border-2 border-teal-500 rounded-md", "opacity-0 transition delay-1000 duration-1000", visible && "opacity-100")
+  }, /* @__PURE__ */ React4.createElement("h2", {
+    className: "uppercase capitalize text-xs"
+  }, "Loading State"), /* @__PURE__ */ React4.createElement("pre", {
+    className: "text-sm text-description"
+  }, safeStringify(data, void 0, 2)), /* @__PURE__ */ React4.createElement("h3", {
+    className: "uppercase capitalize text-xs mt-2"
+  }, "Owner stack"), ownerFrames && ownerFrames.length > 0 ? /* @__PURE__ */ React4.createElement(ErrorStack, {
+    frames: ownerFrames
+  }) : /* @__PURE__ */ React4.createElement("p", {
+    className: "text-xs text-subdued"
+  }, "No owner stack (production build or unsupported context).")));
 };
 export {
-  withSurfaceVariantsLayout,
+  Loading,
+  withLayout,
+  withLayoutVariants,
   withTheme
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/testing/decorators/withTheme.ts", "../../../../src/testing/decorators/withSurfaceVariantsLayout.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator, type StoryContext, type StoryFn } from '@storybook/react';\nimport { createElement, useEffect } from 'react';\n\nimport { defaultTx } from '@dxos/react-ui-theme';\n\nimport { ThemeProvider } from '../../components';\n\nexport const withTheme: Decorator = (Story: StoryFn, context: StoryContext) => {\n  const theme = context?.parameters?.theme || context?.globals?.theme;\n  useEffect(() => {\n    document.documentElement.classList[theme === 'dark' ? 'add' : 'remove']('dark');\n  }, [theme]);\n\n  return createElement(\n    ThemeProvider,\n    {\n      tx: defaultTx,\n    },\n    createElement(Story),\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 h-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 withSurfaceVariantsLayout = ({\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"],
-  "mappings": ";;;;;;AAKA,SAASA,eAAeC,iBAAiB;AAEzC,SAASC,iBAAiB;AAInB,IAAMC,YAAuB,CAACC,OAAgBC,YAAAA;AACnD,QAAMC,QAAQD,SAASE,YAAYD,SAASD,SAASG,SAASF;AAC9DG,YAAU,MAAA;AACRC,aAASC,gBAAgBC,UAAUN,UAAU,SAAS,QAAQ,QAAA,EAAU,MAAA;EAC1E,GAAG;IAACA;GAAM;AAEV,SAAOO,cACLC,eACA;IACEC,IAAIC;EACN,GACAH,cAAcT,KAAAA,CAAAA;AAElB;;;;ACnBA,OAAOa,WAA2D;AAElE,SAASC,IAAIC,qBAAqB;AAQlC,IAAMC,YAAY,CAAC,EAAEC,UAAUC,WAAWC,QAAO,MAAiE;;;WAChH,sBAAA,cAACC,OAAAA;MAAIC,WAAWC,GAAG,0CAA0CH,SAASI,cAAc;QAAEL;MAAU,CAAA,CAAA;OAAMD,QAAAA;;;;;AAGxG,IAAMO,QAAQ,CAAC,EACbC,OACAC,YACAC,WACAN,UAAS,MACkD;;;WAC3D,sBAAA,cAACD,OAAAA;MAAIC,WAAWC,GAAG,kCAAkCD,SAAAA;OAClDK,YAAYE,IAAI,CAAC,EAAEV,WAAWC,QAAO,MACpCQ,WAAWC,IAAI,CAACC,YACd,sBAAA,cAACb,WAAAA;MAAUc,KAAK,GAAGZ,SAAAA,KAAcW,OAAAA;MAAWV;MAAkBD;OAC5D,sBAAA,cAACO,OAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;;;;;AAOJ,IAAMM,4BAA4B,CAAC,EACxCL,aAAa;EACX;IAAER,WAAW;IAAQC,SAAS;EAAiB;EAC/C;IAAED,WAAW;IAAcC,SAAS;EAAiB;EACrD;IAAED,WAAW;IAAUC,SAAS;EAAkB;GAEpDQ,YAAY;EAAC;EAAS,IACZ,CAAC,MAAC;AACZ,SAAO,CAACF,UACN,sBAAA,cAACL,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACG,OAAAA;IAAMC;IAAcJ,WAAU;IAAQK;IAAwBC;MAC/D,sBAAA,cAACH,OAAAA;IAAMC;IAAcJ,WAAU;IAAOK;IAAwBC;;AAGpE;",
-  "names": ["createElement", "useEffect", "defaultTx", "withTheme", "Story", "context", "theme", "parameters", "globals", "useEffect", "document", "documentElement", "classList", "createElement", "ThemeProvider", "tx", "defaultTx", "React", "mx", "surfaceShadow", "Container", "children", "elevation", "surface", "div", "className", "mx", "surfaceShadow", "Panel", "Story", "elevations", "densities", "map", "density", "key", "withSurfaceVariantsLayout"]
+  "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(scroll ? 'overflow-y-auto' : 'overflow-hidden', classNames)}>\n          <MemoizedStory />\n        </Container>\n      );\n    }\n  };\n\nconst layouts: Record<ContainerType, FC<ContainerProps>> = {\n  default: ({ classNames, children }: ContainerProps) => <div className={mx('p-4', classNames)}>{children}</div>,\n\n  fullscreen: ({ classNames, children }: ContainerProps) => (\n    <div className={mx('fixed inset-0 flex overflow-hidden bg-black', classNames)}>{children}</div>\n  ),\n\n  centered: ({ classNames, children }: ContainerProps) => (\n    <div className={mx('fixed inset-0 grid overflow-hidden place-items-center bg-black')}>\n      <div className={mx('flex flex-col bg-base-surface', classNames)}>{children}</div>\n    </div>\n  ),\n\n  column: ({ classNames, children }: ContainerProps) => (\n    <div className='fixed inset-0 flex overflow-hidden justify-center bg-black'>\n      <div className={mx('flex flex-col w-[40rem] bg-base-surface', classNames)}>{children}</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 = ['md'],\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 from 'react';\nimport { I18nProvider } from 'react-aria-components';\n\nimport { type ThemeMode } from '@dxos/ui-types';\n\nimport { Tooltip } from '../../components';\nimport { type ThemeContextValue, ThemeProvider } from '../../primitives';\nimport { defaultTx } from '../../theme';\n\n/**\n * Adds theme decorator.\n *\n * `I18nProvider` is included so react-aria-components-backed widgets (DateField, Calendar, …)\n * have a guaranteed locale in headless test environments where `navigator.language` may be\n * empty.\n */\nexport const withTheme =\n  ({ tx = defaultTx, noCache, platform }: Partial<ThemeContextValue> = {}): Decorator =>\n  (Story, context) => {\n    const {\n      globals: { theme },\n      parameters: { translations },\n    } = context;\n\n    return (\n      <I18nProvider locale='en-US'>\n        <ThemeProvider\n          tx={tx}\n          themeMode={(theme as ThemeMode) || 'dark'}\n          resourceExtensions={translations}\n          noCache={noCache}\n          platform={platform}\n        >\n          <Tooltip.Provider>\n            <Story />\n          </Tooltip.Provider>\n        </ThemeProvider>\n      </I18nProvider>\n    );\n  };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { captureOwnerStack, useEffect, useState } from 'react';\n\nimport { mx } from '@dxos/ui-theme';\nimport { safeStringify } from '@dxos/util';\n\nimport { ErrorStack, parseCaptureOwnerStack } from '../components';\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  const ownerFrames = parseCaptureOwnerStack(captureOwnerStack());\n\n  useEffect(() => {\n    const t = setTimeout(() => setVisible(true), 500);\n    return () => clearTimeout(t);\n  }, []);\n\n  return (\n    <div className='w-full p-2'>\n      <div\n        className={mx(\n          'flex flex-col w-full p-2 border-2 border-teal-500 rounded-md',\n          'opacity-0 transition delay-1000 duration-1000',\n          visible && 'opacity-100',\n        )}\n      >\n        <h2 className='uppercase capitalize text-xs'>Loading State</h2>\n        <pre className='text-sm text-description'>{safeStringify(data, undefined, 2)}</pre>\n\n        <h3 className='uppercase capitalize text-xs mt-2'>Owner stack</h3>\n        {ownerFrames && ownerFrames.length > 0 ? (\n          <ErrorStack frames={ownerFrames} />\n        ) : (\n          <p className='text-xs text-subdued'>No owner stack (production build or unsupported context).</p>\n        )}\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "memo", "mx", "withLayout", "props", "Story", "MemoizedStory", "Container", "layout", "classNames", "scroll", "layouts", "fullscreen", "default", "children", "div", "className", "centered", "column", "React", "mx", "surfaceShadow", "Container", "children", "elevation", "surface", "div", "className", "Panel", "Story", "elevations", "densities", "map", "density", "key", "withLayoutVariants", "React", "I18nProvider", "withTheme", "tx", "defaultTx", "noCache", "platform", "Story", "context", "globals", "theme", "parameters", "translations", "React", "I18nProvider", "locale", "ThemeProvider", "themeMode", "resourceExtensions", "Tooltip", "Provider", "React", "captureOwnerStack", "useEffect", "useState", "mx", "safeStringify", "Loading", "data", "visible", "setVisible", "useState", "ownerFrames", "parseCaptureOwnerStack", "captureOwnerStack", "useEffect", "t", "setTimeout", "clearTimeout", "React", "div", "className", "mx", "h2", "pre", "safeStringify", "undefined", "h3", "length", "ErrorStack", "frames", "p"]
 }

package/dist/lib/node-esm/translations.mjs

@@ -0,0 +1,10 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  translationKey,
+  translations
+} from "./chunk-FPVTVXND.mjs";
+export {
+  translationKey,
+  translations
+};
+//# sourceMappingURL=translations.mjs.map

package/dist/lib/node-esm/translations.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,6 +1,6 @@
-import '@dxos/lit-ui/dx-avatar.pcss';
 import { Primitive } from '@radix-ui/react-primitive';
 import React, { type ComponentProps, type ComponentPropsWithRef, type PropsWithChildren } from 'react';
+import '@dxos/lit-ui/dx-avatar.pcss';
 import { type AvatarAnimation, type AvatarStatus, type AvatarVariant, type DxAvatar as NaturalDxAvatar } from '@dxos/lit-ui';
 import { DxAvatar } from '@dxos/lit-ui/react';
 import { type ThemedClassName } from '../../util';

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":"AAKA,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,6BAA6B,CAAC;AACrC,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;IACjB,IAAI,2EA7DsF,eAAe;IA8DzG,OAAO;IACP,KAAK;IACL,WAAW;CACZ,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

@@ -1,39 +1,13 @@
-import '@dxos-theme';
-import React, { type PropsWithChildren } from 'react';
-import { type HuePalette } from '@dxos/react-ui-theme';
-import { type Size } from '@dxos/react-ui-types';
-import { type AvatarAnimation, type AvatarStatus, type AvatarVariant } from './Avatar';
-type StoryProps = {
-    id?: string;
-    imgSrc?: string;
-    fallbackText?: string;
-    label?: string;
-    description?: string;
-    status?: AvatarStatus;
-    variant?: AvatarVariant;
-    animation?: AvatarAnimation;
-    size?: Size;
-    hue?: HuePalette;
-};
-declare const _default: {
+import React from 'react';
+declare const meta: {
     title: string;
-    component: {
-        Root: ({ children, labelId: propsLabelId, descriptionId: propsDescriptionId }: import("./Avatar").AvatarRootProps) => React.JSX.Element;
-        Content: React.ForwardRefExoticComponent<Omit<import("./Avatar").AvatarContentProps, "ref"> & React.RefAttributes<import("@dxos/lit-ui").DxAvatar>>;
-        Label: React.ForwardRefExoticComponent<Omit<import("./Avatar").AvatarLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-        Description: React.ForwardRefExoticComponent<Omit<import("./Avatar").AvatarDescriptionProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    };
-    render: (props: PropsWithChildren<StoryProps>) => React.JSX.Element;
+    component: ({ children, labelId: propsLabelId, descriptionId: propsDescriptionId }: import("./Avatar").AvatarRootProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
 };
-export default _default;
+export default meta;
 export declare const Default: () => React.JSX.Element;
 export declare const Image: () => React.JSX.Element;
+export declare const BrokenImage: () => React.JSX.Element;
 export declare const Square: () => React.JSX.Element;
 export declare const DefaultEmoji: () => React.JSX.Element;
 export declare const SquareEmoji: () => React.JSX.Element;

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":"AAIA,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAKjD,OAAO,EAAU,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAE/F,KAAK,UAAU,GAAG;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,GAAG,CAAC,EAAE,UAAU,CAAC;CAClB,CAAC;;;;;;;;;oBAE2B,iBAAiB,CAAC,UAAU,CAAC;;;;;;;;AA8B1D,wBAME;AAaF,eAAO,MAAM,OAAO,yBAenB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAIjB,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;AAmDtD,QAAA,MAAM,IAAI;;;;CAI0B,CAAC;eAEtB,IAAI;AAenB,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/Avatars/Avatar.theme.d.ts

@@ -0,0 +1,11 @@
+import { type Size, type Theme } from '@dxos/ui-types';
+export type AvatarStyleProps = Partial<{
+    size: Size;
+    srOnly: boolean;
+    status: 'active' | 'inactive' | 'current' | 'error' | 'warning' | 'internal';
+    animation: 'pulse' | 'none';
+    variant: 'circle' | 'square';
+    inGroup: boolean;
+}>;
+export declare const avatarTheme: Theme<AvatarStyleProps>;
+//# sourceMappingURL=Avatar.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7E,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAmEH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAW/C,CAAC"}

package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts

@@ -1,17 +1,11 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-declare const _default: {
+declare const meta: {
     title: string;
     render: () => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {};
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 //# sourceMappingURL=AvatarGroup.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/AvatarGroup.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAkC1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
+{"version":3,"file":"AvatarGroup.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/AvatarGroup.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAiC1B,QAAA,MAAM,IAAI;;;;CAI2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

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

@@ -17,13 +17,17 @@ type BreadcrumbCurrentProps = ThemedClassName<ComponentPropsWithRef<'h1'>> & {
     asChild?: boolean;
 };
 type BreadcrumbSeparatorProps = ThemedClassName<ComponentPropsWithoutRef<typeof Primitive.span>>;
+declare function BreadcrumbSeparator({ children, classNames, ...props }: BreadcrumbSeparatorProps): React.JSX.Element;
+declare namespace BreadcrumbSeparator {
+    var displayName: string;
+}
 export declare const Breadcrumb: {
     Root: React.ForwardRefExoticComponent<Omit<BreadcrumbRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     List: React.ForwardRefExoticComponent<Omit<BreadcrumbListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
     ListItem: React.ForwardRefExoticComponent<Omit<BreadcrumbListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
     Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
     Current: React.ForwardRefExoticComponent<Omit<BreadcrumbCurrentProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    Separator: ({ children, classNames, ...props }: BreadcrumbSeparatorProps) => React.JSX.Element;
+    Separator: typeof BreadcrumbSeparator;
 };
 export type { BreadcrumbRootProps, BreadcrumbListProps, BreadcrumbListItemProps, BreadcrumbLinkProps, BreadcrumbCurrentProps, BreadcrumbSeparatorProps, };
 //# sourceMappingURL=Breadcrumb.d.ts.map

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;AAYF,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAY/G,KAAK,uBAAuB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAYnH,KAAK,mBAAmB,GAAG,SAAS,CAAC;AASrC,KAAK,sBAAsB,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAcnG,KAAK,wBAAwB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAEjG,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,qBAYxF;;;;AAID,eAAO,MAAM,UAAU;IACrB,IAAI;IACJ,IAAI;IACJ,QAAQ;IACR,IAAI;IACJ,OAAO;IACP,SAAS;CACV,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,GACzB,CAAC"}

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

@@ -1,25 +1,13 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-declare const _default: {
+import { type BreadcrumbRootProps } from './Breadcrumb';
+declare const meta: {
     title: string;
-    component: {
-        Root: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-        List: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
-        ListItem: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-        Link: React.ForwardRefExoticComponent<Omit<import("..").LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-        Current: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbCurrentProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-        Separator: ({ children, classNames, ...props }: import("./Breadcrumb").BreadcrumbSeparatorProps) => React.JSX.Element;
-    };
-    render: () => React.JSX.Element;
+    component: any;
+    render: (props: BreadcrumbRootProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {};
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 //# sourceMappingURL=Breadcrumb.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;AAmC1B,wBAME;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
+{"version":3,"file":"Breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AA8BpE,QAAA,MAAM,IAAI;;eAEsB,GAAG;oBA9BN,mBAAmB;;CAiCX,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { type Theme } from '@dxos/ui-types';
+export type breadcrumbStyleProps = {};
+export declare const breadcrumbTheme: Theme<breadcrumbStyleProps>;
+//# sourceMappingURL=Breadcrumb.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAYtC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAMvD,CAAC"}

package/dist/types/src/components/{Buttons → Button}/Button.d.ts

@@ -1,19 +1,19 @@
 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>> {
-    variant?: 'default' | 'primary' | 'outline' | 'ghost' | 'destructive';
+type ButtonProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.button>> & {
+    variant?: 'default' | 'primary' | 'outline' | 'ghost' | 'destructive' | 'valence';
     density?: Density;
     elevation?: Elevation;
     asChild?: boolean;
-}
+};
 type ButtonGroupContextValue = {
     inGroup?: boolean;
 };
 declare const BUTTON_GROUP_NAME = "ButtonGroup";
 declare const useButtonGroupContext: (consumerName: string) => ButtonGroupContextValue;
-declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
+declare const Button: React.NamedExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 type ButtonGroupProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
     elevation?: Elevation;
     asChild?: boolean;

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

@@ -0,0 +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,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,GAAG,SAAS,CAAC;IAClF,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,+FAoCX,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/Button.stories.d.ts

@@ -0,0 +1,17 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+import { type ButtonProps } from './Button';
+declare const meta: {
+    title: string;
+    component: React.NamedExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    render: ({ children, ...args }: Omit<ButtonProps, 'ref'>) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Primary: Story;
+export declare const Destructive: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+//# sourceMappingURL=Button.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAuBjE,QAAA,MAAM,IAAI;;;oCArBmC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;;CA0BtC,CAAC;eAEjB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { Density, Elevation, Theme } from '@dxos/ui-types';
+export type ButtonStyleProps = Partial<{
+    inGroup?: boolean;
+    textWrap?: boolean;
+    density: Density;
+    elevation: Elevation;
+    disabled: boolean;
+    variant: 'default' | 'primary' | 'ghost' | 'outline';
+}>;
+export declare const buttonTheme: Theme<ButtonStyleProps>;
+//# sourceMappingURL=Button.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEnF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD,CAAC,CAAC;AAaH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAG/C,CAAC"}

package/dist/types/src/components/{Buttons → Button}/IconButton.d.ts

@@ -3,13 +3,14 @@ import { type ThemedClassName } from '../../util';
 import { type IconProps } from '../Icon';
 import { type TooltipSide } from '../Tooltip';
 import { type ButtonProps } from './Button';
-type IconButtonProps = Omit<ButtonProps, 'children'> & Pick<IconProps, 'icon' | 'size'> & {
+type IconButtonProps = Omit<ButtonProps, 'children'> & Partial<Pick<IconProps, 'icon' | 'size'>> & {
     label: string;
-    iconOnly?: boolean;
     noTooltip?: boolean;
     caretDown?: boolean;
+    iconOnly?: boolean;
+    square?: boolean;
+    iconEnd?: boolean;
     iconClassNames?: ThemedClassName<any>['classNames'];
-    tooltipPortal?: boolean;
     tooltipSide?: TooltipSide;
 };
 declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +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;AACvD,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,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,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/IconButton.stories.d.ts

@@ -0,0 +1,17 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+import { type IconButtonProps } from './IconButton';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    render: any;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Ghost: Story;
+//# sourceMappingURL=IconButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAkDhE,QAAA,MAAM,IAAI;;;YAGgB,GAAG;;;QAGzB,MAAM;;CAEyB,CAAC;eAErB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { Theme } from '@dxos/ui-types';
+import { type ButtonStyleProps } from './Button.theme';
+export type IconButtonStyleProps = ButtonStyleProps & {
+    iconOnly?: boolean;
+    square?: boolean;
+};
+export declare const iconButtonTheme: Theme<IconButtonStyleProps>;
+//# sourceMappingURL=IconButton.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAEvD,CAAC"}