@dailyautomations/ui 1.2.0 → 1.4.0

package/examples/pages/index.ts

@@ -11,3 +11,5 @@ export { BlogPage } from "./BlogPage"
 export { ContactPage } from "./ContactPage"
 export { AboutPage } from "./AboutPage"
 export { PricingPage } from "./PricingPage"
+export { LandingPage } from "./LandingPage"
+export { ComponentsPage } from "./ComponentsPage"

package/examples/styles.css

@@ -164,3 +164,64 @@ body {
   color: rgb(var(--foreground));
   font-feature-settings: 'rlig' 1, 'calt' 1;
 }
+
+/* Radix animation classes (tailwindcss-animate equivalent) */
+@keyframes enter {
+  from {
+    opacity: var(--tw-enter-opacity, 0);
+    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
+      scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
+      rotate(var(--tw-enter-rotate, 0));
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0);
+  }
+}
+
+@keyframes exit {
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate(0);
+  }
+  to {
+    opacity: var(--tw-exit-opacity, 0);
+    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
+      scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
+      rotate(var(--tw-exit-rotate, 0));
+  }
+}
+
+.animate-in {
+  animation: enter 150ms ease-out forwards;
+}
+
+.animate-out {
+  animation: exit 150ms ease-in forwards;
+}
+
+.fade-in-0 { --tw-enter-opacity: 0; }
+.fade-out-0 { --tw-exit-opacity: 0; }
+
+.zoom-in-95 { --tw-enter-scale: 0.95; }
+.zoom-out-95 { --tw-exit-scale: 0.95; }
+
+.slide-in-from-top-2 { --tw-enter-translate-y: -0.5rem; }
+.slide-in-from-bottom-2 { --tw-enter-translate-y: 0.5rem; }
+.slide-in-from-left-2 { --tw-enter-translate-x: -0.5rem; }
+.slide-in-from-right-2 { --tw-enter-translate-x: 0.5rem; }
+
+.slide-in-from-top-4 { --tw-enter-translate-y: -1rem; }
+.slide-in-from-bottom-4 { --tw-enter-translate-y: 1rem; }
+.slide-in-from-left-4 { --tw-enter-translate-x: -1rem; }
+.slide-in-from-right-4 { --tw-enter-translate-x: 1rem; }
+
+.slide-in-from-left-full { --tw-enter-translate-x: -100%; }
+.slide-in-from-right-full { --tw-enter-translate-x: 100%; }
+.slide-in-from-top-full { --tw-enter-translate-y: -100%; }
+.slide-in-from-bottom-full { --tw-enter-translate-y: 100%; }
+
+.slide-out-to-left-full { --tw-exit-translate-x: -100%; }
+.slide-out-to-right-full { --tw-exit-translate-x: 100%; }
+.slide-out-to-top-full { --tw-exit-translate-y: -100%; }
+.slide-out-to-bottom-full { --tw-exit-translate-y: 100%; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dailyautomations/ui",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Daily X UI component library - Purple/orange dark theme system for all Daily products",
   "type": "module",
   "main": "dist/index.js",
@@ -79,25 +79,49 @@
     "tailwind-merge": "^3.0.1"
   },
   "peerDependencies": {
+    "@radix-ui/react-alert-dialog": "^1.1.0",
+    "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-checkbox": "^1.3.0",
+    "@radix-ui/react-collapsible": "^1.1.0",
     "@radix-ui/react-dialog": "^1.1.0",
+    "@radix-ui/react-dropdown-menu": "^2.1.0",
     "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-popover": "^1.1.0",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.2.0",
+    "@radix-ui/react-scroll-area": "^1.2.0",
     "@radix-ui/react-select": "^2.2.0",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.2.0",
     "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.0",
     "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-toast": "^1.2.0",
+    "@radix-ui/react-tooltip": "^1.1.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "tailwindcss": "^4.0.0"
   },
   "devDependencies": {
+    "@radix-ui/react-alert-dialog": "^1.1.6",
+    "@radix-ui/react-avatar": "^1.1.6",
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.6",
     "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.9",
     "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-popover": "^1.1.9",
+    "@radix-ui/react-progress": "^1.1.4",
+    "@radix-ui/react-radio-group": "^1.2.6",
+    "@radix-ui/react-scroll-area": "^1.2.5",
     "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.4",
+    "@radix-ui/react-slider": "^1.2.6",
     "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.1.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-tooltip": "^1.1.10",
     "@tailwindcss/postcss": "^4.1.18",
     "@types/node": "^20.11.0",
     "@types/react": "^18.0.0 || ^19.0.0",
@@ -107,6 +131,7 @@
     "@vitejs/plugin-react": "^4.3.4",
     "autoprefixer": "^10.4.20",
     "eslint": "^8.56.0",
+    "lucide-react": "^0.563.0",
     "postcss": "^8.4.49",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",