@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.3

package/es/style.css

@@ -1865,6 +1865,30 @@
     }
   }
 
+  @keyframes lb180ztka-B {
+    from {
+      opacity: 0;
+      transform: translateY(-70%);
+    }
+
+    to {
+      opacity: 1;
+      transform: none;
+    }
+  }
+
+  @keyframes lbmosza-B {
+    from {
+      opacity: 0;
+      transform: translateY(70%);
+    }
+
+    to {
+      opacity: 1;
+      transform: none;
+    }
+  }
+
   @keyframes lbqmglk5-B {
     0%, 100% {
       opacity: .3;
@@ -2538,6 +2562,10 @@
     background-position: 50%, 50%;
   }
 
+  .lb165c8v {
+    border-color: #333;
+  }
+
   .lb11ne2u5 {
     border-color: #fff !important;
   }
@@ -2554,6 +2582,18 @@
     border-color: currentColor;
   }
 
+  .lb1bmaitd {
+    border-color: #0009;
+  }
+
+  .lb786t8j {
+    border-color: #ffffff24;
+  }
+
+  .lb1e75yku {
+    border-color: #fff3;
+  }
+
   .lb9r1u3d {
     border-color: #0000;
   }
@@ -3010,6 +3050,10 @@
     padding-block: 2px;
   }
 
+  .lbf4egzd {
+    padding-block: 3px;
+  }
+
   .lb1axd487 {
     padding-block: 40px;
   }
@@ -3226,6 +3270,10 @@
     transition: box-shadow .2s var(--lobe-motion-ease-out);
   }
 
+  .lbdn3phn {
+    transition: clip-path .2s cubic-bezier(.4, 0, .2, 1);
+  }
+
   .lb1qjqjpi {
     transition: color .12s var(--lobe-motion-ease-out),transform .12s var(--lobe-motion-ease-out);
   }
@@ -3278,6 +3326,10 @@
     transition: grid-template-rows .2s, margin .2s, opacity .12s;
   }
 
+  .lbgy48lf {
+    transition: height .12s, inset-block-start .12s;
+  }
+
   .lb180ooqv {
     transition: height .2s var(--lobe-motion-ease-out);
   }
@@ -3294,6 +3346,10 @@
     transition: inline-size .2s;
   }
 
+  .lbjltk9q {
+    transition: inset-block-end .2s;
+  }
+
   .lbw1r3nx {
     transition: inset-block-start .2s var(--lobe-motion-ease-out),height .2s var(--lobe-motion-ease-out);
   }
@@ -3406,6 +3462,10 @@
     transition: stop-opacity .18s var(--lobe-motion-ease-out);
   }
 
+  .lb1ri61pi {
+    transition: transform .12s;
+  }
+
   .lb1iou1qo {
     transition: transform .14s;
   }
@@ -3516,6 +3576,14 @@
     outline: 2px dashed color-mix(in srgb,var(--lobe-color-info) 60%,transparent);
   }
 
+  .lbwv73w1:focus-visible {
+    outline: 2px solid #fff;
+  }
+
+  .lb1aklsn:focus-visible {
+    outline: 2px solid #fff9;
+  }
+
   .lb15y2lps:focus-visible {
     outline: 2px solid var(--lobe-color-primary);
   }
@@ -3644,6 +3712,10 @@
     animation-delay: var(--delay);
   }
 
+  .lbw6taxk {
+    animation-duration: .22s;
+  }
+
   .lbb8lv0f {
     animation-duration: .28s;
   }
@@ -3704,6 +3776,10 @@
     animation-name: lb13kz0yu-B;
   }
 
+  .lb6ojt31 {
+    animation-name: lb180ztka-B;
+  }
+
   .lb15d5rfv {
     animation-name: lb19jq70g-B;
   }
@@ -3748,6 +3824,10 @@
     animation-name: lbctqs6g-B;
   }
 
+  .lbvvj72e {
+    animation-name: lbmosza-B;
+  }
+
   .lb11jb8ed {
     animation-name: lbocro32-B;
   }
@@ -3780,6 +3860,10 @@
     animation-name: lbx3hp1s-B;
   }
 
+  .lbvjiv3b {
+    animation-timing-function: cubic-bezier(.2, 0, 0, 1);
+  }
+
   .lb1bx5ho5 {
     animation-timing-function: cubic-bezier(.36, .66, .04, 1);
   }
@@ -3829,6 +3913,18 @@
     background-clip: text;
   }
 
+  .lb1r1mewj {
+    background-color: #000;
+  }
+
+  .lb1aje6hn {
+    background-color: #151515;
+  }
+
+  .lb83z2og {
+    background-color: #fff;
+  }
+
   .lb1tf3yqh {
     background-color: color-mix(in srgb,var(--lobe-color-bg-container) 16.0%,transparent);
   }
@@ -3873,10 +3969,42 @@
     background-color: color-mix(in srgb,var(--lobe-color-text) 3.0%,var(--lobe-color-bg-container));
   }
 
-  .lb1h45990 {
+  .lb1h45990, .lbtwfq29 {
     background-color: currentColor;
   }
 
+  .lb12cimdh {
+    background-color: #0000008c;
+  }
+
+  .lb1a9z08n {
+    background-color: #000000c7;
+  }
+
+  .lb1pl4qn3 {
+    background-color: #000000d1;
+  }
+
+  .lbhkldz1 {
+    background-color: #ffffff1a;
+  }
+
+  .lbxywgfh {
+    background-color: #ffffff29;
+  }
+
+  .lb1cqq46t {
+    background-color: #ffffff2e;
+  }
+
+  .lbyuqjph {
+    background-color: #ffffff3d;
+  }
+
+  .lblw48vq {
+    background-color: #ffffff14;
+  }
+
   .lbsuhtdx {
     background-color: #fffffff2;
   }
@@ -4021,6 +4149,10 @@
     background-image: linear-gradient(90deg,transparent,color-mix(in srgb,var(--lobe-color-white) 35.0%,transparent),transparent);
   }
 
+  .lbl8g59w {
+    background-image: linear-gradient(#0000, #000000b8);
+  }
+
   .lb1hi5lyt {
     background-image: linear-gradient(to bottom,var(--lobe-color-fill-quaternary),var(--lobe-color-fill-tertiary));
   }
@@ -4357,6 +4489,22 @@
     clip-path: inset(50%);
   }
 
+  .lb54tv3e {
+    clip-path: polygon(19% 12%, 41% 12%, 41% 88%, 19% 88%);
+  }
+
+  .lbw0i5o0 {
+    clip-path: polygon(22% 10%, 55% 30%, 55% 70%, 22% 90%);
+  }
+
+  .lb1qujkey {
+    clip-path: polygon(55% 30%, 88% 50%, 88% 50%, 55% 70%);
+  }
+
+  .lbn4v9xm {
+    clip-path: polygon(59% 12%, 81% 12%, 81% 88%, 59% 88%);
+  }
+
   .lbod0wng {
     color: #000;
   }
@@ -4365,6 +4513,22 @@
     color: #080808;
   }
 
+  .lb1ko894a {
+    color: #8a8a8a;
+  }
+
+  .lbjmch63 {
+    color: #bbb;
+  }
+
+  .lb1qk1tsj {
+    color: #ccc;
+  }
+
+  .lb1a853yn {
+    color: #ddd;
+  }
+
   .lbfungia {
     color: #fff;
   }
@@ -5229,10 +5393,18 @@
     margin-inline-start: -1px;
   }
 
+  .lb137kccz {
+    margin-inline-start: -5px;
+  }
+
   .lbw01apr {
     margin-inline-start: -6px;
   }
 
+  .lbyjvg7b {
+    margin-inline-start: -88px;
+  }
+
   .lb166poo9 {
     margin-inline-start: -9px;
   }
@@ -5397,6 +5569,10 @@
     opacity: .6;
   }
 
+  .lb1ks1olk {
+    opacity: .7;
+  }
+
   .lb1us6l5c {
     opacity: .8;
   }
@@ -5441,6 +5617,10 @@
     padding-inline-end: 24px;
   }
 
+  .lb11lfxj5 {
+    padding-inline-end: 4px;
+  }
+
   .lb160mb8z {
     padding-inline-end: var(--accordion-hover-inset, 8px);
   }
@@ -5982,6 +6162,10 @@
     z-index: 3;
   }
 
+  .lboegz02 {
+    z-index: 4;
+  }
+
   .lba9119d {
     z-index: 50;
   }
@@ -6022,7 +6206,7 @@
     display: inline-flex;
   }
 
-  .lb11bdl2b.lb11bdl2b:where(.lb1khua0w:hover *), .lb1uxwvdp.lb1uxwvdp:where(.lbs7putv:hover *), .lbbneekf.lbbneekf:where(.lbtyc5dm:hover *), .lbk1as1i.lbk1as1i:where(.lbvwb9xe:hover *) {
+  .lb11bdl2b.lb11bdl2b:where(.lb1khua0w:hover *), .lb1uxwvdp.lb1uxwvdp:where(.lbs7putv:hover *), .lbbneekf.lbbneekf:where(.lbtyc5dm:hover *) {
     opacity: 1;
   }
 
@@ -6150,7 +6334,7 @@
     box-shadow: 0 0 0 2px var(--lobe-color-primary-bg);
   }
 
-  .lb19w46ty.lb19w46ty:where(.lb1gzdre6[data-dragging] *), .lb1sdogmm:hover:not([data-disabled] *) {
+  .lb19w46ty.lb19w46ty:where(.lb1gzdre6[data-dragging] *), .lb1sdogmm:hover:not([data-disabled] *), .lb2pgxse:focus-visible {
     box-shadow: 0 0 0 2px var(--lobe-color-primary-border);
   }
 
@@ -6610,6 +6794,22 @@
     opacity: .5;
   }
 
+  .lb19ait8a:hover {
+    background-color: #ffffff1f;
+  }
+
+  .lb16gz26q:hover {
+    background-color: #ffffff24;
+  }
+
+  .lb117i599:hover {
+    background-color: #ffffff29;
+  }
+
+  .lb1cbgfi2:hover {
+    background-color: #ffffff14;
+  }
+
   .lb1n5bzlp:hover {
     background-color: #0000;
   }
@@ -6654,6 +6854,10 @@
     box-shadow: var(--lobe-box-shadow-secondary);
   }
 
+  .lb1iih0q2:hover {
+    color: #fff;
+  }
+
   .lb7n5n81:hover {
     color: var(--lobe-color-text-heading);
   }
@@ -6678,6 +6882,10 @@
     transform: scale(1.1);
   }
 
+  .lbqzx2ld:hover {
+    transform: scale(1.3);
+  }
+
   .lb1lz31oe:hover {
     transform: translateY(-2px);
   }
@@ -6984,6 +7192,10 @@
     bottom: 6px;
   }
 
+  .lbhjxwu4 {
+    bottom: 76px;
+  }
+
   .lbo7r6ss {
     bottom: var(--toast-viewport-offset-y, 16px);
   }
@@ -7152,6 +7364,10 @@
     height: 8px;
   }
 
+  .lb1q7kiqf {
+    height: 99px;
+  }
+
   .lbt7dq6l {
     height: auto;
   }
@@ -7236,10 +7452,6 @@
     margin-bottom: 14px;
   }
 
-  .lb13xjzxd {
-    margin-bottom: 1em;
-  }
-
   .lb1hq5gj4 {
     margin-bottom: 24px;
   }
@@ -7392,10 +7604,6 @@
     max-height: var(--textarea-max-height, none);
   }
 
-  .lbjyiegp {
-    max-height: var(--video-max-height, 100.0%);
-  }
-
   .lb1m189uc {
     max-width: 0;
   }
@@ -7416,6 +7624,10 @@
     max-width: 100vw;
   }
 
+  .lb1gocmvm {
+    max-width: 176px;
+  }
+
   .lb19pysoa {
     max-width: 34rem;
   }
@@ -7428,6 +7640,10 @@
     max-width: 36rem;
   }
 
+  .lb8jryan {
+    max-width: 40%;
+  }
+
   .lb1j9u4d2 {
     max-width: 400px;
   }
@@ -7460,10 +7676,6 @@
     max-width: var(--available-width);
   }
 
-  .lb1mm0wbm {
-    max-width: var(--video-max-width, 100.0%);
-  }
-
   .lb2lwn1j {
     min-height: 0;
   }
@@ -7540,10 +7752,6 @@
     min-height: var(--color-swatches-size, 24px);
   }
 
-  .lb1p3ldy4 {
-    min-height: var(--video-min-height, unset);
-  }
-
   .lbeuugli {
     min-width: 0;
   }
@@ -7608,10 +7816,6 @@
     min-width: var(--form-field-min-width, unset);
   }
 
-  .lbuxkfb3 {
-    min-width: var(--video-min-width, unset);
-  }
-
   .lbw2csxc {
     overflow-x: auto;
   }
@@ -7676,6 +7880,10 @@
     padding-bottom: 4px;
   }
 
+  .lb10b6aqq {
+    padding-bottom: 6px;
+  }
+
   .lbwib8y2 {
     padding-bottom: 8px;
   }
@@ -7716,10 +7924,18 @@
     padding-top: 24px;
   }
 
+  .lb13zrc24 {
+    padding-top: 40px;
+  }
+
   .lb1iorvi4 {
     padding-top: 4px;
   }
 
+  .lb1yrsyyn {
+    padding-top: 6px;
+  }
+
   .lb1y1aw1k {
     padding-top: 8px;
   }
@@ -7748,6 +7964,10 @@
     top: -13px;
   }
 
+  .lb1qiirwl {
+    top: -2px;
+  }
+
   .lb1fo6t33 {
     top: -4px;
   }
@@ -7784,6 +8004,10 @@
     top: 47px;
   }
 
+  .lbndqk7f {
+    top: 4px;
+  }
+
   .lbwa60dl {
     top: 50%;
   }
@@ -7792,6 +8016,10 @@
     top: 50px;
   }
 
+  .lb1atx4j1 {
+    top: 6px;
+  }
+
   .lbyc4j8s {
     top: 7px;
   }
@@ -7844,6 +8072,10 @@
     width: 100vw;
   }
 
+  .lb1fsd2vl {
+    width: 10px;
+  }
+
   .lbsmyaan {
     width: 12px;
   }
@@ -7856,6 +8088,10 @@
     width: 16px;
   }
 
+  .lb1f1nzxn {
+    width: 176px;
+  }
+
   .lb1k6gmeo {
     width: 18px !important;
   }
@@ -8182,6 +8418,10 @@
     }
   }
 
+  .lb14l7nz5:first-child {
+    margin-top: 0;
+  }
+
   .lb1wdpdt8:last-child {
     border-bottom-color: currentColor;
   }

package/es/styles/createGlobalStyle.d.mts

@@ -7,4 +7,5 @@ type GlobalStyleProps = {
 type GlobalInterpolation = CSSInterpolation | ((props: GlobalStyleProps) => CSSInterpolation);
 export declare const createGlobalStyle: (template: TemplateStringsArray | ((props: GlobalStyleProps) => CSSInterpolation), ...args: GlobalInterpolation[]) => () => null;
 //#endregion
+export {};
 //# sourceMappingURL=createGlobalStyle.d.mts.map

package/es/styles/theme/generateColorPalette.d.mts

@@ -27,4 +27,5 @@ export declare const generateColorNeutralPalette: ({ scale, appearance }: {
   colorTextTertiary: string;
 };
 //#endregion
+export {};
 //# sourceMappingURL=generateColorPalette.d.mts.map

package/es/styles/theme/scope.d.mts

@@ -44,4 +44,5 @@ export interface LobeThemeScriptProps {
 }
 export declare const LobeThemeScript: ({ appearance, neutralColor, nonce, primaryColor }: LobeThemeScriptProps) => import("react").JSX.Element;
 //#endregion
+export {};
 //# sourceMappingURL=scope.d.mts.map

package/es/types/customToken.d.mts

@@ -16,4 +16,5 @@ export interface LobeCustomToken extends ColorPalettes, ColorPalettesAlpha, Colo
   colorBgContainerSecondary: string;
 }
 //#endregion
+export {};
 //# sourceMappingURL=customToken.d.mts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "6.0.0-beta.1",
+  "version": "6.0.0-beta.3",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -171,7 +171,7 @@
     "leva": "^0.10.1",
     "lucide-react": "^1.24.0",
     "marked": "^18.0.6",
-    "motion": "^13.0.0",
+    "motion": "^13.0.0 || ^14.0.0",
     "numeral": "^2.0.6",
     "polished": "^4.3.1",
     "query-string": "^9.4.1",
@@ -207,9 +207,9 @@
     "virtua": "^0.52.0"
   },
   "peerDependencies": {
-    "@lobehub/fluent-emoji": "^4.0.0",
-    "@lobehub/icons": "^5.0.0",
-    "motion": "^13.0.0",
+    "@lobehub/fluent-emoji": "^5.0.0-beta.1",
+    "@lobehub/icons": "^6.0.0-beta.1",
+    "motion": "^13.0.0 || ^14.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

package/es/Video/marker.stylex.mjs

@@ -1,9 +0,0 @@
-//#region src/Video/marker.stylex.ts
-const videoMarker = {
-	lbvwb9xe: "lbvwb9xe",
-	$$css: true
-};
-//#endregion
-export { videoMarker };
-
-//# sourceMappingURL=marker.stylex.mjs.map

package/es/Video/marker.stylex.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"marker.stylex.mjs","names":[],"sources":["../../src/Video/marker.stylex.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const videoMarker = stylex.defineMarker();\n"],"mappings":";AACA,MAAa,cAAc;CACzB,UAAU;CACV,OAAO;AACT"}