@nubase/frontend 0.1.21 → 0.1.22

package/dist/index.d.mts

@@ -2697,7 +2697,8 @@ declare const unorderedListCommand: MarkdownCommand;
 declare const orderedListCommand: MarkdownCommand;
 declare const checkListCommand: MarkdownCommand;
 
-interface MarkdownTextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
+declare const markdownTextAreaVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+interface MarkdownTextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof markdownTextAreaVariants> {
     className?: string;
 }
 interface MarkdownTextAreaHandle {

package/dist/index.d.ts

@@ -2697,7 +2697,8 @@ declare const unorderedListCommand: MarkdownCommand;
 declare const orderedListCommand: MarkdownCommand;
 declare const checkListCommand: MarkdownCommand;
 
-interface MarkdownTextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
+declare const markdownTextAreaVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+interface MarkdownTextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof markdownTextAreaVariants> {
     className?: string;
 }
 interface MarkdownTextAreaHandle {

package/dist/index.js

@@ -6163,7 +6163,7 @@ var textInputVariants = (0, import_class_variance_authority7.cva)([
   "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",
@@ -6805,7 +6805,7 @@ var SchemaFormBody = ({
       " ",
       metadataError.message
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex-1 space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex-1 space-y-4 pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       SchemaFormVerticalLayout,
       {
         layout,
@@ -14571,6 +14571,7 @@ var checkListCommand = {
 };
 
 // src/components/markdown-textarea/MarkdownTextArea.tsx
+var import_class_variance_authority14 = require("class-variance-authority");
 var import_react64 = require("react");
 
 // src/components/markdown-textarea/text-controller.ts
@@ -14684,6 +14685,27 @@ function canManipulateViaTextNodes(input) {
 
 // src/components/markdown-textarea/MarkdownTextArea.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
+var markdownTextAreaVariants = (0, import_class_variance_authority14.cva)([
+  // 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 = (0, import_react64.forwardRef)(({ className, ...props }, ref) => {
   const textAreaRef = (0, import_react64.useRef)(null);
   const textControllerRef = (0, import_react64.useRef)(void 0);
@@ -14712,17 +14734,7 @@ var MarkdownTextArea = (0, import_react64.forwardRef)(({ className, ...props },
     "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
     }
   );
@@ -14891,7 +14903,7 @@ var MainNav = (0, import_react66.forwardRef)(
 MainNav.displayName = "MainNav";
 
 // src/components/navigation/main-nav/NavItemComponent.tsx
-var import_class_variance_authority14 = require("class-variance-authority");
+var import_class_variance_authority15 = require("class-variance-authority");
 
 // src/components/navigation/main-nav/SafeLink.tsx
 var import_jsx_runtime101 = require("react/jsx-runtime");
@@ -14913,7 +14925,7 @@ var SafeLink = ({ to, className, onClick, children }) => {
 
 // src/components/navigation/main-nav/NavItemComponent.tsx
 var import_jsx_runtime102 = require("react/jsx-runtime");
-var navItemVariants = (0, import_class_variance_authority14.cva)(
+var navItemVariants = (0, import_class_variance_authority15.cva)(
   "flex items-center gap-3 px-3 py-2 text-sm font-medium transition-all duration-200 rounded-md group",
   {
     variants: {
@@ -15370,17 +15382,17 @@ var import_react_router5 = require("@tanstack/react-router");
 var import_react69 = require("react");
 
 // src/components/search-controls/LookupSelectFilter.tsx
-var import_class_variance_authority16 = require("class-variance-authority");
+var import_class_variance_authority17 = require("class-variance-authority");
 var import_lodash_es = require("lodash-es");
 var React9 = __toESM(require("react"));
 
 // src/components/search-controls/SearchFilterDropdown.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_class_variance_authority15 = require("class-variance-authority");
+var import_class_variance_authority16 = require("class-variance-authority");
 var import_lucide_react17 = require("lucide-react");
 var React8 = __toESM(require("react"));
 var import_jsx_runtime110 = require("react/jsx-runtime");
-var searchFilterTriggerVariants = (0, import_class_variance_authority15.cva)(
+var searchFilterTriggerVariants = (0, import_class_variance_authority16.cva)(
   [
     // Base - matching TextInput height/roundness
     "inline-flex items-center gap-1.5 h-9 px-3 rounded-md",
@@ -15402,7 +15414,7 @@ var searchFilterTriggerVariants = (0, import_class_variance_authority15.cva)(
     }
   }
 );
-var searchFilterContentVariants = (0, import_class_variance_authority15.cva)([
+var searchFilterContentVariants = (0, import_class_variance_authority16.cva)([
   // Background & Border
   "bg-popover text-popover-foreground",
   "border rounded-md shadow-md",
@@ -15507,7 +15519,7 @@ SearchFilterDropdown.displayName = "SearchFilterDropdown";
 
 // src/components/search-controls/LookupSelectFilter.tsx
 var import_jsx_runtime111 = require("react/jsx-runtime");
-var optionVariants3 = (0, import_class_variance_authority16.cva)(
+var optionVariants3 = (0, import_class_variance_authority17.cva)(
   [
     "flex items-center gap-2 px-3 py-2",
     "cursor-pointer select-none",
@@ -15803,13 +15815,13 @@ var LookupSelectFilter = React9.forwardRef(
 LookupSelectFilter.displayName = "LookupSelectFilter";
 
 // src/components/search-controls/SearchFilterBar.tsx
-var import_class_variance_authority17 = require("class-variance-authority");
+var import_class_variance_authority18 = require("class-variance-authority");
 var import_lodash_es2 = require("lodash-es");
 var import_lucide_react18 = require("lucide-react");
 var React10 = __toESM(require("react"));
 var import_jsx_runtime112 = require("react/jsx-runtime");
-var searchFilterBarVariants = (0, import_class_variance_authority17.cva)(["flex items-center gap-2", "flex-wrap"]);
-var searchFilterBarInputVariants = (0, import_class_variance_authority17.cva)([
+var searchFilterBarVariants = (0, import_class_variance_authority18.cva)(["flex items-center gap-2", "flex-wrap"]);
+var searchFilterBarInputVariants = (0, import_class_variance_authority18.cva)([
   // Layout & Sizing
   "flex h-9 min-w-0",
   // Spacing & Borders (pl-10 for search icon)
@@ -15831,7 +15843,7 @@ var searchFilterBarInputVariants = (0, import_class_variance_authority17.cva)([
   "disabled:cursor-not-allowed",
   "disabled:opacity-50"
 ]);
-var searchFilterBarClearButtonVariants = (0, import_class_variance_authority17.cva)([
+var searchFilterBarClearButtonVariants = (0, import_class_variance_authority18.cva)([
   "inline-flex items-center gap-1 h-9 px-3",
   "text-sm font-medium text-muted-foreground",
   "hover:text-foreground",
@@ -15929,10 +15941,10 @@ var SearchFilterBar = React10.forwardRef(
 SearchFilterBar.displayName = "SearchFilterBar";
 
 // src/components/search-controls/SelectFilter.tsx
-var import_class_variance_authority18 = require("class-variance-authority");
+var import_class_variance_authority19 = require("class-variance-authority");
 var React11 = __toESM(require("react"));
 var import_jsx_runtime113 = require("react/jsx-runtime");
-var optionVariants4 = (0, import_class_variance_authority18.cva)(
+var optionVariants4 = (0, import_class_variance_authority19.cva)(
   [
     // Layout
     "flex items-center gap-2 px-3 py-2",