@library/color 0.0.2 → 0.0.4

package/.turbo/turbo-build.log

@@ -0,0 +1,2 @@
+
+

package/.turbo/turbo-test.log

@@ -1,20 +1,173 @@
-PASS src/hex-to-rgb.test.ts
-  hexToRgb
-    ✓ hexToRgba("000") (2 ms)
-    ✓ hexToRgba("#000")
-    ✓ hexToRgba("#0000") (1 ms)
-    ✓ hexToRgba("#000000")
-    ✓ hexToRgba("#00000000") (1 ms)
-    ✓ hexToRgba("#fff")
-    ✓ hexToRgba("#ffff")
-    ✓ hexToRgba("#ffffff")
-    ✓ hexToRgba("#ffffffff")
-    ✓ hexToRgba("#f00") (1 ms)
-    ✓ hexToRgba("#7f11e0")
-    ✓ hexToRgba("#11223344") (1 ms)
-
-Test Suites: 1 passed, 1 total
-Tests:       12 passed, 12 total
-Snapshots:   0 total
-Time:        0.752 s, estimated 1 s
-Ran all test suites.
+
+Determining test suites to run...
+
+
+ RUNS  src/rgbToCssString.spec.ts
+
+ RUNS  src/rgbToCssString.spec.ts
+
+ RUNS  src/rgbToCssString.spec.ts
+
+ RUNS  src/rgbToCssString.spec.ts
+
+ RUNS  src/rgbToCssString.spec.ts
+
+
+ RUNS  src/rgbToCssString.spec.ts
+
+
+ RUNS  src/rgbToCssString.spec.ts
+
+
+ RUNS  src/rgbToCssString.spec.ts
+
+
+ RUNS  src/rgbToCssString.spec.ts
+
+
+ RUNS  src/rgbToCssString.spec.ts
+
+
+ RUNS  src/rgbToCssString.spec.ts
+
+
+ RUNS  src/rgbToCssString.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+
+ RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+
+ RUNS  src/hexToRgb.spec.ts
+
+Tests:       26 passed, 26 total
+Snapshots:   0 total
+Time:        0.33 s, estimated 1 s
+Ran all test suites.

package/README.md

@@ -0,0 +1,32 @@
+# @library/color
+
+## Installation
+
+**npm**
+
+```console
+npm install @library/color
+```
+
+**yarn**
+
+```console
+yarn add @library/color
+```
+
+## API
+
+- [hexToRgb](#hextorgb)
+
+### hexToRgb
+
+Convert a hexadecimal color code to its corresponding RGBA representation.
+
+```ts
+import { hexToRgb } from "@library/color";
+
+hexToRgb("#f00"); // { r: 255, g: 0, b: 0, a: 1 }
+hexToRgb("#f000"); // { r: 255, g: 0, b: 0, a: 0 }
+hexToRgb("#7f11e0"); // { r: 127, g: 17, b: 224, a: 1 }
+hexToRgb("#11223344"); // { r: 17, g: 34, b: 51, a: 0.27 }
+```

package/coverage/lcov-report/{hex-to-rgb.ts.html → hexToRgb.ts.html}

@@ -3,7 +3,7 @@
 <html lang="en">
 
 <head>
-    <title>Code coverage report for hex-to-rgb.ts</title>
+    <title>Code coverage report for hexToRgb.ts</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="prettify.css" />
     <link rel="stylesheet" href="base.css" />
@@ -19,7 +19,7 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="index.html">All files</a> hex-to-rgb.ts</h1>
+        <h1><a href="index.html">All files</a> hexToRgb.ts</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
@@ -100,7 +100,13 @@
 <a name='L35'></a><a href='#L35'>35</a>
 <a name='L36'></a><a href='#L36'>36</a>
 <a name='L37'></a><a href='#L37'>37</a>
-<a name='L38'></a><a href='#L38'>38</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -137,20 +143,23 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { RGBA } from "./types";
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type { RGBColor } from "./types";
+&nbsp;
 /**
- * Convert hex color value to rgba object.
- * @param {string} hex hex string
- * @returns {RGBA}
+ * Convert a hexadecimal color code to its corresponding RGBA representation.
+ * @param {string} hex - The hexadecimal color code to be converted.
+ * @returns {RGBColor} - An object containing the RGBA values.
  * @example
  * ```
+ * import { hexToRgb } from "@library/color";
+ *
  * hexToRgb("#f00"); // { r: 255, g: 0, b: 0, a: 1 }
  * hexToRgb("#f000"); // { r: 255, g: 0, b: 0, a: 0 }
  * hexToRgb("#7f11e0"); // { r: 127, g: 17, b: 224, a: 1 }
  * hexToRgb("#11223344"); // { r: 17, g: 34, b: 51, a: 0.27 }
  * ```
  */
-export function hexToRgb(hex: string): RGBA {
+export function hexToRgb(hex: string): RGBColor {
   hex = hex[0] === "#" ? hex.slice(1) : hex;
   if (hex.length === 3 || hex.length === 4) {
     hex =
@@ -181,7 +190,7 @@ export function hexToRgb(hex: string): RGBA {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-19T16:43:56.752Z
+                at 2025-03-26T14:08:05.118Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov-report/index.html

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>9/9</span>
+                <span class='fraction'>23/23</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>11/11</span>
+                <span class='fraction'>18/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>4/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>9/9</span>
+                <span class='fraction'>23/23</span>
             </div>
         
             
@@ -79,7 +79,7 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file high" data-value="hex-to-rgb.ts"><a href="hex-to-rgb.ts.html">hex-to-rgb.ts</a></td>
+	<td class="file high" data-value="hexToRgb.ts"><a href="hexToRgb.ts.html">hexToRgb.ts</a></td>
 	<td data-value="100" class="pic high">
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
@@ -93,6 +93,36 @@
 	<td data-value="9" class="abs high">9/9</td>
 	</tr>
 
+<tr>
+	<td class="file high" data-value="rgbToCssString.ts"><a href="rgbToCssString.ts.html">rgbToCssString.ts</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="5" class="abs high">5/5</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="5" class="abs high">5/5</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="rgbToHex.ts"><a href="rgbToHex.ts.html">rgbToHex.ts</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="9" class="abs high">9/9</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="6" class="abs high">6/6</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="2" class="abs high">2/2</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="9" class="abs high">9/9</td>
+	</tr>
+
 </tbody>
 </table>
 </div>
@@ -101,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-19T16:43:56.752Z
+                at 2025-03-26T14:08:05.118Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov-report/{to-hex.ts.html → rgbToCssString.ts.html}

@@ -3,7 +3,7 @@
 <html lang="en">
 
 <head>
-    <title>Code coverage report for to-hex.ts</title>
+    <title>Code coverage report for rgbToCssString.ts</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="prettify.css" />
     <link rel="stylesheet" href="base.css" />
@@ -19,20 +19,20 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="index.html">All files</a> to-hex.ts</h1>
+        <h1><a href="index.html">All files</a> rgbToCssString.ts</h1>
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>2/2</span>
+                <span class='fraction'>5/5</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>1/1</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>2/2</span>
+                <span class='fraction'>5/5</span>
             </div>
         
             
@@ -66,11 +66,29 @@
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
 <a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export function toHex() {
-  return 0;
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type { RGBColor } from "./types";
+&nbsp;
+export function rgbToCssString(rgb: RGBColor) {
+  const { r, g, b, a } = rgb;
+  if (typeof a !== "number") {
+    return `rgb(${r}, ${g}, ${b})`;
+  }
+  return `rgba(${r}, ${g}, ${b}, ${a})`;
 }
 &nbsp;</pre></td></tr></table></pre>
 
@@ -79,7 +97,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-06-14T15:25:51.260Z
+                at 2025-03-26T14:08:05.118Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov-report/rgbToHex.ts.html

@@ -0,0 +1,160 @@
+
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Code coverage report for rgbToHex.ts</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="prettify.css" />
+    <link rel="stylesheet" href="base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+    
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="index.html">All files</a> rgbToHex.ts</h1>
+        <div class='clearfix'>
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>9/9</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>6/6</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>2/2</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>9/9</span>
+            </div>
+        
+            
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line high'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
+<a name='L2'></a><a href='#L2'>2</a>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">34x</span>
+<span class="cline-any cline-yes">34x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { RGBColor } from "./types";
+&nbsp;
+const hex = (num: number) =&gt; {
+  const hex = num.toString(16);
+  return hex.length === 1 ? `0${hex}` : hex;
+};
+&nbsp;
+/**
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} The hexadecimal color code
+ *
+ * @example
+ * ```ts
+ * rgbToHex({ r: 255, g: 99, b: 71 }); // "#ff6347"
+ * rgbToHex({ r: 255, g: 99, b: 71, a: 0.5 }); // "#ff634780"
+ * ```
+ */
+export function rgbToHex(rgb: RGBColor): string {
+  const { r, g, b, a } = rgb;
+  let ret = `#${hex(r)}${hex(g)}${hex(b)}`;
+  if (typeof a === "number" &amp;&amp; a &gt;= 0 &amp;&amp; a &lt;= 1) {
+    ret += hex(parseInt((255 * a).toFixed(0)));
+  }
+  return ret;
+}
+&nbsp;</pre></td></tr></table></pre>
+
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2025-03-26T14:08:05.118Z
+            </div>
+        <script src="prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="sorter.js"></script>
+        <script src="block-navigation.js"></script>
+    </body>
+</html>
+    

package/coverage/lcov.info

@@ -1,31 +1,76 @@
 TN:
-SF:src/hex-to-rgb.ts
-FN:14,hexToRgb
+SF:src/hexToRgb.ts
+FN:17,hexToRgb
 FNF:1
 FNH:1
 FNDA:12,hexToRgb
-DA:14,12
-DA:15,12
-DA:16,12
-DA:17,6
-DA:27,12
-DA:28,12
-DA:29,12
+DA:17,12
+DA:18,12
+DA:19,12
+DA:20,6
 DA:30,12
 DA:31,12
+DA:32,12
+DA:33,12
+DA:34,12
 LF:9
 LH:9
-BRDA:15,0,0,11
-BRDA:15,0,1,1
-BRDA:16,1,0,6
-BRDA:16,2,0,12
-BRDA:16,2,1,8
-BRDA:24,3,0,6
-BRDA:24,3,1,4
-BRDA:25,4,0,6
-BRDA:25,4,1,4
-BRDA:30,5,0,12
-BRDA:30,5,1,7
+BRDA:18,0,0,11
+BRDA:18,0,1,1
+BRDA:19,1,0,6
+BRDA:19,2,0,12
+BRDA:19,2,1,8
+BRDA:27,3,0,6
+BRDA:27,3,1,4
+BRDA:28,4,0,6
+BRDA:28,4,1,4
+BRDA:33,5,0,12
+BRDA:33,5,1,7
 BRF:11
 BRH:11
 end_of_record
+TN:
+SF:src/rgbToCssString.ts
+FN:3,rgbToCssString
+FNF:1
+FNH:1
+FNDA:4,rgbToCssString
+DA:3,4
+DA:4,4
+DA:5,4
+DA:6,1
+DA:8,3
+LF:5
+LH:5
+BRDA:5,0,0,1
+BRF:1
+BRH:1
+end_of_record
+TN:
+SF:src/rgbToHex.ts
+FN:3,(anonymous_1)
+FN:18,rgbToHex
+FNF:2
+FNH:2
+FNDA:34,(anonymous_1)
+FNDA:10,rgbToHex
+DA:3,1
+DA:4,34
+DA:5,34
+DA:18,10
+DA:19,10
+DA:20,10
+DA:21,10
+DA:22,4
+DA:24,10
+LF:9
+LH:9
+BRDA:5,0,0,19
+BRDA:5,0,1,15
+BRDA:21,1,0,4
+BRDA:21,2,0,10
+BRDA:21,2,1,4
+BRDA:21,2,2,4
+BRF:6
+BRH:6
+end_of_record

package/dist/{hex-to-rgb.d.ts → hexToRgb.d.ts}

@@ -1,8 +1,8 @@
-import type { RGBA } from "./types";
+import type { RGBColor } from "./types";
 /**
- * Converts a hexadecimal color code to its corresponding RGBA representation.
+ * Convert a hexadecimal color code to its corresponding RGBA representation.
  * @param {string} hex - The hexadecimal color code to be converted.
- * @returns {RGBA} - An object containing the RGBA values.
+ * @returns {RGBColor} - An object containing the RGBA values.
  * @example
  * ```
  * import { hexToRgb } from "@library/color";
@@ -13,5 +13,5 @@ import type { RGBA } from "./types";
  * hexToRgb("#11223344"); // { r: 17, g: 34, b: 51, a: 0.27 }
  * ```
  */
-export declare function hexToRgb(hex: string): RGBA;
-//# sourceMappingURL=hex-to-rgb.d.ts.map
+export declare function hexToRgb(hex: string): RGBColor;
+//# sourceMappingURL=hexToRgb.d.ts.map

package/dist/hexToRgb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexToRgb.d.ts","sourceRoot":"","sources":["../src/hexToRgb.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAuB9C"}

package/dist/{hex-to-rgb.js → hexToRgb.js}

@@ -1,7 +1,7 @@
 /**
- * Converts a hexadecimal color code to its corresponding RGBA representation.
+ * Convert a hexadecimal color code to its corresponding RGBA representation.
  * @param {string} hex - The hexadecimal color code to be converted.
- * @returns {RGBA} - An object containing the RGBA values.
+ * @returns {RGBColor} - An object containing the RGBA values.
  * @example
  * ```
  * import { hexToRgb } from "@library/color";

package/dist/index.d.ts

@@ -1,3 +1,5 @@
-export { hexToRgb } from "./hex-to-rgb.js";
+export { hexToRgb } from "./hexToRgb.js";
+export { rgbToHex } from "./rgbToHex.js";
+export { rgbToCssString } from "./rgbToCssString.js";
 export type * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,mBAAmB,SAAS,CAAC"}

package/dist/index.js

@@ -1 +1,3 @@
-export { hexToRgb } from "./hex-to-rgb.js";
+export { hexToRgb } from "./hexToRgb.js";
+export { rgbToHex } from "./rgbToHex.js";
+export { rgbToCssString } from "./rgbToCssString.js";

package/dist/rgbToCssString.d.ts

@@ -0,0 +1,12 @@
+import type { RGBColor } from "./types";
+/**
+ * Converts an RGB or RGBA color object into a CSS color string.
+ *
+ * If the alpha (`a`) value is provided, it returns a `rgba(r, g, b, a)` string.
+ * Otherwise, it returns a `rgb(r, g, b)` string.
+ *
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} A CSS color string.
+ */
+export declare function rgbToCssString(rgb: RGBColor): string;
+//# sourceMappingURL=rgbToCssString.d.ts.map

package/dist/rgbToCssString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgbToCssString.d.ts","sourceRoot":"","sources":["../src/rgbToCssString.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM,CAMpD"}

package/dist/rgbToCssString.js

@@ -0,0 +1,16 @@
+/**
+ * Converts an RGB or RGBA color object into a CSS color string.
+ *
+ * If the alpha (`a`) value is provided, it returns a `rgba(r, g, b, a)` string.
+ * Otherwise, it returns a `rgb(r, g, b)` string.
+ *
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} A CSS color string.
+ */
+export function rgbToCssString(rgb) {
+    const { r, g, b, a } = rgb;
+    if (typeof a !== "number") {
+        return `rgb(${r}, ${g}, ${b})`;
+    }
+    return `rgba(${r}, ${g}, ${b}, ${a})`;
+}

package/dist/rgbToHex.d.ts

@@ -0,0 +1,13 @@
+import { RGBColor } from "./types";
+/**
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} The hexadecimal color code
+ *
+ * @example
+ * ```ts
+ * rgbToHex({ r: 255, g: 99, b: 71 }); // "#ff6347"
+ * rgbToHex({ r: 255, g: 99, b: 71, a: 0.5 }); // "#ff634780"
+ * ```
+ */
+export declare function rgbToHex(rgb: RGBColor): string;
+//# sourceMappingURL=rgbToHex.d.ts.map

package/dist/rgbToHex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgbToHex.d.ts","sourceRoot":"","sources":["../src/rgbToHex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAOnC;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM,CAO9C"}

package/dist/rgbToHex.js

@@ -0,0 +1,22 @@
+const hex = (num) => {
+    const hex = num.toString(16);
+    return hex.length === 1 ? `0${hex}` : hex;
+};
+/**
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} The hexadecimal color code
+ *
+ * @example
+ * ```ts
+ * rgbToHex({ r: 255, g: 99, b: 71 }); // "#ff6347"
+ * rgbToHex({ r: 255, g: 99, b: 71, a: 0.5 }); // "#ff634780"
+ * ```
+ */
+export function rgbToHex(rgb) {
+    const { r, g, b, a } = rgb;
+    let ret = `#${hex(r)}${hex(g)}${hex(b)}`;
+    if (typeof a === "number" && a >= 0 && a <= 1) {
+        ret += hex(parseInt((255 * a).toFixed(0)));
+    }
+    return ret;
+}

package/dist/types.d.ts

@@ -1,7 +1,7 @@
-export type RGBA = {
+export type RGBColor = {
     r: number;
     g: number;
     b: number;
-    a: number;
+    a?: number;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC"}

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@library/color",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "main": "./dist/index.js",
-  "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
   "scripts": {
-    "build": "tsc -p tsconfig.build.json",
+    "build": "rimraf dist && tsc -p tsconfig.build.json ",
     "test": "jest --verbose"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d7225df96380c60c3ae8638aba07a51af842e8e0"
+  "gitHead": "95b2a37ecb3e4b963a573a66961aa08e35722232"
 }

package/src/{hex-to-rgb.test.ts → hexToRgb.spec.ts}

@@ -1,4 +1,4 @@
-import { hexToRgb } from "./hex-to-rgb";
+import { hexToRgb } from "./hexToRgb";
 
 describe("hexToRgb", () => {
   test.each([

package/src/{hex-to-rgb.ts → hexToRgb.ts}

@@ -1,8 +1,9 @@
-import type { RGBA } from "./types";
+import type { RGBColor } from "./types";
+
 /**
- * Converts a hexadecimal color code to its corresponding RGBA representation.
+ * Convert a hexadecimal color code to its corresponding RGBA representation.
  * @param {string} hex - The hexadecimal color code to be converted.
- * @returns {RGBA} - An object containing the RGBA values.
+ * @returns {RGBColor} - An object containing the RGBA values.
  * @example
  * ```
  * import { hexToRgb } from "@library/color";
@@ -13,7 +14,7 @@ import type { RGBA } from "./types";
  * hexToRgb("#11223344"); // { r: 17, g: 34, b: 51, a: 0.27 }
  * ```
  */
-export function hexToRgb(hex: string): RGBA {
+export function hexToRgb(hex: string): RGBColor {
   hex = hex[0] === "#" ? hex.slice(1) : hex;
   if (hex.length === 3 || hex.length === 4) {
     hex =

package/src/index.ts

@@ -1,2 +1,4 @@
-export { hexToRgb } from "./hex-to-rgb.js";
+export { hexToRgb } from "./hexToRgb.js";
+export { rgbToHex } from "./rgbToHex.js";
+export { rgbToCssString } from "./rgbToCssString.js";
 export type * from "./types";

package/src/rgbToCssString.spec.ts

@@ -0,0 +1,25 @@
+import { rgbToCssString } from "./rgbToCssString";
+import type { RGBColor } from "./types";
+
+describe("rgbToCssString", () => {
+  test.each<[desc: string, input: RGBColor, expected: string]>([
+    ["rgb string without alpha", { r: 255, g: 0, b: 128 }, "rgb(255, 0, 128)"],
+    [
+      "rgba string with alpha 0.5",
+      { r: 255, g: 0, b: 128, a: 0.5 },
+      "rgba(255, 0, 128, 0.5)",
+    ],
+    [
+      "rgba string with alpha 0",
+      { r: 0, g: 0, b: 0, a: 0 },
+      "rgba(0, 0, 0, 0)",
+    ],
+    [
+      "rgba string with alpha 1",
+      { r: 255, g: 255, b: 255, a: 1 },
+      "rgba(255, 255, 255, 1)",
+    ],
+  ])("%s", (_, input, expected) => {
+    expect(rgbToCssString(input)).toBe(expected);
+  });
+});

package/src/rgbToCssString.ts

@@ -0,0 +1,18 @@
+import type { RGBColor } from "./types";
+
+/**
+ * Converts an RGB or RGBA color object into a CSS color string.
+ *
+ * If the alpha (`a`) value is provided, it returns a `rgba(r, g, b, a)` string.
+ * Otherwise, it returns a `rgb(r, g, b)` string.
+ *
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} A CSS color string.
+ */
+export function rgbToCssString(rgb: RGBColor): string {
+  const { r, g, b, a } = rgb;
+  if (typeof a !== "number") {
+    return `rgb(${r}, ${g}, ${b})`;
+  }
+  return `rgba(${r}, ${g}, ${b}, ${a})`;
+}

package/src/rgbToHex.spec.ts

@@ -0,0 +1,19 @@
+import type { RGBColor } from "../dist";
+import { rgbToHex } from "./rgbToHex";
+
+describe("rgbToHex", () => {
+  test.each([
+    [{ r: 255, g: 0, b: 0 }, "#ff0000"],
+    [{ r: 0, g: 255, b: 0 }, "#00ff00"],
+    [{ r: 0, g: 0, b: 255 }, "#0000ff"],
+    [{ r: 255, g: 255, b: 255 }, "#ffffff"],
+    [{ r: 0, g: 0, b: 0 }, "#000000"],
+    [{ r: 255, g: 165, b: 0 }, "#ffa500"],
+    [{ r: 255, g: 0, b: 0, a: 1 }, "#ff0000ff"],
+    [{ r: 255, g: 0, b: 0, a: 0.5 }, "#ff000080"],
+    [{ r: 255, g: 0, b: 0, a: 0 }, "#ff000000"],
+    [{ r: 255, g: 0, b: 0, a: 0.123 }, "#ff00001f"],
+  ])("converts %o to %s", (input: RGBColor, expected: string) => {
+    expect(rgbToHex(input)).toBe(expected);
+  });
+});

package/src/rgbToHex.ts

@@ -0,0 +1,25 @@
+import { RGBColor } from "./types";
+
+const hex = (num: number) => {
+  const hex = num.toString(16);
+  return hex.length === 1 ? `0${hex}` : hex;
+};
+
+/**
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} The hexadecimal color code
+ *
+ * @example
+ * ```ts
+ * rgbToHex({ r: 255, g: 99, b: 71 }); // "#ff6347"
+ * rgbToHex({ r: 255, g: 99, b: 71, a: 0.5 }); // "#ff634780"
+ * ```
+ */
+export function rgbToHex(rgb: RGBColor): string {
+  const { r, g, b, a } = rgb;
+  let ret = `#${hex(r)}${hex(g)}${hex(b)}`;
+  if (typeof a === "number" && a >= 0 && a <= 1) {
+    ret += hex(parseInt((255 * a).toFixed(0)));
+  }
+  return ret;
+}

package/src/types.ts

@@ -1,6 +1,6 @@
-export type RGBA = {
+export type RGBColor = {
   r: number;
   g: number;
   b: number;
-  a: number;
+  a?: number;
 };

package/dist/hex-to-rgb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hex-to-rgb.d.ts","sourceRoot":"","sources":["../src/hex-to-rgb.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AACpC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAuB1C"}

package/dist/hex-to-rgb.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=hex-to-rgb.test.d.ts.map

package/dist/hex-to-rgb.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hex-to-rgb.test.d.ts","sourceRoot":"","sources":["../src/hex-to-rgb.test.ts"],"names":[],"mappings":""}

package/dist/hex-to-rgb.test.js

@@ -1,19 +0,0 @@
-import { hexToRgb } from "./hex-to-rgb";
-describe("hexToRgb", () => {
-    test.each([
-        ["000", { r: 0, g: 0, b: 0, a: 1 }],
-        ["#000", { r: 0, g: 0, b: 0, a: 1 }],
-        ["#0000", { r: 0, g: 0, b: 0, a: 0 }],
-        ["#000000", { r: 0, g: 0, b: 0, a: 1 }],
-        ["#00000000", { r: 0, g: 0, b: 0, a: 0 }],
-        ["#fff", { r: 255, g: 255, b: 255, a: 1 }],
-        ["#ffff", { r: 255, g: 255, b: 255, a: 1 }],
-        ["#ffffff", { r: 255, g: 255, b: 255, a: 1 }],
-        ["#ffffffff", { r: 255, g: 255, b: 255, a: 1 }],
-        ["#f00", { r: 255, g: 0, b: 0, a: 1 }],
-        ["#7f11e0", { r: 127, g: 17, b: 224, a: 1 }],
-        ["#11223344", { r: 17, g: 34, b: 51, a: 0.27 }],
-    ])('hexToRgba("%s")', (hex, rgba) => {
-        expect(hexToRgb(hex)).toMatchObject(rgba);
-    });
-});

package/dist/to-hex.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toHex = void 0;
-function toHex() {
-    return 0;
-}
-exports.toHex = toHex;

package/typedoc.json

@@ -1,4 +0,0 @@
-{
-  "extends": ["../../typedoc.base.json"],
-  "entryPoints": ["src/index.ts"]
-}