myoperator-ui 0.0.206-beta.3 → 0.0.206-beta.4

package/dist/index.js

@@ -179,7 +179,6 @@ function looksLikeTailwindClasses(str) {
     "checkbox",
     "radio",
     "file",
-    "hidden",
     "image",
     "color",
     "date",
@@ -239,6 +238,11 @@ function looksLikeTailwindClasses(str) {
     "descending"
   ];
   if (nonClassValues.includes(str.toLowerCase())) return false;
+  if (/[A-Z][a-z]{2,}/.test(str) && !str.includes("[")) return false;
+  if (/[.!?]$/.test(str.trim())) return false;
+  const sentenceWords = ["for", "and", "the", "with", "over", "from", "into", "that", "this", "your", "our"];
+  const tokens = str.split(/s+/);
+  if (tokens.length >= 3 && tokens.some((w) => sentenceWords.includes(w.toLowerCase()))) return false;
   if (/^[A-Z][a-zA-Z]*$/.test(str)) return false;
   if (str.startsWith("@") || str.startsWith(".") || str.startsWith("/") || str.includes("::") && !str.includes("[&")) return false;
   const tailwindUtilityPrefixes = ["text", "bg", "p", "m", "px", "py", "mx", "my", "pt", "pb", "pl", "pr", "mt", "mb", "ml", "mr", "w", "h", "min", "max", "gap", "space", "border", "rounded", "shadow", "opacity", "font", "leading", "tracking", "z", "inset", "top", "bottom", "left", "right", "flex", "grid", "col", "row", "justify", "items", "content", "self", "place", "order", "float", "clear", "object", "overflow", "overscroll", "scroll", "list", "appearance", "cursor", "pointer", "resize", "select", "fill", "stroke", "table", "caption", "transition", "duration", "ease", "delay", "animate", "transform", "origin", "scale", "rotate", "translate", "skew", "accent", "caret", "outline", "ring", "blur", "brightness", "contrast", "grayscale", "hue", "invert", "saturate", "sepia", "backdrop", "divide", "sr", "not", "snap", "touch", "will", "aspect", "container", "columns", "break", "box", "isolation", "mix", "filter", "drop", "size", "shrink", "grow", "basis", "whitespace", "decoration", "indent"];
@@ -369,7 +373,7 @@ function prefixTailwindClasses(content, prefix) {
       return `className="${prefixed}"`;
     }
   );
-  const nonClassKeys = ["name", "displayName", "type", "role", "id", "htmlFor", "for", "placeholder", "alt", "src", "href", "target", "rel", "method", "action", "enctype", "accept", "pattern", "autocomplete", "value", "defaultValue", "label", "text", "message", "helperText", "ariaLabel", "ariaDescribedBy"];
+  const nonClassKeys = ["name", "displayName", "type", "role", "id", "htmlFor", "for", "placeholder", "alt", "src", "href", "target", "rel", "method", "action", "enctype", "accept", "pattern", "autocomplete", "value", "defaultValue", "label", "text", "message", "helperText", "ariaLabel", "ariaDescribedBy", "description", "title", "content", "header", "footer", "caption", "summary", "tooltip", "errorMessage", "successMessage", "warningMessage", "infoMessage", "hint"];
   function hasObviousTailwindPatterns(value) {
     return /(?:^|\s)(hover|focus|active|disabled|group|peer|data-|aria-|sm:|md:|lg:|xl:|2xl:|dark:)/.test(value) || // Group/peer with selectors
     /group-\[|peer-\[/.test(value) || // Arbitrary selectors
@@ -12792,7 +12796,7 @@ export const CreateBotModal = React.forwardRef<
             <span className="text-sm font-semibold text-semantic-text-secondary tracking-[0.014px]">
               Select Bot Type
             </span>
-            <div className="flex flex-col gap-3 sm:flex-row">
+            <div className="flex gap-3">
               {BOT_TYPE_OPTIONS.map(({ id, label, description }) => {
                 const isSelected = selectedType === id;
                 return (
@@ -12801,10 +12805,10 @@ export const CreateBotModal = React.forwardRef<
                     type="button"
                     onClick={() => setSelectedType(id)}
                     className={cn(
-                      "flex flex-row items-center gap-3 p-3 rounded-lg border text-left sm:flex-col sm:gap-2.5 sm:flex-1 sm:h-[134px] sm:justify-center",
+                      "flex flex-col items-start gap-2.5 p-3 rounded-lg border text-left flex-1 h-[134px] justify-center",
                       "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-semantic-border-focus",
                       isSelected
-                        ? "bg-semantic-info-surface border-semantic-border-focus shadow-sm"
+                        ? "bg-semantic-brand-surface border-semantic-brand shadow-sm"
                         : "bg-semantic-bg-primary border-semantic-border-layout hover:bg-semantic-bg-hover"
                     )}
                     aria-pressed={isSelected}
@@ -12814,7 +12818,7 @@ export const CreateBotModal = React.forwardRef<
                         "flex items-center justify-center size-[34px] rounded-lg",
                         isSelected
                           ? "bg-semantic-bg-primary"
-                          : "bg-semantic-info-surface"
+                          : "bg-semantic-info-surface-subtle"
                       )}
                     >
                       {id === "chatbot" ? (
@@ -12847,13 +12851,12 @@ export const CreateBotModal = React.forwardRef<
         </div>
 
         {/* Footer actions */}
-        <div className="flex flex-col-reverse gap-3 mt-2 sm:flex-row sm:justify-end sm:gap-4">
-          <Button variant="outline" className="w-full sm:w-auto" onClick={handleClose}>
+        <div className="flex gap-4 justify-end mt-2">
+          <Button variant="outline" onClick={handleClose}>
             Cancel
           </Button>
           <Button
             variant="default"
-            className="w-full sm:w-auto"
             onClick={handleSubmit}
             disabled={!name.trim()}
           >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-ui",
-  "version": "0.0.206-beta.3",
+  "version": "0.0.206-beta.4",
   "description": "CLI for adding myOperator UI components to your project",
   "type": "module",
   "exports": "./dist/index.js",
@@ -30,6 +30,7 @@
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "test:e2e": "vitest run src/__tests__/e2e.test.ts --testTimeout 180000",
+    "test:e2e:smoke": "E2E_SMOKE=1 vitest run src/__tests__/e2e.test.ts --testTimeout 60000",
     "test:watch": "vitest",
     "prepublishOnly": "node scripts/check-publish-allowed.js && npm run validate-types && npm run build && npm run validate-registry && npm run test:e2e"
   },