@netlisian/softconfig 0.1.1 → 0.1.3

package/README.md

@@ -61,6 +61,56 @@ import "@netlisian/softconfig/styles.css";
 
 You can supply custom overrides (action bar, headers, map UI, etc.) through the `overrides` prop. See `src/puck/types/Overrides.ts` for the full surface.
 
+## Action Lifecycle Events
+
+`SoftConfigProvider` supports `onActions` for lifecycle callbacks:
+
+- `build` → when build mode starts
+- `remodel` → when remodel mode starts
+- `complete` → when a build/remodel is finalized
+- `inspect` → when inspect is requested
+- `demolish` → when a soft component is deleted
+- `setDefaultVersion`, `decompose`, `cancel`, `publish`
+
+Version-aware payloads are included for build finalization and inspection flows:
+
+```ts
+type ActionEventPayload =
+  | {
+      type: "remodel";
+      payload: {
+        id: string;
+        version?: string;
+        softComponent?: VersionedSoftComponent["versions"][string];
+      };
+    }
+  | {
+      type: "complete";
+      payload: {
+        id: string;
+        version: string;
+        componentData: Record<string, any>;
+        softComponent: VersionedSoftComponent["versions"][string];
+      };
+    }
+  | {
+      type: "inspect";
+      payload: {
+        id: string;
+        version?: string;
+        softComponent?: VersionedSoftComponent["versions"][string];
+      };
+    }
+  | {
+      type: "demolish";
+      payload: {
+        id: string;
+      };
+    };
+```
+
+This contract allows downstream consumers (for example, save/sync bridges) to persist using exact version metadata without relying on inferred/default versions.
+
 ## Development
 
 - Build: `pnpm --filter @netlisian/softconfig build`

package/dist/puck/index.css

@@ -119,8 +119,8 @@
   margin: 0;
 }
 
-/* css-module:/media/manual_mount/osamuProjects/netlisian/packages/soft-config/src/puck/overrides/ComponentItem.module.css/#css-module-data */
-._ComponentItem_1kbi2_1 {
+/* css-module:/media/manual_mount/osamuProjects/netlisian/packages/soft-config/src/puck/overrides/DrawerItem.module.css/#css-module-data */
+._DrawerItem_182aj_1 {
   background: var(--puck-color-white);
   cursor: grab;
   border: 1px solid var(--puck-color-grey-09);
@@ -132,13 +132,13 @@
   transition: background-color 50ms ease-in, color 50ms ease-in;
   display: flex;
 }
-._ComponentItem--insertDisabled_1kbi2_14 {
+._DrawerItem--insertDisabled_182aj_14 {
   cursor: not-allowed;
   color: var(--puck-color-grey-5);
   background: var(--puck-color-grey-11);
   pointer-events: none;
 }
-._ComponentItem-content_1kbi2_21 {
+._DrawerItem-content_182aj_21 {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -147,82 +147,85 @@
   white-space: nowrap;
   overflow-x: hidden;
 }
-._ComponentItem-name_1kbi2_31 {
+._DrawerItem-name_182aj_31 {
   font-weight: 400;
 }
-._ComponentItem-version_1kbi2_35 {
+._DrawerItem-version_182aj_35 {
   font-size: 10px;
   color: var(--puck-color-grey-05);
 }
-._ComponentItem-actions_1kbi2_40 {
+._DrawerItem-actions_182aj_40 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._ComponentItem-settingsButton_1kbi2_46 {
+._DrawerItem-settingsButton_182aj_46 {
   opacity: 0;
   transition: opacity 120ms ease;
   color: var(--puck-color-grey-05);
 }
-._ComponentItem_1kbi2_1:hover ._ComponentItem-settingsButton_1kbi2_46 {
+._DrawerItem_182aj_1:hover ._DrawerItem-settingsButton_182aj_46 {
   opacity: 1;
 }
-._ComponentItem-grip_1kbi2_56 {
+._DrawerItem-grip_182aj_56 {
   color: var(--puck-color-grey-05);
   display: flex;
   align-items: center;
 }
-._ComponentItem-modal_1kbi2_63 {
+._DrawerItem-modal_182aj_63 {
   background: var(--puck-color-white);
   display: flex;
   flex-direction: column;
-  height: 100%;
+  height: min(90dvh, 100%);
+  min-height: 0;
 }
-._ComponentItem-modalHeader_1kbi2_70 {
+._DrawerItem-modalHeader_182aj_71 {
   padding: 24px 32px;
   border-bottom: 1px solid var(--puck-color-grey-09);
+  flex-shrink: 0;
 }
-._ComponentItem-modalTitle_1kbi2_75 {
+._DrawerItem-modalTitle_182aj_77 {
   margin: 0 0 4px 0;
   font-size: 24px;
   font-weight: 600;
   color: var(--puck-color-black);
 }
-._ComponentItem-modalSubtitle_1kbi2_82 {
+._DrawerItem-modalSubtitle_182aj_84 {
   margin: 0;
   font-size: 14px;
   color: var(--puck-color-grey-04);
 }
-._ComponentItem-modalBody_1kbi2_88 {
+._DrawerItem-modalBody_182aj_90 {
   flex: 1;
+  min-height: 0;
   padding: 32px;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: 32px;
 }
-._ComponentItem-section_1kbi2_97 {
+._DrawerItem-section_182aj_100 {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
-._ComponentItem-sectionTitle_1kbi2_103 {
+._DrawerItem-sectionTitle_182aj_106 {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
   color: var(--puck-color-black);
 }
-._ComponentItem-sectionDescription_1kbi2_110 {
+._DrawerItem-sectionDescription_182aj_113 {
   margin: 0;
   font-size: 14px;
   color: var(--puck-color-grey-04);
 }
-._ComponentItem-versionList_1kbi2_116 {
+._DrawerItem-versionList_182aj_119 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._ComponentItem-versionRow_1kbi2_122 {
+._DrawerItem-versionRow_182aj_125 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -232,26 +235,26 @@
   background: var(--puck-color-white);
   transition: all 150ms ease;
 }
-._ComponentItem-versionRow--isDefault_1kbi2_133 {
+._DrawerItem-versionRow--isDefault_182aj_136 {
   border-color: var(--puck-color-azure-07);
   background: var(--puck-color-azure-10);
 }
-._ComponentItem-versionRow--isMarkedForDeletion_1kbi2_138 {
+._DrawerItem-versionRow--isMarkedForDeletion_182aj_141 {
   opacity: 0.6;
   background: var(--puck-color-grey-11);
 }
-._ComponentItem-versionInfo_1kbi2_143 {
+._DrawerItem-versionInfo_182aj_146 {
   display: flex;
   align-items: center;
   gap: 12px;
   flex: 1;
 }
-._ComponentItem-versionNumber_1kbi2_150 {
+._DrawerItem-versionNumber_182aj_153 {
   font-size: 14px;
   font-weight: 500;
   color: var(--puck-color-black);
 }
-._ComponentItem-defaultBadge_1kbi2_156 {
+._DrawerItem-defaultBadge_182aj_159 {
   font-size: 11px;
   padding: 3px 8px;
   border-radius: 4px;
@@ -261,7 +264,7 @@
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
-._ComponentItem-deleteBadge_1kbi2_167 {
+._DrawerItem-deleteBadge_182aj_170 {
   font-size: 11px;
   padding: 3px 8px;
   border-radius: 4px;
@@ -271,15 +274,26 @@
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
-._ComponentItem-versionActions_1kbi2_178 {
+._DrawerItem-versionActions_182aj_181 {
   display: flex;
   gap: 8px;
   align-items: center;
 }
-._ComponentItem-migrationOptions_1kbi2_184 {
+._DrawerItem-migrationOptions_182aj_187 {
   width: 100%;
 }
-._ComponentItem-select_1kbi2_188 {
+._DrawerItem-migrationList_182aj_191 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 180px;
+  overflow-y: auto;
+  padding: 8px;
+  border: 1px solid var(--puck-color-grey-09);
+  border-radius: 6px;
+  background: var(--puck-color-white);
+}
+._DrawerItem-migrationOption_182aj_187 {
   width: 100%;
   padding: 10px 12px;
   border: 1px solid var(--puck-color-grey-09);
@@ -289,33 +303,48 @@
   color: var(--puck-color-black);
   cursor: pointer;
   transition: border-color 150ms ease;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  text-align: start;
 }
-._ComponentItem-select_1kbi2_188:hover {
+._DrawerItem-migrationOption_182aj_187:hover {
   border-color: var(--puck-color-grey-07);
 }
-._ComponentItem-select_1kbi2_188:focus {
+._DrawerItem-migrationOption_182aj_187:focus {
   outline: none;
   border-color: var(--puck-color-azure-07);
 }
-._ComponentItem-modalFooter_1kbi2_209 {
+._DrawerItem-migrationOption--isSelected_182aj_229 {
+  border-color: var(--puck-color-azure-07);
+  background: var(--puck-color-azure-10);
+}
+._DrawerItem-migrationOptionLabel_182aj_234 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+._DrawerItem-modalFooter_182aj_240 {
   padding: 20px 32px;
   border-top: 1px solid var(--puck-color-grey-09);
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: var(--puck-color-grey-11);
+  flex-shrink: 0;
 }
-._ComponentItem-footerLeft_1kbi2_218 {
+._DrawerItem-footerLeft_182aj_250 {
   display: flex;
   gap: 12px;
 }
-._ComponentItem-footerRight_1kbi2_223 {
+._DrawerItem-footerRight_182aj_255 {
   display: flex;
   gap: 12px;
 }
 
 /* css-module:/media/manual_mount/osamuProjects/netlisian/packages/soft-config/src/puck/components/modal/styles.module.css/#css-module-data */
-._Modal_pvj02_1 {
+._Modal_1t9ot_1 {
   background: color-mix(in srgb, var(--puck-color-black) 75%, transparent);
   display: none;
   justify-content: center;
@@ -325,19 +354,77 @@
   left: 0;
   bottom: 0;
   right: 0;
-  z-index: 1;
+  z-index: 1000;
   padding: 32px;
 }
-._Modal--isOpen_pvj02_29 {
+._Modal--isOpen_1t9ot_29 {
   display: flex;
 }
-._Modal-inner_pvj02_37 {
+._Modal-inner_1t9ot_37 {
   width: 100%;
   max-width: 1024px;
   border-radius: 8px;
-  overflow: hidden;
+  overflow: visible;
   background: var(--puck-color-white);
   display: flex;
   flex-direction: column;
   max-height: 90dvh;
+  min-height: 0;
+}
+
+/* css-module:/media/manual_mount/osamuProjects/netlisian/packages/soft-config/src/puck/overrides/Drawer.module.css/#css-module-data */
+._Drawer_12zq5_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+._Drawer-category_12zq5_7 {
+  max-width: 100%;
+}
+._Drawer-category_12zq5_7 + ._Drawer-category_12zq5_7 {
+  margin-top: 4px;
+}
+._Drawer-category--isExpanded_12zq5_15 + ._Drawer-category_12zq5_7 {
+  margin-top: 12px;
+}
+._Drawer-categoryContent_12zq5_19 {
+  display: none;
+}
+._Drawer-category--isExpanded_12zq5_15 > ._Drawer-categoryContent_12zq5_19 {
+  display: block;
+}
+._Drawer-categoryTitle_12zq5_27 {
+  background-color: transparent;
+  border: 0;
+  color: var(--puck-color-grey-05);
+  cursor: pointer;
+  display: flex;
+  font: inherit;
+  font-size: var(--puck-font-size-xxxs);
+  list-style: none;
+  margin-bottom: 6px;
+  padding: 8px;
+  text-transform: uppercase;
+  transition: background-color 50ms ease-in, color 50ms ease-in;
+  gap: 4px;
+  border-radius: 4px;
+  width: 100%;
+}
+._Drawer-categoryTitle_12zq5_27:focus-visible {
+  outline: 2px solid var(--puck-color-azure-05);
+  outline-offset: 2px;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._Drawer-categoryTitle_12zq5_27:hover {
+    background-color: var(--puck-color-azure-11);
+    color: var(--puck-color-azure-04);
+    transition: none;
+  }
+}
+._Drawer-categoryTitle_12zq5_27:active {
+  background-color: var(--puck-color-azure-10);
+  transition: none;
+}
+._Drawer-categoryTitleIcon_12zq5_63 {
+  margin-inline-start: auto;
 }