@shohojdhara/atomix 0.1.21 → 0.1.24

package/dist/js/chunks/cjs/202.6e2b9e63a406ff01b151.js

@@ -0,0 +1 @@
+"use strict";exports.id=202,exports.ids=[202],exports.modules={6202:function(t,e,i){i.r(e),i.d(e,{initializeSteps:function(){return l}});var s=i(188);const n={activeIndex:0,vertical:!1};class c{selector;$element;options;$items;activeIndex;constructor(t,e={}){this.selector=t||s.UT.SELECTORS.STEPS,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...e},this.$items=null,this.activeIndex=this.options.activeIndex||0,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this.options.vertical&&!this.$element.classList.contains(s.UT.CLASSES.VERTICAL)&&this.$element.classList.add(s.UT.CLASSES.VERTICAL),this.setActive(this.activeIndex))}_initializeElements(){this.$element&&(this.$items=this.$element.querySelectorAll(s.UT.SELECTORS.ITEM))}setActive(t){this.$items&&t>=0&&this.$items.length>t&&(this.$items.forEach(((e,i)=>{t>i?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.add(s.UT.CLASSES.COMPLETED)):i===t?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED)):(e.classList.remove(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED))})),this.activeIndex=t)}next(){(this.$items?.length||0)-1>this.activeIndex&&this.setActive(this.activeIndex+1)}previous(){this.activeIndex>0&&this.setActive(this.activeIndex-1)}destroy(){}}function l(t=s.UT.SELECTORS.STEPS,e={}){const i=[],n=document.querySelectorAll(t);return n.length?(n.forEach((t=>{try{const s=new c(t,e);i.push(s)}catch(s){}})),i):i}e.default=c}};

package/dist/js/chunks/cjs/308.86b2e7ea63bf439e01b4.js

@@ -0,0 +1 @@
+"use strict";exports.id=308,exports.ids=[308],exports.modules={3308:function(e,t,s){s.r(t),s.d(t,{initializeUploads:function(){return o}});var i=s(188);const n={disabled:!1,maxSizeInMB:5,acceptedFileTypes:["application/pdf","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","image/jpeg","image/png"],multiple:!1};class l{selector;$element;$input;$button;$loader;$loaderTitle;$loaderProgress;$loaderClose;options;currentFile;dragCounter;constructor(e,t={}){this.selector=e||i.oH.SELECTORS.UPLOAD,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this.$input=null,this.$button=null,this.$loader=null,this.$loaderTitle=null,this.$loaderProgress=null,this.$loaderClose=null,this.currentFile=null,this.dragCounter=0,this._initialize()}_initialize(){this.$element&&(this._createHiddenInput(),this.$button=this.$element.querySelector(i.oH.SELECTORS.BUTTON),this.$loader=this.$element.querySelector(i.oH.SELECTORS.LOADER),this.$loaderTitle=this.$element?.querySelector(i.oH.SELECTORS.LOADER_TITLE),this.$loaderProgress=this.$element?.querySelector(i.oH.SELECTORS.LOADER_PROGRESS),this.$loaderClose=this.$element?.querySelector(i.oH.SELECTORS.LOADER_CLOSE),this.options.disabled&&this.disable(),this._setupEventListeners())}_createHiddenInput(){if(!this.$element)return;const e=document.createElement("input");e.type="file",e.style.display="none",e.accept=this.options.acceptedFileTypes?.join(",")||"",e.multiple=!!this.options.multiple,this.$element.appendChild(e),this.$input=e}_setupEventListeners(){this.$element&&this.$input&&this.$button&&(this.$button.addEventListener("click",this._handleButtonClick.bind(this)),this.$input.addEventListener("change",this._handleFileSelect.bind(this)),this.$element.addEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.addEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.addEventListener("dragover",this._handleDragOver.bind(this)),this.$element.addEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.addEventListener("click",this._handleClose.bind(this)))}_handleButtonClick(e){e.preventDefault(),this.$input&&!this.options.disabled&&this.$input.click()}_handleFileSelect(e){if(!this.$input?.files?.length)return;const t=Array.from(this.$input.files);this._processFiles(t)}_handleDragEnter(e){e.preventDefault(),this.options.disabled||(this.dragCounter++,1===this.dragCounter&&this.$element?.classList.add(i.oH.CLASSES.DRAGGING))}_handleDragLeave(e){e.preventDefault(),this.options.disabled||(this.dragCounter--,0===this.dragCounter&&this.$element?.classList.remove(i.oH.CLASSES.DRAGGING))}_handleDragOver(e){e.preventDefault()}_handleDrop(e){if(e.preventDefault(),this.options.disabled)return;if(this.dragCounter=0,this.$element?.classList.remove(i.oH.CLASSES.DRAGGING),!e.dataTransfer?.files.length)return;const t=Array.from(e.dataTransfer.files);this._processFiles(t)}_handleClose(e){e.preventDefault(),this.setStatus("idle"),this.setFile(null),this.$input&&(this.$input.value="")}_processFiles(e){if(!e.length)return;const t=(this.options.multiple?e:[e[0]]).filter((e=>this._validateFile(e)));t.length&&this.options.onFileSelect&&this.options.onFileSelect(t),t.length&&(this.setFile(t[0]),this._simulateUpload(t[0]))}_validateFile(e){return e.size>1024*(this.options.maxSizeInMB||5)*1024?(this.setStatus("error",`File too large. Maximum size is ${this.options.maxSizeInMB}MB.`),!1):!(this.options.acceptedFileTypes?.length&&!this.options.acceptedFileTypes.some((t=>{if(t.endsWith("/*")){const s=t.split("/")[0];return e.type.startsWith(s+"/")}return e.type===t})))||(this.setStatus("error","File type not supported."),!1)}_simulateUpload(e){this.setStatus("loading");let t=0;const s=setInterval((()=>{t+=5,100>t?(this.setProgress(t,Math.ceil((100-t)/5)+" seconds left"),this.options.onFileUpload&&this.options.onFileUpload(e,t)):(clearInterval(s),this.setStatus("success","Upload successful"),this.options.onFileUploadComplete&&this.options.onFileUploadComplete(e))}),500)}setFile(e){this.currentFile=e,e&&this.$loaderTitle&&(this.$loaderTitle.textContent=e.name)}setProgress(e,t){if(!this.$element||!this.$loaderProgress)return;this.$element.style.setProperty(i.oH.ATTRIBUTES.PERCENTAGE,""+e);const s=this.$element.querySelector(i.oH.SELECTORS.LOADER_PAR),n=this.$element.querySelector(i.oH.SELECTORS.LOADER_TIME);s&&(s.textContent=e+"%"),n&&t&&(n.textContent=t)}setStatus(e,t){if(this.$element){switch(this.$element.classList.remove(i.oH.CLASSES.LOADING,i.oH.CLASSES.SUCCESS,i.oH.CLASSES.ERROR),e){case"loading":this.$element.classList.add(i.oH.CLASSES.LOADING);break;case"success":this.$element.classList.add(i.oH.CLASSES.SUCCESS);break;case"error":this.$element.classList.add(i.oH.CLASSES.ERROR)}t&&this.$loaderProgress&&(this.$loaderProgress.textContent=t)}}disable(){this.$element&&this.$button&&(this.$element.classList.add(i.oH.CLASSES.DISABLED),this.$button.disabled=!0,this.options.disabled=!0)}enable(){this.$element&&this.$button&&(this.$element.classList.remove(i.oH.CLASSES.DISABLED),this.$button.disabled=!1,this.options.disabled=!1)}destroy(){this.$element&&this.$input&&this.$button&&(this.$button.removeEventListener("click",this._handleButtonClick.bind(this)),this.$input.removeEventListener("change",this._handleFileSelect.bind(this)),this.$element.removeEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.removeEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.removeEventListener("dragover",this._handleDragOver.bind(this)),this.$element.removeEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.removeEventListener("click",this._handleClose.bind(this)),this.$input.parentNode&&this.$input.parentNode.removeChild(this.$input))}}function o(e=i.oH.SELECTORS.UPLOAD,t={}){const s=[],n=document.querySelectorAll("string"==typeof e?e:i.oH.SELECTORS.UPLOAD);return n.length?(n.forEach((e=>{try{const i=new l(e,t);s.push(i)}catch(i){}})),s):s}t.default=l}};

package/dist/js/chunks/cjs/54.54733c458fc7ced6d9ba.js

@@ -0,0 +1 @@
+"use strict";exports.id=54,exports.ids=[54],exports.modules={5054:function(t,s,e){e.r(s),e.d(s,{initializeTabs:function(){return l}});var i=e(188);const n={navItems:i.wn.SELECTORS.NAV_ITEMS,navBtn:i.wn.SELECTORS.NAV_BTN,panels:i.wn.SELECTORS.PANELS,panelBodys:i.wn.SELECTORS.PANEL_BODIES,activeClass:i.wn.CLASSES.ACTIVE,activeIndex:i.wn.DEFAULTS.ACTIVE_INDEX};class a{selector;$element;options;$navItems;$panels;$panelBodys;constructor(t,s={}){this.selector=t||i.wn.SELECTORS.TAB,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...s},this.$navItems=null,this.$panels=null,this.$panelBodys=null,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this._showTab(this.options.activeIndex),this._bindEvents())}_initializeElements(){this.$element&&(this.$navItems=this.$element.querySelectorAll(this.options.navItems),this.$panels=this.$element.querySelectorAll(this.options.panels),this.$panelBodys=this.$element.querySelectorAll(this.options.panelBodys))}_bindEvents(){this.$navItems&&this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.addEventListener("click",(()=>this._handleTabClick(s)))}))}_handleTabClick(t){const s=t.dataset.tabindex;void 0!==s&&(this._hideAllTabs(),this._showTab(s))}_hideAllTabs(){this.$panels&&this.$navItems&&(this.$panels.forEach((t=>{t.style.height="0px",t.classList.remove(this.options.activeClass),t.style.opacity="0"})),this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.classList.remove(this.options.activeClass)})))}_showTab(t){this.$panels&&this.$navItems&&this.$panelBodys&&(this.$panels.forEach(((s,e)=>{if(s.dataset.tabindex==""+t){const t=this.$panelBodys?.[e];t&&(s.classList.add(this.options.activeClass),requestAnimationFrame((()=>{s.style.height=t.clientHeight+"px",s.style.opacity="1"})))}})),this.$navItems.forEach(((s,e)=>{const i=s.querySelector(this.options.navBtn);i&&i.dataset.tabindex==""+t&&i.classList.add(this.options.activeClass)})))}destroy(){this.$element&&this.$navItems&&this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.removeEventListener("click",(()=>this._handleTabClick(s)))}))}}function l(t=i.wn.SELECTORS.TAB,s={}){const e=[],n=document.querySelectorAll(t);return n.length?(n.forEach((t=>{try{const i=new a(t,s);e.push(i)}catch(i){}})),e):e}s.default=a}};

package/dist/js/chunks/cjs/619.8e6863cb2985a3a109af.js

@@ -0,0 +1 @@
+"use strict";exports.id=619,exports.ids=[619],exports.modules={5619:function(e,t,s){s.r(t),s.d(t,{initializeRivers:function(){return r}});var n=s(188);const i={center:!1,breakout:!1,reverse:!1,showOverlay:!0};class o{$element;options;constructor(e,t={}){this.$element=e,this.options={...i,...t},this.init()}init(){this.options.contentWidth&&this.$element.style.setProperty(n.zN.ATTRIBUTES.CONTENT_WIDTH,this.options.contentWidth),this.options.backgroundImageSrc&&this.setupBackgroundImage()}setupBackgroundImage(){if(!this.$element||!this.options.backgroundImageSrc)return;let e=this.$element.querySelector(n.zN.SELECTORS.BG);if(!e){e=document.createElement("div"),e.className=n.zN.SELECTORS.BG.replace(".","");const t=document.createElement("img");if(t.src=this.options.backgroundImageSrc,t.alt="Background",t.className=n.zN.SELECTORS.BG_IMAGE.replace(".",""),e.appendChild(t),this.options.showOverlay){const t=document.createElement("div");t.className=n.zN.SELECTORS.OVERLAY.replace(".",""),e.appendChild(t)}this.$element.firstChild?this.$element.insertBefore(e,this.$element.firstChild):this.$element.appendChild(e)}}destroy(){}}function r(e=n.zN.SELECTORS.RIVER,t={}){const s=[],i=document.querySelectorAll("string"==typeof e?e:n.zN.SELECTORS.RIVER);return i.length?(i.forEach((e=>{try{const n=new o(e,t);s.push(n)}catch(n){}})),s):s}t.default=o}};

package/dist/js/chunks/cjs/690.17522d562f7ebe2fa7b4.js

@@ -0,0 +1 @@
+"use strict";exports.id=690,exports.ids=[690],exports.modules={3690:function(e,t,s){s.r(t),s.d(t,{initializeSectionIntros:function(){return c}});var i=s(188);const n={alignment:"left",showOverlay:!1,size:"md",skeleton:!1};class o{selector;$element;options;constructor(e,t={}){this.selector=e||i.DJ.SELECTORS.SECTION_INTRO,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this._initialize()}_initialize(){if(this.$element&&("center"!==this.options.alignment||this.$element.classList.contains(i.DJ.CLASSES.CENTER)||this.$element.classList.add(i.DJ.CLASSES.CENTER),"sm"!==this.options.size||this.$element.classList.contains(i.DJ.CLASSES.SMALL)?"lg"!==this.options.size||this.$element.classList.contains(i.DJ.CLASSES.LARGE)||this.$element.classList.add(i.DJ.CLASSES.LARGE):this.$element.classList.add(i.DJ.CLASSES.SMALL),this.options.backgroundImageSrc)){let e=this.$element.querySelector(".c-sectionintro__bg");if(!e){e=document.createElement("div"),e.className="c-sectionintro__bg";const t=document.createElement("img");if(t.className="c-sectionintro__bg-image",t.src=this.options.backgroundImageSrc,t.alt="Background",e.appendChild(t),this.options.showOverlay){const t=document.createElement("div");t.className="c-sectionintro__overlay",e.appendChild(t)}this.$element.insertBefore(e,this.$element.firstChild)}}}destroy(){if(this.$element&&(this.$element.classList.remove(i.DJ.CLASSES.CENTER),this.$element.classList.remove(i.DJ.CLASSES.SMALL),this.$element.classList.remove(i.DJ.CLASSES.LARGE),this.options.backgroundImageSrc)){const e=this.$element.querySelector(".c-sectionintro__bg");e&&this.$element.removeChild(e)}}}function c(e=i.DJ.SELECTORS.SECTION_INTRO,t={}){const s=[],n=document.querySelectorAll("string"==typeof e?e:i.DJ.SELECTORS.SECTION_INTRO);return n.length?(n.forEach((e=>{try{const i=new o(e,t);s.push(i)}catch(i){}})),s):s}t.default=o}};

package/dist/js/chunks/cjs/894.6edddf7d4bf7ccb11e25.js

@@ -0,0 +1 @@
+"use strict";exports.id=894,exports.ids=[894],exports.modules={3894:function(t,s,e){e.r(s),e.d(s,{initializeTestimonials:function(){return r}});var i=e(188);const n={size:"",skeleton:!1};class o{selector;$element;options;constructor(t,s={}){this.selector=t||i.sr.SELECTORS.TESTIMONIAL,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...s},this._initialize()}_initialize(){this.$element&&("sm"!==this.options.size||this.$element.classList.contains(i.sr.CLASSES.SMALL)?"lg"!==this.options.size||this.$element.classList.contains(i.sr.CLASSES.LARGE)||this.$element.classList.add(i.sr.CLASSES.LARGE):this.$element.classList.add(i.sr.CLASSES.SMALL))}destroy(){}}function r(t=i.sr.SELECTORS.TESTIMONIAL,s={}){const e=[],n=document.querySelectorAll("string"==typeof t?t:i.sr.SELECTORS.TESTIMONIAL);return n.length?(n.forEach((t=>{try{const i=new o(t,s);e.push(i)}catch(i){}})),e):e}s.default=o}};

package/dist/js/chunks/cjs/897.74f4c88710fe45c1b9e3.js

@@ -0,0 +1 @@
+"use strict";exports.id=897,exports.ids=[897],exports.modules={897:function(t,e,s){s.r(e),s.d(e,{initializeToggles:function(){return l}});var n=s(188);class i{element;isOn;constructor(t){this.element=t,this.isOn=!1,this._initialize()}_initialize(){this._bindEvents(),this.element.classList.contains(n.DR.CLASSES.IS_ON)&&(this.isOn=!0)}_bindEvents(){this.element.addEventListener("click",this._handleToggle.bind(this))}_handleToggle(){this.isOn?this.turnOff():this.turnOn()}turnOn(){this.element.classList.add(n.DR.CLASSES.IS_ON),this.isOn=!0,this.element.dispatchEvent(new CustomEvent("toggle:on",{bubbles:!0}))}turnOff(){this.element.classList.remove(n.DR.CLASSES.IS_ON),this.isOn=!1,this.element.dispatchEvent(new CustomEvent("toggle:off",{bubbles:!0}))}destroy(){this.element.removeEventListener("click",this._handleToggle)}}function l(){const t=[],e=document.querySelectorAll(n.DR.SELECTORS.TOGGLE);return e.length?(e.forEach((e=>{try{const s=new i(e);t.push(s)}catch(s){}})),t):t}e.default=i}};

package/dist/types/components/Breadcrumb/index.d.ts

@@ -1,3 +1,2 @@
-export { Breadcrumb } from './Breadcrumb';
-export { default } from './Breadcrumb';
-export type { BreadcrumbProps, BreadcrumbItem } from './Breadcrumb';
+export { default, Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps } from './Breadcrumb';

package/dist/types/components/River/index.d.ts

@@ -1,2 +1,2 @@
-export { River } from './River';
+export { default, River } from './River';
 export type { RiverProps } from './River';

package/dist/types/components/Tab/index.d.ts

@@ -1,2 +1,2 @@
-export { Tab } from './Tab';
-export type { TabProps, TabItemProps } from './Tab';
+export { default, Tab } from './Tab';
+export type { TabProps } = './Tab';

package/dist/types/components/Toggle/index.d.ts

@@ -1,2 +1,2 @@
-export { Toggle } from './Toggle';
-export type { ToggleProps } from './Toggle';
+export { default, Toggle } from './Toggle';
+export type { ToggleProps } = './Toggle';

package/dist/types/components/Tooltip/index.d.ts

@@ -1,3 +1,2 @@
-export { Tooltip } from './Tooltip';
-export type { TooltipProps } from './Tooltip';
-export { default } from './Tooltip';
+export { default, Tooltip } from './Tooltip';
+export type { TooltipProps } = './Tooltip';

package/index.d.ts

@@ -0,0 +1,3 @@
+// Main type definitions for @shohojdhara/atomix
+export * from './dist/types/index';
+export { default } from './dist/types/index';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shohojdhara/atomix",
-  "version": "0.1.21",
-  "description": "Atomix Design System - A modern component library for Web, React and Next.js applications with SSR support",
+  "version": "0.1.24",
+  "description": "Atomix Design System - A modern component library for web applications",
   "main": "dist/js/atomix.react.cjs.js",
   "module": "dist/js/atomix.react.esm.js",
   "unpkg": "dist/js/atomix.react.umd.js",
@@ -30,12 +30,7 @@
       "default": "./dist/css/atomix.min.css"
     },
     "./scss": "./src/styles/index.scss",
-    "./next": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/js/atomix.react.esm.js",
-      "require": "./dist/js/atomix.react.cjs.js",
-      "default": "./dist/js/atomix.react.esm.js"
-    }
+    "./dist/types/*": "./dist/types/*"
   },
   "typesVersions": {
     "*": {
@@ -47,10 +42,7 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.27.6",
     "classnames": "^2.5.1",
-    "phosphor-react": "^1.4.1",
-    "prism-react-renderer": "^2.4.1",
-    "react-router-dom": "^6.22.3",
-    "uuid": "^9.0.1"
+    "phosphor-react": "^1.4.1"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
@@ -58,7 +50,6 @@
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
-    "@release-it/conventional-changelog": "10.0.1",
     "@size-limit/preset-app": "^11.0.0",
     "@storybook/addon-essentials": "^8.0.0",
     "@storybook/addon-interactions": "^8.0.0",
@@ -72,7 +63,6 @@
     "@types/node": "^20.0.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
-    "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^8.34.0",
     "@typescript-eslint/parser": "^8.34.0",
     "autoprefixer": "^10.4.21",
@@ -94,14 +84,12 @@
     "html-webpack-plugin": "^5.6.3",
     "mini-css-extract-plugin": "^2.9.2",
     "npm-run-all": "^4.1.5",
-    "polished": "^4.2.2",
     "postcss": "^8.4.24",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-import": "^16.1.0",
     "postcss-loader": "^8.1.1",
     "postcss-preset-env": "^10.2.3",
     "prettier": "^3.5.3",
-    "release-it": "19.0.3",
     "rimraf": "^5.0.5",
     "sass-embedded": "^1.87.0",
     "sass-loader": "^16.0.5",
@@ -117,119 +105,83 @@
     "webpack-dev-server": "^5.2.1",
     "webpack-node-externals": "^3.0.0"
   },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
   "scripts": {
-    "dev": "npm run storybook",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "predeploy": "npm run build-storybook && node scripts/prepare-deploy.js",
-    "deploy": "gh-pages -d deploy",
-    "build": "npm run build:all",
-    "build:all": "npm-run-all clean:dist build:styles build:react build:types",
+    "dev": "storybook dev -p 6006",
+    "build": "npm-run-all clean:dist build:styles build:react build:types",
     "build:react": "webpack --mode production --env target=components --env format=all",
     "build:styles": "webpack --mode production --env target=styles",
     "build:types": "npm run clean:types && tsc --emitDeclarationOnly --declaration --declarationDir dist/types && node scripts/fix-types.js",
     "build:cjs": "webpack --mode production --env target=components --env format=cjs",
     "build:esm": "webpack --mode production --env target=components --env format=esm",
     "build:umd": "webpack --mode production --env target=components --env format=umd",
-    "clean": "npm run clean:all",
     "clean:dist": "rimraf dist",
     "clean:types": "rimraf dist/types",
     "clean:all": "npm-run-all clean:dist clean:types",
-    "test": "npm run test:types && npm run test:lint && npm run test:format",
-    "test:types": "tsc --noEmit",
-    "test:lint": "eslint --ext .js,.jsx,.ts,.tsx src/",
-    "test:format": "prettier --check 'src/**/*.{js,jsx,ts,tsx,json,css,scss}'",
-    "test:size": "size-limit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "predeploy": "npm run build-storybook && node scripts/prepare-deploy.js",
+    "deploy": "gh-pages -d deploy",
+    "analyze:bundle": "webpack --mode production --env target=components --env format=all --env analyze=true",
+    "analyze:size": "size-limit",
+    "analyze": "npm-run-all analyze:bundle analyze:size",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx src/",
     "lint:fix": "eslint --ext .js,.jsx,.ts,.tsx src/ --fix",
     "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx,json,css,scss}'",
     "format:check": "prettier --check 'src/**/*.{js,jsx,ts,tsx,json,css,scss}'",
     "typecheck": "tsc --noEmit",
-    "analyze:bundle": "webpack --mode production --env target=components --env format=all --env analyze=true",
-    "analyze:size": "size-limit",
-    "analyze:all": "npm-run-all analyze:bundle analyze:size",
+    "test": "echo \"No tests specified\" && exit 0",
+    "prepublishOnly": "npm run build",
+    "prepack": "npm run build",
+    "test:publish": "npm pack --dry-run",
+    "publish:rc": "npm publish --tag next",
+    "publish:latest": "npm publish",
     "version:patch": "npm version patch",
     "version:minor": "npm version minor",
     "version:major": "npm version major",
-    "prepack": "npm run build && npm run test",
-    "prepublishOnly": "npm run prepack",
-    "postpublish": "echo 'Package published successfully! 🎉'",
-    "release:patch": "npm run version:patch && npm publish",
-    "release:minor": "npm run version:minor && npm publish",
-    "release:major": "npm run version:major && npm publish",
-    "release:beta": "npm version prerelease --preid=beta && npm publish --tag beta",
-    "release:alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha",
-    "release:rc": "npm version prerelease --preid=rc && npm publish --tag next",
-    "pack:test": "npm pack --dry-run",
-    "pack:local": "npm pack",
-    "link:local": "npm link && echo 'Package linked locally. Use npm link @shohojdhara/atomix in your project to test it.'",
-    "unlink:local": "npm unlink"
+    "release:patch": "node scripts/release.js patch",
+    "release:minor": "node scripts/release.js minor",
+    "release:major": "node scripts/release.js major"
   },
   "files": [
-    "dist",
     "src",
+    "dist",
+    "index.d.ts",
+    "css.d.ts",
     "README.md",
     "LICENSE",
     "CHANGELOG.md",
-    "CONTRIBUTING.md",
-    "NEXTJS_INTEGRATION.md",
-    "next.config.js",
-    "css.d.ts",
-    "examples",
-    "implementation-guide.md",
-    "tsconfig.json",
-    "babel.config.js",
-    "postcss.config.js",
-    "webpack.config.js"
+    "NPM_PUBLISHING.md"
   ],
   "keywords": [
     "ui",
     "components",
     "design-system",
     "react",
-    "nextjs",
-    "next.js",
+    "javascript",
     "typescript",
     "css",
-    "scss",
-    "ui-library",
-    "component-library",
-    "design-tokens",
-    "accessibility",
-    "responsive",
-    "modern",
-    "frontend",
-    "ssr",
-    "server-side-rendering"
+    "scss"
   ],
   "repository": {
     "type": "git",
     "url": "https://github.com/liimonx/atomix.git"
   },
-  "author": {
-    "name": "liimonx",
-    "email": "liimonx@shohojdhara.org",
-    "url": "https://github.com/liimonx"
-  },
-  "license": "MIT",
+  "author": "liimonx <liimonx@shohojdhara.org>",
+  "license": "Apache-2.0",
   "bugs": {
     "url": "https://github.com/liimonx/atomix/issues"
   },
-  "homepage": "https://liimonx.github.io/atomix",
+  "homepage": "https://github.com/liimonx/atomix#readme",
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
   "engines": {
-    "node": ">=16.0.0",
-    "npm": ">=8.0.0"
+    "node": ">=16.0.0"
   },
   "publishConfig": {
     "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "funding": {
-    "type": "github",
-    "url": "https://github.com/sponsors/liimonx"
+    "registry": "https://registry.npmjs.org/",
+    "scope": "@shohojdhara"
   }
 }

package/src/index.ts

@@ -8,13 +8,18 @@ export * from './lib';
 export * from './layouts';
 
 // Create a properly typed default export
+import * as components from './components';
+import { composables, utils, constants, types } from './lib';
+import * as layouts from './layouts';
+
 const atomix = {
   // Re-export all components and utilities
-  ...require('./components'),
-  composables: require('./lib').composables,
-  utils: require('./lib').utils,
-  constants: require('./lib').constants,
-  layouts: require('./layouts'),
+  ...components,
+  composables,
+  utils,
+  constants,
+  types,
+  layouts,
 };
 
 // Default export

package/src/layouts/index.ts

@@ -1,3 +1,8 @@
+// Export all layout components individually for better tree-shaking
+export * from './Grid';
+export * from './MasonryGrid';
+
+// Also provide a default export for convenience
 import * as Grid from './Grid';
 import * as MasonryGrid from './MasonryGrid';
 

package/src/lib/index.ts

@@ -1,11 +1,11 @@
-// Import and re-export as namespaces
+// Import and re-export as namespaces with proper typing
 import * as composablesImport from './composables';
 import * as utilsImport from './utils';
 import * as typesImport from './types';
 import * as constantsImport from './constants';
 
-// Export as namespaces
-export const composables = composablesImport;
-export const utils = utilsImport;
-export const types = typesImport;
-export const constants = constantsImport;
+// Export as namespaces with explicit typing
+export const composables: typeof composablesImport = composablesImport;
+export const utils: typeof utilsImport = utilsImport;
+export const types: typeof typesImport = typesImport;
+export const constants: typeof constantsImport = constantsImport;

package/src/styles/01-settings/_settings.animations.scss

@@ -1,2 +1,7 @@
-$transition-duration: 0.3s;
-$easing: cubic-bezier(0.23, 1, 0.32, 1);
+$transition-duration: 0.3s !default;
+$easing: cubic-bezier(0.23, 1, 0.32, 1) !default;
+
+// Transition variables
+$transition-base: all $transition-duration $easing !default;
+$transition-fast: all 0.15s $easing !default;
+$transition-slow: all 0.5s $easing !default;

package/src/styles/01-settings/_settings.box-shadow.scss

@@ -5,6 +5,7 @@ $box-shadow-xs:
   0px 1px 2px 0px rgba(45, 54, 67, 0.04),
   0px 2px 4px 0px rgba(45, 54, 67, 0.08) !default;
 $box-shadow-sm: 0 2px 4px rgba(colors.$black, 0.075) !default;
+$box-shadow-md: 0 4px 8px rgba(colors.$black, 0.1) !default;
 $box-shadow-lg: 0 16px 48px rgba(colors.$black, 0.175) !default;
 $box-shadow-xl: 0px 16px 64px -8px rgba(45, 54, 67, 0.14) !default;
 $box-shadow-inset: inset 0 1px 2px rgba(colors.$black, 0.075) !default;
@@ -13,16 +14,19 @@ $box-shadow-inset: inset 0 1px 2px rgba(colors.$black, 0.075) !default;
 
 $box-shadow-dark:
   0px 8px 40px -8px rgba(30, 30, 30, 0.7),
-  0px 4px 20px 0px rgba(30, 30, 30, 0.8);
+  0px 4px 20px 0px rgba(30, 30, 30, 0.8) !default;
 $box-shadow-xs-dark:
   0px 1px 2px 0px rgba(30, 30, 30, 0.5),
-  0px 2px 4px 0px rgba(30, 30, 30, 0.5);
+  0px 2px 4px 0px rgba(30, 30, 30, 0.5) !default;
 $box-shadow-sm-dark:
   0px 2px 4px -2px rgba(30, 30, 30, 0.5),
-  0px 4px 8px -2px rgba(30, 30, 30, 0.5);
+  0px 4px 8px -2px rgba(30, 30, 30, 0.5) !default;
+$box-shadow-md-dark:
+  0px 4px 12px -2px rgba(30, 30, 30, 0.5),
+  0px 6px 16px -2px rgba(30, 30, 30, 0.5) !default;
 $box-shadow-lg-dark:
   0px 8px 18px -2px rgba(30, 30, 30, 0.5),
-  0px 8px 24px -2px rgba(30, 30, 30, 0.5);
+  0px 8px 24px -2px rgba(30, 30, 30, 0.5) !default;
 $box-shadow-xl-dark:
   0px 33px 61px -8px rgba(30, 30, 30, 0.9),
-  0px 8px 10px 0px rgba(30, 30, 30, 0.9);
+  0px 8px 10px 0px rgba(30, 30, 30, 0.9) !default;

package/src/styles/01-settings/_settings.button.scss

@@ -12,6 +12,8 @@ $btn-white-space: nowrap !default;
 $btn-icon-size: 20px !default;
 $btn-icon-size-sm: 18px !default;
 $btn-icon-size-lg: 22px !default;
+$btn-letter-spacing: 0.0892857143em !default; // 1.25px/14px
+$btn-text-transform: none !default;
 
 $btn-padding-y-sm: 8px !default;
 $btn-padding-x-sm: 16px !default;
@@ -28,6 +30,9 @@ $btn-focus-width: 2px !default;
 $btn-box-shadow:
   0 1px 3px rgba(0, 0, 0, 0.1),
   0 1px 2px rgba(0, 0, 0, 0.06) !default;
+$btn-focus-box-shadow: 0 0 0 $btn-focus-width rgba(var(--#{$prefix}primary-rgb), 0.25) !default;
+$btn-focus-outline: 2px solid var(--#{$prefix}primary) !default;
+$btn-focus-outline-offset: 2px !default;
 
 $btn-disabled-color: var(--#{$prefix}disabled-text-emphasis) !default;
 $btn-disabled-bg: var(--#{$prefix}secondary-bg-subtle) !default;

package/src/styles/01-settings/_settings.card.scss

@@ -20,7 +20,8 @@ $card-border-color: var(--#{config.$prefix}primary-border-subtle) !default;
 $card-border-radius: var(--#{config.$prefix}border-radius-lg) !default;
 $card-image-border-radius: $card-border-radius !default;
 
-$card-boxshadow: null !default;
+$card-boxshadow: none !default;
+$card-hover-box-shadow: none !default;
 $card-height: null !default;
 
 $card-bg: var(--#{config.$prefix}primary-bg-subtle) !default;

package/src/styles/01-settings/_settings.form.scss

@@ -1,3 +1,6 @@
+@use 'settings.config' as config;
+@use 'settings.border-radius' as *;
+
 $form-width: 100% !default;
 $form-items-spacer-y: 32px !default;
 $form-items-spacer-x: 12px !default;

package/src/styles/01-settings/_settings.navbar.scss

@@ -6,6 +6,7 @@
 $navbar-padding-x: 64px !default;
 $navbar-padding-y: 8px !default;
 $navbar-container-max-width: 1600px !default;
+$navbar-height: 56px !default;
 
 // Navbar appearance
 $navbar-bg: var(--#{$prefix}body-bg) !default;

package/src/styles/01-settings/_settings.typography.scss

@@ -3,7 +3,7 @@
 // Font, line-height, and color for body text, headings, and more.
 
 // Font stacks with appropriate fallbacks
-$Roboto: 'Roboto', sans-serif;
+$Roboto: 'Roboto', sans-serif !default;
 
 $helvetica-neue:
   'Helvetica Neue',
@@ -44,7 +44,7 @@ $font-weight-base: $font-weight-normal !default;
 // $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins
 // $font-size-base affects the font size of the body text
 $font-size-root: null !default;
-$font-size-base: 1rem; //16px
+$font-size-base: 1rem !default; //16px
 $font-size-xs: $font-size-base * 0.75 !default; //12px
 $font-size-sm: $font-size-base * 0.875 !default; //14px
 $font-size-md: $font-size-base * 1.125 !default; //18px

package/src/styles/01-settings/_settings.z-layers.scss

@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 $z-layers: (
   n1: -1,
   0: 0,
@@ -6,4 +8,20 @@ $z-layers: (
   3: 3,
   4: 4,
   5: 5,
-);
+  dropdown: 1000,
+  sticky: 1020,
+  fixed: 1030,
+  modal: 1040,
+  popover: 1050,
+  tooltip: 1060,
+  drawer: 1070,
+) !default;
+
+// Z-index variables for common components
+$z-index-dropdown: map.get($z-layers, dropdown) !default;
+$z-index-sticky: map.get($z-layers, sticky) !default;
+$z-index-fixed: map.get($z-layers, fixed) !default;
+$z-index-modal: map.get($z-layers, modal) !default;
+$z-index-popover: map.get($z-layers, popover) !default;
+$z-index-tooltip: map.get($z-layers, tooltip) !default;
+$z-index-drawer: map.get($z-layers, drawer) !default;