@cutting/svg 4.63.0 → 4.64.1

package/dist/esm/index.d.ts

@@ -1,6 +1,70 @@
-export { Group } from './components/Group/Group';
-export { Line } from './components/Line/Line';
-export { ParentsizeSVG } from './components/ParentsizeSVG/ParentsizeSVG';
-export { ResponsiveSVG } from './components/ResponsiveSVG/ResponsiveSVG';
-export type { Point } from './types/types';
+import { UseParentSizeOptions } from "@cutting/use-get-parent-size";
+import { PropsWithChildren, ReactNode, Ref, RefObject, SVGAttributes } from "react";
+//#region src/components/Group/Group.d.ts
+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>;
+};
+type GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;
+declare function Group({ y, x, transform, className, children, innerRef, ...restProps }: GroupProps): JSX.Element;
+//#endregion
+//#region src/types/types.d.ts
+type PreserveAspectRatioAlignment = 'xMinYMin' | 'xMidYMin' | 'xMaxYMin' | 'xMinYMid' | 'xMidYMid' | 'xMaxYMid' | 'xMinYMax' | 'xMidYMax' | 'xMaxYMax';
+type MeetOrSlice = 'meet' | 'slice';
+type PreserveAspectRatio = `${PreserveAspectRatioAlignment} ${MeetOrSlice}` | 'none';
+type AddSVGProps<Props, Element extends SVGElement> = Props & Omit<React.SVGProps<Element>, keyof Props>;
+interface Point {
+  x: number;
+  y: number;
+}
+type SVGAttributes$1<T> = T & Omit<SVGAttributes<SVGSVGElement>, 'origin' | 'viewBox' | 'preserveAspectRatio' | 'children '>;
+//#endregion
+//#region src/components/Line/Line.d.ts
+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;
+};
+declare function Line({ from, to, fill, className, innerRef, ...restProps }: AddSVGProps<LineProps, SVGLineElement>): JSX.Element;
+//#endregion
+//#region src/components/ResponsiveSVG/ResponsiveSVG.d.ts
+interface Point$1 {
+  x: number;
+  y: number;
+}
+type ResponsiveSVGProps = SVGAttributes$1<{
+  width?: number;
+  height?: number;
+  origin?: Point$1;
+  preserveAspectRatio?: PreserveAspectRatio;
+  innerRef?: Ref<SVGSVGElement>;
+  className?: string;
+  hide?: boolean;
+  children: ReactNode;
+  overflow?: 'hidden' | 'visible';
+}>;
+declare function ResponsiveSVG({ height, width, children, origin, preserveAspectRatio, innerRef, className, overflow, ...props }: ResponsiveSVGProps): JSX.Element;
+//#endregion
+//#region src/components/ParentsizeSVG/ParentsizeSVG.d.ts
+type Align = 'none' | 'center';
+type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {
+  parentRef: RefObject<E>;
+  align?: Align;
+  scale?: number;
+  options?: Partial<UseParentSizeOptions>;
+} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;
+declare function ParentsizeSVG<E extends HTMLElement>({ parentRef, children, options, ...rest }: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null;
+//#endregion
+export { Group, Line, ParentsizeSVG, type Point, ResponsiveSVG };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,YAAY,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/components/Group/Group.tsx","../../src/types/types.ts","../../src/components/Line/Line.tsx","../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx"],"mappings":";;;KAEK;;EAEH;;EAEA;;EAEA;EACA;EACA,WAAW,MAAM;EACjB,WAAW,MAAM,IAAI;;KAGlB,aAAa,iBAAiB,KAAK,MAAM,SAAS,oBAAoB;iBAE3D,QACd,GACA,GACA,WACA,WACA,UACA,aACG,aACF,aAAa,IAAI;;;KCtBR;KAGA;KAEA,yBAAyB,gCAAgC;KAEzD,YAAY,OAAO,gBAAgB,cAAc,QAAQ,KAAK,MAAM,SAAS,gBAAgB;UAExF;EACf;EACA;;KAGU,gBAAc,KAAK,IAC7B,KAAK,cAAc;;;KCbT;EACV;EACA,WAAW,MAAM,IAAI;EACrB;;EAEA,OAAO;;EAEP,KAAK;;iBAGS,OACd,MACA,IACA,MACA,WACA,aACG,aACF,YAAY,WAAW,kBAAkB,IAAI;;;UCjB/B;EACf;EACA;;KAGU,qBAAqB;EAC/B;EACA;EACA,SAAS;EACT,sBAAsB;EACtB,WAAW,IAAI;EACf;EACA;EACA,UAAU;EACV;;iBAGc,gBACd,QACA,OACA,UACA,QACA,qBACA,UACA,WACA,aACG,SACF,qBAAqB,IAAI;;;KCxBvB;KAEO,mBAAmB,UAAU,cAAc;EACrD,WAAW,UAAU;EACrB,QAAQ;EACR;EACA,UAAU,QAAQ;IAChB,QAAQ,KAAK;iBAED,cAAc,UAAU,eACtC,WACA,UACA,YACG,QACF,kBAAkB,mBAAmB,MAAM,IAAI"}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import t from"classnames";import{useParentSize as i}from"@cutting/use-get-parent-size";function r({y:i=0,x:r=0,transform:n,className:s,children:o,innerRef:a,...l}){return e("g",{ref:a,className:t("visx-group",s),transform:n||`translate(${r}, ${i})`,...l,children:o})}function n({from:i={x:0,y:0},to:r={x:1,y:1},fill:n="transparent",className:s,innerRef:o,...a}){const l=i.x===r.x||i.y===r.y;return e("line",{ref:o,className:t("visx-line",s),x1:i.x,y1:i.y,x2:r.x,y2:r.y,fill:n,shapeRendering:l?"crispEdges":"auto",...a})}function s({height:t=0,width:i=0,children:r,origin:n={x:0,y:0},preserveAspectRatio:s="xMaxYMid meet",innerRef:o,className:a,overflow:l="visible",...c}){const h=Math.ceil(i/(0===t?1:i/t));return e("div",{"data-testid":"cutting-svg-container",style:{position:"relative",overflow:"visible",height:"0px"},children:e("svg",{style:{overflow:l,width:"100%",height:"auto"},className:a,preserveAspectRatio:s,viewBox:`${n.x} ${n.y} ${i} ${h}`,ref:o,...c,children:r})})}function o({parentRef:t,children:r,options:n,...o}){const{width:a,height:l}=i(t,n);return e(s,{width:a,height:l,...o,children:r})}export{r as Group,n as Line,o as ParentsizeSVG,s as ResponsiveSVG};
-//# sourceMappingURL=index.js.map
+import e from"classnames";import{jsx as t}from"react/jsx-runtime";import{useParentSize as n}from"@cutting/use-get-parent-size";function r({y:n=0,x:r=0,transform:i,className:a,children:o,innerRef:s,...c}){return t(`g`,{ref:s,className:e(`visx-group`,a),transform:i||`translate(${r}, ${n})`,...c,children:o})}function i({from:n={x:0,y:0},to:r={x:1,y:1},fill:i=`transparent`,className:a,innerRef:o,...s}){let c=n.x===r.x||n.y===r.y;return t(`line`,{ref:o,className:e(`visx-line`,a),x1:n.x,y1:n.y,x2:r.x,y2:r.y,fill:i,shapeRendering:c?`crispEdges`:`auto`,...s})}function a({height:e=0,width:n=0,children:r,origin:i={x:0,y:0},preserveAspectRatio:a=`xMaxYMid meet`,innerRef:o,className:s,overflow:c=`visible`,...l}){let u=e===0?1:n/e,d=Math.ceil(n/u);return t(`div`,{"data-testid":`cutting-svg-container`,style:{position:`relative`,overflow:`visible`,height:`0px`},children:t(`svg`,{style:{overflow:c,width:`100%`,height:`auto`},className:s,preserveAspectRatio:a,viewBox:`${i.x} ${i.y} ${n} ${d}`,ref:o,...l,children:r})})}function o({parentRef:e,children:r,options:i,...o}){let{width:s,height:c}=n(e,i);return t(a,{width:s,height:c,...o,children:r})}export{r as Group,i as Line,o as ParentsizeSVG,a as ResponsiveSVG};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx","../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx"],"sourcesContent":["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';\n\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","import type { ReactNode, Ref } from 'react';\n\nimport type { PreserveAspectRatio, SVGAttributes } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport type ResponsiveSVGProps = SVGAttributes<{\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  overflow?: 'hidden' | 'visible';\n}>;\n\nexport function ResponsiveSVG({\n  height = 0,\n  width = 0,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n  overflow = 'visible',\n  ...props\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = height === 0 ? 1 : 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: '0px',\n      }}\n    >\n      <svg\n        style={{ overflow, width: '100%', height: 'auto' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n        {...props}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { PropsWithChildren, RefObject } from 'react';\n\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  options,\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, options);\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      {children}\n    </ResponsiveSVG>\n  );\n}\n"],"names":["Group","y","x","transform","className","children","innerRef","restProps","_jsx","ref","cx","Line","from","to","fill","isRectilinear","x1","y1","x2","y2","shapeRendering","ResponsiveSVG","height","width","origin","preserveAspectRatio","overflow","props","adjustedHeight","Math","ceil","style","position","viewBox","ParentsizeSVG","parentRef","options","rest","useParentSize"],"mappings":"+HAgBM,SAAUA,GAAMC,EACpBA,EAAI,EAACC,EACLA,EAAI,EAACC,UACLA,EAASC,UACTA,EAASC,SACTA,EAAQC,SACRA,KACGC,IAEH,OACEC,EAAA,IAAA,CACEC,IAAKH,EACLF,UAAWM,EAAG,aAAcN,GAC5BD,UAAWA,GAAa,aAAaD,MAAMD,QACvCM,EAASF,SAEZA,GAGP,UCrBgBM,GAAKC,KACnBA,EAAO,CAAEV,EAAG,EAAGD,EAAG,GAAGY,GACrBA,EAAK,CAAEX,EAAG,EAAGD,EAAG,GAAGa,KACnBA,EAAO,cAAaV,UACpBA,EAASE,SACTA,KACGC,IAEH,MAAMQ,EAAgBH,EAAKV,IAAMW,EAAGX,GAAKU,EAAKX,IAAMY,EAAGZ,EAEvD,OACEO,EAAA,OAAA,CACEC,IAAKH,EACLF,UAAWM,EAAG,YAAaN,GAC3BY,GAAIJ,EAAKV,EACTe,GAAIL,EAAKX,EACTiB,GAAIL,EAAGX,EACPiB,GAAIN,EAAGZ,EACPa,KAAMA,EACNM,eAAgBL,EAAgB,aAAe,UAC3CR,GAGV,UChBgBc,GAAcC,OAC5BA,EAAS,EAACC,MACVA,EAAQ,EAAClB,SACTA,EAAQmB,OACRA,EAAS,CAAEtB,EAAG,EAAGD,EAAG,GAAGwB,oBACvBA,EAAsB,gBAAenB,SACrCA,EAAQF,UACRA,EAASsB,SACTA,EAAW,aACRC,IAEH,MAEMC,EAAiBC,KAAKC,KAAKP,GAFP,IAAXD,EAAe,EAAIC,EAAQD,IAI1C,OACEd,EAAA,MAAA,CAAA,cACc,wBACZuB,MAAO,CACLC,SAAU,WACVN,SAAU,UACVJ,OAAQ,OACTjB,SAEDG,EAAA,MAAA,CACEuB,MAAO,CAAEL,WAAUH,MAAO,OAAQD,OAAQ,QAC1ClB,UAAWA,EACXqB,oBAAqBA,EACrBQ,QAAS,GAAGT,EAAOtB,KAAKsB,EAAOvB,KAAKsB,KAASK,IAC7CnB,IAAKH,KACDqB,WAEHtB,KAIT,CCzCM,SAAU6B,GAAqCC,UACnDA,EAAS9B,SACTA,EAAQ+B,QACRA,KACGC,IAEH,MAAMd,MAAEA,EAAKD,OAAEA,GAAWgB,EAAcH,EAAWC,GAEnD,OACE5B,EAACa,EAAa,CAACE,MAAOA,EAAOD,OAAQA,KAAYe,WAC9ChC,GAGP"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx","../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx"],"sourcesContent":["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';\n\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","import type { ReactNode, Ref } from 'react';\n\nimport type { PreserveAspectRatio, SVGAttributes } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport type ResponsiveSVGProps = SVGAttributes<{\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  overflow?: 'hidden' | 'visible';\n}>;\n\nexport function ResponsiveSVG({\n  height = 0,\n  width = 0,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n  overflow = 'visible',\n  ...props\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = height === 0 ? 1 : 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: '0px',\n      }}\n    >\n      <svg\n        style={{ overflow, width: '100%', height: 'auto' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n        {...props}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { PropsWithChildren, RefObject } from 'react';\n\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  options,\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, options);\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      {children}\n    </ResponsiveSVG>\n  );\n}\n"],"mappings":"+HAgBA,SAAgB,EAAM,CACpB,IAAI,EACJ,IAAI,EACJ,YACA,YACA,WACA,WACA,GAAG,GACuB,CAC1B,OACE,EAAC,IAAD,CACE,IAAK,EACL,UAAW,EAAG,aAAc,CAAS,EACrC,UAAW,GAAa,aAAa,EAAE,IAAI,EAAE,GAC7C,GAAI,EAEH,UACA,CAAA,CAEP,CCrBA,SAAgB,EAAK,CACnB,OAAO,CAAE,EAAG,EAAG,EAAG,CAAE,EACpB,KAAK,CAAE,EAAG,EAAG,EAAG,CAAE,EAClB,OAAO,cACP,YACA,WACA,GAAG,GACmD,CACtD,IAAM,EAAgB,EAAK,IAAM,EAAG,GAAK,EAAK,IAAM,EAAG,EAEvD,OACE,EAAC,OAAD,CACE,IAAK,EACL,UAAW,EAAG,YAAa,CAAS,EACpC,GAAI,EAAK,EACT,GAAI,EAAK,EACT,GAAI,EAAG,EACP,GAAI,EAAG,EACD,OACN,eAAgB,EAAgB,aAAe,OAC/C,GAAI,CACL,CAAA,CAEL,CChBA,SAAgB,EAAc,CAC5B,SAAS,EACT,QAAQ,EACR,WACA,SAAS,CAAE,EAAG,EAAG,EAAG,CAAE,EACtB,sBAAsB,gBACtB,WACA,YACA,WAAW,UACX,GAAG,GAC+B,CAClC,IAAM,EAAS,IAAW,EAAI,EAAI,EAAQ,EAEpC,EAAiB,KAAK,KAAK,EAAQ,CAAM,EAE/C,OACE,EAAC,MAAD,CACE,cAAY,wBACZ,MAAO,CACL,SAAU,WACV,SAAU,UACV,OAAQ,KACV,EAEA,SAAA,EAAC,MAAD,CACE,MAAO,CAAE,WAAU,MAAO,OAAQ,OAAQ,MAAO,EACtC,YACU,sBACrB,QAAS,GAAG,EAAO,EAAE,GAAG,EAAO,EAAE,GAAG,EAAM,GAAG,IAC7C,IAAK,EACL,GAAI,EAEH,UACE,CAAA,CACF,CAAA,CAET,CCzCA,SAAgB,EAAqC,CACnD,YACA,WACA,UACA,GAAG,GAC4D,CAC/D,GAAM,CAAE,QAAO,UAAW,EAAc,EAAW,CAAO,EAE1D,OACE,EAAC,EAAD,CAAsB,QAAe,SAAQ,GAAI,EAC9C,UACY,CAAA,CAEnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cutting/svg",
-  "version": "4.63.0",
+  "version": "4.64.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/dagda1/cuttingedge.git"
@@ -9,11 +9,14 @@
   "type": "module",
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "license": "MIT",
   "dependencies": {
-    "@cutting/assert": "0.6.1",
-    "@cutting/use-get-parent-size": "2.10.0",
-    "@cutting/util": "4.65.1"
+    "@cutting/assert": "0.7.1",
+    "@cutting/use-get-parent-size": "2.11.1",
+    "@cutting/util": "4.66.1"
   },
   "devDependencies": {
     "@testing-library/dom": "10.4.1",
@@ -24,7 +27,7 @@
     "d3-scale": "4.0.2",
     "react": "19.2.7",
     "react-dom": "19.2.7",
-    "@cutting/component-library": "5.51.0"
+    "@cutting/component-library": "5.52.1"
   },
   "peerDependencies": {
     "@visx/scale": "4.0.0",
@@ -42,7 +45,7 @@
   },
   "scripts": {
     "start": "pnpm vite --host --port 9000  -l=info  --clearScreen=false",
-    "build": "NODE_ENV=production devtools rollup",
+    "build": "NODE_ENV=production devtools rolldown",
     "lint": "eslint ./src/**/*.{ts,tsx} --fix",
     "test": "NODE_ENV=test vitest",
     "test:ci": "CI=true pnpm test"

package/.turbo/turbo-build.log

@@ -1,11 +0,0 @@
-$ NODE_ENV=production devtools rollup
- DEBUG   using tsconfig.dist.json
- START   using input file index.ts for @cutting/svg
-
- INFO    Generating @cutting/svg bundle.
- INFO    writing index.min for @cutting/svg
- INFO    preserveModules is false
- INFO    writing index.js for @cutting/svg
- DEBUG   copying assets to /home/runner/work/cuttingedge/cuttingedge/packages/svg/dist
- DONE    finished building
-

package/.watchmanconfig

@@ -1 +0,0 @@
-{}

package/CHANGELOG.md

@@ -1,552 +0,0 @@
-# @cutting/svg
-
-## 4.63.0
-
-### Minor Changes
-
-- c702763: upgrade @visx to 4
-
-### Patch Changes
-
-- Updated dependencies [c702763]
-  - @cutting/use-get-parent-size@2.10.0
-
-## 4.62.1
-
-### Patch Changes
-
-- 88e84cb: add changeset for patch version bump to update react and related dependencies across all packages
-- Updated dependencies [88e84cb]
-  - @cutting/use-get-parent-size@2.9.1
-  - @cutting/assert@0.6.1
-  - @cutting/util@4.65.1
-
-## 4.62.0
-
-### Minor Changes
-
-- d91afd0: bump
-
-### Patch Changes
-
-- Updated dependencies [d91afd0]
-  - @cutting/assert@0.6.0
-  - @cutting/use-get-parent-size@2.9.0
-  - @cutting/util@4.65.0
-
-## 4.61.0
-
-### Minor Changes
-
-- 98caae6: upgrade to typescript 6.0
-
-### Patch Changes
-
-- Updated dependencies [98caae6]
-  - @cutting/use-get-parent-size@2.8.0
-  - @cutting/assert@0.5.0
-  - @cutting/util@4.64.0
-
-## 4.61.0
-
-### Minor Changes
-
-- af733ed: again again again
-
-### Patch Changes
-
-- Updated dependencies [af733ed]
-  - @cutting/assert@0.5.0
-  - @cutting/use-get-parent-size@2.8.0
-  - @cutting/util@4.64.0
-
-## 4.61.0
-
-### Minor Changes
-
-- 510343b: revert
-
-### Patch Changes
-
-- Updated dependencies [510343b]
-  - @cutting/use-get-parent-size@2.8.0
-  - @cutting/assert@0.5.0
-  - @cutting/util@4.64.0
-
-## 4.61.0
-
-### Minor Changes
-
-- 54f4b15: again
-- 958b9fa: again
-- de29d47: cu
-- 5108680: again
-- bf42836: upgrade react to 19.2.3
-- cf8b2f2: shit
-
-### Patch Changes
-
-- Updated dependencies [54f4b15]
-- Updated dependencies [958b9fa]
-- Updated dependencies [de29d47]
-- Updated dependencies [5108680]
-- Updated dependencies [bf42836]
-- Updated dependencies [cf8b2f2]
-  - @cutting/assert@0.5.0
-  - @cutting/use-get-parent-size@2.8.0
-  - @cutting/util@4.64.0
-
-## 4.60.0
-
-### Minor Changes
-
-- c69a4bb: update react to 19.2.0
-
-### Patch Changes
-
-- Updated dependencies [c69a4bb]
-  - @cutting/assert@0.4.0
-  - @cutting/use-get-parent-size@2.7.0
-  - @cutting/util@4.63.0
-
-## 4.59.0
-
-### Minor Changes
-
-- 8e62b3f: cunt
-
-### Patch Changes
-
-- Updated dependencies [8e62b3f]
-  - @cutting/assert@0.3.0
-  - @cutting/use-get-parent-size@2.6.0
-  - @cutting/util@4.62.0
-
-## 4.58.0
-
-### Minor Changes
-
-- b3a8f90: bump react to 17.1.1
-- 10a1082: update
-
-### Patch Changes
-
-- Updated dependencies [b3a8f90]
-- Updated dependencies [10a1082]
-  - @cutting/use-get-parent-size@2.5.0
-  - @cutting/assert@0.2.0
-  - @cutting/util@4.61.0
-
-## 4.57.0
-
-### Minor Changes
-
-- 7b27210: react 19.1.0
-
-### Patch Changes
-
-- Updated dependencies [7b27210]
-  - @cutting/use-get-parent-size@2.4.0
-
-## 4.56.0
-
-### Minor Changes
-
-- fac6b45: introduce new jsx.d.ts to @cutting/useful-types
-
-### Patch Changes
-
-- Updated dependencies [fac6b45]
-  - @cutting/use-get-parent-size@2.3.0
-
-## 4.55.0
-
-### Minor Changes
-
-- 27b80a8: update react to 19
-
-### Patch Changes
-
-- Updated dependencies [27b80a8]
-  - @cutting/use-get-parent-size@2.2.0
-  - @cutting/util@4.60.0
-
-## 4.54.23
-
-### Patch Changes
-
-- 0f6945d: upgrade pnpm to 9.4.0
-- Updated dependencies [0f6945d]
-  - @cutting/use-get-parent-size@2.1.16
-
-## 4.54.22
-
-### Patch Changes
-
-- 86c6bb0: update pnpm to 9.2.0
-- Updated dependencies [86c6bb0]
-  - @cutting/use-get-parent-size@2.1.15
-
-## 4.54.21
-
-### Patch Changes
-
-- 857cd84: update all dependencies
-- Updated dependencies [857cd84]
-  - @cutting/use-get-parent-size@2.1.14
-
-## 4.54.20
-
-### Patch Changes
-
-- 6000f90: upgrade to pnpm 9.1.0
-- Updated dependencies [6000f90]
-  - @cutting/use-get-parent-size@2.1.13
-
-## 4.54.19
-
-### Patch Changes
-
-- f8374ed: update dependencies and pnpm to 8.15.7
-- Updated dependencies [f8374ed]
-  - @cutting/use-get-parent-size@2.1.12
-  - @cutting/util@4.59.2
-
-## 4.54.18
-
-### Patch Changes
-
-- df504df: update pnpm to 8.15.5
-- Updated dependencies [df504df]
-  - @cutting/use-get-parent-size@2.1.11
-  - @cutting/util@4.59.1
-
-## 4.54.17
-
-### Patch Changes
-
-- Updated dependencies [dddd0a0]
-  - @cutting/util@4.59.0
-  - @cutting/use-get-parent-size@2.1.10
-
-## 4.54.16
-
-### Patch Changes
-
-- 2fb3912: update dependencies
-- Updated dependencies [2fb3912]
-  - @cutting/use-get-parent-size@2.1.10
-  - @cutting/util@4.58.9
-
-## 4.54.15
-
-### Patch Changes
-
-- 2f5abbc: update to pnpm 8.15.4
-- Updated dependencies [2f5abbc]
-  - @cutting/use-get-parent-size@2.1.9
-  - @cutting/util@4.58.8
-
-## 4.54.14
-
-### Patch Changes
-
-- @cutting/use-get-parent-size@2.1.8
-- @cutting/util@4.58.7
-
-## 4.54.13
-
-### Patch Changes
-
-- 165f0cf: add .js to imports
-- Updated dependencies [165f0cf]
-  - @cutting/use-get-parent-size@2.1.7
-  - @cutting/util@4.58.6
-
-## 4.54.12
-
-### Patch Changes
-
-- 00126046: bump everything
-- Updated dependencies [00126046]
-  - @cutting/react-abortable-fetch@0.36.5
-  - @cutting/use-get-parent-size@2.1.6
-  - @cutting/util@4.58.5
-
-## 4.54.11
-
-### Patch Changes
-
-- 9d181d61: update major dependencies
-- Updated dependencies [9d181d61]
-  - @cutting/react-abortable-fetch@0.36.4
-  - @cutting/use-get-parent-size@2.1.5
-  - @cutting/util@4.58.4
-
-## 4.54.10
-
-### Patch Changes
-
-- bab1082d: make ResponsiveSVG overflow prop
-
-## 4.54.9
-
-### Patch Changes
-
-- Updated dependencies [45397d9a]
-  - @cutting/react-abortable-fetch@0.36.3
-  - @cutting/use-get-parent-size@2.1.4
-  - @cutting/util@4.58.3
-
-## 4.54.8
-
-### Patch Changes
-
-- Updated dependencies [7058f9e4]
-  - @cutting/use-get-parent-size@2.1.3
-
-## 4.54.7
-
-### Patch Changes
-
-- Updated dependencies [0f482989]
-  - @cutting/use-get-parent-size@2.1.2
-
-## 4.54.6
-
-### Patch Changes
-
-- Updated dependencies [f0d92534]
-  - @cutting/use-get-parent-size@2.1.1
-
-## 4.54.5
-
-### Patch Changes
-
-- Updated dependencies [406f9e7e]
-  - @cutting/use-get-parent-size@2.1.0
-
-## 4.54.4
-
-### Patch Changes
-
-- e2d4179f: update dependencies
-- Updated dependencies [e2d4179f]
-  - @cutting/react-abortable-fetch@0.36.2
-  - @cutting/use-get-parent-size@2.0.2
-  - @cutting/util@4.58.2
-
-## 4.54.3
-
-### Patch Changes
-
-- 79c7b329: return whole DOMRect
-- Updated dependencies [79c7b329]
-  - @cutting/use-get-parent-size@2.0.1
-
-## 4.54.2
-
-### Patch Changes
-
-- Updated dependencies [f369fc43]
-  - @cutting/use-get-parent-size@2.0.0
-
-## 4.54.1
-
-### Patch Changes
-
-- Updated dependencies [b743bae4]
-  - @cutting/util@4.58.1
-  - @cutting/react-abortable-fetch@0.36.1
-  - @cutting/use-get-parent-size@1.27.1
-
-## 4.54.0
-
-### Minor Changes
-
-- 2cbd4b74: bump all dependencies, pnpm and update renovate
-
-### Patch Changes
-
-- Updated dependencies [2cbd4b74]
-  - @cutting/use-get-parent-size@1.27.0
-  - @cutting/react-abortable-fetch@0.36.0
-  - @cutting/util@4.58.0
-
-## 4.53.1
-
-### Patch Changes
-
-- f80075f8: rename cuttoff to maxDifference
-- Updated dependencies [f80075f8]
-  - @cutting/use-get-parent-size@1.26.2
-
-## 4.53.0
-
-### Minor Changes
-
-- ce19c98e: more responsive fixes
-
-### Patch Changes
-
-- @cutting/use-get-parent-size@1.26.1
-
-## 4.52.2
-
-### Patch Changes
-
-- 90d6df6f: better layout for ApplicationLayout
-  - @cutting/use-get-parent-size@1.26.1
-
-## 4.52.1
-
-### Patch Changes
-
-- 7405910f: fix use-get-parentsize constant resizing problem
-- Updated dependencies [7405910f]
-  - @cutting/react-abortable-fetch@0.35.1
-  - @cutting/use-get-parent-size@1.26.1
-  - @cutting/util@4.57.1
-
-## 4.52.0
-
-### Minor Changes
-
-- f429be7a: upgrade to node 18
-
-### Patch Changes
-
-- Updated dependencies [f429be7a]
-  - @cutting/react-abortable-fetch@0.35.0
-  - @cutting/use-get-parent-size@1.26.0
-  - @cutting/util@4.57.0
-
-## 4.51.0
-
-### Minor Changes
-
-- 907b7c62: bump versions
-
-### Patch Changes
-
-- Updated dependencies [907b7c62]
-  - @cutting/react-abortable-fetch@0.34.0
-  - @cutting/use-get-parent-size@1.25.0
-  - @cutting/util@4.56.0
-
-## 4.50.2
-
-### Patch Changes
-
-- dbc72c3b: add tangent
-- Updated dependencies [dbc72c3b]
-  - @cutting/util@4.55.1
-  - @cutting/use-get-parent-size@1.24.2
-  - @cutting/react-abortable-fetch@0.33.1
-
-## 4.50.1
-
-### Patch Changes
-
-- @cutting/use-get-parent-size@1.24.1
-
-## 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
-
-- 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
-
-- d0f474b0: Release new esm versions of packages
-
-### Patch Changes
-
-- Updated dependencies [d0f474b0]
-  - @cutting/use-get-parent-size@1.20.0
-  - @cutting/util@4.52.0
-
-## 4.45.3
-
-### Patch Changes
-
-- Updated dependencies [1781542e]
-  - @cutting/util@4.51.0
-  - @cutting/use-get-parent-size@1.19.3
-
-## 4.45.2
-
-### Patch Changes
-
-- Updated dependencies [f732b2a7]
-  - @cutting/util@4.50.2
-  - @cutting/use-get-parent-size@1.19.2
-
-## 4.45.1
-
-### Patch Changes
-
-- afb80318: bump
-- Updated dependencies [afb80318]
-  - @cutting/use-get-parent-size@1.19.1
-  - @cutting/util@4.50.1
-
-## 4.45.0
-
-### Minor Changes
-
-- a38ea904: reset changelogs
-
-### Patch Changes
-
-- Updated dependencies [a38ea904]
-  - @cutting/use-get-parent-size@1.19.0
-  - @cutting/util@4.50.0

package/demo/index.html

@@ -1,17 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <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>
-</head>
-
-<body>
-  <div id="root"></div>
-  <script type="module" src="src/index.tsx"></script>
-</body>
-
-</html>

package/demo/src/App.tsx

@@ -1,41 +0,0 @@
-import '@cutting/component-library/styles.css';
-
-import { ApplicationLayout } from '@cutting/component-library';
-import { useParentSize } from '@cutting/use-get-parent-size';
-import { range } from '@cutting/util';
-import { scalePoint } from '@visx/scale';
-import { useMemo, useRef } from 'react';
-
-import { ResponsiveSVG } from '../../src/components/ResponsiveSVG/ResponsiveSVG';
-import * as styles from './global.css';
-
-export function App(): JSX.Element {
-  const ref = useRef<HTMLDivElement>(null);
-  const { width = 1, height = 1 } = useParentSize(ref);
-
-  const { xScale, yScale, radius } = useMemo(() => {
-    const xScale = scalePoint({
-      domain: [...range(10)],
-      range: [0, width],
-    });
-
-    const yScale = scalePoint({
-      domain: [...range(10)],
-      range: [0, height],
-    });
-
-    const radius = yScale(5);
-
-    return { radius, xScale, yScale };
-  }, [width, height]);
-
-  return (
-    <ApplicationLayout heading="@cutting/svg" theme="salesTheme">
-      <div className={styles.container} ref={ref}>
-        <ResponsiveSVG width={width} height={height}>
-          <circle cx={xScale(5)} cy={yScale(5)} r={radius} fill="#ffffff" />
-        </ResponsiveSVG>
-      </div>
-    </ApplicationLayout>
-  );
-}

package/demo/src/global.css.ts

@@ -1,17 +0,0 @@
-import { globalStyle, style } from '@vanilla-extract/css';
-
-export const container = style({
-  background: 'grey',
-  color: 'white',
-  resize: 'both',
-  width: '100%',
-  height: '100%',
-});
-
-globalStyle('svg', {
-  border: '1px solid royalblue;',
-});
-
-globalStyle('circle', {
-  stroke: '#000000',
-});

package/demo/src/index.tsx

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

package/demo/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "src"
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx"]
-}

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

@@ -1,15 +0,0 @@
-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>;
-};
-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/Group/Group.d.ts.map

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

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

@@ -1,12 +0,0 @@
-import type { AddSVGProps, Point } from '../../types/types';
-export 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/Line/Line.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../src/components/Line/Line.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,oCAAoC;IACpC,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,IAAqB,EACrB,EAAmB,EACnB,IAAoB,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,SAAS,EAAE,cAAc,CAAC,GAAG,GAAG,CAAC,OAAO,CAgBtD"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ParentsizeSVG.d.ts","sourceRoot":"","sources":["../../../../src/components/ParentsizeSVG/ParentsizeSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGzE,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/B,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IACpE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,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,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,EAAE,EACnD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAQ/D"}

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

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

package/dist/esm/components/ResponsiveSVG/ResponsiveSVG.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveSVG.d.ts","sourceRoot":"","sources":["../../../../src/components/ResponsiveSVG/ResponsiveSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE5E,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,QAAQ,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC,CAAC;AAEH,wBAAgB,aAAa,CAAC,EAC5B,MAAU,EACV,KAAS,EACT,QAAQ,EACR,MAAuB,EACvB,mBAAqC,EACrC,QAAQ,EACR,SAAS,EACT,QAAoB,EACpB,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA0BlC"}

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

@@ -1,11 +0,0 @@
-import type { SVGAttributes as SvgAttributes } from 'react';
-export type PreserveAspectRatioAlignment = 'xMinYMin' | 'xMidYMin' | 'xMaxYMin' | 'xMinYMid' | 'xMidYMid' | 'xMaxYMid' | 'xMinYMax' | 'xMidYMax' | 'xMaxYMax';
-export type MeetOrSlice = 'meet' | 'slice';
-export type PreserveAspectRatio = `${PreserveAspectRatioAlignment} ${MeetOrSlice}` | 'none';
-export type AddSVGProps<Props, Element extends SVGElement> = Props & Omit<React.SVGProps<Element>, keyof Props>;
-export interface Point {
-    x: number;
-    y: number;
-}
-export type SVGAttributes<T> = T & Omit<SvgAttributes<SVGSVGElement>, 'origin' | 'viewBox' | 'preserveAspectRatio' | 'children '>;
-//# sourceMappingURL=types.d.ts.map

package/dist/esm/types/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,aAAa,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,4BAA4B,GACpC,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,GAAG,4BAA4B,IAAI,WAAW,EAAE,GAAG,MAAM,CAAC;AAE5F,MAAM,MAAM,WAAW,CAAC,KAAK,EAAE,OAAO,SAAS,UAAU,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC;AAEhH,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,GAC9B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,qBAAqB,GAAG,WAAW,CAAC,CAAC"}

package/eslint.config.mjs

@@ -1,4 +0,0 @@
-import defaultConfig from '@cutting/eslint-config/react'
-
-/** @type {import("eslint").Linter.Config} */
-export default [...defaultConfig]

package/src/components/Group/Group.tsx

@@ -1,36 +0,0 @@
-import cx from 'classnames';
-
-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>;
-};
-
-type GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;
-
-export function Group({
-  y = 0,
-  x = 0,
-  transform,
-  className,
-  children,
-  innerRef,
-  ...restProps
-}: GroupProps): JSX.Element {
-  return (
-    <g
-      ref={innerRef}
-      className={cx('visx-group', className)}
-      transform={transform || `translate(${x}, ${y})`}
-      {...restProps}
-    >
-      {children}
-    </g>
-  );
-}

package/src/components/Line/Line.tsx

@@ -1,38 +0,0 @@
-import cx from 'classnames';
-
-import type { AddSVGProps, Point } from '../../types/types';
-
-export 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 function Line({
-  from = { x: 0, y: 0 },
-  to = { x: 1, y: 1 },
-  fill = 'transparent',
-  className,
-  innerRef,
-  ...restProps
-}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {
-  const isRectilinear = from.x === to.x || from.y === to.y;
-
-  return (
-    <line
-      ref={innerRef}
-      className={cx('visx-line', className)}
-      x1={from.x}
-      y1={from.y}
-      x2={to.x}
-      y2={to.y}
-      fill={fill}
-      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}
-      {...restProps}
-    />
-  );
-}

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

@@ -1,34 +0,0 @@
-import { useParentSize } from '@cutting/use-get-parent-size';
-import { render, screen } from '@testing-library/react';
-import { useRef } from 'react';
-import { describe, expect, it } from 'vitest';
-
-import type { ParentsizeSVGProps } from './ParentsizeSVG';
-import { ParentsizeSVG } from './ParentsizeSVG';
-
-function TestEr(props: Partial<ParentsizeSVGProps>) {
-  const ref = useRef<HTMLDivElement>(null);
-  useParentSize(ref);
-
-  return (
-    <div ref={ref} style={{ width: '100vw', height: '100vh' }}>
-      <ParentsizeSVG {...props} parentRef={ref}>
-        <rect x="20%" y="20%" width="200px" height="200px" rx="20" />
-      </ParentsizeSVG>
-    </div>
-  );
-}
-
-const wrap = (props: Partial<ParentsizeSVGProps> = {}) => render(<TestEr {...props} />);
-
-describe.skip('useParentSize', () => {
-  it('should set the svg viewBox attribute', () => {
-    wrap();
-
-    const svg = document.querySelector('svg') as SVGElement;
-
-    expect(svg.getAttribute('viewBox')).toBe('0 0 0 0');
-
-    screen.getByTestId('cutting-svg-container');
-  });
-});

package/src/components/ParentsizeSVG/ParentsizeSVG.tsx

@@ -1,30 +0,0 @@
-import type { UseParentSizeOptions } from '@cutting/use-get-parent-size';
-import { useParentSize } from '@cutting/use-get-parent-size';
-import type { PropsWithChildren, RefObject } from 'react';
-
-import type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';
-import { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';
-
-type Align = 'none' | 'center';
-
-export type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {
-  parentRef: RefObject<E>;
-  align?: Align;
-  scale?: number;
-  options?: Partial<UseParentSizeOptions>;
-} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;
-
-export function ParentsizeSVG<E extends HTMLElement>({
-  parentRef,
-  children,
-  options,
-  ...rest
-}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {
-  const { width, height } = useParentSize(parentRef, options);
-
-  return (
-    <ResponsiveSVG width={width} height={height} {...rest}>
-      {children}
-    </ResponsiveSVG>
-  );
-}

package/src/components/ResponsiveSVG/ResponsiveSVG.tsx

@@ -1,58 +0,0 @@
-import type { ReactNode, Ref } from 'react';
-
-import type { PreserveAspectRatio, SVGAttributes } from '../../types/types';
-
-export interface Point {
-  x: number;
-  y: number;
-}
-
-export type ResponsiveSVGProps = SVGAttributes<{
-  width?: number;
-  height?: number;
-  origin?: Point;
-  preserveAspectRatio?: PreserveAspectRatio;
-  innerRef?: Ref<SVGSVGElement>;
-  className?: string;
-  hide?: boolean;
-  children: ReactNode;
-  overflow?: 'hidden' | 'visible';
-}>;
-
-export function ResponsiveSVG({
-  height = 0,
-  width = 0,
-  children,
-  origin = { x: 0, y: 0 },
-  preserveAspectRatio = 'xMaxYMid meet',
-  innerRef,
-  className,
-  overflow = 'visible',
-  ...props
-}: ResponsiveSVGProps): JSX.Element {
-  const aspect = height === 0 ? 1 : width / height;
-
-  const adjustedHeight = Math.ceil(width / aspect);
-
-  return (
-    <div
-      data-testid="cutting-svg-container"
-      style={{
-        position: 'relative',
-        overflow: 'visible',
-        height: '0px',
-      }}
-    >
-      <svg
-        style={{ overflow, width: '100%', height: 'auto' }}
-        className={className}
-        preserveAspectRatio={preserveAspectRatio}
-        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}
-        ref={innerRef}
-        {...props}
-      >
-        {children}
-      </svg>
-    </div>
-  );
-}

package/src/index.ts

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

package/src/types/types.ts

@@ -1,26 +0,0 @@
-import type { SVGAttributes as SvgAttributes } from 'react';
-
-export type PreserveAspectRatioAlignment =
-  | 'xMinYMin'
-  | 'xMidYMin'
-  | 'xMaxYMin'
-  | 'xMinYMid'
-  | 'xMidYMid'
-  | 'xMaxYMid'
-  | 'xMinYMax'
-  | 'xMidYMax'
-  | 'xMaxYMax';
-
-export type MeetOrSlice = 'meet' | 'slice';
-
-export type PreserveAspectRatio = `${PreserveAspectRatioAlignment} ${MeetOrSlice}` | 'none';
-
-export type AddSVGProps<Props, Element extends SVGElement> = Props & Omit<React.SVGProps<Element>, keyof Props>;
-
-export interface Point {
-  x: number;
-  y: number;
-}
-
-export type SVGAttributes<T> = T &
-  Omit<SvgAttributes<SVGSVGElement>, 'origin' | 'viewBox' | 'preserveAspectRatio' | 'children '>;

package/tsconfig.dist.json

@@ -1,8 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "noEmit": false
-  },
-  "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx", "demo"]
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../../tsconfig-base.json",
-  "compilerOptions": {
-    "rootDirs": ["src", "demo"],
-    "noEmit": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "demo"]
-}

package/vite.config.ts

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