@kitsuyui/react-binary 0.1.7 → 0.2.1

package/dist/Binary.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`react`);t=e.t(t);let n=require(`react/jsx-runtime`);const r=e=>{let{value:r,bitElement:i}=e,a=(r|0).toString(2).split(``),o=a.length,s=e.length??o,c=Math.max(0,o-s),l=Math.max(0,s-o),u=Math.max(s,o);return(0,n.jsx)(n.Fragment,{children:Array.from(Array(u)).map((e,n)=>{let r=a[o-u+n]===`1`,s=n,d=s<c,f=s<l;return t.default.createElement(i,{key:n,stand:r,overflow:d,zeroPadding:f,littleEndianBitOrder:u-n-1,bigEndianBitOrder:s})})})};exports.Bits=r;
+//# sourceMappingURL=Binary.cjs.map

package/dist/Binary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Binary.cjs","names":["React"],"sources":["../src/Binary.tsx"],"sourcesContent":["import React from 'react'\n\n/**\n * BitProps is a type that represents the properties of a bit.\n */\nexport type BitProps = {\n  stand: boolean\n}\n\n/**\n * EnhancedBitProps is a type that adds the following properties to BitProps.\n * - overflow: If true, this means that bit is out of range.\n * - zeroPadding: If true, this means that bit is padded with zero.\n */\nexport type EnhancedBitProps = BitProps & {\n  overflow?: boolean\n  zeroPadding?: boolean\n  littleEndianBitOrder: number\n  bigEndianBitOrder: number\n}\n\nexport type BitElement = React.FC<EnhancedBitProps>\n\n/**\n * Bit is a component that displays a bit.\n * This component supports the behavior of zero padding and overflow.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const Bits = (props: {\n  value: number\n  bitElement: BitElement\n  length?: number | undefined\n}): React.JSX.Element => {\n  const { value, bitElement } = props\n  const bits = (value | 0).toString(2).split('')\n  const bitLength = bits.length\n  const length = props.length ?? bitLength\n  const overflowLength = Math.max(0, bitLength - length)\n  const zeroPaddingLength = Math.max(0, length - bitLength)\n  const representLength = Math.max(length, bitLength)\n  const elements = Array.from(Array(representLength)).map((_, index) => {\n    const stand = bits[bitLength - representLength + index] === '1'\n    const bigEndianBitOrder = index\n    const overflow = bigEndianBitOrder < overflowLength\n    const zeroPadding = bigEndianBitOrder < zeroPaddingLength\n    return React.createElement(bitElement, {\n      key: index,\n      stand,\n      overflow,\n      zeroPadding,\n      littleEndianBitOrder: representLength - index - 1,\n      bigEndianBitOrder,\n    })\n  })\n  return <>{elements}</>\n}\n"],"mappings":"8KA6BA,MAAa,EAAQ,GAII,CACvB,GAAM,CAAE,QAAO,cAAe,EACxB,GAAQ,EAAQ,GAAG,SAAS,EAAE,CAAC,MAAM,GAAG,CACxC,EAAY,EAAK,OACjB,EAAS,EAAM,QAAU,EACzB,EAAiB,KAAK,IAAI,EAAG,EAAY,EAAO,CAChD,EAAoB,KAAK,IAAI,EAAG,EAAS,EAAU,CACnD,EAAkB,KAAK,IAAI,EAAQ,EAAU,CAenD,OAAO,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SAdU,MAAM,KAAK,MAAM,EAAgB,CAAC,CAAC,KAAK,EAAG,IAAU,CACpE,IAAM,EAAQ,EAAK,EAAY,EAAkB,KAAW,IACtD,EAAoB,EACpB,EAAW,EAAoB,EAC/B,EAAc,EAAoB,EACxC,OAAOA,EAAAA,QAAM,cAAc,EAAY,CACrC,IAAK,EACL,QACA,WACA,cACA,qBAAsB,EAAkB,EAAQ,EAChD,oBACD,CAAC,EACF,CAAA,CACoB"}

package/dist/{Binary.d.mts → Binary.d.cts}

@@ -1,10 +1,11 @@
-import React from 'react';
+import React from "react";
 
+//#region src/Binary.d.ts
 /**
  * BitProps is a type that represents the properties of a bit.
  */
 type BitProps = {
-    stand: boolean;
+  stand: boolean;
 };
 /**
  * EnhancedBitProps is a type that adds the following properties to BitProps.
@@ -12,10 +13,10 @@ type BitProps = {
  * - zeroPadding: If true, this means that bit is padded with zero.
  */
 type EnhancedBitProps = BitProps & {
-    overflow?: boolean;
-    zeroPadding?: boolean;
-    littleEndianBitOrder: number;
-    bigEndianBitOrder: number;
+  overflow?: boolean;
+  zeroPadding?: boolean;
+  littleEndianBitOrder: number;
+  bigEndianBitOrder: number;
 };
 type BitElement = React.FC<EnhancedBitProps>;
 /**
@@ -25,9 +26,10 @@ type BitElement = React.FC<EnhancedBitProps>;
  * @returns A component that displays a bit.
  */
 declare const Bits: (props: {
-    value: number;
-    bitElement: BitElement;
-    length?: number | undefined;
+  value: number;
+  bitElement: BitElement;
+  length?: number | undefined;
 }) => React.JSX.Element;
-
-export { type BitElement, type BitProps, Bits, type EnhancedBitProps };
+//#endregion
+export { BitElement, BitProps, Bits, EnhancedBitProps };
+//# sourceMappingURL=Binary.d.cts.map

package/dist/Binary.d.ts

@@ -1,10 +1,11 @@
-import React from 'react';
+import React from "react";
 
+//#region src/Binary.d.ts
 /**
  * BitProps is a type that represents the properties of a bit.
  */
 type BitProps = {
-    stand: boolean;
+  stand: boolean;
 };
 /**
  * EnhancedBitProps is a type that adds the following properties to BitProps.
@@ -12,10 +13,10 @@ type BitProps = {
  * - zeroPadding: If true, this means that bit is padded with zero.
  */
 type EnhancedBitProps = BitProps & {
-    overflow?: boolean;
-    zeroPadding?: boolean;
-    littleEndianBitOrder: number;
-    bigEndianBitOrder: number;
+  overflow?: boolean;
+  zeroPadding?: boolean;
+  littleEndianBitOrder: number;
+  bigEndianBitOrder: number;
 };
 type BitElement = React.FC<EnhancedBitProps>;
 /**
@@ -25,9 +26,10 @@ type BitElement = React.FC<EnhancedBitProps>;
  * @returns A component that displays a bit.
  */
 declare const Bits: (props: {
-    value: number;
-    bitElement: BitElement;
-    length?: number | undefined;
+  value: number;
+  bitElement: BitElement;
+  length?: number | undefined;
 }) => React.JSX.Element;
-
-export { type BitElement, type BitProps, Bits, type EnhancedBitProps };
+//#endregion
+export { BitElement, BitProps, Bits, EnhancedBitProps };
+//# sourceMappingURL=Binary.d.ts.map

package/dist/Binary.js

@@ -1,66 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Binary.tsx
-var Binary_exports = {};
-__export(Binary_exports, {
-  Bits: () => Bits
-});
-module.exports = __toCommonJS(Binary_exports);
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var Bits = (props) => {
-  const { value, bitElement } = props;
-  const bits = (value | 0).toString(2).split("");
-  const bitLength = bits.length;
-  const length = props.length ?? bitLength;
-  const overflowLength = Math.max(0, bitLength - length);
-  const zeroPaddingLength = Math.max(0, length - bitLength);
-  const representLength = Math.max(length, bitLength);
-  const elements = Array.from(Array(representLength)).map((_, index) => {
-    const stand = bits[bitLength - representLength + index] === "1";
-    const bigEndianBitOrder = index;
-    const overflow = bigEndianBitOrder < overflowLength;
-    const zeroPadding = bigEndianBitOrder < zeroPaddingLength;
-    return import_react.default.createElement(bitElement, {
-      key: index,
-      stand,
-      overflow,
-      zeroPadding,
-      littleEndianBitOrder: representLength - index - 1,
-      bigEndianBitOrder
-    });
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: elements });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Bits
-});
+import e from"react";import{Fragment as t,jsx as n}from"react/jsx-runtime";const r=r=>{let{value:i,bitElement:a}=r,o=(i|0).toString(2).split(``),s=o.length,c=r.length??s,l=Math.max(0,s-c),u=Math.max(0,c-s),d=Math.max(c,s);return n(t,{children:Array.from(Array(d)).map((t,n)=>{let r=o[s-d+n]===`1`,i=n,c=i<l,f=i<u;return e.createElement(a,{key:n,stand:r,overflow:c,zeroPadding:f,littleEndianBitOrder:d-n-1,bigEndianBitOrder:i})})})};export{r as Bits};
 //# sourceMappingURL=Binary.js.map

package/dist/Binary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Binary.tsx"],"sourcesContent":["import React from 'react'\n\n/**\n * BitProps is a type that represents the properties of a bit.\n */\nexport type BitProps = {\n  stand: boolean\n}\n\n/**\n * EnhancedBitProps is a type that adds the following properties to BitProps.\n * - overflow: If true, this means that bit is out of range.\n * - zeroPadding: If true, this means that bit is padded with zero.\n */\nexport type EnhancedBitProps = BitProps & {\n  overflow?: boolean\n  zeroPadding?: boolean\n  littleEndianBitOrder: number\n  bigEndianBitOrder: number\n}\n\nexport type BitElement = React.FC<EnhancedBitProps>\n\n/**\n * Bit is a component that displays a bit.\n * This component supports the behavior of zero padding and overflow.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const Bits = (props: {\n  value: number\n  bitElement: BitElement\n  length?: number | undefined\n}): React.JSX.Element => {\n  const { value, bitElement } = props\n  const bits = (value | 0).toString(2).split('')\n  const bitLength = bits.length\n  const length = props.length ?? bitLength\n  const overflowLength = Math.max(0, bitLength - length)\n  const zeroPaddingLength = Math.max(0, length - bitLength)\n  const representLength = Math.max(length, bitLength)\n  const elements = Array.from(Array(representLength)).map((_, index) => {\n    const stand = bits[bitLength - representLength + index] === '1'\n    const bigEndianBitOrder = index\n    const overflow = bigEndianBitOrder < overflowLength\n    const zeroPadding = bigEndianBitOrder < zeroPaddingLength\n    return React.createElement(bitElement, {\n      key: index,\n      stand,\n      overflow,\n      zeroPadding,\n      littleEndianBitOrder: representLength - index - 1,\n      bigEndianBitOrder,\n    })\n  })\n  return <>{elements}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAuDT;AA1BF,IAAM,OAAO,CAAC,UAII;AACvB,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,QAAQ,QAAQ,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE;AAC7C,QAAM,YAAY,KAAK;AACvB,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,iBAAiB,KAAK,IAAI,GAAG,YAAY,MAAM;AACrD,QAAM,oBAAoB,KAAK,IAAI,GAAG,SAAS,SAAS;AACxD,QAAM,kBAAkB,KAAK,IAAI,QAAQ,SAAS;AAClD,QAAM,WAAW,MAAM,KAAK,MAAM,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AACpE,UAAM,QAAQ,KAAK,YAAY,kBAAkB,KAAK,MAAM;AAC5D,UAAM,oBAAoB;AAC1B,UAAM,WAAW,oBAAoB;AACrC,UAAM,cAAc,oBAAoB;AACxC,WAAO,aAAAA,QAAM,cAAc,YAAY;AAAA,MACrC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,sBAAsB,kBAAkB,QAAQ;AAAA,MAChD;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACD,SAAO,2EAAG,oBAAS;AACrB;","names":["React"]}
+{"version":3,"file":"Binary.js","names":[],"sources":["../src/Binary.tsx"],"sourcesContent":["import React from 'react'\n\n/**\n * BitProps is a type that represents the properties of a bit.\n */\nexport type BitProps = {\n  stand: boolean\n}\n\n/**\n * EnhancedBitProps is a type that adds the following properties to BitProps.\n * - overflow: If true, this means that bit is out of range.\n * - zeroPadding: If true, this means that bit is padded with zero.\n */\nexport type EnhancedBitProps = BitProps & {\n  overflow?: boolean\n  zeroPadding?: boolean\n  littleEndianBitOrder: number\n  bigEndianBitOrder: number\n}\n\nexport type BitElement = React.FC<EnhancedBitProps>\n\n/**\n * Bit is a component that displays a bit.\n * This component supports the behavior of zero padding and overflow.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const Bits = (props: {\n  value: number\n  bitElement: BitElement\n  length?: number | undefined\n}): React.JSX.Element => {\n  const { value, bitElement } = props\n  const bits = (value | 0).toString(2).split('')\n  const bitLength = bits.length\n  const length = props.length ?? bitLength\n  const overflowLength = Math.max(0, bitLength - length)\n  const zeroPaddingLength = Math.max(0, length - bitLength)\n  const representLength = Math.max(length, bitLength)\n  const elements = Array.from(Array(representLength)).map((_, index) => {\n    const stand = bits[bitLength - representLength + index] === '1'\n    const bigEndianBitOrder = index\n    const overflow = bigEndianBitOrder < overflowLength\n    const zeroPadding = bigEndianBitOrder < zeroPaddingLength\n    return React.createElement(bitElement, {\n      key: index,\n      stand,\n      overflow,\n      zeroPadding,\n      littleEndianBitOrder: representLength - index - 1,\n      bigEndianBitOrder,\n    })\n  })\n  return <>{elements}</>\n}\n"],"mappings":"2EA6BA,MAAa,EAAQ,GAII,CACvB,GAAM,CAAE,QAAO,cAAe,EACxB,GAAQ,EAAQ,GAAG,SAAS,EAAE,CAAC,MAAM,GAAG,CACxC,EAAY,EAAK,OACjB,EAAS,EAAM,QAAU,EACzB,EAAiB,KAAK,IAAI,EAAG,EAAY,EAAO,CAChD,EAAoB,KAAK,IAAI,EAAG,EAAS,EAAU,CACnD,EAAkB,KAAK,IAAI,EAAQ,EAAU,CAenD,OAAO,EAAA,EAAA,CAAA,SAdU,MAAM,KAAK,MAAM,EAAgB,CAAC,CAAC,KAAK,EAAG,IAAU,CACpE,IAAM,EAAQ,EAAK,EAAY,EAAkB,KAAW,IACtD,EAAoB,EACpB,EAAW,EAAoB,EAC/B,EAAc,EAAoB,EACxC,OAAO,EAAM,cAAc,EAAY,CACrC,IAAK,EACL,QACA,WACA,cACA,qBAAsB,EAAkB,EAAQ,EAChD,oBACD,CAAC,EACF,CAAA,CACoB"}

package/dist/Detailed.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./Binary.cjs`);let t=require(`react/jsx-runtime`);const n=e=>{let{stand:n,overflow:i,zeroPadding:a}=e,o=e.displayLittleEndianBitOrder??!1,s=e.displayBigEndianBitOrder??!1;return(0,t.jsxs)(`div`,{style:{display:`inline-block`,fontFamily:`monospace`,margin:`0.5px`},children:[(0,t.jsx)(`div`,{style:{color:n?`#999999`:`#cccccc`,backgroundColor:n?`#000000`:`#ffffff`,border:i?`1px dotted red`:a?`1px dotted gray`:`1px solid #cccccc`},children:n?`1`:`0`}),o&&(0,t.jsx)(r,{index:e.littleEndianBitOrder}),s&&(0,t.jsx)(r,{index:e.bigEndianBitOrder})]})},r=e=>(0,t.jsx)(`div`,{style:{userSelect:`none`,fontSize:`0.5em`,textAlign:`center`,lineHeight:`1em`},children:e.index}),i=r=>{let i=r.showLittleEndianBitOrder??!1,a=r.showBigEndianBitOrder??!1;return(0,t.jsx)(e.Bits,{value:r.value,length:r.length,bitElement:e=>(0,t.jsx)(n,{...e,displayLittleEndianBitOrder:i,displayBigEndianBitOrder:a})})};exports.DetailedBit=n,exports.DetailedBitString=i;
+//# sourceMappingURL=Detailed.cjs.map

package/dist/Detailed.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Detailed.cjs","names":["Bits"],"sources":["../src/Detailed.tsx"],"sourcesContent":["import type React from 'react'\nimport { Bits, type EnhancedBitProps } from './Binary'\n\nexport type DetailedBitProps = EnhancedBitProps & {\n  displayLittleEndianBitOrder?: boolean | undefined\n  displayBigEndianBitOrder?: boolean | undefined\n}\n\nexport const DetailedBit = (props: DetailedBitProps): React.JSX.Element => {\n  const { stand, overflow, zeroPadding } = props\n  const displayLittleEndianBitOrder = props.displayLittleEndianBitOrder ?? false\n  const displayBigEndianBitOrder = props.displayBigEndianBitOrder ?? false\n  const text = stand ? '1' : '0'\n  const border = overflow\n    ? '1px dotted red'\n    : zeroPadding\n      ? '1px dotted gray'\n      : '1px solid #cccccc'\n  const margin = '0.5px'\n  const color = stand ? '#999999' : '#cccccc'\n  const backgroundColor = stand ? '#000000' : '#ffffff'\n  const fontFamily = 'monospace'\n  return (\n    <div style={{ display: 'inline-block', fontFamily, margin }}>\n      <div\n        style={{\n          color,\n          backgroundColor,\n          border,\n        }}\n      >\n        {text}\n      </div>\n      {displayLittleEndianBitOrder && (\n        <IndexLabel index={props.littleEndianBitOrder} />\n      )}\n      {displayBigEndianBitOrder && (\n        <IndexLabel index={props.bigEndianBitOrder} />\n      )}\n    </div>\n  )\n}\n\nconst IndexLabel = (props: { index: number }): React.JSX.Element => {\n  return (\n    <div\n      style={{\n        userSelect: 'none',\n        fontSize: '0.5em',\n        textAlign: 'center',\n        lineHeight: '1em',\n      }}\n    >\n      {props.index}\n    </div>\n  )\n}\n\nexport const DetailedBitString = (props: {\n  value: number\n  length?: number\n  showLittleEndianBitOrder?: boolean | undefined\n  showBigEndianBitOrder?: boolean | undefined\n}): React.JSX.Element => {\n  const showLittleEndianBitOrder = props.showLittleEndianBitOrder ?? false\n  const showBigEndianBitOrder = props.showBigEndianBitOrder ?? false\n  return (\n    <Bits\n      value={props.value}\n      length={props.length}\n      bitElement={(props) => (\n        <DetailedBit\n          {...props}\n          displayLittleEndianBitOrder={showLittleEndianBitOrder}\n          displayBigEndianBitOrder={showBigEndianBitOrder}\n        />\n      )}\n    />\n  )\n}\n"],"mappings":"sKAQA,MAAa,EAAe,GAA+C,CACzE,GAAM,CAAE,QAAO,WAAU,eAAgB,EACnC,EAA8B,EAAM,6BAA+B,GACnE,EAA2B,EAAM,0BAA4B,GAWnE,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,MAAO,CAAE,QAAS,eAAgB,WAFtB,YAEkC,OALtC,QAK8C,YACzD,EAAA,EAAA,KAAC,MAAA,CACC,MAAO,CACL,MAPM,EAAQ,UAAY,UAQ1B,gBAPgB,EAAQ,UAAY,UAQpC,OAfO,EACX,iBACA,EACE,kBACA,oBAYC,UAjBM,EAAQ,IAAM,KAoBjB,CACL,IACC,EAAA,EAAA,KAAC,EAAA,CAAW,MAAO,EAAM,qBAAA,CAAwB,CAElD,IACC,EAAA,EAAA,KAAC,EAAA,CAAW,MAAO,EAAM,kBAAA,CAAqB,GAE5C,EAIJ,EAAc,IAEhB,EAAA,EAAA,KAAC,MAAA,CACC,MAAO,CACL,WAAY,OACZ,SAAU,QACV,UAAW,SACX,WAAY,MACb,UAEA,EAAM,OACH,CAIG,EAAqB,GAKT,CACvB,IAAM,EAA2B,EAAM,0BAA4B,GAC7D,EAAwB,EAAM,uBAAyB,GAC7D,OACE,EAAA,EAAA,KAACA,EAAAA,KAAAA,CACC,MAAO,EAAM,MACb,OAAQ,EAAM,OACd,WAAa,IACX,EAAA,EAAA,KAAC,EAAA,CACC,GAAI,EACJ,4BAA6B,EAC7B,yBAA0B,GAC1B,EAEJ"}

package/dist/Detailed.d.cts

@@ -0,0 +1,18 @@
+import { EnhancedBitProps } from "./Binary.cjs";
+import React from "react";
+
+//#region src/Detailed.d.ts
+type DetailedBitProps = EnhancedBitProps & {
+  displayLittleEndianBitOrder?: boolean | undefined;
+  displayBigEndianBitOrder?: boolean | undefined;
+};
+declare const DetailedBit: (props: DetailedBitProps) => React.JSX.Element;
+declare const DetailedBitString: (props: {
+  value: number;
+  length?: number;
+  showLittleEndianBitOrder?: boolean | undefined;
+  showBigEndianBitOrder?: boolean | undefined;
+}) => React.JSX.Element;
+//#endregion
+export { DetailedBit, DetailedBitProps, DetailedBitString };
+//# sourceMappingURL=Detailed.d.cts.map

package/dist/Detailed.d.ts

@@ -1,16 +1,18 @@
-import React from 'react';
-import { EnhancedBitProps } from './Binary.js';
+import { EnhancedBitProps } from "./Binary.js";
+import React from "react";
 
+//#region src/Detailed.d.ts
 type DetailedBitProps = EnhancedBitProps & {
-    displayLittleEndianBitOrder?: boolean | undefined;
-    displayBigEndianBitOrder?: boolean | undefined;
+  displayLittleEndianBitOrder?: boolean | undefined;
+  displayBigEndianBitOrder?: boolean | undefined;
 };
 declare const DetailedBit: (props: DetailedBitProps) => React.JSX.Element;
 declare const DetailedBitString: (props: {
-    value: number;
-    length?: number;
-    showLittleEndianBitOrder?: boolean | undefined;
-    showBigEndianBitOrder?: boolean | undefined;
+  value: number;
+  length?: number;
+  showLittleEndianBitOrder?: boolean | undefined;
+  showBigEndianBitOrder?: boolean | undefined;
 }) => React.JSX.Element;
-
-export { DetailedBit, type DetailedBitProps, DetailedBitString };
+//#endregion
+export { DetailedBit, DetailedBitProps, DetailedBitString };
+//# sourceMappingURL=Detailed.d.ts.map

package/dist/Detailed.js

@@ -1,132 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Detailed.tsx
-var Detailed_exports = {};
-__export(Detailed_exports, {
-  DetailedBit: () => DetailedBit,
-  DetailedBitString: () => DetailedBitString
-});
-module.exports = __toCommonJS(Detailed_exports);
-
-// src/Binary.tsx
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var Bits = (props) => {
-  const { value, bitElement } = props;
-  const bits = (value | 0).toString(2).split("");
-  const bitLength = bits.length;
-  const length = props.length ?? bitLength;
-  const overflowLength = Math.max(0, bitLength - length);
-  const zeroPaddingLength = Math.max(0, length - bitLength);
-  const representLength = Math.max(length, bitLength);
-  const elements = Array.from(Array(representLength)).map((_, index) => {
-    const stand = bits[bitLength - representLength + index] === "1";
-    const bigEndianBitOrder = index;
-    const overflow = bigEndianBitOrder < overflowLength;
-    const zeroPadding = bigEndianBitOrder < zeroPaddingLength;
-    return import_react.default.createElement(bitElement, {
-      key: index,
-      stand,
-      overflow,
-      zeroPadding,
-      littleEndianBitOrder: representLength - index - 1,
-      bigEndianBitOrder
-    });
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: elements });
-};
-
-// src/Detailed.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var DetailedBit = (props) => {
-  const { stand, overflow, zeroPadding } = props;
-  const displayLittleEndianBitOrder = props.displayLittleEndianBitOrder ?? false;
-  const displayBigEndianBitOrder = props.displayBigEndianBitOrder ?? false;
-  const text = stand ? "1" : "0";
-  const border = overflow ? "1px dotted red" : zeroPadding ? "1px dotted gray" : "1px solid #cccccc";
-  const margin = "0.5px";
-  const color = stand ? "#999999" : "#cccccc";
-  const backgroundColor = stand ? "#000000" : "#ffffff";
-  const fontFamily = "monospace";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "inline-block", fontFamily, margin }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "div",
-      {
-        style: {
-          color,
-          backgroundColor,
-          border
-        },
-        children: text
-      }
-    ),
-    displayLittleEndianBitOrder && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IndexLabel, { index: props.littleEndianBitOrder }),
-    displayBigEndianBitOrder && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IndexLabel, { index: props.bigEndianBitOrder })
-  ] });
-};
-var IndexLabel = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "div",
-    {
-      style: {
-        userSelect: "none",
-        fontSize: "0.5em",
-        textAlign: "center",
-        lineHeight: "1em"
-      },
-      children: props.index
-    }
-  );
-};
-var DetailedBitString = (props) => {
-  const showLittleEndianBitOrder = props.showLittleEndianBitOrder ?? false;
-  const showBigEndianBitOrder = props.showBigEndianBitOrder ?? false;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    Bits,
-    {
-      value: props.value,
-      length: props.length,
-      bitElement: (props2) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        DetailedBit,
-        {
-          ...props2,
-          displayLittleEndianBitOrder: showLittleEndianBitOrder,
-          displayBigEndianBitOrder: showBigEndianBitOrder
-        }
-      )
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DetailedBit,
-  DetailedBitString
-});
+import{Bits as e}from"./Binary.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=e=>{let{stand:r,overflow:a,zeroPadding:o}=e,s=e.displayLittleEndianBitOrder??!1,c=e.displayBigEndianBitOrder??!1;return n(`div`,{style:{display:`inline-block`,fontFamily:`monospace`,margin:`0.5px`},children:[t(`div`,{style:{color:r?`#999999`:`#cccccc`,backgroundColor:r?`#000000`:`#ffffff`,border:a?`1px dotted red`:o?`1px dotted gray`:`1px solid #cccccc`},children:r?`1`:`0`}),s&&t(i,{index:e.littleEndianBitOrder}),c&&t(i,{index:e.bigEndianBitOrder})]})},i=e=>t(`div`,{style:{userSelect:`none`,fontSize:`0.5em`,textAlign:`center`,lineHeight:`1em`},children:e.index}),a=n=>{let i=n.showLittleEndianBitOrder??!1,a=n.showBigEndianBitOrder??!1;return t(e,{value:n.value,length:n.length,bitElement:e=>t(r,{...e,displayLittleEndianBitOrder:i,displayBigEndianBitOrder:a})})};export{r as DetailedBit,a as DetailedBitString};
 //# sourceMappingURL=Detailed.js.map

package/dist/Detailed.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Detailed.tsx","../src/Binary.tsx"],"sourcesContent":["import React from 'react'\nimport { Bits, EnhancedBitProps } from './Binary'\n\nexport type DetailedBitProps = EnhancedBitProps & {\n  displayLittleEndianBitOrder?: boolean | undefined\n  displayBigEndianBitOrder?: boolean | undefined\n}\n\nexport const DetailedBit = (props: DetailedBitProps): React.JSX.Element => {\n  const { stand, overflow, zeroPadding } = props\n  const displayLittleEndianBitOrder = props.displayLittleEndianBitOrder ?? false\n  const displayBigEndianBitOrder = props.displayBigEndianBitOrder ?? false\n  const text = stand ? '1' : '0'\n  const border = overflow\n    ? '1px dotted red'\n    : zeroPadding\n      ? '1px dotted gray'\n      : '1px solid #cccccc'\n  const margin = '0.5px'\n  const color = stand ? '#999999' : '#cccccc'\n  const backgroundColor = stand ? '#000000' : '#ffffff'\n  const fontFamily = 'monospace'\n  return (\n    <div style={{ display: 'inline-block', fontFamily, margin }}>\n      <div\n        style={{\n          color,\n          backgroundColor,\n          border,\n        }}\n      >\n        {text}\n      </div>\n      {displayLittleEndianBitOrder && (\n        <IndexLabel index={props.littleEndianBitOrder} />\n      )}\n      {displayBigEndianBitOrder && (\n        <IndexLabel index={props.bigEndianBitOrder} />\n      )}\n    </div>\n  )\n}\n\nconst IndexLabel = (props: { index: number }): React.JSX.Element => {\n  return (\n    <div\n      style={{\n        userSelect: 'none',\n        fontSize: '0.5em',\n        textAlign: 'center',\n        lineHeight: '1em',\n      }}\n    >\n      {props.index}\n    </div>\n  )\n}\n\nexport const DetailedBitString = (props: {\n  value: number\n  length?: number\n  showLittleEndianBitOrder?: boolean | undefined\n  showBigEndianBitOrder?: boolean | undefined\n}): React.JSX.Element => {\n  const showLittleEndianBitOrder = props.showLittleEndianBitOrder ?? false\n  const showBigEndianBitOrder = props.showBigEndianBitOrder ?? false\n  return (\n    <Bits\n      value={props.value}\n      length={props.length}\n      bitElement={(props) => (\n        <DetailedBit\n          {...props}\n          displayLittleEndianBitOrder={showLittleEndianBitOrder}\n          displayBigEndianBitOrder={showBigEndianBitOrder}\n        />\n      )}\n    />\n  )\n}\n","import React from 'react'\n\n/**\n * BitProps is a type that represents the properties of a bit.\n */\nexport type BitProps = {\n  stand: boolean\n}\n\n/**\n * EnhancedBitProps is a type that adds the following properties to BitProps.\n * - overflow: If true, this means that bit is out of range.\n * - zeroPadding: If true, this means that bit is padded with zero.\n */\nexport type EnhancedBitProps = BitProps & {\n  overflow?: boolean\n  zeroPadding?: boolean\n  littleEndianBitOrder: number\n  bigEndianBitOrder: number\n}\n\nexport type BitElement = React.FC<EnhancedBitProps>\n\n/**\n * Bit is a component that displays a bit.\n * This component supports the behavior of zero padding and overflow.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const Bits = (props: {\n  value: number\n  bitElement: BitElement\n  length?: number | undefined\n}): React.JSX.Element => {\n  const { value, bitElement } = props\n  const bits = (value | 0).toString(2).split('')\n  const bitLength = bits.length\n  const length = props.length ?? bitLength\n  const overflowLength = Math.max(0, bitLength - length)\n  const zeroPaddingLength = Math.max(0, length - bitLength)\n  const representLength = Math.max(length, bitLength)\n  const elements = Array.from(Array(representLength)).map((_, index) => {\n    const stand = bits[bitLength - representLength + index] === '1'\n    const bigEndianBitOrder = index\n    const overflow = bigEndianBitOrder < overflowLength\n    const zeroPadding = bigEndianBitOrder < zeroPaddingLength\n    return React.createElement(bitElement, {\n      key: index,\n      stand,\n      overflow,\n      zeroPadding,\n      littleEndianBitOrder: representLength - index - 1,\n      bigEndianBitOrder,\n    })\n  })\n  return <>{elements}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAuDT;AA1BF,IAAM,OAAO,CAAC,UAII;AACvB,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,QAAQ,QAAQ,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE;AAC7C,QAAM,YAAY,KAAK;AACvB,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,iBAAiB,KAAK,IAAI,GAAG,YAAY,MAAM;AACrD,QAAM,oBAAoB,KAAK,IAAI,GAAG,SAAS,SAAS;AACxD,QAAM,kBAAkB,KAAK,IAAI,QAAQ,SAAS;AAClD,QAAM,WAAW,MAAM,KAAK,MAAM,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AACpE,UAAM,QAAQ,KAAK,YAAY,kBAAkB,KAAK,MAAM;AAC5D,UAAM,oBAAoB;AAC1B,UAAM,WAAW,oBAAoB;AACrC,UAAM,cAAc,oBAAoB;AACxC,WAAO,aAAAA,QAAM,cAAc,YAAY;AAAA,MACrC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,sBAAsB,kBAAkB,QAAQ;AAAA,MAChD;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACD,SAAO,2EAAG,oBAAS;AACrB;;;ADjCI,IAAAC,sBAAA;AAfG,IAAM,cAAc,CAAC,UAA+C;AACzE,QAAM,EAAE,OAAO,UAAU,YAAY,IAAI;AACzC,QAAM,8BAA8B,MAAM,+BAA+B;AACzE,QAAM,2BAA2B,MAAM,4BAA4B;AACnE,QAAM,OAAO,QAAQ,MAAM;AAC3B,QAAM,SAAS,WACX,mBACA,cACE,oBACA;AACN,QAAM,SAAS;AACf,QAAM,QAAQ,QAAQ,YAAY;AAClC,QAAM,kBAAkB,QAAQ,YAAY;AAC5C,QAAM,aAAa;AACnB,SACE,8CAAC,SAAI,OAAO,EAAE,SAAS,gBAAgB,YAAY,OAAO,GACxD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACC,+BACC,6CAAC,cAAW,OAAO,MAAM,sBAAsB;AAAA,IAEhD,4BACC,6CAAC,cAAW,OAAO,MAAM,mBAAmB;AAAA,KAEhD;AAEJ;AAEA,IAAM,aAAa,CAAC,UAAgD;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,QACX,YAAY;AAAA,MACd;AAAA,MAEC,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,oBAAoB,CAAC,UAKT;AACvB,QAAM,2BAA2B,MAAM,4BAA4B;AACnE,QAAM,wBAAwB,MAAM,yBAAyB;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,YAAY,CAACC,WACX;AAAA,QAAC;AAAA;AAAA,UACE,GAAGA;AAAA,UACJ,6BAA6B;AAAA,UAC7B,0BAA0B;AAAA;AAAA,MAC5B;AAAA;AAAA,EAEJ;AAEJ;","names":["React","import_jsx_runtime","props"]}
+{"version":3,"file":"Detailed.js","names":[],"sources":["../src/Detailed.tsx"],"sourcesContent":["import type React from 'react'\nimport { Bits, type EnhancedBitProps } from './Binary'\n\nexport type DetailedBitProps = EnhancedBitProps & {\n  displayLittleEndianBitOrder?: boolean | undefined\n  displayBigEndianBitOrder?: boolean | undefined\n}\n\nexport const DetailedBit = (props: DetailedBitProps): React.JSX.Element => {\n  const { stand, overflow, zeroPadding } = props\n  const displayLittleEndianBitOrder = props.displayLittleEndianBitOrder ?? false\n  const displayBigEndianBitOrder = props.displayBigEndianBitOrder ?? false\n  const text = stand ? '1' : '0'\n  const border = overflow\n    ? '1px dotted red'\n    : zeroPadding\n      ? '1px dotted gray'\n      : '1px solid #cccccc'\n  const margin = '0.5px'\n  const color = stand ? '#999999' : '#cccccc'\n  const backgroundColor = stand ? '#000000' : '#ffffff'\n  const fontFamily = 'monospace'\n  return (\n    <div style={{ display: 'inline-block', fontFamily, margin }}>\n      <div\n        style={{\n          color,\n          backgroundColor,\n          border,\n        }}\n      >\n        {text}\n      </div>\n      {displayLittleEndianBitOrder && (\n        <IndexLabel index={props.littleEndianBitOrder} />\n      )}\n      {displayBigEndianBitOrder && (\n        <IndexLabel index={props.bigEndianBitOrder} />\n      )}\n    </div>\n  )\n}\n\nconst IndexLabel = (props: { index: number }): React.JSX.Element => {\n  return (\n    <div\n      style={{\n        userSelect: 'none',\n        fontSize: '0.5em',\n        textAlign: 'center',\n        lineHeight: '1em',\n      }}\n    >\n      {props.index}\n    </div>\n  )\n}\n\nexport const DetailedBitString = (props: {\n  value: number\n  length?: number\n  showLittleEndianBitOrder?: boolean | undefined\n  showBigEndianBitOrder?: boolean | undefined\n}): React.JSX.Element => {\n  const showLittleEndianBitOrder = props.showLittleEndianBitOrder ?? false\n  const showBigEndianBitOrder = props.showBigEndianBitOrder ?? false\n  return (\n    <Bits\n      value={props.value}\n      length={props.length}\n      bitElement={(props) => (\n        <DetailedBit\n          {...props}\n          displayLittleEndianBitOrder={showLittleEndianBitOrder}\n          displayBigEndianBitOrder={showBigEndianBitOrder}\n        />\n      )}\n    />\n  )\n}\n"],"mappings":"qFAQA,MAAa,EAAe,GAA+C,CACzE,GAAM,CAAE,QAAO,WAAU,eAAgB,EACnC,EAA8B,EAAM,6BAA+B,GACnE,EAA2B,EAAM,0BAA4B,GAWnE,OACE,EAAC,MAAA,CAAI,MAAO,CAAE,QAAS,eAAgB,WAFtB,YAEkC,OALtC,QAK8C,WACzD,EAAC,MAAA,CACC,MAAO,CACL,MAPM,EAAQ,UAAY,UAQ1B,gBAPgB,EAAQ,UAAY,UAQpC,OAfO,EACX,iBACA,EACE,kBACA,oBAYC,UAjBM,EAAQ,IAAM,KAoBjB,CACL,GACC,EAAC,EAAA,CAAW,MAAO,EAAM,qBAAA,CAAwB,CAElD,GACC,EAAC,EAAA,CAAW,MAAO,EAAM,kBAAA,CAAqB,GAE5C,EAIJ,EAAc,GAEhB,EAAC,MAAA,CACC,MAAO,CACL,WAAY,OACZ,SAAU,QACV,UAAW,SACX,WAAY,MACb,UAEA,EAAM,OACH,CAIG,EAAqB,GAKT,CACvB,IAAM,EAA2B,EAAM,0BAA4B,GAC7D,EAAwB,EAAM,uBAAyB,GAC7D,OACE,EAAC,EAAA,CACC,MAAO,EAAM,MACb,OAAQ,EAAM,OACd,WAAa,GACX,EAAC,EAAA,CACC,GAAI,EACJ,4BAA6B,EAC7B,yBAA0B,GAC1B,EAEJ"}

package/dist/Simple.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./Binary.cjs`);let t=require(`react/jsx-runtime`);const n=e=>{let{stand:n,overflow:r}=e;return(0,t.jsx)(t.Fragment,{children:r??!1?``:n?`1`:`0`})},r=r=>(0,t.jsx)(e.Bits,{value:r.value,length:8,bitElement:n});exports.Simple8BitString=r,exports.SimpleBit=n;
+//# sourceMappingURL=Simple.cjs.map

package/dist/Simple.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Simple.cjs","names":["Bits"],"sources":["../src/Simple.tsx"],"sourcesContent":["import type React from 'react'\nimport { Bits, type EnhancedBitProps } from './Binary'\n\n/**\n * SimpleBit is a simple component that displays a bit.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const SimpleBit = (props: EnhancedBitProps): React.JSX.Element => {\n  const { stand, overflow } = props\n  const baseText = stand ? '1' : '0'\n  const isOverflowVisible = overflow ?? false\n  const text = isOverflowVisible ? '' : baseText\n  return <>{text}</>\n}\n\nexport const Simple8BitString = (props: { value: number }): React.JSX.Element => {\n  return <Bits value={props.value} length={8} bitElement={SimpleBit} />\n}\n"],"mappings":"sKAQA,MAAa,EAAa,GAA+C,CACvE,GAAM,CAAE,QAAO,YAAa,EAI5B,OAAO,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SAFmB,GAAY,GACL,GAFhB,EAAQ,IAAM,IAAA,CAGb,EAGP,EAAoB,IACxB,EAAA,EAAA,KAACA,EAAAA,KAAAA,CAAK,MAAO,EAAM,MAAO,OAAQ,EAAG,WAAY,GAAa"}

package/dist/{Simple.d.mts → Simple.d.cts}

@@ -1,6 +1,7 @@
-import React from 'react';
-import { EnhancedBitProps } from './Binary.mjs';
+import { EnhancedBitProps } from "./Binary.cjs";
+import React from "react";
 
+//#region src/Simple.d.ts
 /**
  * SimpleBit is a simple component that displays a bit.
  * @param props
@@ -8,7 +9,8 @@ import { EnhancedBitProps } from './Binary.mjs';
  */
 declare const SimpleBit: (props: EnhancedBitProps) => React.JSX.Element;
 declare const Simple8BitString: (props: {
-    value: number;
+  value: number;
 }) => React.JSX.Element;
-
+//#endregion
 export { Simple8BitString, SimpleBit };
+//# sourceMappingURL=Simple.d.cts.map

package/dist/Simple.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
-import { EnhancedBitProps } from './Binary.js';
+import { EnhancedBitProps } from "./Binary.js";
+import React from "react";
 
+//#region src/Simple.d.ts
 /**
  * SimpleBit is a simple component that displays a bit.
  * @param props
@@ -8,7 +9,8 @@ import { EnhancedBitProps } from './Binary.js';
  */
 declare const SimpleBit: (props: EnhancedBitProps) => React.JSX.Element;
 declare const Simple8BitString: (props: {
-    value: number;
+  value: number;
 }) => React.JSX.Element;
-
+//#endregion
 export { Simple8BitString, SimpleBit };
+//# sourceMappingURL=Simple.d.ts.map

package/dist/Simple.js

@@ -1,81 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Simple.tsx
-var Simple_exports = {};
-__export(Simple_exports, {
-  Simple8BitString: () => Simple8BitString,
-  SimpleBit: () => SimpleBit
-});
-module.exports = __toCommonJS(Simple_exports);
-
-// src/Binary.tsx
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var Bits = (props) => {
-  const { value, bitElement } = props;
-  const bits = (value | 0).toString(2).split("");
-  const bitLength = bits.length;
-  const length = props.length ?? bitLength;
-  const overflowLength = Math.max(0, bitLength - length);
-  const zeroPaddingLength = Math.max(0, length - bitLength);
-  const representLength = Math.max(length, bitLength);
-  const elements = Array.from(Array(representLength)).map((_, index) => {
-    const stand = bits[bitLength - representLength + index] === "1";
-    const bigEndianBitOrder = index;
-    const overflow = bigEndianBitOrder < overflowLength;
-    const zeroPadding = bigEndianBitOrder < zeroPaddingLength;
-    return import_react.default.createElement(bitElement, {
-      key: index,
-      stand,
-      overflow,
-      zeroPadding,
-      littleEndianBitOrder: representLength - index - 1,
-      bigEndianBitOrder
-    });
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: elements });
-};
-
-// src/Simple.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SimpleBit = (props) => {
-  const { stand, overflow } = props;
-  const text = overflow ?? false ? "" : stand ? "1" : "0";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: text });
-};
-var Simple8BitString = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Bits, { value: props.value, length: 8, bitElement: SimpleBit });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Simple8BitString,
-  SimpleBit
-});
+import{Bits as e}from"./Binary.js";import{Fragment as t,jsx as n}from"react/jsx-runtime";const r=e=>{let{stand:r,overflow:i}=e;return n(t,{children:i??!1?``:r?`1`:`0`})},i=t=>n(e,{value:t.value,length:8,bitElement:r});export{i as Simple8BitString,r as SimpleBit};
 //# sourceMappingURL=Simple.js.map

package/dist/Simple.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Simple.tsx","../src/Binary.tsx"],"sourcesContent":["import React from 'react'\nimport { Bits, EnhancedBitProps } from './Binary'\n\n/**\n * SimpleBit is a simple component that displays a bit.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const SimpleBit = (props: EnhancedBitProps): React.JSX.Element => {\n  const { stand, overflow } = props\n  const text = overflow ?? false ? '' : stand ? '1' : '0'\n  return <>{text}</>\n}\n\nexport const Simple8BitString = (props: { value: number }): React.JSX.Element => {\n  return <Bits value={props.value} length={8} bitElement={SimpleBit} />\n}\n","import React from 'react'\n\n/**\n * BitProps is a type that represents the properties of a bit.\n */\nexport type BitProps = {\n  stand: boolean\n}\n\n/**\n * EnhancedBitProps is a type that adds the following properties to BitProps.\n * - overflow: If true, this means that bit is out of range.\n * - zeroPadding: If true, this means that bit is padded with zero.\n */\nexport type EnhancedBitProps = BitProps & {\n  overflow?: boolean\n  zeroPadding?: boolean\n  littleEndianBitOrder: number\n  bigEndianBitOrder: number\n}\n\nexport type BitElement = React.FC<EnhancedBitProps>\n\n/**\n * Bit is a component that displays a bit.\n * This component supports the behavior of zero padding and overflow.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const Bits = (props: {\n  value: number\n  bitElement: BitElement\n  length?: number | undefined\n}): React.JSX.Element => {\n  const { value, bitElement } = props\n  const bits = (value | 0).toString(2).split('')\n  const bitLength = bits.length\n  const length = props.length ?? bitLength\n  const overflowLength = Math.max(0, bitLength - length)\n  const zeroPaddingLength = Math.max(0, length - bitLength)\n  const representLength = Math.max(length, bitLength)\n  const elements = Array.from(Array(representLength)).map((_, index) => {\n    const stand = bits[bitLength - representLength + index] === '1'\n    const bigEndianBitOrder = index\n    const overflow = bigEndianBitOrder < overflowLength\n    const zeroPadding = bigEndianBitOrder < zeroPaddingLength\n    return React.createElement(bitElement, {\n      key: index,\n      stand,\n      overflow,\n      zeroPadding,\n      littleEndianBitOrder: representLength - index - 1,\n      bigEndianBitOrder,\n    })\n  })\n  return <>{elements}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAuDT;AA1BF,IAAM,OAAO,CAAC,UAII;AACvB,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,QAAQ,QAAQ,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE;AAC7C,QAAM,YAAY,KAAK;AACvB,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,iBAAiB,KAAK,IAAI,GAAG,YAAY,MAAM;AACrD,QAAM,oBAAoB,KAAK,IAAI,GAAG,SAAS,SAAS;AACxD,QAAM,kBAAkB,KAAK,IAAI,QAAQ,SAAS;AAClD,QAAM,WAAW,MAAM,KAAK,MAAM,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AACpE,UAAM,QAAQ,KAAK,YAAY,kBAAkB,KAAK,MAAM;AAC5D,UAAM,oBAAoB;AAC1B,UAAM,WAAW,oBAAoB;AACrC,UAAM,cAAc,oBAAoB;AACxC,WAAO,aAAAA,QAAM,cAAc,YAAY;AAAA,MACrC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,sBAAsB,kBAAkB,QAAQ;AAAA,MAChD;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACD,SAAO,2EAAG,oBAAS;AACrB;;;AD7CS,IAAAC,sBAAA;AAHF,IAAM,YAAY,CAAC,UAA+C;AACvE,QAAM,EAAE,OAAO,SAAS,IAAI;AAC5B,QAAM,OAAO,YAAY,QAAQ,KAAK,QAAQ,MAAM;AACpD,SAAO,6EAAG,gBAAK;AACjB;AAEO,IAAM,mBAAmB,CAAC,UAAgD;AAC/E,SAAO,6CAAC,QAAK,OAAO,MAAM,OAAO,QAAQ,GAAG,YAAY,WAAW;AACrE;","names":["React","import_jsx_runtime"]}
+{"version":3,"file":"Simple.js","names":[],"sources":["../src/Simple.tsx"],"sourcesContent":["import type React from 'react'\nimport { Bits, type EnhancedBitProps } from './Binary'\n\n/**\n * SimpleBit is a simple component that displays a bit.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const SimpleBit = (props: EnhancedBitProps): React.JSX.Element => {\n  const { stand, overflow } = props\n  const baseText = stand ? '1' : '0'\n  const isOverflowVisible = overflow ?? false\n  const text = isOverflowVisible ? '' : baseText\n  return <>{text}</>\n}\n\nexport const Simple8BitString = (props: { value: number }): React.JSX.Element => {\n  return <Bits value={props.value} length={8} bitElement={SimpleBit} />\n}\n"],"mappings":"yFAQA,MAAa,EAAa,GAA+C,CACvE,GAAM,CAAE,QAAO,YAAa,EAI5B,OAAO,EAAA,EAAA,CAAA,SAFmB,GAAY,GACL,GAFhB,EAAQ,IAAM,IAAA,CAGb,EAGP,EAAoB,GACxB,EAAC,EAAA,CAAK,MAAO,EAAM,MAAO,OAAQ,EAAG,WAAY,GAAa"}

package/dist/chunk-Bmb41Sf3.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Binary.cjs`),t=require(`./Detailed.cjs`),n=require(`./Simple.cjs`);exports.Bits=e.Bits,exports.DetailedBit=t.DetailedBit,exports.DetailedBitString=t.DetailedBitString,exports.Simple8BitString=n.Simple8BitString,exports.SimpleBit=n.SimpleBit;

package/dist/index.d.cts

@@ -0,0 +1,4 @@
+import { BitElement, BitProps, Bits, EnhancedBitProps } from "./Binary.cjs";
+import { DetailedBit, DetailedBitProps, DetailedBitString } from "./Detailed.cjs";
+import { Simple8BitString, SimpleBit } from "./Simple.cjs";
+export { BitElement, BitProps, Bits, DetailedBit, DetailedBitProps, DetailedBitString, EnhancedBitProps, Simple8BitString, SimpleBit };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { BitElement, BitProps, Bits, EnhancedBitProps } from './Binary.js';
-export { Simple8BitString, SimpleBit } from './Simple.js';
-export { DetailedBit, DetailedBitProps, DetailedBitString } from './Detailed.js';
-import 'react';
+import { BitElement, BitProps, Bits, EnhancedBitProps } from "./Binary.js";
+import { DetailedBit, DetailedBitProps, DetailedBitString } from "./Detailed.js";
+import { Simple8BitString, SimpleBit } from "./Simple.js";
+export { BitElement, BitProps, Bits, DetailedBit, DetailedBitProps, DetailedBitString, EnhancedBitProps, Simple8BitString, SimpleBit };

package/dist/index.js

@@ -1,149 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Bits: () => Bits,
-  DetailedBit: () => DetailedBit,
-  DetailedBitString: () => DetailedBitString,
-  Simple8BitString: () => Simple8BitString,
-  SimpleBit: () => SimpleBit
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/Binary.tsx
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var Bits = (props) => {
-  const { value, bitElement } = props;
-  const bits = (value | 0).toString(2).split("");
-  const bitLength = bits.length;
-  const length = props.length ?? bitLength;
-  const overflowLength = Math.max(0, bitLength - length);
-  const zeroPaddingLength = Math.max(0, length - bitLength);
-  const representLength = Math.max(length, bitLength);
-  const elements = Array.from(Array(representLength)).map((_, index) => {
-    const stand = bits[bitLength - representLength + index] === "1";
-    const bigEndianBitOrder = index;
-    const overflow = bigEndianBitOrder < overflowLength;
-    const zeroPadding = bigEndianBitOrder < zeroPaddingLength;
-    return import_react.default.createElement(bitElement, {
-      key: index,
-      stand,
-      overflow,
-      zeroPadding,
-      littleEndianBitOrder: representLength - index - 1,
-      bigEndianBitOrder
-    });
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: elements });
-};
-
-// src/Simple.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SimpleBit = (props) => {
-  const { stand, overflow } = props;
-  const text = overflow ?? false ? "" : stand ? "1" : "0";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: text });
-};
-var Simple8BitString = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Bits, { value: props.value, length: 8, bitElement: SimpleBit });
-};
-
-// src/Detailed.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var DetailedBit = (props) => {
-  const { stand, overflow, zeroPadding } = props;
-  const displayLittleEndianBitOrder = props.displayLittleEndianBitOrder ?? false;
-  const displayBigEndianBitOrder = props.displayBigEndianBitOrder ?? false;
-  const text = stand ? "1" : "0";
-  const border = overflow ? "1px dotted red" : zeroPadding ? "1px dotted gray" : "1px solid #cccccc";
-  const margin = "0.5px";
-  const color = stand ? "#999999" : "#cccccc";
-  const backgroundColor = stand ? "#000000" : "#ffffff";
-  const fontFamily = "monospace";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "inline-block", fontFamily, margin }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "div",
-      {
-        style: {
-          color,
-          backgroundColor,
-          border
-        },
-        children: text
-      }
-    ),
-    displayLittleEndianBitOrder && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IndexLabel, { index: props.littleEndianBitOrder }),
-    displayBigEndianBitOrder && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IndexLabel, { index: props.bigEndianBitOrder })
-  ] });
-};
-var IndexLabel = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "div",
-    {
-      style: {
-        userSelect: "none",
-        fontSize: "0.5em",
-        textAlign: "center",
-        lineHeight: "1em"
-      },
-      children: props.index
-    }
-  );
-};
-var DetailedBitString = (props) => {
-  const showLittleEndianBitOrder = props.showLittleEndianBitOrder ?? false;
-  const showBigEndianBitOrder = props.showBigEndianBitOrder ?? false;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    Bits,
-    {
-      value: props.value,
-      length: props.length,
-      bitElement: (props2) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        DetailedBit,
-        {
-          ...props2,
-          displayLittleEndianBitOrder: showLittleEndianBitOrder,
-          displayBigEndianBitOrder: showBigEndianBitOrder
-        }
-      )
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Bits,
-  DetailedBit,
-  DetailedBitString,
-  Simple8BitString,
-  SimpleBit
-});
-//# sourceMappingURL=index.js.map
+import{Bits as e}from"./Binary.js";import{DetailedBit as t,DetailedBitString as n}from"./Detailed.js";import{Simple8BitString as r,SimpleBit as i}from"./Simple.js";export{e as Bits,t as DetailedBit,n as DetailedBitString,r as Simple8BitString,i as SimpleBit};

package/package.json

@@ -1,40 +1,46 @@
 {
   "name": "@kitsuyui/react-binary",
-  "version": "0.1.7",
+  "version": "0.2.1",
   "description": "Binary representation of number for React",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kitsuyui/react-playground.git"
+  },
   "license": "MIT",
   "author": "Yui Kitsu <kitsuyui@kitsuyui.com>",
+  "type": "module",
   "exports": {
     ".": {
       "require": {
-        "type": "./dist/index.d.mts",
+        "type": "./dist/index.d.cts",
         "default": "./dist/index.cjs"
       },
       "import": {
-        "type": "./dist/index.d.mts",
-        "default": "./dist/index.mjs"
+        "type": "./dist/index.d.ts",
+        "default": "./dist/index.js"
       }
     }
   },
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "package.json"
   ],
   "devDependencies": {
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "scripts": {
-    "build": "tsup --config ../../tsup.config.mjs --clean",
-    "dev": "tsup --config ../../tsup.config.mjs --watch"
+    "build": "tsdown",
+    "dev": "tsdown --no-clean --watch",
+    "test": "vitest run",
+    "validate": "validate-package-exports --check"
   }
 }

package/dist/Binary.mjs

@@ -1,7 +0,0 @@
-import {
-  Bits
-} from "./chunk-FZK7WU5X.mjs";
-export {
-  Bits
-};
-//# sourceMappingURL=Binary.mjs.map

package/dist/Binary.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Detailed.d.mts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { EnhancedBitProps } from './Binary.mjs';
-
-type DetailedBitProps = EnhancedBitProps & {
-    displayLittleEndianBitOrder?: boolean | undefined;
-    displayBigEndianBitOrder?: boolean | undefined;
-};
-declare const DetailedBit: (props: DetailedBitProps) => React.JSX.Element;
-declare const DetailedBitString: (props: {
-    value: number;
-    length?: number;
-    showLittleEndianBitOrder?: boolean | undefined;
-    showBigEndianBitOrder?: boolean | undefined;
-}) => React.JSX.Element;
-
-export { DetailedBit, type DetailedBitProps, DetailedBitString };

package/dist/Detailed.mjs

@@ -1,10 +0,0 @@
-import {
-  DetailedBit,
-  DetailedBitString
-} from "./chunk-Z5ONY37W.mjs";
-import "./chunk-FZK7WU5X.mjs";
-export {
-  DetailedBit,
-  DetailedBitString
-};
-//# sourceMappingURL=Detailed.mjs.map

package/dist/Detailed.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Simple.mjs

@@ -1,10 +0,0 @@
-import {
-  Simple8BitString,
-  SimpleBit
-} from "./chunk-PGODZCNT.mjs";
-import "./chunk-FZK7WU5X.mjs";
-export {
-  Simple8BitString,
-  SimpleBit
-};
-//# sourceMappingURL=Simple.mjs.map

package/dist/Simple.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-FZK7WU5X.mjs

@@ -1,32 +0,0 @@
-// src/Binary.tsx
-import React from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var Bits = (props) => {
-  const { value, bitElement } = props;
-  const bits = (value | 0).toString(2).split("");
-  const bitLength = bits.length;
-  const length = props.length ?? bitLength;
-  const overflowLength = Math.max(0, bitLength - length);
-  const zeroPaddingLength = Math.max(0, length - bitLength);
-  const representLength = Math.max(length, bitLength);
-  const elements = Array.from(Array(representLength)).map((_, index) => {
-    const stand = bits[bitLength - representLength + index] === "1";
-    const bigEndianBitOrder = index;
-    const overflow = bigEndianBitOrder < overflowLength;
-    const zeroPadding = bigEndianBitOrder < zeroPaddingLength;
-    return React.createElement(bitElement, {
-      key: index,
-      stand,
-      overflow,
-      zeroPadding,
-      littleEndianBitOrder: representLength - index - 1,
-      bigEndianBitOrder
-    });
-  });
-  return /* @__PURE__ */ jsx(Fragment, { children: elements });
-};
-
-export {
-  Bits
-};
-//# sourceMappingURL=chunk-FZK7WU5X.mjs.map

package/dist/chunk-FZK7WU5X.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Binary.tsx"],"sourcesContent":["import React from 'react'\n\n/**\n * BitProps is a type that represents the properties of a bit.\n */\nexport type BitProps = {\n  stand: boolean\n}\n\n/**\n * EnhancedBitProps is a type that adds the following properties to BitProps.\n * - overflow: If true, this means that bit is out of range.\n * - zeroPadding: If true, this means that bit is padded with zero.\n */\nexport type EnhancedBitProps = BitProps & {\n  overflow?: boolean\n  zeroPadding?: boolean\n  littleEndianBitOrder: number\n  bigEndianBitOrder: number\n}\n\nexport type BitElement = React.FC<EnhancedBitProps>\n\n/**\n * Bit is a component that displays a bit.\n * This component supports the behavior of zero padding and overflow.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const Bits = (props: {\n  value: number\n  bitElement: BitElement\n  length?: number | undefined\n}): React.JSX.Element => {\n  const { value, bitElement } = props\n  const bits = (value | 0).toString(2).split('')\n  const bitLength = bits.length\n  const length = props.length ?? bitLength\n  const overflowLength = Math.max(0, bitLength - length)\n  const zeroPaddingLength = Math.max(0, length - bitLength)\n  const representLength = Math.max(length, bitLength)\n  const elements = Array.from(Array(representLength)).map((_, index) => {\n    const stand = bits[bitLength - representLength + index] === '1'\n    const bigEndianBitOrder = index\n    const overflow = bigEndianBitOrder < overflowLength\n    const zeroPadding = bigEndianBitOrder < zeroPaddingLength\n    return React.createElement(bitElement, {\n      key: index,\n      stand,\n      overflow,\n      zeroPadding,\n      littleEndianBitOrder: representLength - index - 1,\n      bigEndianBitOrder,\n    })\n  })\n  return <>{elements}</>\n}\n"],"mappings":";AAAA,OAAO,WAAW;AAuDT;AA1BF,IAAM,OAAO,CAAC,UAII;AACvB,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,QAAQ,QAAQ,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE;AAC7C,QAAM,YAAY,KAAK;AACvB,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,iBAAiB,KAAK,IAAI,GAAG,YAAY,MAAM;AACrD,QAAM,oBAAoB,KAAK,IAAI,GAAG,SAAS,SAAS;AACxD,QAAM,kBAAkB,KAAK,IAAI,QAAQ,SAAS;AAClD,QAAM,WAAW,MAAM,KAAK,MAAM,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AACpE,UAAM,QAAQ,KAAK,YAAY,kBAAkB,KAAK,MAAM;AAC5D,UAAM,oBAAoB;AAC1B,UAAM,WAAW,oBAAoB;AACrC,UAAM,cAAc,oBAAoB;AACxC,WAAO,MAAM,cAAc,YAAY;AAAA,MACrC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,sBAAsB,kBAAkB,QAAQ;AAAA,MAChD;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACD,SAAO,gCAAG,oBAAS;AACrB;","names":[]}

package/dist/chunk-PGODZCNT.mjs

@@ -1,20 +0,0 @@
-import {
-  Bits
-} from "./chunk-FZK7WU5X.mjs";
-
-// src/Simple.tsx
-import { Fragment, jsx } from "react/jsx-runtime";
-var SimpleBit = (props) => {
-  const { stand, overflow } = props;
-  const text = overflow ?? false ? "" : stand ? "1" : "0";
-  return /* @__PURE__ */ jsx(Fragment, { children: text });
-};
-var Simple8BitString = (props) => {
-  return /* @__PURE__ */ jsx(Bits, { value: props.value, length: 8, bitElement: SimpleBit });
-};
-
-export {
-  SimpleBit,
-  Simple8BitString
-};
-//# sourceMappingURL=chunk-PGODZCNT.mjs.map

package/dist/chunk-PGODZCNT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Simple.tsx"],"sourcesContent":["import React from 'react'\nimport { Bits, EnhancedBitProps } from './Binary'\n\n/**\n * SimpleBit is a simple component that displays a bit.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const SimpleBit = (props: EnhancedBitProps): React.JSX.Element => {\n  const { stand, overflow } = props\n  const text = overflow ?? false ? '' : stand ? '1' : '0'\n  return <>{text}</>\n}\n\nexport const Simple8BitString = (props: { value: number }): React.JSX.Element => {\n  return <Bits value={props.value} length={8} bitElement={SimpleBit} />\n}\n"],"mappings":";;;;;AAWS;AAHF,IAAM,YAAY,CAAC,UAA+C;AACvE,QAAM,EAAE,OAAO,SAAS,IAAI;AAC5B,QAAM,OAAO,YAAY,QAAQ,KAAK,QAAQ,MAAM;AACpD,SAAO,gCAAG,gBAAK;AACjB;AAEO,IAAM,mBAAmB,CAAC,UAAgD;AAC/E,SAAO,oBAAC,QAAK,OAAO,MAAM,OAAO,QAAQ,GAAG,YAAY,WAAW;AACrE;","names":[]}

package/dist/chunk-Z5ONY37W.mjs

@@ -1,71 +0,0 @@
-import {
-  Bits
-} from "./chunk-FZK7WU5X.mjs";
-
-// src/Detailed.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var DetailedBit = (props) => {
-  const { stand, overflow, zeroPadding } = props;
-  const displayLittleEndianBitOrder = props.displayLittleEndianBitOrder ?? false;
-  const displayBigEndianBitOrder = props.displayBigEndianBitOrder ?? false;
-  const text = stand ? "1" : "0";
-  const border = overflow ? "1px dotted red" : zeroPadding ? "1px dotted gray" : "1px solid #cccccc";
-  const margin = "0.5px";
-  const color = stand ? "#999999" : "#cccccc";
-  const backgroundColor = stand ? "#000000" : "#ffffff";
-  const fontFamily = "monospace";
-  return /* @__PURE__ */ jsxs("div", { style: { display: "inline-block", fontFamily, margin }, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          color,
-          backgroundColor,
-          border
-        },
-        children: text
-      }
-    ),
-    displayLittleEndianBitOrder && /* @__PURE__ */ jsx(IndexLabel, { index: props.littleEndianBitOrder }),
-    displayBigEndianBitOrder && /* @__PURE__ */ jsx(IndexLabel, { index: props.bigEndianBitOrder })
-  ] });
-};
-var IndexLabel = (props) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        userSelect: "none",
-        fontSize: "0.5em",
-        textAlign: "center",
-        lineHeight: "1em"
-      },
-      children: props.index
-    }
-  );
-};
-var DetailedBitString = (props) => {
-  const showLittleEndianBitOrder = props.showLittleEndianBitOrder ?? false;
-  const showBigEndianBitOrder = props.showBigEndianBitOrder ?? false;
-  return /* @__PURE__ */ jsx(
-    Bits,
-    {
-      value: props.value,
-      length: props.length,
-      bitElement: (props2) => /* @__PURE__ */ jsx(
-        DetailedBit,
-        {
-          ...props2,
-          displayLittleEndianBitOrder: showLittleEndianBitOrder,
-          displayBigEndianBitOrder: showBigEndianBitOrder
-        }
-      )
-    }
-  );
-};
-
-export {
-  DetailedBit,
-  DetailedBitString
-};
-//# sourceMappingURL=chunk-Z5ONY37W.mjs.map

package/dist/chunk-Z5ONY37W.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Detailed.tsx"],"sourcesContent":["import React from 'react'\nimport { Bits, EnhancedBitProps } from './Binary'\n\nexport type DetailedBitProps = EnhancedBitProps & {\n  displayLittleEndianBitOrder?: boolean | undefined\n  displayBigEndianBitOrder?: boolean | undefined\n}\n\nexport const DetailedBit = (props: DetailedBitProps): React.JSX.Element => {\n  const { stand, overflow, zeroPadding } = props\n  const displayLittleEndianBitOrder = props.displayLittleEndianBitOrder ?? false\n  const displayBigEndianBitOrder = props.displayBigEndianBitOrder ?? false\n  const text = stand ? '1' : '0'\n  const border = overflow\n    ? '1px dotted red'\n    : zeroPadding\n      ? '1px dotted gray'\n      : '1px solid #cccccc'\n  const margin = '0.5px'\n  const color = stand ? '#999999' : '#cccccc'\n  const backgroundColor = stand ? '#000000' : '#ffffff'\n  const fontFamily = 'monospace'\n  return (\n    <div style={{ display: 'inline-block', fontFamily, margin }}>\n      <div\n        style={{\n          color,\n          backgroundColor,\n          border,\n        }}\n      >\n        {text}\n      </div>\n      {displayLittleEndianBitOrder && (\n        <IndexLabel index={props.littleEndianBitOrder} />\n      )}\n      {displayBigEndianBitOrder && (\n        <IndexLabel index={props.bigEndianBitOrder} />\n      )}\n    </div>\n  )\n}\n\nconst IndexLabel = (props: { index: number }): React.JSX.Element => {\n  return (\n    <div\n      style={{\n        userSelect: 'none',\n        fontSize: '0.5em',\n        textAlign: 'center',\n        lineHeight: '1em',\n      }}\n    >\n      {props.index}\n    </div>\n  )\n}\n\nexport const DetailedBitString = (props: {\n  value: number\n  length?: number\n  showLittleEndianBitOrder?: boolean | undefined\n  showBigEndianBitOrder?: boolean | undefined\n}): React.JSX.Element => {\n  const showLittleEndianBitOrder = props.showLittleEndianBitOrder ?? false\n  const showBigEndianBitOrder = props.showBigEndianBitOrder ?? false\n  return (\n    <Bits\n      value={props.value}\n      length={props.length}\n      bitElement={(props) => (\n        <DetailedBit\n          {...props}\n          displayLittleEndianBitOrder={showLittleEndianBitOrder}\n          displayBigEndianBitOrder={showBigEndianBitOrder}\n        />\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;AAuBI,SACE,KADF;AAfG,IAAM,cAAc,CAAC,UAA+C;AACzE,QAAM,EAAE,OAAO,UAAU,YAAY,IAAI;AACzC,QAAM,8BAA8B,MAAM,+BAA+B;AACzE,QAAM,2BAA2B,MAAM,4BAA4B;AACnE,QAAM,OAAO,QAAQ,MAAM;AAC3B,QAAM,SAAS,WACX,mBACA,cACE,oBACA;AACN,QAAM,SAAS;AACf,QAAM,QAAQ,QAAQ,YAAY;AAClC,QAAM,kBAAkB,QAAQ,YAAY;AAC5C,QAAM,aAAa;AACnB,SACE,qBAAC,SAAI,OAAO,EAAE,SAAS,gBAAgB,YAAY,OAAO,GACxD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACC,+BACC,oBAAC,cAAW,OAAO,MAAM,sBAAsB;AAAA,IAEhD,4BACC,oBAAC,cAAW,OAAO,MAAM,mBAAmB;AAAA,KAEhD;AAEJ;AAEA,IAAM,aAAa,CAAC,UAAgD;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,QACX,YAAY;AAAA,MACd;AAAA,MAEC,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,oBAAoB,CAAC,UAKT;AACvB,QAAM,2BAA2B,MAAM,4BAA4B;AACnE,QAAM,wBAAwB,MAAM,yBAAyB;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,YAAY,CAACA,WACX;AAAA,QAAC;AAAA;AAAA,UACE,GAAGA;AAAA,UACJ,6BAA6B;AAAA,UAC7B,0BAA0B;AAAA;AAAA,MAC5B;AAAA;AAAA,EAEJ;AAEJ;","names":["props"]}

package/dist/index.d.mts

@@ -1,4 +0,0 @@
-export { BitElement, BitProps, Bits, EnhancedBitProps } from './Binary.mjs';
-export { Simple8BitString, SimpleBit } from './Simple.mjs';
-export { DetailedBit, DetailedBitProps, DetailedBitString } from './Detailed.mjs';
-import 'react';

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts","../src/Binary.tsx","../src/Simple.tsx","../src/Detailed.tsx"],"sourcesContent":["export * from './Binary'\nexport * from './Simple'\nexport * from './Detailed'\n","import React from 'react'\n\n/**\n * BitProps is a type that represents the properties of a bit.\n */\nexport type BitProps = {\n  stand: boolean\n}\n\n/**\n * EnhancedBitProps is a type that adds the following properties to BitProps.\n * - overflow: If true, this means that bit is out of range.\n * - zeroPadding: If true, this means that bit is padded with zero.\n */\nexport type EnhancedBitProps = BitProps & {\n  overflow?: boolean\n  zeroPadding?: boolean\n  littleEndianBitOrder: number\n  bigEndianBitOrder: number\n}\n\nexport type BitElement = React.FC<EnhancedBitProps>\n\n/**\n * Bit is a component that displays a bit.\n * This component supports the behavior of zero padding and overflow.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const Bits = (props: {\n  value: number\n  bitElement: BitElement\n  length?: number | undefined\n}): React.JSX.Element => {\n  const { value, bitElement } = props\n  const bits = (value | 0).toString(2).split('')\n  const bitLength = bits.length\n  const length = props.length ?? bitLength\n  const overflowLength = Math.max(0, bitLength - length)\n  const zeroPaddingLength = Math.max(0, length - bitLength)\n  const representLength = Math.max(length, bitLength)\n  const elements = Array.from(Array(representLength)).map((_, index) => {\n    const stand = bits[bitLength - representLength + index] === '1'\n    const bigEndianBitOrder = index\n    const overflow = bigEndianBitOrder < overflowLength\n    const zeroPadding = bigEndianBitOrder < zeroPaddingLength\n    return React.createElement(bitElement, {\n      key: index,\n      stand,\n      overflow,\n      zeroPadding,\n      littleEndianBitOrder: representLength - index - 1,\n      bigEndianBitOrder,\n    })\n  })\n  return <>{elements}</>\n}\n","import React from 'react'\nimport { Bits, EnhancedBitProps } from './Binary'\n\n/**\n * SimpleBit is a simple component that displays a bit.\n * @param props\n * @returns A component that displays a bit.\n */\nexport const SimpleBit = (props: EnhancedBitProps): React.JSX.Element => {\n  const { stand, overflow } = props\n  const text = overflow ?? false ? '' : stand ? '1' : '0'\n  return <>{text}</>\n}\n\nexport const Simple8BitString = (props: { value: number }): React.JSX.Element => {\n  return <Bits value={props.value} length={8} bitElement={SimpleBit} />\n}\n","import React from 'react'\nimport { Bits, EnhancedBitProps } from './Binary'\n\nexport type DetailedBitProps = EnhancedBitProps & {\n  displayLittleEndianBitOrder?: boolean | undefined\n  displayBigEndianBitOrder?: boolean | undefined\n}\n\nexport const DetailedBit = (props: DetailedBitProps): React.JSX.Element => {\n  const { stand, overflow, zeroPadding } = props\n  const displayLittleEndianBitOrder = props.displayLittleEndianBitOrder ?? false\n  const displayBigEndianBitOrder = props.displayBigEndianBitOrder ?? false\n  const text = stand ? '1' : '0'\n  const border = overflow\n    ? '1px dotted red'\n    : zeroPadding\n      ? '1px dotted gray'\n      : '1px solid #cccccc'\n  const margin = '0.5px'\n  const color = stand ? '#999999' : '#cccccc'\n  const backgroundColor = stand ? '#000000' : '#ffffff'\n  const fontFamily = 'monospace'\n  return (\n    <div style={{ display: 'inline-block', fontFamily, margin }}>\n      <div\n        style={{\n          color,\n          backgroundColor,\n          border,\n        }}\n      >\n        {text}\n      </div>\n      {displayLittleEndianBitOrder && (\n        <IndexLabel index={props.littleEndianBitOrder} />\n      )}\n      {displayBigEndianBitOrder && (\n        <IndexLabel index={props.bigEndianBitOrder} />\n      )}\n    </div>\n  )\n}\n\nconst IndexLabel = (props: { index: number }): React.JSX.Element => {\n  return (\n    <div\n      style={{\n        userSelect: 'none',\n        fontSize: '0.5em',\n        textAlign: 'center',\n        lineHeight: '1em',\n      }}\n    >\n      {props.index}\n    </div>\n  )\n}\n\nexport const DetailedBitString = (props: {\n  value: number\n  length?: number\n  showLittleEndianBitOrder?: boolean | undefined\n  showBigEndianBitOrder?: boolean | undefined\n}): React.JSX.Element => {\n  const showLittleEndianBitOrder = props.showLittleEndianBitOrder ?? false\n  const showBigEndianBitOrder = props.showBigEndianBitOrder ?? false\n  return (\n    <Bits\n      value={props.value}\n      length={props.length}\n      bitElement={(props) => (\n        <DetailedBit\n          {...props}\n          displayLittleEndianBitOrder={showLittleEndianBitOrder}\n          displayBigEndianBitOrder={showBigEndianBitOrder}\n        />\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAuDT;AA1BF,IAAM,OAAO,CAAC,UAII;AACvB,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,QAAQ,QAAQ,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE;AAC7C,QAAM,YAAY,KAAK;AACvB,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,iBAAiB,KAAK,IAAI,GAAG,YAAY,MAAM;AACrD,QAAM,oBAAoB,KAAK,IAAI,GAAG,SAAS,SAAS;AACxD,QAAM,kBAAkB,KAAK,IAAI,QAAQ,SAAS;AAClD,QAAM,WAAW,MAAM,KAAK,MAAM,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AACpE,UAAM,QAAQ,KAAK,YAAY,kBAAkB,KAAK,MAAM;AAC5D,UAAM,oBAAoB;AAC1B,UAAM,WAAW,oBAAoB;AACrC,UAAM,cAAc,oBAAoB;AACxC,WAAO,aAAAA,QAAM,cAAc,YAAY;AAAA,MACrC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,sBAAsB,kBAAkB,QAAQ;AAAA,MAChD;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACD,SAAO,2EAAG,oBAAS;AACrB;;;AC7CS,IAAAC,sBAAA;AAHF,IAAM,YAAY,CAAC,UAA+C;AACvE,QAAM,EAAE,OAAO,SAAS,IAAI;AAC5B,QAAM,OAAO,YAAY,QAAQ,KAAK,QAAQ,MAAM;AACpD,SAAO,6EAAG,gBAAK;AACjB;AAEO,IAAM,mBAAmB,CAAC,UAAgD;AAC/E,SAAO,6CAAC,QAAK,OAAO,MAAM,OAAO,QAAQ,GAAG,YAAY,WAAW;AACrE;;;ACOI,IAAAC,sBAAA;AAfG,IAAM,cAAc,CAAC,UAA+C;AACzE,QAAM,EAAE,OAAO,UAAU,YAAY,IAAI;AACzC,QAAM,8BAA8B,MAAM,+BAA+B;AACzE,QAAM,2BAA2B,MAAM,4BAA4B;AACnE,QAAM,OAAO,QAAQ,MAAM;AAC3B,QAAM,SAAS,WACX,mBACA,cACE,oBACA;AACN,QAAM,SAAS;AACf,QAAM,QAAQ,QAAQ,YAAY;AAClC,QAAM,kBAAkB,QAAQ,YAAY;AAC5C,QAAM,aAAa;AACnB,SACE,8CAAC,SAAI,OAAO,EAAE,SAAS,gBAAgB,YAAY,OAAO,GACxD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACC,+BACC,6CAAC,cAAW,OAAO,MAAM,sBAAsB;AAAA,IAEhD,4BACC,6CAAC,cAAW,OAAO,MAAM,mBAAmB;AAAA,KAEhD;AAEJ;AAEA,IAAM,aAAa,CAAC,UAAgD;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,QACX,YAAY;AAAA,MACd;AAAA,MAEC,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,oBAAoB,CAAC,UAKT;AACvB,QAAM,2BAA2B,MAAM,4BAA4B;AACnE,QAAM,wBAAwB,MAAM,yBAAyB;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,YAAY,CAACC,WACX;AAAA,QAAC;AAAA;AAAA,UACE,GAAGA;AAAA,UACJ,6BAA6B;AAAA,UAC7B,0BAA0B;AAAA;AAAA,MAC5B;AAAA;AAAA,EAEJ;AAEJ;","names":["React","import_jsx_runtime","import_jsx_runtime","props"]}

package/dist/index.mjs

@@ -1,19 +0,0 @@
-import {
-  DetailedBit,
-  DetailedBitString
-} from "./chunk-Z5ONY37W.mjs";
-import {
-  Simple8BitString,
-  SimpleBit
-} from "./chunk-PGODZCNT.mjs";
-import {
-  Bits
-} from "./chunk-FZK7WU5X.mjs";
-export {
-  Bits,
-  DetailedBit,
-  DetailedBitString,
-  Simple8BitString,
-  SimpleBit
-};
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}