@aicut/core 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aicut/core",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "description": "Framework-agnostic core for the AiCut video editor — canvas timeline, data model, HTML5 playback engine, plus an opt-in 3D lighting picker.",
5
5
  "license": "MIT",
6
6
  "author": "ziqiang <ziqiangytu@gmail.com>",
package/styles/theme.css CHANGED
@@ -436,10 +436,10 @@
436
436
 
437
437
  .aicut-lighting-body {
438
438
  display: grid;
439
- /* Fixed widths: scene 240, controls 220. Smart column gets the rest
440
- when open; collapses to 0 when closed; removed entirely when smart
441
- mode is disabled (see the data-smart-* rules below). */
442
- grid-template-columns: 240px 220px minmax(0, 1fr);
439
+ /* Just two columns: scene 240 + controls 220. Hosts that want to
440
+ render an adjacent panel (AI smart mode, prompt, presets, …) put
441
+ their own DOM beside <LightingEditor> in their own layout. */
442
+ grid-template-columns: 240px 220px;
443
443
  gap: 16px;
444
444
  align-items: start;
445
445
  padding: 16px;
@@ -448,24 +448,6 @@
448
448
  border-radius: var(--aicut-radius-md, 12px);
449
449
  }
450
450
 
451
- /* When smart mode is disabled outright, the smart column doesn't
452
- render — collapse the grid to 2 columns so we don't leave a gap. */
453
- .aicut-lighting-editor[data-smart-enabled="false"] .aicut-lighting-body {
454
- grid-template-columns: 240px 220px;
455
- }
456
-
457
- /* When smart mode is enabled but the drawer is closed, keep the slot
458
- in the DOM (portals stay valid) but shrink the column to zero —
459
- smooth animated drawer collapse from the right. */
460
- .aicut-lighting-editor[data-smart-open="false"] .aicut-lighting-body {
461
- grid-template-columns: 240px 220px 0fr;
462
- }
463
- .aicut-lighting-editor[data-smart-open="false"] .aicut-lighting-smart-wrapper {
464
- opacity: 0;
465
- pointer-events: none;
466
- visibility: hidden;
467
- }
468
-
469
451
  /* --- Scene column --- */
470
452
  .aicut-lighting-scene-col {
471
453
  display: flex;
@@ -669,58 +651,3 @@
669
651
  background: var(--aicut-controls-hover, rgba(255, 255, 255, 0.08));
670
652
  }
671
653
 
672
- .aicut-lighting-smart-slot {
673
- min-width: 0;
674
- }
675
-
676
- /* --- Smart wrapper (drawer + × button) --- */
677
-
678
- .aicut-lighting-smart-wrapper {
679
- position: relative;
680
- min-width: 0;
681
- overflow: hidden;
682
- transition: opacity 180ms ease;
683
- }
684
-
685
- .aicut-lighting-smart-close {
686
- position: absolute;
687
- top: 0;
688
- right: 0;
689
- width: 24px;
690
- height: 24px;
691
- display: inline-flex;
692
- align-items: center;
693
- justify-content: center;
694
- border: 0;
695
- border-radius: 6px;
696
- background: transparent;
697
- color: color-mix(in srgb, var(--aicut-controls-text, rgba(255, 255, 255, 0.85)) 60%, transparent);
698
- font-size: 18px;
699
- line-height: 1;
700
- cursor: pointer;
701
- z-index: 1;
702
- transition: background-color 120ms ease, color 120ms ease;
703
- }
704
- .aicut-lighting-smart-close:hover {
705
- background: var(--aicut-controls-hover, rgba(255, 255, 255, 0.08));
706
- color: var(--aicut-controls-text, rgba(255, 255, 255, 0.85));
707
- }
708
-
709
- /* Push the host content down a touch so it doesn't sit under × */
710
- .aicut-lighting-smart-wrapper > .aicut-lighting-smart-slot {
711
- padding-top: 4px;
712
- padding-right: 28px;
713
- }
714
-
715
- /* --- Smart-mode pill toggle in the controls header --- */
716
-
717
- .aicut-lighting-smart-toggle-row {
718
- display: inline-flex;
719
- align-items: center;
720
- gap: 6px;
721
- }
722
-
723
- .aicut-lighting-smart-toggle-label {
724
- font-size: 11px;
725
- color: color-mix(in srgb, var(--aicut-controls-text, rgba(255, 255, 255, 0.85)) 70%, transparent);
726
- }