@gemafajarramadhan/dynamic-ui 1.1.25 → 1.1.26

package/dist/dynamic-ui.es.js

@@ -48862,10 +48862,10 @@ const BN = {
   class: "h-4 w-32 rounded bg-gray-200 dark:bg-gray-700 animate-pulse"
 }, ON = {
   key: 0,
-  class: "!ml-1 !text-destructive"
-}, TN = ["disabled", "onClick"], VN = { class: "!flex-shrink-0 !px-2 text-sm text-muted-foreground !select-none !whitespace-nowrap" }, HN = ["id", "value", "placeholder", "disabled", "onClick", "onFocus", "onBlur", "onInput", "onKeydown", "onKeypress", "onPaste"], $N = { class: "!h-full !p-2 !flex !flex-col !gap-3 !w-32 !box-border" }, jN = { class: "!flex !items-center !justify-end !gap-2 !w-full !p-2 !box-border" }, FN = {
+  class: "ml-1 text-destructive"
+}, TN = ["disabled", "onClick"], VN = { class: "flex-shrink-0 px-2 text-sm text-muted-foreground select-none whitespace-nowrap" }, HN = ["id", "value", "placeholder", "disabled", "onClick", "onFocus", "onBlur", "onInput", "onKeydown", "onKeypress", "onPaste"], $N = { class: "h-full p-2 flex flex-col gap-3 w-32" }, jN = { class: "flex items-center justify-end gap-2 w-full p-2" }, FN = {
   key: 1,
-  class: "!text-xs !text-destructive !mt-1"
+  class: "text-xs text-destructive"
 }, dO = /* @__PURE__ */ W({
   name: "DCodeDatePicker",
   inheritAttrs: !1,
@@ -48970,7 +48970,7 @@ const BN = {
       }), (re = w.value) == null || re.openMenu();
     };
     return (R, G) => (m(), z("div", {
-      class: de(["!flex !flex-col !gap-1 !w-full", f(a).class])
+      class: de(["flex flex-col gap-1 w-full", f(a).class])
     }, [
       t.skeleton ? (m(), z(xe, { key: 0 }, [
         t.label ? (m(), z("div", BN)) : K("", !0),
@@ -48979,7 +48979,7 @@ const BN = {
         t.label ? (m(), $(f(E1), {
           key: 0,
           for: i.value,
-          class: "!text-sm !font-medium"
+          class: "text-sm font-medium"
         }, {
           default: P(() => [
             ue(Y(t.label) + " ", 1),
@@ -49022,24 +49022,24 @@ const BN = {
         }, MD({
           "dp-input": P(({ value: ae, onInput: N, onEnter: X, onTab: ee, onBlur: ce, onFocus: V, onKeypress: j, onPaste: re, toggleMenu: ge }) => [
             q("div", {
-              class: de(["!flex !items-center !w-full !h-10 !rounded-lg !border bg-white dark:bg-neutral-900 border-gray-300 dark:border-gray-700 !overflow-hidden !box-border", [
-                c.value ? "!border-destructive" : "",
-                t.disabled ? "!opacity-50 !cursor-not-allowed" : ""
+              class: de(["flex items-center w-full h-10 rounded-lg border bg-white dark:bg-neutral-900 border-gray-300 dark:border-gray-700 overflow-hidden", [
+                c.value ? "border-destructive" : "",
+                t.disabled ? "opacity-50 cursor-not-allowed" : ""
               ]])
             }, [
               q("button", {
                 type: "button",
                 tabindex: "-1",
                 disabled: t.disabled,
-                class: "!flex-shrink-0 !flex !items-center !justify-center !w-10 !h-full !p-0 !m-0 !bg-transparent !border-0 text-muted-foreground hover:text-foreground transition-colors !focus:outline-none",
+                class: "flex-shrink-0 flex items-center justify-center w-10 h-full text-muted-foreground hover:text-foreground transition-colors focus:outline-none",
                 onClick: (ke) => ge()
               }, [
-                F(f(cl), { class: "!w-4 !h-4 !pointer-events-none" })
+                F(f(cl), { class: "w-4 h-4 pointer-events-none" })
               ], 8, TN),
-              G[4] || (G[4] = q("span", { class: "!w-px !h-5 bg-gray-200 dark:bg-gray-700 !flex-shrink-0 !block" }, null, -1)),
+              G[4] || (G[4] = q("span", { class: "w-px h-5 bg-gray-200 dark:bg-gray-700 flex-shrink-0" }, null, -1)),
               t.prependInner ? (m(), z(xe, { key: 0 }, [
                 q("span", VN, Y(t.prependInner), 1),
-                G[3] || (G[3] = q("span", { class: "!w-px !h-5 bg-gray-200 dark:bg-gray-700 !flex-shrink-0 !block" }, null, -1))
+                G[3] || (G[3] = q("span", { class: "w-px h-5 bg-gray-200 dark:bg-gray-700 flex-shrink-0" }, null, -1))
               ], 64)) : K("", !0),
               q("input", {
                 id: i.value,
@@ -49048,7 +49048,7 @@ const BN = {
                 disabled: t.disabled,
                 autocomplete: "off",
                 readonly: "",
-                class: de(["!flex-1 !min-w-0 !px-3 !py-0 !m-0 !h-full !bg-transparent text-sm !border-0 text-foreground dark:text-gray-300 placeholder:text-muted-foreground !outline-none !shadow-none !ring-0 !box-border", t.disabled ? "!cursor-not-allowed" : "!cursor-pointer"]),
+                class: de(["flex-1 min-w-0 px-3 h-full bg-transparent text-sm text-foreground dark:text-gray-300 placeholder:text-muted-foreground outline-none", t.disabled ? "cursor-not-allowed" : "cursor-pointer"]),
                 onClick: (ke) => ge(),
                 onFocus: (ke) => V(),
                 onBlur: (ke) => ce(),
@@ -49100,7 +49100,7 @@ const BN = {
                   key: ae.label,
                   type: "button",
                   variant: "default",
-                  class: "!w-full",
+                  class: "w-full",
                   onClick: (N) => T(ae.range)
                 }, {
                   default: P(() => [
@@ -51313,10 +51313,10 @@ const IG = { class: "space-y-3" }, SG = {
   class: "absolute inset-y-0 left-4 flex items-center text-muted-foreground"
 }, rY = { key: 1 }, iY = {
   key: 1,
-  class: "absolute inset-y-0 right-3 flex items-center"
+  class: "absolute inset-y-0 right-4 flex items-center"
 }, sY = {
   key: 2,
-  class: "absolute inset-y-0 right-3 flex items-center"
+  class: "absolute inset-y-0 right-4 flex items-center"
 }, lY = {
   key: 3,
   class: "absolute top-full right-0 z-10 text-[11px] text-gray-500 dark:text-gray-400 opacity-0 transition-opacity pointer-events-none group-focus-within:opacity-100"
@@ -51363,7 +51363,6 @@ const IG = { class: "space-y-3" }, SG = {
         label: E,
         class: oe,
         id: fe,
-        // ✅ stop native required validation (Zod yang handle)
         required: Pe,
         "aria-required": rt,
         ...Ve
@@ -64592,9 +64591,7 @@ const loe = { class: "w-full" }, coe = { class: "relative mx-auto min-h-[37.5rem
     ]));
   }
 }), Moe = bA(koe), xoe = bA(boe), woe = bA(tq);
-customElements.define("micro-dynamic-form", Moe);
-customElements.define("micro-dynamic-datatable", xoe);
-customElements.define("micro-data-table", woe);
+typeof customElements < "u" && (customElements.get("micro-dynamic-form") || customElements.define("micro-dynamic-form", Moe), customElements.get("micro-dynamic-datatable") || customElements.define("micro-dynamic-datatable", xoe), customElements.get("micro-data-table") || customElements.define("micro-data-table", woe));
 const Coe = [
   tq,
   aO,