@octavius2929-personal/design-system 0.5.0 → 0.5.1

package/dist/index.d.cts

@@ -923,7 +923,7 @@ interface SelectOption {
 }
 interface SelectProps {
     options: SelectOption[];
-    value?: string;
+    value?: string | undefined;
     onChange?: (value: string) => void;
     placeholder?: ReactNode;
     label?: ReactNode;

package/dist/index.d.ts

@@ -923,7 +923,7 @@ interface SelectOption {
 }
 interface SelectProps {
     options: SelectOption[];
-    value?: string;
+    value?: string | undefined;
     onChange?: (value: string) => void;
     placeholder?: ReactNode;
     label?: ReactNode;

package/dist/index.js

@@ -104,7 +104,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]
   );
@@ -253,7 +256,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 = useMemo5(
     () => [themeClass, root4, className].filter(Boolean).join(" "),
@@ -1014,7 +1020,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 = useMemo15(
     () => [themeClass, wrapper].filter(Boolean).join(" "),
@@ -1848,6 +1856,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) {
@@ -1999,7 +2008,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 = useMemo28(
     () => [themeClass, root23, selected3 && selected2, className].filter(Boolean).join(" "),