From c9ff30c96c45afa8fd5ae8e403b842c69a1332d1 Mon Sep 17 00:00:00 2001
From: Zaseem-BIsquared <zaseem@bisquared.com>
Date: Wed, 12 Feb 2025 14:13:33 +0530
Subject: [PATCH] fix: update component class names for Franken UI v2.0
 compatibility

---
 monsterui/_modidx.py |  2 ++
 monsterui/franken.py | 17 +++++++++--------
 nbs/02_franken.ipynb | 17 +++++++++--------
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/monsterui/_modidx.py b/monsterui/_modidx.py
index 57b9148..1f67e04 100644
--- a/monsterui/_modidx.py
+++ b/monsterui/_modidx.py
@@ -79,6 +79,8 @@
                                    'monsterui.franken.CodeSpan': ('franken.html#codespan', 'monsterui/franken.py'),
                                    'monsterui.franken.Container': ('franken.html#container', 'monsterui/franken.py'),
                                    'monsterui.franken.ContainerT': ('franken.html#containert', 'monsterui/franken.py'),
+                                   'monsterui.franken.ContainerT._generate_next_value_': ( 'franken.html#containert._generate_next_value_',
+                                                                                           'monsterui/franken.py'),
                                    'monsterui.franken.Data': ('franken.html#data', 'monsterui/franken.py'),
                                    'monsterui.franken.Del': ('franken.html#del', 'monsterui/franken.py'),
                                    'monsterui.franken.Details': ('franken.html#details', 'monsterui/franken.py'),
diff --git a/monsterui/franken.py b/monsterui/franken.py
index 478b9c3..dfbdfd2 100644
--- a/monsterui/franken.py
+++ b/monsterui/franken.py
@@ -413,11 +413,12 @@ def Button(*c: Union[str, FT], # Contents of `Button` tag (often text)
 # %% ../nbs/02_franken.ipynb
 class ContainerT(VEnum):
     'Max width container sizes from https://franken-ui.dev/docs/container'
-    xs = 'uk-container-xsmall'
-    sm = 'uk-container-small'
-    lg = 'uk-container-large'
-    xl = 'uk-container-xlarge'
-    expand = 'uk-container-expand'
+    def _generate_next_value_(name, start, count, last_values): return str2ukcls('container', name)
+    xs = auto()
+    sm = auto()
+    lg = auto()
+    xl = auto()
+    expand = auto()
 
 # %% ../nbs/02_franken.ipynb
 class BackgroundT(VEnum):
@@ -1296,7 +1297,7 @@ def _generate_next_value_(name, start, count, last_values): return str2ukcls('ca
     default = auto()
     primary = auto()
     secondary = auto()
-    danger = auto()
+    destructive = auto()
     hover = 'uk-card hover:shadow-lg hover:-translate-y-1 transition-all duration-200'
 
 # %% ../nbs/02_franken.ipynb
@@ -1359,8 +1360,8 @@ def _generate_next_value_(name, start, count, last_values): return str2ukcls('ta
     divider = auto()
     striped = auto()
     hover = auto()
-    sm = 'uk-table-small'
-    lg = 'uk-table-large'
+    sm = auto()
+    lg = auto()
     justify = auto()
     middle = auto()
     responsive = auto()
diff --git a/nbs/02_franken.ipynb b/nbs/02_franken.ipynb
index e3c8faa..a2dd43d 100644
--- a/nbs/02_franken.ipynb
+++ b/nbs/02_franken.ipynb
@@ -725,11 +725,12 @@
     "#| export\n",
     "class ContainerT(VEnum):\n",
     "    'Max width container sizes from https://franken-ui.dev/docs/container'\n",
-    "    xs = 'uk-container-xsmall'\n",
-    "    sm = 'uk-container-small'\n",
-    "    lg = 'uk-container-large'\n",
-    "    xl = 'uk-container-xlarge'\n",
-    "    expand = 'uk-container-expand'"
+    "    def _generate_next_value_(name, start, count, last_values): return str2ukcls('container', name)\n",
+    "    xs = auto()\n",
+    "    sm = auto()\n",
+    "    lg = auto()\n",
+    "    xl = auto()\n",
+    "    expand = auto()"
    ]
   },
   {
@@ -2557,7 +2558,7 @@
     "    default = auto()\n",
     "    primary = auto()\n",
     "    secondary = auto()\n",
-    "    danger = auto()\n",
+    "    destructive = auto()\n",
     "    hover = 'uk-card hover:shadow-lg hover:-translate-y-1 transition-all duration-200'"
    ]
   },
@@ -2652,8 +2653,8 @@
     "    divider = auto()\n",
     "    striped = auto()\n",
     "    hover = auto()\n",
-    "    sm = 'uk-table-small'\n",
-    "    lg = 'uk-table-large'\n",
+    "    sm = auto()\n",
+    "    lg = auto()\n",
     "    justify = auto()\n",
     "    middle = auto()\n",
     "    responsive = auto()"