@dxos/react-ui 0.9.0 → 0.9.1-main.c7dcc2e112

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

@@ -5,7 +5,7 @@ import {
   Tooltip,
   defaultTx,
   parseCaptureOwnerStack
-} from "../chunk-TTEL2FP2.mjs";
+} from "../chunk-LLVUYLAM.mjs";
 
 // src/testing/decorators/withLayout.tsx
 import React, { memo } from "react";
@@ -33,12 +33,12 @@ var layouts = {
   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)
+    className: mx("flex flex-col dx-attention-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)
+    className: mx("flex flex-col w-[40rem] dx-attention-surface", classNames)
   }, children))
 };
 
@@ -110,9 +110,9 @@ var Loading = ({ data }) => {
     return () => clearTimeout(t);
   }, []);
   return /* @__PURE__ */ React4.createElement("div", {
-    className: "w-full p-2"
+    className: "grid 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")
+    className: mx3("flex flex-col w-full p-2 border-2 border-teal-500 rounded-md", "opacity-0 transition delay-1000 duration-1000", "overflow-auto", visible && "opacity-100")
   }, /* @__PURE__ */ React4.createElement("h2", {
     className: "uppercase capitalize text-xs"
   }, "Loading State"), /* @__PURE__ */ React4.createElement("pre", {

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", "../../../../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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",
+  "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 dx-attention-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] dx-attention-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='grid 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          'overflow-auto',\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

@@ -2,7 +2,7 @@ import { createRequire } from 'node:module';const require = createRequire(import
 import {
   translationKey,
   translations
-} from "./chunk-FPVTVXND.mjs";
+} from "./chunk-OJYUPUCY.mjs";
 export {
   translationKey,
   translations

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

@@ -7,6 +7,8 @@ type ButtonProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.button
     density?: Density;
     elevation?: Elevation;
     asChild?: boolean;
+    /** Render a trailing caret indicating the button opens a menu. */
+    caretDown?: 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,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"}
+{"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;AAGlD,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;IAClB,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,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,+FAsDX,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

@@ -6,7 +6,6 @@ import { type ButtonProps } from './Button';
 type IconButtonProps = Omit<ButtonProps, 'children'> & Partial<Pick<IconProps, 'icon' | 'size'>> & {
     label: string;
     noTooltip?: boolean;
-    caretDown?: boolean;
     iconOnly?: boolean;
     square?: boolean;
     iconEnd?: boolean;

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;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"}
+{"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,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;AAgCF,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

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

@@ -8,10 +8,44 @@ declare const meta: {
     decorators: import("@storybook/react").Decorator[];
     parameters: {
         layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly "@dxos/react-ui": {
+                    readonly 'toolbar-menu.label': 'Action menu';
+                    readonly 'toolbar-drag-handle.label': 'Drag to rearrange';
+                    readonly 'toolbar-close.label': 'Close';
+                    readonly 'toolbar-delete.label': 'Delete';
+                    readonly 'system-button.star.label': 'Star';
+                    readonly 'system-button.unstar.label': 'Unstar';
+                    readonly 'system-button.bookmark.label': 'Bookmark';
+                    readonly 'system-button.unbookmark.label': 'Remove bookmark';
+                    readonly 'system-button.expand.label': 'Expand';
+                    readonly 'system-button.collapse.label': 'Collapse';
+                    readonly 'system-button.add.label': 'Add';
+                    readonly 'system-button.delete.label': 'Delete';
+                    readonly 'system-button.edit.label': 'Edit';
+                    readonly 'system-button.close.label': 'Close';
+                    readonly 'carousel-viewport.label': 'Carousel';
+                    readonly 'carousel-prev.label': 'Previous slide';
+                    readonly 'carousel-next.label': 'Next slide';
+                    readonly 'carousel-indicators.label': 'Carousel slides';
+                    readonly 'carousel-go-to.label': 'Go to slide {{index}}';
+                    readonly 'date-picker.placeholder.single.label': 'Pick a date';
+                    readonly 'date-picker.placeholder.range.label': 'Pick a date range';
+                    readonly 'date-picker.placeholder.multiple.label': 'Pick dates';
+                    readonly 'date-picker.clear.label': 'Clear';
+                    readonly 'calendar.nav.previous.label': 'Previous month';
+                    readonly 'calendar.nav.next.label': 'Next month';
+                    readonly 'calendar.footer.today.label': 'Today';
+                    readonly 'trigger-button.label': 'Open';
+                };
+            };
+        }];
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Ghost: Story;
+export declare const System: Story;
 //# sourceMappingURL=IconButton.stories.d.ts.map

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

@@ -1 +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"}
+{"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,KAAmC,MAAM,OAAO,CAAC;AAQxD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAyHhE,QAAA,MAAM,IAAI;;;YAGgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMM,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;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type IconButtonProps } from './IconButton';
+import { type ToggleIconButtonProps } from './ToggleIconButton';
+type StaticPresetProps = Omit<IconButtonProps, 'icon' | 'label'> & {
+    label?: string;
+};
+type TogglePresetProps = Omit<ToggleIconButtonProps, 'icon' | 'activeIcon' | 'label'> & {
+    label?: string;
+};
+export declare const SystemIconButton: {
+    Star: React.ForwardRefExoticComponent<Omit<TogglePresetProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Bookmark: React.ForwardRefExoticComponent<Omit<TogglePresetProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Expander: React.ForwardRefExoticComponent<Omit<TogglePresetProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Add: React.ForwardRefExoticComponent<Omit<StaticPresetProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Delete: React.ForwardRefExoticComponent<Omit<StaticPresetProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Edit: React.ForwardRefExoticComponent<Omit<StaticPresetProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<StaticPresetProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export type { StaticPresetProps, TogglePresetProps };
+//# sourceMappingURL=SystemIconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemIconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/SystemIconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAGlF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAGtF,KAAK,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AA8H3G,eAAO,MAAM,gBAAgB;IAC3B,IAAI;IACJ,QAAQ;IACR,QAAQ;IACR,GAAG;IACH,MAAM;IACN,IAAI;IACJ,KAAK;CACN,CAAC;AAEF,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type IconButtonProps } from './IconButton';
+export type ToggleIconButtonProps = Omit<IconButtonProps, 'icon'> & {
+    active?: boolean;
+    /** Icon for the inactive state; rotated 90° in the active state when `activeIcon` is omitted. */
+    icon: NonNullable<IconButtonProps['icon']>;
+    /** Icon for the active state. When omitted, `icon` rotates 90° (disclosure-style). */
+    activeIcon?: NonNullable<IconButtonProps['icon']>;
+};
+/**
+ * Icon button bound to a boolean toggle. With `activeIcon` it swaps icons between states;
+ * otherwise it rotates `icon` 90° to signal the active (e.g. expanded) state.
+ */
+export declare const ToggleIconButton: React.ForwardRefExoticComponent<Omit<ToggleIconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ToggleIconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleIconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/ToggleIconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iGAAiG;IACjG,IAAI,EAAE,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,sFAAsF;IACtF,UAAU,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;CACnD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,8GAS5B,CAAC"}

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

@@ -1,5 +1,7 @@
 export * from './Button';
 export * from './IconButton';
+export * from './SystemIconButton';
 export * from './Toggle';
 export * from './ToggleGroup';
+export * from './ToggleIconButton';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC"}

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

@@ -1,9 +1,8 @@
-import React, { CSSProperties, JSX, MouseEventHandler, type ReactNode } from 'react';
-import { type Density } from '@dxos/ui-types';
+import React, { CSSProperties, MouseEventHandler, type ReactNode } from 'react';
+import { type Density, type SlottableProps } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
-import { type IconBlockProps, type IconProps } from '../Icon';
 import { type ImageProps } from '../Image';
-import { type ToolbarActionIconButtonProps, ToolbarDragHandleProps, type ToolbarMenuProps, type ToolbarRootProps } from '../Toolbar';
+import { type ToolbarActionIconButtonProps, type ToolbarDragHandleProps, type ToolbarMenuProps } from '../Toolbar';
 type CardRootProps = {
     id?: string;
     border?: boolean;
@@ -15,23 +14,23 @@ type CardRootProps = {
     'data-selected'?: boolean;
     'data-testid'?: string;
 };
-type CardHeaderProps = ToolbarRootProps;
+type CardHeaderProps = SlottableProps;
 type CardDragHandleProps = ToolbarDragHandleProps;
 type CardActionIconButtonProps = ToolbarActionIconButtonProps;
 type CardMenuProps<T extends any | void = void> = ToolbarMenuProps<T>;
-declare function CardMenu<T extends any | void = void>({ context, items, ...props }: CardMenuProps<T>): JSX.Element;
+declare function CardMenu<T extends any | void = void>({ context, items }: CardMenuProps<T>): React.JSX.Element;
 declare namespace CardMenu {
     var displayName: string;
 }
-declare function CardIcon(props: IconProps): JSX.Element;
-declare namespace CardIcon {
-    var displayName: string;
-}
+type CardBlockProps = SlottableProps<{
+    end?: boolean;
+    compact?: boolean;
+    square?: boolean;
+}>;
 type CardSectionProps = {
     title?: ReactNode;
 };
 type CardRowProps = {
-    icon?: string | JSX.Element;
     fullWidth?: boolean;
 };
 type CardTextProps = {
@@ -47,7 +46,7 @@ type CardHtmlProps = {
  * Renders sanitized HTML content inside a card text slot.
  * Uses DOMPurify to prevent XSS from untrusted markup (e.g. RSS feed content).
  */
-declare function CardHtml({ html, variant, ...props }: CardHtmlProps & ThemedClassName<object>): JSX.Element;
+declare function CardHtml({ html, variant, ...props }: CardHtmlProps & ThemedClassName<object>): React.JSX.Element;
 declare namespace CardHtml {
     var displayName: string;
 }
@@ -58,7 +57,7 @@ type CardPosterProps = ThemedClassName<{
     image: string;
     icon: string;
 }> & Omit<ImageProps, 'src' | 'alt' | 'classNames'>>;
-declare function CardPoster({ classNames, alt, aspect: aspectProp, image, icon, ...imageProps }: CardPosterProps): JSX.Element | undefined;
+declare function CardPoster({ classNames, alt, aspect: aspectProp, image, icon, fit, ...imageProps }: CardPosterProps): React.JSX.Element | undefined;
 declare namespace CardPoster {
     var displayName: string;
 }
@@ -68,7 +67,7 @@ type CardActionProps = {
     actionIcon?: string;
     onClick?: () => void;
 };
-declare function CardAction({ icon, actionIcon, label, onClick }: CardActionProps): JSX.Element;
+declare function CardAction({ icon, actionIcon, label, onClick }: CardActionProps): React.JSX.Element;
 declare namespace CardAction {
     var displayName: string;
 }
@@ -76,7 +75,7 @@ type CardLinkProps = {
     label: string;
     href: string;
 };
-declare function CardLink({ label, href }: CardLinkProps): JSX.Element;
+declare function CardLink({ label, href }: CardLinkProps): React.JSX.Element;
 declare namespace CardLink {
     var displayName: string;
 }
@@ -84,14 +83,21 @@ export declare const Card: {
     Root: React.ForwardRefExoticComponent<Omit<CardRootProps, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<Omit<ToolbarRootProps, "className"> & {
+    Header: React.ForwardRefExoticComponent<Omit<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Block: React.ForwardRefExoticComponent<Omit<CardBlockProps, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
-    IconBlock: React.ForwardRefExoticComponent<Omit<IconBlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     DragHandle: React.ForwardRefExoticComponent<ToolbarDragHandleProps & React.RefAttributes<HTMLButtonElement>>;
     ActionIconButton: React.ForwardRefExoticComponent<ToolbarActionIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
     Menu: typeof CardMenu;
-    Icon: typeof CardIcon;
     Title: React.ForwardRefExoticComponent<Omit<{
         asChild?: boolean;
     }, "className"> & {
@@ -122,5 +128,5 @@ export declare const Card: {
     Action: typeof CardAction;
     Link: typeof CardLink;
 };
-export type { CardRootProps, CardHeaderProps, CardDragHandleProps, CardActionIconButtonProps, CardMenuProps, CardSectionProps, };
+export type { CardRootProps, CardHeaderProps, CardBlockProps, CardDragHandleProps, CardActionIconButtonProps, CardMenuProps, CardSectionProps, };
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}

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

@@ -18,5 +18,5 @@ export declare const FullWidth: Story;
 export declare const Simple: Story;
 export declare const Section: Story;
 export declare const Description: Story;
-export declare const Mock: () => React.JSX.Element;
+export declare const Slots: Story;
 //# sourceMappingURL=Card.stories.d.ts.map

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

@@ -1 +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,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA+BF,QAAA,MAAM,IAAI;;uDA7BsD,iBAAiB;;CAiC5C,CAAC;eAEvB,IAAI;AAEnB,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,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAsBhB,CAAC"}
+{"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,iBAAiB,GAAG;IACvB,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,iBAAiB;;CA6C5C,CAAC;eAEvB,IAAI;AAEnB,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,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAoDnB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAElF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6DF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAgB3C,CAAC"}
+{"version":3,"file":"Card.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAElF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA8EF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAiB3C,CAAC"}

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

@@ -9,6 +9,7 @@ export declare const Clipboard: {
         density?: import("@dxos/ui-types").Density;
         elevation?: import("@dxos/ui-types").Elevation;
         asChild?: boolean;
+        caretDown?: boolean;
     } & Pick<import("..").IconProps, "size"> & {
         value: 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;IACpB,MAAM;IACN,UAAU;;;;;;;;;;;;;;IACV,QAAQ;CACT,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;IACpB,MAAM;IACN,UAAU;;;;;;;;;;;;;;;IACV,QAAQ;CACT,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -7,6 +7,11 @@ type ColumnRootProps = {
 type ColumnRowProps = {};
 type ColumnBleedProps = SlottableProps;
 type ColumnCenterProps = SlottableProps;
+type ColumnBlockProps = SlottableProps<{
+    end?: boolean;
+    compact?: boolean;
+    square?: boolean;
+}>;
 export declare const Column: {
     Root: React.ForwardRefExoticComponent<Omit<ColumnRootProps & {
         asChild?: boolean;
@@ -18,6 +23,19 @@ export declare const Column: {
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Block: React.ForwardRefExoticComponent<Omit<Omit<{
+        end?: boolean;
+        compact?: boolean;
+        square?: boolean;
+    } & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
     Bleed: React.ForwardRefExoticComponent<Omit<{
         asChild?: boolean;
     }, "className"> & {
@@ -29,5 +47,5 @@ export declare const Column: {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
 };
-export type { ColumnRootProps, ColumnRowProps, ColumnBleedProps, ColumnCenterProps };
+export type { ColumnRootProps, ColumnRowProps, ColumnBlockProps, ColumnBleedProps, ColumnCenterProps };
 //# sourceMappingURL=Column.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../../src/components/Column/Column.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAWrD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAS5C,KAAK,eAAe,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAsD/C,KAAK,cAAc,GAAG,EAAE,CAAC;AA0BzB,KAAK,gBAAgB,GAAG,cAAc,CAAC;AA0BvC,KAAK,iBAAiB,GAAG,cAAc,CAAC;AAwBxC,eAAO,MAAM,MAAM;IACjB,IAAI;;;;;IACJ,GAAG;;;;;IACH,KAAK;;;;;IACL,MAAM;;;;;CACP,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../../src/components/Column/Column.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAWrD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAS5C,KAAK,eAAe,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAsD/C,KAAK,cAAc,GAAG,EAAE,CAAC;AA0BzB,KAAK,gBAAgB,GAAG,cAAc,CAAC;AA0BvC,KAAK,iBAAiB,GAAG,cAAc,CAAC;AA0BxC,KAAK,gBAAgB,GAAG,cAAc,CAAC;IAAE,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAgC/F,eAAO,MAAM,MAAM;IACjB,IAAI;;;;;IACJ,GAAG;;;;;IACH,KAAK;cAnCwC,OAAO;kBAAY,OAAO;iBAAW,OAAO;;;;;;;;;;IAoCzF,KAAK;;;;;IACL,MAAM;;;;;CACP,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -1,8 +1,16 @@
 import { type ComponentFunction } from '@dxos/ui-types';
 export type ColumnStyleProps = {};
+export type ColumnBlockStyleProps = {
+    /** Trailing gutter (column 3) instead of the default leading gutter (column 1). */
+    end?: boolean;
+    compact?: boolean;
+    /** Constrain to a square (1:1) slot rather than the default rail-item width. */
+    square?: boolean;
+};
 export declare const columnTheme: {
     root: ComponentFunction<ColumnStyleProps>;
     row: ComponentFunction<ColumnStyleProps>;
+    block: ComponentFunction<ColumnBlockStyleProps>;
     bleed: ComponentFunction<ColumnStyleProps>;
     center: ComponentFunction<ColumnStyleProps>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Column.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Column/Column.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAiClC,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC"}
+{"version":3,"file":"Column.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Column/Column.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAElC,MAAM,MAAM,qBAAqB,GAAG;IAClC,mFAAmF;IACnF,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAoDF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC"}

package/dist/types/src/components/Input/constants.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @deprecated Create TW variable.
+ */
 export declare const inputTextLabel = "py-1 text-sm text-description";
 //# sourceMappingURL=constants.d.ts.map

package/dist/types/src/components/Input/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/constants.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,cAAc,kCAAkC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Message.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AA0BF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAOjD,CAAC"}
+{"version":3,"file":"Message.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAkBF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAKjD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAOtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AASlD,KAAK,kBAAkB,GAAG,cAAc,CAAC,kBAAkB,CAAC;AAQ5D,KAAK,kBAAkB,GAAG,eAAe,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAa7E,KAAK,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AAmBjE,KAAK,eAAe,GAAG,eAAe,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAqCF,KAAK,qBAAqB,GAAG,eAAe,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;AAmBnF,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;AAmBvE,KAAK,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,CAAC;AAIxD,KAAK,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC;AAQtD,eAAO,MAAM,KAAK;IAChB,QAAQ;IACR,QAAQ;;;IACR,IAAI;;;IACJ,KAAK;;;eA7FE,MAAM;kBACH,MAAM,IAAI;;IA6FpB,WAAW;;;IACX,OAAO;IACP,MAAM;IACN,KAAK;CACN,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAOtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AASlD,KAAK,kBAAkB,GAAG,cAAc,CAAC,kBAAkB,CAAC;AAQ5D,KAAK,kBAAkB,GAAG,eAAe,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAa7E,KAAK,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AAmBjE,KAAK,eAAe,GAAG,eAAe,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAsCF,KAAK,qBAAqB,GAAG,eAAe,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;AAmBnF,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;AAmBvE,KAAK,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,CAAC;AAIxD,KAAK,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC;AAQtD,eAAO,MAAM,KAAK;IAChB,QAAQ;IACR,QAAQ;;;IACR,IAAI;;;IACJ,KAAK;;;eA9FE,MAAM;kBACH,MAAM,IAAI;;IA8FpB,WAAW;;;IACX,OAAO;IACP,MAAM;IACN,KAAK;CACN,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,EAAE,CAAC;AAsCjC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAU7C,CAAC"}
+{"version":3,"file":"Toast.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,EAAE,CAAC;AAkCjC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAQ7C,CAAC"}

package/dist/types/src/components/Tooltip/TextTooltip.d.ts

@@ -0,0 +1,19 @@
+import React, { type ComponentPropsWithoutRef, type PropsWithChildren } from 'react';
+import { type TooltipTriggerProps } from './Tooltip';
+export type TextTooltipProps = PropsWithChildren<{
+    text: string;
+    asChild?: boolean;
+    onlyWhenTruncating?: boolean;
+    truncateQuery?: string;
+} & Pick<TooltipTriggerProps, 'side'> & ComponentPropsWithoutRef<'button'>>;
+export declare const TextTooltip: React.ForwardRefExoticComponent<{
+    text: string;
+    asChild?: boolean;
+    onlyWhenTruncating?: boolean;
+    truncateQuery?: string;
+} & Pick<TooltipTriggerProps, "side"> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    children?: React.ReactNode | undefined;
+} & {
+    __scopeTooltip?: import("@radix-ui/react-context").Scope;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TextTooltip.d.ts.map

package/dist/types/src/components/Tooltip/TextTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/TextTooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAoC,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEvF,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAC9C;IACE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,GACnC,wBAAwB,CAAC,QAAQ,CAAC,CACrC,CAAC;AAEF,eAAO,MAAM,WAAW;UARd,MAAM;cACF,OAAO;yBACI,OAAO;oBACZ,MAAM;;;;;2CAgCzB,CAAC"}

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

@@ -1,3 +1,4 @@
+export * from './TextTooltip';
 export * from './Tooltip';
 export * from './tooltipContent';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/types/src/testing/Loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../src/testing/Loading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAOtE,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AAE1C;;GAEG;AACH,eAAO,MAAM,OAAO,aAAc,YAAY,sBA8B7C,CAAC"}
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../src/testing/Loading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAOtE,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AAE1C;;GAEG;AACH,eAAO,MAAM,OAAO,aAAc,YAAY,sBA+B7C,CAAC"}

package/dist/types/src/translations.d.ts

@@ -6,6 +6,16 @@ export declare const translations: [{
             readonly 'toolbar-drag-handle.label': 'Drag to rearrange';
             readonly 'toolbar-close.label': 'Close';
             readonly 'toolbar-delete.label': 'Delete';
+            readonly 'system-button.star.label': 'Star';
+            readonly 'system-button.unstar.label': 'Unstar';
+            readonly 'system-button.bookmark.label': 'Bookmark';
+            readonly 'system-button.unbookmark.label': 'Remove bookmark';
+            readonly 'system-button.expand.label': 'Expand';
+            readonly 'system-button.collapse.label': 'Collapse';
+            readonly 'system-button.add.label': 'Add';
+            readonly 'system-button.delete.label': 'Delete';
+            readonly 'system-button.edit.label': 'Edit';
+            readonly 'system-button.close.label': 'Close';
             readonly 'carousel-viewport.label': 'Carousel';
             readonly 'carousel-prev.label': 'Previous slide';
             readonly 'carousel-next.label': 'Next slide';

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C,eAAO,MAAM,YAAY;;;qBAIjB,oBAAoB,EAAE,aAAa;qBACnC,2BAA2B,EAAE,mBAAmB;qBAChD,qBAAqB,EAAE,OAAO;qBAC9B,sBAAsB,EAAE,QAAQ;qBAChC,yBAAyB,EAAE,UAAU;qBACrC,qBAAqB,EAAE,gBAAgB;qBACvC,qBAAqB,EAAE,YAAY;qBACnC,2BAA2B,EAAE,iBAAiB;qBAC9C,sBAAsB,EAAE,uBAAuB;qBAC/C,sCAAsC,EAAE,aAAa;qBACrD,qCAAqC,EAAE,mBAAmB;qBAC1D,wCAAwC,EAAE,YAAY;qBACtD,yBAAyB,EAAE,OAAO;qBAClC,6BAA6B,EAAE,gBAAgB;qBAC/C,yBAAyB,EAAE,YAAY;qBACvC,6BAA6B,EAAE,OAAO;qBACtC,sBAAsB,EAAE,MAAM;;;EAIP,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C,eAAO,MAAM,YAAY;;;qBAIjB,oBAAoB,EAAE,aAAa;qBACnC,2BAA2B,EAAE,mBAAmB;qBAChD,qBAAqB,EAAE,OAAO;qBAC9B,sBAAsB,EAAE,QAAQ;qBAChC,0BAA0B,EAAE,MAAM;qBAClC,4BAA4B,EAAE,QAAQ;qBACtC,8BAA8B,EAAE,UAAU;qBAC1C,gCAAgC,EAAE,iBAAiB;qBACnD,4BAA4B,EAAE,QAAQ;qBACtC,8BAA8B,EAAE,UAAU;qBAC1C,yBAAyB,EAAE,KAAK;qBAChC,4BAA4B,EAAE,QAAQ;qBACtC,0BAA0B,EAAE,MAAM;qBAClC,2BAA2B,EAAE,OAAO;qBACpC,yBAAyB,EAAE,UAAU;qBACrC,qBAAqB,EAAE,gBAAgB;qBACvC,qBAAqB,EAAE,YAAY;qBACnC,2BAA2B,EAAE,iBAAiB;qBAC9C,sBAAsB,EAAE,uBAAuB;qBAC/C,sCAAsC,EAAE,aAAa;qBACrD,qCAAqC,EAAE,mBAAmB;qBAC1D,wCAAwC,EAAE,YAAY;qBACtD,yBAAyB,EAAE,OAAO;qBAClC,6BAA6B,EAAE,gBAAgB;qBAC/C,yBAAyB,EAAE,YAAY;qBACvC,6BAA6B,EAAE,OAAO;qBACtC,sBAAsB,EAAE,MAAM;;;EAIP,CAAC"}