@dxos/brand 0.6.7 → 0.6.8-main.3be982f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/index.mjs.map +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/Icons.stories.d.ts +2 -1
- package/dist/types/src/Icons.stories.d.ts.map +1 -1
- package/dist/types/src/Logotypes.stories.d.ts +2 -1
- package/dist/types/src/Logotypes.stories.d.ts.map +1 -1
- package/dist/types/src/components/ComposerLogo/ComposerLogo.d.ts +3 -3
- package/dist/types/src/components/ComposerLogo/ComposerLogo.d.ts.map +1 -1
- package/dist/types/src/components/ComposerLogo/ComposerLogo.stories.d.ts +10 -7
- package/dist/types/src/components/ComposerLogo/ComposerLogo.stories.d.ts.map +1 -1
- package/dist/types/src/icons/Composer.d.ts +3 -2
- package/dist/types/src/icons/Composer.d.ts.map +1 -1
- package/dist/types/src/icons/DXNS.d.ts +3 -2
- package/dist/types/src/icons/DXNS.d.ts.map +1 -1
- package/dist/types/src/icons/DXOS.d.ts +3 -2
- package/dist/types/src/icons/DXOS.d.ts.map +1 -1
- package/dist/types/src/icons/ECHO.d.ts +3 -2
- package/dist/types/src/icons/ECHO.d.ts.map +1 -1
- package/dist/types/src/icons/HALO.d.ts +3 -2
- package/dist/types/src/icons/HALO.d.ts.map +1 -1
- package/dist/types/src/icons/KUBE.d.ts +3 -2
- package/dist/types/src/icons/KUBE.d.ts.map +1 -1
- package/dist/types/src/icons/MESH.d.ts +3 -2
- package/dist/types/src/icons/MESH.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/ComposerLogo/ComposerLogo.stories.tsx +17 -0
- package/src/icons/Composer.tsx +4 -2
- package/src/icons/DXNS.tsx +4 -2
- package/src/icons/DXOS.tsx +4 -2
- package/src/icons/ECHO.tsx +4 -2
- package/src/icons/HALO.tsx +4 -2
- package/src/icons/KUBE.tsx +4 -2
- package/src/icons/MESH.tsx +4 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/ComposerLogo/ComposerLogo.tsx", "../../../src/icons/Composer.tsx", "../../../src/icons/DXNS.tsx", "../../../src/icons/DXOS.tsx", "../../../src/icons/ECHO.tsx", "../../../src/icons/HALO.tsx", "../../../src/icons/KUBE.tsx", "../../../src/icons/MESH.tsx", "../../../src/logotypes/DXOSHorizontalType.tsx", "../../../src/logotypes/DXOSType.tsx", "../../../src/logotypes/DXOSVerticalType.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\nimport * as d3 from 'd3';\nimport React, {\n type CSSProperties,\n type FC,\n forwardRef,\n type HTMLAttributes,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { Composer } from '../../icons';\n\nexport interface AnimationController {\n spin: () => void;\n}\n\nconst defaultClassNames = ['[&>path]:fill-teal-400', '[&>path]:fill-teal-500', '[&>path]:fill-teal-600'];\n\ntype Props = {\n inset: number;\n spin: string;\n className: string;\n style: CSSProperties;\n};\n\nconst getLayers = (size: number, [a, b, c]: string[]): Props[] => {\n return [\n {\n inset: 0,\n spin: 'animate-[spin_2s_linear_infinite]',\n style: {},\n className: a,\n },\n {\n inset: size / 6,\n spin: 'animate-[spin_2s_linear_infinite]',\n style: {\n animationDirection: 'reverse',\n },\n className: b,\n },\n {\n inset: size / 3.6,\n spin: 'animate-[spin_1s_linear_infinite]',\n style: {},\n className: c,\n },\n ];\n};\n\nexport type ComposerLogoProps = { animate?: boolean; size?: number; classNames?: string[] } & Omit<\n HTMLAttributes<HTMLDivElement>,\n 'className'\n>;\n\nexport const ComposerLogo = forwardRef<AnimationController, ComposerLogoProps>(\n ({ animate: _animate = false, size = 32, classNames = defaultClassNames, ...props }: ComposerLogoProps, ref) => {\n const layers = useMemo(() => getLayers(size, classNames), [size, classNames]);\n const [animate, setAnimate] = useState(_animate);\n useImperativeHandle(\n ref,\n () => ({\n spin: () => {\n setAnimate(true);\n setTimeout(() => {\n setAnimate(false);\n }, 2_000);\n },\n }),\n [],\n );\n\n return (\n <div\n {...props}\n className='flex relative'\n style={{\n width: size,\n height: size,\n }}\n >\n {layers.map(({ inset, spin, style, className }, i) => (\n <div key={i} className='absolute' style={{ inset: `${inset}px` }}>\n <Composer className={mx('w-full h-full', animate && spin, className)} style={style} />\n </div>\n ))}\n </div>\n );\n },\n);\n\ntype Slice = {\n startAngle?: number;\n endAngle?: number;\n innerRadius: number;\n outerRadius: number;\n color: string;\n duration: number;\n};\n\nconst createSlices = ({\n color,\n radius,\n gap = 0,\n t = 1,\n}: {\n color: string;\n radius: number;\n gap?: number;\n t?: number;\n}): Slice[] => {\n const n = radius < 50 ? 3 : radius < 100 ? 4 : 5;\n const parts: Pick<Slice, 'duration'>[] = [\n {\n duration: 1600,\n },\n {\n duration: 1400,\n },\n {\n duration: 1200,\n },\n {\n duration: 1000,\n },\n {\n duration: 800,\n },\n ].slice(0, n);\n\n const width = radius / (parts.length + 1);\n\n return parts.map(({ duration }, i) => ({\n outerRadius: radius - i * width,\n innerRadius: radius - (i + 1) * width + gap,\n color: color + (0xa0 - i * 0x15).toString(16),\n duration: duration * t,\n }));\n};\n\n/**\n * Spinning Composer \"C\" logo.\n */\n// TODO(burdon): Configure stripes.\nexport const ComposerSpinner: FC<{\n animate?: boolean;\n size?: number;\n gap?: number;\n color?: string;\n autoFade?: boolean;\n onClick?: () => void;\n}> = ({ animate, size = 200, gap = 1, color = '#999999', autoFade, onClick }) => {\n const ref = useRef<SVGSVGElement>(null);\n const triggerRef = useRef(() => {});\n const animateRef = useRef(animate);\n useEffect(() => {\n animateRef.current = animate;\n if (animate) {\n triggerRef.current();\n }\n }, [animate]);\n\n useEffect(() => {\n const svg = d3\n .select(ref.current)\n .attr('width', size)\n .attr('height', size)\n .append('g')\n .attr('transform', `translate(${size / 2}, ${size / 2})`);\n\n // TODO(burdon): Pass in.\n const arcs = createSlices({ radius: size / 2, gap, color });\n\n let count = 0;\n const fadeOut = () => {\n if (--count === 0) {\n svg\n .selectAll('path')\n .transition()\n .delay((_: any, i: any) => i * 200)\n .duration(2_000)\n .attr('opacity', 0);\n }\n };\n\n // const createArc = ({\n // innerRadius,\n // outerRadius,\n // startAngle = (1 / 4) * Math.PI,\n // endAngle = -(5 / 4) * Math.PI,\n // }: Slice): ValueFn<SVGPathElement, d3.DefaultArcObject, string | null> =>\n // d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).startAngle(startAngle).endAngle(endAngle);\n\n const trigger = arcs.map((arc) => {\n const { color, duration } = arc;\n const { innerRadius, outerRadius, startAngle = (1 / 4) * Math.PI, endAngle = -(5 / 4) * Math.PI } = arc;\n\n const arcPath = svg\n .append('path')\n .attr(\n 'd',\n d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).startAngle(startAngle).endAngle(endAngle) as any,\n )\n .attr('fill', color);\n const rotateArc = () => {\n arcPath\n .attr('opacity', 1)\n .transition()\n .duration(duration)\n .attrTween('transform', (() => d3.interpolateString('rotate(0)', 'rotate(360)')) as any)\n .on('end', ((_: any, i: number, nodes: Node[]) => {\n if (animateRef.current) {\n rotateArc();\n } else if (autoFade) {\n fadeOut();\n // d3.select(nodes[i])\n // .transition()\n // .duration(1000)\n // .attrTween('d', () => {\n // const interpolate = d3.interpolate(0, Math.PI);\n // return (t: number) => createArc(arc);\n // });\n }\n }) as any);\n };\n\n return rotateArc;\n });\n\n triggerRef.current = () => {\n count = trigger.length;\n trigger.forEach((rotate) => rotate());\n };\n\n if (animate) {\n triggerRef.current();\n }\n\n return () => {\n d3.select(ref.current).selectChildren().remove();\n };\n }, []);\n\n return <svg ref={ref} onClick={onClick} />;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M202.206,23.705l-25.956,36.48c-14.091,-10.026 -30.956,-15.413 -48.25,-15.413c-45.935,-0 -83.228,37.293 -83.228,83.228c-0,45.935 37.293,83.228 83.228,83.228c17.294,0 34.159,-5.387 48.25,-15.413l25.956,36.48c-21.672,15.42 -47.609,23.705 -74.206,23.705c-70.645,-0 -128,-57.355 -128,-128c0,-70.645 57.355,-128 128,-128c26.597,0 52.534,8.285 74.206,23.705Z' />\n </>,\n ],\n]);\n\nexport const Composer: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nComposer.displayName = 'Composer';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n // eslint-disable-next-line react/jsx-key\n <g\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M49.285,99.535L227.063,266.206L233.754,269.776L709.185,379.616L722.442,376.046L1017.38,99.535L1007.41,74.313L59.259,74.313L49.285,99.535M96.137,103.479L244.146,242.242L708.169,349.446L970.53,103.479L96.137,103.479' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M240.121,269.814L1010.49,103.142L1004.32,74.635L233.953,241.306L240.121,269.814Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M533.327,513.34L702.487,354.763L722.435,376.042L543.301,543.969L523.353,543.968L227.057,266.202L247.004,244.923L533.327,513.34Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M59.259,992.354L1007.41,992.354L1017.38,967.132L722.442,690.621L709.185,687.051L233.754,796.891L227.063,800.461L49.285,967.132L59.259,992.354M244.146,824.425L96.137,963.187L970.53,963.187L708.169,717.221L244.146,824.425' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M233.953,825.36L1004.32,992.031L1010.49,963.524L240.121,796.853L233.953,825.36Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M533.327,553.328L247.004,821.745L227.057,800.466L523.353,522.7L543.301,522.7L722.435,690.626L702.487,711.905L533.327,553.328Z' />\n </g>\n </g>,\n ],\n]);\n\nexport const DXNS: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nDXNS.displayName = 'DXNS';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M127.96,85.307l2.83,-2.058l113.742,156.395l-4.684,5.025l-111.888,-69.93l-111.888,69.93l-4.684,-5.025l113.742,-156.395l2.83,2.058Zm100.309,143.873l-100.309,-137.925l-100.309,137.925l98.455,-61.534l3.708,0l98.455,61.534Z' />\n <path d='M127.96,81.181l111.888,-69.93l4.684,5.025l-113.742,156.395l-2.83,-2.058l-2.83,2.058l-113.742,-156.395l4.684,-5.025l111.888,69.93Zm-100.309,-54.441l100.309,137.925l100.309,-137.925l-98.455,61.534l-3.708,-0l-98.455,-61.534Z' />\n <rect x='124.467' y='85.307' width='6.998' height='85.307' />\n </>,\n ],\n]);\n\nexport const DXOS: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nDXOS.displayName = 'DXOS';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M20.206,95.214l213.266,72.121l2.242,-6.628l-213.266,-72.123l-2.242,6.63Z' />\n <path d='M233.472,88.584l-213.266,72.123l2.242,6.628l213.266,-72.121l-2.242,-6.63Z' />\n <path d='M127.96,122.86l104.017,-111.034l6.053,2.392l-0.034,227.485l-6.053,2.391l-103.983,-110.998l-103.983,110.998l-6.053,-2.391l-0.033,-227.485l6.052,-2.392l104.017,111.034Zm4.795,5.118l98.244,104.873l0.032,-209.779l-98.276,104.906Zm-107.834,104.873l98.245,-104.873l-98.276,-104.906l0.031,209.779Z' />\n </>,\n ],\n]);\n\nexport const ECHO: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nECHO.displayName = 'ECHO';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M95.822,117.241l-64.269,126.05l-6.235,-3.178l65.243,-127.96l3.117,-1.91l65.243,0l0,6.998l-63.099,0Z' />\n <path d='M227.483,241.703l-68.559,-127.96l68.559,127.96Z' />\n <path d='M230.567,240.05l-6.168,3.305l-68.559,-127.96l6.168,-3.305l68.559,127.96Z' />\n <path d='M230.569,240.05l-68.563,-127.96l-6.169,3.305l68.563,127.96l6.169,-3.305Z' />\n <path d='M158.921,113.742l-32.621,56.871' />\n <path d='M155.886,112.001l-32.621,56.871l6.07,3.482l32.621,-56.871l-6.07,-3.482Z' />\n <path d='M184.275,30.24l-21.968,84.384l-6.772,-1.764l25.91,-99.524l6.825,0.237l42.654,227.484l-5.451,3.508l-99.139,-69.652l-95.842,69.62l-5.495,-3.476l42.653,-227.484l6.851,-0.13l22.474,99.013l31.973,55.741l93.513,65.7l-38.186,-203.657Zm-112.86,1.223l-37.92,202.239l88.207,-64.073l-31.059,-54.146l-0.377,-0.967l-18.851,-83.053Z' />\n </>,\n ],\n]);\n\nexport const HALO: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nHALO.displayName = 'HALO';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n // eslint-disable-next-line react/jsx-key\n <g\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M547.364,1007.44L548.457,460.268L519.29,460.21L518.197,1007.38L547.364,1007.44Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M54.139,250.695L528.213,428.47L538.454,401.16L64.38,223.385L54.139,250.695Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <rect x='519.303' y='59.261' width='29.167' height='550.2' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M528.213,665.508L1002.29,843.284L1012.53,815.975L538.454,638.199L528.213,665.508Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M1002.29,223.382L528.216,401.16L538.457,428.47L1012.53,250.692L1002.29,223.382Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M528.213,638.199L54.139,815.976L64.38,843.285L538.454,665.508L528.213,638.199Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M1021.99,829.63L1021.99,237.037L1012.54,223.388L540.115,45.61L534.978,44.676L533.885,44.676L528.77,45.602L54.143,223.38L44.675,237.064L45.781,829.654L55.228,843.275L527.643,1021.05L537.894,1021.06L1012.52,843.286L1021.99,829.63ZM73.86,247.14L74.929,819.526L532.791,991.826L992.823,819.519L992.823,247.131L534.421,74.631L73.86,247.14Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M520.356,51.633L46.835,822L71.683,837.274L545.204,66.906L520.356,51.633Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M995.005,229.366L520.378,996.709L545.183,1012.05L1019.81,244.708L995.005,229.366Z' />\n </g>\n </g>,\n ],\n]);\n\nexport const KUBE: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nKUBE.displayName = 'KUBE';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Icon, IconBase, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M65.743,14.645l58.606,227.928l6.777,-1.742l-58.606,-227.929l-6.777,1.743Z' />\n <path d='M127.737,235.515l82.361,-120.117l5.771,3.958l-85.247,124.325l-5.771,-0l-85.244,-124.326l5.772,-3.957l82.358,120.117Z' />\n <path d='M127.738,84.021l55.836,-72.385l6.159,1.266l58.607,227.929l-6.159,3.008l-114.443,-148.361l-114.443,148.361l-6.159,-3.008l58.607,-227.929l6.159,-1.266l55.836,72.385Zm-109.585,142.063l105.166,-136.335l-52.583,-68.167l-52.583,204.502Zm114.004,-136.335l105.166,136.335l-52.583,-204.502l-52.583,68.167Z' />\n <path d='M182.956,12.902l-58.607,227.929l6.777,1.742l58.607,-227.928l-6.777,-1.743Z' />\n </>,\n ],\n]);\n\nexport const MESH: Icon = forwardRef((props, ref) => <IconBase ref={ref} {...props} weights={weights} />);\n\nMESH.displayName = 'MESH';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nconst defaultSize = 'w-[256px] h-[128px]';\n\nexport const DXOSHorizontalType: FC<{ className?: string }> = ({ className = defaultSize }) => {\n return (\n <svg\n viewBox='0 0 2048 1024'\n version='1.1'\n xmlns='http://www.w3.org/2000/svg'\n xmlSpace='preserve'\n className={className}\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path d='M1191.03,327.748L1191.03,712.923L1272.01,712.923C1300.99,712.923 1327.76,707.978 1352.33,698.101C1376.92,688.223 1397.99,674.728 1415.55,657.617C1433.1,640.492 1446.82,620.193 1456.7,596.707C1466.58,573.233 1471.51,547.888 1471.51,520.658C1471.51,493.011 1466.79,467.438 1457.36,443.952C1447.92,420.491 1434.53,400.179 1417.19,383.055C1399.85,365.943 1378.68,352.448 1353.66,342.558C1328.63,332.693 1300.76,327.748 1270.04,327.748L1191.03,327.748ZM1139.67,280.345L1274,280.345C1311.29,280.345 1345.32,286.492 1376.05,298.773C1406.77,311.079 1433.1,327.975 1455.06,349.476C1477,370.989 1494.01,396.334 1506.08,425.525C1518.14,454.727 1524.19,486.422 1524.19,520.658C1524.19,554.895 1517.93,586.728 1505.42,616.133C1492.91,645.538 1475.57,670.896 1453.41,692.182C1431.24,713.48 1405.01,730.263 1374.72,742.556C1344.44,754.837 1311.52,760.983 1275.97,760.983L1139.67,760.983L1139.67,280.345Z' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path d='M1785.58,554.239L1649.95,760.986L1592,760.986L1755.95,514.084L1603.2,280.348L1661.14,280.348L1786.89,470.628L1911.99,280.348L1969.93,280.348L1816.53,510.783L1979.81,760.986L1921.87,760.986L1785.58,554.239Z' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path d='M2301.11,718.848C2328.77,718.848 2354.44,713.574 2378.14,703.038C2401.85,692.503 2422.36,678.249 2439.7,660.252C2457.04,642.255 2470.65,621.298 2480.53,597.37C2490.4,573.453 2495.34,547.88 2495.34,520.663C2495.34,493.459 2490.4,467.886 2480.53,443.957C2470.65,420.041 2457.04,399.084 2439.7,381.074C2422.36,363.09 2401.85,348.823 2378.14,338.288C2354.44,327.753 2328.77,322.479 2301.11,322.479C2273.45,322.479 2247.78,327.753 2224.08,338.288C2200.37,348.823 2179.85,363.09 2162.52,381.074C2145.17,399.084 2131.57,420.041 2121.7,443.957C2111.82,467.886 2106.89,493.459 2106.89,520.663C2106.89,547.88 2111.82,573.453 2121.7,597.37C2131.57,621.298 2145.17,642.255 2162.52,660.252C2179.85,678.249 2200.37,692.503 2224.08,703.038C2247.78,713.574 2273.45,718.848 2301.11,718.848M2301.11,767.565C2266.87,767.565 2234.83,761.077 2204.98,748.139C2175.13,735.201 2149.03,717.532 2126.64,695.134C2104.25,672.748 2086.57,646.644 2073.64,616.796C2060.68,586.948 2054.21,554.9 2054.21,520.663C2054.21,486.427 2060.68,454.391 2073.64,424.531C2086.57,394.695 2104.25,368.579 2126.64,346.193C2149.03,323.807 2175.13,306.138 2204.98,293.188C2234.83,280.237 2266.87,273.761 2301.11,273.761C2335.35,273.761 2367.38,280.237 2397.24,293.188C2427.08,306.138 2453.2,323.807 2475.58,346.193C2497.97,368.579 2515.64,394.695 2528.59,424.531C2541.54,454.391 2548.01,486.427 2548.01,520.663C2548.01,554.9 2541.54,586.948 2528.59,616.796C2515.64,646.644 2497.97,672.748 2475.58,695.134C2453.2,717.532 2427.08,735.201 2397.24,748.139C2367.38,761.077 2335.35,767.565 2301.11,767.565' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path d='M2802.16,767.565C2763.09,767.565 2729.96,759.774 2702.74,744.18C2675.52,728.611 2652.05,706.984 2632.29,679.337L2675.75,646.416C2691.99,671.433 2710.2,690.1 2730.4,702.381C2750.57,714.674 2774.5,720.82 2802.16,720.82C2817.08,720.82 2830.81,718.519 2843.32,713.902C2855.82,709.299 2866.57,703.038 2875.58,695.134C2884.57,687.242 2891.59,677.693 2896.65,666.5C2901.68,655.307 2904.21,643.128 2904.21,629.962C2904.21,615.038 2900.92,602.53 2894.35,592.424C2887.76,582.332 2878.97,573.668 2868,566.421C2857.03,559.174 2844.52,552.927 2830.48,547.653C2816.41,542.391 2801.93,537.117 2787.02,531.856C2770.33,526.165 2753.99,519.904 2737.96,513.087C2721.94,506.296 2707.68,497.847 2695.18,487.742C2682.66,477.649 2672.46,465.47 2664.56,451.204C2656.65,436.938 2652.71,419.269 2652.71,398.199C2652.71,380.644 2656.43,364.291 2663.9,349.152C2671.36,334.001 2681.67,320.835 2694.85,309.642C2708.01,298.449 2723.58,289.672 2741.58,283.31C2759.58,276.948 2779.12,273.761 2800.19,273.761C2834.42,273.761 2863.4,280.123 2887.1,292.859C2910.8,305.595 2931.43,323.364 2948.98,346.193L2908.16,376.471C2883.57,338.288 2847.36,319.191 2799.53,319.191C2785.92,319.191 2773.41,321.164 2762.01,325.122C2750.57,329.068 2740.61,334.658 2732.04,341.905C2723.48,349.152 2716.79,357.601 2711.96,367.251C2707.13,376.913 2704.71,387.233 2704.71,398.199C2704.71,412.25 2707.9,423.987 2714.26,433.422C2720.62,442.869 2729.08,451.103 2739.62,458.109C2750.15,465.141 2762.33,471.174 2776.16,476.22C2789.98,481.267 2804.35,486.427 2819.28,491.701C2835.95,497.405 2852.42,503.779 2868.66,510.786C2884.9,517.818 2899.49,526.481 2912.45,536.789C2925.38,547.109 2935.92,559.731 2944.05,574.655C2952.16,589.579 2956.23,608.019 2956.23,629.962C2956.23,647.959 2952.61,665.185 2945.37,681.652C2938.12,698.106 2927.69,712.701 2914.09,725.424C2900.48,738.16 2884.24,748.366 2865.37,756.043C2846.49,763.72 2825.42,767.565 2802.16,767.565' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path d='M893.472,909.428L555.003,697.888L647.316,570.959L893.472,909.428ZM398.96,570.959L491.273,697.888L152.804,909.428L398.96,570.959ZM152.804,157.226L491.273,368.766L398.96,495.695L152.804,157.226ZM545.277,430.649L619.947,533.333L545.277,636.005L545.277,430.649ZM501.011,636.005L426.329,533.333L501.011,430.649L501.011,636.005ZM647.316,495.695L555.003,368.766L893.472,157.226L647.316,495.695ZM996.346,91.042L966.713,59.259L523.144,336.49L79.563,59.259L49.93,91.042L371.591,533.333L49.93,975.612L79.563,1007.41L523.144,730.164L966.713,1007.41L996.346,975.612L674.685,533.333L996.346,91.042Z' />\n </g>\n </svg>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nconst defaultSize = 'w-[128px] h-[64px]';\n\nexport const DXOSType: FC<{ className?: string }> = ({ className = defaultSize }) => {\n return (\n <svg\n viewBox='0 0 1024 512'\n version='1.1'\n xmlns='http://www.w3.org/2000/svg'\n xmlSpace='preserve'\n className={className}\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path d='M86.069,949.696L86.069,1150.73L128.337,1150.73C143.46,1150.73 157.438,1148.15 170.261,1143C183.093,1137.84 194.092,1130.8 203.257,1121.86C212.414,1112.93 219.574,1102.34 224.73,1090.08C229.886,1077.83 232.464,1064.59 232.464,1050.39C232.464,1035.95 230,1022.61 225.083,1010.35C220.147,998.094 213.168,987.496 204.117,978.559C195.065,969.622 184.009,962.586 170.958,957.43C157.896,952.274 143.346,949.696 127.306,949.696L86.069,949.696ZM59.259,924.949L129.368,924.949C148.845,924.949 166.604,928.166 182.634,934.573C198.665,940.999 212.414,949.821 223.88,961.03C235.328,972.267 244.207,985.491 250.509,1000.73C256.81,1015.96 259.961,1032.52 259.961,1050.39C259.961,1068.25 256.696,1084.86 250.165,1100.22C243.634,1115.57 234.583,1128.8 223.021,1139.91C211.449,1151.03 197.758,1159.79 181.947,1166.2C166.145,1172.62 148.96,1175.82 130.399,1175.82L59.259,1175.82L59.259,924.949Z' />\n </g>\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path d='M396.392,1067.91L325.596,1175.82L295.359,1175.82L380.925,1046.95L301.202,924.943L331.44,924.943L397.08,1024.27L462.376,924.943L492.614,924.943L412.538,1045.22L497.77,1175.82L467.532,1175.82L396.392,1067.91Z' />\n </g>\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path d='M665.476,1153.82C679.912,1153.82 693.317,1151.08 705.681,1145.58C718.055,1140.08 728.758,1132.63 737.818,1123.24C746.86,1113.84 753.963,1102.91 759.119,1090.41C764.275,1077.93 766.853,1064.59 766.853,1050.38C766.853,1036.18 764.275,1022.84 759.119,1010.35C753.963,997.859 746.86,986.927 737.818,977.522C728.758,968.137 718.055,960.68 705.681,955.18C693.317,949.691 679.912,946.941 665.476,946.941C651.039,946.941 637.635,949.691 625.27,955.18C612.897,960.68 602.184,968.137 593.133,977.522C584.082,986.927 576.978,997.859 571.832,1010.35C566.676,1022.84 564.098,1036.18 564.098,1050.38C564.098,1064.59 566.676,1077.93 571.832,1090.41C576.978,1102.91 584.082,1113.84 593.133,1123.24C602.184,1132.63 612.897,1140.08 625.27,1145.58C637.635,1151.08 651.039,1153.82 665.476,1153.82M665.476,1179.26C647.602,1179.26 630.875,1175.88 615.303,1169.12C599.721,1162.37 586.096,1153.13 574.4,1141.46C562.723,1129.76 553.491,1116.13 546.741,1100.55C539.981,1084.97 536.601,1068.24 536.601,1050.38C536.601,1032.52 539.981,1015.79 546.741,1000.21C553.491,984.626 562.723,971.001 574.4,959.315C586.096,947.628 599.721,938.405 615.303,931.645C630.875,924.895 647.602,921.506 665.476,921.506C683.349,921.506 700.067,924.895 715.649,931.645C731.23,938.405 744.855,947.628 756.541,959.315C768.228,971.001 777.451,984.626 784.21,1000.21C790.961,1015.79 794.35,1032.52 794.35,1050.38C794.35,1068.24 790.961,1084.97 784.21,1100.55C777.451,1116.13 768.228,1129.76 756.541,1141.46C744.855,1153.13 731.23,1162.37 715.649,1169.12C700.067,1175.88 683.349,1179.26 665.476,1179.26' />\n </g>\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path d='M926.997,1179.26C906.603,1179.26 889.303,1175.19 875.105,1167.06C860.898,1158.92 848.639,1147.63 838.328,1133.2L861.013,1116.03C869.491,1129.08 879.001,1138.83 889.541,1145.23C900.072,1151.65 912.561,1154.85 926.997,1154.85C934.778,1154.85 941.939,1153.65 948.479,1151.25C955.01,1148.84 960.614,1145.59 965.312,1141.46C970.009,1137.33 973.675,1132.34 976.311,1126.51C978.936,1120.67 980.263,1114.31 980.263,1107.43C980.263,1099.65 978.545,1093.12 975.108,1087.85C971.67,1082.57 967.088,1078.05 961.359,1074.27C955.63,1070.48 949.1,1067.23 941.777,1064.48C934.435,1061.72 926.882,1058.98 919.091,1056.22C910.384,1053.26 901.848,1049.99 893.494,1046.43C885.121,1042.89 877.683,1038.47 871.153,1033.2C864.622,1027.93 859.294,1021.57 855.17,1014.13C851.045,1006.7 848.992,997.463 848.992,986.464C848.992,977.307 850.931,968.762 854.826,960.857C858.721,952.961 864.106,946.087 870.981,940.243C877.855,934.4 885.98,929.827 895.375,926.495C904.77,923.182 914.967,921.511 925.966,921.511C943.839,921.511 958.953,924.843 971.327,931.488C983.701,938.124 994.461,947.414 1003.63,959.32L982.326,975.121C969.494,955.185 950.589,945.227 925.622,945.227C918.519,945.227 911.988,946.258 906.03,948.33C900.072,950.373 894.869,953.305 890.401,957.076C885.932,960.857 882.438,965.277 879.917,970.309C877.397,975.36 876.136,980.735 876.136,986.464C876.136,993.796 877.798,999.926 881.12,1004.84C884.433,1009.78 888.854,1014.08 894.353,1017.73C899.843,1021.41 906.202,1024.56 913.42,1027.18C920.638,1029.83 928.143,1032.52 935.934,1035.26C944.641,1038.24 953.224,1041.56 961.703,1045.23C970.181,1048.9 977.8,1053.42 984.56,1058.81C991.31,1064.18 996.809,1070.79 1001.05,1078.56C1005.29,1086.36 1007.41,1095.98 1007.41,1107.43C1007.41,1116.83 1005.53,1125.81 1001.75,1134.41C997.965,1143 992.513,1150.62 985.419,1157.25C978.316,1163.92 969.837,1169.24 959.994,1173.24C950.131,1177.25 939.132,1179.26 926.997,1179.26' />\n </g>\n </svg>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nconst defaultSize = 'w-[128px] h-[128px]';\n\nexport const DXOSVerticalType: FC<{ className?: string }> = ({ className = defaultSize }) => {\n return (\n <svg\n viewBox='0 0 1024 1024'\n version='1.1'\n xmlns='http://www.w3.org/2000/svg'\n xmlSpace='preserve'\n className={className}\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path d='M86.069,949.696L86.069,1150.73L128.337,1150.73C143.46,1150.73 157.438,1148.15 170.261,1143C183.093,1137.84 194.092,1130.8 203.257,1121.86C212.414,1112.93 219.574,1102.34 224.73,1090.08C229.886,1077.83 232.464,1064.59 232.464,1050.39C232.464,1035.95 230,1022.61 225.083,1010.35C220.147,998.094 213.168,987.496 204.117,978.559C195.065,969.622 184.009,962.586 170.958,957.43C157.896,952.274 143.346,949.696 127.306,949.696L86.069,949.696ZM59.259,924.949L129.368,924.949C148.845,924.949 166.604,928.166 182.634,934.573C198.665,940.999 212.414,949.821 223.88,961.03C235.328,972.267 244.207,985.491 250.509,1000.73C256.81,1015.96 259.961,1032.52 259.961,1050.39C259.961,1068.25 256.696,1084.86 250.165,1100.22C243.634,1115.57 234.583,1128.8 223.021,1139.91C211.449,1151.03 197.758,1159.79 181.947,1166.2C166.145,1172.62 148.96,1175.82 130.399,1175.82L59.259,1175.82L59.259,924.949Z' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path d='M396.392,1067.91L325.596,1175.82L295.359,1175.82L380.925,1046.95L301.202,924.943L331.44,924.943L397.08,1024.27L462.376,924.943L492.614,924.943L412.538,1045.22L497.77,1175.82L467.532,1175.82L396.392,1067.91Z' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path d='M665.476,1153.82C679.912,1153.82 693.317,1151.08 705.681,1145.58C718.055,1140.08 728.758,1132.63 737.818,1123.24C746.86,1113.84 753.963,1102.91 759.119,1090.41C764.275,1077.93 766.853,1064.59 766.853,1050.38C766.853,1036.18 764.275,1022.84 759.119,1010.35C753.963,997.859 746.86,986.927 737.818,977.522C728.758,968.137 718.055,960.68 705.681,955.18C693.317,949.691 679.912,946.941 665.476,946.941C651.039,946.941 637.635,949.691 625.27,955.18C612.897,960.68 602.184,968.137 593.133,977.522C584.082,986.927 576.978,997.859 571.832,1010.35C566.676,1022.84 564.098,1036.18 564.098,1050.38C564.098,1064.59 566.676,1077.93 571.832,1090.41C576.978,1102.91 584.082,1113.84 593.133,1123.24C602.184,1132.63 612.897,1140.08 625.27,1145.58C637.635,1151.08 651.039,1153.82 665.476,1153.82M665.476,1179.26C647.602,1179.26 630.875,1175.88 615.303,1169.12C599.721,1162.37 586.096,1153.13 574.4,1141.46C562.723,1129.76 553.491,1116.13 546.741,1100.55C539.981,1084.97 536.601,1068.24 536.601,1050.38C536.601,1032.52 539.981,1015.79 546.741,1000.21C553.491,984.626 562.723,971.001 574.4,959.315C586.096,947.628 599.721,938.405 615.303,931.645C630.875,924.895 647.602,921.506 665.476,921.506C683.349,921.506 700.067,924.895 715.649,931.645C731.23,938.405 744.855,947.628 756.541,959.315C768.228,971.001 777.451,984.626 784.21,1000.21C790.961,1015.79 794.35,1032.52 794.35,1050.38C794.35,1068.24 790.961,1084.97 784.21,1100.55C777.451,1116.13 768.228,1129.76 756.541,1141.46C744.855,1153.13 731.23,1162.37 715.649,1169.12C700.067,1175.88 683.349,1179.26 665.476,1179.26' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path d='M926.997,1179.26C906.603,1179.26 889.303,1175.19 875.105,1167.06C860.898,1158.92 848.639,1147.63 838.328,1133.2L861.013,1116.03C869.491,1129.08 879.001,1138.83 889.541,1145.23C900.072,1151.65 912.561,1154.85 926.997,1154.85C934.778,1154.85 941.939,1153.65 948.479,1151.25C955.01,1148.84 960.614,1145.59 965.312,1141.46C970.009,1137.33 973.675,1132.34 976.311,1126.51C978.936,1120.67 980.263,1114.31 980.263,1107.43C980.263,1099.65 978.545,1093.12 975.108,1087.85C971.67,1082.57 967.088,1078.05 961.359,1074.27C955.63,1070.48 949.1,1067.23 941.777,1064.48C934.435,1061.72 926.882,1058.98 919.091,1056.22C910.384,1053.26 901.848,1049.99 893.494,1046.43C885.121,1042.89 877.683,1038.47 871.153,1033.2C864.622,1027.93 859.294,1021.57 855.17,1014.13C851.045,1006.7 848.992,997.463 848.992,986.464C848.992,977.307 850.931,968.762 854.826,960.857C858.721,952.961 864.106,946.087 870.981,940.243C877.855,934.4 885.98,929.827 895.375,926.495C904.77,923.182 914.967,921.511 925.966,921.511C943.839,921.511 958.953,924.843 971.327,931.488C983.701,938.124 994.461,947.414 1003.63,959.32L982.326,975.121C969.494,955.185 950.589,945.227 925.622,945.227C918.519,945.227 911.988,946.258 906.03,948.33C900.072,950.373 894.869,953.305 890.401,957.076C885.932,960.857 882.438,965.277 879.917,970.309C877.397,975.36 876.136,980.735 876.136,986.464C876.136,993.796 877.798,999.926 881.12,1004.84C884.433,1009.78 888.854,1014.08 894.353,1017.73C899.843,1021.41 906.202,1024.56 913.42,1027.18C920.638,1029.83 928.143,1032.52 935.934,1035.26C944.641,1038.24 953.224,1041.56 961.703,1045.23C970.181,1048.9 977.8,1053.42 984.56,1058.81C991.31,1064.18 996.809,1070.79 1001.05,1078.56C1005.29,1086.36 1007.41,1095.98 1007.41,1107.43C1007.41,1116.83 1005.53,1125.81 1001.75,1134.41C997.965,1143 992.513,1150.62 985.419,1157.25C978.316,1163.92 969.837,1169.24 959.994,1173.24C950.131,1177.25 939.132,1179.26 926.997,1179.26' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path d='M629.499,392.807L552.936,287.544L833.657,112.096L629.499,392.807ZM833.657,714.096L552.936,538.658L629.499,433.385L833.657,714.096ZM442.011,433.385L518.574,538.658L237.853,714.096L442.011,433.385ZM237.853,112.096L518.574,287.544L442.011,392.807L237.853,112.096ZM547.714,320.932L614.748,413.096L547.714,505.26L547.714,320.932ZM523.844,505.317L456.772,413.096L523.844,320.875L523.844,505.317ZM873.146,59.259L535.76,270.129L198.364,59.259L182.391,76.397L427.26,413.096L182.391,749.795L198.364,766.933L535.76,556.063L873.146,766.933L889.119,749.795L644.25,413.096L889.119,76.397L873.146,59.259Z' />\n </g>\n </svg>\n );\n};\n"],
|
|
5
|
-
"mappings": ";AAIA,YAAYA,QAAQ;AACpB,OAAOC,UAGLC,cAAAA,aAEAC,WACAC,qBACAC,SACAC,QACAC,gBACK;AAEP,SAASC,UAAU;;;ACbnB,
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\nimport * as d3 from 'd3';\nimport React, {\n type CSSProperties,\n type FC,\n forwardRef,\n type HTMLAttributes,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { Composer } from '../../icons';\n\nexport interface AnimationController {\n spin: () => void;\n}\n\nconst defaultClassNames = ['[&>path]:fill-teal-400', '[&>path]:fill-teal-500', '[&>path]:fill-teal-600'];\n\ntype Props = {\n inset: number;\n spin: string;\n className: string;\n style: CSSProperties;\n};\n\nconst getLayers = (size: number, [a, b, c]: string[]): Props[] => {\n return [\n {\n inset: 0,\n spin: 'animate-[spin_2s_linear_infinite]',\n style: {},\n className: a,\n },\n {\n inset: size / 6,\n spin: 'animate-[spin_2s_linear_infinite]',\n style: {\n animationDirection: 'reverse',\n },\n className: b,\n },\n {\n inset: size / 3.6,\n spin: 'animate-[spin_1s_linear_infinite]',\n style: {},\n className: c,\n },\n ];\n};\n\nexport type ComposerLogoProps = { animate?: boolean; size?: number; classNames?: string[] } & Omit<\n HTMLAttributes<HTMLDivElement>,\n 'className'\n>;\n\nexport const ComposerLogo = forwardRef<AnimationController, ComposerLogoProps>(\n ({ animate: _animate = false, size = 32, classNames = defaultClassNames, ...props }: ComposerLogoProps, ref) => {\n const layers = useMemo(() => getLayers(size, classNames), [size, classNames]);\n const [animate, setAnimate] = useState(_animate);\n useImperativeHandle(\n ref,\n () => ({\n spin: () => {\n setAnimate(true);\n setTimeout(() => {\n setAnimate(false);\n }, 2_000);\n },\n }),\n [],\n );\n\n return (\n <div\n {...props}\n className='flex relative'\n style={{\n width: size,\n height: size,\n }}\n >\n {layers.map(({ inset, spin, style, className }, i) => (\n <div key={i} className='absolute' style={{ inset: `${inset}px` }}>\n <Composer className={mx('w-full h-full', animate && spin, className)} style={style} />\n </div>\n ))}\n </div>\n );\n },\n);\n\ntype Slice = {\n startAngle?: number;\n endAngle?: number;\n innerRadius: number;\n outerRadius: number;\n color: string;\n duration: number;\n};\n\nconst createSlices = ({\n color,\n radius,\n gap = 0,\n t = 1,\n}: {\n color: string;\n radius: number;\n gap?: number;\n t?: number;\n}): Slice[] => {\n const n = radius < 50 ? 3 : radius < 100 ? 4 : 5;\n const parts: Pick<Slice, 'duration'>[] = [\n {\n duration: 1600,\n },\n {\n duration: 1400,\n },\n {\n duration: 1200,\n },\n {\n duration: 1000,\n },\n {\n duration: 800,\n },\n ].slice(0, n);\n\n const width = radius / (parts.length + 1);\n\n return parts.map(({ duration }, i) => ({\n outerRadius: radius - i * width,\n innerRadius: radius - (i + 1) * width + gap,\n color: color + (0xa0 - i * 0x15).toString(16),\n duration: duration * t,\n }));\n};\n\n/**\n * Spinning Composer \"C\" logo.\n */\n// TODO(burdon): Configure stripes.\nexport const ComposerSpinner: FC<{\n animate?: boolean;\n size?: number;\n gap?: number;\n color?: string;\n autoFade?: boolean;\n onClick?: () => void;\n}> = ({ animate, size = 200, gap = 1, color = '#999999', autoFade, onClick }) => {\n const ref = useRef<SVGSVGElement>(null);\n const triggerRef = useRef(() => {});\n const animateRef = useRef(animate);\n useEffect(() => {\n animateRef.current = animate;\n if (animate) {\n triggerRef.current();\n }\n }, [animate]);\n\n useEffect(() => {\n const svg = d3\n .select(ref.current)\n .attr('width', size)\n .attr('height', size)\n .append('g')\n .attr('transform', `translate(${size / 2}, ${size / 2})`);\n\n // TODO(burdon): Pass in.\n const arcs = createSlices({ radius: size / 2, gap, color });\n\n let count = 0;\n const fadeOut = () => {\n if (--count === 0) {\n svg\n .selectAll('path')\n .transition()\n .delay((_: any, i: any) => i * 200)\n .duration(2_000)\n .attr('opacity', 0);\n }\n };\n\n // const createArc = ({\n // innerRadius,\n // outerRadius,\n // startAngle = (1 / 4) * Math.PI,\n // endAngle = -(5 / 4) * Math.PI,\n // }: Slice): ValueFn<SVGPathElement, d3.DefaultArcObject, string | null> =>\n // d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).startAngle(startAngle).endAngle(endAngle);\n\n const trigger = arcs.map((arc) => {\n const { color, duration } = arc;\n const { innerRadius, outerRadius, startAngle = (1 / 4) * Math.PI, endAngle = -(5 / 4) * Math.PI } = arc;\n\n const arcPath = svg\n .append('path')\n .attr(\n 'd',\n d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).startAngle(startAngle).endAngle(endAngle) as any,\n )\n .attr('fill', color);\n const rotateArc = () => {\n arcPath\n .attr('opacity', 1)\n .transition()\n .duration(duration)\n .attrTween('transform', (() => d3.interpolateString('rotate(0)', 'rotate(360)')) as any)\n .on('end', ((_: any, i: number, nodes: Node[]) => {\n if (animateRef.current) {\n rotateArc();\n } else if (autoFade) {\n fadeOut();\n // d3.select(nodes[i])\n // .transition()\n // .duration(1000)\n // .attrTween('d', () => {\n // const interpolate = d3.interpolate(0, Math.PI);\n // return (t: number) => createArc(arc);\n // });\n }\n }) as any);\n };\n\n return rotateArc;\n });\n\n triggerRef.current = () => {\n count = trigger.length;\n trigger.forEach((rotate) => rotate());\n };\n\n if (animate) {\n triggerRef.current();\n }\n\n return () => {\n d3.select(ref.current).selectChildren().remove();\n };\n }, []);\n\n return <svg ref={ref} onClick={onClick} />;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M202.206,23.705l-25.956,36.48c-14.091,-10.026 -30.956,-15.413 -48.25,-15.413c-45.935,-0 -83.228,37.293 -83.228,83.228c-0,45.935 37.293,83.228 83.228,83.228c17.294,0 34.159,-5.387 48.25,-15.413l25.956,36.48c-21.672,15.42 -47.609,23.705 -74.206,23.705c-70.645,-0 -128,-57.355 -128,-128c0,-70.645 57.355,-128 128,-128c26.597,0 52.534,8.285 74.206,23.705Z' />\n </>,\n ],\n]);\n\nexport const Composer = forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n <IconBase ref={ref} {...props} weights={weights} />\n));\n\nComposer.displayName = 'Composer';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n // eslint-disable-next-line react/jsx-key\n <g\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M49.285,99.535L227.063,266.206L233.754,269.776L709.185,379.616L722.442,376.046L1017.38,99.535L1007.41,74.313L59.259,74.313L49.285,99.535M96.137,103.479L244.146,242.242L708.169,349.446L970.53,103.479L96.137,103.479' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M240.121,269.814L1010.49,103.142L1004.32,74.635L233.953,241.306L240.121,269.814Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M533.327,513.34L702.487,354.763L722.435,376.042L543.301,543.969L523.353,543.968L227.057,266.202L247.004,244.923L533.327,513.34Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M59.259,992.354L1007.41,992.354L1017.38,967.132L722.442,690.621L709.185,687.051L233.754,796.891L227.063,800.461L49.285,967.132L59.259,992.354M244.146,824.425L96.137,963.187L970.53,963.187L708.169,717.221L244.146,824.425' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M233.953,825.36L1004.32,992.031L1010.49,963.524L240.121,796.853L233.953,825.36Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M533.327,553.328L247.004,821.745L227.057,800.466L523.353,522.7L543.301,522.7L722.435,690.626L702.487,711.905L533.327,553.328Z' />\n </g>\n </g>,\n ],\n]);\n\nexport const DXNS = forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n <IconBase ref={ref} {...props} weights={weights} />\n));\n\nDXNS.displayName = 'DXNS';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M127.96,85.307l2.83,-2.058l113.742,156.395l-4.684,5.025l-111.888,-69.93l-111.888,69.93l-4.684,-5.025l113.742,-156.395l2.83,2.058Zm100.309,143.873l-100.309,-137.925l-100.309,137.925l98.455,-61.534l3.708,0l98.455,61.534Z' />\n <path d='M127.96,81.181l111.888,-69.93l4.684,5.025l-113.742,156.395l-2.83,-2.058l-2.83,2.058l-113.742,-156.395l4.684,-5.025l111.888,69.93Zm-100.309,-54.441l100.309,137.925l100.309,-137.925l-98.455,61.534l-3.708,-0l-98.455,-61.534Z' />\n <rect x='124.467' y='85.307' width='6.998' height='85.307' />\n </>,\n ],\n]);\n\nexport const DXOS = forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n <IconBase ref={ref} {...props} weights={weights} />\n));\n\nDXOS.displayName = 'DXOS';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M20.206,95.214l213.266,72.121l2.242,-6.628l-213.266,-72.123l-2.242,6.63Z' />\n <path d='M233.472,88.584l-213.266,72.123l2.242,6.628l213.266,-72.121l-2.242,-6.63Z' />\n <path d='M127.96,122.86l104.017,-111.034l6.053,2.392l-0.034,227.485l-6.053,2.391l-103.983,-110.998l-103.983,110.998l-6.053,-2.391l-0.033,-227.485l6.052,-2.392l104.017,111.034Zm4.795,5.118l98.244,104.873l0.032,-209.779l-98.276,104.906Zm-107.834,104.873l98.245,-104.873l-98.276,-104.906l0.031,209.779Z' />\n </>,\n ],\n]);\n\nexport const ECHO = forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n <IconBase ref={ref} {...props} weights={weights} />\n));\n\nECHO.displayName = 'ECHO';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M95.822,117.241l-64.269,126.05l-6.235,-3.178l65.243,-127.96l3.117,-1.91l65.243,0l0,6.998l-63.099,0Z' />\n <path d='M227.483,241.703l-68.559,-127.96l68.559,127.96Z' />\n <path d='M230.567,240.05l-6.168,3.305l-68.559,-127.96l6.168,-3.305l68.559,127.96Z' />\n <path d='M230.569,240.05l-68.563,-127.96l-6.169,3.305l68.563,127.96l6.169,-3.305Z' />\n <path d='M158.921,113.742l-32.621,56.871' />\n <path d='M155.886,112.001l-32.621,56.871l6.07,3.482l32.621,-56.871l-6.07,-3.482Z' />\n <path d='M184.275,30.24l-21.968,84.384l-6.772,-1.764l25.91,-99.524l6.825,0.237l42.654,227.484l-5.451,3.508l-99.139,-69.652l-95.842,69.62l-5.495,-3.476l42.653,-227.484l6.851,-0.13l22.474,99.013l31.973,55.741l93.513,65.7l-38.186,-203.657Zm-112.86,1.223l-37.92,202.239l88.207,-64.073l-31.059,-54.146l-0.377,-0.967l-18.851,-83.053Z' />\n </>,\n ],\n]);\n\nexport const HALO = forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n <IconBase ref={ref} {...props} weights={weights} />\n));\n\nHALO.displayName = 'HALO';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n // eslint-disable-next-line react/jsx-key\n <g\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M547.364,1007.44L548.457,460.268L519.29,460.21L518.197,1007.38L547.364,1007.44Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M54.139,250.695L528.213,428.47L538.454,401.16L64.38,223.385L54.139,250.695Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <rect x='519.303' y='59.261' width='29.167' height='550.2' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M528.213,665.508L1002.29,843.284L1012.53,815.975L538.454,638.199L528.213,665.508Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M1002.29,223.382L528.216,401.16L538.457,428.47L1012.53,250.692L1002.29,223.382Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M528.213,638.199L54.139,815.976L64.38,843.285L538.454,665.508L528.213,638.199Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M1021.99,829.63L1021.99,237.037L1012.54,223.388L540.115,45.61L534.978,44.676L533.885,44.676L528.77,45.602L54.143,223.38L44.675,237.064L45.781,829.654L55.228,843.275L527.643,1021.05L537.894,1021.06L1012.52,843.286L1021.99,829.63ZM73.86,247.14L74.929,819.526L532.791,991.826L992.823,819.519L992.823,247.131L534.421,74.631L73.86,247.14Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M520.356,51.633L46.835,822L71.683,837.274L545.204,66.906L520.356,51.633Z' />\n </g>\n <g transform='matrix(0.239925,0,0,0.239925,0,0)'>\n <path d='M995.005,229.366L520.378,996.709L545.183,1012.05L1019.81,244.708L995.005,229.366Z' />\n </g>\n </g>,\n ],\n]);\n\nexport const KUBE = forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n <IconBase ref={ref} {...props} weights={weights} />\n));\n\nKUBE.displayName = 'KUBE';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';\nimport React, { forwardRef, type ReactElement } from 'react';\n\nconst weights = new Map<IconWeight, ReactElement>([\n [\n 'regular',\n <>\n <path d='M65.743,14.645l58.606,227.928l6.777,-1.742l-58.606,-227.929l-6.777,1.743Z' />\n <path d='M127.737,235.515l82.361,-120.117l5.771,3.958l-85.247,124.325l-5.771,-0l-85.244,-124.326l5.772,-3.957l82.358,120.117Z' />\n <path d='M127.738,84.021l55.836,-72.385l6.159,1.266l58.607,227.929l-6.159,3.008l-114.443,-148.361l-114.443,148.361l-6.159,-3.008l58.607,-227.929l6.159,-1.266l55.836,72.385Zm-109.585,142.063l105.166,-136.335l-52.583,-68.167l-52.583,204.502Zm114.004,-136.335l105.166,136.335l-52.583,-204.502l-52.583,68.167Z' />\n <path d='M182.956,12.902l-58.607,227.929l6.777,1.742l58.607,-227.928l-6.777,-1.743Z' />\n </>,\n ],\n]);\n\nexport const MESH = forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n <IconBase ref={ref} {...props} weights={weights} />\n));\n\nMESH.displayName = 'MESH';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nconst defaultSize = 'w-[256px] h-[128px]';\n\nexport const DXOSHorizontalType: FC<{ className?: string }> = ({ className = defaultSize }) => {\n return (\n <svg\n viewBox='0 0 2048 1024'\n version='1.1'\n xmlns='http://www.w3.org/2000/svg'\n xmlSpace='preserve'\n className={className}\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path d='M1191.03,327.748L1191.03,712.923L1272.01,712.923C1300.99,712.923 1327.76,707.978 1352.33,698.101C1376.92,688.223 1397.99,674.728 1415.55,657.617C1433.1,640.492 1446.82,620.193 1456.7,596.707C1466.58,573.233 1471.51,547.888 1471.51,520.658C1471.51,493.011 1466.79,467.438 1457.36,443.952C1447.92,420.491 1434.53,400.179 1417.19,383.055C1399.85,365.943 1378.68,352.448 1353.66,342.558C1328.63,332.693 1300.76,327.748 1270.04,327.748L1191.03,327.748ZM1139.67,280.345L1274,280.345C1311.29,280.345 1345.32,286.492 1376.05,298.773C1406.77,311.079 1433.1,327.975 1455.06,349.476C1477,370.989 1494.01,396.334 1506.08,425.525C1518.14,454.727 1524.19,486.422 1524.19,520.658C1524.19,554.895 1517.93,586.728 1505.42,616.133C1492.91,645.538 1475.57,670.896 1453.41,692.182C1431.24,713.48 1405.01,730.263 1374.72,742.556C1344.44,754.837 1311.52,760.983 1275.97,760.983L1139.67,760.983L1139.67,280.345Z' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path d='M1785.58,554.239L1649.95,760.986L1592,760.986L1755.95,514.084L1603.2,280.348L1661.14,280.348L1786.89,470.628L1911.99,280.348L1969.93,280.348L1816.53,510.783L1979.81,760.986L1921.87,760.986L1785.58,554.239Z' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path d='M2301.11,718.848C2328.77,718.848 2354.44,713.574 2378.14,703.038C2401.85,692.503 2422.36,678.249 2439.7,660.252C2457.04,642.255 2470.65,621.298 2480.53,597.37C2490.4,573.453 2495.34,547.88 2495.34,520.663C2495.34,493.459 2490.4,467.886 2480.53,443.957C2470.65,420.041 2457.04,399.084 2439.7,381.074C2422.36,363.09 2401.85,348.823 2378.14,338.288C2354.44,327.753 2328.77,322.479 2301.11,322.479C2273.45,322.479 2247.78,327.753 2224.08,338.288C2200.37,348.823 2179.85,363.09 2162.52,381.074C2145.17,399.084 2131.57,420.041 2121.7,443.957C2111.82,467.886 2106.89,493.459 2106.89,520.663C2106.89,547.88 2111.82,573.453 2121.7,597.37C2131.57,621.298 2145.17,642.255 2162.52,660.252C2179.85,678.249 2200.37,692.503 2224.08,703.038C2247.78,713.574 2273.45,718.848 2301.11,718.848M2301.11,767.565C2266.87,767.565 2234.83,761.077 2204.98,748.139C2175.13,735.201 2149.03,717.532 2126.64,695.134C2104.25,672.748 2086.57,646.644 2073.64,616.796C2060.68,586.948 2054.21,554.9 2054.21,520.663C2054.21,486.427 2060.68,454.391 2073.64,424.531C2086.57,394.695 2104.25,368.579 2126.64,346.193C2149.03,323.807 2175.13,306.138 2204.98,293.188C2234.83,280.237 2266.87,273.761 2301.11,273.761C2335.35,273.761 2367.38,280.237 2397.24,293.188C2427.08,306.138 2453.2,323.807 2475.58,346.193C2497.97,368.579 2515.64,394.695 2528.59,424.531C2541.54,454.391 2548.01,486.427 2548.01,520.663C2548.01,554.9 2541.54,586.948 2528.59,616.796C2515.64,646.644 2497.97,672.748 2475.58,695.134C2453.2,717.532 2427.08,735.201 2397.24,748.139C2367.38,761.077 2335.35,767.565 2301.11,767.565' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path d='M2802.16,767.565C2763.09,767.565 2729.96,759.774 2702.74,744.18C2675.52,728.611 2652.05,706.984 2632.29,679.337L2675.75,646.416C2691.99,671.433 2710.2,690.1 2730.4,702.381C2750.57,714.674 2774.5,720.82 2802.16,720.82C2817.08,720.82 2830.81,718.519 2843.32,713.902C2855.82,709.299 2866.57,703.038 2875.58,695.134C2884.57,687.242 2891.59,677.693 2896.65,666.5C2901.68,655.307 2904.21,643.128 2904.21,629.962C2904.21,615.038 2900.92,602.53 2894.35,592.424C2887.76,582.332 2878.97,573.668 2868,566.421C2857.03,559.174 2844.52,552.927 2830.48,547.653C2816.41,542.391 2801.93,537.117 2787.02,531.856C2770.33,526.165 2753.99,519.904 2737.96,513.087C2721.94,506.296 2707.68,497.847 2695.18,487.742C2682.66,477.649 2672.46,465.47 2664.56,451.204C2656.65,436.938 2652.71,419.269 2652.71,398.199C2652.71,380.644 2656.43,364.291 2663.9,349.152C2671.36,334.001 2681.67,320.835 2694.85,309.642C2708.01,298.449 2723.58,289.672 2741.58,283.31C2759.58,276.948 2779.12,273.761 2800.19,273.761C2834.42,273.761 2863.4,280.123 2887.1,292.859C2910.8,305.595 2931.43,323.364 2948.98,346.193L2908.16,376.471C2883.57,338.288 2847.36,319.191 2799.53,319.191C2785.92,319.191 2773.41,321.164 2762.01,325.122C2750.57,329.068 2740.61,334.658 2732.04,341.905C2723.48,349.152 2716.79,357.601 2711.96,367.251C2707.13,376.913 2704.71,387.233 2704.71,398.199C2704.71,412.25 2707.9,423.987 2714.26,433.422C2720.62,442.869 2729.08,451.103 2739.62,458.109C2750.15,465.141 2762.33,471.174 2776.16,476.22C2789.98,481.267 2804.35,486.427 2819.28,491.701C2835.95,497.405 2852.42,503.779 2868.66,510.786C2884.9,517.818 2899.49,526.481 2912.45,536.789C2925.38,547.109 2935.92,559.731 2944.05,574.655C2952.16,589.579 2956.23,608.019 2956.23,629.962C2956.23,647.959 2952.61,665.185 2945.37,681.652C2938.12,698.106 2927.69,712.701 2914.09,725.424C2900.48,738.16 2884.24,748.366 2865.37,756.043C2846.49,763.72 2825.42,767.565 2802.16,767.565' />\n </g>\n <g transform='matrix(0.64,0,0,0.64,62.0285,170.667)'>\n <path d='M893.472,909.428L555.003,697.888L647.316,570.959L893.472,909.428ZM398.96,570.959L491.273,697.888L152.804,909.428L398.96,570.959ZM152.804,157.226L491.273,368.766L398.96,495.695L152.804,157.226ZM545.277,430.649L619.947,533.333L545.277,636.005L545.277,430.649ZM501.011,636.005L426.329,533.333L501.011,430.649L501.011,636.005ZM647.316,495.695L555.003,368.766L893.472,157.226L647.316,495.695ZM996.346,91.042L966.713,59.259L523.144,336.49L79.563,59.259L49.93,91.042L371.591,533.333L49.93,975.612L79.563,1007.41L523.144,730.164L966.713,1007.41L996.346,975.612L674.685,533.333L996.346,91.042Z' />\n </g>\n </svg>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nconst defaultSize = 'w-[128px] h-[64px]';\n\nexport const DXOSType: FC<{ className?: string }> = ({ className = defaultSize }) => {\n return (\n <svg\n viewBox='0 0 1024 512'\n version='1.1'\n xmlns='http://www.w3.org/2000/svg'\n xmlSpace='preserve'\n className={className}\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path d='M86.069,949.696L86.069,1150.73L128.337,1150.73C143.46,1150.73 157.438,1148.15 170.261,1143C183.093,1137.84 194.092,1130.8 203.257,1121.86C212.414,1112.93 219.574,1102.34 224.73,1090.08C229.886,1077.83 232.464,1064.59 232.464,1050.39C232.464,1035.95 230,1022.61 225.083,1010.35C220.147,998.094 213.168,987.496 204.117,978.559C195.065,969.622 184.009,962.586 170.958,957.43C157.896,952.274 143.346,949.696 127.306,949.696L86.069,949.696ZM59.259,924.949L129.368,924.949C148.845,924.949 166.604,928.166 182.634,934.573C198.665,940.999 212.414,949.821 223.88,961.03C235.328,972.267 244.207,985.491 250.509,1000.73C256.81,1015.96 259.961,1032.52 259.961,1050.39C259.961,1068.25 256.696,1084.86 250.165,1100.22C243.634,1115.57 234.583,1128.8 223.021,1139.91C211.449,1151.03 197.758,1159.79 181.947,1166.2C166.145,1172.62 148.96,1175.82 130.399,1175.82L59.259,1175.82L59.259,924.949Z' />\n </g>\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path d='M396.392,1067.91L325.596,1175.82L295.359,1175.82L380.925,1046.95L301.202,924.943L331.44,924.943L397.08,1024.27L462.376,924.943L492.614,924.943L412.538,1045.22L497.77,1175.82L467.532,1175.82L396.392,1067.91Z' />\n </g>\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path d='M665.476,1153.82C679.912,1153.82 693.317,1151.08 705.681,1145.58C718.055,1140.08 728.758,1132.63 737.818,1123.24C746.86,1113.84 753.963,1102.91 759.119,1090.41C764.275,1077.93 766.853,1064.59 766.853,1050.38C766.853,1036.18 764.275,1022.84 759.119,1010.35C753.963,997.859 746.86,986.927 737.818,977.522C728.758,968.137 718.055,960.68 705.681,955.18C693.317,949.691 679.912,946.941 665.476,946.941C651.039,946.941 637.635,949.691 625.27,955.18C612.897,960.68 602.184,968.137 593.133,977.522C584.082,986.927 576.978,997.859 571.832,1010.35C566.676,1022.84 564.098,1036.18 564.098,1050.38C564.098,1064.59 566.676,1077.93 571.832,1090.41C576.978,1102.91 584.082,1113.84 593.133,1123.24C602.184,1132.63 612.897,1140.08 625.27,1145.58C637.635,1151.08 651.039,1153.82 665.476,1153.82M665.476,1179.26C647.602,1179.26 630.875,1175.88 615.303,1169.12C599.721,1162.37 586.096,1153.13 574.4,1141.46C562.723,1129.76 553.491,1116.13 546.741,1100.55C539.981,1084.97 536.601,1068.24 536.601,1050.38C536.601,1032.52 539.981,1015.79 546.741,1000.21C553.491,984.626 562.723,971.001 574.4,959.315C586.096,947.628 599.721,938.405 615.303,931.645C630.875,924.895 647.602,921.506 665.476,921.506C683.349,921.506 700.067,924.895 715.649,931.645C731.23,938.405 744.855,947.628 756.541,959.315C768.228,971.001 777.451,984.626 784.21,1000.21C790.961,1015.79 794.35,1032.52 794.35,1050.38C794.35,1068.24 790.961,1084.97 784.21,1100.55C777.451,1116.13 768.228,1129.76 756.541,1141.46C744.855,1153.13 731.23,1162.37 715.649,1169.12C700.067,1175.88 683.349,1179.26 665.476,1179.26' />\n </g>\n <g transform='matrix(1,0,0,1,-21.333,-794.383)'>\n <path d='M926.997,1179.26C906.603,1179.26 889.303,1175.19 875.105,1167.06C860.898,1158.92 848.639,1147.63 838.328,1133.2L861.013,1116.03C869.491,1129.08 879.001,1138.83 889.541,1145.23C900.072,1151.65 912.561,1154.85 926.997,1154.85C934.778,1154.85 941.939,1153.65 948.479,1151.25C955.01,1148.84 960.614,1145.59 965.312,1141.46C970.009,1137.33 973.675,1132.34 976.311,1126.51C978.936,1120.67 980.263,1114.31 980.263,1107.43C980.263,1099.65 978.545,1093.12 975.108,1087.85C971.67,1082.57 967.088,1078.05 961.359,1074.27C955.63,1070.48 949.1,1067.23 941.777,1064.48C934.435,1061.72 926.882,1058.98 919.091,1056.22C910.384,1053.26 901.848,1049.99 893.494,1046.43C885.121,1042.89 877.683,1038.47 871.153,1033.2C864.622,1027.93 859.294,1021.57 855.17,1014.13C851.045,1006.7 848.992,997.463 848.992,986.464C848.992,977.307 850.931,968.762 854.826,960.857C858.721,952.961 864.106,946.087 870.981,940.243C877.855,934.4 885.98,929.827 895.375,926.495C904.77,923.182 914.967,921.511 925.966,921.511C943.839,921.511 958.953,924.843 971.327,931.488C983.701,938.124 994.461,947.414 1003.63,959.32L982.326,975.121C969.494,955.185 950.589,945.227 925.622,945.227C918.519,945.227 911.988,946.258 906.03,948.33C900.072,950.373 894.869,953.305 890.401,957.076C885.932,960.857 882.438,965.277 879.917,970.309C877.397,975.36 876.136,980.735 876.136,986.464C876.136,993.796 877.798,999.926 881.12,1004.84C884.433,1009.78 888.854,1014.08 894.353,1017.73C899.843,1021.41 906.202,1024.56 913.42,1027.18C920.638,1029.83 928.143,1032.52 935.934,1035.26C944.641,1038.24 953.224,1041.56 961.703,1045.23C970.181,1048.9 977.8,1053.42 984.56,1058.81C991.31,1064.18 996.809,1070.79 1001.05,1078.56C1005.29,1086.36 1007.41,1095.98 1007.41,1107.43C1007.41,1116.83 1005.53,1125.81 1001.75,1134.41C997.965,1143 992.513,1150.62 985.419,1157.25C978.316,1163.92 969.837,1169.24 959.994,1173.24C950.131,1177.25 939.132,1179.26 926.997,1179.26' />\n </g>\n </svg>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nconst defaultSize = 'w-[128px] h-[128px]';\n\nexport const DXOSVerticalType: FC<{ className?: string }> = ({ className = defaultSize }) => {\n return (\n <svg\n viewBox='0 0 1024 1024'\n version='1.1'\n xmlns='http://www.w3.org/2000/svg'\n xmlSpace='preserve'\n className={className}\n style={{\n fillRule: 'evenodd',\n clipRule: 'evenodd',\n strokeLinejoin: 'round',\n strokeMiterlimit: 2,\n }}\n >\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path d='M86.069,949.696L86.069,1150.73L128.337,1150.73C143.46,1150.73 157.438,1148.15 170.261,1143C183.093,1137.84 194.092,1130.8 203.257,1121.86C212.414,1112.93 219.574,1102.34 224.73,1090.08C229.886,1077.83 232.464,1064.59 232.464,1050.39C232.464,1035.95 230,1022.61 225.083,1010.35C220.147,998.094 213.168,987.496 204.117,978.559C195.065,969.622 184.009,962.586 170.958,957.43C157.896,952.274 143.346,949.696 127.306,949.696L86.069,949.696ZM59.259,924.949L129.368,924.949C148.845,924.949 166.604,928.166 182.634,934.573C198.665,940.999 212.414,949.821 223.88,961.03C235.328,972.267 244.207,985.491 250.509,1000.73C256.81,1015.96 259.961,1032.52 259.961,1050.39C259.961,1068.25 256.696,1084.86 250.165,1100.22C243.634,1115.57 234.583,1128.8 223.021,1139.91C211.449,1151.03 197.758,1159.79 181.947,1166.2C166.145,1172.62 148.96,1175.82 130.399,1175.82L59.259,1175.82L59.259,924.949Z' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path d='M396.392,1067.91L325.596,1175.82L295.359,1175.82L380.925,1046.95L301.202,924.943L331.44,924.943L397.08,1024.27L462.376,924.943L492.614,924.943L412.538,1045.22L497.77,1175.82L467.532,1175.82L396.392,1067.91Z' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path d='M665.476,1153.82C679.912,1153.82 693.317,1151.08 705.681,1145.58C718.055,1140.08 728.758,1132.63 737.818,1123.24C746.86,1113.84 753.963,1102.91 759.119,1090.41C764.275,1077.93 766.853,1064.59 766.853,1050.38C766.853,1036.18 764.275,1022.84 759.119,1010.35C753.963,997.859 746.86,986.927 737.818,977.522C728.758,968.137 718.055,960.68 705.681,955.18C693.317,949.691 679.912,946.941 665.476,946.941C651.039,946.941 637.635,949.691 625.27,955.18C612.897,960.68 602.184,968.137 593.133,977.522C584.082,986.927 576.978,997.859 571.832,1010.35C566.676,1022.84 564.098,1036.18 564.098,1050.38C564.098,1064.59 566.676,1077.93 571.832,1090.41C576.978,1102.91 584.082,1113.84 593.133,1123.24C602.184,1132.63 612.897,1140.08 625.27,1145.58C637.635,1151.08 651.039,1153.82 665.476,1153.82M665.476,1179.26C647.602,1179.26 630.875,1175.88 615.303,1169.12C599.721,1162.37 586.096,1153.13 574.4,1141.46C562.723,1129.76 553.491,1116.13 546.741,1100.55C539.981,1084.97 536.601,1068.24 536.601,1050.38C536.601,1032.52 539.981,1015.79 546.741,1000.21C553.491,984.626 562.723,971.001 574.4,959.315C586.096,947.628 599.721,938.405 615.303,931.645C630.875,924.895 647.602,921.506 665.476,921.506C683.349,921.506 700.067,924.895 715.649,931.645C731.23,938.405 744.855,947.628 756.541,959.315C768.228,971.001 777.451,984.626 784.21,1000.21C790.961,1015.79 794.35,1032.52 794.35,1050.38C794.35,1068.24 790.961,1084.97 784.21,1100.55C777.451,1116.13 768.228,1129.76 756.541,1141.46C744.855,1153.13 731.23,1162.37 715.649,1169.12C700.067,1175.88 683.349,1179.26 665.476,1179.26' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path d='M926.997,1179.26C906.603,1179.26 889.303,1175.19 875.105,1167.06C860.898,1158.92 848.639,1147.63 838.328,1133.2L861.013,1116.03C869.491,1129.08 879.001,1138.83 889.541,1145.23C900.072,1151.65 912.561,1154.85 926.997,1154.85C934.778,1154.85 941.939,1153.65 948.479,1151.25C955.01,1148.84 960.614,1145.59 965.312,1141.46C970.009,1137.33 973.675,1132.34 976.311,1126.51C978.936,1120.67 980.263,1114.31 980.263,1107.43C980.263,1099.65 978.545,1093.12 975.108,1087.85C971.67,1082.57 967.088,1078.05 961.359,1074.27C955.63,1070.48 949.1,1067.23 941.777,1064.48C934.435,1061.72 926.882,1058.98 919.091,1056.22C910.384,1053.26 901.848,1049.99 893.494,1046.43C885.121,1042.89 877.683,1038.47 871.153,1033.2C864.622,1027.93 859.294,1021.57 855.17,1014.13C851.045,1006.7 848.992,997.463 848.992,986.464C848.992,977.307 850.931,968.762 854.826,960.857C858.721,952.961 864.106,946.087 870.981,940.243C877.855,934.4 885.98,929.827 895.375,926.495C904.77,923.182 914.967,921.511 925.966,921.511C943.839,921.511 958.953,924.843 971.327,931.488C983.701,938.124 994.461,947.414 1003.63,959.32L982.326,975.121C969.494,955.185 950.589,945.227 925.622,945.227C918.519,945.227 911.988,946.258 906.03,948.33C900.072,950.373 894.869,953.305 890.401,957.076C885.932,960.857 882.438,965.277 879.917,970.309C877.397,975.36 876.136,980.735 876.136,986.464C876.136,993.796 877.798,999.926 881.12,1004.84C884.433,1009.78 888.854,1014.08 894.353,1017.73C899.843,1021.41 906.202,1024.56 913.42,1027.18C920.638,1029.83 928.143,1032.52 935.934,1035.26C944.641,1038.24 953.224,1041.56 961.703,1045.23C970.181,1048.9 977.8,1053.42 984.56,1058.81C991.31,1064.18 996.809,1070.79 1001.05,1078.56C1005.29,1086.36 1007.41,1095.98 1007.41,1107.43C1007.41,1116.83 1005.53,1125.81 1001.75,1134.41C997.965,1143 992.513,1150.62 985.419,1157.25C978.316,1163.92 969.837,1169.24 959.994,1173.24C950.131,1177.25 939.132,1179.26 926.997,1179.26' />\n </g>\n <g transform='matrix(0.731429,0,0,0.731429,121.904,66.1132)'>\n <path d='M629.499,392.807L552.936,287.544L833.657,112.096L629.499,392.807ZM833.657,714.096L552.936,538.658L629.499,433.385L833.657,714.096ZM442.011,433.385L518.574,538.658L237.853,714.096L442.011,433.385ZM237.853,112.096L518.574,287.544L442.011,392.807L237.853,112.096ZM547.714,320.932L614.748,413.096L547.714,505.26L547.714,320.932ZM523.844,505.317L456.772,413.096L523.844,320.875L523.844,505.317ZM873.146,59.259L535.76,270.129L198.364,59.259L182.391,76.397L427.26,413.096L182.391,749.795L198.364,766.933L535.76,556.063L873.146,766.933L889.119,749.795L644.25,413.096L889.119,76.397L873.146,59.259Z' />\n </g>\n </svg>\n );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["d3", "React", "forwardRef", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "mx", "IconBase", "React", "forwardRef", "weights", "Map", "path", "d", "Composer", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "g", "style", "fillRule", "clipRule", "strokeLinejoin", "strokeMiterlimit", "transform", "path", "d", "DXNS", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "path", "d", "rect", "x", "y", "width", "height", "DXOS", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "path", "d", "ECHO", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "path", "d", "HALO", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "g", "style", "fillRule", "clipRule", "strokeLinejoin", "strokeMiterlimit", "transform", "path", "d", "rect", "x", "y", "width", "height", "KUBE", "forwardRef", "props", "ref", "IconBase", "displayName", "IconBase", "React", "forwardRef", "weights", "Map", "React", "path", "d", "MESH", "forwardRef", "props", "ref", "IconBase", "displayName", "defaultClassNames", "getLayers", "size", "a", "b", "c", "inset", "spin", "style", "className", "animationDirection", "ComposerLogo", "forwardRef", "animate", "_animate", "classNames", "props", "ref", "layers", "useMemo", "setAnimate", "useState", "useImperativeHandle", "setTimeout", "React", "div", "width", "height", "map", "i", "key", "Composer", "mx", "createSlices", "color", "radius", "gap", "t", "n", "parts", "duration", "slice", "length", "outerRadius", "innerRadius", "toString", "ComposerSpinner", "autoFade", "onClick", "useRef", "triggerRef", "animateRef", "useEffect", "current", "svg", "select", "attr", "append", "arcs", "count", "fadeOut", "selectAll", "transition", "delay", "_", "trigger", "arc", "startAngle", "Math", "PI", "endAngle", "arcPath", "rotateArc", "attrTween", "interpolateString", "on", "nodes", "forEach", "rotate", "d3", "selectChildren", "remove", "React", "defaultSize", "DXOSHorizontalType", "className", "React", "svg", "viewBox", "version", "xmlns", "xmlSpace", "style", "fillRule", "clipRule", "strokeLinejoin", "strokeMiterlimit", "g", "transform", "path", "d", "React", "defaultSize", "DXOSType", "className", "React", "svg", "viewBox", "version", "xmlns", "xmlSpace", "style", "fillRule", "clipRule", "strokeLinejoin", "strokeMiterlimit", "g", "transform", "path", "d", "React", "defaultSize", "DXOSVerticalType", "className", "React", "svg", "viewBox", "version", "xmlns", "xmlSpace", "style", "fillRule", "clipRule", "strokeLinejoin", "strokeMiterlimit", "g", "transform", "path", "d"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/ui/brand/src/icons/Composer.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"packages/ui/brand/src/icons/Composer.tsx":{"bytes":2852,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/brand/src/icons/DXNS.tsx":{"bytes":6838,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/brand/src/icons/DXOS.tsx":{"bytes":3534,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/brand/src/icons/ECHO.tsx":{"bytes":3280,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/brand/src/icons/HALO.tsx":{"bytes":4467,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/brand/src/icons/KUBE.tsx":{"bytes":8305,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/brand/src/icons/MESH.tsx":{"bytes":3706,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/brand/src/icons/index.ts":{"bytes":975,"imports":[{"path":"packages/ui/brand/src/icons/Composer.tsx","kind":"import-statement","original":"./Composer"},{"path":"packages/ui/brand/src/icons/DXNS.tsx","kind":"import-statement","original":"./DXNS"},{"path":"packages/ui/brand/src/icons/DXOS.tsx","kind":"import-statement","original":"./DXOS"},{"path":"packages/ui/brand/src/icons/ECHO.tsx","kind":"import-statement","original":"./ECHO"},{"path":"packages/ui/brand/src/icons/HALO.tsx","kind":"import-statement","original":"./HALO"},{"path":"packages/ui/brand/src/icons/KUBE.tsx","kind":"import-statement","original":"./KUBE"},{"path":"packages/ui/brand/src/icons/MESH.tsx","kind":"import-statement","original":"./MESH"}],"format":"esm"},"packages/ui/brand/src/components/ComposerLogo/ComposerLogo.tsx":{"bytes":20675,"imports":[{"path":"d3","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/brand/src/icons/index.ts","kind":"import-statement","original":"../../icons"}],"format":"esm"},"packages/ui/brand/src/components/ComposerLogo/index.ts":{"bytes":525,"imports":[{"path":"packages/ui/brand/src/components/ComposerLogo/ComposerLogo.tsx","kind":"import-statement","original":"./ComposerLogo"}],"format":"esm"},"packages/ui/brand/src/components/index.ts":{"bytes":512,"imports":[{"path":"packages/ui/brand/src/components/ComposerLogo/index.ts","kind":"import-statement","original":"./ComposerLogo"}],"format":"esm"},"packages/ui/brand/src/logotypes/DXOSHorizontalType.tsx":{"bytes":16094,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/brand/src/logotypes/DXOSType.tsx":{"bytes":14217,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/brand/src/logotypes/DXOSVerticalType.tsx":{"bytes":16158,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/brand/src/logotypes/index.ts":{"bytes":725,"imports":[{"path":"packages/ui/brand/src/logotypes/DXOSHorizontalType.tsx","kind":"import-statement","original":"./DXOSHorizontalType"},{"path":"packages/ui/brand/src/logotypes/DXOSType.tsx","kind":"import-statement","original":"./DXOSType"},{"path":"packages/ui/brand/src/logotypes/DXOSVerticalType.tsx","kind":"import-statement","original":"./DXOSVerticalType"}],"format":"esm"},"packages/ui/brand/src/index.ts":{"bytes":669,"imports":[{"path":"packages/ui/brand/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/brand/src/icons/index.ts","kind":"import-statement","original":"./icons"},{"path":"packages/ui/brand/src/logotypes/index.ts","kind":"import-statement","original":"./logotypes"}],"format":"esm"}},"outputs":{"packages/ui/brand/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":46250},"packages/ui/brand/dist/lib/browser/index.mjs":{"imports":[{"path":"d3","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["Composer","ComposerLogo","ComposerSpinner","DXNS","DXOS","DXOSHorizontalType","DXOSType","DXOSVerticalType","ECHO","HALO","KUBE","MESH"],"entryPoint":"packages/ui/brand/src/index.ts","inputs":{"packages/ui/brand/src/components/ComposerLogo/ComposerLogo.tsx":{"bytesInOutput":4162},"packages/ui/brand/src/icons/Composer.tsx":{"bytesInOutput":814},"packages/ui/brand/src/icons/index.ts":{"bytesInOutput":0},"packages/ui/brand/src/icons/DXNS.tsx":{"bytesInOutput":2484},"packages/ui/brand/src/icons/DXOS.tsx":{"bytesInOutput":1142},"packages/ui/brand/src/icons/ECHO.tsx":{"bytesInOutput":1066},"packages/ui/brand/src/icons/HALO.tsx":{"bytesInOutput":1609},"packages/ui/brand/src/icons/KUBE.tsx":{"bytesInOutput":3107},"packages/ui/brand/src/icons/MESH.tsx":{"bytesInOutput":1257},"packages/ui/brand/src/components/ComposerLogo/index.ts":{"bytesInOutput":0},"packages/ui/brand/src/components/index.ts":{"bytesInOutput":0},"packages/ui/brand/src/index.ts":{"bytesInOutput":0},"packages/ui/brand/src/logotypes/DXOSHorizontalType.tsx":{"bytesInOutput":6415},"packages/ui/brand/src/logotypes/index.ts":{"bytesInOutput":0},"packages/ui/brand/src/logotypes/DXOSType.tsx":{"bytesInOutput":5630},"packages/ui/brand/src/logotypes/DXOSVerticalType.tsx":{"bytesInOutput":6459}},"bytes":34929}}}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import '@dxosTheme';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: () => null;
|
|
@@ -6,6 +7,6 @@ declare const _default: {
|
|
|
6
7
|
};
|
|
7
8
|
export default _default;
|
|
8
9
|
export declare const Default: {
|
|
9
|
-
render: () => JSX.Element;
|
|
10
|
+
render: () => React.JSX.Element;
|
|
10
11
|
};
|
|
11
12
|
//# sourceMappingURL=Icons.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icons.stories.d.ts","sourceRoot":"","sources":["../../../src/Icons.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;;;;;;
|
|
1
|
+
{"version":3,"file":"Icons.stories.d.ts","sourceRoot":"","sources":["../../../src/Icons.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAS1B,wBAIE;AAEF,eAAO,MAAM,OAAO;;CAgBnB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import '@dxosTheme';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: () => null;
|
|
@@ -6,6 +7,6 @@ declare const _default: {
|
|
|
6
7
|
};
|
|
7
8
|
export default _default;
|
|
8
9
|
export declare const Default: {
|
|
9
|
-
render: () => JSX.Element;
|
|
10
|
+
render: () => React.JSX.Element;
|
|
10
11
|
};
|
|
11
12
|
//# sourceMappingURL=Logotypes.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logotypes.stories.d.ts","sourceRoot":"","sources":["../../../src/Logotypes.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;;;;;;
|
|
1
|
+
{"version":3,"file":"Logotypes.stories.d.ts","sourceRoot":"","sources":["../../../src/Logotypes.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAkC,MAAM,OAAO,CAAC;;;;;;AASvD,wBAIE;AAQF,eAAO,MAAM,OAAO;;CA6BnB,CAAC"}
|
|
@@ -8,9 +8,9 @@ export type ComposerLogoProps = {
|
|
|
8
8
|
classNames?: string[];
|
|
9
9
|
} & Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
|
|
10
10
|
export declare const ComposerLogo: React.ForwardRefExoticComponent<{
|
|
11
|
-
animate?: boolean
|
|
12
|
-
size?: number
|
|
13
|
-
classNames?: string[]
|
|
11
|
+
animate?: boolean;
|
|
12
|
+
size?: number;
|
|
13
|
+
classNames?: string[];
|
|
14
14
|
} & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & React.RefAttributes<AnimationController>>;
|
|
15
15
|
/**
|
|
16
16
|
* Spinning Composer "C" logo.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComposerLogo.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComposerLogo/ComposerLogo.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAEZ,KAAK,EAAE,EAEP,KAAK,cAAc,EAMpB,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAoCD,MAAM,MAAM,iBAAiB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,IAAI,CAChG,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,CACZ,CAAC;AAEF,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"ComposerLogo.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComposerLogo/ComposerLogo.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAEZ,KAAK,EAAE,EAEP,KAAK,cAAc,EAMpB,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAoCD,MAAM,MAAM,iBAAiB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,IAAI,CAChG,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,CACZ,CAAC;AAEF,eAAO,MAAM,YAAY;cALmB,OAAO;WAAS,MAAM;iBAAe,MAAM,EAAE;uGAuCxF,CAAC;AAmDF;;GAEG;AAEH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CA6FA,CAAC"}
|
|
@@ -5,23 +5,26 @@ import { type AnimationController } from './ComposerLogo';
|
|
|
5
5
|
declare const _default: {
|
|
6
6
|
title: string;
|
|
7
7
|
component: React.ForwardRefExoticComponent<{
|
|
8
|
-
animate?: boolean
|
|
9
|
-
size?: number
|
|
10
|
-
classNames?: string[]
|
|
8
|
+
animate?: boolean;
|
|
9
|
+
size?: number;
|
|
10
|
+
classNames?: string[];
|
|
11
11
|
} & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & React.RefAttributes<AnimationController>>;
|
|
12
12
|
decorators: import("@storybook/react/*").Decorator[];
|
|
13
13
|
};
|
|
14
14
|
export default _default;
|
|
15
15
|
export declare const Default: {
|
|
16
|
-
render: () => JSX.Element;
|
|
16
|
+
render: () => React.JSX.Element;
|
|
17
17
|
};
|
|
18
18
|
export declare const Colors: {
|
|
19
|
-
render: () => JSX.Element;
|
|
19
|
+
render: () => React.JSX.Element;
|
|
20
20
|
};
|
|
21
21
|
export declare const Pacman: {
|
|
22
|
-
render: () => JSX.Element;
|
|
22
|
+
render: () => React.JSX.Element;
|
|
23
23
|
};
|
|
24
24
|
export declare const Spinner: {
|
|
25
|
-
render: () => JSX.Element;
|
|
25
|
+
render: () => React.JSX.Element;
|
|
26
|
+
};
|
|
27
|
+
export declare const Linear: {
|
|
28
|
+
render: () => React.JSX.Element;
|
|
26
29
|
};
|
|
27
30
|
//# sourceMappingURL=ComposerLogo.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComposerLogo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComposerLogo/ComposerLogo.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,gCAAgC,CAAC;AAGxC,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAAE,KAAK,mBAAmB,EAAiC,MAAM,gBAAgB,CAAC;;;;;;;;;;AAOzF,wBAIE;AAWF,eAAO,MAAM,OAAO;;CAsCnB,CAAC;AAGF,eAAO,MAAM,MAAM;;CA0BlB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAoClB,CAAC;AAuCF,eAAO,MAAM,OAAO;;CAQnB,CAAC"}
|
|
1
|
+
{"version":3,"file":"ComposerLogo.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComposerLogo/ComposerLogo.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,gCAAgC,CAAC;AAGxC,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAAE,KAAK,mBAAmB,EAAiC,MAAM,gBAAgB,CAAC;;;;;;;;;;AAOzF,wBAIE;AAWF,eAAO,MAAM,OAAO;;CAsCnB,CAAC;AAGF,eAAO,MAAM,MAAM;;CA0BlB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAoClB,CAAC;AAuCF,eAAO,MAAM,OAAO;;CAQnB,CAAC;AAGF,eAAO,MAAM,MAAM;;CAclB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
1
|
+
import { type IconProps } from '@phosphor-icons/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const Composer: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
3
4
|
//# sourceMappingURL=Composer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../../src/icons/Composer.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../../src/icons/Composer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,KAAwC,MAAM,OAAO,CAAC;AAW7D,eAAO,MAAM,QAAQ,8FAEnB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
1
|
+
import { type IconProps } from '@phosphor-icons/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const DXNS: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
3
4
|
//# sourceMappingURL=DXNS.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DXNS.d.ts","sourceRoot":"","sources":["../../../../src/icons/DXNS.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"DXNS.d.ts","sourceRoot":"","sources":["../../../../src/icons/DXNS.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,KAAwC,MAAM,OAAO,CAAC;AAoC7D,eAAO,MAAM,IAAI,8FAEf,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
1
|
+
import { type IconProps } from '@phosphor-icons/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const DXOS: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
3
4
|
//# sourceMappingURL=DXOS.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DXOS.d.ts","sourceRoot":"","sources":["../../../../src/icons/DXOS.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"DXOS.d.ts","sourceRoot":"","sources":["../../../../src/icons/DXOS.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,KAAwC,MAAM,OAAO,CAAC;AAa7D,eAAO,MAAM,IAAI,8FAEf,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
1
|
+
import { type IconProps } from '@phosphor-icons/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const ECHO: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
3
4
|
//# sourceMappingURL=ECHO.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ECHO.d.ts","sourceRoot":"","sources":["../../../../src/icons/ECHO.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"ECHO.d.ts","sourceRoot":"","sources":["../../../../src/icons/ECHO.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,KAAwC,MAAM,OAAO,CAAC;AAa7D,eAAO,MAAM,IAAI,8FAEf,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
1
|
+
import { type IconProps } from '@phosphor-icons/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const HALO: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
3
4
|
//# sourceMappingURL=HALO.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HALO.d.ts","sourceRoot":"","sources":["../../../../src/icons/HALO.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"HALO.d.ts","sourceRoot":"","sources":["../../../../src/icons/HALO.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,KAAwC,MAAM,OAAO,CAAC;AAiB7D,eAAO,MAAM,IAAI,8FAEf,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
1
|
+
import { type IconProps } from '@phosphor-icons/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const KUBE: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
3
4
|
//# sourceMappingURL=KUBE.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KUBE.d.ts","sourceRoot":"","sources":["../../../../src/icons/KUBE.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"KUBE.d.ts","sourceRoot":"","sources":["../../../../src/icons/KUBE.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,KAAwC,MAAM,OAAO,CAAC;AA6C7D,eAAO,MAAM,IAAI,8FAEf,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
1
|
+
import { type IconProps } from '@phosphor-icons/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const MESH: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
3
4
|
//# sourceMappingURL=MESH.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MESH.d.ts","sourceRoot":"","sources":["../../../../src/icons/MESH.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"MESH.d.ts","sourceRoot":"","sources":["../../../../src/icons/MESH.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,KAAwC,MAAM,OAAO,CAAC;AAc7D,eAAO,MAAM,IAAI,8FAEf,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/brand",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.8-main.3be982f",
|
|
4
4
|
"description": "DXOS brand assets.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
],
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"d3": "^7.9.0",
|
|
26
|
-
"@dxos/react-ui-theme": "0.6.
|
|
26
|
+
"@dxos/react-ui-theme": "0.6.8-main.3be982f"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@fontsource/k2d": "^5.0.18",
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
"@types/d3": "^7.4.3",
|
|
37
37
|
"react": "~18.2.0",
|
|
38
38
|
"react-dom": "~18.2.0",
|
|
39
|
-
"@dxos/
|
|
40
|
-
"@dxos/
|
|
39
|
+
"@dxos/storybook-utils": "0.6.8-main.3be982f",
|
|
40
|
+
"@dxos/react-ui": "0.6.8-main.3be982f"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"@phosphor-icons/react": "^2.1.5",
|
|
@@ -188,3 +188,20 @@ export const Spinner = {
|
|
|
188
188
|
);
|
|
189
189
|
},
|
|
190
190
|
};
|
|
191
|
+
|
|
192
|
+
// https://github.com/grafana/grafana/blob/main/packages/grafana-ui/src/components/LoadingBar/LoadingBar.tsx
|
|
193
|
+
export const Linear = {
|
|
194
|
+
render: () => {
|
|
195
|
+
return (
|
|
196
|
+
<div className='absolute flex flex-col inset-0 bg-black'>
|
|
197
|
+
<div
|
|
198
|
+
className={'h-[1px] translateX(-100%) animate-progress-linear'}
|
|
199
|
+
style={{
|
|
200
|
+
background:
|
|
201
|
+
'linear-gradient(90deg, rgba(110, 159, 255, 0) 0%, #6E9FFF 80.75%, rgba(110, 159, 255, 0) 100%)',
|
|
202
|
+
}}
|
|
203
|
+
/>
|
|
204
|
+
</div>
|
|
205
|
+
);
|
|
206
|
+
},
|
|
207
|
+
};
|
package/src/icons/Composer.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { type
|
|
5
|
+
import { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';
|
|
6
6
|
import React, { forwardRef, type ReactElement } from 'react';
|
|
7
7
|
|
|
8
8
|
const weights = new Map<IconWeight, ReactElement>([
|
|
@@ -14,6 +14,8 @@ const weights = new Map<IconWeight, ReactElement>([
|
|
|
14
14
|
],
|
|
15
15
|
]);
|
|
16
16
|
|
|
17
|
-
export const Composer
|
|
17
|
+
export const Composer = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
|
|
18
|
+
<IconBase ref={ref} {...props} weights={weights} />
|
|
19
|
+
));
|
|
18
20
|
|
|
19
21
|
Composer.displayName = 'Composer';
|
package/src/icons/DXNS.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { type
|
|
5
|
+
import { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';
|
|
6
6
|
import React, { forwardRef, type ReactElement } from 'react';
|
|
7
7
|
|
|
8
8
|
const weights = new Map<IconWeight, ReactElement>([
|
|
@@ -39,6 +39,8 @@ const weights = new Map<IconWeight, ReactElement>([
|
|
|
39
39
|
],
|
|
40
40
|
]);
|
|
41
41
|
|
|
42
|
-
export const DXNS
|
|
42
|
+
export const DXNS = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
|
|
43
|
+
<IconBase ref={ref} {...props} weights={weights} />
|
|
44
|
+
));
|
|
43
45
|
|
|
44
46
|
DXNS.displayName = 'DXNS';
|
package/src/icons/DXOS.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { type
|
|
5
|
+
import { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';
|
|
6
6
|
import React, { forwardRef, type ReactElement } from 'react';
|
|
7
7
|
|
|
8
8
|
const weights = new Map<IconWeight, ReactElement>([
|
|
@@ -16,6 +16,8 @@ const weights = new Map<IconWeight, ReactElement>([
|
|
|
16
16
|
],
|
|
17
17
|
]);
|
|
18
18
|
|
|
19
|
-
export const DXOS
|
|
19
|
+
export const DXOS = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
|
|
20
|
+
<IconBase ref={ref} {...props} weights={weights} />
|
|
21
|
+
));
|
|
20
22
|
|
|
21
23
|
DXOS.displayName = 'DXOS';
|
package/src/icons/ECHO.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { type
|
|
5
|
+
import { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';
|
|
6
6
|
import React, { forwardRef, type ReactElement } from 'react';
|
|
7
7
|
|
|
8
8
|
const weights = new Map<IconWeight, ReactElement>([
|
|
@@ -16,6 +16,8 @@ const weights = new Map<IconWeight, ReactElement>([
|
|
|
16
16
|
],
|
|
17
17
|
]);
|
|
18
18
|
|
|
19
|
-
export const ECHO
|
|
19
|
+
export const ECHO = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
|
|
20
|
+
<IconBase ref={ref} {...props} weights={weights} />
|
|
21
|
+
));
|
|
20
22
|
|
|
21
23
|
ECHO.displayName = 'ECHO';
|
package/src/icons/HALO.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { type
|
|
5
|
+
import { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';
|
|
6
6
|
import React, { forwardRef, type ReactElement } from 'react';
|
|
7
7
|
|
|
8
8
|
const weights = new Map<IconWeight, ReactElement>([
|
|
@@ -20,6 +20,8 @@ const weights = new Map<IconWeight, ReactElement>([
|
|
|
20
20
|
],
|
|
21
21
|
]);
|
|
22
22
|
|
|
23
|
-
export const HALO
|
|
23
|
+
export const HALO = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
|
|
24
|
+
<IconBase ref={ref} {...props} weights={weights} />
|
|
25
|
+
));
|
|
24
26
|
|
|
25
27
|
HALO.displayName = 'HALO';
|
package/src/icons/KUBE.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { type
|
|
5
|
+
import { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';
|
|
6
6
|
import React, { forwardRef, type ReactElement } from 'react';
|
|
7
7
|
|
|
8
8
|
const weights = new Map<IconWeight, ReactElement>([
|
|
@@ -48,6 +48,8 @@ const weights = new Map<IconWeight, ReactElement>([
|
|
|
48
48
|
],
|
|
49
49
|
]);
|
|
50
50
|
|
|
51
|
-
export const KUBE
|
|
51
|
+
export const KUBE = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
|
|
52
|
+
<IconBase ref={ref} {...props} weights={weights} />
|
|
53
|
+
));
|
|
52
54
|
|
|
53
55
|
KUBE.displayName = 'KUBE';
|
package/src/icons/MESH.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { type
|
|
5
|
+
import { IconBase, type IconProps, type IconWeight } from '@phosphor-icons/react';
|
|
6
6
|
import React, { forwardRef, type ReactElement } from 'react';
|
|
7
7
|
|
|
8
8
|
const weights = new Map<IconWeight, ReactElement>([
|
|
@@ -17,6 +17,8 @@ const weights = new Map<IconWeight, ReactElement>([
|
|
|
17
17
|
],
|
|
18
18
|
]);
|
|
19
19
|
|
|
20
|
-
export const MESH
|
|
20
|
+
export const MESH = forwardRef<SVGSVGElement, IconProps>((props, ref) => (
|
|
21
|
+
<IconBase ref={ref} {...props} weights={weights} />
|
|
22
|
+
));
|
|
21
23
|
|
|
22
24
|
MESH.displayName = 'MESH';
|