negodesign 0.0.77 → 0.0.79

package/dist/globals.css

@@ -86,6 +86,7 @@
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
     --tracking-tight: -0.025em;
+    --tracking-wide: 0.025em;
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
@@ -369,9 +370,6 @@
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
-  .right-2\.5 {
-    right: calc(var(--spacing) * 2.5);
-  }
   .right-3 {
     right: calc(var(--spacing) * 3);
   }
@@ -543,6 +541,9 @@
   .my-2 {
     margin-block: calc(var(--spacing) * 2);
   }
+  .my-3 {
+    margin-block: calc(var(--spacing) * 3);
+  }
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
@@ -960,11 +961,14 @@
   .max-h-40 {
     max-height: calc(var(--spacing) * 40);
   }
+  .max-h-48 {
+    max-height: calc(var(--spacing) * 48);
+  }
   .max-h-50 {
     max-height: calc(var(--spacing) * 50);
   }
-  .max-h-60 {
-    max-height: calc(var(--spacing) * 60);
+  .max-h-56 {
+    max-height: calc(var(--spacing) * 56);
   }
   .max-h-75 {
     max-height: calc(var(--spacing) * 75);
@@ -972,6 +976,9 @@
   .max-h-237\.5 {
     max-height: calc(var(--spacing) * 237.5);
   }
+  .max-h-\[26rem\] {
+    max-height: 26rem;
+  }
   .max-h-\[80vh\] {
     max-height: 80vh;
   }
@@ -1361,6 +1368,9 @@
   .cursor-pointer\! {
     cursor: pointer !important;
   }
+  .cursor-text {
+    cursor: text;
+  }
   .touch-manipulation {
     touch-action: manipulation;
   }
@@ -1553,6 +1563,9 @@
     margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
     margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
   }
+  .gap-y-0\.5 {
+    row-gap: calc(var(--spacing) * 0.5);
+  }
   .gap-y-1 {
     row-gap: var(--spacing);
   }
@@ -2336,6 +2349,9 @@
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
+  .px-10 {
+    padding-inline: calc(var(--spacing) * 10);
+  }
   .py-0\! {
     padding-block: 0px !important;
   }
@@ -2447,6 +2463,9 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-2\.5 {
+    padding-left: calc(var(--spacing) * 2.5);
+  }
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
@@ -2602,6 +2621,10 @@
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
   }
+  .tracking-wide {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
   .tracking-wider {
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
@@ -2709,6 +2732,12 @@
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
+  .text-muted-foreground\/40 {
+    color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
+    }
+  }
   .text-muted-foreground\/70 {
     color: var(--muted-foreground);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2769,6 +2798,12 @@
   .text-white\! {
     color: var(--color-white) !important;
   }
+  .text-white\/50 {
+    color: color-mix(in srgb, #fff 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 50%, transparent);
+    }
+  }
   .text-white\/80 {
     color: color-mix(in srgb, #fff 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2821,6 +2856,9 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-30 {
+    opacity: 30%;
+  }
   .opacity-40 {
     opacity: 40%;
   }
@@ -3314,6 +3352,12 @@
   .placeholder\:text-slate-500::placeholder {
     color: var(--color-slate-500);
   }
+  .placeholder\:text-white\/50::placeholder {
+    color: color-mix(in srgb, #fff 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 50%, transparent);
+    }
+  }
   .before\:absolute::before {
     content: var(--tw-content);
     position: absolute;
@@ -3526,6 +3570,9 @@
     .hover\:bg-orange-600:hover {
       background-color: var(--color-orange-600);
     }
+    .hover\:bg-primary:hover {
+      background-color: var(--primary);
+    }
     .hover\:bg-primary\/10:hover {
       background-color: var(--primary);
     }
@@ -3683,6 +3730,9 @@
   .focus\:border-primary:focus {
     border-color: var(--primary);
   }
+  .focus\:border-ring:focus {
+    border-color: var(--ring);
+  }
   .focus\:border-transparent:focus {
     border-color: transparent;
   }
@@ -3720,12 +3770,11 @@
       --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
     }
   }
-  .focus\:ring-ring:focus {
+  .focus\:ring-ring\/50:focus {
     --tw-ring-color: var(--ring);
-  }
-  .focus\:ring-offset-2:focus {
-    --tw-ring-offset-width: 2px;
-    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
   }
   .focus\:outline-none:focus {
     --tw-outline-style: none;
@@ -4118,6 +4167,9 @@
     .md\:h-125 {
       height: calc(var(--spacing) * 125);
     }
+    .md\:max-h-none {
+      max-height: none;
+    }
     .md\:min-h-15 {
       min-height: calc(var(--spacing) * 15);
     }
@@ -4136,6 +4188,9 @@
     .md\:w-5\/12 {
       width: calc(5 / 12 * 100%);
     }
+    .md\:w-7\/12 {
+      width: calc(7 / 12 * 100%);
+    }
     .md\:w-8\/12 {
       width: calc(8 / 12 * 100%);
     }
@@ -4222,6 +4277,9 @@
       margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
       margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
     }
+    .md\:overflow-visible {
+      overflow: visible;
+    }
     .md\:border-none {
       --tw-border-style: none;
       border-style: none;

package/dist/i18n/langs/en.d.ts

@@ -17,6 +17,13 @@ declare const _default: {
     "input.name.placeholder": string;
     "input.birthday.label": string;
     "input.birthday.placeholder": string;
+    "input.date.label": string;
+    "input.date.placeholder": string;
+    "input.date.interval.label": string;
+    "input.date.start.label": string;
+    "input.date.start.placeholder": string;
+    "input.date.end.label": string;
+    "input.date.end.placeholder": string;
     "input.gender.label": string;
     "input.gender.placeholder": string;
     "link.forget.password": string;

package/dist/i18n/langs/en.js

@@ -17,6 +17,13 @@ export default {
     "input.name.placeholder": "Enter your name",
     "input.birthday.label": "Birthday",
     "input.birthday.placeholder": "Select your birthday",
+    "input.date.label": "Date",
+    "input.date.placeholder": "Select the date",
+    "input.date.interval.label": "Period",
+    "input.date.start.label": "Start",
+    "input.date.start.placeholder": "Start date",
+    "input.date.end.label": "End",
+    "input.date.end.placeholder": "End date",
     "input.gender.label": "Gender",
     "input.gender.placeholder": "Select your gender",
     "link.forget.password": "Forgot my password",

package/dist/i18n/langs/pt.d.ts

@@ -17,6 +17,13 @@ declare const _default: {
     "input.name.placeholder": string;
     "input.birthday.label": string;
     "input.birthday.placeholder": string;
+    "input.date.label": string;
+    "input.date.placeholder": string;
+    "input.date.interval.label": string;
+    "input.date.start.label": string;
+    "input.date.start.placeholder": string;
+    "input.date.end.label": string;
+    "input.date.end.placeholder": string;
     "input.gender.label": string;
     "input.gender.placeholder": string;
     "link.forget.password": string;

package/dist/i18n/langs/pt.js

@@ -17,6 +17,13 @@ export default {
     "input.name.placeholder": "Digite o seu nome",
     "input.birthday.label": "Data de nascimento",
     "input.birthday.placeholder": "Selecione a sua data de nascimento",
+    "input.date.label": "Data",
+    "input.date.placeholder": "Selecione a data",
+    "input.date.interval.label": "Período",
+    "input.date.start.label": "Início",
+    "input.date.start.placeholder": "Data de início",
+    "input.date.end.label": "Fim",
+    "input.date.end.placeholder": "Data de fim",
     "input.gender.label": "Género",
     "input.gender.placeholder": "Selecione o seu género",
     "link.forget.password": "Esqueci a minha senha",

package/dist/i18n/translations.d.ts

@@ -18,6 +18,13 @@ declare const _default: {
         "input.name.placeholder": string;
         "input.birthday.label": string;
         "input.birthday.placeholder": string;
+        "input.date.label": string;
+        "input.date.placeholder": string;
+        "input.date.interval.label": string;
+        "input.date.start.label": string;
+        "input.date.start.placeholder": string;
+        "input.date.end.label": string;
+        "input.date.end.placeholder": string;
         "input.gender.label": string;
         "input.gender.placeholder": string;
         "link.forget.password": string;
@@ -250,6 +257,13 @@ declare const _default: {
         "input.name.placeholder": string;
         "input.birthday.label": string;
         "input.birthday.placeholder": string;
+        "input.date.label": string;
+        "input.date.placeholder": string;
+        "input.date.interval.label": string;
+        "input.date.start.label": string;
+        "input.date.start.placeholder": string;
+        "input.date.end.label": string;
+        "input.date.end.placeholder": string;
         "input.gender.label": string;
         "input.gender.placeholder": string;
         "link.forget.password": string;

package/dist/index.d.ts

@@ -6,6 +6,8 @@ import InputPassword from "./components/ui/form/ui/input-password.svelte";
 import InputCodeOtp from "./components/ui/form/ui/input-code-otp.svelte";
 import InputPhone from "./components/ui/form/ui/input-phone.svelte";
 import InputEmail from "./components/ui/form/ui/input-email.svelte";
+import InputCalendar from "./components/ui/form/ui/input-calendar.svelte";
+import InputCalendarInterval from "./components/ui/form/ui/input-calendar-interval.svelte";
 import DataTableCore from "./components/ui/datatable/ui/DataTableCore.svelte";
 import MenuBarSidebar from "./components/ui/sidebar/core/MenuBarSidebar.svelte";
 import AdminContent from "./components/pages/admin/01/ui/AdminContent.svelte";
@@ -591,6 +593,27 @@ InputPassword,
  * @see InputLabelProps
  */
 InputUsername, 
+/**
+ * Campo de input de data com calendário popover reutilizável (seletores de mês e ano).
+ * Abre um card de calendário ao clicar; o valor é vinculado como string ISO `yyyy-mm-dd`
+ * e exibido no formato localizado.
+ * @property {string} value - Valor da data no formato ISO (yyyy-mm-dd, vinculável)
+ * @property {string} label - Rótulo personalizado do campo
+ * @property {string} placeholder - Texto de exemplo do campo
+ * @property {string} min - Data mínima aceite (ISO)
+ * @property {string} max - Data máxima aceite (ISO)
+ * @see InputLabelProps
+ */
+InputCalendar, 
+/**
+ * Campo de input de intervalo de datas com calendário popover reutilizável.
+ * Garante sempre que a data de início é menor ou igual à data final.
+ * @property {string} startValue - Data de início (ISO yyyy-mm-dd, vinculável)
+ * @property {string} endValue - Data final (ISO yyyy-mm-dd, vinculável)
+ * @property {string} label - Rótulo personalizado do campo
+ * @see InputLabelProps
+ */
+InputCalendarInterval, 
 /**
  * Campo de input para confirmação de senha. Integra-se com InputPassword
  * para validar correspondência entre os dois campos.

package/dist/index.js

@@ -6,6 +6,8 @@ import InputPassword from "./components/ui/form/ui/input-password.svelte";
 import InputCodeOtp from "./components/ui/form/ui/input-code-otp.svelte";
 import InputPhone from "./components/ui/form/ui/input-phone.svelte";
 import InputEmail from "./components/ui/form/ui/input-email.svelte";
+import InputCalendar from "./components/ui/form/ui/input-calendar.svelte";
+import InputCalendarInterval from "./components/ui/form/ui/input-calendar-interval.svelte";
 import DataTableCore from "./components/ui/datatable/ui/DataTableCore.svelte";
 import MenuBarSidebar from "./components/ui/sidebar/core/MenuBarSidebar.svelte";
 import AdminContent from "./components/pages/admin/01/ui/AdminContent.svelte";
@@ -591,6 +593,27 @@ InputPassword,
  * @see InputLabelProps
  */
 InputUsername, 
+/**
+ * Campo de input de data com calendário popover reutilizável (seletores de mês e ano).
+ * Abre um card de calendário ao clicar; o valor é vinculado como string ISO `yyyy-mm-dd`
+ * e exibido no formato localizado.
+ * @property {string} value - Valor da data no formato ISO (yyyy-mm-dd, vinculável)
+ * @property {string} label - Rótulo personalizado do campo
+ * @property {string} placeholder - Texto de exemplo do campo
+ * @property {string} min - Data mínima aceite (ISO)
+ * @property {string} max - Data máxima aceite (ISO)
+ * @see InputLabelProps
+ */
+InputCalendar, 
+/**
+ * Campo de input de intervalo de datas com calendário popover reutilizável.
+ * Garante sempre que a data de início é menor ou igual à data final.
+ * @property {string} startValue - Data de início (ISO yyyy-mm-dd, vinculável)
+ * @property {string} endValue - Data final (ISO yyyy-mm-dd, vinculável)
+ * @property {string} label - Rótulo personalizado do campo
+ * @see InputLabelProps
+ */
+InputCalendarInterval, 
 /**
  * Campo de input para confirmação de senha. Integra-se com InputPassword
  * para validar correspondência entre os dois campos.