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

package/es/Video/style.mjs

@@ -1,47 +1,417 @@
+import { cssVar } from "../styles/stylex/cssVar.stylex.mjs";
 //#region src/Video/style.ts
-const maskHoverCls = "lobe-video-mask";
 const styles = {
-	filled: {
-		kVAM5u: "lb10cypdb",
+	barButton: {
+		kmVPX3: "lb1717udv",
+		kaIpWk: "lb1kogg8i",
+		ksu8eU: "lbng3xce",
+		kUk6DE: "lb1okw0bk",
+		kI3sdo: "lb1a2a7pz lb1aklsn",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbjbqb8w lb19ait8a",
+		kMwMTN: "lb1heor9g",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb3nfvp2",
+		kMv6JI: "lbjb2p0i",
+		kGuDYH: "lbfifm61",
+		kjj79g: "lbl56j7k",
+		kZKoxP: "lb1fgtraw",
+		k7Eaqz: "lb1264ykn",
+		$$css: true
+	},
+	barButtonActive: {
+		kWkggS: "lb1cqq46t",
+		$$css: true
+	},
+	caption: {
+		kaIpWk: "lbur7f20",
+		k8WAf4: "lb1vvogim",
+		kg3NbH: "lbaope02",
+		kmkexE: "lbjltk9q lb9kvfbb",
+		kWkggS: "lb1a9z08n",
+		kMwMTN: "lbfungia",
+		kGuDYH: "lb4z9k3i",
+		krVfgx: "lb191j7n5",
+		kLqNvP: "lbzwoauc",
+		kLWn49: "lb1evy7pa",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lbhtitgo",
+		ks0D6T: "lb1cxeki3",
+		$$css: true
+	},
+	captionItem: {
+		keoZOQ: "lb1xmf6yo lb14l7nz5",
+		$$css: true
+	},
+	captionRaised: {
+		krVfgx: "lbhjxwu4",
+		$$css: true
+	},
+	captionTitle: {
+		kOIVth: "lb17d4w8g",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		k63SB2: "lb1s688f",
+		$$css: true
+	},
+	centerPlay: {
+		kaIpWk: "lb16rqkct",
+		ksu8eU: "lbng3xce",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lb12cimdh",
+		kMwMTN: "lbfungia",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb78zum5",
+		k87sOh: "lbwa60dl",
+		kLqNvP: "lbbudbmw",
+		kjj79g: "lbl56j7k",
+		kVAEAm: "lb10l6tqk",
+		k3aq6I: "lb11lhmoz",
+		kY2c9j: "lbhtitgo",
+		kZKoxP: "lbnnlda6",
+		kzqmXN: "lb15yg21f",
+		$$css: true
+	},
+	chip: {
+		kaIpWk: "lb1kogg8i",
+		ksu8eU: "lbng3xce",
+		kOIVth: "lb195vfkc",
+		kVQacm: "lbb3r6kr",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbhkldz1 lb117i599",
+		kMwMTN: "lb1heor9g",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb3nfvp2",
+		kMv6JI: "lbjb2p0i",
+		kGuDYH: "lbfifm61",
+		kwRFfy: "lb11lfxj5",
+		kZCmMZ: "lbmzvs34",
+		kZKoxP: "lbxk0z11",
+		ks0D6T: "lb8jryan",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	chipLabelBackward: {
+		k44tkh: "lbw6taxk lb1u6grsq",
+		kKVMdj: "lb6ojt31",
+		kyAemX: "lbvjiv3b",
+		$$css: true
+	},
+	chipLabelForward: {
+		k44tkh: "lbw6taxk lb1u6grsq",
+		kKVMdj: "lbvvj72e",
+		kyAemX: "lbvjiv3b",
+		$$css: true
+	},
+	chipText: {
+		kVQacm: "lbb3r6kr",
+		k1xSpc: "lb1lliihq",
+		kg5iWk: "lblyipyv",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	controls: {
+		kg3NbH: "lbaope02",
+		kMwMTN: "lbfungia",
+		kGO01o: "lb10b6aqq",
+		$$css: true
+	},
+	controlsBelow: {
+		kWkggS: "lb1aje6hn",
+		kLKAdn: "lb1yrsyyn",
+		$$css: true
+	},
+	controlsHidden: {
+		kSiTet: "lbg01cxk",
+		kfzvcC: "lb47corl",
+		$$css: true
+	},
+	controlsOverlay: {
+		kkqhue: "lb17y0mx6",
+		kmkexE: "lbzdg38j lb9kvfbb",
+		kKwaWg: "lbl8g59w",
+		krVfgx: "lb1ey2m1c",
+		kLKAdn: "lb13zrc24",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lbzkaem6",
+		$$css: true
+	},
+	disabled: {
+		kSiTet: "lbti2d7y",
+		kfzvcC: "lb47corl",
+		$$css: true
+	},
+	dot: {
+		kaIpWk: "lb16rqkct",
+		kUk6DE: "lb1okw0bk",
+		kZKoxP: "lbols6we",
+		kzqmXN: "lb1v4s8kt",
+		$$css: true
+	},
+	error: {
+		kpwlN0: "lb10a8y8t",
+		kOIVth: "lb883omv",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lb1r1mewj",
+		kMwMTN: "lb1qk1tsj",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		kGuDYH: "lb4z9k3i",
+		kjj79g: "lbl56j7k",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lboegz02",
+		$$css: true
+	},
+	errorActions: {
+		kOIVth: "lb167g77z",
+		k1xSpc: "lb78zum5",
+		$$css: true
+	},
+	errorButton: {
+		kVAM5u: "lb1e75yku",
+		kaIpWk: "lb1kogg8i",
 		ksu8eU: "lb1y0btm7",
 		kMzoRj: "lbmkeg23",
-		kWkggS: "lbaljia1",
+		kOIVth: "lb17d4w8g",
+		kg3NbH: "lb1awh872",
+		kybGjl: "lb1hl2dhg",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lblw48vq lb16gz26q",
+		kMwMTN: "lbfungia",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb3nfvp2",
+		kMv6JI: "lbjb2p0i",
+		kGuDYH: "lbfifm61",
+		kZKoxP: "lb1fgtraw",
 		$$css: true
 	},
-	mask: {
-		kpwlN0: "lb10a8y8t",
-		kmkexE: "lbzdg38j",
-		kWkggS: "lb1a3x57l",
-		kSiTet: "lbg01cxk lbk1as1i",
+	frame: {
+		kVQacm: "lbb3r6kr",
+		kWkggS: "lb1r1mewj",
+		kVAEAm: "lb1n2onr6",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	},
+	frameNo: {
+		kMwMTN: "lb1ko894a",
+		kMv6JI: "lb2xbw48",
+		kcqcaj: "lbss6m8b",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	hairline: {
+		kWkggS: "lb12cimdh",
+		k87sOh: "lbfr5jun",
+		kfzvcC: "lb47corl",
+		kVAEAm: "lb10l6tqk",
+		kZKoxP: "lbqu0tyb",
+		kzqmXN: "lb1i1rx1s",
+		$$css: true
+	},
+	head: {
+		kaIpWk: "lb16rqkct",
+		kWkggS: "lb83z2og",
+		k87sOh: "lbndqk7f",
+		keTefX: "lbw01apr",
 		kfzvcC: "lb47corl",
 		kVAEAm: "lb10l6tqk",
+		kZKoxP: "lb1kpxq89",
+		kzqmXN: "lbsmyaan",
+		$$css: true
+	},
+	marker: {
+		kmVPX3: "lb1717udv",
+		kVAM5u: "lb1bmaitd",
+		kaIpWk: "lb16rqkct",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbvndefy",
+		kI3sdo: "lb1a2a7pz lbwv73w1",
+		kmkexE: "lb1ri61pi lb9kvfbb",
+		kkrTdU: "lb1ypdohk",
+		k87sOh: "lb1qiirwl",
+		keTefX: "lb137kccz",
+		kVAEAm: "lb10l6tqk",
+		k3aq6I: "lbqzx2ld",
 		kY2c9j: "lb1vjfegm",
-		kZKoxP: "lb5yr21d",
-		kzqmXN: "lbh8yej3",
+		kZKoxP: "lb170jfvy",
+		kzqmXN: "lb1fsd2vl",
+		$$css: true
+	},
+	preview: {
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		krVfgx: "lby58vm5",
+		keTefX: "lbyjvg7b",
+		kfzvcC: "lb47corl",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lbhtitgo",
+		kzqmXN: "lb1f1nzxn",
+		$$css: true
+	},
+	previewCanvas: {
+		kVAM5u: "lb165c8v",
+		kaIpWk: "lbur7f20",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbmkeg23",
+		kWkggS: "lb1r1mewj",
+		k1xSpc: "lb1lliihq",
+		kZKoxP: "lb1q7kiqf",
+		kzqmXN: "lb1f1nzxn",
+		$$css: true
+	},
+	previewLabel: {
+		kaIpWk: "lb1kogg8i",
+		kVQacm: "lbb3r6kr",
+		k8WAf4: "lbf4egzd",
+		kg3NbH: "lbdqyycr",
+		kWkggS: "lb1pl4qn3",
+		kGuDYH: "lbfifm61",
+		kLWn49: "lb37zpob",
+		k9WMMc: "lb2b8uid",
+		kg5iWk: "lblyipyv",
+		ks0D6T: "lb1gocmvm",
+		$$css: true
+	},
+	previewTime: {
+		kMwMTN: "lb1a853yn",
+		kMv6JI: "lb2xbw48",
+		kGuDYH: "lb1j6dyjg",
+		$$css: true
+	},
+	previewTitle: {
+		k63SB2: "lb1s688f",
+		khDVqt: "lbuxw1ft",
 		$$css: true
 	},
 	root: {
-		kaIpWk: "lb1sbi92r",
+		kaIpWk: "lb1ndkxwp",
+		kI3sdo: "lb1a2a7pz",
 		kVQacm: "lbb3r6kr",
-		kWkggS: "lbaljia1",
-		k1K539: "lb13xjzxd",
-		keoZOQ: "lbdj266r",
+		kWkggS: "lb1r1mewj",
+		kGVxlE: "lb2pgxse",
+		kMwMTN: "lbfungia",
+		kLWn49: "lbo5v014",
 		kVAEAm: "lb1n2onr6",
-		kZKoxP: "lbt7dq6l",
-		kskxy: "lbjyiegp",
-		ks0D6T: "lb1mm0wbm",
-		kAzted: "lb1p3ldy4",
-		k7Eaqz: "lbuxkfb3",
-		kzqmXN: "lbh8yej3",
+		ks0D6T: "lb193iq5w",
 		$$css: true
 	},
-	video: {
+	rateButton: {
+		kg3NbH: "lb1xijbu4",
+		kMv6JI: "lb2xbw48",
+		$$css: true
+	},
+	row: {
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kGuDYH: "lbfifm61",
+		kZKoxP: "lb10w6t97",
+		$$css: true
+	},
+	sectionChip: {
+		kVAM5u: "lb786t8j",
+		kaIpWk: "lb1kogg8i",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbmkeg23",
+		kOIVth: "lb17d4w8g",
+		kI3sdo: "lb1a2a7pz lb1aklsn",
+		kg3NbH: "lbdqyycr",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbjbqb8w lb1cbgfi2",
+		kMwMTN: "lbjmch63 lb1iih0q2",
 		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb3nfvp2",
+		kMv6JI: "lbjb2p0i",
+		kGuDYH: "lbfifm61",
+		kZKoxP: "lbxk0z11",
+		$$css: true
+	},
+	sectionChipActive: {
+		kWkggS: "lbxywgfh",
+		kMwMTN: "lbfungia",
+		$$css: true
+	},
+	sectionChipTime: {
+		kMv6JI: "lb2xbw48",
+		kSiTet: "lb1ks1olk",
+		$$css: true
+	},
+	sectionList: {
+		kOIVth: "lb17d4w8g",
+		k8WAf4: "lb1vvogim",
+		kg3NbH: "lbaope02",
+		kWkggS: "lb1aje6hn",
+		k1xSpc: "lb78zum5",
+		kwnvtZ: "lb1a02dak",
+		$$css: true
+	},
+	segment: {
+		kaIpWk: "lb1cum3z5",
+		kVQacm: "lbb3r6kr",
+		kmkexE: "lbgy48lf lb9kvfbb",
+		kWkggS: "lbyuqjph",
+		k87sOh: "lbfr5jun",
+		kVAEAm: "lb10l6tqk",
+		kZKoxP: "lbqu0tyb",
+		$$css: true
+	},
+	segmentFill: {
+		kYYq5F: "lb10no89f",
+		kLqNvP: "lb1o0tod",
+		kVAEAm: "lb10l6tqk",
+		$$css: true
+	},
+	segmentHovered: {
+		k87sOh: "lb1atx4j1",
+		kZKoxP: "lbdk7pt",
+		$$css: true
+	},
+	spacer: {
+		kUk6DE: "lb98rzlu",
+		$$css: true
+	},
+	surface: {
+		kpwlN0: "lb10a8y8t",
+		kkrTdU: "lb1ypdohk",
+		kVAEAm: "lb10l6tqk",
+		$$css: true
+	},
+	time: {
+		kMwMTN: "lb1a853yn",
+		kMv6JI: "lb2xbw48",
+		kcqcaj: "lbss6m8b",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	track: {
+		kI3sdo: "lb1a2a7pz",
+		kkrTdU: "lb1ypdohk",
+		kVAEAm: "lb1n2onr6",
+		kFalU9: "lb5ve5x3",
+		kZKoxP: "lb1qx5ct2",
+		$$css: true
+	},
+	video: {
+		k1xSpc: "lb1lliihq",
+		kVIFPx: "lb19kjcj4",
+		kZKoxP: "lb5yr21d",
 		kzqmXN: "lbh8yej3",
 		$$css: true
 	}
 };
+const markerColor = (color) => {
+	switch (color) {
+		case void 0:
+		case "info": return cssVar.colorInfo;
+		case "success": return cssVar.colorSuccess;
+		case "warning": return cssVar.colorWarning;
+		case "error": return cssVar.colorError;
+		default: return color;
+	}
+};
 //#endregion
-export { maskHoverCls, styles };
+export { markerColor, styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/Video/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Video/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { videoMarker } from './marker.stylex';\n\nexport const maskHoverCls = 'lobe-video-mask';\n\nexport const styles = stylex.create({\n  filled: {\n    borderColor: cssVar.colorBorderSecondary,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    backgroundColor: cssVar.colorFillTertiary,\n  },\n  mask: {\n    inset: 0,\n    transition: 'opacity 0.2s ease',\n    backgroundColor: cssVar.colorBgMask,\n    opacity: { default: 0, [stylex.when.ancestor(':hover', videoMarker)]: 1 },\n    pointerEvents: 'none',\n    position: 'absolute',\n    zIndex: 1,\n    height: '100%',\n    width: '100%',\n  },\n  root: {\n    borderRadius: cssVar.borderRadius,\n    overflow: 'hidden',\n    backgroundColor: cssVar.colorFillTertiary,\n    marginBlockEnd: '1em',\n    marginBlockStart: 0,\n    position: 'relative',\n    height: 'auto',\n    maxHeight: 'var(--video-max-height, 100%)',\n    maxWidth: 'var(--video-max-width, 100%)',\n    minHeight: 'var(--video-min-height, unset)',\n    minWidth: 'var(--video-min-width, unset)',\n    width: '100%',\n  },\n  video: {\n    cursor: 'pointer',\n    width: '100%',\n  },\n});\n"],"mappings":";AAKA,MAAa,eAAe;AAC5B,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Video/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst chromeBar = '#151515';\n\nconst labelFromBelow = stylex.keyframes({\n  from: { opacity: 0, transform: 'translateY(70%)' },\n  to: { opacity: 1, transform: 'none' },\n});\nconst labelFromAbove = stylex.keyframes({\n  from: { opacity: 0, transform: 'translateY(-70%)' },\n  to: { opacity: 1, transform: 'none' },\n});\n\n// The chrome stays dark in both themes: it sits on the black letterbox and\n// must not flash white around a dark recording.\nexport const styles = stylex.create({\n  barButton: {\n    padding: 0,\n    borderRadius: 6,\n    borderStyle: 'none',\n    flex: 'none',\n    outline: { 'default': 'none', ':focus-visible': '2px solid rgb(255 255 255 / 60%)' },\n    alignItems: 'center',\n    backgroundColor: {\n      'default': 'transparent',\n      ':hover': 'rgb(255 255 255 / 12%)',\n    },\n    color: 'inherit',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    fontFamily: 'inherit',\n    fontSize: 12,\n    justifyContent: 'center',\n    height: 28,\n    minWidth: 28,\n  },\n  barButtonActive: {\n    backgroundColor: 'rgb(255 255 255 / 18%)',\n  },\n  caption: {\n    borderRadius: 8,\n    paddingBlock: 8,\n    paddingInline: 12,\n    transition: { default: 'inset-block-end 200ms ease', [reducedMotion]: 'none' },\n    backgroundColor: 'rgb(0 0 0 / 78%)',\n    color: '#fff',\n    fontSize: 13,\n    insetBlockEnd: 16,\n    insetInlineStart: 16,\n    lineHeight: 1.5,\n    position: 'absolute',\n    zIndex: 2,\n    maxWidth: '70%',\n  },\n  captionItem: {\n    marginBlockStart: { 'default': 8, ':first-child': 0 },\n  },\n  captionRaised: {\n    insetBlockEnd: 76,\n  },\n  captionTitle: {\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    fontWeight: 600,\n  },\n  centerPlay: {\n    borderRadius: '50%',\n    borderStyle: 'none',\n    alignItems: 'center',\n    backgroundColor: 'rgb(0 0 0 / 55%)',\n    color: '#fff',\n    cursor: 'pointer',\n    display: 'flex',\n    insetBlockStart: '50%',\n    insetInlineStart: '50%',\n    justifyContent: 'center',\n    position: 'absolute',\n    transform: 'translate(-50%, -50%)',\n    zIndex: 2,\n    height: 56,\n    width: 56,\n  },\n  chip: {\n    borderRadius: 6,\n    borderStyle: 'none',\n    gap: 2,\n    overflow: 'hidden',\n    alignItems: 'center',\n    backgroundColor: { 'default': 'rgb(255 255 255 / 10%)', ':hover': 'rgb(255 255 255 / 16%)' },\n    color: 'inherit',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    fontFamily: 'inherit',\n    fontSize: 12,\n    paddingInlineEnd: 4,\n    paddingInlineStart: 8,\n    height: 24,\n    maxWidth: '40%',\n    minWidth: 0,\n  },\n  chipLabelBackward: {\n    animationDuration: { default: '220ms', [reducedMotion]: '0s' },\n    animationName: labelFromAbove,\n    animationTimingFunction: 'cubic-bezier(0.2, 0, 0, 1)',\n  },\n  chipLabelForward: {\n    animationDuration: { default: '220ms', [reducedMotion]: '0s' },\n    animationName: labelFromBelow,\n    animationTimingFunction: 'cubic-bezier(0.2, 0, 0, 1)',\n  },\n  chipText: {\n    overflow: 'hidden',\n    display: 'block',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  controls: {\n    paddingInline: 12,\n    color: '#fff',\n    paddingBlockEnd: 6,\n  },\n  controlsBelow: {\n    backgroundColor: chromeBar,\n    paddingBlockStart: 6,\n  },\n  controlsHidden: {\n    opacity: 0,\n    pointerEvents: 'none',\n  },\n  controlsOverlay: {\n    insetInline: 0,\n    transition: { default: 'opacity 200ms ease', [reducedMotion]: 'none' },\n    backgroundImage: 'linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 72%))',\n    insetBlockEnd: 0,\n    paddingBlockStart: 40,\n    position: 'absolute',\n    zIndex: 3,\n  },\n  disabled: {\n    opacity: 0.4,\n    pointerEvents: 'none',\n  },\n  dot: {\n    borderRadius: '50%',\n    flex: 'none',\n    height: 6,\n    width: 6,\n  },\n  error: {\n    inset: 0,\n    gap: 10,\n    alignItems: 'center',\n    backgroundColor: '#000',\n    color: '#ccc',\n    display: 'flex',\n    flexDirection: 'column',\n    fontSize: 13,\n    justifyContent: 'center',\n    position: 'absolute',\n    zIndex: 4,\n  },\n  errorActions: {\n    gap: 8,\n    display: 'flex',\n  },\n  errorButton: {\n    borderColor: 'rgb(255 255 255 / 20%)',\n    borderRadius: 6,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    gap: 6,\n    paddingInline: 10,\n    textDecoration: 'none',\n    alignItems: 'center',\n    backgroundColor: { 'default': 'rgb(255 255 255 / 8%)', ':hover': 'rgb(255 255 255 / 14%)' },\n    color: '#fff',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    fontFamily: 'inherit',\n    fontSize: 12,\n    height: 28,\n  },\n  frame: {\n    overflow: 'hidden',\n    backgroundColor: '#000',\n    position: 'relative',\n    width: '100%',\n  },\n  frameNo: {\n    color: '#8a8a8a',\n    fontFamily: cssVar.fontFamilyCode,\n    fontVariantNumeric: 'tabular-nums',\n    whiteSpace: 'nowrap',\n  },\n  hairline: {\n    backgroundColor: 'rgb(0 0 0 / 55%)',\n    insetBlockStart: 8,\n    pointerEvents: 'none',\n    position: 'absolute',\n    height: 4,\n    width: 1,\n  },\n  head: {\n    borderRadius: '50%',\n    backgroundColor: '#fff',\n    insetBlockStart: 4,\n    marginInlineStart: -6,\n    pointerEvents: 'none',\n    position: 'absolute',\n    height: 12,\n    width: 12,\n  },\n  marker: {\n    padding: 0,\n    borderColor: 'rgb(0 0 0 / 60%)',\n    borderRadius: '50%',\n    borderStyle: 'solid',\n    borderWidth: 1.5,\n    outline: { 'default': 'none', ':focus-visible': '2px solid #fff' },\n    transition: { default: 'transform 120ms ease', [reducedMotion]: 'none' },\n    cursor: 'pointer',\n    insetBlockStart: -2,\n    marginInlineStart: -5,\n    position: 'absolute',\n    transform: { 'default': null, ':hover': 'scale(1.3)' },\n    zIndex: 1,\n    height: 10,\n    width: 10,\n  },\n  preview: {\n    gap: 4,\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'column',\n    insetBlockEnd: 24,\n    marginInlineStart: -88,\n    pointerEvents: 'none',\n    position: 'absolute',\n    zIndex: 2,\n    width: 176,\n  },\n  previewCanvas: {\n    borderColor: '#333',\n    borderRadius: 8,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    backgroundColor: '#000',\n    display: 'block',\n    height: 99,\n    width: 176,\n  },\n  previewLabel: {\n    borderRadius: 6,\n    overflow: 'hidden',\n    paddingBlock: 3,\n    paddingInline: 8,\n    backgroundColor: 'rgb(0 0 0 / 82%)',\n    fontSize: 12,\n    lineHeight: 1.4,\n    textAlign: 'center',\n    textOverflow: 'ellipsis',\n    maxWidth: 176,\n  },\n  previewTime: {\n    color: '#ddd',\n    fontFamily: cssVar.fontFamilyCode,\n    fontSize: 11,\n  },\n  previewTitle: {\n    fontWeight: 600,\n    whiteSpace: 'nowrap',\n  },\n  root: {\n    borderRadius: cssVar.borderRadiusLG,\n    outline: 'none',\n    overflow: 'hidden',\n    backgroundColor: '#000',\n    boxShadow: { 'default': null, ':focus-visible': `0 0 0 2px ${cssVar.colorPrimaryBorder}` },\n    color: '#fff',\n    lineHeight: 1,\n    position: 'relative',\n    maxWidth: '100%',\n  },\n  rateButton: {\n    paddingInline: 6,\n    fontFamily: cssVar.fontFamilyCode,\n  },\n  row: {\n    gap: 4,\n    alignItems: 'center',\n    display: 'flex',\n    fontSize: 12,\n    height: 32,\n  },\n  sectionChip: {\n    borderColor: 'rgb(255 255 255 / 14%)',\n    borderRadius: 6,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    gap: 6,\n    outline: { 'default': 'none', ':focus-visible': '2px solid rgb(255 255 255 / 60%)' },\n    paddingInline: 8,\n    alignItems: 'center',\n    backgroundColor: { 'default': 'transparent', ':hover': 'rgb(255 255 255 / 8%)' },\n    color: { 'default': '#bbb', ':hover': '#fff' },\n    cursor: 'pointer',\n    display: 'inline-flex',\n    fontFamily: 'inherit',\n    fontSize: 12,\n    height: 24,\n  },\n  sectionChipActive: {\n    backgroundColor: 'rgb(255 255 255 / 16%)',\n    color: '#fff',\n  },\n  sectionChipTime: {\n    fontFamily: cssVar.fontFamilyCode,\n    opacity: 0.7,\n  },\n  sectionList: {\n    gap: 6,\n    paddingBlock: 8,\n    paddingInline: 12,\n    backgroundColor: '#151515',\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  segment: {\n    borderRadius: 2,\n    overflow: 'hidden',\n    transition: {\n      default: 'height 120ms ease, inset-block-start 120ms ease',\n      [reducedMotion]: 'none',\n    },\n    backgroundColor: 'rgb(255 255 255 / 24%)',\n    insetBlockStart: 8,\n    position: 'absolute',\n    height: 4,\n  },\n  segmentFill: {\n    insetBlock: 0,\n    insetInlineStart: 0,\n    position: 'absolute',\n  },\n  segmentHovered: {\n    insetBlockStart: 6,\n    height: 8,\n  },\n  spacer: {\n    flex: '1',\n  },\n  surface: {\n    inset: 0,\n    cursor: 'pointer',\n    position: 'absolute',\n  },\n  time: {\n    color: '#ddd',\n    fontFamily: cssVar.fontFamilyCode,\n    fontVariantNumeric: 'tabular-nums',\n    whiteSpace: 'nowrap',\n  },\n  track: {\n    outline: 'none',\n    cursor: 'pointer',\n    position: 'relative',\n    touchAction: 'none',\n    height: 20,\n  },\n  video: {\n    display: 'block',\n    objectFit: 'contain',\n    height: '100%',\n    width: '100%',\n  },\n});\n\nexport const markerColor = (color?: string) => {\n  switch (color) {\n    case undefined:\n    case 'info': {\n      return cssVar.colorInfo;\n    }\n    case 'success': {\n      return cssVar.colorSuccess;\n    }\n    case 'warning': {\n      return cssVar.colorWarning;\n    }\n    case 'error': {\n      return cssVar.colorError;\n    }\n    default: {\n      return color;\n    }\n  }\n};\n"],"mappings":"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"}

package/es/Video/time.mjs

@@ -0,0 +1,60 @@
+const pad = (value) => String(value).padStart(2, "0");
+const formatTime = (seconds) => {
+	const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;
+	const hours = Math.floor(total / 3600);
+	const minutes = Math.floor(total % 3600 / 60);
+	const rest = total % 60;
+	return hours > 0 ? `${hours}:${pad(minutes)}:${pad(rest)}` : `${minutes}:${pad(rest)}`;
+};
+const frameOf = (seconds, fps) => Math.floor(seconds * fps + 1e-6);
+const steppedTime = (current, frames, duration, fps) => Math.min(Math.max((frameOf(current, fps) + frames + .5) / fps, 0), duration);
+const sortSections = (sections) => [...sections].sort((a, b) => a.start - b.start);
+const sectionAt = (sorted, time) => sorted.findLast((section) => section.start <= time + .01);
+const markersAt = (markers, time, fps) => {
+	let latest;
+	for (const marker of markers) {
+		if (marker.content === void 0 || marker.content === null) continue;
+		if (time >= marker.time - .5 / fps && time < marker.time + 2 && (latest === void 0 || marker.time > latest)) latest = marker.time;
+	}
+	if (latest === void 0) return [];
+	return markers.filter((marker) => marker.time === latest && marker.content !== void 0 && marker.content !== null);
+};
+const mergeSegments = (sorted, duration, trackPx, minPx = 12) => {
+	if (!(duration > 0)) return {
+		hairlines: [],
+		segments: []
+	};
+	const bounds = [
+		0,
+		...[...new Set(sorted.map((s) => s.start).filter((start) => start > 0 && start < duration))],
+		duration
+	];
+	const segments = [];
+	const hairlines = [];
+	const minSeconds = trackPx > 0 ? minPx / trackPx * duration : 0;
+	let carry = false;
+	for (let i = 0; i < bounds.length - 1; i++) {
+		const raw = {
+			end: bounds[i + 1],
+			start: bounds[i]
+		};
+		const narrow = raw.end - raw.start < minSeconds;
+		const last = segments.at(-1);
+		if (last && (narrow || carry)) {
+			last.end = raw.end;
+			hairlines.push(raw.start);
+			carry = false;
+			continue;
+		}
+		segments.push(raw);
+		carry = narrow;
+	}
+	return {
+		hairlines,
+		segments
+	};
+};
+//#endregion
+export { formatTime, frameOf, markersAt, mergeSegments, sectionAt, sortSections, steppedTime };
+
+//# sourceMappingURL=time.mjs.map

package/es/Video/time.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.mjs","names":[],"sources":["../../src/Video/time.ts"],"sourcesContent":["import type { VideoMarker, VideoSection } from './type';\n\nexport const CAPTION_SECONDS = 2;\nexport const MIN_SEGMENT_PX = 12;\n\nconst pad = (value: number) => String(value).padStart(2, '0');\n\nexport const formatTime = (seconds: number) => {\n  const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;\n  const hours = Math.floor(total / 3600);\n  const minutes = Math.floor((total % 3600) / 60);\n  const rest = total % 60;\n  return hours > 0 ? `${hours}:${pad(minutes)}:${pad(rest)}` : `${minutes}:${pad(rest)}`;\n};\n\n// The epsilon absorbs float error at exact frame boundaries.\nexport const frameOf = (seconds: number, fps: number) => Math.floor(seconds * fps + 1e-6);\n\n// Landing on frame centres means repeated steps never skip a frame or show one twice.\nexport const steppedTime = (current: number, frames: number, duration: number, fps: number) =>\n  Math.min(Math.max((frameOf(current, fps) + frames + 0.5) / fps, 0), duration);\n\nexport const sortSections = (sections: VideoSection[]) =>\n  [...sections].sort((a, b) => a.start - b.start);\n\nexport const sectionAt = (sorted: VideoSection[], time: number) =>\n  sorted.findLast((section) => section.start <= time + 0.01);\n\nexport const markersAt = (markers: VideoMarker[], time: number, fps: number): VideoMarker[] => {\n  let latest: number | undefined;\n  for (const marker of markers) {\n    if (marker.content === undefined || marker.content === null) continue;\n    const onScreen = time >= marker.time - 0.5 / fps && time < marker.time + CAPTION_SECONDS;\n    if (onScreen && (latest === undefined || marker.time > latest)) latest = marker.time;\n  }\n  if (latest === undefined) return [];\n  return markers.filter(\n    (marker) => marker.time === latest && marker.content !== undefined && marker.content !== null,\n  );\n};\n\nexport interface Segment {\n  end: number;\n  start: number;\n}\n\nexport const mergeSegments = (\n  sorted: VideoSection[],\n  duration: number,\n  trackPx: number,\n  minPx = MIN_SEGMENT_PX,\n): { hairlines: number[]; segments: Segment[] } => {\n  if (!(duration > 0)) return { hairlines: [], segments: [] };\n\n  const cuts = [\n    ...new Set(sorted.map((s) => s.start).filter((start) => start > 0 && start < duration)),\n  ];\n  const bounds = [0, ...cuts, duration];\n  const segments: Segment[] = [];\n  const hairlines: number[] = [];\n  const minSeconds = trackPx > 0 ? (minPx / trackPx) * duration : 0;\n  let carry = false;\n\n  for (let i = 0; i < bounds.length - 1; i++) {\n    const raw = { end: bounds[i + 1], start: bounds[i] };\n    const narrow = raw.end - raw.start < minSeconds;\n    const last = segments.at(-1);\n    if (last && (narrow || carry)) {\n      last.end = raw.end;\n      hairlines.push(raw.start);\n      carry = false;\n      continue;\n    }\n    segments.push(raw);\n    carry = narrow;\n  }\n\n  return { hairlines, segments };\n};\n"],"mappings":"AAKA,MAAM,OAAO,UAAkB,OAAO,KAAK,CAAC,CAAC,SAAS,GAAG,GAAG;AAE5D,MAAa,cAAc,YAAoB;CAC7C,MAAM,QAAQ,OAAO,SAAS,OAAO,KAAK,UAAU,IAAI,KAAK,MAAM,OAAO,IAAI;CAC9E,MAAM,QAAQ,KAAK,MAAM,QAAQ,IAAI;CACrC,MAAM,UAAU,KAAK,MAAO,QAAQ,OAAQ,EAAE;CAC9C,MAAM,OAAO,QAAQ;CACrB,OAAO,QAAQ,IAAI,GAAG,MAAM,GAAG,IAAI,OAAO,EAAE,GAAG,IAAI,IAAI,MAAM,GAAG,QAAQ,GAAG,IAAI,IAAI;AACrF;AAGA,MAAa,WAAW,SAAiB,QAAgB,KAAK,MAAM,UAAU,MAAM,IAAI;AAGxF,MAAa,eAAe,SAAiB,QAAgB,UAAkB,QAC7E,KAAK,IAAI,KAAK,KAAK,QAAQ,SAAS,GAAG,IAAI,SAAS,MAAO,KAAK,CAAC,GAAG,QAAQ;AAE9E,MAAa,gBAAgB,aAC3B,CAAC,GAAG,QAAQ,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAEhD,MAAa,aAAa,QAAwB,SAChD,OAAO,UAAU,YAAY,QAAQ,SAAS,OAAO,GAAI;AAE3D,MAAa,aAAa,SAAwB,MAAc,QAA+B;CAC7F,IAAI;CACJ,KAAK,MAAM,UAAU,SAAS;EAC5B,IAAI,OAAO,YAAY,KAAA,KAAa,OAAO,YAAY,MAAM;EAE7D,IADiB,QAAQ,OAAO,OAAO,KAAM,OAAO,OAAO,OAAO,OAAA,MACjD,WAAW,KAAA,KAAa,OAAO,OAAO,SAAS,SAAS,OAAO;CAClF;CACA,IAAI,WAAW,KAAA,GAAW,OAAO,CAAC;CAClC,OAAO,QAAQ,QACZ,WAAW,OAAO,SAAS,UAAU,OAAO,YAAY,KAAA,KAAa,OAAO,YAAY,IAC3F;AACF;AAOA,MAAa,iBACX,QACA,UACA,SACA,QAAA,OACiD;CACjD,IAAI,EAAE,WAAW,IAAI,OAAO;EAAE,WAAW,CAAC;EAAG,UAAU,CAAC;CAAE;CAK1D,MAAM,SAAS;EAAC;EAAG,GAAG,CAFpB,GAAG,IAAI,IAAI,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,UAAU,QAAQ,KAAK,QAAQ,QAAQ,CAAC,CAE/D;EAAG;CAAQ;CACpC,MAAM,WAAsB,CAAC;CAC7B,MAAM,YAAsB,CAAC;CAC7B,MAAM,aAAa,UAAU,IAAK,QAAQ,UAAW,WAAW;CAChE,IAAI,QAAQ;CAEZ,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,SAAS,GAAG,KAAK;EAC1C,MAAM,MAAM;GAAE,KAAK,OAAO,IAAI;GAAI,OAAO,OAAO;EAAG;EACnD,MAAM,SAAS,IAAI,MAAM,IAAI,QAAQ;EACrC,MAAM,OAAO,SAAS,GAAG,EAAE;EAC3B,IAAI,SAAS,UAAU,QAAQ;GAC7B,KAAK,MAAM,IAAI;GACf,UAAU,KAAK,IAAI,KAAK;GACxB,QAAQ;GACR;EACF;EACA,SAAS,KAAK,GAAG;EACjB,QAAQ;CACV;CAEA,OAAO;EAAE;EAAW;CAAS;AAC/B"}

package/es/Video/type.d.mts

@@ -0,0 +1,125 @@
+import { CSSProperties, Key, ReactEventHandler, ReactNode, Ref } from "react";
+//#region src/Video/type.d.ts
+export interface VideoSection {
+  start: number;
+  title: string;
+}
+export type VideoMarkerColor = 'success' | 'warning' | 'error' | 'info' | (string & {});
+export interface VideoMarker {
+  color?: VideoMarkerColor;
+  content?: ReactNode;
+  key?: Key;
+  label?: ReactNode;
+  time: number;
+}
+export type VideoStatus = 'loading' | 'ready' | 'error';
+export interface VideoState {
+  activeMarkers: VideoMarker[];
+  activeSection?: VideoSection;
+  captions: boolean;
+  duration: number;
+  muted: boolean;
+  paused: boolean;
+  rate: number;
+  size?: {
+    height: number;
+    width: number;
+  };
+  status: VideoStatus;
+  time: number;
+}
+export interface VideoPlayer {
+  getState: () => VideoState;
+  pause: () => void;
+  play: () => Promise<void>;
+  requestFullscreen: () => Promise<void>;
+  readonly root: HTMLDivElement | null;
+  seek: (seconds: number) => void;
+  setCaptions: (captions: boolean) => void;
+  setMuted: (muted: boolean) => void;
+  setRate: (rate: number) => void;
+  step: (frames: number) => void;
+  subscribe: (listener: (state: VideoState) => void) => () => void;
+  toggle: () => void;
+  toggleMute: () => void;
+  readonly video: HTMLVideoElement | null;
+}
+export interface VideoMediaProps {
+  autoPlay?: boolean;
+  loop?: boolean;
+  onEnded?: ReactEventHandler<HTMLVideoElement>;
+  onError?: ReactEventHandler<HTMLVideoElement>;
+  onPause?: ReactEventHandler<HTMLVideoElement>;
+  onPlay?: ReactEventHandler<HTMLVideoElement>;
+  onTimeUpdate?: ReactEventHandler<HTMLVideoElement>;
+  poster?: string;
+  preload?: HTMLVideoElement['preload'];
+  src: string;
+}
+export interface VideoRootProps extends VideoMediaProps {
+  captions?: boolean;
+  children?: ReactNode;
+  className?: string;
+  defaultPlaybackRate?: number;
+  fps?: number;
+  height?: number | string;
+  markers?: VideoMarker[];
+  maxHeight?: number;
+  muted?: boolean;
+  onMarkerClick?: (marker: VideoMarker) => void;
+  onMutedChange?: (muted: boolean) => void;
+  onRateChange?: (rate: number) => void;
+  onRetry?: () => Promise<unknown> | void;
+  playbackRates?: number[];
+  player?: VideoPlayer;
+  ref?: Ref<VideoPlayer>;
+  sections?: VideoSection[];
+  style?: CSSProperties;
+  width?: number | string;
+}
+export interface VideoTimelineProps {
+  children?: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+  thumbnails?: boolean;
+}
+export interface VideoControlsProps {
+  children?: ReactNode;
+  className?: string;
+  extra?: ReactNode;
+  frameStep?: boolean;
+  style?: CSSProperties;
+}
+export interface VideoCaptionProps {
+  action?: (marker: VideoMarker) => ReactNode;
+  className?: string;
+  style?: CSSProperties;
+}
+export interface VideoFrameProps {
+  children?: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+}
+export interface VideoSectionListProps {
+  className?: string;
+  style?: CSSProperties;
+}
+export interface VideoProps extends Omit<VideoRootProps, 'children'> {
+  classNames?: {
+    controls?: string;
+    frame?: string;
+    root?: string;
+    timeline?: string;
+  };
+  frameStep?: boolean;
+  overlay?: (state: VideoState) => ReactNode;
+  styles?: {
+    controls?: CSSProperties;
+    frame?: CSSProperties;
+    root?: CSSProperties;
+    timeline?: CSSProperties;
+  };
+  thumbnails?: boolean;
+}
+//#endregion
+//# sourceMappingURL=type.d.mts.map