@alegendstale/holly-components 0.2.2

package/dist/components/color-palette/storybook/color-palette-invalid.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+import { PaletteSettings } from '../color-palette-utils';
+declare const meta: Meta;
+export default meta;
+type Props = {
+    colors: string[];
+} & PaletteSettings;
+type Story = StoryObj<Props>;
+export declare const InvalidColors: Story;
+export declare const OneColorGradient: Story;
+export declare const NonOverriddenPalette: Story;
+export declare const InvalidSettings: Story;
+export declare const InvalidColorsSettings: Story;
+export declare const InvalidDirections: Story;
+//# sourceMappingURL=color-palette-invalid.stories.d.ts.map

package/dist/components/color-palette/storybook/color-palette-invalid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palette-invalid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/storybook/color-palette-invalid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE1E,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAoB7B,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAA"}

package/dist/components/color-palette/storybook/color-palette-valid.stories.d.ts

@@ -0,0 +1,34 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+import { PaletteSettings } from '../color-palette-utils';
+declare const meta: Meta;
+export default meta;
+type Props = {
+    colors: string[];
+} & PaletteSettings;
+type Story = StoryObj<Props>;
+export declare const Hex: Story;
+export declare const HSL: Story;
+export declare const RGB: Story;
+export declare const NamedColors: Story;
+export declare const URLWithSettings: Story;
+export declare const HexHorizontalWithSettings: Story;
+export declare const Semicolon: Story;
+export declare const EightCharacterHex: Story;
+export declare const Black: Story;
+export declare const Hex_RGB_HSL: Story;
+export declare const HeightDirection: Story;
+export declare const HorizontalGradient: Story;
+export declare const VerticalGradient: Story;
+export declare const Aliases: Story;
+export declare const AliasesSkipColor: Story;
+export declare const Width: Story;
+export declare const PreventHover: Story;
+export declare const Override: Story;
+export declare const RGBA_CSS_Variable: Story;
+export declare const RGBSettings: Story;
+export declare const Others: Story;
+export declare const WhiteBlue: Story;
+export declare const OrangeBlue: Story;
+export declare const GreyGradient: Story;
+export declare const URL: Story;
+//# sourceMappingURL=color-palette-valid.stories.d.ts.map

package/dist/components/color-palette/storybook/color-palette-valid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palette-valid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/storybook/color-palette-valid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAA8B,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAErF,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAoB7B,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAavC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KASzB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KASzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KASpB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KASvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAOjB,CAAA"}

package/dist/components/color-palette/storybook/color-palette.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+import { PaletteSettings } from '../color-palette-utils';
+declare const meta: Meta;
+export default meta;
+type Props = {
+    colors: string[];
+} & PaletteSettings;
+type Story = StoryObj<Props>;
+export declare const Empty: Story;
+export declare const OneItem: Story;
+export declare const ManyItems: Story;
+export declare const Gradient: Story;
+//# sourceMappingURL=color-palette.stories.d.ts.map

package/dist/components/color-palette/storybook/color-palette.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palette.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/storybook/color-palette.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAA8B,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGrF,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAuB7B,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+export declare class SimpleTooltip extends LitElement {
+    static lazy(target: Element, callback: (target: SimpleTooltip) => void): void;
+    static styles: import("lit").CSSResult;
+    offset: number;
+    showing: boolean;
+    _target: Element | null;
+    get target(): Element | null;
+    set target(target: Element | null);
+    constructor();
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    show(): void;
+    hide(): void;
+    finishHide(): void;
+}
+//# sourceMappingURL=Tooltip2.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip2.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/Tooltip2.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C,qBACa,aAAc,SAAQ,UAAU;IAC5C,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI;IAWtE,MAAM,CAAC,MAAM,0BAqBX;IAGF,MAAM,SAAK;IAGX,OAAO,UAAS;IAGhB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE/B,IAAI,MAAM,IAIS,OAAO,GAAG,IAAI,CAFhC;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,EAYhC;;IAOD,iBAAiB,IAAI,IAAI;IAQzB,MAAM;IAIN,IAAI;IAUJ,IAAI;IAIJ,UAAU;CAKV"}

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

@@ -0,0 +1,2 @@
+import './tool-tip';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAA"}

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

@@ -0,0 +1,29 @@
+import { LitElement } from "lit";
+export type TriggerTypes = 'hover' | 'click' | 'manual';
+export declare const styles: import("lit").CSSResult;
+export declare class ToolTip extends LitElement {
+    static styles: import("lit").CSSResult;
+    contentEl?: HTMLParagraphElement;
+    display: boolean;
+    text: string;
+    trigger: TriggerTypes;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * Clamps the tooltip position to within the bounds
+     */
+    clampPosition: (pos: {
+        x: number;
+        y: number;
+    }, bounds: DOMRect) => {
+        x: number;
+        y: number;
+    };
+    setClampedPosition({ x, y }: client, bounds: DOMRect): void;
+    setPosition({ x, y }: client): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'tool-tip': ToolTip;
+    }
+}
+//# sourceMappingURL=tool-tip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/tool-tip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,YAAY,GACtB,OAAO,GACP,OAAO,GACP,QAAQ,CAAA;AAEV,eAAO,MAAM,MAAM,yBAgDlB,CAAA;AAED,qBACa,OAAQ,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0BAAU;IAGvB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAGjC,OAAO,UAAS;IAGhB,IAAI,SAAM;IAGV,OAAO,EAAE,YAAY,CAAY;IAEjC,MAAM;IAcN;;OAEG;IACH,aAAa,QAAS;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,UAAU,OAAO;;;MAsB7D;IAEK,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAIpD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM;CAInC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}

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

@@ -0,0 +1,106 @@
+import { css as h, LitElement as y, html as f } from "lit";
+import { query as d, property as a, customElement as c } from "lit/decorators.js";
+var g = Object.defineProperty, x = Object.getOwnPropertyDescriptor, n = (i, t, o, l) => {
+  for (var e = l > 1 ? void 0 : l ? x(t, o) : t, s = i.length - 1, r; s >= 0; s--)
+    (r = i[s]) && (e = (l ? r(t, o, e) : r(e)) || e);
+  return l && e && g(t, o, e), e;
+};
+const m = h`
+	:host {
+		display: block;
+		position: relative;
+		--tooltip-x: 0;
+		--tooltip-y: 0;
+	}
+
+	:host([display]:hover) {
+		& > p {
+			display: flex;
+		}
+	}
+
+	p {
+		display: none;
+		align-items: center;
+		justify-content: center;
+
+		position: absolute;
+		background: #000000C0;
+		width: max-content;
+		min-width: 100px;
+		height: 40px;
+		text-align: center;
+		vertical-align: middle;
+		font-size: 18px;
+		font-weight: var(--font-medium);
+		color: #FAFAFA;
+		padding: 0;
+		margin: 0;
+		transform: translateX(-50%);
+
+		left: var(--tooltip-x);
+		top: var(--tooltip-y);
+
+		/* Obsidian Styling */
+
+		box-sizing: border-box;
+		animation: pop-down 200ms forwards ease-in-out;
+		box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
+		border-radius: var(--radius-s);
+		line-height: var(--line-height-tight);
+		z-index: var(--layer-tooltip);
+		pointer-events: none;
+		word-break: normal;
+		overflow-wrap: anywhere;
+	}
+`;
+let p = class extends y {
+  constructor() {
+    super(...arguments), this.display = !1, this.text = "", this.trigger = "manual", this.clampPosition = (i, t) => {
+      if (!this.contentEl || !t) return { x: 0, y: 0 };
+      let o = this.contentEl.offsetWidth, l = this.contentEl.offsetHeight, e = i.x - t.left > t.width / 2 ? i.x - t.left - 56 : i.x - t.left + 64, s = o / 2;
+      e < 0 + s ? e = 0 + s : e + o > t.width + s && (e = t.width - o + s);
+      let r = i.y - t.top - l / 4;
+      return r < 0 ? r = 0 : r + l > t.height && (r = t.height - l), { x: e, y: r };
+    };
+  }
+  render() {
+    return f`
+			<slot
+				@pointerover=${() => this.display = this.trigger === "hover" ? !0 : this.display}
+				@pointerout=${() => this.display = this.trigger === "hover" ? !1 : this.display}
+				@click=${() => this.trigger === "click" ? this.display = !this.display : null}
+			>
+			</slot>
+			<p id='content'>
+				${this.text}
+			</p>
+		`;
+  }
+  setClampedPosition({ x: i, y: t }, o) {
+    this.setPosition(this.clampPosition({ x: i, y: t }, o));
+  }
+  setPosition({ x: i, y: t }) {
+    this.style.setProperty("--tooltip-x", `${i}px`), this.style.setProperty("--tooltip-y", `${t}px`);
+  }
+};
+p.styles = m;
+n([
+  d("#content")
+], p.prototype, "contentEl", 2);
+n([
+  a({ type: Boolean, reflect: !0 })
+], p.prototype, "display", 2);
+n([
+  a({ type: String })
+], p.prototype, "text", 2);
+n([
+  a({ type: String })
+], p.prototype, "trigger", 2);
+p = n([
+  c("tool-tip")
+], p);
+export {
+  p as ToolTip,
+  m as styles
+};

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+import { TriggerTypes } from './tool-tip';
+declare const meta: Meta;
+export default meta;
+type Props = {
+    content: string;
+    trigger: TriggerTypes;
+};
+type Story = StoryObj<Props>;
+export declare const Hover: Story;
+export declare const Click: Story;
+//# sourceMappingURL=tool-tip.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool-tip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/tool-tip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC;AAExD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAY7B,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import './components/tool-tip';
+import './components/bottom-sheet';
+import './components/carousel-scroller';
+import './components/color-palette';
+import './components/canvas';
+import './components/absolute-container';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAC9B,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AACvC,OAAO,4BAA4B,CAAA;AACnC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iCAAiC,CAAA"}

package/dist/index.js

@@ -0,0 +1,13 @@
+import "./components/tool-tip/tool-tip.js";
+import "./components/bottom-sheet/bottom-sheet.js";
+import "./components/carousel-scroller/carousel-scroller.js";
+import "./components/color-palette/color-palette.js";
+import "./components/color-palette/item/color-palette-item.js";
+import "./components/color-palette/item/color-palette-item-edit.js";
+import "./components/color-palette/menu/color-palette-menu.js";
+import "./components/color-palette/menu/color-palette-reorder.js";
+import "./components/color-palette/component/color-palette-component.js";
+import "./components/color-palette/editor/color-palette-editor.js";
+import "./components/canvas/canvas-gradient.js";
+import "./components/canvas/canvas-image.js";
+import "./components/absolute-container/absolute-container.js";

package/dist/utils/EventEmitter.d.ts

@@ -0,0 +1,9 @@
+export type Listener<T extends Array<any>> = (...args: T) => void;
+export declare class EventEmitter<EventMap extends Record<string, Array<any>>> {
+    private eventListeners;
+    on<K extends keyof EventMap>(eventName: K, listener: Listener<EventMap[K]>): void;
+    off<K extends keyof EventMap>(eventName: K, listener: Listener<EventMap[K]>): void;
+    emit<K extends keyof EventMap>(eventName: K, ...args: EventMap[K]): void;
+    clear(): void;
+}
+//# sourceMappingURL=EventEmitter.d.ts.map

package/dist/utils/EventEmitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitter.d.ts","sourceRoot":"","sources":["../../src/utils/EventEmitter.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;AAElE,qBAAa,YAAY,CAAC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACpE,OAAO,CAAC,cAAc,CAA8D;IAE7E,EAAE,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAM1E,GAAG,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAM3E,IAAI,CAAC,CAAC,SAAS,MAAM,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAOjE,KAAK;CAGZ"}

package/dist/utils/EventEmitter.js

@@ -0,0 +1,24 @@
+class r {
+  constructor() {
+    this.eventListeners = {};
+  }
+  on(e, s) {
+    const t = this.eventListeners[e] ?? /* @__PURE__ */ new Set();
+    t.add(s), this.eventListeners[e] = t;
+  }
+  off(e, s) {
+    const t = this.eventListeners[e] ?? /* @__PURE__ */ new Set();
+    t.delete(s), this.eventListeners[e] = t;
+  }
+  emit(e, ...s) {
+    const t = this.eventListeners[e] ?? /* @__PURE__ */ new Set();
+    for (const n of t)
+      n(...s);
+  }
+  clear() {
+    this.eventListeners = {};
+  }
+}
+export {
+  r as EventEmitter
+};

package/dist/utils/basicUtils.d.ts

@@ -0,0 +1,47 @@
+import { PaletteSettings, ColorPaletteSettings, CopyFormat } from "../components/color-palette/color-palette-utils";
+/**
+ * Get settings without their default values
+ */
+export declare function getModifiedSettings(settings: PaletteSettings): Partial<PaletteSettings> | undefined;
+/**
+ * Checks if all settings are set to their default values
+ */
+export declare function areSettingsDefault(settings: PaletteSettings | ColorPaletteSettings): boolean;
+/**
+ * Gets the modified settings as a string
+ */
+export declare function getModifiedSettingsAsString(settings: PaletteSettings): string | undefined;
+export declare function convertStringSettings(settings: PaletteSettings): any;
+/**
+ * Parse input url & extract colors
+ * @param url URL from color input
+ * @returns Array of colors
+ */
+export declare function parseUrl(url: string): string[];
+/**
+ * Converts ColorPalette plugin settings to Palette settings
+ */
+export declare function pluginToPaletteSettings(pluginSettings: ColorPaletteSettings): PaletteSettings;
+/**
+ * Creates a codeblock palette
+ * @param input Either palette input or colors & settings object
+ * @returns palette block string
+ */
+export declare function createPaletteBlock(input: {
+    colors: string[];
+    settings?: Partial<PaletteSettings>;
+} | string): string;
+/**
+ * Gets the appropriate foreground contrast color
+ */
+export declare function getForegroundColor(color: string): string;
+/**
+ * Converts string array to newline separated string
+ */
+export declare function toNString(array: string[]): string;
+export declare function copyToClipboard(text: string, copyFormat?: CopyFormat): Promise<void>;
+/**
+* Calculate font size based on number of colors
+*/
+export declare function getAdjustedFontSize(colorsCount: number): number;
+//# sourceMappingURL=basicUtils.d.ts.map

package/dist/utils/basicUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basicUtils.d.ts","sourceRoot":"","sources":["../../src/utils/basicUtils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAmB,MAAM,iDAAiD,CAAC;AAErI;;GAEG;AACH,wBAAgB,mBAAmB,CAAE,QAAQ,EAAE,eAAe,wCAsB7D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAE,QAAQ,EAAE,eAAe,GAAG,oBAAoB,WAUnF;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAE,QAAQ,EAAE,eAAe,sBAGrE;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,eAAe,OAW9D;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,YAQnC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,cAAc,EAAE,oBAAoB,GAAG,eAAe,CAU7F;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAAA,QAAQ,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CAAE,GAAG,MAAM,GAAG,MAAM,CAGnH;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGxD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,UAMxC;AAED,wBAAsB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,UAAU,iBAU1E;AAED;;EAEE;AACF,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,UAItD"}

package/dist/utils/basicUtils.js

@@ -0,0 +1,23 @@
+import n from "colorsea";
+import { CopyFormat as o } from "../components/color-palette/color-palette-utils.js";
+function a(t) {
+  var i;
+  return t.includes("-") ? t.substring(t.lastIndexOf("/") + 1).split("-").map((e) => "#" + e) : ((i = t.substring(t.lastIndexOf("/") + 1).match(/.{1,6}/g)) == null ? void 0 : i.map((e) => "#" + e)) || [];
+}
+function c(t) {
+  const i = n(t);
+  return i.rgb()[0] * 0.299 + i.rgb()[1] * 0.587 + i.rgb()[2] * 0.114 > 186 ? "#000000" : "#ffffff";
+}
+async function f(t, i) {
+  let e = t;
+  i === o.Value && !t.includes("`") && (e.includes("#") ? e = e.split("#")[1] : e.includes("(") && (e = e.split("(")[1].split(")")[0])), await navigator.clipboard.writeText(e);
+}
+function l(t) {
+  return Math.max(10, 16 - t);
+}
+export {
+  f as copyToClipboard,
+  l as getAdjustedFontSize,
+  c as getForegroundColor,
+  a as parseUrl
+};

package/dist/utils/dragDropUtils.d.ts

@@ -0,0 +1,36 @@
+interface Result {
+    beforeElement: HTMLElement | null;
+    insertedElement: HTMLElement | null;
+    afterElement: HTMLElement | null;
+    order: HTMLElement[];
+}
+export declare class DragDrop {
+    dropzones: HTMLElement[];
+    draggables: HTMLElement[];
+    result: Result;
+    onDrop: (e: DragEvent, res: Result) => void;
+    constructor(dropzones: HTMLElement[], draggables: HTMLElement[], onDrop: (e: DragEvent, res: Result) => void);
+    private dragStart;
+    private dragOver;
+    private dragEnd;
+    load(): void;
+    unload(): void;
+    /**
+     * @returns The element which is being dragged
+     */
+    getDraggingElement(): HTMLElement;
+    /**
+     * @returns All draggable elements not being dragged
+     */
+    getDraggableElements(): HTMLElement[];
+    /**
+     * Gets the closest element before the dragged element
+     */
+    private getDragBeforeElement;
+    /**
+     * Gets the closest element after the dragged element
+     */
+    private getDragAfterElement;
+}
+export {};
+//# sourceMappingURL=dragDropUtils.d.ts.map

package/dist/utils/dragDropUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragDropUtils.d.ts","sourceRoot":"","sources":["../../src/utils/dragDropUtils.ts"],"names":[],"mappings":"AAAA,UAAU,MAAM;IACf,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,eAAe,EAAE,WAAW,GAAG,IAAI,CAAA;IACnC,YAAY,EAAE,WAAW,GAAG,IAAI,CAAA;IAChC,KAAK,EAAE,WAAW,EAAE,CAAA;CACpB;AAID,qBAAa,QAAQ;IACpB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,UAAU,EAAE,WAAW,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;gBAEhC,SAAS,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI;IAS5G,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,QAAQ;IAqChB,OAAO,CAAC,OAAO;IAMR,IAAI;IAcJ,MAAM;IAWb;;OAEG;IACI,kBAAkB;IAIzB;;OAEG;IACI,oBAAoB;IAI3B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAkB5B;;OAEG;IACH,OAAO,CAAC,mBAAmB;CAiB3B"}

package/dist/utils/generateUtils.d.ts

@@ -0,0 +1,27 @@
+import colorsea from "colorsea";
+import { PaletteSettings } from "../components/color-palette/color-palette-utils";
+export declare enum Combination {
+    Complimentary = "Complimentary",
+    Monochromatic = "Monochromatic",
+    Analogous = "Analogous",
+    Triadic = "Triadic",
+    Tetradic = "Tetradic",
+    Random = "Random"
+}
+type OptionalParams = {
+    baseColor?: ReturnType<typeof colorsea>;
+    settings?: PaletteSettings;
+};
+/**
+ * Generate colors based on color theory
+ * @param baseColor Initial color to generate the rest from
+ * @param combination The type of color theory combination to use
+ * @param settings The settings for the palette
+ * @returns Generated colors & settings
+ */
+export declare function generateColors(combination: Combination, optional?: OptionalParams): {
+    colors: string[];
+    settings: PaletteSettings | undefined;
+};
+export {};
+//# sourceMappingURL=generateUtils.d.ts.map

package/dist/utils/generateUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateUtils.d.ts","sourceRoot":"","sources":["../../src/utils/generateUtils.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AAElF,oBAAY,WAAW;IACnB,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;CACpB;AAED,KAAK,cAAc,GAAG;IAClB,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC7B,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,GAAE,cAAiD;;;EAmDnH"}

package/dist/utils/generateUtils.js

@@ -0,0 +1,40 @@
+import o from "colorsea";
+var M = /* @__PURE__ */ ((s) => (s.Complimentary = "Complimentary", s.Monochromatic = "Monochromatic", s.Analogous = "Analogous", s.Triadic = "Triadic", s.Tetradic = "Tetradic", s.Random = "Random", s))(M || {});
+function B(s, c = { baseColor: o.random() }) {
+  let { baseColor: e, settings: a } = c;
+  e || (e = o.random());
+  let r = [];
+  switch (s) {
+    case "Complimentary":
+      r = [e.hex(), e.complement().hex()], a && (a.aliases = ["Base", "Complimentary Color"]);
+      break;
+    case "Monochromatic":
+      const n = e.lighten(20), h = e.lighten(10), l = e.darken(10), d = e.darken(20);
+      r = [n.hex(), h.hex(), e.hex(), l.hex(), d.hex()], a && (a.aliases = ["Lightest", "Lighter", "Base", "Darker", "Darkest"]);
+      break;
+    case "Analogous":
+      const x = e.adjustHue(-25), m = e.adjustHue(25);
+      r = [x.hex(), e.hex(), m.hex()], a && (a.aliases = ["Analogous East", "Base", "Analogous West"]);
+      break;
+    case "Triadic":
+      const u = e.spin(120), g = e.spin(240);
+      r = [e.hex(), u.hex(), g.hex()], a && (a.aliases = ["Triadic First", "Base", "Triadic Third"]);
+      break;
+    case "Tetradic":
+      const p = e.spin(90), T = e.spin(180), k = e.spin(270);
+      r = [e.hex(), p.hex(), T.hex(), k.hex()], a && (a.aliases = ["Base", "Tetradic Second", "Tetradic Third", "Tetradic Fourth"]);
+      break;
+    case "Random":
+      const f = Math.max(Math.round(Math.random() * 10), 2);
+      let t = [];
+      for (let i = 0; i < f; i++)
+        t.push(o.random().hex());
+      r = t, a && (a.aliases = []);
+      break;
+  }
+  return { colors: r, settings: a };
+}
+export {
+  M as Combination,
+  B as generateColors
+};

package/dist/utils/types.d.ts

@@ -0,0 +1,5 @@
+type client = {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,KAAK,MAAM,GAAG;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAA;CACT,CAAA"}

package/package.json

@@ -0,0 +1,63 @@
+{
+	"private": false,
+	"version": "0.2.2",
+	"name": "@alegendstale/holly-components",
+	"description": "Reusable UI components created using lit",
+	"type": "module",
+	"main": "./dist/holly-components.js",
+	"module": "./dist/holly-components.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"import": "./dist/index/*.js",
+			"types": "./dist/index/*.d.ts"
+		},
+		"./components/*": {
+			"import": "./dist/holly-components/*.js",
+			"types": "./dist/holly-components/*.d.ts"
+		}
+	},
+	"files": [
+		"dist",
+		"types"
+	],
+	"keywords": [
+		"web",
+		"component",
+		"lit"
+	],
+	"author": "ALegendsTale",
+	"license": "GPL-3.0",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build && tsc",
+		"preview": "vite preview",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build",
+		"wdio": "wdio run ./wdio.conf.ts --watch"
+	},
+	"dependencies": {
+		"colorsea": "^1.2.2",
+		"lucide": "^0.471.0",
+		"quantize": "^1.0.2",
+		"validate-color": "^2.2.4"
+	},
+	"devDependencies": {
+		"@chromatic-com/storybook": "^1.7.0",
+		"@storybook/addon-essentials": "^8.2.9",
+		"@storybook/addon-links": "^8.2.9",
+		"@storybook/blocks": "^8.2.9",
+		"@storybook/test": "^8.2.9",
+		"@storybook/web-components": "^8.2.9",
+		"@storybook/web-components-vite": "^8.2.9",
+		"@types/quantize": "^1.0.2",
+		"@wdio/browser-runner": "^9.5.7",
+		"@wdio/cli": "^9.5.7",
+		"@wdio/mocha-framework": "^9.5.0",
+		"@wdio/spec-reporter": "^9.5.0",
+		"lit": "^3.2.1",
+		"storybook": "^8.2.9",
+		"typescript": "latest",
+		"vite": "^5.4.1"
+	}
+}