@helpwave/hightide 0.1.22 → 0.1.23

package/dist/components/modals/ThemeModal.mjs

@@ -114,14 +114,16 @@ import { Check } from "lucide-react";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var Tile = ({
   title,
+  titleClassName,
   description,
+  descriptionClassName,
   onClick,
   isSelected = false,
   disabled = false,
   prefix,
   suffix,
   normalClassName = "hover:bg-primary/40 cursor-pointer",
-  selectedClassName = " bg-primary/20",
+  selectedClassName = "bg-primary/20",
   disabledClassName = "text-disabled-text bg-disabled-background cursor-not-allowed",
   className
 }) => {
@@ -131,7 +133,7 @@ var Tile = ({
       className: clsx2(
         "flex-row-2 w-full items-center",
         {
-          [normalClassName]: !!onClick && !disabled,
+          [normalClassName]: onClick && !disabled,
           [selectedClassName]: isSelected && !disabled,
           [disabledClassName]: disabled
         },
@@ -141,14 +143,27 @@ var Tile = ({
       children: [
         prefix,
         /* @__PURE__ */ jsxs("div", { className: "flex-col-0 w-full", children: [
-          /* @__PURE__ */ jsx3("h4", { className: clsx2(title.className ?? "textstyle-title-normal"), children: title.value }),
-          !!description && /* @__PURE__ */ jsx3("span", { className: clsx2(description.className ?? "textstyle-description"), children: description.value })
+          /* @__PURE__ */ jsx3("span", { className: clsx2(titleClassName ?? "textstyle-title-normal"), children: title }),
+          !!description && /* @__PURE__ */ jsx3("span", { className: clsx2(descriptionClassName ?? "textstyle-description"), children: description })
         ] }),
         suffix ?? (isSelected ? /* @__PURE__ */ jsx3(Check, { size: 24 }) : void 0)
       ]
     }
   );
 };
+var ListTile = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx3(
+    Tile,
+    {
+      ...props,
+      titleClassName: props.titleClassName ?? "font-semibold",
+      className: clsx2("px-2 py-1 rounded-md", props.className),
+      disabledClassName: props.disabledClassName ?? "text-disabled-text cursor-not-allowed"
+    }
+  );
+};
 
 // src/components/layout-and-navigation/Expandable.tsx
 import { forwardRef, useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
@@ -1072,22 +1087,6 @@ var useSearch = ({
 
 // src/components/user-action/Select.tsx
 import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var SelectTile = ({
-  className,
-  disabledClassName,
-  title,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsx9(
-    Tile,
-    {
-      ...restProps,
-      className: clsx8("px-2 py-1 rounded-md", className),
-      disabledClassName: disabledClassName ?? "text-disabled-text cursor-not-allowed",
-      title: { ...title, className: title.className ?? "font-semibold" }
-    }
-  );
-};
 var Select = ({
   value,
   label,
@@ -1154,10 +1153,10 @@ var Select = ({
             ),
             /* @__PURE__ */ jsxs7("div", { className: "flex-col-2 overflow-y-auto", children: [
               result.map((option, index) => /* @__PURE__ */ jsx9(
-                SelectTile,
+                ListTile,
                 {
                   isSelected: option === selectedOption,
-                  title: { value: option.label },
+                  title: option.label,
                   onClick: () => {
                     onChange(option.value);
                     close();