untitledui 0.1.2 → 0.1.4

package/templates/default/src/components/shared/{inputs/textarea → textarea}/textarea.tsx

@@ -4,9 +4,9 @@ import type { ReactNode, Ref } from "react";
 import React from "react";
 import type { TextAreaProps as AriaTextAreaProps, TextFieldProps as AriaTextFieldProps } from "react-aria-components";
 import { TextArea as AriaTextArea } from "react-aria-components";
-import HintText from "@/components/shared/inputs/hint-text";
-import Label from "@/components/shared/inputs/label";
-import { cx } from "@/components/utils";
+import HintText from "@/components/shared/input/hint-text";
+import Label from "@/components/shared/input/label";
+import { cx } from "@/components/utils/cx";
 import { TextField } from "../input";
 
 interface TextAreaBaseProps extends AriaTextAreaProps {

package/templates/default/src/components/shared/toggle/toggle.tsx

@@ -3,7 +3,7 @@
 import type { ReactNode } from "react";
 import type { SwitchProps } from "react-aria-components";
 import { Switch } from "react-aria-components";
-import { cx } from "@/components/utils";
+import { cx } from "@/components/utils/cx";
 
 interface ToggleBaseProps {
     size?: "sm" | "md";

package/templates/default/src/components/shared/tooltips/tooltips.tsx

@@ -7,7 +7,7 @@ import type { FocusableElement } from "@react-types/shared";
 import { mergeProps, useFocusable } from "react-aria";
 import { Tooltip as AriaTooltip, TooltipTrigger as AriaTooltipTrigger, Button, OverlayArrow } from "react-aria-components";
 import type { TooltipProps as AriaTooltipProps, ButtonProps, TooltipTriggerComponentProps } from "react-aria-components";
-import { cx } from "@/components/utils";
+import { cx } from "@/components/utils/cx";
 
 const padding: Partial<Record<Placement, string>> = {
     "top left": "px-2.5",

package/templates/default/src/providers/theme.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "next-themes";
 
 export function Theme({ children }: { children: React.ReactNode }) {
     return (
-        <ThemeProvider attribute="data-theme" enableColorScheme enableSystem>
+        <ThemeProvider attribute="class" value={{ light: "light-mode", dark: "dark-mode" }} enableSystem>
             {children}
         </ThemeProvider>
     );

package/templates/default/src/styles/globals.css

@@ -9,6 +9,8 @@
 @import "./text-styles.css";
 @import "./typography.css";
 
+@source "../components/application/code-snippet/code-snippet.style.css";
+
 /*
   The default border color has changed to `currentColor` in Tailwind CSS v4,
   so we've added these compatibility styles to make sure everything still
@@ -27,7 +29,7 @@
     }
 }
 
-@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+@custom-variant dark (&:where(.dark-mode, .dark-mode *));
 @custom-variant label (& [data-label]);
 @custom-variant focus-input-within (&:has(input:focus));