@weni/unnnic-system 3.12.3-alpha.1 → 3.12.3-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "3.12.3-alpha.1",
+  "version": "3.12.3-alpha.2",
   "type": "commonjs",
   "files": [
     "dist",

package/src/components/ui/dialog/DialogClose.vue

@@ -6,7 +6,9 @@ defineOptions({
   name: 'UnnnicDialogClose',
 });
 
-const props = defineProps<DialogCloseProps>();
+const props = withDefaults(defineProps<DialogCloseProps>(), {
+  asChild: true,
+});
 </script>
 
 <template>
@@ -19,8 +21,6 @@ const props = defineProps<DialogCloseProps>();
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/scss/unnnic' as *;
-
 .unnnic-dialog-close {
   > * {
     width: 100%;

package/src/components/ui/drawer/DrawerClose.vue

@@ -6,7 +6,9 @@ defineOptions({
   name: 'UnnnicDrawerClose',
 });
 
-const props = defineProps<DrawerCloseProps>();
+const props = withDefaults(defineProps<DrawerCloseProps>(), {
+  asChild: true,
+});
 </script>
 
 <template>
@@ -22,14 +24,6 @@ const props = defineProps<DrawerCloseProps>();
 @use '@/assets/scss/unnnic' as *;
 
 .unnnic-drawer__close {
-  display: flex;
-
-  border: none;
-  background: none;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-
   > * {
     width: 100%;
   }

package/src/lib/layer-manager.ts

@@ -14,14 +14,14 @@ export type LayerToken = keyof typeof layerScale;
 
 const DEFAULT_STEP = 5;
 
-const counters: Record<LayerToken, number> = {
-  hide: 0,
-  base: 0,
-  drawer: 0,
-  modal: 0,
-  popover: 0,
-  tooltip: 0,
-  toast: 0,
+const activeValues: Record<LayerToken, number[]> = {
+  hide: [],
+  base: [],
+  drawer: [],
+  modal: [],
+  popover: [],
+  tooltip: [],
+  toast: [],
 };
 
 interface Allocation {
@@ -34,10 +34,14 @@ const allocations = new Map<symbol, Allocation>();
 
 function acquire(type: LayerToken): Allocation {
   const id = Symbol('layer');
-  counters[type] = (counters[type] ?? 0) + 1;
-  const value = layerScale[type] + counters[type] * DEFAULT_STEP;
+  const list = activeValues[type];
+  const lastValue = list.length ? list[list.length - 1] : layerScale[type];
+  const value = lastValue + DEFAULT_STEP;
   const allocation: Allocation = { id, type, value };
+
+  list.push(value);
   allocations.set(id, allocation);
+
   return allocation;
 }
 
@@ -48,8 +52,12 @@ function release(id: symbol) {
   }
 
   allocations.delete(id);
-  const current = Math.max((counters[allocation.type] ?? 1) - 1, 0);
-  counters[allocation.type] = current;
+  const list = activeValues[allocation.type];
+  const index = list.indexOf(allocation.value);
+
+  if (index !== -1) {
+    list.splice(index, 1);
+  }
 }
 
 export interface LayerZIndexOptions {