@aussieljk/forkbook 0.0.1-2 → 0.0.1-4

package/assets/server/base-preview-head.html

@@ -2,30 +2,30 @@
 
 <style>
   /* While we aren't showing the main block yet, but still preparing, we want everything the user has rendered, which may or may not be in #storybook-root, to be display none */
-  .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
+  .fb-show-preparing-story:not(.fb-show-main) > :not(.fb-preparing-story) {
     display: none;
   }
 
-  .sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {
+  .fb-show-preparing-docs:not(.fb-show-main) > :not(.fb-preparing-docs) {
     display: none;
   }
 
   /* Hide our own blocks when we aren't supposed to be showing them */
-  :not(.sb-show-preparing-story) > .sb-preparing-story,
-  :not(.sb-show-preparing-docs) > .sb-preparing-docs,
-  :not(.sb-show-nopreview) > .sb-nopreview,
-  :not(.sb-show-errordisplay) > .sb-errordisplay {
+  :not(.fb-show-preparing-story) > .fb-preparing-story,
+  :not(.fb-show-preparing-docs) > .fb-preparing-docs,
+  :not(.fb-show-nopreview) > .fb-nopreview,
+  :not(.fb-show-errordisplay) > .fb-errordisplay {
     display: none;
   }
 
-  .sb-show-main.sb-main-centered {
+  .fb-show-main.fb-main-centered {
     margin: 0;
     display: flex;
     align-items: center;
     min-height: 100vh;
   }
 
-  .sb-show-main.sb-main-centered #storybook-root {
+  .fb-show-main.fb-main-centered #storybook-root {
     box-sizing: border-box;
     margin: auto;
     padding: 1rem;
@@ -35,27 +35,27 @@
 
   /* Vertical centering fix for IE11 */
   @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-    .sb-show-main.sb-main-centered:after {
+    .fb-show-main.fb-main-centered:after {
       content: '';
       min-height: inherit;
       font-size: 0;
     }
   }
 
-  .sb-show-main.sb-main-fullscreen {
+  .fb-show-main.fb-main-fullscreen {
     margin: 0;
     padding: 0;
     display: block;
   }
 
-  .sb-show-main.sb-main-padded {
+  .fb-show-main.fb-main-padded {
     margin: 0;
     padding: 1rem;
     display: block;
     box-sizing: border-box;
   }
 
-  .sb-wrapper {
+  .fb-wrapper {
     position: fixed;
     top: 0;
     bottom: 0;
@@ -65,7 +65,7 @@
 
     padding: 40px;
     font-family:
-      'Nunito Sans',
+      'Inter Variable',
       -apple-system,
       '.SFNSText-Regular',
       'San Francisco',
@@ -80,18 +80,18 @@
   }
 
   @media (max-width: 700px) {
-    .sb-wrapper {
+    .fb-wrapper {
       padding: 20px;
     }
   }
 
   @media (max-width: 500px) {
-    .sb-wrapper {
+    .fb-wrapper {
       padding: 10px;
     }
   }
 
-  .sb-heading {
+  .fb-heading {
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 0.2px;
@@ -99,14 +99,14 @@
     padding-right: 25px;
   }
 
-  .sb-nopreview {
+  .fb-nopreview {
     display: flex;
     align-content: center;
     justify-content: center;
     box-sizing: border-box;
   }
 
-  .sb-nopreview_main {
+  .fb-nopreview_main {
     margin: auto;
     padding: 30px;
     border-radius: 10px;
@@ -114,17 +114,17 @@
     color: rgb(46, 52, 56);
   }
 
-  .sb-nopreview_main * {
+  .fb-nopreview_main * {
     background: rgb(247, 247, 247);
     color: rgb(46, 52, 56);
   }
 
-  .sb-nopreview_heading {
+  .fb-nopreview_heading {
     text-align: center;
   }
 
-  .sb-errordisplay {
-    background: #f6f9fc;
+  .fb-errordisplay {
+    background: #f2f2f7;
     color: black;
     z-index: 999999;
     width: 100vw;
@@ -132,7 +132,7 @@
     box-sizing: border-box;
   }
 
-  .sb-errordisplay_main {
+  .fb-errordisplay_main {
     margin: auto;
     padding: 24px;
     display: flex;
@@ -149,25 +149,25 @@
     gap: 24px;
   }
 
-  .sb-errordisplay_main ol {
+  .fb-errordisplay_main ol {
     padding-left: 18px;
     margin: 0;
   }
 
   /* Redefine colors to ensure readability regardless of user-provided * selectors. */
-  .sb-errordisplay_main * {
+  .fb-errordisplay_main * {
     background: white;
     color: black;
   }
 
   /* Exclude error code block from the universal reset to preserve ANSI colors and dark theme */
-  .sb-errordisplay_main .sb-errordisplay_code,
-  .sb-errordisplay_main .sb-errordisplay_code * {
+  .fb-errordisplay_main .fb-errordisplay_code,
+  .fb-errordisplay_main .fb-errordisplay_code * {
     background: #242424;
     color: #c6c6c6;
   }
 
-  .sb-errordisplay_main h1 {
+  .fb-errordisplay_main h1 {
     font-family: inherit;
     font-size: 22px;
     font-weight: 400;
@@ -175,7 +175,7 @@
     margin: 0;
   }
 
-  .sb-errordisplay_main h1::before {
+  .fb-errordisplay_main h1::before {
     content: '';
     display: inline-block;
     width: 12px;
@@ -185,8 +185,8 @@
     margin-right: 8px;
   }
 
-  .sb-errordisplay_main p,
-  .sb-errordisplay_main ol {
+  .fb-errordisplay_main p,
+  .fb-errordisplay_main ol {
     font-family: inherit;
     font-size: 14px;
     font-weight: 400;
@@ -194,17 +194,17 @@
     margin: 0;
   }
 
-  .sb-errordisplay_main li + li {
+  .fb-errordisplay_main li + li {
     margin: 0;
     padding: 0;
     padding-top: 12px;
   }
 
-  .sb-errordisplay_main a {
+  .fb-errordisplay_main a {
     color: currentColor;
   }
 
-  .sb-errordisplay_main .sb-errordisplay_code {
+  .fb-errordisplay_main .fb-errordisplay_code {
     padding: 10px;
     flex: 1;
     background: #242424;
@@ -223,16 +223,16 @@
     overflow: auto;
   }
 
-  .sb-errordisplay_main .sb-errordisplay_code code {
+  .fb-errordisplay_main .fb-errordisplay_code code {
     background-color: inherit;
     color: inherit;
   }
 
-  .sb-errordisplay_main .sb-errordisplay_code {
+  .fb-errordisplay_main .fb-errordisplay_code {
     white-space: pre-wrap;
   }
 
-  @-webkit-keyframes sb-rotate360 {
+  @-webkit-keyframes fb-rotate360 {
     from {
       transform: rotate(0deg);
     }
@@ -242,7 +242,7 @@
     }
   }
 
-  @keyframes sb-rotate360 {
+  @keyframes fb-rotate360 {
     from {
       transform: rotate(0deg);
     }
@@ -252,7 +252,7 @@
     }
   }
 
-  @-webkit-keyframes sb-glow {
+  @-webkit-keyframes fb-glow {
     0%,
     100% {
       opacity: 1;
@@ -263,7 +263,7 @@
     }
   }
 
-  @keyframes sb-glow {
+  @keyframes fb-glow {
     0%,
     100% {
       opacity: 1;
@@ -275,17 +275,17 @@
   }
 
   /* We display the preparing loaders *over* the rendering story */
-  .sb-preparing-story,
-  .sb-preparing-docs {
+  .fb-preparing-story,
+  .fb-preparing-docs {
     background-color: white;
     /* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always
     on top, but this isn't possible as it would require making CSS changes that could affect user code */
     z-index: 2147483647;
   }
 
-  .sb-loader {
-    -webkit-animation: sb-rotate360 0.7s linear infinite;
-    animation: sb-rotate360 0.7s linear infinite;
+  .fb-loader {
+    -webkit-animation: fb-rotate360 0.7s linear infinite;
+    animation: fb-rotate360 0.7s linear infinite;
     border-color: rgba(97, 97, 97, 0.29);
     border-radius: 50%;
     border-style: solid;
@@ -306,7 +306,7 @@
     z-index: 4;
   }
 
-  .sb-previewBlock {
+  .fb-previewBlock {
     background: #fff;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 4px;
@@ -315,7 +315,7 @@
     max-width: 600px;
   }
 
-  .sb-previewBlock_header {
+  .fb-previewBlock_header {
     align-items: center;
     box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
     display: flex;
@@ -324,26 +324,26 @@
     padding: 0 12px;
   }
 
-  .sb-previewBlock_icon {
-    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
-    animation: sb-glow 1.5s ease-in-out infinite;
+  .fb-previewBlock_icon {
+    -webkit-animation: fb-glow 1.5s ease-in-out infinite;
+    animation: fb-glow 1.5s ease-in-out infinite;
     background: #e6e6e6;
     height: 14px;
     width: 14px;
   }
 
-  .sb-previewBlock_icon:last-child {
+  .fb-previewBlock_icon:last-child {
     margin-left: auto;
   }
 
-  .sb-previewBlock_body {
-    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
-    animation: sb-glow 1.5s ease-in-out infinite;
+  .fb-previewBlock_body {
+    -webkit-animation: fb-glow 1.5s ease-in-out infinite;
+    animation: fb-glow 1.5s ease-in-out infinite;
     height: 182px;
     position: relative;
   }
 
-  .sb-argstableBlock {
+  .fb-argstableBlock {
     border-collapse: collapse;
     border-spacing: 0;
     font-size: 13px;
@@ -354,88 +354,88 @@
     width: 100%;
   }
 
-  .sb-argstableBlock th:first-of-type,
-  .sb-argstableBlock td:first-of-type {
+  .fb-argstableBlock th:first-of-type,
+  .fb-argstableBlock td:first-of-type {
     padding-left: 20px;
   }
 
-  .sb-argstableBlock th:nth-of-type(2),
-  .sb-argstableBlock td:nth-of-type(2) {
+  .fb-argstableBlock th:nth-of-type(2),
+  .fb-argstableBlock td:nth-of-type(2) {
     width: 35%;
   }
 
-  .sb-argstableBlock th:nth-of-type(3),
-  .sb-argstableBlock td:nth-of-type(3) {
+  .fb-argstableBlock th:nth-of-type(3),
+  .fb-argstableBlock td:nth-of-type(3) {
     width: 15%;
   }
 
-  .sb-argstableBlock th:last-of-type,
-  .sb-argstableBlock td:last-of-type {
+  .fb-argstableBlock th:last-of-type,
+  .fb-argstableBlock td:last-of-type {
     width: 25%;
     padding-right: 20px;
   }
 
-  .sb-argstableBlock th span,
-  .sb-argstableBlock td span {
-    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
-    animation: sb-glow 1.5s ease-in-out infinite;
+  .fb-argstableBlock th span,
+  .fb-argstableBlock td span {
+    -webkit-animation: fb-glow 1.5s ease-in-out infinite;
+    animation: fb-glow 1.5s ease-in-out infinite;
     background-color: rgba(0, 0, 0, 0.1);
     border-radius: 0;
     box-shadow: none;
     color: transparent;
   }
 
-  .sb-argstableBlock th {
+  .fb-argstableBlock th {
     padding: 10px 15px;
   }
 
-  .sb-argstableBlock-body {
+  .fb-argstableBlock-body {
     border-radius: 4px;
     box-shadow:
       rgba(0, 0, 0, 0.1) 0 1px 3px 1px,
       rgba(0, 0, 0, 0.065) 0 0 0 1px;
   }
 
-  .sb-argstableBlock-body tr {
+  .fb-argstableBlock-body tr {
     background: transparent;
     overflow: hidden;
   }
 
-  .sb-argstableBlock-body tr:not(:first-child) {
+  .fb-argstableBlock-body tr:not(:first-child) {
     border-top: 1px solid #e6e6e6;
   }
 
-  .sb-argstableBlock-body tr:first-child td:first-child {
+  .fb-argstableBlock-body tr:first-child td:first-child {
     border-top-left-radius: 4px;
   }
 
-  .sb-argstableBlock-body tr:first-child td:last-child {
+  .fb-argstableBlock-body tr:first-child td:last-child {
     border-top-right-radius: 4px;
   }
 
-  .sb-argstableBlock-body tr:last-child td:first-child {
+  .fb-argstableBlock-body tr:last-child td:first-child {
     border-bottom-left-radius: 4px;
   }
 
-  .sb-argstableBlock-body tr:last-child td:last-child {
+  .fb-argstableBlock-body tr:last-child td:last-child {
     border-bottom-right-radius: 4px;
   }
 
-  .sb-argstableBlock-body td {
+  .fb-argstableBlock-body td {
     background: #fff;
     padding-bottom: 10px;
     padding-top: 10px;
     vertical-align: top;
   }
 
-  .sb-argstableBlock-body td:not(:first-of-type) {
+  .fb-argstableBlock-body td:not(:first-of-type) {
     padding-left: 15px;
     padding-right: 15px;
   }
 
-  .sb-argstableBlock-body button {
-    -webkit-animation: sb-glow 1.5s ease-in-out infinite;
-    animation: sb-glow 1.5s ease-in-out infinite;
+  .fb-argstableBlock-body button {
+    -webkit-animation: fb-glow 1.5s ease-in-out infinite;
+    animation: fb-glow 1.5s ease-in-out infinite;
     background-color: rgba(0, 0, 0, 0.1);
     border: 0;
     border-radius: 0;
@@ -447,18 +447,18 @@
     padding: 10px 16px;
   }
 
-  .sb-argstableBlock-summary {
+  .fb-argstableBlock-summary {
     margin-top: 4px;
   }
 
-  .sb-argstableBlock-code {
+  .fb-argstableBlock-code {
     margin-right: 4px;
     margin-bottom: 4px;
     padding: 2px 5px;
   }
 
-  .sb-sr-only,
-  .sb-hidden-until-focus:not(:focus) {
+  .fb-sr-only,
+  .fb-hidden-until-focus:not(:focus) {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -469,12 +469,12 @@
     border: none;
   }
 
-  .sb-hidden-until-focus {
+  .fb-hidden-until-focus {
     opacity: 0;
     transition: opacity 150ms ease-out;
   }
 
-  .sb-hidden-until-focus:focus {
+  .fb-hidden-until-focus:focus {
     opacity: 1;
   }
 </style>

package/assets/server/template.ejs

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
 
-    <title><%= typeof title !== 'undefined'? title : 'Storybook'%></title>
+    <title><%= typeof title !== 'undefined'? title : 'Forkbook'%></title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <% if (favicon.endsWith('.svg')) {%>
@@ -11,41 +11,26 @@
     <% } else if (favicon.endsWith('.ico')) { %>
     <link rel="icon" type="image/x-icon" href="./<%= favicon %>" />
     <% } %>
+    <link rel="apple-touch-icon" href="./fb-common-assets/mirror-ball.png" />
     <style>
       @font-face {
-        font-family: 'Nunito Sans';
+        font-family: 'Inter Variable';
         font-style: normal;
-        font-weight: 400;
+        font-weight: 100 900;
         font-display: swap;
-        src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
+        src: url('./fb-common-assets/inter-variable.woff2') format('woff2');
       }
 
       @font-face {
-        font-family: 'Nunito Sans';
+        font-family: 'Inter Variable';
         font-style: italic;
-        font-weight: 400;
+        font-weight: 100 900;
         font-display: swap;
-        src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
-      }
-
-      @font-face {
-        font-family: 'Nunito Sans';
-        font-style: normal;
-        font-weight: 700;
-        font-display: swap;
-        src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
-      }
-
-      @font-face {
-        font-family: 'Nunito Sans';
-        font-style: italic;
-        font-weight: 700;
-        font-display: swap;
-        src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
+        src: url('./fb-common-assets/inter-variable-italic.woff2') format('woff2');
       }
     </style>
 
-    <link href="./sb-manager/runtime.js" rel="modulepreload" />
+    <link href="./fb-manager/runtime.js" rel="modulepreload" />
 
     <% files.js.forEach(file => { %>
     <link href="<%= file %>" rel="modulepreload" />
@@ -75,13 +60,13 @@
     <% } %>
 
     <script type="module">
-      import './sb-manager/globals-runtime.js';
+      import './fb-manager/globals-runtime.js';
 
       <% files.js.forEach(file => { %>
         import '<%= file %>';
       <% }); %>
 
-      import './sb-manager/runtime.js';
+      import './fb-manager/runtime.js';
     </script>
   </body>
 </html>

package/dist/_browser-chunks/{Color-PCLE2J36.js → Color-KRDPNBZS.js}

@@ -796,17 +796,17 @@ var xe = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: j, fromHsva: function(e2) {
   return e.createElement(re, l({}, r2, { colorModel: xe }));
 };
 
-// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/controls/Color.module.css
+// storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/addon-docs/blocks/controls/Color.module.css
 var id = "core/src/addon-docs/blocks/controls/Color.module.css";
-if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id}"]`)) {
+if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]`)) {
   let style = document.createElement("style");
-  style.setAttribute("data-sb-css", id), style.textContent = '.sb-jgXPQa-wrapper{max-width:250px;position:relative}.sb-jgXPQa-tooltipContent{width:200px;margin:5px;& .react-colorful__saturation{border-radius:4px 4px 0 0}& .react-colorful__hue{box-shadow:inset 0 0 0 1px #0000000d}& .react-colorful__last-control{border-radius:0 0 4px 4px}}.sb-jgXPQa-swatches{grid-template-columns:repeat(9,16px);gap:6px;width:200px;margin-top:5px;padding:3px;display:grid}.sb-jgXPQa-swatch{--checkers:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" fill-opacity=\\"0.05\\" fill=\\"black\\"><path d=\\"M8 0h8v8H8zM0 8h8v8H0z\\"/></svg>");width:16px;height:16px;box-shadow:var(--sb-app-border-color) 0 0 0 1px inset;border-radius:var(--sb-app-border-radius);border:none;&,&:hover{background:unset;background-color:unset;background-image:linear-gradient(var(--sb-swatch-color), var(--sb-swatch-color)), var(--checkers)}&[data-selected]{box-shadow:var(--sb-app-border-color) 0 0 0 1px inset, rgb(from var(--sb-text-muted-color) r g b / .31) 0 0 0 4px}}:where([data-sb-theme=dark]) .sb-jgXPQa-swatch{--checkers:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" fill-opacity=\\"0.05\\" fill=\\"white\\"><path d=\\"M8 0h8v8H8zM0 8h8v8H0z\\"/></svg>")}.sb-jgXPQa-input{box-sizing:border-box;width:100%;font-family:var(--sb-font-base);padding-left:30px;padding-right:30px;[aria-readonly=true]>&{background:var(--sb-color-lighter)}}:where([data-sb-theme=dark]) [aria-readonly=true]>.sb-jgXPQa-input{background:0 0}.sb-jgXPQa-popoverTrigger{z-index:1;cursor:pointer;position:absolute;top:4px;left:4px;&:disabled,&[aria-disabled=true]{cursor:not-allowed}}.sb-jgXPQa-cycleColorSpaceButton{z-index:1;box-sizing:border-box;cursor:pointer;width:20px;height:20px;color:var(--sb-input-color);padding:4px;position:absolute;top:6px;right:7px}', document.head.appendChild(style);
+  style.setAttribute("data-fb-css", id), style.textContent = '.fb-jgXPQa-wrapper{max-width:250px;position:relative}.fb-jgXPQa-tooltipContent{width:200px;margin:5px;& .react-colorful__saturation{border-radius:4px 4px 0 0}& .react-colorful__hue{box-shadow:inset 0 0 0 1px #0000000d}& .react-colorful__last-control{border-radius:0 0 4px 4px}}.fb-jgXPQa-swatches{grid-template-columns:repeat(9,16px);gap:6px;width:200px;margin-top:5px;padding:3px;display:grid}.fb-jgXPQa-swatch{--checkers:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" fill-opacity=\\"0.05\\" fill=\\"black\\"><path d=\\"M8 0h8v8H8zM0 8h8v8H0z\\"/></svg>");width:16px;height:16px;box-shadow:var(--fb-app-border-color) 0 0 0 1px inset;border-radius:var(--fb-app-border-radius);border:none;&,&:hover{background:unset;background-color:unset;background-image:linear-gradient(var(--fb-swatch-color), var(--fb-swatch-color)), var(--checkers)}&[data-selected]{box-shadow:var(--fb-app-border-color) 0 0 0 1px inset, rgb(from var(--fb-text-muted-color) r g b / .31) 0 0 0 4px}}:where([data-fb-theme=dark]) .fb-jgXPQa-swatch{--checkers:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" fill-opacity=\\"0.05\\" fill=\\"white\\"><path d=\\"M8 0h8v8H8zM0 8h8v8H0z\\"/></svg>")}.fb-jgXPQa-input{box-sizing:border-box;width:100%;font-family:var(--fb-font-base);padding-left:30px;padding-right:30px;[aria-readonly=true]>&{background:var(--fb-color-lighter)}}:where([data-fb-theme=dark]) [aria-readonly=true]>.fb-jgXPQa-input{background:0 0}.fb-jgXPQa-popoverTrigger{z-index:1;cursor:pointer;position:absolute;top:4px;left:4px;&:disabled,&[aria-disabled=true]{cursor:not-allowed}}.fb-jgXPQa-cycleColorSpaceButton{z-index:1;box-sizing:border-box;cursor:pointer;width:20px;height:20px;color:var(--fb-input-color);padding:4px;position:absolute;top:6px;right:7px}', document.head.appendChild(style);
 }
-var Color_default = { wrapper: "sb-jgXPQa-wrapper", input: "sb-jgXPQa-input", swatch: "sb-jgXPQa-swatch", popoverTrigger: "sb-jgXPQa-popoverTrigger", tooltipContent: "sb-jgXPQa-tooltipContent", cycleColorSpaceButton: "sb-jgXPQa-cycleColorSpaceButton", swatches: "sb-jgXPQa-swatches" };
+var Color_default = { swatches: "fb-jgXPQa-swatches", swatch: "fb-jgXPQa-swatch", input: "fb-jgXPQa-input", popoverTrigger: "fb-jgXPQa-popoverTrigger", wrapper: "fb-jgXPQa-wrapper", tooltipContent: "fb-jgXPQa-tooltipContent", cycleColorSpaceButton: "fb-jgXPQa-cycleColorSpaceButton" };
 
 // src/addon-docs/blocks/controls/Color.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var swatchStyle = (color) => ({ "--sb-swatch-color": color }), ColorSpace = /* @__PURE__ */ ((ColorSpace2) => (ColorSpace2.RGB = "rgb", ColorSpace2.HSL = "hsl", ColorSpace2.HEX = "hex", ColorSpace2))(ColorSpace || {}), COLOR_SPACES = Object.values(ColorSpace), COLOR_REGEXP = /\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/, RGB_REGEXP = /^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i, HSL_REGEXP = /^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i, HEX_REGEXP = /^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i, SHORTHEX_REGEXP = /^\s*#?([0-9a-f]{3})\s*$/i, ColorPicker = {
+var swatchStyle = (color) => ({ "--fb-swatch-color": color }), ColorSpace = /* @__PURE__ */ ((ColorSpace2) => (ColorSpace2.RGB = "rgb", ColorSpace2.HSL = "hsl", ColorSpace2.HEX = "hex", ColorSpace2))(ColorSpace || {}), COLOR_SPACES = Object.values(ColorSpace), COLOR_REGEXP = /\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/, RGB_REGEXP = /^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i, HSL_REGEXP = /^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i, HEX_REGEXP = /^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i, SHORTHEX_REGEXP = /^\s*#?([0-9a-f]{3})\s*$/i, ColorPicker = {
   hex: Z,
   rgb: He,
   hsl: le
@@ -943,7 +943,7 @@ var swatchStyle = (color) => ({ "--sb-swatch-color": color }), ColorSpace = /* @
     debouncedOnChange
   ), { presets, addPreset } = usePresets(presetColors ?? [], color, colorSpace, maxPresetColors), Picker = ColorPicker[colorSpace], readOnly = !!argType?.table?.readonly, controlId = getControlId(name, storyId, controlsId);
   return jsxs("div", { className: Color_default.wrapper, children: [
-    jsx("label", { htmlFor: controlId, className: "sb-sr-only", children: name }),
+    jsx("label", { htmlFor: controlId, className: "fb-sr-only", children: name }),
     jsx(
       Form.Input,
       {

package/dist/_browser-chunks/{WithTooltip-XSQFTBMB.js → WithTooltip-523JD6VH.js}

@@ -1423,13 +1423,13 @@ function usePopperTooltip(config, popperOptions) {
   }, popperProps);
 }
 
-// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/components/components/tooltip/WithTooltip.module.css
+// storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/components/components/tooltip/WithTooltip.module.css
 var id = "core/src/components/components/tooltip/WithTooltip.module.css";
-if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id}"]`)) {
+if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]`)) {
   let style = document.createElement("style");
-  style.setAttribute("data-sb-css", id), style.textContent = ".sb-QoytUq-wrapper{--tooltip-bg:#fffffff2;z-index:2147483647;color-scheme:light dark;display:inline-block;&[data-chrome]{background:var(--tooltip-bg);filter:drop-shadow(0 5px 5px #0000000d)drop-shadow(0 1px 3px #0000001a);border-radius:calc(var(--sb-app-border-radius) + 2px);font-family:var(--sb-font-base);font-size:var(--sb-size-s1)}}:where([data-sb-theme=dark]) .sb-QoytUq-wrapper:not([data-color]){--tooltip-bg:var(--sb-background-app)}.sb-QoytUq-arrow{border:8px solid #0000;position:absolute;inset:auto;&[data-side=top]{border-bottom-width:0;border-top-color:var(--tooltip-bg);bottom:-8px;transform:translate(8px)}&[data-side=bottom]{border-top-width:0;border-bottom-color:var(--tooltip-bg);top:-8px;transform:translate(8px)}&[data-side=left]{border-right-width:0;border-left-color:var(--tooltip-bg);right:-8px;transform:translateY(8px)}&[data-side=right]{border-left-width:0;border-right-color:var(--tooltip-bg);left:-8px;transform:translateY(8px)}}.sb-QoytUq-target{cursor:pointer;display:inline-block;&[data-hover]{cursor:default}}.sb-QoytUq-targetSvg{cursor:pointer;&[data-hover]{cursor:default}}", document.head.appendChild(style);
+  style.setAttribute("data-fb-css", id), style.textContent = ".fb-QoytUq-wrapper{--tooltip-bg:#fffffff2;z-index:2147483647;color-scheme:light dark;display:inline-block;&[data-chrome]{background:var(--tooltip-bg);filter:drop-shadow(0 5px 5px #0000000d)drop-shadow(0 1px 3px #0000001a);border-radius:calc(var(--fb-app-border-radius) + 2px);font-family:var(--fb-font-base);font-size:var(--fb-size-s1)}}:where([data-fb-theme=dark]) .fb-QoytUq-wrapper:not([data-color]){--tooltip-bg:var(--fb-background-app)}.fb-QoytUq-arrow{border:8px solid #0000;position:absolute;inset:auto;&[data-side=top]{border-bottom-width:0;border-top-color:var(--tooltip-bg);bottom:-8px;transform:translate(8px)}&[data-side=bottom]{border-top-width:0;border-bottom-color:var(--tooltip-bg);top:-8px;transform:translate(8px)}&[data-side=left]{border-right-width:0;border-left-color:var(--tooltip-bg);right:-8px;transform:translateY(8px)}&[data-side=right]{border-left-width:0;border-right-color:var(--tooltip-bg);left:-8px;transform:translateY(8px)}}.fb-QoytUq-target{cursor:pointer;display:inline-block;&[data-hover]{cursor:default}}.fb-QoytUq-targetSvg{cursor:pointer;&[data-hover]{cursor:default}}", document.head.appendChild(style);
 }
-var WithTooltip_default = { targetSvg: "sb-QoytUq-targetSvg", wrapper: "sb-QoytUq-wrapper", target: "sb-QoytUq-target", arrow: "sb-QoytUq-arrow" };
+var WithTooltip_default = { target: "fb-QoytUq-target", wrapper: "fb-QoytUq-wrapper", arrow: "fb-QoytUq-arrow", targetSvg: "fb-QoytUq-targetSvg" };
 
 // src/components/components/tooltip/WithTooltip.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/_browser-chunks/{chunk-66OCZ54D.js → chunk-3HM3VWJS.js}

@@ -1,6 +1,6 @@
 import {
   combineParameters
-} from "./chunk-ODVJ3XZJ.js";
+} from "./chunk-GRO2ZYEJ.js";
 import {
   __commonJS,
   __toESM

package/dist/_browser-chunks/{chunk-CFAOWGL7.js → chunk-3M5T7BW4.js}

@@ -1,6 +1,6 @@
 import {
   Channel
-} from "./chunk-OD6IBQCC.js";
+} from "./chunk-N3NRW5XX.js";
 
 // src/shared/constants/tags.ts
 var Tag = {

package/dist/_browser-chunks/{chunk-2MEPHP35.js → chunk-4KIQBRD2.js}

@@ -1,5 +1,5 @@
 // src/addon-themes/constants.ts
-var PARAM_KEY = "themes", ADDON_ID = `storybook/${PARAM_KEY}`, GLOBAL_KEY = "theme", THEME_SWITCHER_ID = `${ADDON_ID}/theme-switcher`, DEFAULT_ADDON_STATE = {
+var PARAM_KEY = "themes", ADDON_ID = `@aussieljk/forkbook/${PARAM_KEY}`, GLOBAL_KEY = "theme", THEME_SWITCHER_ID = `${ADDON_ID}/theme-switcher`, DEFAULT_ADDON_STATE = {
   themesList: [],
   themeDefault: void 0
 }, DEFAULT_THEME_PARAMETERS = {}, THEMING_EVENTS = {

package/dist/_browser-chunks/{chunk-OQWFVDIN.js → chunk-5H4KFI44.js}

@@ -1,6 +1,6 @@
 import {
   UniversalStoreFollowerTimeoutError
-} from "./chunk-RSPAQWVJ.js";
+} from "./chunk-BNP234B4.js";
 
 // src/shared/universal-store/index.ts
 import { dedent } from "ts-dedent";