@octavius2929-personal/design-system 0.5.0 → 0.5.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 justinoctavius
+Copyright (c) 2026 Justin Octavio <justinoctavio2001@gmail.com>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/index.cjs

@@ -182,7 +182,10 @@ function ThemeProvider({
       setSchema,
       setMode: setPreference,
       toggleMode: () => setPreference(mode === "dark" ? "light" : "dark"),
-      cycleMode: () => setPreference(modeNames[(modeNames.indexOf(mode) + 1) % modeNames.length])
+      cycleMode: () => {
+        const next = modeNames[(modeNames.indexOf(mode) + 1) % modeNames.length];
+        if (next) setPreference(next);
+      }
     }),
     [schema, mode, preference]
   );
@@ -331,7 +334,10 @@ var root4 = "use-styles_root__1wpei6p0";
 var tone2 = { ink: "use-styles_tone_ink__1wpei6p2", accent: "use-styles_tone_accent__1wpei6p3" };
 
 // src/components/badge/use-styles.ts
-function useStyles4({ tone: tone4 = "ink", className }) {
+function useStyles4({
+  tone: tone4 = "ink",
+  className
+}) {
   const { themeClass } = useTheme();
   const root24 = (0, import_react7.useMemo)(
     () => [themeClass, root4, className].filter(Boolean).join(" "),
@@ -1089,7 +1095,9 @@ var placement = { top: "use-styles_placement_top__h9kvh2", bottom: "use-styles_p
 var wrapper = "use-styles_wrapper__h9kvh0";
 
 // src/components/tooltip/use-styles.ts
-function useStyles14({ placement: placement2 = "top" }) {
+function useStyles14({
+  placement: placement2 = "top"
+}) {
   const { themeClass } = useTheme();
   const wrapper4 = (0, import_react18.useMemo)(
     () => [themeClass, wrapper].filter(Boolean).join(" "),
@@ -1914,6 +1922,7 @@ function Dialog({ open, onClose, title, actions: actions3, children }) {
     }
     const first = focusable[0];
     const last = focusable[focusable.length - 1];
+    if (!first || !last) return;
     const active2 = document.activeElement;
     if (event.shiftKey) {
       if (active2 === first || active2 === surfaceEl) {
@@ -2065,7 +2074,10 @@ var selected2 = "use-styles_selected__kbreq11";
 var trailing = "use-styles_trailing__kbreq14";
 
 // src/components/list-item/use-styles.ts
-function useStyles27({ selected: selected3, className }) {
+function useStyles27({
+  selected: selected3,
+  className
+}) {
   const { themeClass } = useTheme();
   const root24 = (0, import_react38.useMemo)(
     () => [themeClass, root23, selected3 && selected2, className].filter(Boolean).join(" "),