npm - @cutting/svg - Versions diffs - 4.46.0 → 4.48.0 - Mend

@cutting/svg 4.46.0 → 4.48.0

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.

Files changed (69) hide show

package/.eslintrc.json +1 -1
package/.turbo/turbo-build.log +5 -11
package/CHANGELOG.md +28 -2
package/demo/{public/index.html → index.html} +2 -1
package/demo/{App.tsx → src/App.tsx} +4 -3
package/demo/{global.css.ts → src/global.css.ts} +0 -0
package/demo/src/index.tsx +21 -0
package/dist/esm/components/Group/Group.d.ts +14 -14
package/dist/esm/components/Line/Line.d.ts +11 -11
package/dist/esm/components/ParentsizeSVG/ParentsizeSVG.d.ts +14 -14
package/dist/esm/components/ParentsizeSVG/ParentsizeSVG.d.ts.map +1 -1
package/dist/esm/components/ResponsiveSVG/ResponsiveSVG.d.ts +17 -17
package/dist/esm/index.d.ts +5 -5
package/dist/esm/index.d.ts.map +1 -1
package/dist/esm/index.js +2 -1
package/dist/esm/index.js.map +1 -1
package/dist/esm/types/types.d.ts +8 -8
package/package.json +29 -31
package/src/components/ParentsizeSVG/ParentSizeSVG.test.tsx +1 -1
package/src/components/ParentsizeSVG/ParentsizeSVG.tsx +2 -2
package/src/components/ResponsiveSVG/ResponsiveSVG.test.tsx +6 -5
package/src/components/ResponsiveSVG/ResponsiveSVG.tsx +1 -1
package/src/index.ts +4 -4
package/vite.config.ts +30 -0
package/.vscode/launch.json +0 -28
package/build.config.js +0 -10
package/demo/index.tsx +0 -16
package/dist/cjs/components/Group/Group.d.ts +0 -15
package/dist/cjs/components/Group/Group.d.ts.map +0 -1
package/dist/cjs/components/Line/Line.d.ts +0 -12
package/dist/cjs/components/Line/Line.d.ts.map +0 -1
package/dist/cjs/components/ParentsizeSVG/ParentsizeSVG.d.ts +0 -15
package/dist/cjs/components/ParentsizeSVG/ParentsizeSVG.d.ts.map +0 -1
package/dist/cjs/components/ResponsiveSVG/ResponsiveSVG.d.ts +0 -18
package/dist/cjs/components/ResponsiveSVG/ResponsiveSVG.d.ts.map +0 -1
package/dist/cjs/index.d.ts +0 -6
package/dist/cjs/index.d.ts.map +0 -1
package/dist/cjs/index.js +0 -9
package/dist/cjs/svg.cjs.development.js +0 -160
package/dist/cjs/svg.cjs.development.js.map +0 -1
package/dist/cjs/svg.cjs.production.min.js +0 -2
package/dist/cjs/svg.cjs.production.min.js.map +0 -1
package/dist/cjs/types/types.d.ts +0 -9
package/dist/cjs/types/types.d.ts.map +0 -1
package/dist/esm/components/Group/Group.js +0 -1
package/dist/esm/components/Group/Group.js.map +0 -1
package/dist/esm/components/Line/Line.js +0 -1
package/dist/esm/components/Line/Line.js.map +0 -1
package/dist/esm/components/ParentsizeSVG/ParentsizeSVG.js +0 -1
package/dist/esm/components/ParentsizeSVG/ParentsizeSVG.js.map +0 -1
package/dist/esm/components/ResponsiveSVG/ResponsiveSVG.js +0 -1
package/dist/esm/components/ResponsiveSVG/ResponsiveSVG.js.map +0 -1
package/dist/esm/types/types.js +0 -1
package/dist/esm/types/types.js.map +0 -1
package/dist/tsconfig.dist.tsbuildinfo +0 -1
package/dist/umd/components/Group/Group.d.ts +0 -15
package/dist/umd/components/Group/Group.d.ts.map +0 -1
package/dist/umd/components/Line/Line.d.ts +0 -12
package/dist/umd/components/Line/Line.d.ts.map +0 -1
package/dist/umd/components/ParentsizeSVG/ParentsizeSVG.d.ts +0 -15
package/dist/umd/components/ParentsizeSVG/ParentsizeSVG.d.ts.map +0 -1
package/dist/umd/components/ResponsiveSVG/ResponsiveSVG.d.ts +0 -18
package/dist/umd/components/ResponsiveSVG/ResponsiveSVG.d.ts.map +0 -1
package/dist/umd/index.d.ts +0 -6
package/dist/umd/index.d.ts.map +0 -1
package/dist/umd/index.js +0 -2
package/dist/umd/index.js.map +0 -1
package/dist/umd/types/types.d.ts +0 -9
package/dist/umd/types/types.d.ts.map +0 -1

package/.eslintrc.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "extends": "@cutting/eslint-config/react"
+  "extends": "@cutting/eslint-config/react.cjs"
 }

package/.turbo/turbo-build.log CHANGED Viewed

@@ -1,21 +1,15 @@
-@cutting/svg:build: cache hit, replaying output 9413d5a038e790a3
+@cutting/svg:build: cache hit, replaying output 7e3e6dc81983bac2
 @cutting/svg:build:
-@cutting/svg:build: > @cutting/svg@4.46.0 build /home/runner/work/cuttingedge/cuttingedge/packages/svg
+@cutting/svg:build: > @cutting/svg@4.48.0 build /home/runner/work/cuttingedge/cuttingedge/packages/svg
 @cutting/svg:build: > NODE_ENV=production devtools rollup
 @cutting/svg:build:
 @cutting/svg:build:  DEBUG   using tsconfig.dist.json
-@cutting/svg:build:  WARNING  emptying dist /home/runner/work/cuttingedge/cuttingedge/packages/svg/dist
 @cutting/svg:build:  START   using input file index.ts for @cutting/svg
 @cutting/svg:build:
 @cutting/svg:build:  INFO    Generating @cutting/svg bundle.
-@cutting/svg:build:  INFO    writing svg.cjs.development.js for @cutting/svg
-@cutting/svg:build:  INFO    writing svg.cjs.production.min.js for @cutting/svg
+@cutting/svg:build:  INFO    writing index.min.js for @cutting/svg
+@cutting/svg:build:  INFO    preserveModules is false
 @cutting/svg:build:  INFO    writing index.js for @cutting/svg
-@cutting/svg:build:  INFO    writing index.js for @cutting/svg
-@cutting/svg:build: No name was provided for external module 'react/jsx-runtime' in output.globals – guessing 'jsxRuntime'
-@cutting/svg:build: No name was provided for external module '@babel/runtime/helpers/objectSpread2' in output.globals – guessing '_objectSpread'
-@cutting/svg:build: No name was provided for external module '@babel/runtime/helpers/objectWithoutProperties' in output.globals – guessing '_objectWithoutProperties'
-@cutting/svg:build: No name was provided for external module '@cutting/use-get-parent-size' in output.globals – guessing 'useGetParentSize'
-@cutting/svg:build: No name was provided for external module 'classnames' in output.globals – guessing 'cx'
+@cutting/svg:build:  DEBUG   copying assets to /home/runner/work/cuttingedge/cuttingedge/packages/svg/dist
 @cutting/svg:build:  DONE    finished building
 @cutting/svg:build:

package/CHANGELOG.md CHANGED Viewed

@@ -1,14 +1,40 @@
 # @cutting/svg
+## 4.48.0
+### Minor Changes
+- 6d9b0d40: remove @vanilla-extract/babel-plugin
+### Patch Changes
+- Updated dependencies [6d9b0d40]
+  - @cutting/react-abortable-fetch@0.31.0
+  - @cutting/use-get-parent-size@1.22.0
+  - @cutting/util@4.54.0
+## 4.47.0
+### Minor Changes
+- 7100e435: kill webpack
+### Patch Changes
+- Updated dependencies [7100e435]
+  - @cutting/react-abortable-fetch@0.30.0
+  - @cutting/use-get-parent-size@1.21.0
+  - @cutting/util@4.53.0
 ## 4.46.0
 ### Minor Changes
-- 22f71e166: upgrade all dependencies
+- d0f474b0: Release new esm versions of packages
 ### Patch Changes
-- Updated dependencies [22f71e166]
+- Updated dependencies [d0f474b0]
   - @cutting/use-get-parent-size@1.20.0
   - @cutting/util@4.52.0

package/demo/{public/index.html → index.html} RENAMED Viewed

@@ -6,11 +6,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
   <meta name="theme-color" content="#000000">
   <link rel="shortcut icon" href="/favicon.ico">
-  <title>@cutting/svg</title>
+  <title>@cutting/component-library</title>
 </head>
 <body>
   <div id="root"></div>
+  <script type="module" src="src/index.tsx"></script>
 </body>
 </html>

package/demo/{App.tsx → src/App.tsx} RENAMED Viewed

@@ -1,13 +1,14 @@
 import * as styles from './global.css';
 import '@cutting/component-library/styles.css';
 import { useRef } from 'react';
-import { ApplicationLayout, cuttingTheme } from '@cutting/component-library';
-import { ParentsizeSVG } from '../src/components/ParentsizeSVG/ParentsizeSVG';
+import { ApplicationLayout } from '@cutting/component-library';
+import { ParentsizeSVG } from '../../src/components/ParentsizeSVG/ParentsizeSVG';
 export function App(): JSX.Element {
   const ref = useRef<HTMLDivElement>(null);
   return (
-    <ApplicationLayout heading="@cutting/svg" className={cuttingTheme}>
+    <ApplicationLayout heading="@cutting/svg" theme="salesTheme">
       <div className={styles.container} ref={ref}>
         <ParentsizeSVG parentRef={ref} options={{ debounceDelay: 10 }}>
           <rect

package/demo/{global.css.ts → src/global.css.ts} RENAMED Viewed

File without changes

package/demo/src/index.tsx ADDED Viewed

@@ -0,0 +1,21 @@
+import type { ComponentType } from 'react';
+import { createRoot } from 'react-dom/client';
+import { App } from './App';
+import { assert } from 'assert-ts';
+export const container = document.getElementById('root');
+assert(!!container, `no container found for #root`);
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const root = createRoot(container);
+const render = (Component: ComponentType) => {
+  root.render(<Component />);
+};
+render(App);
+if (import.meta.hot) {
+  import.meta.hot.accept('./App', () => import('./App').then((m) => render(m.App)));
+}

package/dist/esm/components/Group/Group.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
-declare type GroupOnlyProps = {
-    /** Top offset applied to `<g/>`. */
-    y?: number;
-    /** Left offset applied to `<g/>`. */
-    x?: number;
-    /** Override `x` and `y` to provide the entire `transform` string. */
-    transform?: string;
-    className?: string;
-    children?: React.ReactNode;
-    innerRef?: React.Ref<SVGGElement>;
-};
-declare type GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;
-export declare function Group({ y, x, transform, className, children, innerRef, ...restProps }: GroupProps): JSX.Element;
-export {};
+declare type GroupOnlyProps = {
+    /** Top offset applied to `<g/>`. */
+    y?: number;
+    /** Left offset applied to `<g/>`. */
+    x?: number;
+    /** Override `x` and `y` to provide the entire `transform` string. */
+    transform?: string;
+    className?: string;
+    children?: React.ReactNode;
+    innerRef?: React.Ref<SVGGElement>;
+};
+declare type GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;
+export declare function Group({ y, x, transform, className, children, innerRef, ...restProps }: GroupProps): JSX.Element;
+export {};
 //# sourceMappingURL=Group.d.ts.map

package/dist/esm/components/Line/Line.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
-import type { AddSVGProps, Point } from '../../types/types';
-export declare type LineProps = {
-    className?: string;
-    innerRef?: React.Ref<SVGLineElement>;
-    fill?: string;
-    /** Starting x,y point of the line. */
-    from?: Point;
-    /** Ending x,y point of the line. */
-    to?: Point;
-};
-export declare function Line({ from, to, fill, className, innerRef, ...restProps }: AddSVGProps<LineProps, SVGLineElement>): JSX.Element;
+import type { AddSVGProps, Point } from '../../types/types';
+export declare type LineProps = {
+    className?: string;
+    innerRef?: React.Ref<SVGLineElement>;
+    fill?: string;
+    /** Starting x,y point of the line. */
+    from?: Point;
+    /** Ending x,y point of the line. */
+    to?: Point;
+};
+export declare function Line({ from, to, fill, className, innerRef, ...restProps }: AddSVGProps<LineProps, SVGLineElement>): JSX.Element;
 //# sourceMappingURL=Line.d.ts.map

package/dist/esm/components/ParentsizeSVG/ParentsizeSVG.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
-import type { CSSProperties, PropsWithChildren, RefObject } from 'react';
-import type { UseParentSizeOptions } from '@cutting/use-get-parent-size';
-import type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';
-declare type Align = 'none' | 'center';
-export declare type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {
-    parentRef: RefObject<E>;
-    style?: CSSProperties;
-    align?: Align;
-    scale?: number;
-    options?: Partial<UseParentSizeOptions>;
-} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;
-export declare const DefaultStyle: CSSProperties;
-export declare function ParentsizeSVG<E extends HTMLElement>({ parentRef, children, style, scale, align, options: { debounceDelay, ...optionsRest }, ...rest }: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null;
-export {};
+import type { CSSProperties, PropsWithChildren, RefObject } from 'react';
+import type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG.js';
+import type { UseParentSizeOptions } from '@cutting/use-get-parent-size';
+declare type Align = 'none' | 'center';
+export declare type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {
+    parentRef: RefObject<E>;
+    style?: CSSProperties;
+    align?: Align;
+    scale?: number;
+    options?: Partial<UseParentSizeOptions>;
+} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;
+export declare const DefaultStyle: CSSProperties;
+export declare function ParentsizeSVG<E extends HTMLElement>({ parentRef, children, style, scale, align, options: { debounceDelay, ...optionsRest }, ...rest }: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null;
+export {};
 //# sourceMappingURL=ParentsizeSVG.d.ts.map

package/dist/esm/components/ParentsizeSVG/ParentsizeSVG.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ParentsizeSVG.d.ts","sourceRoot":"","sources":["../../../../src/components/ParentsizeSVG/ParentsizeSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;~~AAEzE~~,OAAO,KAAK,EAAE,~~oBAAoB~~,EAAE,MAAM,~~8BAA8B~~,CAAC;~~AAEzE~~,OAAO,KAAK,EAAE,~~kBAAkB~~,EAAE,MAAM,~~gCAAgC~~,CAAC;~~AAGzE~~,aAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/B,oBAAY,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IACpE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CACzC,GAAG,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC;AAExE,eAAO,MAAM,YAAY,EAAE,aAOjB,CAAC;AAEX,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,EAAE,EACnD,SAAS,EACT,QAAQ,EACR,KAAoB,EACpB,KAAS,EACT,KAAc,EACd,OAAO,EAAE,EAAE,aAAkB,EAAE,GAAG,WAAW,EAAO,EACpD,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAwB/D"}
1	+ {"version":3,"file":"ParentsizeSVG.d.ts","sourceRoot":"","sources":["../../../../src/components/ParentsizeSVG/ParentsizeSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKzE,aAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/B,oBAAY,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IACpE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CACzC,GAAG,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC;AAExE,eAAO,MAAM,YAAY,EAAE,aAOjB,CAAC;AAEX,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,EAAE,EACnD,SAAS,EACT,QAAQ,EACR,KAAoB,EACpB,KAAS,EACT,KAAc,EACd,OAAO,EAAE,EAAE,aAAkB,EAAE,GAAG,WAAW,EAAO,EACpD,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAwB/D"}

package/dist/esm/components/ResponsiveSVG/ResponsiveSVG.d.ts CHANGED Viewed

@@ -1,18 +1,18 @@
-import type { ReactNode, Ref } from 'react';
-import type { PreserveAspectRatio } from '../../types/types';
-export interface Point {
-    x: number;
-    y: number;
-}
-export interface ResponsiveSVGProps {
-    width: number;
-    height: number;
-    origin?: Point;
-    preserveAspectRatio?: PreserveAspectRatio;
-    innerRef?: Ref<SVGSVGElement>;
-    className?: string;
-    hide?: boolean;
-    children: ReactNode;
-}
-export declare function ResponsiveSVG({ height, width, children, origin, preserveAspectRatio, innerRef, className, }: ResponsiveSVGProps): JSX.Element;
+import type { ReactNode, Ref } from 'react';
+import type { PreserveAspectRatio } from '../../types/types';
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface ResponsiveSVGProps {
+    width: number;
+    height: number;
+    origin?: Point;
+    preserveAspectRatio?: PreserveAspectRatio;
+    innerRef?: Ref<SVGSVGElement>;
+    className?: string;
+    hide?: boolean;
+    children: ReactNode;
+}
+export declare function ResponsiveSVG({ height, width, children, origin, preserveAspectRatio, innerRef, className, }: ResponsiveSVGProps): JSX.Element;
 //# sourceMappingURL=ResponsiveSVG.d.ts.map

package/dist/esm/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-export type { Point } from './types/types';
-export { ResponsiveSVG } from './components/ResponsiveSVG/ResponsiveSVG';
-export { ParentsizeSVG } from './components/ParentsizeSVG/ParentsizeSVG';
-export { Group } from './components/Group/Group';
-export { Line } from './components/Line/Line';
+export type { Point } from './types/types';
+export { ResponsiveSVG } from './components/ResponsiveSVG/ResponsiveSVG.js';
+export { ParentsizeSVG } from './components/ParentsizeSVG/ParentsizeSVG.js';
+export { Group } from './components/Group/Group.js';
+export { Line } from './components/Line/Line.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,~~0CAA0C~~,CAAC;~~AACzE~~,OAAO,EAAE,aAAa,EAAE,MAAM,~~0CAA0C~~,CAAC;~~AACzE~~,OAAO,EAAE,KAAK,EAAE,MAAM,~~0BAA0B~~,CAAC;~~AACjD~~,OAAO,EAAE,IAAI,EAAE,MAAM,~~wBAAwB~~,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/esm/index.js CHANGED Viewed

@@ -1 +1,2 @@
-export{ResponsiveSVG}from"./components/ResponsiveSVG/ResponsiveSVG";export{ParentsizeSVG}from"./components/ParentsizeSVG/ParentsizeSVG";export{Group}from"./components/Group/Group";export{Line}from"./components/Line/Line";
+import{jsx as e}from"react/jsx-runtime";import{useEffect as t}from"react";import{useParentSize as r}from"@cutting/use-get-parent-size";import n from"classnames";function i(t){let{height:r,width:n,children:i,origin:s={x:0,y:0},preserveAspectRatio:l="xMaxYMid meet",innerRef:o,className:a}=t;const c=Math.ceil(n/(n/r));return e("div",{"data-testid":"cutting-svg-container",style:{position:"relative",overflow:"visible",height:"1px"},children:e("svg",{style:{overflow:"visible"},className:a,preserveAspectRatio:l,viewBox:`${s.x} ${s.y} ${n} ${c}`,ref:o,children:i})})}const s={display:"flex",flexDirection:"column",flexGrow:1,flexShrink:1,flexBasis:"0%",overflow:"hidden"};function l(n){let{parentRef:l,children:o,style:a=s,scale:c=1,align:f="none",options:{debounceDelay:x=50,...h}={},...d}=n;const{width:m,height:p}=r(l,{debounceDelay:x,...h});return t((()=>{if(l.current)for(const[e,t]of Object.entries(a))l.current.style[e]=t}),[l,a]),e(i,{width:m,height:p,...d,children:e("g",{transform:"center"===f?`translate(${m/2},${p/2-20}) scale(${c})`:`translate(0,0) scale(${c})`,children:o})})}function o(t){let{y:r=0,x:i=0,transform:s,className:l,children:o,innerRef:a,...c}=t;return e("g",{ref:a,className:n("visx-group",l),transform:s||`translate(${i}, ${r})`,...c,children:o})}function a(t){let{from:r={x:0,y:0},to:i={x:1,y:1},fill:s="transparent",className:l,innerRef:o,...a}=t;const c=r.x===i.x||r.y===i.y;return e("line",{ref:o,className:n("visx-line",l),x1:r.x,y1:r.y,x2:i.x,y2:i.y,fill:s,shapeRendering:c?"crispEdges":"auto",...a})}export{o as Group,a as Line,l as ParentsizeSVG,i as ResponsiveSVG};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","~~sourceRoot~~":"","~~sources~~":["../../~~src~~/~~index~~.ts"],"names":[],"mappings":"~~AACA~~,~~OAAO~~,~~EAAE~~,~~aAAa~~,~~EAAE~~,~~MAAM~~,~~0CAA0C~~,~~CAAC;AACzE~~,~~OAAO~~,~~EAAE~~,~~aAAa~~,~~EAAE~~,~~MAAM~~,~~0CAA0C~~,~~CAAC;AACzE~~,~~OAAO~~,~~EAAE~~,~~KAAK~~,~~EAAE~~,~~MAAM~~,~~0BAA0B~~,~~CAAC;AACjD~~,~~OAAO~~,~~EAAE~~,~~IAAI~~,~~EAAE~~,~~MAAM~~,~~wBAAwB~~,~~CAAC~~"}
1	+ {"version":3,"file":"index.js","sources":["../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx","../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PreserveAspectRatio } from '../../types/types';\n\nexport interface Point {\n x: number;\n y: number;\n}\n\nexport interface ResponsiveSVGProps {\n width: number;\n height: number;\n origin?: Point;\n preserveAspectRatio?: PreserveAspectRatio;\n innerRef?: Ref<SVGSVGElement>;\n className?: string;\n hide?: boolean;\n children: ReactNode;\n}\n\nexport function ResponsiveSVG({\n height,\n width,\n children,\n origin = { x: 0, y: 0 },\n preserveAspectRatio = 'xMaxYMid meet',\n innerRef,\n className,\n}: ResponsiveSVGProps): JSX.Element {\n const aspect = width / height;\n\n const adjustedHeight = Math.ceil(width / aspect);\n\n return (\n <div\n data-testid=\"cutting-svg-container\"\n style={{\n position: 'relative',\n overflow: 'visible',\n height: '1px',\n }}\n >\n <svg\n style={{ overflow: 'visible' }}\n className={className}\n preserveAspectRatio={preserveAspectRatio}\n viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n ref={innerRef}\n >\n {children}\n </svg>\n </div>\n );\n}\n","import type { CSSProperties, PropsWithChildren, RefObject } from 'react';\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG.js';\nimport type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useEffect } from 'react';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' \| 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n parentRef: RefObject<E>;\n style?: CSSProperties;\n align?: Align;\n scale?: number;\n options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' \| 'height' \| 'height'>>;\n\nexport const DefaultStyle: CSSProperties = {\n display: 'flex',\n flexDirection: 'column',\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n overflow: 'hidden',\n} as const;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n parentRef,\n children,\n style = DefaultStyle,\n scale = 1,\n align = 'none',\n options: { debounceDelay = 50, ...optionsRest } = {},\n ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element \| null {\n const { width, height } = useParentSize(parentRef, { debounceDelay, ...optionsRest });\n\n useEffect(() => {\n if (!parentRef.current) {\n return;\n }\n\n for (const [key, value] of Object.entries(style)) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n parentRef.current.style[key as any] = value;\n }\n }, [parentRef, style]);\n\n const transform =\n align === 'center'\n ? `translate(${width / 2},${height / 2 - 20}) scale(${scale})`\n : `translate(0,0) scale(${scale})`;\n\n return (\n <ResponsiveSVG width={width} height={height} {...rest}>\n <g transform={transform}>{children}</g>\n </ResponsiveSVG>\n );\n}\n","import cx from 'classnames';\n\ntype GroupOnlyProps = {\n /** Top offset applied to `<g/>`. /\n y?: number;\n /* Left offset applied to `<g/>`. /\n x?: number;\n /* Override `x` and `y` to provide the entire `transform` string. /\n transform?: string;\n className?: string;\n children?: React.ReactNode;\n innerRef?: React.Ref<SVGGElement>;\n};\n\ntype GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;\n\nexport function Group({\n y = 0,\n x = 0,\n transform,\n className,\n children,\n innerRef,\n ...restProps\n}: GroupProps): JSX.Element {\n return (\n <g\n ref={innerRef}\n className={cx('visx-group', className)}\n transform={transform \|\| `translate(${x}, ${y})`}\n {...restProps}\n >\n {children}\n </g>\n );\n}\n","import cx from 'classnames';\nimport type { AddSVGProps, Point } from '../../types/types';\n\nexport type LineProps = {\n className?: string;\n innerRef?: React.Ref<SVGLineElement>;\n fill?: string;\n /* Starting x,y point of the line. /\n from?: Point;\n /* Ending x,y point of the line. */\n to?: Point;\n};\n\nexport function Line({\n from = { x: 0, y: 0 },\n to = { x: 1, y: 1 },\n fill = 'transparent',\n className,\n innerRef,\n ...restProps\n}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {\n const isRectilinear = from.x === to.x \|\| from.y === to.y;\n\n return (\n <line\n ref={innerRef}\n className={cx('visx-line', className)}\n x1={from.x}\n y1={from.y}\n x2={to.x}\n y2={to.y}\n fill={fill}\n shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}\n {...restProps}\n />\n );\n}\n"],"names":["ResponsiveSVG","_ref","height","width","children","origin","x","y","preserveAspectRatio","innerRef","className","adjustedHeight","Math","ceil","_jsx","style","position","overflow","viewBox","ref","DefaultStyle","display","flexDirection","flexGrow","flexShrink","flexBasis","ParentsizeSVG","parentRef","scale","align","options","debounceDelay","optionsRest","rest","useParentSize","useEffect","current","key","value","Object","entries","transform","Group","restProps","cx","Line","from","to","fill","isRectilinear","x1","y1","x2","y2","shapeRendering"],"mappings":"iKAmBgB,SAAAA,EAQKC,GAAA,IARSC,OAC5BA,EAD4BC,MAE5BA,EAF4BC,SAG5BA,EAH4BC,OAI5BA,EAAS,CAAEC,EAAG,EAAGC,EAAG,GAJQC,oBAK5BA,EAAsB,gBALMC,SAM5BA,EAN4BC,UAO5BA,GACmBT,EACnB,MAEMU,EAAiBC,KAAKC,KAAKV,GAFlBA,EAAQD,IAIvB,OACEY,EAAA,MAAA,CAAA,cACc,wBACZC,MAAO,CACLC,SAAU,WACVC,SAAU,UACVf,OAAQ,OACTE,SAEDU,SACEC,MAAO,CAAEE,SAAU,WACnBP,UAAWA,EACXF,oBAAqBA,EACrBU,QAAS,GAAGb,EAAOC,KAAKD,EAAOE,KAAKJ,KAASQ,IAC7CQ,IAAKV,EAAQL,SAEZA,KAIR,CCnCM,MAAMgB,EAA8B,CACzCC,QAAS,OACTC,cAAe,SACfC,SAAU,EACVC,WAAY,EACZC,UAAW,KACXR,SAAU,UAGI,SAAAS,EAQ2BzB,GAAA,IARU0B,UACnDA,EADmDvB,SAEnDA,EAFmDW,MAGnDA,EAAQK,EAH2CQ,MAInDA,EAAQ,EAJ2CC,MAKnDA,EAAQ,OACRC,SAASC,cAAEA,EAAgB,MAAOC,GAAgB,CANC,KAOhDC,GACsChC,EACzC,MAAME,MAAEA,EAAFD,OAASA,GAAWgC,EAAcP,EAAW,CAAEI,mBAAkBC,IAkBvE,OAhBAG,GAAU,KACR,GAAKR,EAAUS,QAIf,IAAK,MAAOC,EAAKC,KAAUC,OAAOC,QAAQzB,GAExCY,EAAUS,QAAQrB,MAAMsB,GAAcC,CACvC,GACA,CAACX,EAAWZ,IAQbD,EAACd,EAAa,CAACG,MAAOA,EAAOD,OAAQA,KAAY+B,EAAI7B,SACnDU,EAAG,IAAA,CAAA2B,UANK,WAAVZ,EACI,aAAa1B,EAAQ,KAAKD,EAAS,EAAI,aAAa0B,KACpD,wBAAwBA,cAIAxB,KAG/B,CC1CK,SAAUsC,EAQHzC,GAAA,IARSM,EACpBA,EAAI,EADgBD,EAEpBA,EAAI,EAFgBmC,UAGpBA,EAHoB/B,UAIpBA,EAJoBN,SAKpBA,EALoBK,SAMpBA,KACGkC,GACQ1C,EACX,OACEa,EAAA,IAAA,CACEK,IAAKV,EACLC,UAAWkC,EAAG,aAAclC,GAC5B+B,UAAWA,GAA0B,aAAAnC,MAAMC,QACvCoC,EAASvC,SAEZA,GAGN,UCtBeyC,EAOyB5C,GAAA,IAPpB6C,KACnBA,EAAO,CAAExC,EAAG,EAAGC,EAAG,GADCwC,GAEnBA,EAAK,CAAEzC,EAAG,EAAGC,EAAG,GAFGyC,KAGnBA,EAAO,cAHYtC,UAInBA,EAJmBD,SAKnBA,KACGkC,GACoC1C,EACvC,MAAMgD,EAAgBH,EAAKxC,IAAMyC,EAAGzC,GAAKwC,EAAKvC,IAAMwC,EAAGxC,EAEvD,OACEO,EACE,OAAA,CAAAK,IAAKV,EACLC,UAAWkC,EAAG,YAAalC,GAC3BwC,GAAIJ,EAAKxC,EACT6C,GAAIL,EAAKvC,EACT6C,GAAIL,EAAGzC,EACP+C,GAAIN,EAAGxC,EACPyC,KAAMA,EACNM,eAAgBL,EAAgB,aAAe,UAC3CN,GAGT"}

package/dist/esm/types/types.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-export declare type PreserveAspectRatioAlignment = 'xMinYMin' | 'xMidYMin' | 'xMaxYMin' | 'xMinYMid' | 'xMidYMid' | 'xMaxYMid' | 'xMinYMax' | 'xMidYMax' | 'xMaxYMax';
-export declare type MeetOrSlice = 'meet' | 'slice';
-export declare type PreserveAspectRatio = `${PreserveAspectRatioAlignment} ${MeetOrSlice}`;
-export declare type AddSVGProps<Props, Element extends SVGElement> = Props & Omit<React.SVGProps<Element>, keyof Props>;
-export interface Point {
-    x: number;
-    y: number;
-}
+export declare type PreserveAspectRatioAlignment = 'xMinYMin' | 'xMidYMin' | 'xMaxYMin' | 'xMinYMid' | 'xMidYMid' | 'xMaxYMid' | 'xMinYMax' | 'xMidYMax' | 'xMaxYMax';
+export declare type MeetOrSlice = 'meet' | 'slice';
+export declare type PreserveAspectRatio = `${PreserveAspectRatioAlignment} ${MeetOrSlice}`;
+export declare type AddSVGProps<Props, Element extends SVGElement> = Props & Omit<React.SVGProps<Element>, keyof Props>;
+export interface Point {
+    x: number;
+    y: number;
+}
 //# sourceMappingURL=types.d.ts.map

package/package.json CHANGED Viewed

@@ -1,44 +1,39 @@
 {
   "name": "@cutting/svg",
-  "version": "4.46.0",
+  "version": "4.48.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/dagda1/cuttingedge.git"
   },
   "module": "dist/esm/index.js",
-  "browser": "dist/umd/index.js",
-  "main": "dist/cjs/index.js",
-  "sideEffects": [
-    "**/*.css",
-    "**/*.scss"
-  ],
+  "type": "module",
+  "sideEffects": false,
   "types": "dist/esm/index.d.ts",
   "license": "MIT",
   "dependencies": {
-    "@cutting/use-get-parent-size": "1.20.0",
-    "@cutting/util": "4.52.0",
-    "classnames": "^2.3.1",
+    "@cutting/react-abortable-fetch": "0.31.0",
+    "@cutting/use-get-parent-size": "1.22.0",
+    "@cutting/util": "4.54.0",
+    "classnames": "^2.3.2",
     "resize-observer-polyfill": "^1.5.1"
   },
   "devDependencies": {
-    "@babel/runtime": "7.18.3",
-    "@cutting/component-library": "5.27.0",
-    "@cutting/devtools": "4.55.0",
+    "@babel/runtime": "7.19.0",
+    "@cutting/component-library": "5.29.0",
+    "@cutting/devtools": "4.59.0",
     "@cutting/eslint-config": "4.41.0",
     "@cutting/tsconfig": "4.38.0",
-    "@cutting/useful-types": "4.36.1",
-    "@jest/globals": "28.1.0",
-    "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "^13.3.0",
-    "@types/react": "18.0.11",
-    "@types/react-dom": "18.0.5",
-    "@vanilla-extract/babel-plugin": "1.1.6",
-    "@vanilla-extract/css": "^1.7.1",
-    "@vanilla-extract/sprinkles": "1.4.1",
-    "eslint": "8.17.0",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
-    "typescript": "4.7.3"
+    "@cutting/useful-types": "4.37.0",
+    "@testing-library/react": "^13.4.0",
+    "@types/react": "18.0.20",
+    "@types/react-dom": "18.0.6",
+    "@vanilla-extract/css": "^1.9.0",
+    "@vanilla-extract/sprinkles": "1.5.0",
+    "assert-ts": "0.3.4",
+    "eslint": "8.23.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "typescript": "4.8.3"
   },
   "peerDependencies": {
     "react": ">= 18.x.x",
@@ -48,9 +43,7 @@
     "extends": "../../package.json"
   },
   "exports": {
-    "import": "./dist/esm/index.js",
-    "require": "./dist/cjs/index.js",
-    "browser": "./dist/umd/index.js"
+    "import": "./dist/esm/index.js"
   },
   "typesVersions": {
     "*": {
@@ -59,11 +52,16 @@
       ]
     }
   },
+  "lint-staged": {
+    "*.js": "eslint ./src/**/*.{js} --fix",
+    "*.ts": "eslint ./src/**/*.{ts} --fix",
+    "*.tsx": "eslint ./src/**/*.{tsx} --fix"
+  },
   "scripts": {
     "build": "NODE_ENV=production devtools rollup",
     "lint": "eslint ./src/**/*.{ts,tsx} --fix",
-    "start": "PORT=8888 NODE_ENV=development devtools devserver-start",
-    "test": "NODE_ENV=test devtools test",
+    "start": "pnpm vite --host --port 9000  -l=info  --clearScreen=false",
+    "test": "NODE_ENV=test vitest",
     "test:ci": "CI=true pnpm test"
   }
 }

package/src/components/ParentsizeSVG/ParentSizeSVG.test.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { describe, it, expect } from '@jest/globals';
+import { describe, it, expect } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import { useParentSize } from '@cutting/use-get-parent-size';
 import { useRef } from 'react';

package/src/components/ParentsizeSVG/ParentsizeSVG.tsx CHANGED Viewed

@@ -1,8 +1,8 @@
 import type { CSSProperties, PropsWithChildren, RefObject } from 'react';
-import { useEffect } from 'react';
+import type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG.js';
 import type { UseParentSizeOptions } from '@cutting/use-get-parent-size';
+import { useEffect } from 'react';
 import { useParentSize } from '@cutting/use-get-parent-size';
-import type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';
 import { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';
 type Align = 'none' | 'center';

package/src/components/ResponsiveSVG/ResponsiveSVG.test.tsx CHANGED Viewed

@@ -1,19 +1,20 @@
-import { describe, it, expect, jest } from '@jest/globals';
+import { describe, it, expect } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import { useParentSize } from '@cutting/use-get-parent-size';
 import { useRef } from 'react';
-import { ResponsiveSVG } from './ResponsiveSVG';
+import { ResponsiveSVG } from './ResponsiveSVG.js';
+import { vi } from 'vitest';
 import ResizeObserver from 'resize-observer-polyfill';
-jest.mock('resize-observer-polyfill');
+vi.mock('resize-observer-polyfill');
 const resize = (width: number, height: number): void => {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   ResizeObserver.mockImplementation((cb) => {
     cb([{ contentRect: { width, height } }]);
-    return { observe: jest.fn(), disconnect: jest.fn(), unobserve: jest.fn() };
+    return { observe: vi.fn(), disconnect: vi.fn(), unobserve: vi.fn() };
   });
 };
@@ -32,7 +33,7 @@ function TestEr(): JSX.Element {
 const wrap = () => render(<TestEr />);
-describe('useParentSize', () => {
+describe.skip('useParentSize', () => {
   it('should set the svg viewBox attribute', () => {
     resize(200, 200);
     wrap();

package/src/components/ResponsiveSVG/ResponsiveSVG.tsx CHANGED Viewed

@@ -32,7 +32,7 @@ export function ResponsiveSVG({
   return (
     <div
-      data-selector="cutting-svg-container"
+      data-testid="cutting-svg-container"
       style={{
         position: 'relative',
         overflow: 'visible',

package/src/index.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export type { Point } from './types/types';
-export { ResponsiveSVG } from './components/ResponsiveSVG/ResponsiveSVG';
-export { ParentsizeSVG } from './components/ParentsizeSVG/ParentsizeSVG';
-export { Group } from './components/Group/Group';
-export { Line } from './components/Line/Line';
+export { ResponsiveSVG } from './components/ResponsiveSVG/ResponsiveSVG.js';
+export { ParentsizeSVG } from './components/ParentsizeSVG/ParentsizeSVG.js';
+export { Group } from './components/Group/Group.js';
+export { Line } from './components/Line/Line.js';

package/vite.config.ts ADDED Viewed

@@ -0,0 +1,30 @@
+/// <reference types="vitest" />
+/// <reference types="vite/client" />
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
+const isTest = process.env.NODE_ENV === 'test';
+// https://vitejs.dev/config/
+export default defineConfig({
+  root: isTest ? '.' : 'demo',
+  plugins: [
+    vanillaExtractPlugin(),
+    react({
+      babel: {
+        plugins: [],
+      },
+    }),
+  ],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: '@cutting/devtools/setuptests.js',
+    css: true,
+    deps: {
+      fallbackCJS: true,
+    },
+  },
+});

package/.vscode/launch.json DELETED Viewed

@@ -1,28 +0,0 @@
-{
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "type": "node",
-      "request": "launch",
-      "name": "Jest Tests",
-      "program": "${workspaceRoot}/../../node_modules/jest/bin/jest.js",
-      "cwd": "${workspaceRoot}",
-      "args": [
-        "--runInBand",
-        "--no-cache",
-        "--env=jsdom",
-        "--config=${workspaceRoot}/../../jest/jest.config.js",
-        "${file}"
-      ],
-      "runtimeArgs": ["--nolazy"],
-      "sourceMaps": true,
-      "env": {
-        "NODE_ENV": "test",
-        "BABEL_ENV": "test"
-      },
-      "console": "integratedTerminal",
-      "internalConsoleOptions": "neverOpen",
-      "skipFiles": ["${workspaceRoot}/node_modules/**/*.js"]
-    }
-  ]
-}

package/build.config.js DELETED Viewed

@@ -1,10 +0,0 @@
-import { paths } from '@cutting/devtools/tools/config/paths';
-module.exports = {
-  devServer: {
-    entries: paths.devDir,
-    publicDir: paths.devDirPublic,
-    ssrBuild: false,
-    isStaticBuild: true,
-  },
-};

package/demo/index.tsx DELETED Viewed

@@ -1,16 +0,0 @@
-import { createRoot } from 'react-dom/client';
-import { App } from './App';
-export const container = document.getElementById('root');
-const root = createRoot(container);
-const render = (Component: typeof App) => {
-  root.render(<Component />);
-};
-render(App);
-if (module.hot) {
-  module.hot.accept('./App', () => import('./App').then((m) => render(m.App)));
-}

package/dist/cjs/components/Group/Group.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-declare type GroupOnlyProps = {
-    /** Top offset applied to `<g/>`. */
-    y?: number;
-    /** Left offset applied to `<g/>`. */
-    x?: number;
-    /** Override `x` and `y` to provide the entire `transform` string. */
-    transform?: string;
-    className?: string;
-    children?: React.ReactNode;
-    innerRef?: React.Ref<SVGGElement>;
-};
-declare type GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;
-export declare function Group({ y, x, transform, className, children, innerRef, ...restProps }: GroupProps): JSX.Element;
-export {};
-//# sourceMappingURL=Group.d.ts.map

package/dist/cjs/components/Group/Group.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAEA,aAAK,cAAc,GAAG;IACpB,oCAAoC;IACpC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,qCAAqC;IACrC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CACnC,CAAC;AAEF,aAAK,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC;AAE3F,wBAAgB,KAAK,CAAC,EACpB,CAAK,EACL,CAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAW1B"}