@nr1e/qwik-ui 0.0.33 → 0.0.35

package/lib/components/auto-dismiss.qwik.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const AutoDismiss = qwik.component$((props) => {
+  if (props?.visible && !props.visible.value) return null;
+  qwik.useVisibleTask$(({ cleanup }) => {
+    const id = setTimeout(() => {
+      if (props?.visible) props.visible.value = false;
+    }, 6e3);
+    cleanup(() => clearTimeout(id));
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    class: [
+      "animate-fade animate-reverse animate-ease-in animate-duration-1000 animate-delay-5000",
+      props?.class ?? ""
+    ].join(" "),
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+exports.AutoDismiss = AutoDismiss;

package/lib/components/auto-dismiss.qwik.mjs

@@ -0,0 +1,21 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useVisibleTask$, Slot } from "@builder.io/qwik";
+const AutoDismiss = component$((props) => {
+  if (props?.visible && !props.visible.value) return null;
+  useVisibleTask$(({ cleanup }) => {
+    const id = setTimeout(() => {
+      if (props?.visible) props.visible.value = false;
+    }, 6e3);
+    cleanup(() => clearTimeout(id));
+  });
+  return /* @__PURE__ */ jsx("div", {
+    class: [
+      "animate-fade animate-reverse animate-ease-in animate-duration-1000 animate-delay-5000",
+      props?.class ?? ""
+    ].join(" "),
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  AutoDismiss
+};

package/lib/index.qwik.cjs

@@ -5,6 +5,7 @@ const alertError = require("./components/alert-error.qwik.cjs");
 const alertInfo = require("./components/alert-info.qwik.cjs");
 const alertSuccess = require("./components/alert-success.qwik.cjs");
 const alertWarning = require("./components/alert-warning.qwik.cjs");
+const autoDismiss = require("./components/auto-dismiss.qwik.cjs");
 const checkboxField = require("./components/checkbox-field.qwik.cjs");
 const dialog = require("./components/dialog.qwik.cjs");
 const dropUp = require("./components/drop-up.qwik.cjs");
@@ -19,6 +20,7 @@ exports.AlertError = alertError.AlertError;
 exports.AlertInfo = alertInfo.AlertInfo;
 exports.AlertSuccess = alertSuccess.AlertSuccess;
 exports.AlertWarning = alertWarning.AlertWarning;
+exports.AutoDismiss = autoDismiss.AutoDismiss;
 exports.CheckboxField = checkboxField.CheckboxField;
 exports.Dialog = dialog.Dialog;
 exports.DropUp = dropUp.DropUp;

package/lib/index.qwik.mjs

@@ -3,6 +3,7 @@ import { AlertError } from "./components/alert-error.qwik.mjs";
 import { AlertInfo } from "./components/alert-info.qwik.mjs";
 import { AlertSuccess } from "./components/alert-success.qwik.mjs";
 import { AlertWarning } from "./components/alert-warning.qwik.mjs";
+import { AutoDismiss } from "./components/auto-dismiss.qwik.mjs";
 import { CheckboxField } from "./components/checkbox-field.qwik.mjs";
 import { Dialog } from "./components/dialog.qwik.mjs";
 import { DropUp, DropUpButtonSelector, DropUpItem, DropUpSubmenu } from "./components/drop-up.qwik.mjs";
@@ -18,6 +19,7 @@ export {
   AlertInfo,
   AlertSuccess,
   AlertWarning,
+  AutoDismiss,
   CheckboxField,
   Dialog,
   DropUp,

package/lib-types/components/auto-dismiss.d.ts

@@ -0,0 +1,6 @@
+import { Signal } from '@builder.io/qwik';
+export interface AutoDismissProps {
+    class?: string;
+    visible?: Signal<boolean>;
+}
+export declare const AutoDismiss: import("@builder.io/qwik").Component<AutoDismissProps | undefined>;

package/lib-types/index.d.ts

@@ -3,6 +3,7 @@ export * from './components/alert-error';
 export * from './components/alert-info';
 export * from './components/alert-success';
 export * from './components/alert-warning';
+export * from './components/auto-dismiss';
 export * from './components/checkbox-field';
 export * from './components/dialog';
 export * from './components/drop-up';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {
@@ -35,6 +35,7 @@
   "type": "module",
   "peerDependencies": {
     "@builder.io/qwik-city": "1.19.0",
+    "tailwindcss-animated": "2.0.0",
     "@nr1e/qwik-icons": "0.0.19"
   },
   "devDependencies": {