@alegendstale/holly-components 0.3.1 → 0.3.2

package/dist/components/absolute-container/index.d.ts

@@ -1,3 +1,2 @@
-import { AbsoluteContainer } from './absolute-container.js';
-export { AbsoluteContainer };
+export { AbsoluteContainer } from './absolute-container.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/absolute-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/absolute-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/absolute-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/absolute-container/index.js

@@ -1,2 +1 @@
-import { AbsoluteContainer } from './absolute-container.js';
-export { AbsoluteContainer };
+export { AbsoluteContainer } from './absolute-container.js';

package/dist/components/bottom-sheet/index.d.ts

@@ -1,3 +1,2 @@
-import { BottomSheet } from './bottom-sheet.js';
-export { BottomSheet };
+export { BottomSheet } from './bottom-sheet.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/bottom-sheet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/bottom-sheet/index.js

@@ -1,2 +1 @@
-import { BottomSheet } from './bottom-sheet.js';
-export { BottomSheet };
+export { BottomSheet } from './bottom-sheet.js';

package/dist/components/canvas/index.d.ts

@@ -1,4 +1,3 @@
-import { CanvasGradient } from './canvas-gradient.js';
-import { CanvasImage } from './canvas-image.js';
-export { CanvasGradient, CanvasImage };
+export { CanvasGradient } from './canvas-gradient.js';
+export { CanvasImage } from './canvas-image.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/canvas/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/canvas/index.js

@@ -1,3 +1,2 @@
-import { CanvasGradient } from './canvas-gradient.js';
-import { CanvasImage } from './canvas-image.js';
-export { CanvasGradient, CanvasImage };
+export { CanvasGradient } from './canvas-gradient.js';
+export { CanvasImage } from './canvas-image.js';

package/dist/components/carousel-scroller/index.d.ts

@@ -1,3 +1,2 @@
-import { CarouselScroller } from "./carousel-scroller.js";
-export { CarouselScroller };
+export { CarouselScroller } from "./carousel-scroller.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/carousel-scroller/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/carousel-scroller/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/carousel-scroller/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/carousel-scroller/index.js

@@ -1,2 +1 @@
-import { CarouselScroller } from "./carousel-scroller.js";
-export { CarouselScroller };
+export { CarouselScroller } from "./carousel-scroller.js";

package/dist/components/color-palette/component/index.d.ts

@@ -1,3 +1,2 @@
-import { ColorPaletteComponent } from './color-palette-component.js';
-export { ColorPaletteComponent };
+export { ColorPaletteComponent } from './color-palette-component.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-palette/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/color-palette/component/index.js

@@ -1,2 +1 @@
-import { ColorPaletteComponent } from './color-palette-component.js';
-export { ColorPaletteComponent };
+export { ColorPaletteComponent } from './color-palette-component.js';

package/dist/components/color-palette/editor/index.d.ts

@@ -1,3 +1,2 @@
-import { ColorPaletteEditor } from './color-palette-editor.js';
-export { ColorPaletteEditor };
+export { ColorPaletteEditor } from './color-palette-editor.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-palette/editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/color-palette/editor/index.js

@@ -1,2 +1 @@
-import { ColorPaletteEditor } from './color-palette-editor.js';
-export { ColorPaletteEditor };
+export { ColorPaletteEditor } from './color-palette-editor.js';

package/dist/components/color-palette/index.d.ts

@@ -1,7 +1,6 @@
-import { ColorPalette } from './color-palette.js';
-import { ColorPaletteItem, ColorPaletteItemEdit } from './item/index.js';
-import { ColorPaletteMenu, ColorPaletteReorder } from './menu/index.js';
-import { ColorPaletteComponent } from './component/index.js';
-import { ColorPaletteEditor } from './editor/index.js';
-export { ColorPalette, ColorPaletteItem, ColorPaletteItemEdit, ColorPaletteMenu, ColorPaletteReorder, ColorPaletteComponent, ColorPaletteEditor };
+export { ColorPalette } from './color-palette.js';
+export { ColorPaletteItem, ColorPaletteItemEdit } from './item/index.js';
+export { ColorPaletteMenu, ColorPaletteReorder } from './menu/index.js';
+export { ColorPaletteComponent } from './component/index.js';
+export { ColorPaletteEditor } from './editor/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-palette/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/color-palette/index.js

@@ -1,6 +1,5 @@
-import { ColorPalette } from './color-palette.js';
-import { ColorPaletteItem, ColorPaletteItemEdit } from './item/index.js';
-import { ColorPaletteMenu, ColorPaletteReorder } from './menu/index.js';
-import { ColorPaletteComponent } from './component/index.js';
-import { ColorPaletteEditor } from './editor/index.js';
-export { ColorPalette, ColorPaletteItem, ColorPaletteItemEdit, ColorPaletteMenu, ColorPaletteReorder, ColorPaletteComponent, ColorPaletteEditor };
+export { ColorPalette } from './color-palette.js';
+export { ColorPaletteItem, ColorPaletteItemEdit } from './item/index.js';
+export { ColorPaletteMenu, ColorPaletteReorder } from './menu/index.js';
+export { ColorPaletteComponent } from './component/index.js';
+export { ColorPaletteEditor } from './editor/index.js';

package/dist/components/color-palette/item/index.d.ts

@@ -1,4 +1,3 @@
-import { ColorPaletteItem } from './color-palette-item.js';
-import { ColorPaletteItemEdit } from './color-palette-item-edit.js';
-export { ColorPaletteItem, ColorPaletteItemEdit };
+export { ColorPaletteItem } from './color-palette-item.js';
+export { ColorPaletteItemEdit } from './color-palette-item-edit.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-palette/item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/color-palette/item/index.js

@@ -1,3 +1,2 @@
-import { ColorPaletteItem } from './color-palette-item.js';
-import { ColorPaletteItemEdit } from './color-palette-item-edit.js';
-export { ColorPaletteItem, ColorPaletteItemEdit };
+export { ColorPaletteItem } from './color-palette-item.js';
+export { ColorPaletteItemEdit } from './color-palette-item-edit.js';

package/dist/components/color-palette/menu/index.d.ts

@@ -1,4 +1,3 @@
-import { ColorPaletteMenu } from './color-palette-menu.js';
-import { ColorPaletteReorder } from './color-palette-reorder.js';
-export { ColorPaletteMenu, ColorPaletteReorder };
+export { ColorPaletteMenu } from './color-palette-menu.js';
+export { ColorPaletteReorder } from './color-palette-reorder.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-palette/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/components/color-palette/menu/index.js

@@ -1,3 +1,2 @@
-import { ColorPaletteMenu } from './color-palette-menu.js';
-import { ColorPaletteReorder } from './color-palette-reorder.js';
-export { ColorPaletteMenu, ColorPaletteReorder };
+export { ColorPaletteMenu } from './color-palette-menu.js';
+export { ColorPaletteReorder } from './color-palette-reorder.js';

package/dist/components/draw-svg/draw-svg.d.ts

@@ -0,0 +1,21 @@
+import { ResponsiveSvg } from '../responsive-svg/responsive-svg.js';
+import { EventEmitter } from '../../utils/EventEmitter.js';
+type EventMap = {
+    intersection: [intersecting: boolean];
+};
+export declare class DrawSvg extends ResponsiveSvg {
+    static styles: import("lit").CSSResult[];
+    isIntersecting: boolean;
+    protected intersectionObserver: IntersectionObserver;
+    emitter: EventEmitter<EventMap>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'draw-svg': DrawSvg;
+    }
+}
+export {};
+//# sourceMappingURL=draw-svg.d.ts.map

package/dist/components/draw-svg/draw-svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw-svg.d.ts","sourceRoot":"","sources":["../../../src/components/draw-svg/draw-svg.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,KAAK,QAAQ,GAAG;IACf,YAAY,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;CACrC,CAAA;AAED,qBACa,OAAQ,SAAQ,aAAa;IACzC,MAAM,CAAC,MAAM,4BAoCX;IAGF,cAAc,EAAE,OAAO,CAAS;IAEhC,SAAS,CAAC,oBAAoB,uBAG5B;IAEK,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAsB;IAE5D,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,MAAM;CAsBN;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}

package/dist/components/draw-svg/draw-svg.js

@@ -0,0 +1,96 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from 'lit';
+import { state } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ResponsiveSvg } from '../responsive-svg/responsive-svg.js';
+import { EventEmitter } from '../../utils/EventEmitter.js';
+import { condCustomElement } from '../../decorators/condCustomElement.js';
+let DrawSvg = class DrawSvg extends ResponsiveSvg {
+    constructor() {
+        super(...arguments);
+        this.isIntersecting = false;
+        this.intersectionObserver = new IntersectionObserver(([entry]) => {
+            this.isIntersecting = entry.isIntersecting;
+            this.emitter.emit('intersection', entry.isIntersecting);
+        });
+        this.emitter = new EventEmitter();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.intersectionObserver.observe(this);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.intersectionObserver.disconnect();
+    }
+    render() {
+        const styles = {
+            '--svg-width': `${this.width}em`,
+            '--svg-height': `${this.height}em`,
+        };
+        const classes = {
+            animation: this.isIntersecting
+        };
+        return html `
+			<svg
+				class=${classMap(classes)}
+				style=${styleMap(styles)}
+				viewBox="0 0 ${this.width} ${this.height}"
+				fill="none"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				${this.svgFragment}
+			</svg>
+		`;
+    }
+};
+DrawSvg.styles = [
+    ...ResponsiveSvg.styles,
+    css `
+			:host {
+				stroke: white;
+				fill: white;
+			}
+
+			path {
+				fill: transparent;
+				stroke-width: 2;
+				stroke-dasharray: 1000;
+				stroke-dashoffset: 1000;
+			}
+			
+			.animation {
+				path {
+					animation: textAnimation 2s ease-in-out 1 forwards;
+					will-change: fill, stroke-width, stroke-dashoffset;
+				}
+			}
+
+			@keyframes textAnimation {
+				0% {
+					stroke-dashoffset: 1000;
+				}
+				60% {
+					fill: transparent;
+				}
+				100% {
+					fill: inherit;
+					stroke-dashoffset: 0;
+					stroke-width: 1;
+				}
+			}
+		`,
+];
+__decorate([
+    state()
+], DrawSvg.prototype, "isIntersecting", void 0);
+DrawSvg = __decorate([
+    condCustomElement('draw-svg')
+], DrawSvg);
+export { DrawSvg };

package/dist/components/draw-svg/draw-svg.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Props = {
+    svgPath: string;
+    stroke: string;
+    fill: string;
+    fontSize: number;
+    autofit: boolean;
+};
+type Story = StoryObj<Props>;
+export declare const DrawSVG: Story;
+//# sourceMappingURL=draw-svg.stories.d.ts.map

package/dist/components/draw-svg/draw-svg.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw-svg.stories.d.ts","sourceRoot":"","sources":["../../../src/components/draw-svg/draw-svg.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnG,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AA+B7B,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/components/draw-svg/draw-svg.stories.js

@@ -0,0 +1,44 @@
+import { html, svg } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+const DrawSVGPath = "M145.965 70.84q0 27.26-29.56 27.26-4.74 0-12.55-1.15l7.17-37.82q.51-2.56.83-4.03 9.73-.71 14.05-.71t8.29.9q3.97.89 6.59 2.88 5.18 3.9 5.18 12.67Zm-13.18-2.37q0-9.53-6.85-9.53h-.64q-.32 0-.64.06l-6.59 34.37q.26.13.51.13h.51q2.37 0 4.84-1.48 2.46-1.47 4.38-4.48 4.48-6.97 4.48-19.07Zm36.48 10.95q2.3-4.1 2.3-8.26 0-2.75-1.98-2.75-1.54 0-3.14 2.62-1.66 2.63-2.17 6.02l-3.33 20.35-13.25 1.28 6.53-33.92 10.56-1.28-1.15 6.46q3.13-6.46 10.17-6.46 3.72 0 5.73 1.92 2.02 1.92 2.02 5.86 0 3.93-2.59 6.43-2.6 2.49-7.01 2.49-1.92 0-2.69-.76Zm16.1 16.06q-1.51-1.66-2.18-4.29-.67-2.62-.67-6.91t1.47-8.19q1.47-3.91 4.16-6.72 5.5-5.89 14.59-5.89 3.27 0 5.63 1.09l10.95-1.09-4.74 24.96q-.19.77-.19 2.18 0 1.4.86 2.3.87.9 2.15 1.02-.64 2.18-2.98 3.46-2.33 1.28-4.96 1.28-2.62 0-4.38-.99-1.76-.99-2.27-2.66-1.03 1.6-3.2 2.63-2.18 1.02-5.09 1.02-2.91 0-5.28-.77t-3.87-2.43Zm13.5-25.98q-.74 1.15-1.38 3.1-.64 1.95-1.69 7.17-1.06 5.21-1.06 8.93 0 3.71.58 4.8.57 1.08 1.6 1.08 2.05 0 3.55-1.95t2.08-5.41l3.39-18.75q-1.34-1.15-2.91-1.15t-2.5.51q-.92.51-1.66 1.67Zm71.65 17.21q-4.23 5.83-8.29 8.9-4.06 3.07-8.26 3.07-4.19 0-5.66-.83V83.77q-3.65 9.73-10.18 13.5-2.36 1.41-4.6 1.41-4.29 0-6.15-.83-.45-14.66-.83-18.72-.38-4.07-.7-6.56-.64-4.99-2.82-7.04 2.75-2.05 6.59-2.05 7.43 0 8.45 9.22.26 2.17.26 4.48 0 3.45-.77 15.48 1.53-.7 3.17-3.23 1.63-2.53 2.97-5.98 3.01-8 3.01-14.91 0-1.09-.29-2.24-.29-1.16-.61-1.48 2.24-1.34 5.67-1.34 3.42 0 5.05 2.34 1.64 2.33 2.08 6.62.52 5.44.52 8.7 0 4.55-.45 11.27 3.2-2.31 5.82-9.86 2.63-7.55 2.63-12.93 0-2.36-.39-3.77 2.11-2.37 5.76-2.37 2.24 0 3.87 1.22 1.64 1.21 1.64 3.48 0 2.28-.68 4.71-.67 2.43-1.76 4.93-2.11 4.99-5.05 8.89Zm34.17-18.88q.96-1.92.96-3.71t-.19-2.78q-.19-1-.64-1.76-.96-1.67-2.88-1.67-2.37 0-4.29 1.73-2.04 1.79-2.04 4.61 0 1.79 1.24 3.17 1.25 1.37 3.17 2.65 1.92 1.28 4.1 2.56 2.17 1.28 4.09 2.82 4.42 3.52 4.42 8.25 0 3.2-1.7 5.92-1.69 2.72-4.51 4.71-6.14 4.35-14.27 4.35-6.59 0-9.98-2.14-3.4-2.15-3.4-5.41 0-5.83 4.55-7.3 1.28-.45 3.23-.45t4.19.84q-1.02 2.62-1.02 4.99 0 5.12 3.65 5.12 2.36 0 4.32-1.73 1.95-1.73 1.95-3.68 0-1.95-1.25-3.36t-3.1-2.53q-1.86-1.12-4-2.21-2.15-1.08-4-2.62-4.36-3.52-4.36-9.15 0-3.65 1.8-6.5 1.79-2.85 4.67-4.77 5.76-3.9 12.83-3.9t10.5 2.11q3.42 2.11 3.42 5.7 0 3.13-2.43 5.12-2.11 1.66-4.67 1.66t-4.36-.64Zm14.4-10.11q1.86-3.84 7.01-3.84 5.15 0 7.55 2.98 2.4 2.97 2.4 9.82v22.85l15.56-34.31h7.61l-19.9 42.18h-14.98l-1.92-30.72q-.19-3.39-1.12-5.7-.93-2.3-2.21-3.26Zm63.04 19.07 12.93-1.15q-4.61 10.11-4.61 21.82-1.72 1.22-4.25 1.22-2.53 0-4.13-1.18-1.6-1.19-1.92-2.4-1.6 1.66-4.19 2.62-2.59.96-5.35.96-2.75 0-5.15-.9-2.4-.89-4.25-2.88-4.1-4.35-4.1-12.6 0-12.8 6.85-20.48 7.04-7.94 19.52-7.94 8.64 0 11.71 4.48.96 1.41.96 3.1 0 1.7-.74 3.14-.73 1.44-1.88 2.59-2.76 2.56-6.15 2.56-1.34 0-2.62-.45.25-1.92.25-4.16t-.16-3.26q-.16-1.02-.54-1.86-.83-1.72-2.66-1.72-1.82 0-3.84 1.95-2.01 1.95-3.61 5.15-3.52 7.17-3.52 15.81 0 3.97 1.53 6.78 1.67 3.07 4.61 3.07 1.03 0 1.95-.51.93-.51 1.32-.89l2.04-12.87Z";
+const meta = {
+    title: 'Draw SVG',
+    tags: ['autodocs'],
+    component: 'draw-svg',
+};
+export default meta;
+const Template = {
+    render: ({ svgPath, stroke, fill, fontSize, autofit }) => {
+        const DrawSVG = svg `<path part="PathPart" d=${svgPath}`;
+        const styles = {
+            stroke,
+            fill,
+            'font-size': `${fontSize}px`
+        };
+        return html `
+			<style>
+				draw-svg::part(PathPart) {
+					animation-iteration-count: infinite;
+				}
+			</style>
+
+			<draw-svg
+				.svgFragment=${DrawSVG}
+				width=${645} 
+				height=${122}
+				style=${styleMap(styles)}
+				?autofit=${autofit}
+			>
+			</draw-svg>
+		`;
+    },
+};
+export const DrawSVG = {
+    ...Template,
+    args: {
+        svgPath: DrawSVGPath,
+        stroke: 'red',
+        fill: 'black',
+        fontSize: 128
+    },
+};

package/dist/components/draw-svg/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawSvg } from "./draw-svg.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/draw-svg/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/draw-svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/draw-svg/index.js

@@ -0,0 +1 @@
+export { DrawSvg } from "./draw-svg.js";

package/dist/components/responsive-svg/index.d.ts

@@ -1,3 +1,2 @@
-import { ResponsiveSvg } from "./responsive-svg.js";
-export { ResponsiveSvg };
+export { ResponsiveSvg } from "./responsive-svg.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/responsive-svg/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/responsive-svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/responsive-svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/responsive-svg/index.js

@@ -1,2 +1 @@
-import { ResponsiveSvg } from "./responsive-svg.js";
-export { ResponsiveSvg };
+export { ResponsiveSvg } from "./responsive-svg.js";

package/dist/components/responsive-svg/responsive-svg.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Props = {
+    svgPath: string;
+    stroke: string;
+    fill: string;
+    fontSize: number;
+    autofit: boolean;
+};
+type Story = StoryObj<Props>;
+export declare const ResponsiveSVG: Story;
+//# sourceMappingURL=responsive-svg.stories.d.ts.map

package/dist/components/responsive-svg/responsive-svg.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-svg.stories.d.ts","sourceRoot":"","sources":["../../../src/components/responsive-svg/responsive-svg.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnG,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAyB7B,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC"}

package/dist/components/responsive-svg/responsive-svg.stories.js

@@ -0,0 +1,39 @@
+import { html, svg } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+const ResponsiveSVGPath = "M24.435 104.76h-13.7l7.81-42.05q6.34-.7 15.58-.7 9.25 0 13.54 2.69 4.29 2.68 4.29 8.09t-2.79 8.8q-2.78 3.39-7.58 4.48 1.09 5.31 3.58 9.6 2.31 4.03 5 5.31-.96 2.69-2.92 3.88-1.95 1.18-4.73 1.18-2.79 0-4.96-1.63-2.18-1.63-3.91-4.64-3.64-6.53-4.03-16.83h.45q4.74-.13 7.1-2.6 2.37-2.46 2.37-7.64 0-6.47-5.44-6.72h-1.41q-.57 0-.89.06l-7.36 38.72Zm56.38-10.82q1.6 1.09 1.6 3.49 0 2.4-1.21 3.94-1.22 1.53-3.2 2.56-4.1 2.11-8.52 2.11-4.41 0-7-.96-2.6-.96-4.32-2.75-3.4-3.39-3.4-9.6 0-9.67 5.25-15.55 5.63-6.34 15.43-6.34 6.08 0 9.08 2.56 2.24 1.92 2.24 5.06 0 11.26-19.45 11.26-.26 1.66-.26 3.07 0 2.95 1.31 4.07 1.32 1.12 3.75 1.12 2.43 0 5.02-1.12 2.59-1.12 3.68-2.92Zm-13.05-6.97q4.54 0 7.16-2.82 2.63-2.69 2.63-6.97 0-1.48-.55-2.28-.54-.8-1.63-.8-1.09 0-2.01.42-.93.42-1.89 1.82-2.37 3.2-3.71 10.63Zm40.32-4.67q.89-2.37.89-4.42 0-3.78-3.07-3.78-1.6 0-2.91 1.44t-1.31 3.24q0 1.28 1.02 2.3 1.47 1.41 5.25 3.71 3.77 2.31 5.21 4.19 1.44 1.89 1.44 4.48 0 2.6-1.24 4.96-1.25 2.37-3.49 4.04-4.8 3.58-12.48 3.58-4.16 0-7.36-2.18-3.2-2.11-3.2-4.6 0-2.5 1.82-3.97 1.83-1.47 4.51-1.47 2.69 0 4.36 1.02-.84 2.11-.84 3.52 0 4.22 3.59 4.22 1.53 0 2.56-.96 1.02-.96 1.02-2.62 0-3.26-5.5-6.72-4.48-2.94-5.51-4.1-1.72-2.04-1.72-4.6 0-2.56 1.21-5 1.22-2.43 3.46-4.16 4.67-3.58 12.8-3.58 4.16 0 6.62 1.66 2.47 1.67 2.47 4.48 0 2.82-1.7 4.42t-4.77 1.6q-2.11 0-3.13-.7Zm41.79 18.08q-2.69 2.72-6.37 4.19-3.68 1.47-7.33 1.47t-4.93-.64l-1.98 10.88-12.99 1.28 8.83-45.44 10.43-1.09-.83 4.42q2.69-4.55 8.26-4.55 6.27 0 9.6 4.04 2.94 3.64 2.94 9.21t-1.47 9.54q-1.47 3.97-4.16 6.69Zm-14.47-17.96-3.39 18.76q1.35 1.15 3.01 1.15 1.66 0 2.62-.64.96-.64 1.67-1.92 1.92-3.46 3.45-13.95.45-3.08.45-6.08 0-3.01-.67-3.97-.67-.96-1.95-.96-3.91 0-5.19 7.61Zm37.89 23.62q-14.08 0-14.08-13.25 0-9.41 5.19-15.49 5.5-6.46 15.04-6.46 6.91 0 10.43 3.2 3.52 3.2 3.52 9.92 0 10.24-5.51 16.19-5.37 5.89-14.59 5.89Zm1.67-27.84q-.77 1.73-1.38 4.32-.61 2.59-1.38 6.69-.76 4.09-.76 9.15 0 1.66.54 2.75t2.02 1.09q1.47 0 2.4-.7.92-.71 1.63-2.37 1.28-2.95 2.3-8.42 1.03-5.47 1.12-7.84.1-2.37.1-4.13 0-1.76-.51-2.91-.52-1.15-1.96-1.15t-2.4.9q-.96.89-1.72 2.62Zm49.28 27.84q-7.75 0-7.75-6.02.07-1.66.58-4.48l1.15-5.88q1.73-8.32 1.73-10.18 0-3.71-2.18-3.71-3.65 0-5.57 9.53l-3.77 19.46-12.87 1.28 6.66-33.98 10.5-1.22-1.03 6.27q3.01-6.27 12.23-6.27 4.48 0 6.36 1.89 1.89 1.89 1.89 6.11 0 3.97-2.05 13.25-.96 4.16-.96 5.73 0 1.56.87 2.46.86.9 2.14 1.02-.64 2.18-2.85 3.46-2.2 1.28-5.08 1.28Zm32.19-23.74q.89-2.37.89-4.42 0-3.78-3.07-3.78-1.6 0-2.91 1.44t-1.31 3.24q0 1.28 1.02 2.3 1.47 1.41 5.25 3.71 3.78 2.31 5.22 4.19 1.44 1.89 1.44 4.48 0 2.6-1.25 4.96-1.25 2.37-3.49 4.04-4.8 3.58-12.48 3.58-4.16 0-7.36-2.18-3.2-2.11-3.2-4.6 0-2.5 1.82-3.97 1.83-1.47 4.52-1.47 2.68 0 4.35 1.02-.83 2.11-.83 3.52 0 4.22 3.58 4.22 1.54 0 2.56-.96t1.02-2.62q0-3.26-5.5-6.72-4.48-2.94-5.5-4.1-1.73-2.04-1.73-4.6 0-2.56 1.21-5 1.22-2.43 3.46-4.16 4.67-3.58 12.8-3.58 4.16 0 6.62 1.66 2.47 1.67 2.47 4.48 0 2.82-1.7 4.42-1.69 1.6-4.77 1.6-2.11 0-3.13-.7Zm27.33 18.94q-1.99 4.8-8.32 4.8-3.27 0-5.32-2.24-1.72-1.98-1.72-3.97 0-5.18 2.36-15.29l2.37-12.42 12.99-1.28-3.9 20.22q-1.09 4.74-1.09 6.4 0 3.65 2.63 3.78Zm-9.48-38.02q0-2.49 2.08-3.84 2.08-1.34 5.09-1.34t4.83 1.34q1.83 1.35 1.83 3.84 0 2.5-2.02 3.78-2.01 1.28-5.02 1.28t-4.9-1.28q-1.89-1.28-1.89-3.78Zm38.15 9.99q2.11-2.37 5.76-2.37 2.24 0 3.97 1.22 1.72 1.21 1.72 3.48 0 2.28-.7 4.71t-1.79 4.93q-2.18 4.86-5.19 8.89-4.22 5.83-8.28 8.9-4.07 3.07-8.48 3.07-3.59 0-5.76-.83-.39-13.44-.87-18.24-.48-4.8-.86-7.43-.64-5.12-2.56-6.33 1.47-1.28 2.91-1.83 1.44-.54 4.42-.54 2.97 0 5.08 2.34 2.12 2.33 2.53 6.46.42 4.13.42 9.12 0 4.99-.39 11.01 1.99-1.41 4.1-5.7 2.88-5.95 3.9-13.12.32-2.17.32-4.48 0-2.3-.25-3.26Zm39.1 20.73q1.6 1.09 1.6 3.49 0 2.4-1.21 3.94-1.22 1.53-3.2 2.56-4.1 2.11-8.52 2.11-4.41 0-7-.96-2.6-.96-4.32-2.75-3.4-3.39-3.4-9.6 0-9.67 5.25-15.55 5.63-6.34 15.43-6.34 6.08 0 9.08 2.56 2.24 1.92 2.24 5.06 0 11.26-19.45 11.26-.26 1.66-.26 3.07 0 2.95 1.31 4.07 1.32 1.12 3.75 1.12 2.43 0 5.02-1.12 2.59-1.12 3.68-2.92Zm-13.05-6.97q4.54 0 7.16-2.82 2.63-2.69 2.63-6.97 0-1.48-.55-2.28-.54-.8-1.63-.8-1.09 0-2.01.42-.93.42-1.89 1.82-2.37 3.2-3.71 10.63Zm59.32-11.78q.96-1.92.96-3.71t-.19-2.78q-.19-1-.64-1.76-.96-1.67-2.88-1.67-2.37 0-4.29 1.73-2.04 1.79-2.04 4.61 0 1.79 1.24 3.17 1.25 1.37 3.17 2.65 1.92 1.28 4.1 2.56 2.17 1.28 4.09 2.82 4.42 3.52 4.42 8.25 0 3.2-1.7 5.92-1.69 2.72-4.51 4.71-6.14 4.35-14.27 4.35-6.59 0-9.98-2.14-3.4-2.15-3.4-5.41 0-5.83 4.55-7.3 1.28-.45 3.23-.45t4.19.84q-1.02 2.62-1.02 4.99 0 5.12 3.65 5.12 2.36 0 4.32-1.73 1.95-1.73 1.95-3.68 0-1.95-1.25-3.36t-3.1-2.53q-1.86-1.12-4-2.21-2.15-1.08-4-2.62-4.36-3.52-4.36-9.15 0-3.65 1.8-6.5 1.79-2.85 4.67-4.77 5.76-3.9 12.83-3.9t10.5 2.11q3.42 2.11 3.42 5.7 0 3.13-2.43 5.12-2.11 1.66-4.67 1.66t-4.36-.64Zm14.4-10.11q1.86-3.84 7.01-3.84 5.15 0 7.55 2.98 2.4 2.97 2.4 9.82v22.85l15.56-34.31h7.61l-19.9 42.18h-14.98l-1.92-30.72q-.19-3.39-1.12-5.7-.93-2.3-2.21-3.26Zm63.04 19.07 12.93-1.15q-4.61 10.11-4.61 21.82-1.72 1.22-4.25 1.22-2.53 0-4.13-1.18-1.6-1.19-1.92-2.4-1.6 1.66-4.19 2.62-2.59.96-5.35.96-2.75 0-5.15-.9-2.4-.89-4.25-2.88-4.1-4.35-4.1-12.6 0-12.8 6.85-20.48 7.04-7.94 19.52-7.94 8.64 0 11.71 4.48.96 1.41.96 3.1 0 1.7-.74 3.14-.73 1.44-1.88 2.59-2.76 2.56-6.15 2.56-1.34 0-2.62-.45.25-1.92.25-4.16t-.16-3.26q-.16-1.02-.54-1.86-.83-1.72-2.66-1.72-1.82 0-3.84 1.95-2.01 1.95-3.61 5.15-3.52 7.17-3.52 15.81 0 3.97 1.53 6.78 1.67 3.07 4.61 3.07 1.03 0 1.95-.51.93-.51 1.32-.89l2.04-12.87Z";
+const meta = {
+    title: 'Responsive SVG',
+    tags: ['autodocs'],
+    component: 'responsive-svg',
+};
+export default meta;
+const Template = {
+    render: ({ svgPath, stroke, fill, fontSize, autofit }) => {
+        const ResponsiveSVG = svg `<path d=${svgPath}`;
+        const styles = {
+            stroke,
+            fill,
+            'font-size': `${fontSize}px`
+        };
+        return html `
+			<responsive-svg
+				.svgFragment=${ResponsiveSVG}
+				width=${645} 
+				height=${122}
+				style=${styleMap(styles)}
+				?autofit=${autofit}
+			>
+			</responsive-svg>
+		`;
+    },
+};
+export const ResponsiveSVG = {
+    ...Template,
+    args: {
+        svgPath: ResponsiveSVGPath,
+        stroke: 'rebeccapurple',
+        fill: 'black',
+        fontSize: 128,
+        autofit: false
+    },
+};

package/dist/components/tool-tip/index.d.ts

@@ -1,3 +1,2 @@
-import { ToolTip } from './tool-tip.js';
-export { ToolTip };
+export { ToolTip } from './tool-tip.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tool-tip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/tool-tip/index.js

@@ -1,2 +1 @@
-import { ToolTip } from './tool-tip.js';
-export { ToolTip };
+export { ToolTip } from './tool-tip.js';

package/dist/decorators/condCustomElement.d.ts

@@ -1,5 +1,7 @@
 import type { LitElement } from "lit";
-type Constructor<T = {}> = new (...args: any[]) => T;
+interface Constructor<T> {
+    new (...args: any[]): T;
+}
 /**
  * Registers a new custom element if it doesn't already exist.
  * @param tagName The tag name of the custom element to define.

package/dist/decorators/condCustomElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"condCustomElement.d.ts","sourceRoot":"","sources":["../../src/decorators/condCustomElement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC,KAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAErD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,IAChC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,aAAa,CAAC,OAIjE"}
+{"version":3,"file":"condCustomElement.d.ts","sourceRoot":"","sources":["../../src/decorators/condCustomElement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC,UAAU,WAAW,CAAC,CAAC;IACtB,KAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,IAChC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,aAAa,CAAC,OAIjE"}

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export * from './components/canvas/index.js';
 export * from './components/carousel-scroller/index.js';
 export * from './components/color-palette/index.js';
 export * from './components/responsive-svg/index.js';
+export * from './components/draw-svg/index.js';
 export * from './components/tool-tip/index.js';
 export * from './utils/index.js';
 export * from './decorators/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC;AACzD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC;AACzD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}

package/dist/index.js

@@ -4,6 +4,7 @@ export * from './components/canvas/index.js';
 export * from './components/carousel-scroller/index.js';
 export * from './components/color-palette/index.js';
 export * from './components/responsive-svg/index.js';
+export * from './components/draw-svg/index.js';
 export * from './components/tool-tip/index.js';
 export * from './utils/index.js';
 export * from './decorators/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"private": false,
-	"version": "0.3.1",
+	"version": "0.3.2",
 	"name": "@alegendstale/holly-components",
 	"description": "Reusable UI components created using lit",
 	"type": "module",