diff --git a/dist/common/color.d.ts b/dist/common/color.d.ts index 4fd9118..3fc2697 100644 --- a/dist/common/color.d.ts +++ b/dist/common/color.d.ts @@ -23,3 +23,55 @@ export declare class Color { */ static lookup(value: number, colors: Color[]): Color; } +export interface RgbColor { + r: number; + g: number; + b: number; +} +export interface RgbaColor extends RgbColor { + a: number; +} +export interface HslColor { + h: number; + s: number; + l: number; +} +export interface HslaColor extends HslColor { + a: number; +} +export interface HsvColor { + h: number; + s: number; + v: number; +} +export interface HsvaColor extends HsvColor { + a: number; +} +export type ObjectColor = RgbColor | HslColor | HsvColor | RgbaColor | HslaColor | HsvaColor; +export type AnyColor = string | ObjectColor; +export declare const hexToHsva: (hex: string) => HsvaColor; +export declare const hexToRgba: (hex: string) => RgbaColor; +export declare const parseHue: (value: string, unit?: string) => number; +export declare const hslaStringToHsva: (hslString: string) => HsvaColor; +export declare const hslStringToHsva: (hslString: string) => HsvaColor; +export declare const hslaToHsva: ({ h, s, l, a }: HslaColor) => HsvaColor; +export declare const hsvaToHex: (hsva: HsvaColor) => string; +export declare const hsvaToHsla: ({ h, s, v, a }: HsvaColor) => HslaColor; +export declare const hsvaToHslString: (hsva: HsvaColor) => string; +export declare const hsvaToHsvString: (hsva: HsvaColor) => string; +export declare const hsvaToHsvaString: (hsva: HsvaColor) => string; +export declare const hsvaToHslaString: (hsva: HsvaColor) => string; +export declare const hsvaToRgba: ({ h, s, v, a }: HsvaColor) => RgbaColor; +export declare const hsvaToRgbString: (hsva: HsvaColor) => string; +export declare const hsvaToRgbaString: (hsva: HsvaColor) => string; +export declare const hsvaStringToHsva: (hsvString: string) => HsvaColor; +export declare const hsvStringToHsva: (hsvString: string) => HsvaColor; +export declare const rgbaStringToHsva: (rgbaString: string) => HsvaColor; +export declare const rgbStringToHsva: (rgbaString: string) => HsvaColor; +export declare const rgbaToHex: ({ r, g, b, a }: RgbaColor) => string; +export declare const rgbaToHsva: ({ r, g, b, a }: RgbaColor) => HsvaColor; +export declare const roundHsva: (hsva: HsvaColor) => HsvaColor; +export declare const rgbaToRgb: ({ r, g, b }: RgbaColor) => RgbColor; +export declare const hslaToHsl: ({ h, s, l }: HslaColor) => HslColor; +export declare const hsvaToHsv: (hsva: HsvaColor) => HsvColor; +export declare const validHex: (value: string, alpha?: boolean) => boolean; diff --git a/dist/common/color.js b/dist/common/color.js index 2573c4d..fddbbd3 100644 --- a/dist/common/color.js +++ b/dist/common/color.js @@ -1,13 +1,13 @@ -var g = Object.defineProperty; -var u = (e, t, r) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r; -var i = (e, t, r) => u(e, typeof t != "symbol" ? t + "" : t, r); -class n { - constructor(t = 0, r = 0, s = 0, a = 1) { - i(this, "r"); - i(this, "g"); - i(this, "b"); - i(this, "a"); - this.r = t, this.g = r, this.b = s, this.a = a; +var v = Object.defineProperty; +var H = (r, t, s) => t in r ? v(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s; +var c = (r, t, s) => H(r, typeof t != "symbol" ? t + "" : t, s); +class u { + constructor(t = 0, s = 0, n = 0, e = 1) { + c(this, "r"); + c(this, "g"); + c(this, "b"); + c(this, "a"); + this.r = t, this.g = s, this.b = n, this.a = e; } toString() { let t = this.a; @@ -15,11 +15,11 @@ class n { } /** Darkens a color by a given percent. Returns a color, which can have toString called to get it's rgba() css value. */ darken(t) { - const r = t / 100; - return new n( - this.r - this.r * r, - this.g - this.g * r, - this.b - this.b * r, + const s = t / 100; + return new u( + this.r - this.r * s, + this.g - this.g * s, + this.b - this.b * s, this.a ); } @@ -31,7 +31,7 @@ class n { * Creates a color from the CSS hex color notation. */ static fromHex(t) { - return new n( + return new u( Number.parseInt(t.slice(1, 3), 16), Number.parseInt(t.slice(3, 5), 16), Number.parseInt(t.slice(5, 7), 16) @@ -40,31 +40,169 @@ class n { /** * Linear interpolation of two colors. */ - static lerp(t, r, s) { - return new n( - (r.r - t.r) * s + t.r, - (r.g - t.g) * s + t.g, - (r.b - t.b) * s + t.b, - (r.a - t.a) * s + t.a + static lerp(t, s, n) { + return new u( + (s.r - t.r) * n + t.r, + (s.g - t.g) * n + t.g, + (s.b - t.b) * n + t.b, + (s.a - t.a) * n + t.a ); } /** * Loops up the color in the provided list of colors * with linear interpolation. */ - static lookup(t, r) { - const s = r.length; - if (s < 2) + static lookup(t, s) { + const n = s.length; + if (n < 2) throw new Error("Needs at least two colors!"); - const a = t * (s - 1); + const e = t * (n - 1); if (t < 1e-4) - return r[0]; + return s[0]; if (t >= 1 - 1e-4) - return r[s - 1]; - const b = a % 1, h = a | 0; - return n.lerp(r[h], r[h + 1], b); + return s[n - 1]; + const o = e % 1, h = e | 0; + return u.lerp(s[h], s[h + 1], o); } } +const a = (r, t = 0, s = 10 ** t) => Math.round(s * r) / s, T = { + grad: 360 / 400, + turn: 360, + rad: 360 / (Math.PI * 2) +}, E = (r) => N(p(r)), p = (r) => { + let t = r; + return t[0] === "#" && (t = t.substring(1)), t.length < 6 ? { + r: Number.parseInt(t[0] + t[0], 16), + g: Number.parseInt(t[1] + t[1], 16), + b: Number.parseInt(t[2] + t[2], 16), + a: t.length === 4 ? a(Number.parseInt(t[3] + t[3], 16) / 255, 2) : 1 + } : { + r: Number.parseInt(t.substring(0, 2), 16), + g: Number.parseInt(t.substring(2, 4), 16), + b: Number.parseInt(t.substring(4, 6), 16), + a: t.length === 8 ? a(Number.parseInt(t.substring(6, 8), 16) / 255, 2) : 1 + }; +}, $ = (r, t = "deg") => Number(r) * (T[t] || 1), S = (r) => { + const s = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r); + return s ? x({ + h: $(s[1], s[2]), + s: Number(s[3]), + l: Number(s[4]), + a: s[5] === void 0 ? 1 : Number(s[5]) / (s[6] ? 100 : 1) + }) : { h: 0, s: 0, v: 0, a: 1 }; +}, P = S, x = ({ h: r, s: t, l: s, a: n }) => (t *= (s < 50 ? s : 100 - s) / 100, { + h: r, + s: t > 0 ? 2 * t / (s + t) * 100 : 0, + v: s + t, + a: n +}), k = (r) => w(m(r)), l = ({ h: r, s: t, v: s, a: n }) => { + const e = (200 - t) * s / 100; + return { + h: a(r), + s: a( + e > 0 && e < 200 ? t * s / 100 / (e <= 100 ? e : 200 - e) * 100 : 0 + ), + l: a(e / 2), + a: a(n, 2) + }; +}, L = (r) => { + const { h: t, s, l: n } = l(r); + return `hsl(${t}, ${s}%, ${n}%)`; +}, O = (r) => { + const { h: t, s, v: n } = g(r); + return `hsv(${t}, ${s}%, ${n}%)`; +}, F = (r) => { + const { h: t, s, v: n, a: e } = g(r); + return `hsva(${t}, ${s}%, ${n}%, ${e})`; +}, y = (r) => { + const { h: t, s, l: n, a: e } = l(r); + return `hsla(${t}, ${s}%, ${n}%, ${e})`; +}, m = ({ h: r, s: t, v: s, a: n }) => { + r = r / 360 * 6, t = t / 100, s = s / 100; + const e = Math.floor(r), o = s * (1 - t), h = s * (1 - (r - e) * t), b = s * (1 - (1 - r + e) * t), d = e % 6; + return { + r: [s, h, o, o, b, s][d] * 255, + g: [b, s, s, h, o, o][d] * 255, + b: [o, o, b, s, s, h][d] * 255, + a: a(n, 2) + }; +}, A = (r) => { + const { r: t, g: s, b: n } = m(r); + return `rgb(${a(t)}, ${a(s)}, ${a(n)})`; +}, U = (r) => { + const { r: t, g: s, b: n, a: e } = m(r); + return `rgba(${a(t)}, ${a(s)}, ${a(n)}, ${a(e, 2)})`; +}, I = (r) => { + const s = /hsva?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r); + return s ? g({ + h: $(s[1], s[2]), + s: Number(s[3]), + v: Number(s[4]), + a: s[5] === void 0 ? 1 : Number(s[5]) / (s[6] ? 100 : 1) + }) : { h: 0, s: 0, v: 0, a: 1 }; +}, V = I, f = (r) => { + const s = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r); + return s ? N({ + r: Number(s[1]) / (s[2] ? 100 / 255 : 1), + g: Number(s[3]) / (s[4] ? 100 / 255 : 1), + b: Number(s[5]) / (s[6] ? 100 / 255 : 1), + a: s[7] === void 0 ? 1 : Number(s[7]) / (s[8] ? 100 : 1) + }) : { h: 0, s: 0, v: 0, a: 1 }; +}, j = f, i = (r) => { + const t = r.toString(16); + return t.length < 2 ? `0${t}` : t; +}, w = ({ r, g: t, b: s, a: n }) => { + const e = n < 1 ? i(a(n * 255)) : ""; + return `#${i(a(r))}${i(a(t))}${i(a(s))}${e}`; +}, N = ({ r, g: t, b: s, a: n }) => { + const e = Math.max(r, t, s), o = e - Math.min(r, t, s), h = o ? e === r ? (t - s) / o : e === t ? 2 + (s - r) / o : 4 + (r - t) / o : 0; + return { + h: 60 * (h < 0 ? h + 6 : h), + s: e ? o / e * 100 : 0, + v: e / 255 * 100, + a: n + }; +}, g = (r) => ({ + h: a(r.h), + s: a(r.s), + v: a(r.v), + a: a(r.a, 2) +}), q = ({ r, g: t, b: s }) => ({ r, g: t, b: s }), z = ({ h: r, s: t, l: s }) => ({ h: r, s: t, l: s }), B = (r) => { + const { h: t, s, v: n } = g(r); + return { h: t, s, v: n }; +}, M = /^#?([0-9A-F]{3,8})$/i, D = (r, t) => { + const s = M.exec(r), n = s ? s[1].length : 0; + return n === 3 || // '#rgb' format + n === 6 || // '#rrggbb' format + !!t && n === 4 || // '#rgba' format + !!t && n === 8; +}; export { - n as Color + u as Color, + E as hexToHsva, + p as hexToRgba, + P as hslStringToHsva, + S as hslaStringToHsva, + z as hslaToHsl, + x as hslaToHsva, + V as hsvStringToHsva, + I as hsvaStringToHsva, + k as hsvaToHex, + L as hsvaToHslString, + l as hsvaToHsla, + y as hsvaToHslaString, + B as hsvaToHsv, + O as hsvaToHsvString, + F as hsvaToHsvaString, + A as hsvaToRgbString, + m as hsvaToRgba, + U as hsvaToRgbaString, + $ as parseHue, + j as rgbStringToHsva, + f as rgbaStringToHsva, + w as rgbaToHex, + N as rgbaToHsva, + q as rgbaToRgb, + g as roundHsva, + D as validHex }; diff --git a/dist/components/Dropdown.js b/dist/components/Dropdown.js index 5d06172..5bf9206 100644 --- a/dist/components/Dropdown.js +++ b/dist/components/Dropdown.js @@ -1,5 +1,5 @@ -import { jsx as l, jsxs as p, Fragment as W } from "react/jsx-runtime"; -import { useState as F, useRef as L, useEffect as S } from "react"; +import { jsx as l, jsxs as p, Fragment as F } from "react/jsx-runtime"; +import { useState as L, useRef as S, useEffect as V } from "react"; import { classes as N } from "../common/react.js"; import { unit as $ } from "../common/ui.js"; import { Button as D } from "./Button.js"; @@ -9,17 +9,17 @@ const z = -1; function h(u) { return typeof u == "string" ? u : u.value; } -function X(u) { +function Y(u) { const { autoScroll: v = !0, buttons: I, className: O, - clipSelectedText: k = !0, + clipSelectedText: T = !0, color: B = "default", disabled: d, displayText: E, icon: x, - iconRotation: T, + iconRotation: k, iconSpin: j, menuWidth: C = "15rem", noChevron: R, @@ -30,13 +30,12 @@ function X(u) { placeholder: K = "Select...", selected: m, width: P = "15rem" - } = u, [r, f] = F(!1), V = y ? !r : r, w = L(null), i = c.findIndex((e) => h(e) === m) || 0; + } = u, [r, f] = L(!1), W = y ? !r : r, w = S(null), i = c.findIndex((e) => h(e) === m) || 0; function g(e) { - var t; let s = e; e < i ? s = e < 2 ? 0 : e - 2 : s = e > c.length - 3 ? c.length - 1 : e - 2; - const n = (t = w.current) == null ? void 0 : t.children[s]; - n == null || n.scrollIntoView({ block: "nearest" }); + const n = w.current, t = n == null ? void 0 : n.children[s]; + n && t && (n.scrollTop = t.offsetTop); } function _(e) { if (c.length < 1 || d) @@ -45,7 +44,7 @@ function X(u) { let t; i < 0 ? t = e === "next" ? n : s : e === "next" ? t = i === n ? s : i + 1 : t = i === s ? n : i - 1, r && v && g(t), o == null || o(h(c[t])); } - return S(() => { + return V(() => { var e; r && (v && i !== z && g(i), (e = w.current) == null || e.focus()); }, [r]), /* @__PURE__ */ l( @@ -104,22 +103,22 @@ function X(u) { e.key === "Enter" && !d && (f(!r), a == null || a(e)); }, children: [ - x && /* @__PURE__ */ l(b, { mr: 1, name: x, rotation: T, spin: j }), + x && /* @__PURE__ */ l(b, { mr: 1, name: x, rotation: k, spin: j }), /* @__PURE__ */ l( "span", { className: "Dropdown__selected-text", style: { - overflow: k ? "hidden" : "visible" + overflow: T ? "hidden" : "visible" }, children: E || m && h(m) || K } ), - !R && /* @__PURE__ */ l("span", { className: "Dropdown__arrow-button", children: /* @__PURE__ */ l(b, { name: V ? "chevron-up" : "chevron-down" }) }) + !R && /* @__PURE__ */ l("span", { className: "Dropdown__arrow-button", children: /* @__PURE__ */ l(b, { name: W ? "chevron-up" : "chevron-down" }) }) ] } ), - I && /* @__PURE__ */ p(W, { children: [ + I && /* @__PURE__ */ p(F, { children: [ /* @__PURE__ */ l( D, { @@ -154,5 +153,5 @@ function X(u) { ); } export { - X as Dropdown + Y as Dropdown }; diff --git a/dist/components/Interactive.d.ts b/dist/components/Interactive.d.ts new file mode 100644 index 0000000..f99de99 --- /dev/null +++ b/dist/components/Interactive.d.ts @@ -0,0 +1,23 @@ +import { default as React, Component, KeyboardEvent, MouseEvent, RefObject } from 'react'; +export interface Interaction { + left: number; + top: number; +} +export interface InteractiveProps { + onMove: (interaction: Interaction) => void; + onKey: (offset: Interaction) => void; + children: React.ReactNode; + style?: React.CSSProperties; +} +export declare class Interactive extends Component { + containerRef: RefObject; + constructor(props: InteractiveProps); + handleMoveStart: (event: MouseEvent) => void; + handleMove: (event: MouseEvent) => void; + handleMoveEnd: () => void; + handleKeyDown: (event: KeyboardEvent) => void; + toggleDocumentEvents: (state: boolean) => void; + componentDidMount(): void; + componentWillUnmount(): void; + render(): import("react/jsx-runtime").JSX.Element; +} diff --git a/dist/components/Interactive.js b/dist/components/Interactive.js new file mode 100644 index 0000000..4c1a0d3 --- /dev/null +++ b/dist/components/Interactive.js @@ -0,0 +1,75 @@ +var h = Object.defineProperty; +var u = (t, n, e) => n in t ? h(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e; +var s = (t, n, e) => u(t, typeof n != "symbol" ? n + "" : n, e); +import { jsx as p } from "react/jsx-runtime"; +import { Component as f, createRef as g } from "react"; +import { clamp as l } from "../common/math.js"; +const i = (t) => { + var n; + return ((n = t == null ? void 0 : t.ownerDocument) == null ? void 0 : n.defaultView) || self; +}, a = (t, n) => { + const e = t.getBoundingClientRect(); + return { + left: l( + (n.pageX - (e.left + i(t).pageXOffset)) / e.width, + 0, + 1 + ), + top: l( + (n.pageY - (e.top + i(t).pageYOffset)) / e.height, + 0, + 1 + ) + }; +}; +class w extends f { + constructor(e) { + super(e); + s(this, "containerRef"); + s(this, "handleMoveStart", (e) => { + const o = this.containerRef.current; + o && (e.preventDefault(), o.focus(), this.props.onMove(a(o, e)), this.toggleDocumentEvents(!0)); + }); + s(this, "handleMove", (e) => { + e.preventDefault(), e.buttons > 0 && this.containerRef.current ? this.props.onMove(a(this.containerRef.current, e)) : this.toggleDocumentEvents(!1); + }); + s(this, "handleMoveEnd", () => { + this.toggleDocumentEvents(!1); + }); + s(this, "handleKeyDown", (e) => { + const o = e.which || e.keyCode; + o < 37 || o > 40 || (e.preventDefault(), this.props.onKey({ + left: o === 39 ? 0.05 : o === 37 ? -0.05 : 0, + top: o === 40 ? 0.05 : o === 38 ? -0.05 : 0 + })); + }); + s(this, "toggleDocumentEvents", (e) => { + const o = this.containerRef.current, r = i(o), c = e ? r.addEventListener.bind(r) : r.removeEventListener.bind(r); + c("mousemove", this.handleMove), c("mouseup", this.handleMoveEnd); + }); + this.containerRef = g(); + } + componentDidMount() { + this.toggleDocumentEvents(!0); + } + componentWillUnmount() { + this.toggleDocumentEvents(!1); + } + render() { + return /* @__PURE__ */ p( + "div", + { + ...this.props, + style: this.props.style, + ref: this.containerRef, + onMouseDown: this.handleMoveStart, + className: "react-colorful__interactive", + onKeyDown: this.handleKeyDown, + children: this.props.children + } + ); + } +} +export { + w as Interactive +}; diff --git a/dist/components/Pointer.d.ts b/dist/components/Pointer.d.ts new file mode 100644 index 0000000..9168d23 --- /dev/null +++ b/dist/components/Pointer.d.ts @@ -0,0 +1,9 @@ +import { ReactNode } from 'react'; +interface PointerProps { + className?: string; + top?: number; + left: number; + color: string; +} +export declare const Pointer: ({ className, color, left, top, }: PointerProps) => ReactNode; +export {}; diff --git a/dist/components/Pointer.js b/dist/components/Pointer.js new file mode 100644 index 0000000..3fce8a8 --- /dev/null +++ b/dist/components/Pointer.js @@ -0,0 +1,23 @@ +import { jsx as o } from "react/jsx-runtime"; +import { classes as a } from "../common/react.js"; +const m = ({ + className: r, + color: e, + left: t, + top: l = 0.5 +}) => { + const s = a(["react-colorful__pointer", r]), c = { + top: `${l * 100}%`, + left: `${t * 100}%` + }; + return /* @__PURE__ */ o("div", { className: s, style: c, children: /* @__PURE__ */ o( + "div", + { + className: "react-colorful__pointer-fill", + style: { backgroundColor: e } + } + ) }); +}; +export { + m as Pointer +}; diff --git a/dist/components/index.d.ts b/dist/components/index.d.ts index a06d765..2e74a96 100644 --- a/dist/components/index.d.ts +++ b/dist/components/index.d.ts @@ -21,6 +21,7 @@ export { Image } from './Image'; export { ImageButton } from './ImageButton'; export { InfinitePlane } from './InfinitePlane'; export { Input } from './Input'; +export { Interactive, type Interaction } from './Interactive'; export { KeyListener } from './KeyListener'; export { Knob } from './Knob'; export { LabeledControls } from './LabeledControls'; @@ -29,6 +30,7 @@ export { MenuBar } from './MenuBar'; export { Modal } from './Modal'; export { NoticeBox } from './NoticeBox'; export { NumberInput } from './NumberInput'; +export { Pointer } from './Pointer'; export { Popper } from './Popper'; export { ProgressBar } from './ProgressBar'; export { RestrictedInput } from './RestrictedInput'; diff --git a/dist/components/index.js b/dist/components/index.js index 0f6109b..f4673f3 100644 --- a/dist/components/index.js +++ b/dist/components/index.js @@ -2,7 +2,7 @@ import { AnimatedNumber as e } from "./AnimatedNumber.js"; import { Autofocus as m } from "./Autofocus.js"; import { Blink as x } from "./Blink.js"; import { BlockQuote as i } from "./BlockQuote.js"; -import { Box as l } from "./Box.js"; +import { Box as n } from "./Box.js"; import { Button as u } from "./Button.js"; import { ByondUi as c } from "./ByondUi.js"; import { Chart as b } from "./Chart.js"; @@ -11,45 +11,47 @@ import { ColorBox as D } from "./ColorBox.js"; import { Dialog as C } from "./Dialog.js"; import { Dimmer as L } from "./Dimmer.js"; import { Divider as y } from "./Divider.js"; -import { DmIcon as N } from "./DmIcon.js"; -import { DraggableControl as F } from "./DraggableControl.js"; -import { Dropdown as M } from "./Dropdown.js"; -import { FitText as h } from "./FitText.js"; +import { DmIcon as A } from "./DmIcon.js"; +import { DraggableControl as v } from "./DraggableControl.js"; +import { Dropdown as K } from "./Dropdown.js"; +import { FitText as R } from "./FitText.js"; import { Flex as w } from "./Flex.js"; import { Icon as O } from "./Icon.js"; import { Image as U } from "./Image.js"; import { ImageButton as j } from "./ImageButton.js"; import { InfinitePlane as z } from "./InfinitePlane.js"; import { Input as H } from "./Input.js"; -import { KeyListener as W } from "./KeyListener.js"; -import { Knob as Y } from "./Knob.js"; -import { LabeledControls as _ } from "./LabeledControls.js"; -import { LabeledList as oo } from "./LabeledList.js"; -import { MenuBar as eo } from "./MenuBar.js"; -import { Modal as mo } from "./Modal.js"; -import { NoticeBox as xo } from "./NoticeBox.js"; -import { NumberInput as io } from "./NumberInput.js"; -import { Popper as lo } from "./Popper.js"; -import { ProgressBar as uo } from "./ProgressBar.js"; -import { RestrictedInput as co } from "./RestrictedInput.js"; -import { RoundGauge as Bo } from "./RoundGauge.js"; -import { Section as go } from "./Section.js"; -import { Slider as To } from "./Slider.js"; -import { Stack as ko } from "./Stack.js"; -import { StyleableSection as So } from "./StyleableSection.js"; -import { Table as Ao } from "./Table.js"; -import { Tabs as Po } from "./Tabs.js"; -import { TextArea as Ko } from "./TextArea.js"; -import { TimeDisplay as Ro } from "./TimeDisplay.js"; -import { Tooltip as vo } from "./Tooltip.js"; -import { TrackOutsideClicks as Go } from "./TrackOutsideClicks.js"; -import { VirtualList as Qo } from "./VirtualList.js"; +import { Interactive as W } from "./Interactive.js"; +import { KeyListener as Y } from "./KeyListener.js"; +import { Knob as _ } from "./Knob.js"; +import { LabeledControls as oo } from "./LabeledControls.js"; +import { LabeledList as eo } from "./LabeledList.js"; +import { MenuBar as mo } from "./MenuBar.js"; +import { Modal as xo } from "./Modal.js"; +import { NoticeBox as io } from "./NoticeBox.js"; +import { NumberInput as no } from "./NumberInput.js"; +import { Pointer as uo } from "./Pointer.js"; +import { Popper as co } from "./Popper.js"; +import { ProgressBar as Bo } from "./ProgressBar.js"; +import { RestrictedInput as go } from "./RestrictedInput.js"; +import { RoundGauge as To } from "./RoundGauge.js"; +import { Section as ko } from "./Section.js"; +import { Slider as So } from "./Slider.js"; +import { Stack as Po } from "./Stack.js"; +import { StyleableSection as No } from "./StyleableSection.js"; +import { Table as Fo } from "./Table.js"; +import { Tabs as Mo } from "./Tabs.js"; +import { TextArea as ho } from "./TextArea.js"; +import { TimeDisplay as Go } from "./TimeDisplay.js"; +import { Tooltip as Qo } from "./Tooltip.js"; +import { TrackOutsideClicks as Vo } from "./TrackOutsideClicks.js"; +import { VirtualList as qo } from "./VirtualList.js"; export { e as AnimatedNumber, m as Autofocus, x as Blink, i as BlockQuote, - l as Box, + n as Box, u as Button, c as ByondUi, b as Chart, @@ -58,37 +60,39 @@ export { C as Dialog, L as Dimmer, y as Divider, - N as DmIcon, - F as DraggableControl, - M as Dropdown, - h as FitText, + A as DmIcon, + v as DraggableControl, + K as Dropdown, + R as FitText, w as Flex, O as Icon, U as Image, j as ImageButton, z as InfinitePlane, H as Input, - W as KeyListener, - Y as Knob, - _ as LabeledControls, - oo as LabeledList, - eo as MenuBar, - mo as Modal, - xo as NoticeBox, - io as NumberInput, - lo as Popper, - uo as ProgressBar, - co as RestrictedInput, - Bo as RoundGauge, - go as Section, - To as Slider, - ko as Stack, - So as StyleableSection, - Ao as Table, - Po as Tabs, - Ko as TextArea, - Ro as TimeDisplay, - vo as Tooltip, - Go as TrackOutsideClicks, - Qo as VirtualList + W as Interactive, + Y as KeyListener, + _ as Knob, + oo as LabeledControls, + eo as LabeledList, + mo as MenuBar, + xo as Modal, + io as NoticeBox, + no as NumberInput, + uo as Pointer, + co as Popper, + Bo as ProgressBar, + go as RestrictedInput, + To as RoundGauge, + ko as Section, + So as Slider, + Po as Stack, + No as StyleableSection, + Fo as Table, + Mo as Tabs, + ho as TextArea, + Go as TimeDisplay, + Qo as Tooltip, + Vo as TrackOutsideClicks, + qo as VirtualList }; diff --git a/package.json b/package.json index 87fd9bb..25a6ca4 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "tgui-core", - "version": "1.5.4", + "version": "1.5.5", "description": "TGUI core component library", "keywords": ["TGUI", "library", "typescript"], "files": ["dist"],