@anker-in/headless-ui 1.0.25 → 1.0.26-alpha.111003

package/dist/esm/types/props.d.ts

@@ -27,14 +27,21 @@ export type Theme = 'light' | 'dark';
 export type Shape = 'rounded' | 'square';
 export type Align = 'left' | 'center' | 'right';
 export type Media = {
-    alt: string;
+    id?: number;
+    alt: string | undefined;
+    baseUrl?: string;
     url: string;
     thumbnailURL: string;
-    mimeType: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp';
+    mimeType: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp' | 'image/svg+xml';
+    filename?: string;
     width?: number;
     height?: number;
     focalX?: number;
     focalY?: number;
+    poster?: {
+        url: string;
+        mimeType: 'image/jpeg' | 'image/png' | 'image/webp';
+    };
 };
 export type GSAPContext = {
     gsap?: any;

package/dist/esm/ui/src/biz-components/CollectionsFilters/FilterCardWrapItem.d.ts

@@ -0,0 +1,5 @@
+declare const FilterCardWrapItem: ({ data, configuration }: {
+    data: any;
+    configuration?: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FilterCardWrapItem;

package/dist/tokens/anker.css

@@ -2,6 +2,7 @@
   --btn-bg-active-color: var(--brand-color-0);
 
   --btn-radius: 0;
+  --box-radius: 0;
   --radius: 0em;
 
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);

package/dist/tokens/base.css

@@ -38,6 +38,8 @@
   --container-primary-color: #ffffff;
   --container-secondary-color-0: #f5f5f7;
   --container-secondary-color-1: #EAEAEC;
+  --container-tertiary-color: #EAEAEC;
+
   --bg-color-0: #f5f5f7;
   --bg-color-1: #ffffff;
   --bg-color-2: rgba(0, 190, 250, 0.08);
@@ -118,6 +120,7 @@
   --container-primary-color: #1d1d1f;
   --container-secondary-color-0: #353537;
   --container-secondary-color-1: #F7F8F9;
+  --container-tertiary-color: #F7F8F9;
 
   
   --bg-color-0: #000000;
@@ -149,7 +152,7 @@
 
 .swiper-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-bullets.swiper-pagination-horizontal {
-  bottom: -24px!important;
+  /* bottom: -24px!important; */
 }
 
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,

package/dist/tokens/eufy.css

@@ -6,6 +6,7 @@
 
 
   --btn-radius: 24px;
+  --box-radius: 16px;
 
   --radius: 40px;
   --brand-color-0: #005d8e; 

package/dist/tokens/eufyMake.css

@@ -4,6 +4,7 @@
 
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
   --btn-radius: 24px;
+  --box-radius: 16px;
   --radius: 0em;
 
   --brand-color-0: #3adb67;

package/dist/tokens/solix.css

@@ -3,6 +3,7 @@
   --brand-gradient-color-0: linear-gradient(90deg, #2C7ED0 0%, #00A9E1 43%, #00DB84 100%);
 
   --btn-radius: -0px;
+  --box-radius: 0;
   --radius: 0em;
 
   --brand-color-0: #00BEFA;

package/dist/tokens/soundcore.css

@@ -4,6 +4,7 @@
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
 
   --btn-radius: 24px;
+  --box-radius: 16px;
 
   --radius: 0em;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.0.25",
+  "version": "1.0.26-alpha.111003",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -68,9 +68,10 @@
     "@babel/preset-react": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
     "@hyrious/esbuild-plugin-commonjs": "^0.2.6",
-    "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/react": "^14.3.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.12",
+    "@types/jump.js": "^1.0.6",
     "@types/node": "^20",
     "babel-jest": "^29.7.0",
     "esbuild": "^0.20.2",
@@ -92,26 +93,37 @@
     "stylelint": "^16.6.0"
   },
   "dependencies": {
-    "@payloadcms/richtext-lexical": "^3.39.1",
-    "@radix-ui/react-avatar": "^1.1.9",
-    "@radix-ui/react-checkbox": "^1.3.1",
-    "@radix-ui/react-dialog": "^1.1.13",
-    "@radix-ui/react-dropdown-menu": "^2.1.14",
+    "@payloadcms/richtext-lexical": "^3.62.1",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-popover": "^1.1.13",
-    "@radix-ui/react-radio-group": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.2",
-    "@radix-ui/react-tabs": "^1.1.11",
-    "@radix-ui/react-visually-hidden": "^1.2.2",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-visually-hidden": "^1.2.3",
+    "@testing-library/dom": "^10.4.1",
+    "@types/lodash": "^4.17.20",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "copy-to-clipboard": "^3.3.3",
+    "decimal.js": "^10.6.0",
+    "embla-carousel": "^8.6.0",
     "embla-carousel-autoplay": "^8.5.2",
     "embla-carousel-class-names": "^8.5.2",
     "embla-carousel-react": "^8.6.0",
     "embla-carousel-wheel-gestures": "^8.0.1",
     "es-toolkit": "^1.36.0",
     "fitty": "^2.4.2",
+    "framer-motion": "^12.23.24",
+    "jump.js": "^1.0.2",
+    "lexical": "^0.38.2",
+    "lodash": "^4.17.21",
     "postcss": "^8.4.38",
     "react-fast-marquee": "^1.6.5",
     "react-intersection-observer": "^9.4.0",
@@ -120,6 +132,7 @@
     "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
+    "typescript": "5.4.5",
     "vaul": "^1.1.2"
   },
   "peerDependencies": {
@@ -147,6 +160,7 @@
     "test": "jest",
     "test:snapshots:update": "jest -u",
     "test:coverage": "jest --coverage && jest-coverage-badges output \"./badges\"",
+    "test:watch": "jest --watch",
     "clean": "rm -rf .turbo node_modules dist style.css"
   }
 }

package/tailwind.config.js

@@ -16,6 +16,30 @@ module.exports = {
         desktop: '1440px', // ≥1440px 大桌面
         'lg-desktop': '1920px', // ≥1920px 超大屏
       },
+      keyframes: {
+        'marquee-scroll': {
+          from: { transform: 'translateY(0%)' },
+          to: { transform: 'translateY(-50%)' },
+        },
+        'scroll-text': {
+          '0%': { transform: 'translateY(0)' },
+          '50%': { transform: 'translateY(calc(-100% + 3rem))' },
+          '50.1%': { transform: 'translateY(calc(-100% + 3rem))' },
+          '100%': { transform: 'translateY(0)' },
+        },
+        'progress-bar': {
+          from: { transform: 'translate3d(-100%, -2px, 0)' },
+          to: { transform: 'translate3d(0, -2px, 0)' },
+        },
+      },
+      animation: {
+        'marquee-scroll': 'marquee-scroll 20s linear infinite',
+        'scroll-text': 'scroll-text 2s ease-in-out infinite',
+        'progress-bar': 'progress-bar var(--interval-time) ease-out',
+      },
+      maskImage: {
+        'fade-vertical': 'linear-gradient(to bottom, transparent, black 20%, black 80%, transparent)',
+      },
       colors: {
         brand: {
           0: 'var(--brand-color-0)',
@@ -52,9 +76,11 @@ module.exports = {
         container: {
           primary: 'var(--container-primary-color)',
           secondary: {
+            default: 'var(--container-secondary-color-0)',
             0: 'var(--container-secondary-color-0)',
             1: 'var(--container-secondary-color-1)',
           },
+          tertiary: 'var(--container-tertiary-color)',
         },
         tabs: {
           list: {
@@ -161,4 +187,21 @@ module.exports = {
       },
     },
   },
+  plugins: [
+    function (options) {
+      var addUtilities = options.addUtilities
+      var theme = options.theme
+      var maskUtilities = {
+        '.mask-fade-vertical': {
+          '-webkit-mask-image': theme('maskImage.fade-vertical'),
+          'mask-image': theme('maskImage.fade-vertical'),
+          '-webkit-mask-repeat': 'no-repeat',
+          'mask-repeat': 'no-repeat',
+          '-webkit-mask-size': '100% 100%',
+          'mask-size': '100% 100%',
+        },
+      }
+      addUtilities(maskUtilities)
+    },
+  ],
 }