@tishlang/tish-desktop-ui-theme 1.1.1 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tishlang/tish-desktop-ui-theme",
-  "version": "1.1.1",
+  "version": "1.1.4",
   "description": "Shared shadcn-like theme tokens and lattish UI primitives for Tish Desktop",
   "license": "PIF",
   "type": "module",

package/src/ui/Badge.tish

@@ -1,21 +1,34 @@
 /** @jsxImportSource lattish */
 
 fn cx(base, extra) {
-  if (extra === null || extra === undefined || extra === "") return base
+  if (extra === null || extra === undefined || extra === "") {
+    return base
+  }
   return base + " " + extra
 }
 
 fn toneClass(tone) {
-  if (tone === "primary") return "bg-primary text-primary-foreground border-transparent"
-  if (tone === "destructive") return "bg-destructive text-destructive-foreground border-transparent"
-  if (tone === "outline") return "bg-transparent text-foreground border-border"
-  if (tone === "accent") return "bg-accent text-accent-foreground border-transparent"
+  if (tone === "primary") {
+    return "bg-primary text-primary-foreground border-transparent"
+  }
+  if (tone === "destructive") {
+    return "bg-destructive text-destructive-foreground border-transparent"
+  }
+  if (tone === "outline") {
+    return "bg-transparent text-foreground border-border"
+  }
+  if (tone === "accent") {
+    return "bg-accent text-accent-foreground border-transparent"
+  }
   return "bg-muted text-muted-foreground border-transparent"
 }
 
 export fn Badge(props) {
   let tone = props.tone !== null && props.tone !== undefined ? props.tone : "muted"
-  return <span class={cx("inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-medium", cx(toneClass(tone), props.class))}>
+  return <span class={cx(
+    "inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-medium",
+    cx(toneClass(tone), props.class)
+  )}>
       {props.children}
     </span>
 }

package/src/ui/Button.tish

@@ -1,7 +1,9 @@
 /** @jsxImportSource lattish */
 
 fn cx(base, extra) {
-  if (extra === null || extra === undefined || extra === "") return base
+  if (extra === null || extra === undefined || extra === "") {
+    return base
+  }
   return base + " " + extra
 }
 
@@ -25,9 +27,15 @@ fn variantClass(variant) {
 }
 
 fn sizeClass(size) {
-  if (size === "sm") return "h-8 px-3 text-xs"
-  if (size === "lg") return "h-11 px-5 text-base"
-  if (size === "icon") return "h-9 w-9 p-0"
+  if (size === "sm") {
+    return "h-8 px-3 text-xs"
+  }
+  if (size === "lg") {
+    return "h-11 px-5 text-base"
+  }
+  if (size === "icon") {
+    return "h-9 w-9 p-0"
+  }
   return "h-9 px-4 text-sm"
 }
 
@@ -38,12 +46,7 @@ export fn Button(props) {
     "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg font-medium transition-opacity disabled:pointer-events-none disabled:opacity-50",
     cx(variantClass(variant), cx(sizeClass(size), props.class))
   )
-  return <button
-      type={props.type !== null && props.type !== undefined ? props.type : "button"}
-      class={className}
-      disabled={props.disabled}
-      onClick={props.onClick}
-    >
+  return <button type={props.type !== null && props.type !== undefined ? props.type : "button"} class={className} disabled={props.disabled} onClick={props.onClick}>
       {props.children}
     </button>
 }

package/src/ui/Card.tish

@@ -1,7 +1,9 @@
 /** @jsxImportSource lattish */
 
 fn cx(base, extra) {
-  if (extra === null || extra === undefined || extra === "") return base
+  if (extra === null || extra === undefined || extra === "") {
+    return base
+  }
   return base + " " + extra
 }
 
@@ -24,7 +26,10 @@ export fn CardBody(props) {
 }
 
 export fn CardFooter(props) {
-  return <div class={cx("flex items-center gap-2 p-4 border-t border-border text-muted-foreground", props.class)}>
+  return <div class={cx(
+    "flex items-center gap-2 p-4 border-t border-border text-muted-foreground",
+    props.class
+  )}>
       {props.children}
     </div>
 }

package/src/ui/Input.tish

@@ -1,7 +1,9 @@
 /** @jsxImportSource lattish */
 
 fn cx(base, extra) {
-  if (extra === null || extra === undefined || extra === "") return base
+  if (extra === null || extra === undefined || extra === "") {
+    return base
+  }
   return base + " " + extra
 }
 
@@ -10,14 +12,5 @@ export fn Input(props) {
     "flex h-9 w-full rounded-lg border border-input bg-background px-3 py-1 text-sm text-foreground placeholder:text-muted-foreground outline-none focus-visible:ring-2 ring-ring disabled:cursor-not-allowed disabled:opacity-50",
     props.class
   )
-  return <input
-      type={props.type !== null && props.type !== undefined ? props.type : "text"}
-      class={className}
-      value={props.value}
-      placeholder={props.placeholder}
-      disabled={props.disabled}
-      onInput={props.onInput}
-      onChange={props.onChange}
-      onKeyDown={props.onKeyDown}
-    />
+  return <input type={props.type !== null && props.type !== undefined ? props.type : "text"} class={className} value={props.value} placeholder={props.placeholder} disabled={props.disabled} onInput={props.onInput} onChange={props.onChange} onKeyDown={props.onKeyDown} />
 }

package/src/ui/ScrollArea.tish

@@ -1,7 +1,9 @@
 /** @jsxImportSource lattish */
 
 fn cx(base, extra) {
-  if (extra === null || extra === undefined || extra === "") return base
+  if (extra === null || extra === undefined || extra === "") {
+    return base
+  }
   return base + " " + extra
 }
 

package/src/ui/Section.tish

@@ -1,7 +1,9 @@
 /** @jsxImportSource lattish */
 
 fn cx(base, extra) {
-  if (extra === null || extra === undefined || extra === "") return base
+  if (extra === null || extra === undefined || extra === "") {
+    return base
+  }
   return base + " " + extra
 }
 

package/src/ui/Separator.tish

@@ -1,14 +1,14 @@
 /** @jsxImportSource lattish */
 
 fn cx(base, extra) {
-  if (extra === null || extra === undefined || extra === "") return base
+  if (extra === null || extra === undefined || extra === "") {
+    return base
+  }
   return base + " " + extra
 }
 
 export fn Separator(props) {
   let vertical = props.orientation === "vertical"
-  let className = vertical
-    ? "shrink-0 bg-border w-px h-full"
-    : "shrink-0 bg-border h-px w-full"
+  let className = vertical ? "shrink-0 bg-border w-px h-full" : "shrink-0 bg-border h-px w-full"
   return <div role="separator" class={cx(className, props.class)} />
 }

package/src/ui/Toolbar.tish

@@ -1,18 +1,17 @@
 /** @jsxImportSource lattish */
 
 fn cx(base, extra) {
-  if (extra === null || extra === undefined || extra === "") return base
+  if (extra === null || extra === undefined || extra === "") {
+    return base
+  }
   return base + " " + extra
 }
 
 export fn Toolbar(props) {
-  return <div
-      class={cx(
-        "flex items-center gap-2 h-12 px-4 border-b border-border bg-background select-none",
-        props.class
-      )}
-      onMouseDown={props.onMouseDown}
-    >
+  return <div class={cx(
+    "flex items-center gap-2 h-12 px-4 border-b border-border bg-background select-none",
+    props.class
+  )} onMouseDown={props.onMouseDown}>
       {props.children}
     </div>
 }