diff --git a/.gitignore b/.gitignore
index 474763e..8fa16c1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,3 @@
 node_modules
-
+dist
 *storybook.log
\ No newline at end of file
diff --git a/dist/cjs/components/Digit.d.ts b/dist/cjs/components/Digit.d.ts
deleted file mode 100644
index c319173..0000000
--- a/dist/cjs/components/Digit.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-declare type DigitType = {
-    char: string;
-    color: string;
-    height: number;
-    skew: boolean;
-};
-export declare const Digit: ({ char, color, height, skew, }: DigitType) => JSX.Element;
-export {};
diff --git a/dist/cjs/components/Digit.js b/dist/cjs/components/Digit.js
deleted file mode 100644
index b7421b8..0000000
--- a/dist/cjs/components/Digit.js
+++ /dev/null
@@ -1,52 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Digit = void 0;
-const Segment_1 = __importDefault(require("./Segment"));
-const react_1 = __importStar(require("react"));
-const charToDigit_1 = __importDefault(require("../utils/charToDigit"));
-const letters = ["A", "B", "C", "D", "E", "F", "G"];
-const Digit = ({ char = "-", color = "red", height = 250, skew = false, }) => {
-    const style = {
-        height: `${height}px`,
-        width: `${height * 0.6}px`,
-        zIndex: "1",
-        padding: skew ? "8px 0px" : "0",
-        boxSizing: "border-box",
-    };
-    const [activeArray, setActiveArray] = (0, react_1.useState)(char ? charToDigit_1.default[char] : charToDigit_1.default["-"]);
-    (0, react_1.useEffect)(() => {
-        setActiveArray(char ? charToDigit_1.default[char] : charToDigit_1.default["-"]);
-    }, [char]);
-    return (react_1.default.createElement("div", { className: "digit", style: style }, activeArray.map((active, index) => {
-        const letter = letters[index];
-        return (react_1.default.createElement(Segment_1.default, { key: letter, active: active === 1, size: height / 12.5, color: color, id: letter, skew: skew }));
-    })));
-};
-exports.Digit = Digit;
-//# sourceMappingURL=Digit.js.map
\ No newline at end of file
diff --git a/dist/cjs/components/Digit.js.map b/dist/cjs/components/Digit.js.map
deleted file mode 100644
index 5f7f8e8..0000000
--- a/dist/cjs/components/Digit.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"Digit.js","sourceRoot":"","sources":["../../../src/components/Digit.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAgC;AAChC,+CAAmD;AAEnD,uEAA+C;AAE/C,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAStD,MAAM,KAAK,GAAG,CAAC,EAClB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,GAAG,EACZ,IAAI,GAAG,KAAK,GACJ,EAAE,EAAE;IACZ,MAAM,KAAK,GAAG;QACV,MAAM,EAAE,GAAG,MAAM,IAAI;QACrB,KAAK,EAAE,GAAG,MAAM,GAAG,GAAG,IAAI;QAC1B,MAAM,EAAE,GAAG;QACX,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG;QAC/B,SAAS,EAAE,YAAY;KACH,CAAC;IAEzB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAC1C,IAAI,CAAC,CAAC,CAAC,qBAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,qBAAW,CAAC,GAAG,CAAC,CAC9C,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,qBAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACH,uCAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IAC9B,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,CACH,8BAAC,iBAAO,IACJ,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,KAAK,CAAC,EACpB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,IAAI,GACZ,CACL,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAvCW,QAAA,KAAK,SAuChB"}
\ No newline at end of file
diff --git a/dist/cjs/components/Display.d.ts b/dist/cjs/components/Display.d.ts
deleted file mode 100644
index e476fc7..0000000
--- a/dist/cjs/components/Display.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-declare type DisplayType = {
-    count: number;
-    height: number;
-    value: any;
-    color: string;
-    backgroundColor?: string;
-    skew: boolean;
-};
-export declare const Display: ({ count, height, value, color, backgroundColor, skew, }: DisplayType) => JSX.Element;
-export {};
diff --git a/dist/cjs/components/Display.js b/dist/cjs/components/Display.js
deleted file mode 100644
index f7c94e0..0000000
--- a/dist/cjs/components/Display.js
+++ /dev/null
@@ -1,73 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Display = void 0;
-const Digit_1 = require("./Digit");
-const react_1 = __importStar(require("react"));
-const Display = ({ count = 2, height = 250, value = null, color = "red", backgroundColor, skew = false, }) => {
-    const [digits, setDigits] = (0, react_1.useState)([]);
-    const style = {
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: "center",
-        alignItems: "center",
-        height: "fit-content",
-        width: "fit-content",
-        padding: "20px",
-    };
-    const displayStyle = {
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "center",
-        height: "fit-content",
-        width: "fit-content",
-        backgroundColor: backgroundColor ? backgroundColor : "transparent",
-        padding: "20px",
-        color: "white",
-    };
-    (0, react_1.useEffect)(() => {
-        let newDigits = value && value.toString().split("");
-        if (!value || count < value.toString().length) {
-            newDigits = null;
-        }
-        if (value && count > value.toString().length) {
-            for (let i = 0; i < count - value.toString().length; i++) {
-                newDigits.unshift("0");
-            }
-        }
-        setDigits(newDigits);
-    }, [count, value]);
-    return (react_1.default.createElement("div", { className: "display", style: displayStyle },
-        react_1.default.createElement("div", { className: "display-digits", style: style }, digits
-            ? digits.map((digit, index) => {
-                return (react_1.default.createElement(Digit_1.Digit, { key: index, char: digit, height: height, color: color, skew: skew }));
-            })
-            : Array.from(Array(count).keys()).map((index) => {
-                return (react_1.default.createElement(Digit_1.Digit, { key: index, char: "-", height: height, color: color, skew: skew }));
-            }))));
-};
-exports.Display = Display;
-//# sourceMappingURL=Display.js.map
\ No newline at end of file
diff --git a/dist/cjs/components/Display.js.map b/dist/cjs/components/Display.js.map
deleted file mode 100644
index 94517dd..0000000
--- a/dist/cjs/components/Display.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"Display.js","sourceRoot":"","sources":["../../../src/components/Display.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAgC;AAChC,+CAAmD;AAW5C,MAAM,OAAO,GAAG,CAAC,EACpB,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,GAAG,EACZ,KAAK,GAAG,IAAI,EACZ,KAAK,GAAG,KAAK,EACb,eAAe,EACf,IAAI,GAAG,KAAK,GACF,EAAE,EAAE;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,KAAK,GAAG;QACV,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,MAAM;KACK,CAAC;IAEzB,MAAM,YAAY,GAAG;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,aAAa;QACpB,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa;QAClE,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,OAAO;KACM,CAAC;IAEzB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAEpD,IAAI,CAAC,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE;YAC3C,SAAS,GAAG,IAAI,CAAC;SACpB;QAED,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE;YAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACtD,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;aAC1B;SACJ;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,CACH,uCAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,YAAY;QACxC,uCAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,KAAK,IACvC,MAAM;YACH,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACxB,OAAO,CACH,8BAAC,aAAK,IACF,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,GACZ,CACL,CAAC;YACN,CAAC,CAAC;YACJ,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC1C,OAAO,CACH,8BAAC,aAAK,IACF,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,GAAG,EACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,GACZ,CACL,CAAC;YACN,CAAC,CAAC,CACN,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AA7EW,QAAA,OAAO,WA6ElB"}
\ No newline at end of file
diff --git a/dist/cjs/components/Segment.d.ts b/dist/cjs/components/Segment.d.ts
deleted file mode 100644
index 881ad94..0000000
--- a/dist/cjs/components/Segment.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-declare type SegmentType = {
-    active: boolean;
-    color: string;
-    size: number;
-    id: string;
-    skew: boolean;
-};
-declare const Segment: ({ active, color, size, id, skew }: SegmentType) => JSX.Element;
-export default Segment;
diff --git a/dist/cjs/components/Segment.js b/dist/cjs/components/Segment.js
deleted file mode 100644
index 6e933c5..0000000
--- a/dist/cjs/components/Segment.js
+++ /dev/null
@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const segmentStyle_1 = require("../utils/segmentStyle");
-const Segment = ({ active, color, size, id, skew }) => {
-    const ss = skew ? segmentStyle_1.skewedSegmentStyle[id] : segmentStyle_1.segmentStyle[id];
-    const outerStyle = {
-        filter: active
-            ? `drop-shadow(0px 0px ${size * 0.3}px ${color})`
-            : "none",
-        padding: size * 0.3,
-        width: "fit-content",
-        position: ss.id ? "absolute" : "relative",
-        transform: ss.transform,
-        marginTop: `${size * ss.marginTop}px`,
-        marginLeft: `${size * ss.marginLeft}px`,
-        zIndex: "2",
-    };
-    const innerStyle = {
-        backgroundColor: color,
-        filter: active
-            ? "opacity(1) grayscale(0)"
-            : "opacity(0.3) grayscale(0.7)",
-        color: color,
-        clipPath: ss.clipPath,
-        WebkitClipPath: ss.clipPath,
-        MozClipPath: ss.clipPath,
-        height: `${size}px`,
-        width: `${size * 5}px`,
-    };
-    return (react_1.default.createElement("div", { style: outerStyle },
-        react_1.default.createElement("div", { style: innerStyle })));
-};
-exports.default = Segment;
-//# sourceMappingURL=Segment.js.map
\ No newline at end of file
diff --git a/dist/cjs/components/Segment.js.map b/dist/cjs/components/Segment.js.map
deleted file mode 100644
index 073e175..0000000
--- a/dist/cjs/components/Segment.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"Segment.js","sourceRoot":"","sources":["../../../src/components/Segment.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,wDAAyE;AAUzE,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAe,EAAE,EAAE;IAC/D,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,iCAAkB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,2BAAY,CAAC,EAAE,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG;QACf,MAAM,EAAE,MAAM;YACV,CAAC,CAAC,uBAAuB,IAAI,GAAG,GAAG,MAAM,KAAK,GAAG;YACjD,CAAC,CAAC,MAAM;QACZ,OAAO,EAAE,IAAI,GAAG,GAAG;QACnB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QACzC,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC,SAAS,IAAI;QACrC,UAAU,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC,UAAU,IAAI;QACvC,MAAM,EAAE,GAAG;KACS,CAAC;IAEzB,MAAM,UAAU,GAAG;QACf,eAAe,EAAE,KAAK;QACtB,MAAM,EAAE,MAAM;YACV,CAAC,CAAC,yBAAyB;YAC3B,CAAC,CAAC,6BAA6B;QACnC,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,cAAc,EAAE,EAAE,CAAC,QAAQ;QAC3B,WAAW,EAAE,EAAE,CAAC,QAAQ;QACxB,MAAM,EAAE,GAAG,IAAI,IAAI;QACnB,KAAK,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;KACF,CAAC;IAEzB,OAAO,CACH,uCAAK,KAAK,EAAE,UAAU;QAClB,uCAAK,KAAK,EAAE,UAAU,GAAQ,CAC5B,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
\ No newline at end of file
diff --git a/dist/cjs/components/index.d.ts b/dist/cjs/components/index.d.ts
deleted file mode 100644
index d8c641b..0000000
--- a/dist/cjs/components/index.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "./Display";
-export * from "./Digit";
diff --git a/dist/cjs/components/index.js b/dist/cjs/components/index.js
deleted file mode 100644
index e6bd6d0..0000000
--- a/dist/cjs/components/index.js
+++ /dev/null
@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Display"), exports);
-__exportStar(require("./Digit"), exports);
-//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/dist/cjs/components/index.js.map b/dist/cjs/components/index.js.map
deleted file mode 100644
index 8733a46..0000000
--- a/dist/cjs/components/index.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,0CAAwB"}
\ No newline at end of file
diff --git a/dist/cjs/index.d.ts b/dist/cjs/index.d.ts
deleted file mode 100644
index 40b494c..0000000
--- a/dist/cjs/index.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./components";
diff --git a/dist/cjs/index.js b/dist/cjs/index.js
deleted file mode 100644
index 4035c02..0000000
--- a/dist/cjs/index.js
+++ /dev/null
@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
-//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/dist/cjs/index.js.map b/dist/cjs/index.js.map
deleted file mode 100644
index 798ba15..0000000
--- a/dist/cjs/index.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
\ No newline at end of file
diff --git a/dist/cjs/utils/charToDigit.d.ts b/dist/cjs/utils/charToDigit.d.ts
deleted file mode 100644
index 91f6714..0000000
--- a/dist/cjs/utils/charToDigit.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare const charToDigit: {
-    [key: string]: number[];
-};
-export default charToDigit;
diff --git a/dist/cjs/utils/charToDigit.js b/dist/cjs/utils/charToDigit.js
deleted file mode 100644
index c6804a4..0000000
--- a/dist/cjs/utils/charToDigit.js
+++ /dev/null
@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const charToDigit = {
-    "0": [1, 1, 1, 1, 1, 1, 0],
-    "1": [0, 1, 1, 0, 0, 0, 0],
-    "2": [1, 1, 0, 1, 1, 0, 1],
-    "3": [1, 1, 1, 1, 0, 0, 1],
-    "4": [0, 1, 1, 0, 0, 1, 1],
-    "5": [1, 0, 1, 1, 0, 1, 1],
-    "6": [1, 0, 1, 1, 1, 1, 1],
-    "7": [1, 1, 1, 0, 0, 0, 0],
-    "8": [1, 1, 1, 1, 1, 1, 1],
-    "9": [1, 1, 1, 1, 0, 1, 1],
-    "@": [1, 1, 1, 1, 1, 0, 1],
-    a: [1, 1, 1, 0, 1, 1, 1],
-    b: [0, 0, 1, 1, 1, 1, 1],
-    c: [1, 0, 0, 1, 1, 1, 0],
-    d: [0, 1, 1, 1, 1, 0, 1],
-    e: [1, 0, 0, 1, 1, 1, 1],
-    f: [1, 0, 0, 0, 1, 1, 1],
-    "-": [0, 0, 0, 0, 0, 0, 1],
-};
-exports.default = charToDigit;
-//# sourceMappingURL=charToDigit.js.map
\ No newline at end of file
diff --git a/dist/cjs/utils/charToDigit.js.map b/dist/cjs/utils/charToDigit.js.map
deleted file mode 100644
index 85a2980..0000000
--- a/dist/cjs/utils/charToDigit.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"charToDigit.js","sourceRoot":"","sources":["../../../src/utils/charToDigit.ts"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG;IAChB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;CACE,CAAC;AAEjC,kBAAe,WAAW,CAAC"}
\ No newline at end of file
diff --git a/dist/cjs/utils/segmentStyle.d.ts b/dist/cjs/utils/segmentStyle.d.ts
deleted file mode 100644
index 358607f..0000000
--- a/dist/cjs/utils/segmentStyle.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export declare type SegmentStyleType = {
-    id: string;
-    clipPath: string;
-    marginTop: number;
-    marginLeft: number;
-    transform: string;
-};
-export declare const segmentStyle: {
-    [key: string]: SegmentStyleType;
-};
-export declare const skewedSegmentStyle: {
-    [key: string]: SegmentStyleType;
-};
diff --git a/dist/cjs/utils/segmentStyle.js b/dist/cjs/utils/segmentStyle.js
deleted file mode 100644
index cb18634..0000000
--- a/dist/cjs/utils/segmentStyle.js
+++ /dev/null
@@ -1,106 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.skewedSegmentStyle = exports.segmentStyle = void 0;
-exports.segmentStyle = {
-    A: {
-        id: "A",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 0,
-        marginLeft: 0.9,
-        transform: "none",
-    },
-    B: {
-        id: "B",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 2.65,
-        marginLeft: 3.55,
-        transform: "rotate(90deg)",
-    },
-    C: {
-        id: "C",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 7.95,
-        marginLeft: 3.55,
-        transform: "rotate(90deg)",
-    },
-    D: {
-        id: "D",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 10.6,
-        marginLeft: 0.9,
-        transform: "none",
-    },
-    E: {
-        id: "E",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 7.95,
-        marginLeft: -1.75,
-        transform: "rotate(90deg)",
-    },
-    F: {
-        id: "F",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 2.65,
-        marginLeft: -1.75,
-        transform: "rotate(90deg)",
-    },
-    G: {
-        id: "G",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 5.3,
-        marginLeft: 0.9,
-        transform: "none",
-    },
-};
-exports.skewedSegmentStyle = {
-    A: {
-        id: "A",
-        clipPath: `polygon(92.5% 0%, 100% 30%, 85.5% 100%, 15.5% 100%, 0px 30%, 5.5% 0%)`,
-        marginTop: 0,
-        marginLeft: 1.575,
-        transform: "none",
-    },
-    B: {
-        id: "B",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 15.5% 100%, 0px 30%, 5.5% 0%)`,
-        marginTop: 2.4,
-        marginLeft: 3.8,
-        transform: "rotate(95deg)",
-    },
-    C: {
-        id: "C",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 7% 100%, 0px 73%, 11.5% 0%)`,
-        marginTop: 7.625,
-        marginLeft: 3.375,
-        transform: "rotate(95deg) scaleX(-1) scaleY(-1)",
-    },
-    D: {
-        id: "D",
-        clipPath: `polygon(92.5% 0%, 100% 30%, 85.5% 100%, 15.5% 100%, 0px 30%, 5.5% 0%)`,
-        marginTop: 10.075,
-        marginLeft: 0.725,
-        transform: "scaleY(-1)",
-    },
-    E: {
-        id: "E",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 15.5% 100%, 0px 30%, 5.5% 0%)`,
-        marginTop: 7.65,
-        marginLeft: -1.475,
-        transform: "rotate(95deg) scaleX(-1) scaleY(-1)",
-    },
-    F: {
-        id: "F",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 7% 100%, 0px 73%, 11.5% 0%)`,
-        marginTop: 2.425,
-        marginLeft: -1.025,
-        transform: "rotate(95deg)",
-    },
-    G: {
-        id: "G",
-        clipPath: `polygon(86% 0%, 95% 51%, 83% 100%, 14% 100%, 6% 54%, 19% 0%)`,
-        marginTop: 5,
-        marginLeft: 1.175,
-        transform: "none",
-    },
-};
-//# sourceMappingURL=segmentStyle.js.map
\ No newline at end of file
diff --git a/dist/cjs/utils/segmentStyle.js.map b/dist/cjs/utils/segmentStyle.js.map
deleted file mode 100644
index 57117a1..0000000
--- a/dist/cjs/utils/segmentStyle.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"segmentStyle.js","sourceRoot":"","sources":["../../../src/utils/segmentStyle.ts"],"names":[],"mappings":";;;AAQa,QAAA,YAAY,GAAG;IACxB,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,MAAM;KACpB;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,MAAM;KACpB;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,CAAC,IAAI;QACjB,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,CAAC,IAAI;QACjB,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,GAAG;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,MAAM;KACpB;CACmC,CAAC;AAE5B,QAAA,kBAAkB,GAAG;IAC9B,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,uEAAuE;QACjF,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,MAAM;KACpB;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,mEAAmE;QAC7E,SAAS,EAAE,GAAG;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,iEAAiE;QAC3E,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,qCAAqC;KACnD;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,uEAAuE;QACjF,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,YAAY;KAC1B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,mEAAmE;QAC7E,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,CAAC,KAAK;QAClB,SAAS,EAAE,qCAAqC;KACnD;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,iEAAiE;QAC3E,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,CAAC,KAAK;QAClB,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,8DAA8D;QACxE,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,MAAM;KACpB;CACmC,CAAC"}
\ No newline at end of file
diff --git a/dist/esm/components/Digit.d.ts b/dist/esm/components/Digit.d.ts
deleted file mode 100644
index c319173..0000000
--- a/dist/esm/components/Digit.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-declare type DigitType = {
-    char: string;
-    color: string;
-    height: number;
-    skew: boolean;
-};
-export declare const Digit: ({ char, color, height, skew, }: DigitType) => JSX.Element;
-export {};
diff --git a/dist/esm/components/Digit.js b/dist/esm/components/Digit.js
deleted file mode 100644
index 2b95b44..0000000
--- a/dist/esm/components/Digit.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import Segment from "./Segment";
-import React, { useEffect, useState } from "react";
-import charToDigit from "../utils/charToDigit";
-const letters = ["A", "B", "C", "D", "E", "F", "G"];
-export const Digit = ({ char = "-", color = "red", height = 250, skew = false, }) => {
-    const style = {
-        height: `${height}px`,
-        width: `${height * 0.6}px`,
-        zIndex: "1",
-        padding: skew ? "8px 0px" : "0",
-        boxSizing: "border-box",
-    };
-    const [activeArray, setActiveArray] = useState(char ? charToDigit[char] : charToDigit["-"]);
-    useEffect(() => {
-        setActiveArray(char ? charToDigit[char] : charToDigit["-"]);
-    }, [char]);
-    return (React.createElement("div", { className: "digit", style: style }, activeArray.map((active, index) => {
-        const letter = letters[index];
-        return (React.createElement(Segment, { key: letter, active: active === 1, size: height / 12.5, color: color, id: letter, skew: skew }));
-    })));
-};
-//# sourceMappingURL=Digit.js.map
\ No newline at end of file
diff --git a/dist/esm/components/Digit.js.map b/dist/esm/components/Digit.js.map
deleted file mode 100644
index 1f848cf..0000000
--- a/dist/esm/components/Digit.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"Digit.js","sourceRoot":"","sources":["../../../src/components/Digit.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAE/C,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAS7D,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAClB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,GAAG,EACZ,IAAI,GAAG,KAAK,GACJ,EAAE,EAAE;IACZ,MAAM,KAAK,GAAG;QACV,MAAM,EAAE,GAAG,MAAM,IAAI;QACrB,KAAK,EAAE,GAAG,MAAM,GAAG,GAAG,IAAI;QAC1B,MAAM,EAAE,GAAG;QACX,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG;QAC/B,SAAS,EAAE,YAAY;KACH,CAAC;IAEzB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC1C,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAC9C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACH,6BAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IAC9B,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,CACH,oBAAC,OAAO,IACJ,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,KAAK,CAAC,EACpB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,IAAI,GACZ,CACL,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
\ No newline at end of file
diff --git a/dist/esm/components/Display.d.ts b/dist/esm/components/Display.d.ts
deleted file mode 100644
index e476fc7..0000000
--- a/dist/esm/components/Display.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-declare type DisplayType = {
-    count: number;
-    height: number;
-    value: any;
-    color: string;
-    backgroundColor?: string;
-    skew: boolean;
-};
-export declare const Display: ({ count, height, value, color, backgroundColor, skew, }: DisplayType) => JSX.Element;
-export {};
diff --git a/dist/esm/components/Display.js b/dist/esm/components/Display.js
deleted file mode 100644
index c771ae5..0000000
--- a/dist/esm/components/Display.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Digit } from "./Digit";
-import React, { useEffect, useState } from "react";
-export const Display = ({ count = 2, height = 250, value = null, color = "red", backgroundColor, skew = false, }) => {
-    const [digits, setDigits] = useState([]);
-    const style = {
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: "center",
-        alignItems: "center",
-        height: "fit-content",
-        width: "fit-content",
-        padding: "20px",
-    };
-    const displayStyle = {
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "center",
-        height: "fit-content",
-        width: "fit-content",
-        backgroundColor: backgroundColor ? backgroundColor : "transparent",
-        padding: "20px",
-        color: "white",
-    };
-    useEffect(() => {
-        let newDigits = value && value.toString().split("");
-        if (!value || count < value.toString().length) {
-            newDigits = null;
-        }
-        if (value && count > value.toString().length) {
-            for (let i = 0; i < count - value.toString().length; i++) {
-                newDigits.unshift("0");
-            }
-        }
-        setDigits(newDigits);
-    }, [count, value]);
-    return (React.createElement("div", { className: "display", style: displayStyle },
-        React.createElement("div", { className: "display-digits", style: style }, digits
-            ? digits.map((digit, index) => {
-                return (React.createElement(Digit, { key: index, char: digit, height: height, color: color, skew: skew }));
-            })
-            : Array.from(Array(count).keys()).map((index) => {
-                return (React.createElement(Digit, { key: index, char: "-", height: height, color: color, skew: skew }));
-            }))));
-};
-//# sourceMappingURL=Display.js.map
\ No newline at end of file
diff --git a/dist/esm/components/Display.js.map b/dist/esm/components/Display.js.map
deleted file mode 100644
index babe316..0000000
--- a/dist/esm/components/Display.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"Display.js","sourceRoot":"","sources":["../../../src/components/Display.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAWnD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACpB,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,GAAG,EACZ,KAAK,GAAG,IAAI,EACZ,KAAK,GAAG,KAAK,EACb,eAAe,EACf,IAAI,GAAG,KAAK,GACF,EAAE,EAAE;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,KAAK,GAAG;QACV,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,MAAM;KACK,CAAC;IAEzB,MAAM,YAAY,GAAG;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,aAAa;QACpB,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa;QAClE,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,OAAO;KACM,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAEpD,IAAI,CAAC,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE;YAC3C,SAAS,GAAG,IAAI,CAAC;SACpB;QAED,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE;YAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACtD,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;aAC1B;SACJ;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,CACH,6BAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,YAAY;QACxC,6BAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,KAAK,IACvC,MAAM;YACH,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACxB,OAAO,CACH,oBAAC,KAAK,IACF,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,GACZ,CACL,CAAC;YACN,CAAC,CAAC;YACJ,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC1C,OAAO,CACH,oBAAC,KAAK,IACF,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,GAAG,EACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,GACZ,CACL,CAAC;YACN,CAAC,CAAC,CACN,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}
\ No newline at end of file
diff --git a/dist/esm/components/Segment.d.ts b/dist/esm/components/Segment.d.ts
deleted file mode 100644
index 881ad94..0000000
--- a/dist/esm/components/Segment.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-declare type SegmentType = {
-    active: boolean;
-    color: string;
-    size: number;
-    id: string;
-    skew: boolean;
-};
-declare const Segment: ({ active, color, size, id, skew }: SegmentType) => JSX.Element;
-export default Segment;
diff --git a/dist/esm/components/Segment.js b/dist/esm/components/Segment.js
deleted file mode 100644
index 036c62f..0000000
--- a/dist/esm/components/Segment.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from "react";
-import { segmentStyle, skewedSegmentStyle } from "../utils/segmentStyle";
-const Segment = ({ active, color, size, id, skew }) => {
-    const ss = skew ? skewedSegmentStyle[id] : segmentStyle[id];
-    const outerStyle = {
-        filter: active
-            ? `drop-shadow(0px 0px ${size * 0.3}px ${color})`
-            : "none",
-        padding: size * 0.3,
-        width: "fit-content",
-        position: ss.id ? "absolute" : "relative",
-        transform: ss.transform,
-        marginTop: `${size * ss.marginTop}px`,
-        marginLeft: `${size * ss.marginLeft}px`,
-        zIndex: "2",
-    };
-    const innerStyle = {
-        backgroundColor: color,
-        filter: active
-            ? "opacity(1) grayscale(0)"
-            : "opacity(0.3) grayscale(0.7)",
-        color: color,
-        clipPath: ss.clipPath,
-        WebkitClipPath: ss.clipPath,
-        MozClipPath: ss.clipPath,
-        height: `${size}px`,
-        width: `${size * 5}px`,
-    };
-    return (React.createElement("div", { style: outerStyle },
-        React.createElement("div", { style: innerStyle })));
-};
-export default Segment;
-//# sourceMappingURL=Segment.js.map
\ No newline at end of file
diff --git a/dist/esm/components/Segment.js.map b/dist/esm/components/Segment.js.map
deleted file mode 100644
index e52e308..0000000
--- a/dist/esm/components/Segment.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"Segment.js","sourceRoot":"","sources":["../../../src/components/Segment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAUzE,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAe,EAAE,EAAE;IAC/D,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG;QACf,MAAM,EAAE,MAAM;YACV,CAAC,CAAC,uBAAuB,IAAI,GAAG,GAAG,MAAM,KAAK,GAAG;YACjD,CAAC,CAAC,MAAM;QACZ,OAAO,EAAE,IAAI,GAAG,GAAG;QACnB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QACzC,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC,SAAS,IAAI;QACrC,UAAU,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC,UAAU,IAAI;QACvC,MAAM,EAAE,GAAG;KACS,CAAC;IAEzB,MAAM,UAAU,GAAG;QACf,eAAe,EAAE,KAAK;QACtB,MAAM,EAAE,MAAM;YACV,CAAC,CAAC,yBAAyB;YAC3B,CAAC,CAAC,6BAA6B;QACnC,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,cAAc,EAAE,EAAE,CAAC,QAAQ;QAC3B,WAAW,EAAE,EAAE,CAAC,QAAQ;QACxB,MAAM,EAAE,GAAG,IAAI,IAAI;QACnB,KAAK,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;KACF,CAAC;IAEzB,OAAO,CACH,6BAAK,KAAK,EAAE,UAAU;QAClB,6BAAK,KAAK,EAAE,UAAU,GAAQ,CAC5B,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
\ No newline at end of file
diff --git a/dist/esm/components/index.d.ts b/dist/esm/components/index.d.ts
deleted file mode 100644
index d8c641b..0000000
--- a/dist/esm/components/index.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "./Display";
-export * from "./Digit";
diff --git a/dist/esm/components/index.js b/dist/esm/components/index.js
deleted file mode 100644
index bcf4cf9..0000000
--- a/dist/esm/components/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from "./Display";
-export * from "./Digit";
-//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/dist/esm/components/index.js.map b/dist/esm/components/index.js.map
deleted file mode 100644
index 1903268..0000000
--- a/dist/esm/components/index.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}
\ No newline at end of file
diff --git a/dist/esm/index.d.ts b/dist/esm/index.d.ts
deleted file mode 100644
index 40b494c..0000000
--- a/dist/esm/index.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./components";
diff --git a/dist/esm/index.js b/dist/esm/index.js
deleted file mode 100644
index 6cfdeb8..0000000
--- a/dist/esm/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "./components";
-//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/dist/esm/index.js.map b/dist/esm/index.js.map
deleted file mode 100644
index eef485f..0000000
--- a/dist/esm/index.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
\ No newline at end of file
diff --git a/dist/esm/utils/charToDigit.d.ts b/dist/esm/utils/charToDigit.d.ts
deleted file mode 100644
index 91f6714..0000000
--- a/dist/esm/utils/charToDigit.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare const charToDigit: {
-    [key: string]: number[];
-};
-export default charToDigit;
diff --git a/dist/esm/utils/charToDigit.js b/dist/esm/utils/charToDigit.js
deleted file mode 100644
index 0adf45b..0000000
--- a/dist/esm/utils/charToDigit.js
+++ /dev/null
@@ -1,22 +0,0 @@
-const charToDigit = {
-    "0": [1, 1, 1, 1, 1, 1, 0],
-    "1": [0, 1, 1, 0, 0, 0, 0],
-    "2": [1, 1, 0, 1, 1, 0, 1],
-    "3": [1, 1, 1, 1, 0, 0, 1],
-    "4": [0, 1, 1, 0, 0, 1, 1],
-    "5": [1, 0, 1, 1, 0, 1, 1],
-    "6": [1, 0, 1, 1, 1, 1, 1],
-    "7": [1, 1, 1, 0, 0, 0, 0],
-    "8": [1, 1, 1, 1, 1, 1, 1],
-    "9": [1, 1, 1, 1, 0, 1, 1],
-    "@": [1, 1, 1, 1, 1, 0, 1],
-    a: [1, 1, 1, 0, 1, 1, 1],
-    b: [0, 0, 1, 1, 1, 1, 1],
-    c: [1, 0, 0, 1, 1, 1, 0],
-    d: [0, 1, 1, 1, 1, 0, 1],
-    e: [1, 0, 0, 1, 1, 1, 1],
-    f: [1, 0, 0, 0, 1, 1, 1],
-    "-": [0, 0, 0, 0, 0, 0, 1],
-};
-export default charToDigit;
-//# sourceMappingURL=charToDigit.js.map
\ No newline at end of file
diff --git a/dist/esm/utils/charToDigit.js.map b/dist/esm/utils/charToDigit.js.map
deleted file mode 100644
index 01775bb..0000000
--- a/dist/esm/utils/charToDigit.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"charToDigit.js","sourceRoot":"","sources":["../../../src/utils/charToDigit.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IAChB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;CACE,CAAC;AAEjC,eAAe,WAAW,CAAC"}
\ No newline at end of file
diff --git a/dist/esm/utils/segmentStyle.d.ts b/dist/esm/utils/segmentStyle.d.ts
deleted file mode 100644
index 358607f..0000000
--- a/dist/esm/utils/segmentStyle.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export declare type SegmentStyleType = {
-    id: string;
-    clipPath: string;
-    marginTop: number;
-    marginLeft: number;
-    transform: string;
-};
-export declare const segmentStyle: {
-    [key: string]: SegmentStyleType;
-};
-export declare const skewedSegmentStyle: {
-    [key: string]: SegmentStyleType;
-};
diff --git a/dist/esm/utils/segmentStyle.js b/dist/esm/utils/segmentStyle.js
deleted file mode 100644
index 9d748f7..0000000
--- a/dist/esm/utils/segmentStyle.js
+++ /dev/null
@@ -1,103 +0,0 @@
-export const segmentStyle = {
-    A: {
-        id: "A",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 0,
-        marginLeft: 0.9,
-        transform: "none",
-    },
-    B: {
-        id: "B",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 2.65,
-        marginLeft: 3.55,
-        transform: "rotate(90deg)",
-    },
-    C: {
-        id: "C",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 7.95,
-        marginLeft: 3.55,
-        transform: "rotate(90deg)",
-    },
-    D: {
-        id: "D",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 10.6,
-        marginLeft: 0.9,
-        transform: "none",
-    },
-    E: {
-        id: "E",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 7.95,
-        marginLeft: -1.75,
-        transform: "rotate(90deg)",
-    },
-    F: {
-        id: "F",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 2.65,
-        marginLeft: -1.75,
-        transform: "rotate(90deg)",
-    },
-    G: {
-        id: "G",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0)`,
-        marginTop: 5.3,
-        marginLeft: 0.9,
-        transform: "none",
-    },
-};
-export const skewedSegmentStyle = {
-    A: {
-        id: "A",
-        clipPath: `polygon(92.5% 0%, 100% 30%, 85.5% 100%, 15.5% 100%, 0px 30%, 5.5% 0%)`,
-        marginTop: 0,
-        marginLeft: 1.575,
-        transform: "none",
-    },
-    B: {
-        id: "B",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 15.5% 100%, 0px 30%, 5.5% 0%)`,
-        marginTop: 2.4,
-        marginLeft: 3.8,
-        transform: "rotate(95deg)",
-    },
-    C: {
-        id: "C",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 7% 100%, 0px 73%, 11.5% 0%)`,
-        marginTop: 7.625,
-        marginLeft: 3.375,
-        transform: "rotate(95deg) scaleX(-1) scaleY(-1)",
-    },
-    D: {
-        id: "D",
-        clipPath: `polygon(92.5% 0%, 100% 30%, 85.5% 100%, 15.5% 100%, 0px 30%, 5.5% 0%)`,
-        marginTop: 10.075,
-        marginLeft: 0.725,
-        transform: "scaleY(-1)",
-    },
-    E: {
-        id: "E",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 15.5% 100%, 0px 30%, 5.5% 0%)`,
-        marginTop: 7.65,
-        marginLeft: -1.475,
-        transform: "rotate(95deg) scaleX(-1) scaleY(-1)",
-    },
-    F: {
-        id: "F",
-        clipPath: `polygon(90% 0%, 100% 50%, 90% 100%, 7% 100%, 0px 73%, 11.5% 0%)`,
-        marginTop: 2.425,
-        marginLeft: -1.025,
-        transform: "rotate(95deg)",
-    },
-    G: {
-        id: "G",
-        clipPath: `polygon(86% 0%, 95% 51%, 83% 100%, 14% 100%, 6% 54%, 19% 0%)`,
-        marginTop: 5,
-        marginLeft: 1.175,
-        transform: "none",
-    },
-};
-//# sourceMappingURL=segmentStyle.js.map
\ No newline at end of file
diff --git a/dist/esm/utils/segmentStyle.js.map b/dist/esm/utils/segmentStyle.js.map
deleted file mode 100644
index fa5b824..0000000
--- a/dist/esm/utils/segmentStyle.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"segmentStyle.js","sourceRoot":"","sources":["../../../src/utils/segmentStyle.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,MAAM;KACpB;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,MAAM;KACpB;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,CAAC,IAAI;QACjB,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,CAAC,IAAI;QACjB,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,6DAA6D;QACvE,SAAS,EAAE,GAAG;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,MAAM;KACpB;CACmC,CAAC;AAEzC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,uEAAuE;QACjF,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,MAAM;KACpB;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,mEAAmE;QAC7E,SAAS,EAAE,GAAG;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,iEAAiE;QAC3E,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,qCAAqC;KACnD;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,uEAAuE;QACjF,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,YAAY;KAC1B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,mEAAmE;QAC7E,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,CAAC,KAAK;QAClB,SAAS,EAAE,qCAAqC;KACnD;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,iEAAiE;QAC3E,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,CAAC,KAAK;QAClB,SAAS,EAAE,eAAe;KAC7B;IACD,CAAC,EAAE;QACC,EAAE,EAAE,GAAG;QACP,QAAQ,EAAE,8DAA8D;QACxE,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,MAAM;KACpB;CACmC,CAAC"}
\ No newline at end of file