@dilipod/ui 0.4.0 → 0.4.2

package/dist/components/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,MAAM,uFAuBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,MAAM,uFA6BX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/index.js

@@ -1315,24 +1315,33 @@ var Textarea = React28__namespace.forwardRef(
 Textarea.displayName = "Textarea";
 var Select = React28__namespace.forwardRef(
   ({ className, error, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "select",
-      {
-        ref,
-        className: cn(
-          "h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)] ring-offset-background",
-          "placeholder:text-gray-500",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-          "disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors",
-          `appearance-none bg-[url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23374151'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")] bg-[length:16px_16px] bg-[right_12px_center] bg-no-repeat pr-10`,
-          error ? "border-red-500 focus-visible:ring-red-500" : "border-gray-300 focus-visible:ring-[var(--cyan)]",
-          className
-        ),
-        "aria-invalid": error ? "true" : void 0,
-        ...props,
-        children
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          ref,
+          className: cn(
+            "h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)] ring-offset-background",
+            "placeholder:text-gray-500",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+            "disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors",
+            "appearance-none pr-10",
+            error ? "border-red-500 focus-visible:ring-red-500" : "border-gray-300 focus-visible:ring-[var(--cyan)]",
+            className
+          ),
+          "aria-invalid": error ? "true" : void 0,
+          ...props,
+          children
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        react_star.CaretDown,
+        {
+          size: 16,
+          className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 pointer-events-none"
+        }
+      )
+    ] });
   }
 );
 Select.displayName = "Select";
@@ -2372,7 +2381,7 @@ var DialogContent = React28__namespace.forwardRef(({ className, children, ...pro
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg gap-4 border border-border bg-white p-6 shadow-lg rounded-sm",
+        "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg gap-4 border border-border bg-white p-6 shadow-lg rounded-sm -translate-x-1/2 -translate-y-1/2",
         className
       ),
       ...props,
@@ -3837,32 +3846,32 @@ var SettingsNavLink = React28__namespace.forwardRef(
 SettingsNavLink.displayName = "SettingsNavLink";
 var typeConfig = {
   escalation: {
-    label: "Escalation",
+    label: "Ask me first",
     icon: react_star.Warning,
     color: "text-amber-600",
     bgColor: "bg-amber-50",
-    description: "When to ask me first"
+    description: "Stop and check with me before proceeding"
   },
   default_behavior: {
-    label: "Default behavior",
+    label: "Handle it",
     icon: react_star.CheckCircle,
     color: "text-blue-600",
     bgColor: "bg-blue-50",
-    description: "What to do when data is missing"
+    description: "Proceed automatically using this rule"
   },
   quality_check: {
-    label: "Quality check",
+    label: "Must be correct",
     icon: react_star.CheckCircle,
     color: "text-emerald-600",
     bgColor: "bg-emerald-50",
-    description: 'What "done right" looks like'
+    description: 'This is what "done right" looks like'
   },
   edge_case: {
-    label: "Edge case",
+    label: "Watch out",
     icon: react_star.Question,
     color: "text-purple-600",
     bgColor: "bg-purple-50",
-    description: "Judgment calls and past mistakes"
+    description: "Common mistakes or tricky situations"
   }
 };
 function ScenarioCard({
@@ -3965,7 +3974,7 @@ function ScenarioDialog({
     }
   };
   const isValid = situation.trim() && action.trim();
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", style: { transform: "translate(-50%, -50%)" }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: scenario ? "Edit scenario" : "Add scenario" }),
       /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Define when something happens and what action to take." })