@nubase/frontend 0.1.21 → 0.1.22

package/dist/index.mjs

@@ -5912,7 +5912,7 @@ var textInputVariants = cva7([
   "selection:bg-primary selection:text-primary-foreground",
   // Focus State
   "focus-visible:border-ring",
-  "focus-visible:ring-ring/50",
+  "focus-visible:ring-ring/50 focus-visible:ring-[3px]",
   // Invalid State
   "aria-invalid:border-destructive",
   "aria-invalid:ring-destructive/20",
@@ -6554,7 +6554,7 @@ var SchemaFormBody = ({
       " ",
       metadataError.message
     ] }),
-    /* @__PURE__ */ jsx32("div", { className: "flex-1 space-y-4", children: /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx32("div", { className: "flex-1 space-y-4 pt-1", children: /* @__PURE__ */ jsx32(
       SchemaFormVerticalLayout,
       {
         layout,
@@ -14365,6 +14365,7 @@ var checkListCommand = {
 };
 
 // src/components/markdown-textarea/MarkdownTextArea.tsx
+import { cva as cva14 } from "class-variance-authority";
 import { forwardRef as forwardRef18, useImperativeHandle as useImperativeHandle3, useRef as useRef19 } from "react";
 
 // src/components/markdown-textarea/text-controller.ts
@@ -14478,6 +14479,27 @@ function canManipulateViaTextNodes(input) {
 
 // src/components/markdown-textarea/MarkdownTextArea.tsx
 import { jsx as jsx97 } from "react/jsx-runtime";
+var markdownTextAreaVariants = cva14([
+  // Layout & Sizing
+  "w-full min-h-[200px]",
+  // Spacing & Borders
+  "px-3 py-2 rounded-md border border-border",
+  // Background & Text
+  "bg-background text-foreground",
+  "font-mono text-sm",
+  // Resize behavior
+  "resize-vertical",
+  // Visual Effects
+  "outline-none",
+  // Placeholder
+  "placeholder:text-muted-foreground",
+  // Focus State
+  "focus-visible:border-ring",
+  "focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  // Disabled State
+  "disabled:opacity-50",
+  "disabled:cursor-not-allowed"
+]);
 var MarkdownTextArea = forwardRef18(({ className, ...props }, ref) => {
   const textAreaRef = useRef19(null);
   const textControllerRef = useRef19(void 0);
@@ -14506,17 +14528,7 @@ var MarkdownTextArea = forwardRef18(({ className, ...props }, ref) => {
     "textarea",
     {
       ref: textAreaRef,
-      className: cn(
-        "w-full min-h-[200px] px-3 py-2",
-        "bg-background text-foreground",
-        "border border-border rounded-md",
-        "resize-vertical",
-        "focus:outline-none focus:ring-2 focus:ring-ring/20 focus:border-primary",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        "placeholder:text-muted-foreground",
-        "font-mono text-sm",
-        className
-      ),
+      className: cn(markdownTextAreaVariants({ className })),
       ...props
     }
   );
@@ -14685,7 +14697,7 @@ var MainNav = forwardRef19(
 MainNav.displayName = "MainNav";
 
 // src/components/navigation/main-nav/NavItemComponent.tsx
-import { cva as cva14 } from "class-variance-authority";
+import { cva as cva15 } from "class-variance-authority";
 
 // src/components/navigation/main-nav/SafeLink.tsx
 import { jsx as jsx101 } from "react/jsx-runtime";
@@ -14707,7 +14719,7 @@ var SafeLink = ({ to, className, onClick, children }) => {
 
 // src/components/navigation/main-nav/NavItemComponent.tsx
 import { Fragment as Fragment9, jsx as jsx102, jsxs as jsxs46 } from "react/jsx-runtime";
-var navItemVariants = cva14(
+var navItemVariants = cva15(
   "flex items-center gap-3 px-3 py-2 text-sm font-medium transition-all duration-200 rounded-md group",
   {
     variants: {
@@ -15178,17 +15190,17 @@ import { useNavigate as useNavigate3 } from "@tanstack/react-router";
 import { memo as memo9, useCallback as useCallback15, useEffect as useEffect15, useMemo as useMemo19, useState as useState30 } from "react";
 
 // src/components/search-controls/LookupSelectFilter.tsx
-import { cva as cva16 } from "class-variance-authority";
+import { cva as cva17 } from "class-variance-authority";
 import { debounce } from "lodash-es";
 import * as React9 from "react";
 
 // src/components/search-controls/SearchFilterDropdown.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cva as cva15 } from "class-variance-authority";
+import { cva as cva16 } from "class-variance-authority";
 import { ChevronDownIcon, TypeIcon } from "lucide-react";
 import * as React8 from "react";
 import { jsx as jsx110, jsxs as jsxs52 } from "react/jsx-runtime";
-var searchFilterTriggerVariants = cva15(
+var searchFilterTriggerVariants = cva16(
   [
     // Base - matching TextInput height/roundness
     "inline-flex items-center gap-1.5 h-9 px-3 rounded-md",
@@ -15210,7 +15222,7 @@ var searchFilterTriggerVariants = cva15(
     }
   }
 );
-var searchFilterContentVariants = cva15([
+var searchFilterContentVariants = cva16([
   // Background & Border
   "bg-popover text-popover-foreground",
   "border rounded-md shadow-md",
@@ -15315,7 +15327,7 @@ SearchFilterDropdown.displayName = "SearchFilterDropdown";
 
 // src/components/search-controls/LookupSelectFilter.tsx
 import { jsx as jsx111, jsxs as jsxs53 } from "react/jsx-runtime";
-var optionVariants3 = cva16(
+var optionVariants3 = cva17(
   [
     "flex items-center gap-2 px-3 py-2",
     "cursor-pointer select-none",
@@ -15611,13 +15623,13 @@ var LookupSelectFilter = React9.forwardRef(
 LookupSelectFilter.displayName = "LookupSelectFilter";
 
 // src/components/search-controls/SearchFilterBar.tsx
-import { cva as cva17 } from "class-variance-authority";
+import { cva as cva18 } from "class-variance-authority";
 import { debounce as debounce2 } from "lodash-es";
 import { Search as Search2, XIcon } from "lucide-react";
 import * as React10 from "react";
 import { jsx as jsx112, jsxs as jsxs54 } from "react/jsx-runtime";
-var searchFilterBarVariants = cva17(["flex items-center gap-2", "flex-wrap"]);
-var searchFilterBarInputVariants = cva17([
+var searchFilterBarVariants = cva18(["flex items-center gap-2", "flex-wrap"]);
+var searchFilterBarInputVariants = cva18([
   // Layout & Sizing
   "flex h-9 min-w-0",
   // Spacing & Borders (pl-10 for search icon)
@@ -15639,7 +15651,7 @@ var searchFilterBarInputVariants = cva17([
   "disabled:cursor-not-allowed",
   "disabled:opacity-50"
 ]);
-var searchFilterBarClearButtonVariants = cva17([
+var searchFilterBarClearButtonVariants = cva18([
   "inline-flex items-center gap-1 h-9 px-3",
   "text-sm font-medium text-muted-foreground",
   "hover:text-foreground",
@@ -15737,10 +15749,10 @@ var SearchFilterBar = React10.forwardRef(
 SearchFilterBar.displayName = "SearchFilterBar";
 
 // src/components/search-controls/SelectFilter.tsx
-import { cva as cva18 } from "class-variance-authority";
+import { cva as cva19 } from "class-variance-authority";
 import * as React11 from "react";
 import { jsx as jsx113, jsxs as jsxs55 } from "react/jsx-runtime";
-var optionVariants4 = cva18(
+var optionVariants4 = cva19(
   [
     // Layout
     "flex items-center gap-2 px-3 py-2",