@enos5/enos-vue-default 1.3.1 → 1.4.0

package/dist/components/Toast.vue.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+    variant?: "default" | "destructive" | "success" | "error";
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ToastContainer.vue.d.ts

@@ -0,0 +1,12 @@
+export interface ToastMessage {
+    id: string;
+    title: string;
+    message: string;
+    variant: "default" | "destructive";
+    duration?: number;
+}
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    addToast: (message: string, type?: "success" | "error", duration?: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/index.css

@@ -75,11 +75,16 @@
     --color-red-600: oklch(57.7% .245 27.325);
     --color-red-700: oklch(50.5% .213 27.518);
     --color-red-800: oklch(44.4% .177 26.899);
+    --color-red-900: oklch(39.6% .141 25.723);
     --color-red-950: oklch(25.8% .092 26.042);
     --color-amber-100: oklch(96.2% .059 95.617);
     --color-amber-500: oklch(76.9% .188 70.08);
     --color-amber-600: oklch(66.6% .179 58.318);
     --color-amber-700: oklch(55.5% .163 48.998);
+    --color-green-500: oklch(72.3% .219 149.579);
+    --color-green-600: oklch(62.7% .194 149.214);
+    --color-green-700: oklch(52.7% .154 150.069);
+    --color-green-800: oklch(44.8% .119 151.328);
     --color-emerald-100: oklch(95% .052 163.051);
     --color-emerald-600: oklch(59.6% .145 163.225);
     --color-emerald-700: oklch(50.8% .118 165.612);
@@ -469,6 +474,14 @@
     inset-block: calc(var(--spacing) * 0);
   }
 
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+
+  .top-4 {
+    top: calc(var(--spacing) * 4);
+  }
+
   .top-6 {
     top: calc(var(--spacing) * 6);
   }
@@ -477,6 +490,14 @@
     right: calc(var(--spacing) * 0);
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
+  .right-4 {
+    right: calc(var(--spacing) * 4);
+  }
+
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -954,6 +975,12 @@
     gap: calc(var(--spacing) * 6);
   }
 
+  :where(.space-y-2 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
   :where(.space-y-3 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
@@ -1106,6 +1133,10 @@
     border-color: var(--color-neutral-200) !important;
   }
 
+  .border-border {
+    border-color: var(--border);
+  }
+
   .border-current, .border-current\/70 {
     border-color: currentColor;
   }
@@ -1120,6 +1151,10 @@
     border-color: var(--destructive);
   }
 
+  .border-green-600 {
+    border-color: var(--color-green-600);
+  }
+
   .border-neutral-200 {
     border-color: var(--color-neutral-200);
   }
@@ -1132,6 +1167,10 @@
     border-color: var(--color-neutral-900);
   }
 
+  .border-red-600 {
+    border-color: var(--color-red-600);
+  }
+
   .border-sidebar-border {
     border-color: var(--sidebar-border);
   }
@@ -1206,6 +1245,10 @@
     background-color: var(--color-gray-300);
   }
 
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
+
   .bg-neutral-50 {
     background-color: var(--color-neutral-50);
   }
@@ -1254,6 +1297,10 @@
     background-color: var(--color-red-100);
   }
 
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
+
   .bg-red-600 {
     background-color: var(--color-red-600);
   }
@@ -1438,6 +1485,10 @@
     padding-right: calc(var(--spacing) * 4);
   }
 
+  .pr-6 {
+    padding-right: calc(var(--spacing) * 6);
+  }
+
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
@@ -1600,10 +1651,18 @@
     color: var(--destructive);
   }
 
+  .text-destructive-foreground {
+    color: var(--destructive-foreground);
+  }
+
   .text-emerald-700 {
     color: var(--color-emerald-700);
   }
 
+  .text-foreground {
+    color: var(--foreground);
+  }
+
   .text-gray-400 {
     color: var(--color-gray-400);
   }
@@ -1734,6 +1793,14 @@
     opacity: .6;
   }
 
+  .opacity-70 {
+    opacity: .7;
+  }
+
+  .opacity-90 {
+    opacity: .9;
+  }
+
   .opacity-100 {
     opacity: 1;
   }
@@ -1748,6 +1815,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .shadow-none {
     --tw-shadow: 0 0 #0000;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1811,6 +1883,10 @@
     --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
 
+  .ring-offset-background {
+    --tw-ring-offset-color: var(--background);
+  }
+
   .ring-offset-white {
     --tw-ring-offset-color: var(--color-white);
   }
@@ -2258,6 +2334,10 @@
       text-decoration-line: underline;
     }
 
+    .hover\:opacity-100:hover {
+      opacity: 1;
+    }
+
     .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
       --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2317,6 +2397,15 @@
     }
   }
 
+  .focus\:ring-ring: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);
+  }
+
   .focus\:outline-none:focus {
     --tw-outline-style: none;
     outline-style: none;
@@ -2734,6 +2823,10 @@
     border-color: var(--color-neutral-800) !important;
   }
 
+  .dark\:border-green-800:where(.dark, .dark *) {
+    border-color: var(--color-green-800);
+  }
+
   .dark\:border-input:where(.dark, .dark *) {
     border-color: var(--input);
   }
@@ -2750,6 +2843,10 @@
     border-color: var(--color-neutral-800);
   }
 
+  .dark\:border-red-950:where(.dark, .dark *) {
+    border-color: var(--color-red-950);
+  }
+
   .dark\:\!bg-neutral-900:where(.dark, .dark *) {
     background-color: var(--color-neutral-900) !important;
   }
@@ -2796,6 +2893,10 @@
     background-color: var(--color-gray-500);
   }
 
+  .dark\:bg-green-700:where(.dark, .dark *) {
+    background-color: var(--color-green-700);
+  }
+
   .dark\:bg-input\/30:where(.dark, .dark *) {
     background-color: var(--input);
   }
@@ -2912,6 +3013,10 @@
     }
   }
 
+  .dark\:bg-red-900:where(.dark, .dark *) {
+    background-color: var(--color-red-900);
+  }
+
   .dark\:bg-red-950\/30:where(.dark, .dark *) {
     background-color: #4608094d;
   }

package/dist/index.d.ts

@@ -47,6 +47,8 @@ export { default as SortControls } from "./components/SortControls.vue";
 export { default as TableList } from "./components/TableList.vue";
 export { default as TableListForm } from "./components/TableListForm.vue";
 export { default as TableSearch } from "./components/TableSearch.vue";
+export { default as Toast } from "./components/Toast.vue";
+export { default as ToastContainer } from "./components/ToastContainer.vue";
 export { default as ToggleInput } from "./components/ToggleInput.vue";
 export { default as TextArea } from "./components/TextArea.vue";
 export { default as TextInput } from "./components/TextInput.vue";

package/dist/index.docs.d.ts

@@ -46,6 +46,8 @@ export { default as SortControls } from "./components/SortControls.vue";
 export { default as TableList } from "./components/TableList.vue";
 export { default as TableListForm } from "./components/TableListForm.vue";
 export { default as TableSearch } from "./components/TableSearch.vue";
+export { default as Toast } from "./components/Toast.vue";
+export { default as ToastContainer } from "./components/ToastContainer.vue";
 export { default as ToggleInput } from "./components/ToggleInput.vue";
 export { default as TextArea } from "./components/TextArea.vue";
 export { default as TextInput } from "./components/TextInput.vue";