@cutting/svg 4.48.0 → 4.50.0

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
-@cutting/svg:build: cache hit, replaying output 7e3e6dc81983bac2
+@cutting/svg:build: cache hit, replaying output d29261d18dcf8b0a
 @cutting/svg:build: 
-@cutting/svg:build: > @cutting/svg@4.48.0 build /home/runner/work/cuttingedge/cuttingedge/packages/svg
+@cutting/svg:build: > @cutting/svg@4.50.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

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @cutting/svg
 
+## 4.50.0
+
+### Minor Changes
+
+- 6927f7bd: remove babel completely
+
+### Patch Changes
+
+- Updated dependencies [6927f7bd]
+  - @cutting/react-abortable-fetch@0.33.0
+  - @cutting/use-get-parent-size@1.24.0
+  - @cutting/util@4.55.0
+
+## 4.49.0
+
+### Minor Changes
+
+- 3c3e166a: replace flex with css grid for main layouts
+
+### Patch Changes
+
+- Updated dependencies [3c3e166a]
+  - @cutting/react-abortable-fetch@0.32.0
+  - @cutting/use-get-parent-size@1.23.0
+  - @cutting/util@4.54.0
+
 ## 4.48.0
 
 ### Minor Changes

package/demo/src/global.css.ts

@@ -1,7 +1,6 @@
 import { globalStyle, style } from '@vanilla-extract/css';
 
 export const container = style({
-  border: '10px solid yellow',
   background: 'grey',
   color: 'white',
   overflow: 'hidden',

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -1 +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"}
+{"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","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,GAAcC,OAC5BA,EAAMC,MACNA,EAAKC,SACLA,EAAQC,OACRA,EAAS,CAAEC,EAAG,EAAGC,EAAG,GAAGC,oBACvBA,EAAsB,gBAAeC,SACrCA,EAAQC,UACRA,IAEA,MAEMC,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,KAIT,CCnCO,MAAMgB,EAA8B,CACzCC,QAAS,OACTC,cAAe,SACfC,SAAU,EACVC,WAAY,EACZC,UAAW,KACXR,SAAU,UAGI,SAAAS,GAAqCC,UACnDA,EAASvB,SACTA,EAAQW,MACRA,EAAQK,EAAYQ,MACpBA,EAAQ,EAACC,MACTA,EAAQ,OACRC,SAASC,cAAEA,EAAgB,MAAOC,GAAgB,CAAE,KACjDC,IAEH,MAAM9B,MAAEA,EAAKD,OAAEA,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,EAACb,EAAa,CAACE,MAAOA,EAAOD,OAAQA,KAAY+B,EAAI7B,SACnDU,EAAG,IAAA,CAAA2B,UANK,WAAVZ,EACI,aAAa1B,EAAQ,KAAKD,EAAS,EAAI,aAAa0B,KACpD,wBAAwBA,cAIAxB,KAGhC,CC1CM,SAAUsC,GAAMnC,EACpBA,EAAI,EAACD,EACLA,EAAI,EAACmC,UACLA,EAAS/B,UACTA,EAASN,SACTA,EAAQK,SACRA,KACGkC,IAEH,OACE7B,EAAA,IAAA,CACEK,IAAKV,EACLC,UAAWkC,EAAG,aAAclC,GAC5B+B,UAAWA,GAAa,aAAanC,MAAMC,QACvCoC,EAASvC,SAEZA,GAGP,UCtBgByC,GAAKC,KACnBA,EAAO,CAAExC,EAAG,EAAGC,EAAG,GAAGwC,GACrBA,EAAK,CAAEzC,EAAG,EAAGC,EAAG,GAAGyC,KACnBA,EAAO,cAAatC,UACpBA,EAASD,SACTA,KACGkC,IAEH,MAAMM,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,GAGV"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cutting/svg",
-  "version": "4.48.0",
+  "version": "4.50.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/dagda1/cuttingedge.git"
@@ -11,29 +11,28 @@
   "types": "dist/esm/index.d.ts",
   "license": "MIT",
   "dependencies": {
-    "@cutting/react-abortable-fetch": "0.31.0",
-    "@cutting/use-get-parent-size": "1.22.0",
-    "@cutting/util": "4.54.0",
+    "@cutting/react-abortable-fetch": "0.33.0",
+    "@cutting/use-get-parent-size": "1.24.0",
+    "@cutting/util": "4.55.0",
     "classnames": "^2.3.2",
     "resize-observer-polyfill": "^1.5.1"
   },
   "devDependencies": {
-    "@babel/runtime": "7.19.0",
-    "@cutting/component-library": "5.29.0",
-    "@cutting/devtools": "4.59.0",
-    "@cutting/eslint-config": "4.41.0",
+    "@cutting/component-library": "5.31.0",
+    "@cutting/devtools": "4.60.0",
+    "@cutting/eslint-config": "4.42.0",
     "@cutting/tsconfig": "4.38.0",
-    "@cutting/useful-types": "4.37.0",
+    "@cutting/useful-types": "4.38.0",
     "@testing-library/react": "^13.4.0",
-    "@types/react": "18.0.20",
+    "@types/react": "18.0.21",
     "@types/react-dom": "18.0.6",
-    "@vanilla-extract/css": "^1.9.0",
+    "@vanilla-extract/css": "^1.9.1",
     "@vanilla-extract/sprinkles": "1.5.0",
     "assert-ts": "0.3.4",
-    "eslint": "8.23.1",
+    "eslint": "8.24.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "typescript": "4.8.3"
+    "typescript": "4.8.4"
   },
   "peerDependencies": {
     "react": ">= 18.x.x",
@@ -52,11 +51,6 @@
       ]
     }
   },
-  "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",

package/vite.config.ts

@@ -10,14 +10,7 @@ const isTest = process.env.NODE_ENV === 'test';
 // https://vitejs.dev/config/
 export default defineConfig({
   root: isTest ? '.' : 'demo',
-  plugins: [
-    vanillaExtractPlugin(),
-    react({
-      babel: {
-        plugins: [],
-      },
-    }),
-  ],
+  plugins: [vanillaExtractPlugin(), react()],
   test: {
     globals: true,
     environment: 'jsdom',