najwer23morsels 1.8.2 → 1.8.4

package/lib/NavigationTabs/NavigationTabs.d.ts

@@ -6,6 +6,8 @@ interface NavigationTabsProps extends React.HTMLAttributes<HTMLDivElement> {
     menuMobile?: React.ReactNode;
     menuBottomTabs?: React.ReactNode;
     menuOnlyTop?: boolean;
+    widthMainContainer?: React.CSSProperties['width'];
+    widthInnerContainer?: React.CSSProperties['width'];
 }
 export declare const NavigationTabs: React.FC<NavigationTabsProps>;
 export {};

package/lib/NavigationTabs.js

@@ -1 +1 @@
-import{jsx as e,jsxs as a,Fragment as n}from"react/jsx-runtime";import{useRef as i}from"react";import{B as o}from"./Button-B93Rn5W6.js";import{G as t}from"./Grid-DZqidZrf.js";import{T as l}from"./TextBox-__k4jPYK.js";import{s as m}from"./style-inject.es-CrVRO2OA.js";import"./Loader-BPh2L4dp.js";import"./LoaderDots-BoEg_zlZ.js";var r={n23mNavigationTabs:"NavigationTabs-module_n23mNavigationTabs__ZW-sA",navigationLine:"NavigationTabs-module_navigationLine__0GXrl",menuPlaceholder:"NavigationTabs-module_menuPlaceholder__4e0gb",menu:"NavigationTabs-module_menu__RyLBY",menuContent:"NavigationTabs-module_menuContent__bVzSY",menuAnimation:"NavigationTabs-module_menuAnimation__RvppI",menuOpen:"NavigationTabs-module_menuOpen__H7d5G",menuItemMobile:"NavigationTabs-module_menuItemMobile__xblea",navigationTabMenu:"NavigationTabs-module_navigationTabMenu__sH02E",menuItemDesktop:"NavigationTabs-module_menuItemDesktop__CgUIw"};m("@layer n23mNavigationTabs{.NavigationTabs-module_n23mNavigationTabs__ZW-sA{.NavigationTabs-module_navigationLogo__vRE2p{height:20px;width:20px}.NavigationTabs-module_navigationLine__0GXrl{background-color:#e1dfdf;height:2px;width:100%}.NavigationTabs-module_menuPlaceholder__4e0gb{position:fixed;right:calc(50% - clamp(0px, 100%, 1440px)/2 + 20px);top:14px;z-index:9999}.NavigationTabs-module_menu__RyLBY{-webkit-overflow-scrolling:touch;background-color:#e1dfdf;contain:strict;height:100dvh;left:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:0;transform:scale(0);transform-origin:top right;transition:transform .25s ease-out;width:100vw;will-change:transform;z-index:9998;.NavigationTabs-module_menuContent__bVzSY{align-items:center;display:flex;flex-direction:column;gap:20px;padding:150px 0;a{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;transition:opacity 0s ease-out;transition-delay:0s;user-select:none}.NavigationTabs-module_menuAnimation__RvppI{opacity:1;transition:opacity .2s ease-in!important;transition-delay:.3s!important}}}.NavigationTabs-module_menuOpen__H7d5G{transform:scale(1);transition:transform .25s ease-in;will-change:transform}.NavigationTabs-module_menuItemMobile__xblea{display:none}@media (max-width:767.98px){.NavigationTabs-module_menuItemDesktop__CgUIw,.NavigationTabs-module_navigationTabMenu__sH02E{display:none}.NavigationTabs-module_menuItemMobile__xblea{display:block}body:has(.NavigationTabs-module_menuItemMobile__xblea .NavigationTabs-module_menuOpen__H7d5G){overflow:hidden}}}}");const s=({children:m,className:s,style:u,menuTopLeftColumn:d=e(n,{children:"menuTopLeftColumn"}),menuTopRightColumn:c=e(n,{children:"menuTopRightColumn"}),menuMobile:p=e(n,{children:"menuMobile"}),menuBottomTabs:g=e(n,{children:"menuBottomTabs"}),menuOnlyTop:_=!1,...b})=>{const v=i(null),h=i(null),T=i(!1),x=i(null),N=()=>{T.current=!1,v.current?.classList.remove(r.menuOpen),h.current?.querySelectorAll("a").forEach(e=>{e.classList.remove(r.menuAnimation)})};return e("div",{className:[r.n23mNavigationTabs,"n23mNavigationTabs",s].filter(Boolean).join(" "),...b,children:a(t,{layout:"container",widthMax:"1600px",children:[e(t,{layout:"container",widthMax:"1400px",padding:"20px",margin:"auto",children:a(t,{layout:"columns",gap:{col:"20px",row:"20px"},col:{smallDesktop:2,desktop:2,mobile:2,tablet:2},children:[e("div",{children:d}),e("div",{className:_?void 0:r.menuItemDesktop,children:c}),!_&&a("div",{className:r.menuItemMobile,children:[e("div",{className:r.menuPlaceholder,children:e(o,{height:"40px",width:"70px",padding:0,backgroundColor:"orangered",onClick:()=>{x.current&&cancelAnimationFrame(x.current),T.current?N():(T.current=!0,x.current=requestAnimationFrame(()=>{x.current=requestAnimationFrame(()=>{v.current?.classList.add(r.menuOpen),h.current?.querySelectorAll("a").forEach(e=>{e.classList.add(r.menuAnimation)})})}))},children:e(l,{tag:"span",desktopSize:20,mobileSize:20,fontWeight:400,color:"white",children:"Menu"})})}),e("div",{ref:v,className:r.menu,children:e("div",{ref:h,className:r.menuContent,onClick:e=>{e.target.closest("a")&&N()},children:p})})]})]})}),e("div",{className:r.navigationLine}),!_&&e(t,{layout:"container",widthMax:"1400px",padding:"20px",margin:"auto",className:r.navigationTabMenu,children:e(t,{layout:"flex",justifyContent:"center",widthMax:"1400px",gap:{col:"30px",row:"20px"},children:g})})]})})};s.displayName="NavigationTabs";export{s as NavigationTabs};
+import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import{useRef as i}from"react";import{B as o}from"./Button-B93Rn5W6.js";import{G as t}from"./Grid-DZqidZrf.js";import{T as l}from"./TextBox-__k4jPYK.js";import{s as r}from"./style-inject.es-CrVRO2OA.js";import"./Loader-BPh2L4dp.js";import"./LoaderDots-BoEg_zlZ.js";var m={n23mNavigationTabs:"NavigationTabs-module_n23mNavigationTabs__ZW-sA",navigationLine:"NavigationTabs-module_navigationLine__0GXrl",menuPlaceholder:"NavigationTabs-module_menuPlaceholder__4e0gb",menu:"NavigationTabs-module_menu__RyLBY",menuContent:"NavigationTabs-module_menuContent__bVzSY",menuAnimation:"NavigationTabs-module_menuAnimation__RvppI",menuOpen:"NavigationTabs-module_menuOpen__H7d5G",menuItemMobile:"NavigationTabs-module_menuItemMobile__xblea",navigationTabMenu:"NavigationTabs-module_navigationTabMenu__sH02E",menuItemDesktop:"NavigationTabs-module_menuItemDesktop__CgUIw"};r("@layer n23mNavigationTabs{.NavigationTabs-module_n23mNavigationTabs__ZW-sA{.NavigationTabs-module_navigationLogo__vRE2p{height:20px;width:20px}.NavigationTabs-module_navigationLine__0GXrl{background-color:#e1dfdf;height:2px;width:100%}.NavigationTabs-module_menuPlaceholder__4e0gb{position:fixed;right:calc(50% - clamp(0px, 100%, 1440px)/2 + 20px);top:14px;z-index:9999}.NavigationTabs-module_menu__RyLBY{-webkit-overflow-scrolling:touch;background-color:#e1dfdf;contain:strict;height:100dvh;left:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:0;transform:scale(0);transform-origin:top right;transition:transform .25s ease-out;width:100vw;will-change:transform;z-index:9998;.NavigationTabs-module_menuContent__bVzSY{align-items:center;display:flex;flex-direction:column;gap:20px;padding:150px 0;a{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;transition:opacity 0s ease-out;transition-delay:0s;user-select:none}.NavigationTabs-module_menuAnimation__RvppI{opacity:1;transition:opacity .2s ease-in!important;transition-delay:.3s!important}}}.NavigationTabs-module_menuOpen__H7d5G{transform:scale(1);transition:transform .25s ease-in;will-change:transform}.NavigationTabs-module_menuItemMobile__xblea{display:none}@media (max-width:767.98px){.NavigationTabs-module_menuItemDesktop__CgUIw,.NavigationTabs-module_navigationTabMenu__sH02E{display:none}.NavigationTabs-module_menuItemMobile__xblea{display:block}body:has(.NavigationTabs-module_menuItemMobile__xblea .NavigationTabs-module_menuOpen__H7d5G){overflow:hidden}}}}");const s=({children:r,className:s,style:u,menuTopLeftColumn:d=e(a,{children:"menuTopLeftColumn"}),menuTopRightColumn:c=e(a,{children:"menuTopRightColumn"}),menuMobile:p=e(a,{children:"menuMobile"}),menuBottomTabs:g=e(a,{children:"menuBottomTabs"}),menuOnlyTop:_=!1,widthMainContainer:b="1600px",widthInnerContainer:v="1400px",...h})=>{const T=i(null),N=i(null),x=i(!1),f=i(null),y=()=>{x.current=!1,T.current?.classList.remove(m.menuOpen),N.current?.querySelectorAll("a").forEach(e=>{e.classList.remove(m.menuAnimation)})};return e("div",{className:[m.n23mNavigationTabs,"n23mNavigationTabs",s].filter(Boolean).join(" "),...h,children:n(t,{layout:"container",widthMax:b,children:[e(t,{layout:"container",widthMax:v,padding:"20px",margin:"auto",children:n(t,{layout:"columns",gap:{col:"20px",row:"20px"},col:{smallDesktop:2,desktop:2,mobile:2,tablet:2},children:[e("div",{children:d}),e("div",{className:_?void 0:m.menuItemDesktop,children:c}),!_&&n("div",{className:m.menuItemMobile,children:[e("div",{className:m.menuPlaceholder,children:e(o,{height:"40px",width:"70px",padding:0,backgroundColor:"orangered",onClick:()=>{f.current&&cancelAnimationFrame(f.current),x.current?y():(x.current=!0,f.current=requestAnimationFrame(()=>{f.current=requestAnimationFrame(()=>{T.current?.classList.add(m.menuOpen),N.current?.querySelectorAll("a").forEach(e=>{e.classList.add(m.menuAnimation)})})}))},children:e(l,{tag:"span",desktopSize:20,mobileSize:20,fontWeight:400,color:"white",children:"Menu"})})}),e("div",{ref:T,className:m.menu,children:e("div",{ref:N,className:m.menuContent,onClick:e=>{e.target.closest("a")&&y()},children:p})})]})]})}),e("div",{className:m.navigationLine}),!_&&e(t,{layout:"container",widthMax:v,padding:"20px",margin:"auto",className:m.navigationTabMenu,children:e(t,{layout:"flex",justifyContent:"center",widthMax:v,gap:{col:"30px",row:"20px"},children:g})})]})})};s.displayName="NavigationTabs";export{s as NavigationTabs};

package/mise.toml

@@ -1,3 +1,51 @@
 [tools]
 node = "26"
 yarn = "4.18.1"
+
+[tasks.setup]
+description = "Show tool versions and install dependencies"
+run = ["mise current", "yarn install"]
+
+[tasks.start]
+description = "Start Storybook on port 6006"
+run = "yarn start"
+
+[tasks.build]
+description = "Build the library"
+run = "yarn build"
+
+[tasks.build-storybook]
+description = "Build Storybook"
+run = "yarn build-storybook"
+
+[tasks.deploy]
+description = "Build Storybook and publish to gh-pages"
+run = "yarn deploy"
+
+[tasks.format]
+description = "Format and lint with Biome"
+run = "yarn format"
+
+[tasks.plop]
+description = "Generate a component, then format and start Storybook"
+run = "yarn plop"
+
+[tasks.release]
+description = "Build and release with Changesets"
+run = "yarn release"
+
+[tasks.god]
+description = "Publish a patch version"
+run = "yarn god"
+
+[tasks."publish:patch"]
+description = "Build and publish a patch version to NPM"
+run = "yarn publish:patch"
+
+[tasks."publish:minor"]
+description = "Build and publish a minor version to NPM"
+run = "yarn publish:minor"
+
+[tasks."publish:major"]
+description = "Build and publish a major version to NPM"
+run = "yarn publish:major"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najwer23morsels",
-  "version": "1.8.2",
+  "version": "1.8.4",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",
@@ -8,8 +8,7 @@
   "homepage": "https://najwer23.github.io/najwer23morsels",
   "type": "module",
   "scripts": {
-    "setup": "echo 'Latest Yarn version:' && mise latest yarn && echo 'Currently configured Yarn version:' && mise current yarn && mise install && echo 'Installing dependencies with Yarn...' && yarn install",
-    "deploy": "yarn run build-storybook && gh-pages -d storybook-static && rimraf ./storybook-static ",
+    "deploy": "yarn build-storybook && gh-pages -d storybook-static && rimraf ./storybook-static",
     "start": "storybook dev -p 6006",
     "build": "rimraf ./lib && rollup -c --silent",
     "build-storybook": "storybook build",
@@ -18,7 +17,7 @@
     "publish:major": "yarn build && npm version major --force && npm publish && rimraf ./lib && rimraf ./.yarn/cache",
     "god": "yarn publish:patch",
     "plop": "plop && yarn format && yarn start",
-    "format": "yarn exec biome check --write",
+    "format": "biome check --write",
     "release": "yarn build && yarn && changeset && changeset version && changeset publish && rimraf ./lib && rimraf ./.yarn/cache"
   },
   "devDependencies": {