react-led-digit 0.0.1 → 0.0.2

package/README.md

@@ -1,6 +1,7 @@
 # React Seven-Segment Digit Component
 
 Intended to use in digital clock or calculator.
+Pure HTML and CSS
 
 Use example:
 

package/lib/Blinker/Blinker.js

@@ -82,11 +82,9 @@ class Blinker {
         if (!__classPrivateFieldGet(this, _Blinker_state, "f").subscribers.includes(fn)) {
             __classPrivateFieldGet(this, _Blinker_state, "f").subscribers.push(fn);
         }
-        console.log('subscribe()', __classPrivateFieldGet(this, _Blinker_state, "f").subscribers, __classPrivateFieldGet(this, _Blinker_state, "f").blinks);
     }
     unsubscribe(fn) {
         __classPrivateFieldGet(this, _Blinker_state, "f").subscribers = __classPrivateFieldGet(this, _Blinker_state, "f").subscribers.filter(i => i !== fn);
-        console.log('unsubscribe()', __classPrivateFieldGet(this, _Blinker_state, "f").subscribers, __classPrivateFieldGet(this, _Blinker_state, "f").blinks);
     }
 }
 exports.Blinker = Blinker;
@@ -96,12 +94,19 @@ _Blinker_initOptions = new WeakMap(), _Blinker_state = new WeakMap(), _Blinker_i
     __classPrivateFieldGet(this, _Blinker_state, "f").subscribers.forEach(fn => fn(true));
     __classPrivateFieldGet(this, _Blinker_state, "f").timeout = setTimeout(() => {
         __classPrivateFieldGet(this, _Blinker_instances, "m", _Blinker_off).call(this);
-    }, __classPrivateFieldGet(this, _Blinker_state, "f").period * (1 - 1 / __classPrivateFieldGet(this, _Blinker_state, "f").ratio));
+    }, getPeriod(__classPrivateFieldGet(this, _Blinker_state, "f")).on);
 }, _Blinker_off = function _Blinker_off() {
     __classPrivateFieldGet(this, _Blinker_state, "f").blinks++;
     __classPrivateFieldGet(this, _Blinker_state, "f").visible = false;
     __classPrivateFieldGet(this, _Blinker_state, "f").subscribers.forEach(fn => fn(false));
     __classPrivateFieldGet(this, _Blinker_state, "f").timeout = setTimeout(() => {
         __classPrivateFieldGet(this, _Blinker_instances, "m", _Blinker_on).call(this);
-    }, __classPrivateFieldGet(this, _Blinker_state, "f").period * (1 / __classPrivateFieldGet(this, _Blinker_state, "f").ratio));
+    }, getPeriod(__classPrivateFieldGet(this, _Blinker_state, "f")).off);
 };
+function getPeriod(state) {
+    const total = state.ratio + 1;
+    return {
+        on: state.period * (1 / total),
+        off: state.period * (1 - 1 / total),
+    };
+}

package/lib/BlinkingDigit/BlinkingDigit.js

@@ -39,7 +39,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const Digit_1 = require("../Digit");
 const Blinker_1 = require("../Blinker");
-const digitBlinker = new Blinker_1.Blinker(); // all BlinkingDigit's to blink in sync
+const digitBlinker = new Blinker_1.Blinker(); // singleton makes all BlinkingDigit's to blink synchronoulsy
 exports.BlinkingDigit = react_1.default.memo((_a) => {
     var { blink } = _a, rest = __rest(_a, ["blink"]);
     if ((blink === null || blink === void 0 ? void 0 : blink.period) === 0 ||

package/lib/Digit/Digit.d.ts

@@ -6,18 +6,19 @@ type DigitValue = NumValue | SevenSegmentsValue | 'am' | 'pm' | ':' | '.';
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 type DigitProps = {
     off?: boolean;
-    shape?: 'arduino' | 'diamond' | 'rect' | 'round' | 'pill';
+    shape?: 'default' | 'rect' | 'round' | 'pill';
     value: DigitValue;
 };
 type SegmentStyle = {
     color?: CSSProperties['color'];
+    colorOff?: CSSProperties['color'];
     length?: CSSProperties['width'];
     thickness?: CSSProperties['width'];
     spacing?: CSSProperties['width'];
     filament?: CSSProperties['width'];
     opacityOn?: CSSProperties['opacity'];
     opacityOff?: CSSProperties['opacity'];
-    opacityDuration?: CSSProperties['transitionDuration'];
+    transitionDuration?: CSSProperties['transitionDuration'];
 };
 export type Digit = DivProps & DigitProps & {
     segmentStyle?: SegmentStyle;

package/lib/Digit/Digit.js

@@ -23,7 +23,7 @@ const Digit = (_a) => {
     var { segmentStyle, value } = _a, rest = __rest(_a, ["segmentStyle", "value"]);
     const type = valueToType(value);
     const segments = type && valueToSegments(value); // {A: true, ...}
-    const sx = Object.assign({ '--segment-color': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.color, '--segment-thickness': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.thickness, '--segment-spacing': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.spacing, '--segment-length': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.length, '--segment-filament': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.filament, '--segment-opacity-on': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.opacityOn, '--segment-opacity-off': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.opacityOff, '--segment-opacity-duration': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.opacityDuration }, rest.style);
+    const sx = Object.assign({ '--segment-color': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.color, '--segment-color-off': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.colorOff, '--segment-thickness': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.thickness, '--segment-spacing': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.spacing, '--segment-length': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.length, '--segment-filament': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.filament, '--segment-opacity-on': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.opacityOn, '--segment-opacity-off': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.opacityOff, '--segment-transition-duration': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.transitionDuration }, rest.style);
     if (type === 'digit')
         return (0, jsx_runtime_1.jsx)(DigitSegments, Object.assign({}, rest, segments, { style: sx }));
     if (type === 'colon')
@@ -37,19 +37,19 @@ const Digit = (_a) => {
 };
 exports.Digit = Digit;
 const DigitSegments = (_a) => {
-    var { className, off, shape, A, B, C, D, E, F, G } = _a, rest = __rest(_a, ["className", "off", "shape", "A", "B", "C", "D", "E", "F", "G"]);
+    var { className, off, shape = 'default', A, B, C, D, E, F, G } = _a, rest = __rest(_a, ["className", "off", "shape", "A", "B", "C", "D", "E", "F", "G"]);
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('digit', shapeCx(shape), className) }, rest, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "opacity-wrapper off", children: [(0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(A, off), 'segment A horizontal') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(B, off), 'segment B vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(C, off), 'segment C vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(D, off), 'segment D horizontal') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(E, off), 'segment E vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(F, off), 'segment F vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(G, off), 'segment G horizontal') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "opacity-wrapper on", children: [(0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(A, off), 'segment A horizontal') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(B, off), 'segment B vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(C, off), 'segment C vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(D, off), 'segment D horizontal') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(E, off), 'segment E vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(F, off), 'segment F vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(G, off), 'segment G horizontal') })] })] })));
 };
 const AmpmSegments = (_a) => {
-    var { className, off, shape, AM, PM } = _a, rest = __rest(_a, ["className", "off", "shape", "AM", "PM"]);
+    var { className, off, shape = 'default', AM, PM } = _a, rest = __rest(_a, ["className", "off", "shape", "AM", "PM"]);
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('digit ampm', shapeCx(shape), className) }, rest, { children: [(0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)('segment AM', onOffCx(AM, off)) }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)('segment PM', onOffCx(PM, off)) })] })));
 };
 const ColonSegments = (_a) => {
-    var { className, off, shape = 'pill', D1, D2 } = _a, rest = __rest(_a, ["className", "off", "shape", "D1", "D2"]);
+    var { className, off, shape = 'default', D1, D2 } = _a, rest = __rest(_a, ["className", "off", "shape", "D1", "D2"]);
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('digit colon', shapeCx(shape), className) }, rest, { children: [(0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)('segment D1', onOffCx(D1, off)) }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)('segment D2', onOffCx(D2, off)) })] })));
 };
 const DotSegments = (_a) => {
-    var { className, off, shape = 'pill', DP } = _a, rest = __rest(_a, ["className", "off", "shape", "DP"]);
+    var { className, off, shape = 'default', DP } = _a, rest = __rest(_a, ["className", "off", "shape", "DP"]);
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('digit dot', shapeCx(shape), className) }, rest, { children: (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)('segment DP', onOffCx(DP, off)) }) })));
 };
 const charset = new Set(Object.keys(charToSevenSegments_1.charToSevenSegments));

package/lib/Digit/digit.css

@@ -0,0 +1,241 @@
+/**
+ *
+ *   A
+ * F   B      D2      AM
+ *   G 
+ * E   C      D1      PM
+ *   D       DP
+ *
+ */
+
+.digit {
+  --color: var(--segment-color, currentColor);
+  --color-off: var(--segment-color-off, var(--color));
+  --thick: var(--segment-thickness, 0.25em); /* 4px */
+  --length: var(--segment-length, 1em);
+  --spacing: var(--segment-spacing, 0.0625em); /* 1px */
+  --filament: var(--segment-filament, 0); /* vertical shift of A and D */
+  --corner: var(--segment-corner, 0); /* vertical shift of A and D */
+  --opacity-on: var(--segment-opacity-on, 1);
+  --opacity-off: var(--segment-opacity-off, 0.1);
+  --transition-duration: var(--segment-transition-duration, 0.25s);
+
+  --svg-am: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 16 16" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:black;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:1;}</style><polyline class="st0" points="1.4,11.5 1.4,11.4 3.8,3.5 4.2,3.5 6.6,11.4 6.6,11.5 "/><polyline class="st0" points="14.5,11.5 14.5,3.5 14.1,3.5 11.5,9.9 11.3,9.9 8.9,3.5 8.5,3.5 8.5,11.5 "/><line class="st0" x1="2.6" y1="9.5" x2="5.4" y2="9.5"/></svg>');
+  --svg-pm: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 16 16" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:black;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:1;}</style><path class="st0" d="M1.5,11.5V3.4h2.1c1.6,0,2.5,1,2.5,2.2s-1,2.3-2.5,2.3H2.2"/><polyline class="st0" points="14.5,11.5 14.5,3.5 14.1,3.5 11.5,9.9 11.3,9.9 8.9,3.5 8.5,3.5 8.5,11.5 "/></svg>');
+
+  /* computed values */
+  --digit-width: calc(var(--length) + var(--thick) + var(--spacing));
+  --digit-height: calc(var(--length) * 2 + var(--thick) + var(--spacing) * 2);
+
+  --thick-minus: calc(var(--thick) * -1);
+  --th-half: calc(var(--thick) / 2);
+  --th-half-minus: calc(var(--th-half) * -1);
+  --spacing-minus: calc(var(--spacing) * -1);
+  --sp-half: calc(var(--spacing) / 2);
+  --sp-half-minus: calc(var(--sp-half) * -1);
+
+  --radius-round: calc(var(--thick) * 0.33);
+  --radius-pill: 100em;
+
+  display: inline-block;
+  position: relative;
+  width: var(--digit-width);
+  height: var(--digit-height);
+
+  /* prevents flex-shrink effect */
+  min-width: var(--digit-width);
+  min-height: var(--digit-height);
+
+  &.unknown {
+    width: var(--thick);
+    min-width: var(--thick);
+  }
+
+  & .opacity-wrapper {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+
+  & .opacity-wrapper.on .segment.off,
+  & .opacity-wrapper.off .segment.on {
+    opacity: 0;
+  }
+  & .opacity-wrapper.on .segment.on,
+  & .opacity-wrapper.off .segment.off {
+    opacity: 1;
+  }
+
+  & .opacity-wrapper.on,
+  & .segment.on {
+    opacity: var(--opacity-on);
+  }
+  & .opacity-wrapper.off,
+  & .segment.off {
+    opacity: var(--opacity-off);
+  }
+
+  & .segment {
+    transition-property: opacity, background-color, border-color;
+    transition-duration: var(--transition-duration);
+  }
+
+  /* segments */
+  & .segment {
+    --th-half-100: calc(100% - var(--th-half));
+
+    background-color: var(--color);
+    display: block;
+    position: absolute;
+
+    &.segment.off {
+      background-color: var(--color-off);
+      border-color: var(--color-off);
+    }
+    /* vertical segments */
+    &.vertical {
+      width: var(--thick);
+      height: var(--length);
+      left: 0;
+
+      &.B,
+      &.C {
+        left: auto;
+        right: 0;
+      }
+    }
+    &.E,
+    &.C {
+      bottom: calc(var(--th-half) + var(--sp-half));
+    }
+    &.F,
+    &.B {
+      top: calc(var(--th-half) + var(--sp-half));
+    }
+
+    /* horizontal segments */
+    &.horizontal {
+      width: var(--length);
+      height: var(--thick);
+      left: calc(var(--th-half) + var(--sp-half));
+    }
+    &.A {
+      top: var(--filament);
+    }
+    &.D {
+      bottom: var(--filament);
+    }
+    &.G {
+      bottom: calc(var(--length) + var(--spacing));
+    }
+
+    /* spearheads */
+    &.horizontal {
+      clip-path: polygon(
+        0 50%,
+        var(--th-half) 0,
+        var(--th-half-100) 0,
+        100% 50%,
+        var(--th-half-100) 100%,
+        var(--th-half) 100%
+      );
+    }
+    &.vertical {
+      clip-path: polygon(
+        50% 0,
+        0 var(--th-half),
+        0 var(--th-half-100),
+        50% 100%,
+        100% var(--th-half-100),
+        100% var(--th-half)
+      );
+    }
+  }
+
+  /* segment shapes */
+  &.shape-rect .segment.segment {
+    clip-path: unset;
+  }
+  &.shape-round .segment.segment {
+    border-radius: var(--radius-round);
+    clip-path: unset;
+  }
+  &.shape-pill .segment.segment {
+    border-radius: var(--radius-pill);
+    clip-path: unset;
+  }
+
+  &.ampm {
+    --digit-width: calc(var(--length) + var(--thick) + var(--spacing));
+
+    & .segment {
+      background: var(--color);
+      width: var(--digit-width);
+      height: var(--length);
+
+      mask-origin: fill-box;
+      mask-position: center;
+      mask-repeat: no-repeat;
+      mask-size:
+        auto 85%,
+        contain;
+    }
+
+    & .AM {
+      bottom: calc(var(--digit-height) / 2 + var(--thick) / 4);
+      mask-image: var(--svg-am);
+    }
+    &.shape-rect .AM,
+    &.shape-pill .AM,
+    &.shape-round .AM {
+      mask-composite: exclude;
+      mask-image: var(--svg-am), linear-gradient(var(--color) 0 0);
+    }
+    & .PM {
+      top: calc(var(--digit-height) / 2 + var(--thick) / 4);
+      mask-image: var(--svg-pm);
+    }
+    &.shape-rect .PM,
+    &.shape-pill .PM,
+    &.shape-round .PM {
+      mask-composite: exclude;
+      mask-image: var(--svg-pm), linear-gradient(var(--color) 0 0);
+    }
+    &.shape-round .segment {
+      border-radius: var(--radius-round);
+    }
+    &.shape-pill .segment {
+      border-radius: var(--radius-pill);
+    }
+  }
+
+  &.dot,
+  &.colon {
+    --digit-width: calc(var(--thick) * 3);
+
+    & .segment {
+      --dot-border-width: calc(var(--thick) * 0.6);
+
+      border: var(--dot-border-width) solid var(--color); /* dot made from border to have same size on zoom */
+      position: absolute;
+      width: 0;
+      height: 0;
+      left: calc(var(--digit-width) / 2 - var(--dot-border-width));
+    }
+    /* lower part of a colon */
+    & .segment.D1 {
+      top: calc(var(--digit-height) / 3 - var(--thick) / 2);
+    }
+    /* upper part of a colon */
+    & .segment.D2 {
+      bottom: calc(var(--digit-height) / 3 - var(--thick) / 2);
+    }
+    /* dot itself */
+    & .segment.DP {
+      bottom: 0;
+    }
+  }
+  &.shape-default .segment {
+    border-radius: var(--radius-pill);
+  }
+}

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "react-led-digit",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "",
   "main": "./lib/index.js",
   "files": [
     "lib/**/*"
   ],
   "scripts": {
-    "build": "tsc --project tsconfig.build.json",
-    "clean": "rm -rf ./lib/",
+    "build": "npm run clean && npm run build-ts && npm run copy-css",
+    "build-ts": "tsc --project tsconfig.build.json",
+    "clean": "rimraf lib",
+    "copy-css": "npx cpy src/**/*.css lib",
     "lint": "eslint ./src/ --fix",
     "semantic-release": "semantic-release",
     "test:watch": "jest --watch",
@@ -19,7 +21,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/yakunins/react-digit.git"
+    "url": "git+https://github.com/yakunins/react-led-digit.git"
   },
   "license": "MIT",
   "author": {
@@ -55,6 +57,7 @@
     "@typescript-eslint/eslint-plugin": "^7.16.1",
     "@typescript-eslint/parser": "^7.16.1",
     "classnames": "^2.5.1",
+    "cpy-cli": "^5.0.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
@@ -64,6 +67,7 @@
     "prettier": "^3.3.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "rimraf": "^6.0.1",
     "semantic-release": "^22.0.12",
     "storybook": "^8.2.4",
     "ts-jest": "^29.2.3",

package/lib/components/Digit/BlinkingDigit.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const BlinkingDigit: React.MemoExoticComponent<({ blink, ...rest }: BlinkingDigit) => import("react/jsx-runtime").JSX.Element>;

package/lib/components/Digit/BlinkingDigit.js

@@ -1,59 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlinkingDigit = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const Digit_1 = require("./Digit");
-const utils_1 = require("./utils");
-const digitBlinker = new utils_1.Blinker(); // all BlinkingDigit's to blink in sync
-exports.BlinkingDigit = react_1.default.memo((_a) => {
-    var { blink } = _a, rest = __rest(_a, ["blink"]);
-    if ((blink === null || blink === void 0 ? void 0 : blink.period) === 0 ||
-        (blink === null || blink === void 0 ? void 0 : blink.ratio) === 0 ||
-        typeof (rest === null || rest === void 0 ? void 0 : rest.off) === 'boolean')
-        return (0, jsx_runtime_1.jsx)(Digit_1.Digit, Object.assign({}, rest)); // no blinker required
-    const [visible, setVisible] = (0, react_1.useState)(digitBlinker.visible);
-    (0, react_1.useEffect)(() => {
-        if (blink === null || blink === void 0 ? void 0 : blink.period)
-            digitBlinker.period = blink.period;
-        if (blink === null || blink === void 0 ? void 0 : blink.ratio)
-            digitBlinker.ratio = blink.ratio;
-        digitBlinker.subscribe(setVisible);
-        return () => digitBlinker.unsubscribe(setVisible);
-    }, [blink === null || blink === void 0 ? void 0 : blink.period, blink === null || blink === void 0 ? void 0 : blink.ratio]);
-    return (0, jsx_runtime_1.jsx)(Digit_1.Digit, Object.assign({}, rest, { off: rest.off || !visible }));
-});

package/lib/components/Digit/Digit.d.ts

@@ -1,25 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { SevenSegmentsValue } from './utils/charToSevenSegments';
-import './digit.css';
-type NumValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
-type DigitValue = NumValue | SevenSegmentsValue | 'am' | 'pm' | ':' | '.';
-type DivProps = React.HTMLAttributes<HTMLDivElement>;
-type DigitProps = {
-    off?: boolean;
-    shape?: 'arduino' | 'diamond' | 'rect' | 'round' | 'pill';
-    value: DigitValue;
-};
-type SegmentStyle = {
-    color?: CSSProperties['color'];
-    length?: CSSProperties['width'];
-    thickness?: CSSProperties['width'];
-    spacing?: CSSProperties['width'];
-    filament?: CSSProperties['width'];
-    opacityOn?: CSSProperties['opacity'];
-    opacityOff?: CSSProperties['opacity'];
-};
-export type Digit = DivProps & DigitProps & {
-    segmentStyle?: SegmentStyle;
-};
-export declare const Digit: ({ segmentStyle, value, ...rest }: Digit) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/components/Digit/Digit.js

@@ -1,89 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const charToSevenSegments_1 = require("./utils/charToSevenSegments");
-require("./digit.css");
-const Digit = (_a) => {
-    var { segmentStyle, value } = _a, rest = __rest(_a, ["segmentStyle", "value"]);
-    const type = valueToType(value);
-    const segments = type && valueToSegments(value); // {A: true, ...}
-    const sx = Object.assign({ '--segment-color': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.color, '--segment-thickness': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.thickness, '--segment-spacing': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.spacing, '--segment-length': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.length, '--segment-filament': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.filament, '--segment-opacity-on': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.opacityOn, '--segment-opacity-off': segmentStyle === null || segmentStyle === void 0 ? void 0 : segmentStyle.opacityOff }, rest.style);
-    if (type === 'digit')
-        return (0, jsx_runtime_1.jsx)(DigitSegments, Object.assign({}, rest, segments, { style: sx }));
-    if (type === 'colon')
-        return (0, jsx_runtime_1.jsx)(ColonSegments, Object.assign({}, rest, segments, { style: sx }));
-    if (type === 'ampm')
-        return (0, jsx_runtime_1.jsx)(AmpmSegments, Object.assign({}, rest, segments, { style: sx }));
-    if (type === 'dot')
-        return (0, jsx_runtime_1.jsx)(DotSegments, Object.assign({}, rest, segments, { style: sx }));
-    console.warn(`Digit.tsx: incompatible value: ${value.toString()}`);
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { className: (0, classnames_1.default)('digit unknown', rest.className) }));
-};
-exports.Digit = Digit;
-const DigitSegments = (_a) => {
-    var { className, off, shape, A, B, C, D, E, F, G } = _a, rest = __rest(_a, ["className", "off", "shape", "A", "B", "C", "D", "E", "F", "G"]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('digit', shapeCx(shape), className) }, rest, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "opacity-wrapper off", children: [(0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(A, off), 'segment A horizontal') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(B, off), 'segment B vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(C, off), 'segment C vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(D, off), 'segment D horizontal') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(E, off), 'segment E vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(F, off), 'segment F vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(G, off), 'segment G horizontal') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "opacity-wrapper on", children: [(0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(A, off), 'segment A horizontal') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(B, off), 'segment B vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(C, off), 'segment C vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(D, off), 'segment D horizontal') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(E, off), 'segment E vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(F, off), 'segment F vertical') }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)(onOffCx(G, off), 'segment G horizontal') })] })] })));
-};
-const AmpmSegments = (_a) => {
-    var { className, off, shape, AM, PM } = _a, rest = __rest(_a, ["className", "off", "shape", "AM", "PM"]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('digit ampm', shapeCx(shape), className) }, rest, { children: [(0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)('segment AM', onOffCx(AM, off)) }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)('segment PM', onOffCx(PM, off)) })] })));
-};
-const ColonSegments = (_a) => {
-    var { className, off, shape = 'pill', D1, D2 } = _a, rest = __rest(_a, ["className", "off", "shape", "D1", "D2"]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('digit colon', shapeCx(shape), className) }, rest, { children: [(0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)('segment D1', onOffCx(D1, off)) }), (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)('segment D2', onOffCx(D2, off)) })] })));
-};
-const DotSegments = (_a) => {
-    var { className, off, shape = 'pill', DP } = _a, rest = __rest(_a, ["className", "off", "shape", "DP"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('digit dot', shapeCx(shape), className) }, rest, { children: (0, jsx_runtime_1.jsx)("i", { className: (0, classnames_1.default)('segment DP', onOffCx(DP, off)) }) })));
-};
-const charset = new Set(Object.keys(charToSevenSegments_1.charToSevenSegments));
-function valueToType(v) {
-    const str = v.toString();
-    if (str === ':')
-        return 'colon';
-    if (str === '.')
-        return 'dot';
-    if (str.toLowerCase() === 'am' || str.toLowerCase() === 'pm')
-        return 'ampm';
-    if (charset.has(str))
-        return 'digit';
-    return undefined;
-}
-function valueToSegments(v) {
-    const str = v === null || v === void 0 ? void 0 : v.toString();
-    if (str.toLowerCase() === 'am')
-        return { AM: true };
-    if (str.toLowerCase() === 'pm')
-        return { PM: true };
-    if (str === ':')
-        return { D1: true, D2: true };
-    if (str === '.')
-        return { DP: true };
-    const segments = charToSevenSegments_1.charToSevenSegments[str];
-    return stringToProps(segments);
-}
-// Convert "AB" into object {A: true, B: true}
-const stringToProps = (str) => Object.fromEntries(Array.from(str).map(char => [char, true]));
-const onOffCx = (value, off) => value && !off ? 'on' : 'off';
-const shapeCx = (shape) => {
-    if (!shape) {
-        return null;
-    }
-    return 'shape-' + shape;
-};

package/lib/components/Digit/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Digit';
-export * from './BlinkingDigit';
-export * from './utils';

package/lib/components/Digit/index.js

@@ -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("./Digit"), exports);
-__exportStar(require("./BlinkingDigit"), exports);
-__exportStar(require("./utils"), exports);

package/lib/components/Digit/utils/Blinker.d.ts

@@ -1,31 +0,0 @@
-type BlinkerSubscriber = (state: BlinkerState['visible']) => void;
-type BlinkerState = {
-    timeout: null | ReturnType<typeof setTimeout>;
-    subscribers: BlinkerSubscriber[];
-    period: number;
-    ratio: number;
-    visible: boolean;
-    blinks: number;
-};
-type BlinkerOptions = {
-    autoRun?: boolean;
-    period?: BlinkerState['period'];
-    ratio?: BlinkerState['ratio'];
-    visible?: BlinkerState['visible'];
-};
-export declare class Blinker {
-    #private;
-    private static instance;
-    constructor(options?: BlinkerOptions);
-    get period(): BlinkerState['period'];
-    get ratio(): BlinkerState['ratio'];
-    get visible(): BlinkerState['visible'];
-    set period(val: BlinkerState['period']);
-    set ratio(val: BlinkerState['ratio']);
-    set visible(val: BlinkerState['visible']);
-    start(visible?: boolean): void;
-    stop(): void;
-    subscribe(fn: BlinkerSubscriber): void;
-    unsubscribe(fn: BlinkerSubscriber): void;
-}
-export {};

package/lib/components/Digit/utils/Blinker.js

@@ -1,107 +0,0 @@
-"use strict";
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _Blinker_instances, _Blinker_initOptions, _Blinker_state, _Blinker_on, _Blinker_off;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Blinker = void 0;
-const defaultOptions = {
-    autoRun: true,
-    period: 1000,
-    ratio: 1,
-    visible: true,
-};
-class Blinker {
-    constructor(options = defaultOptions) {
-        _Blinker_instances.add(this);
-        _Blinker_initOptions.set(this, defaultOptions); // store options
-        _Blinker_state.set(this, {
-            timeout: null,
-            subscribers: [],
-            period: defaultOptions.period,
-            ratio: defaultOptions.ratio,
-            visible: defaultOptions.visible,
-            blinks: 0,
-        });
-        if (!Blinker.instance) {
-            Blinker.instance = this;
-            __classPrivateFieldSet(this, _Blinker_initOptions, Object.assign(Object.assign({}, defaultOptions), options), "f");
-            __classPrivateFieldGet(this, _Blinker_state, "f").period = __classPrivateFieldGet(this, _Blinker_initOptions, "f").period;
-            __classPrivateFieldGet(this, _Blinker_state, "f").ratio = __classPrivateFieldGet(this, _Blinker_initOptions, "f").ratio;
-            __classPrivateFieldGet(this, _Blinker_state, "f").visible = __classPrivateFieldGet(this, _Blinker_initOptions, "f").visible;
-            if (__classPrivateFieldGet(this, _Blinker_initOptions, "f").autoRun)
-                this.start();
-        }
-        return Blinker.instance;
-    }
-    get period() {
-        return __classPrivateFieldGet(this, _Blinker_state, "f").period;
-    }
-    get ratio() {
-        return __classPrivateFieldGet(this, _Blinker_state, "f").ratio;
-    }
-    get visible() {
-        return __classPrivateFieldGet(this, _Blinker_state, "f").visible;
-    }
-    set period(val) {
-        if (val !== __classPrivateFieldGet(this, _Blinker_state, "f").period && val !== 0) {
-            __classPrivateFieldGet(this, _Blinker_state, "f").period = Math.abs(val);
-            this.start();
-        }
-    }
-    set ratio(val) {
-        if (val !== __classPrivateFieldGet(this, _Blinker_state, "f").ratio && val !== 0) {
-            __classPrivateFieldGet(this, _Blinker_state, "f").ratio = Math.abs(val);
-            this.start();
-        }
-    }
-    set visible(val) {
-        if (val !== __classPrivateFieldGet(this, _Blinker_state, "f").visible) {
-            __classPrivateFieldGet(this, _Blinker_state, "f").visible = val;
-            this.start();
-        }
-    }
-    start(visible = __classPrivateFieldGet(this, _Blinker_state, "f").visible) {
-        if (__classPrivateFieldGet(this, _Blinker_state, "f").timeout)
-            this.stop();
-        visible ? __classPrivateFieldGet(this, _Blinker_instances, "m", _Blinker_on).call(this) : __classPrivateFieldGet(this, _Blinker_instances, "m", _Blinker_off).call(this); // start blinking
-    }
-    stop() {
-        __classPrivateFieldGet(this, _Blinker_state, "f").timeout && clearTimeout(__classPrivateFieldGet(this, _Blinker_state, "f").timeout);
-        __classPrivateFieldGet(this, _Blinker_state, "f").timeout = null;
-    }
-    subscribe(fn) {
-        if (!__classPrivateFieldGet(this, _Blinker_state, "f").subscribers.includes(fn)) {
-            __classPrivateFieldGet(this, _Blinker_state, "f").subscribers.push(fn);
-        }
-        console.log('subscribe()', __classPrivateFieldGet(this, _Blinker_state, "f").subscribers, __classPrivateFieldGet(this, _Blinker_state, "f").blinks);
-    }
-    unsubscribe(fn) {
-        __classPrivateFieldGet(this, _Blinker_state, "f").subscribers = __classPrivateFieldGet(this, _Blinker_state, "f").subscribers.filter(i => i !== fn);
-        console.log('unsubscribe()', __classPrivateFieldGet(this, _Blinker_state, "f").subscribers, __classPrivateFieldGet(this, _Blinker_state, "f").blinks);
-    }
-}
-exports.Blinker = Blinker;
-_Blinker_initOptions = new WeakMap(), _Blinker_state = new WeakMap(), _Blinker_instances = new WeakSet(), _Blinker_on = function _Blinker_on() {
-    __classPrivateFieldGet(this, _Blinker_state, "f").blinks++;
-    __classPrivateFieldGet(this, _Blinker_state, "f").visible = true;
-    __classPrivateFieldGet(this, _Blinker_state, "f").subscribers.forEach(fn => fn(true));
-    __classPrivateFieldGet(this, _Blinker_state, "f").timeout = setTimeout(() => {
-        __classPrivateFieldGet(this, _Blinker_instances, "m", _Blinker_off).call(this);
-    }, __classPrivateFieldGet(this, _Blinker_state, "f").period * __classPrivateFieldGet(this, _Blinker_state, "f").ratio);
-}, _Blinker_off = function _Blinker_off() {
-    __classPrivateFieldGet(this, _Blinker_state, "f").blinks++;
-    __classPrivateFieldGet(this, _Blinker_state, "f").visible = false;
-    __classPrivateFieldGet(this, _Blinker_state, "f").subscribers.forEach(fn => fn(false));
-    __classPrivateFieldGet(this, _Blinker_state, "f").timeout = setTimeout(() => {
-        __classPrivateFieldGet(this, _Blinker_instances, "m", _Blinker_on).call(this);
-    }, __classPrivateFieldGet(this, _Blinker_state, "f").period / __classPrivateFieldGet(this, _Blinker_state, "f").ratio);
-};

package/lib/components/Digit/utils/blinkSingleton.d.ts

@@ -1,23 +0,0 @@
-type BlinkSubscriber = (state: BlinkSingleton['visible']) => void;
-type BlinkSingletonOptions = {
-    autoRun?: boolean;
-    period?: BlinkSingleton['period'];
-    ratio?: BlinkSingleton['ratio'];
-    visible?: BlinkSingleton['visible'];
-};
-export type BlinkSingleton = {
-    period: number;
-    ratio: number;
-    visible: boolean;
-    subscribe: (fn: BlinkSubscriber) => void;
-    unsubscribe: (fn: BlinkSubscriber) => void;
-    run: (opts?: BlinkSingletonOptions) => void;
-    stop: () => void;
-};
-export declare const blinkSingleton: (opts?: {
-    autoRun: boolean;
-    period: number;
-    ratio: number;
-    visible: boolean;
-}) => BlinkSingleton;
-export {};

package/lib/components/Digit/utils/blinkSingleton.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.blinkSingleton = void 0;
-const defaultOpts = {
-    autoRun: true,
-    period: 1000,
-    ratio: 1,
-    visible: true,
-};
-const handler = {
-    timeout: null,
-    subscribers: [],
-    on(i) {
-        i.visible = true;
-        this.subscribers.forEach(fn => fn(true));
-        this.timeout = setTimeout(() => {
-            this.off(i);
-        }, i.period * i.ratio);
-    },
-    off(i) {
-        i.visible = false;
-        this.subscribers.forEach(fn => fn(false));
-        this.timeout = setTimeout(() => {
-            this.on(i);
-        }, i.period / i.ratio);
-    },
-};
-const blinkSingleton = (opts = defaultOpts) => {
-    const options = Object.assign(Object.assign({}, defaultOpts), opts);
-    const instance = {
-        period: options.period,
-        visible: options.visible,
-        ratio: options.ratio,
-        run(opts2 = options) {
-            const options2 = Object.assign(Object.assign({}, options), opts2);
-            if (handler.timeout) {
-                if (this.period === options2.period &&
-                    this.visible === options2.visible &&
-                    this.ratio === options2.ratio)
-                    return; // if nothing has changed, keep running
-                this.stop();
-            }
-            this.period = options2.period;
-            this.ratio = options2.ratio;
-            this.visible = options2.visible;
-            this.visible ? handler.on(this) : handler.off(this); // run here
-        },
-        stop() {
-            handler.timeout && clearTimeout(handler.timeout);
-            handler.timeout = null;
-        },
-        subscribe(fn) {
-            if (!handler.subscribers.includes(fn)) {
-                handler.subscribers.push(fn);
-            }
-        },
-        unsubscribe(fn) {
-            handler.subscribers.filter(i => i !== fn);
-        },
-    };
-    options.autoRun && instance.run();
-    return instance;
-};
-exports.blinkSingleton = blinkSingleton;

package/lib/components/Digit/utils/charToSevenSegments.d.ts

@@ -1,17 +0,0 @@
-export type SevenSegmentsValue = DigitNumber | DigitSpecial | DigitLetter;
-type DigitNumber = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
-type DigitSpecial = '_' | '-';
-type DigitLetter = 'A' | 'C' | 'E' | 'F' | 'H' | 'J' | 'L' | 'O' | 'P' | 'S' | 'U' | 'Y' | 'c' | 'b' | 'd' | 'h' | 'n' | 'o' | 'r' | 'u';
-/**
- *
- *   A
- * F   B      D2      AM
- *   G
- * E   C      D1      PM
- *   D       DP
- *
- */
-export declare const charToSevenSegments: {
-    [keyName in SevenSegmentsValue]: string;
-};
-export {};

package/lib/components/Digit/utils/charToSevenSegments.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.charToSevenSegments = void 0;
-/**
- *
- *   A
- * F   B      D2      AM
- *   G
- * E   C      D1      PM
- *   D       DP
- *
- */
-exports.charToSevenSegments = {
-    _: 'D',
-    '-': 'G',
-    '0': 'ABCDEF',
-    '1': 'BC',
-    '2': 'ABDEG',
-    '3': 'ABCDG',
-    '4': 'BCFG',
-    '5': 'ACDFG',
-    '6': 'ACDEFG',
-    '7': 'ABC',
-    '8': 'ABCDEFG',
-    '9': 'ABCDFG',
-    A: 'ABCEFG',
-    C: 'ADEF',
-    E: 'ADEFG',
-    F: 'AEFG',
-    H: 'BCEFG',
-    J: 'BCDE',
-    L: 'DEF',
-    O: 'ABCDEF',
-    P: 'ABEFG',
-    S: 'ACDFG',
-    U: 'BCDEF',
-    Y: 'BCDFG',
-    c: 'DEG',
-    b: 'CDEFG',
-    d: 'BCDEG',
-    h: 'CEFG',
-    n: 'CEG',
-    o: 'CDEG',
-    r: 'EG',
-    u: 'CDE',
-};

package/lib/components/Digit/utils/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Blinker';
-export * from './charToSevenSegments';

package/lib/components/Digit/utils/index.js

@@ -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("./Blinker"), exports);
-__exportStar(require("./charToSevenSegments"), exports);

package/lib/components/index.d.ts

@@ -1 +0,0 @@
-export * from './Digit';

package/lib/components/index.js

@@ -1,17 +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("./Digit"), exports);