🆙 Add cms i using 🆙

Optimized Atomcms daily updated/vendor/filament/widgets/resources/css/chart-widget.css

@@ -0,0 +1,63 @@
+.fi-wi-chart {
+    & .fi-wi-chart-canvas-ctn {
+        @apply mx-auto;
+
+        &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio) {
+            @apply aspect-square;
+        }
+    }
+
+    @supports (container-type: inline-size) {
+        & .fi-section-content {
+            @apply @container;
+        }
+
+        & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio) {
+            @apply @sm:aspect-[1.5];
+        }
+    }
+
+    @supports not (container-type: inline-size) {
+        & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio) {
+            @apply sm:aspect-[1.5];
+        }
+    }
+
+    & .fi-wi-chart-filter {
+        &.fi-input-wrp {
+            @apply w-max sm:-my-2;
+        }
+
+        &.fi-dropdown {
+            & .fi-wi-chart-filter-content {
+                @apply p-6;
+            }
+        }
+    }
+
+    & .fi-color {
+        & .fi-wi-chart-bg-color {
+            @apply text-color-50 dark:text-color-400/10;
+        }
+
+        & .fi-wi-chart-border-color {
+            @apply text-color-500 dark:text-color-400;
+        }
+    }
+
+    & .fi-wi-chart-bg-color {
+        @apply text-gray-100 dark:text-gray-800;
+    }
+
+    & .fi-wi-chart-border-color {
+        @apply text-gray-400;
+    }
+
+    & .fi-wi-chart-grid-color {
+        @apply text-gray-200 dark:text-gray-800;
+    }
+
+    & .fi-wi-chart-text-color {
+        @apply text-gray-500 dark:text-gray-400;
+    }
+}

Optimized Atomcms daily updated/vendor/filament/widgets/resources/css/index.css

@@ -0,0 +1,3 @@
+@import './chart-widget.css' layer(components);
+@import './stats-overview-widget.css' layer(components);
+@import './widget.css' layer(components);

Optimized Atomcms daily updated/vendor/filament/widgets/resources/css/stats-overview-widget.css

@@ -0,0 +1,61 @@
+.fi-wi-stats-overview-stat {
+    @apply relative block h-full rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10;
+
+    & .fi-icon {
+        @apply shrink-0 text-gray-400 dark:text-gray-500;
+    }
+
+    & .fi-wi-stats-overview-stat-content {
+        @apply grid gap-y-2;
+    }
+
+    & .fi-wi-stats-overview-stat-label-ctn {
+        @apply flex items-center gap-x-2;
+    }
+
+    & .fi-wi-stats-overview-stat-label {
+        @apply text-sm font-medium text-gray-500 dark:text-gray-400;
+    }
+
+    & .fi-wi-stats-overview-stat-value {
+        @apply text-3xl font-semibold tracking-tight text-gray-950 dark:text-white;
+    }
+
+    & .fi-wi-stats-overview-stat-description {
+        @apply flex items-center gap-x-1 text-sm text-gray-500 dark:text-gray-400;
+
+        &.fi-color {
+            @apply text-(--text) dark:text-(--dark-text);
+
+            & .fi-icon {
+                @apply text-color-500;
+            }
+        }
+    }
+
+    & .fi-wi-stats-overview-stat-chart {
+        @apply absolute inset-x-0 bottom-0 overflow-hidden rounded-b-xl;
+
+        & > canvas {
+            @apply h-6;
+        }
+
+        & .fi-wi-stats-overview-stat-chart-bg-color {
+            @apply text-gray-100 dark:text-gray-800;
+        }
+
+        & .fi-wi-stats-overview-stat-chart-border-color {
+            @apply text-gray-400;
+        }
+
+        &.fi-color {
+            & .fi-wi-stats-overview-stat-chart-bg-color {
+                @apply text-color-50 dark:text-color-400/10;
+            }
+
+            & .fi-wi-stats-overview-stat-chart-border-color {
+                @apply text-color-500 dark:text-color-400;
+            }
+        }
+    }
+}

Optimized Atomcms daily updated/vendor/filament/widgets/resources/css/widget.css

@@ -0,0 +1,3 @@
+.fi-wi {
+    @apply gap-6;
+}