@motor-hero/ui-kit 0.37.0 → 0.37.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motor-hero/ui-kit",
-  "version": "0.37.0",
+  "version": "0.37.2",
   "description": "Componentes React reutilizáveis para o ecossistema MotorHero — shadcn/ui + Tailwind CSS v4",
   "author": "MotorHero",
   "license": "UNLICENSED",

package/src/components/form-field.tsx

@@ -31,7 +31,7 @@ export function FormField({ label, htmlFor, error, required, children, className
     <div className={`space-y-2 ${className ?? ""}`}>
       <label
         htmlFor={htmlFor}
-        className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+        className="block text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
       >
         {label}
         {required && <span className="ml-1 text-destructive">*</span>}

package/src/hooks/use-company-subdomain.ts

@@ -3,17 +3,43 @@ import { useState } from "react"
 export type UseCompanySubdomainOptions = {
   enableOverride?: boolean
   overrideStorageKey?: string
+  /**
+   * Host labels that are *not* tenants. A product whose default host carries
+   * a label of its own (`app.example.com`, `admin.example.com`) must list it
+   * here, or that label is read as a tenant slug and sent downstream as one.
+   *
+   * Added to the built-in `www`; `localhost` is always excluded structurally.
+   * Case-insensitive.
+   */
+  reservedSubdomains?: string[]
 }
 
 export type UseCompanySubdomainResult = {
   subdomain: string | undefined
 }
 
-export function getSubdomain(hostname: string): string | undefined {
+const ALWAYS_RESERVED = ["www", "localhost"]
+
+/**
+ * The tenant slug in a hostname, or `undefined` when there is none.
+ *
+ * The first label is only a tenant if it isn't reserved. Callers whose
+ * default host is `app.<domain>` must pass `["app"]` (plus any sibling
+ * surfaces like `admin`), otherwise visiting the default host yields the
+ * literal `"app"` as if it were a customer.
+ */
+export function getSubdomain(
+  hostname: string,
+  reservedSubdomains: string[] = [],
+): string | undefined {
   const labels = hostname.split(".")
   if (labels.length < 2) return undefined
   const first = labels[0]
-  if (!first || first === "www" || first === "localhost") return undefined
+  if (!first) return undefined
+  const reserved = [...ALWAYS_RESERVED, ...reservedSubdomains].map((label) =>
+    label.toLowerCase(),
+  )
+  if (reserved.includes(first.toLowerCase())) return undefined
   return first
 }
 
@@ -35,8 +61,11 @@ function resolveOverride(storageKey: string): string | undefined {
 export function useCompanySubdomain(
   opts: UseCompanySubdomainOptions = {},
 ): UseCompanySubdomainResult {
-  const { enableOverride = false, overrideStorageKey = "company-subdomain" } =
-    opts
+  const {
+    enableOverride = false,
+    overrideStorageKey = "company-subdomain",
+    reservedSubdomains = [],
+  } = opts
 
   const [subdomain] = useState<string | undefined>(() => {
     if (enableOverride) {
@@ -44,7 +73,7 @@ export function useCompanySubdomain(
       if (override) return override
     }
     if (typeof window === "undefined") return undefined
-    return getSubdomain(window.location.hostname)
+    return getSubdomain(window.location.hostname, reservedSubdomains)
   })
 
   return { subdomain }