@als-tp/als-react-ts-ui 0.3.1 → 0.5.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import './index.css';
 export * from './components/ALSAccordion';
-export * from './components/ALSAlertDialog';
+export * from './components/ALSAlertDialog/ALSAlertDialog';
 export * from './components/ALSAutocomplete';
 export * from './components/ALSAvatar';
 export * from './components/ALSButton';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAIrB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAIrB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,qBAAqB,CAAC"}

package/dist/layout/MainLayout/index.module.css

@@ -0,0 +1 @@
+._layout_8124k_4{--header-custom-height: var(--header-height);--footer-height: auto;--footer-custom-height: var(--footer-height);--aside-width: 280px;--aside-collapsed-width: 64px;--aside-transition-duration: .3s;--aside-transition-easing: cubic-bezier(.4, 0, .2, 1);--aside-transition: var(--aside-transition-duration) var(--aside-transition-easing);--header-transition: .3s cubic-bezier(.4, 0, .2, 1);--overlay-transition: .2s ease}._layout_8124k_4{display:grid;min-height:100vh;width:100%;max-height:100vh;overflow:hidden}._layoutLeft_8124k_27{grid-template-areas:"header header" "aside main" "footer footer";grid-template-columns:auto 1fr;grid-template-rows:var(--header-custom-height) 1fr auto}._layoutRight_8124k_37{grid-template-areas:"header header" "main aside" "footer footer";grid-template-columns:1fr auto;grid-template-rows:var(--header-custom-height) 1fr auto}._layoutAsideHidden_8124k_47{grid-template-areas:"header" "main" "footer"!important;grid-template-columns:1fr!important}._layoutAsideFullHeight_8124k_57._layoutLeft_8124k_27,._layoutAsideFullHeight_8124k_57._layoutRight_8124k_37{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:var(--header-custom-height) 1fr auto}._header_8124k_76{grid-area:header;display:flex;align-items:center;padding:var(--space-md) var(--space-lg);background-color:var(--color-als-white);border-bottom:1px solid var(--border-primary);z-index:var(--z-sticky);transition:transform var(--header-transition),box-shadow var(--header-transition),background-color var(--header-transition),margin var(--aside-transition);height:var(--header-custom-height)}._headerSticky_8124k_92{position:sticky;top:0}._headerFixed_8124k_97{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed)}._headerRelative_8124k_105{position:relative}._headerHideOnScroll_8124k_109{position:sticky;top:0;transform:translateY(0)}._headerHidden_8124k_115{transform:translateY(-100%);pointer-events:none}._headerElevated_8124k_121{box-shadow:0 2px 8px #0000001a}._headerTransparent_8124k_126{background-color:transparent;border-bottom-color:transparent}._layoutLeft_8124k_27 ._headerWithFullHeightAside_8124k_132{margin-left:var(--aside-width)}._layoutRight_8124k_37 ._headerWithFullHeightAside_8124k_132{margin-right:var(--aside-width)}._layoutAsideCollapsed_8124k_140._layoutLeft_8124k_27 ._headerWithFullHeightAside_8124k_132{margin-left:var(--aside-collapsed-width)}._layoutAsideCollapsed_8124k_140._layoutRight_8124k_37 ._headerWithFullHeightAside_8124k_132{margin-right:var(--aside-collapsed-width)}._aside_8124k_149{grid-area:aside;background-color:var(--color-als-white);overflow:hidden;height:100%;position:relative;display:flex;flex-direction:column;width:var(--aside-width);min-width:var(--aside-width);max-width:var(--aside-width);transition:width var(--aside-transition),min-width var(--aside-transition),max-width var(--aside-transition),padding var(--aside-transition),box-shadow var(--aside-transition)}._asideFullHeight_8124k_168{position:fixed!important;top:0!important;bottom:0!important;left:auto;right:auto;height:100vh!important;max-height:100vh!important;z-index:var(--z-fixed);margin:0!important}._layoutLeft_8124k_27 ._asideFullHeight_8124k_168{left:0!important}._layoutRight_8124k_37 ._asideFullHeight_8124k_168{right:0!important}._layoutLeft_8124k_27 ._asideFullHeight_8124k_168{border-right:1px solid var(--border-primary);border-top:none;border-bottom:none}._layoutRight_8124k_37 ._asideFullHeight_8124k_168{border-left:1px solid var(--border-primary);border-top:none;border-bottom:none}._asideContent_8124k_202{flex:1;padding:var(--space-md) var(--space-lg);overflow-y:auto;overflow-x:hidden;opacity:1;transition:opacity calc(var(--aside-transition-duration) * .5) var(--aside-transition-easing);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}._asideContent_8124k_202::-webkit-scrollbar{width:6px}._asideContent_8124k_202::-webkit-scrollbar-track{background:transparent}._asideContent_8124k_202::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}._asideContent_8124k_202::-webkit-scrollbar-thumb:hover{background-color:#0000004d}._asideContentCollapsed_8124k_234{padding:var(--space-md) var(--space-sm)}._asideRelative_8124k_239{position:relative}._asideFixed_8124k_243{position:fixed;top:var(--header-custom-height);bottom:0;z-index:var(--z-fixed)}._asideFixed_8124k_243._asideFullHeight_8124k_168{top:0;bottom:0}._layoutLeft_8124k_27 ._asideFixed_8124k_243{left:0}._layoutRight_8124k_37 ._asideFixed_8124k_243{right:0}._layoutLeft_8124k_27 ._aside_8124k_149{border-right:1px solid var(--border-primary)}._layoutRight_8124k_37 ._aside_8124k_149{border-left:1px solid var(--border-primary)}._asideCollapsed_8124k_275{width:var(--aside-collapsed-width);min-width:var(--aside-collapsed-width);max-width:var(--aside-collapsed-width)}._asideCollapsed_8124k_275 ._asideContent_8124k_202{padding:var(--space-md) var(--space-sm)}._asideCollapsedContent_8124k_286{opacity:0;pointer-events:none}._asideExpandedContent_8124k_291{opacity:1;pointer-events:auto}._asideCollapsedItem_8124k_297{position:relative}._asideCollapsedItem_8124k_297:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:.375rem .75rem;background-color:#1e293b;color:#fff;font-size:.75rem;border-radius:.375rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;z-index:1000;pointer-events:none}._asideCollapsedItem_8124k_297:hover:after{opacity:1;visibility:visible}._asideOverlay_8124k_326{position:fixed;top:0;bottom:0;z-index:var(--z-modal);box-shadow:4px 0 24px #0003;animation:_slideInFromLeft_8124k_1 var(--aside-transition) forwards}._layoutLeft_8124k_27 ._asideOverlay_8124k_326{left:0;border-right:none;animation-name:_slideInFromLeft_8124k_1}._layoutRight_8124k_37 ._asideOverlay_8124k_326{right:0;border-left:none;animation-name:_slideInFromRight_8124k_1}@keyframes _slideInFromLeft_8124k_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideInFromRight_8124k_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}._asideOverlayClosing_8124k_369{animation:_slideOutToLeft_8124k_1 var(--aside-transition) forwards}._layoutRight_8124k_37 ._asideOverlayClosing_8124k_369{animation-name:_slideOutToRight_8124k_1}@keyframes _slideOutToLeft_8124k_1{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes _slideOutToRight_8124k_1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}._asideOverlayBackdrop_8124k_400{position:fixed;inset:0;background-color:#0000;z-index:calc(var(--z-modal) - 1);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);animation:_fadeInBackdrop_8124k_1 var(--overlay-transition) forwards}@keyframes _fadeInBackdrop_8124k_1{0%{background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}._asideOverlayBackdropClosing_8124k_420{animation:_fadeOutBackdrop_8124k_1 var(--overlay-transition) forwards}@keyframes _fadeOutBackdrop_8124k_1{0%{background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}to{background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}._asideResizeHandle_8124k_436{position:absolute;top:0;bottom:0;width:8px;cursor:col-resize;background:transparent;transition:background-color .15s ease;z-index:10}._asideResizeHandle_8124k_436:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:32px;background-color:transparent;border-radius:2px;transition:background-color .15s ease}._layoutLeft_8124k_27 ._asideResizeHandle_8124k_436{right:-4px}._layoutRight_8124k_37 ._asideResizeHandle_8124k_436{left:-4px}._asideResizeHandle_8124k_436:hover:before,._asideResizing_8124k_469 ._asideResizeHandle_8124k_436:before{background-color:var(--color-primary, #3b82f6)}._asideResizing_8124k_469{-webkit-user-select:none;user-select:none;cursor:col-resize}._asideResizing_8124k_469 *{cursor:col-resize!important}._asideHidden_8124k_484{display:none}._main_8124k_489{grid-area:main;background-color:var(--bg-primary);overflow-y:auto;overflow-x:hidden;height:100%;position:relative;transition:margin var(--aside-transition);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}._main_8124k_489::-webkit-scrollbar{width:8px}._main_8124k_489::-webkit-scrollbar-track{background:transparent}._main_8124k_489::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}._main_8124k_489::-webkit-scrollbar-thumb:hover{background-color:#0000004d}._mainPaddingNone_8124k_521{padding:0}._mainPaddingSm_8124k_525{padding:var(--space-sm)}._mainPaddingMd_8124k_529{padding:var(--space-md)}._mainPaddingLg_8124k_533{padding:var(--space-lg)}._mainPaddingXl_8124k_537{padding:var(--space-xl)}._mainFullWidth_8124k_542{grid-column:1 / -1}._layoutLeft_8124k_27 ._mainWithFullHeightAside_8124k_547{margin-left:var(--aside-width)}._layoutRight_8124k_37 ._mainWithFullHeightAside_8124k_547{margin-right:var(--aside-width)}._layoutAsideCollapsed_8124k_140._layoutLeft_8124k_27 ._mainWithFullHeightAside_8124k_547{margin-left:var(--aside-collapsed-width)}._layoutAsideCollapsed_8124k_140._layoutRight_8124k_37 ._mainWithFullHeightAside_8124k_547{margin-right:var(--aside-collapsed-width)}._footer_8124k_564{grid-area:footer;padding:var(--space-md) var(--space-lg);background-color:var(--color-als-white);border-top:1px solid var(--border-primary);text-align:center;height:var(--footer-custom-height);transition:transform var(--header-transition),margin var(--aside-transition)}._footerRelative_8124k_576{position:relative}._footerSticky_8124k_580{position:sticky;bottom:0;z-index:var(--z-sticky);box-shadow:0 -1px 3px #0000000d}._footerFixed_8124k_587{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);box-shadow:0 -2px 8px #0000001a}._layoutLeft_8124k_27 ._footerWithFullHeightAside_8124k_597{margin-left:var(--aside-width)}._layoutRight_8124k_37 ._footerWithFullHeightAside_8124k_597{margin-right:var(--aside-width)}._layoutAsideCollapsed_8124k_140._layoutLeft_8124k_27 ._footerWithFullHeightAside_8124k_597{margin-left:var(--aside-collapsed-width)}._layoutAsideCollapsed_8124k_140._layoutRight_8124k_37 ._footerWithFullHeightAside_8124k_597{margin-right:var(--aside-collapsed-width)}@media(max-width:768px){._layout_8124k_4,._layoutLeft_8124k_27,._layoutRight_8124k_37,._layoutAsideFullHeight_8124k_57._layoutLeft_8124k_27,._layoutAsideFullHeight_8124k_57._layoutRight_8124k_37{grid-template-areas:"header" "main" "aside" "footer";grid-template-columns:1fr;grid-template-rows:var(--header-custom-height) 1fr auto auto;max-height:none}._aside_8124k_149{border-right:none!important;border-left:none!important;border-top:1px solid var(--border-primary);width:100%!important;min-width:100%!important;max-width:100%!important;max-height:300px}._asideFullHeight_8124k_168{position:relative;inset:auto;height:auto;max-height:300px}._asideCollapsed_8124k_275{width:100%!important;min-width:100%!important;max-width:100%!important}._asideFixed_8124k_243{position:relative;top:auto;bottom:auto}._main_8124k_489{max-height:none}._headerWithFullHeightAside_8124k_132,._mainWithFullHeightAside_8124k_547,._footerWithFullHeightAside_8124k_597{margin-left:0!important;margin-right:0!important}._mainPaddingLg_8124k_533,._mainPaddingXl_8124k_537{padding:var(--space-md)}._headerFixed_8124k_97,._footerFixed_8124k_587{position:sticky}}@media(max-width:480px){._header_8124k_76{padding:var(--space-sm) var(--space-md)}._aside_8124k_149{max-height:250px}._asideContent_8124k_202{padding:var(--space-md)}._mainPaddingMd_8124k_529,._mainPaddingLg_8124k_533,._mainPaddingXl_8124k_537{padding:var(--space-sm)}._footer_8124k_564{padding:var(--space-sm) var(--space-md)}._asideResizeHandle_8124k_436{display:none}}@media print{._layout_8124k_4{display:block;max-height:none;overflow:visible}._header_8124k_76,._aside_8124k_149,._footer_8124k_564{position:static}._asideOverlayBackdrop_8124k_400{display:none}._headerHidden_8124k_115{transform:none}}@media(prefers-reduced-motion:reduce){._layout_8124k_4{--aside-transition-duration: 0ms;--aside-transition: 0ms;--header-transition: 0ms;--overlay-transition: 0ms}._header_8124k_76,._aside_8124k_149,._asideContent_8124k_202,._footer_8124k_564,._asideOverlay_8124k_326,._asideOverlayBackdrop_8124k_400{transition:none;animation:none}}@media(prefers-contrast:high){._header_8124k_76,._aside_8124k_149,._footer_8124k_564{border-width:2px}._asideResizeHandle_8124k_436:hover:before,._asideResizing_8124k_469 ._asideResizeHandle_8124k_436:before{background-color:CanvasText}._asideCollapsedItem_8124k_297:after{border:1px solid CanvasText}}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@als-tp/als-react-ts-ui",
-    "version": "0.3.1",
+    "version": "0.5.0",
     "description": "A comprehensive React TypeScript UI component library built with Base UI",
     "keywords": [
         "react",
@@ -53,40 +53,40 @@
         "prepublishOnly": "pnpm run build:lib"
     },
     "peerDependencies": {
-        "@base-ui-components/react": "^1.0.0-beta.7",
-        "react": "^19.0.0",
-        "react-dom": "^19.0.0"
+        "@base-ui-components/react": "1.0.0-beta.7",
+        "react": "19.0.0",
+        "react-dom": "19.0.0"
     },
     "dependencies": {
         "clsx": "2.1.1",
         "lucide-react": "0.555.0"
     },
     "devDependencies": {
-        "@chromatic-com/storybook": "^4.1.3",
-        "@eslint/js": "^9.39.1",
-        "@storybook/addon-a11y": "^10.1.0",
-        "@storybook/addon-docs": "^10.1.0",
-        "@storybook/addon-vitest": "^10.1.0",
+        "@chromatic-com/storybook": "4.1.3",
+        "@eslint/js": "9.39.1",
+        "@storybook/addon-a11y": "10.1.0",
+        "@storybook/addon-docs": "10.1.0",
+        "@storybook/addon-vitest": "10.1.0",
         "@storybook/react-vite": "10.1.0",
-        "@types/node": "^24.10.1",
-        "@types/react": "^19.2.5",
-        "@types/react-dom": "^19.2.3",
-        "@vitejs/plugin-react": "^5.1.1",
-        "@vitest/browser-playwright": "^4.0.14",
-        "@vitest/coverage-v8": "^4.0.14",
+        "@types/node": "24.10.1",
+        "@types/react": "19.2.5",
+        "@types/react-dom": "19.2.3",
+        "@vitejs/plugin-react": "5.1.1",
+        "@vitest/browser-playwright": "4.0.14",
+        "@vitest/coverage-v8": "4.0.14",
         "@base-ui-components/react": "1.0.0-beta.7",
-        "react": "^19.2.0",
-        "react-dom": "^19.2.0",
-        "eslint": "^9.39.1",
-        "eslint-plugin-react-hooks": "^7.0.1",
-        "eslint-plugin-react-refresh": "^0.4.24",
-        "eslint-plugin-storybook": "^10.1.0",
-        "globals": "^16.5.0",
-        "playwright": "^1.57.0",
-        "storybook": "^10.1.0",
+        "react": "19.2.0",
+        "react-dom": "19.2.0",
+        "eslint": "9.39.1",
+        "eslint-plugin-react-hooks": "7.0.1",
+        "eslint-plugin-react-refresh": "0.4.24",
+        "eslint-plugin-storybook": "10.1.0",
+        "globals": "16.5.0",
+        "playwright": "1.57.0",
+        "storybook": "10.1.0",
         "typescript": "~5.9.3",
-        "typescript-eslint": "^8.46.4",
-        "vite": "^7.2.4",
-        "vitest": "^4.0.14"
+        "typescript-eslint": "8.46.4",
+        "vite": "7.2.4",
+        "vitest": "4.0.14"
     }
 }