@dayflow/core 3.1.2 → 3.2.1

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer base {
   *, ::after, ::before, ::backdrop, ::file-selector-button {
@@ -227,6 +227,7 @@
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
+    --blur-sm: 8px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-geist-sans);
@@ -275,6 +276,9 @@
 .-top-1\.5 {
   top: calc(var(--spacing) * -1.5);
 }
+.-top-2\.5 {
+  top: calc(var(--spacing) * -2.5);
+}
 .top-0 {
   top: calc(var(--spacing) * 0);
 }
@@ -428,6 +432,9 @@
 .mt-3 {
   margin-top: calc(var(--spacing) * 3);
 }
+.mt-4 {
+  margin-top: calc(var(--spacing) * 4);
+}
 .mt-6 {
   margin-top: calc(var(--spacing) * 6);
 }
@@ -443,6 +450,9 @@
 .mr-3 {
   margin-right: calc(var(--spacing) * 3);
 }
+.mr-auto {
+  margin-right: auto;
+}
 .mb-1 {
   margin-bottom: calc(var(--spacing) * 1);
 }
@@ -500,6 +510,9 @@
 .h-0\.5 {
   height: calc(var(--spacing) * 0.5);
 }
+.h-1 {
+  height: calc(var(--spacing) * 1);
+}
 .h-1\.5 {
   height: calc(var(--spacing) * 1.5);
 }
@@ -626,6 +639,9 @@
 .w-14 {
   width: calc(var(--spacing) * 14);
 }
+.w-20 {
+  width: calc(var(--spacing) * 20);
+}
 .w-48 {
   width: calc(var(--spacing) * 48);
 }
@@ -738,6 +754,12 @@
   --tw-scale-z: 100%;
   scale: var(--tw-scale-x) var(--tw-scale-y);
 }
+.scale-110 {
+  --tw-scale-x: 110%;
+  --tw-scale-y: 110%;
+  --tw-scale-z: 110%;
+  scale: var(--tw-scale-x) var(--tw-scale-y);
+}
 .rotate-45 {
   rotate: 45deg;
 }
@@ -822,6 +844,9 @@
 .justify-end {
   justify-content: flex-end;
 }
+.justify-evenly {
+  justify-content: space-evenly;
+}
 .justify-start {
   justify-content: flex-start;
 }
@@ -849,9 +874,6 @@
 .gap-4 {
   gap: calc(var(--spacing) * 4);
 }
-.gap-6 {
-  gap: calc(var(--spacing) * 6);
-}
 .space-y-1 {
   :where(& > :not(:last-child)) {
     --tw-space-y-reverse: 0;
@@ -946,6 +968,10 @@
   border-top-left-radius: var(--radius-sm);
   border-top-right-radius: var(--radius-sm);
 }
+.rounded-l {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
 .rounded-l-none {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
@@ -954,6 +980,10 @@
   border-top-left-radius: var(--radius-xl);
   border-bottom-left-radius: var(--radius-xl);
 }
+.rounded-r {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
 .rounded-r-none {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -1060,6 +1090,12 @@
     background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
   }
 }
+.bg-black\/40 {
+  background-color: color-mix(in srgb, #000 40%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+  }
+}
 .bg-black\/50 {
   background-color: color-mix(in srgb, #000 50%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
@@ -1228,6 +1264,9 @@
 .pt-2 {
   padding-top: calc(var(--spacing) * 2);
 }
+.pt-3 {
+  padding-top: calc(var(--spacing) * 3);
+}
 .pr-1 {
   padding-right: calc(var(--spacing) * 1);
 }
@@ -1249,6 +1288,9 @@
 .pr-10 {
   padding-right: calc(var(--spacing) * 10);
 }
+.pb-0\.5 {
+  padding-bottom: calc(var(--spacing) * 0.5);
+}
 .pb-1 {
   padding-bottom: calc(var(--spacing) * 1);
 }
@@ -1318,6 +1360,10 @@
 .text-\[12px\] {
   font-size: 12px;
 }
+.leading-\[16px\] {
+  --tw-leading: 16px;
+  line-height: 16px;
+}
 .leading-none {
   --tw-leading: 1;
   line-height: 1;
@@ -1543,11 +1589,20 @@
 .filter {
   filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
 }
+.backdrop-blur-sm {
+  --tw-backdrop-blur: blur(var(--blur-sm));
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+}
 .transition {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
+.transition-\[min-height\] {
+  transition-property: min-height;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
 .transition-all {
   transition-property: all;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1772,10 +1827,10 @@
     }
   }
 }
-.hover\:bg-slate-100 {
+.hover\:bg-slate-50 {
   &:hover {
     @media (hover: hover) {
-      background-color: var(--color-slate-100);
+      background-color: var(--color-slate-50);
     }
   }
 }
@@ -1873,11 +1928,6 @@
     background-color: var(--df-color-primary);
   }
 }
-.focus\:bg-slate-100 {
-  &:focus {
-    background-color: var(--color-slate-100);
-  }
-}
 .focus\:text-destructive-foreground {
   &:focus {
     color: var(--df-color-destructive-foreground);
@@ -1973,6 +2023,11 @@
     width: calc(var(--spacing) * 20);
   }
 }
+.md\:w-22 {
+  @media (width >= 48rem) {
+    width: calc(var(--spacing) * 22);
+  }
+}
 .md\:w-\[60\%\] {
   @media (width >= 48rem) {
     width: 60%;
@@ -1989,6 +2044,11 @@
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
 }
+.md\:text-\[10px\] {
+  @media (width >= 48rem) {
+    font-size: 10px;
+  }
+}
 .md\:text-\[12px\] {
   @media (width >= 48rem) {
     font-size: 12px;
@@ -2050,6 +2110,11 @@
     }
   }
 }
+.dark\:bg-gray-100 {
+  .dark & {
+    background-color: var(--color-gray-100);
+  }
+}
 .dark\:bg-gray-500\/20 {
   .dark & {
     background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
@@ -2168,6 +2233,11 @@
     color: var(--color-gray-600);
   }
 }
+.dark\:text-gray-900 {
+  .dark & {
+    color: var(--color-gray-900);
+  }
+}
 .dark\:text-slate-50 {
   .dark & {
     color: var(--color-slate-50);
@@ -2178,6 +2248,11 @@
     color: var(--color-slate-200);
   }
 }
+.dark\:text-slate-300 {
+  .dark & {
+    color: var(--color-slate-300);
+  }
+}
 .dark\:text-white {
   .dark & {
     color: var(--color-white);
@@ -2384,13 +2459,6 @@
     }
   }
 }
-.dark\:focus\:bg-slate-800 {
-  .dark & {
-    &:focus {
-      background-color: var(--color-slate-800);
-    }
-  }
-}
 .dark\:focus\:text-white {
   .dark & {
     &:focus {
@@ -2493,6 +2561,7 @@
 }
 :root {
   color-scheme: light dark;
+  font-family: Arial;
 }
 @layer df-theme {
   :where(:root) {
@@ -2685,6 +2754,19 @@
     opacity: 1;
   }
 }
+@keyframes df-event-pop-in {
+  from {
+    opacity: 0;
+    transform: scale(0.95) translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+.df-all-day-event-animate {
+  animation: df-event-pop-in 0.3s ease-out forwards;
+}
 @keyframes zoomIn {
   from {
     transform: scale(0.95);
@@ -2775,6 +2857,29 @@
 .df-header-right {
   flex: 1;
 }
+.df-drag-active {
+  -moz-user-select: none;
+       user-select: none;
+  -webkit-user-select: none;
+}
+.df-drag-active .calendar-event,
+.df-drag-active .df-month-more-events,
+.df-drag-active .df-month-title,
+.df-drag-active .df-year-event-content {
+  pointer-events: none;
+}
+.df-cursor-ns-resize,
+.df-cursor-ns-resize * {
+  cursor: ns-resize;
+}
+.df-cursor-ew-resize,
+.df-cursor-ew-resize * {
+  cursor: ew-resize;
+}
+.df-cursor-grabbing,
+.df-cursor-grabbing * {
+  cursor: grabbing;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -2975,6 +3080,42 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -3036,6 +3177,15 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
     }

package/package.json

@@ -1,52 +1,52 @@
 {
   "name": "@dayflow/core",
-  "version": "3.1.2",
+  "version": "3.2.1",
   "description": "A flexible and feature-rich calendar engine powered by Preact with drag-and-drop support, multiple views (Day, Week, Month, Year), and plugin architecture",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.js"
-    },
-    "./dist/styles.css": "./dist/styles.css"
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ],
-  "sideEffects": [
-    "*.css",
-    "**/*.css"
-  ],
   "keywords": [
     "calendar",
-    "preact",
-    "schedule",
-    "events",
-    "typescript",
+    "day-view",
     "drag-drop",
     "event-calendar",
-    "day-view",
-    "week-view",
+    "events",
     "month-view",
-    "year-view",
+    "plugin-architecture",
+    "preact",
+    "schedule",
+    "typescript",
     "virtual-scroll",
-    "plugin-architecture"
+    "week-view",
+    "year-view"
   ],
-  "author": "Jayce Li",
+  "homepage": "https://github.com/dayflow-js/dayflow#readme",
+  "bugs": {
+    "url": "https://github.com/dayflow-js/dayflow/issues"
+  },
   "license": "MIT",
+  "author": "Jayce Li",
   "repository": {
     "type": "git",
     "url": "https://github.com/dayflow-js/dayflow.git"
   },
-  "bugs": {
-    "url": "https://github.com/dayflow-js/dayflow/issues"
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "*.css",
+    "**/*.css"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    },
+    "./dist/styles.css": "./dist/styles.css"
   },
-  "homepage": "https://github.com/dayflow-js/dayflow#readme",
   "dependencies": {
     "@dayflow/blossom-color-picker": "^2.0.1",
     "preact": "^10.28.3",
@@ -59,38 +59,39 @@
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@tailwindcss/postcss": "^4.1.14",
+    "@tailwindcss/postcss": "^4.2.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/preact": "^3.2.4",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.13",
     "@types/node": "^22.10.2",
-    "autoprefixer": "^10.4.21",
+    "autoprefixer": "^10.4.24",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.5.6",
-    "prettier": "^3.8.1",
     "rimraf": "^6.1.2",
     "rollup": "^4.29.1",
     "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^6.0.5",
-    "tailwindcss": "^4.1.14",
+    "tailwindcss": "^4.2.1",
     "ts-jest": "^29.4.5",
-    "typescript": "^5.7.2",
+    "typescript": "^5.9.3",
     "vite": "^5.4.20"
   },
   "scripts": {
+    "build": "tsc -p tsconfig.build.json && rollup -c --bundleConfigAsCjs && pnpm run build:css",
+    "build:css": "node ./scripts/build-css.mjs",
+    "clean": "rimraf dist node_modules",
     "dev": "vite --port 5529 --host",
-    "prebuild": "rimraf dist",
-    "build": "tsc -p tsconfig.build.json && rollup -c --bundleConfigAsCjs",
     "postbuild": "rimraf dist/types",
-    "typecheck": "tsc --noEmit",
+    "prebuild": "rimraf dist",
     "test": "jest",
+    "test:coverage": "jest --coverage",
     "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage"
+    "typecheck": "tsc --noEmit"
   }
 }