@netlisian/softconfig 0.0.2 → 0.0.4

package/dist/puck/index.css

@@ -1,19 +1,20 @@
-/* src/puck/components/error-boundary/styles.module.css */
-.ErrorBoundary {
+/* css-module:D:osamuProjects
+etlisianpackagessoft-configsrcpuckcomponentserror-boundarystyles.module.css\#css-module-data */
+._ErrorBoundary_1xl05_5 {
   padding: 20px;
   border: 1px solid #ff5858;
   border-radius: 4px;
   background-color: #fff0f0;
   margin: 10px 0;
 }
-.ErrorBoundary-title {
+._ErrorBoundary-title_1xl05_21 {
   color: #d32f2f;
   margin: 0 0 10px 0;
 }
-.ErrorBoundary-details {
+._ErrorBoundary-details_1xl05_31 {
   white-space: pre-wrap;
 }
-.ErrorBoundary-button {
+._ErrorBoundary-button_1xl05_39 {
   margin-top: 10px;
   padding: 5px 10px;
   background-color: #d32f2f;
@@ -22,12 +23,13 @@
   border-radius: 4px;
   cursor: pointer;
 }
-.ErrorBoundary-button:hover {
+._ErrorBoundary-button_1xl05_39:hover {
   background-color: #b71c1c;
 }
 
-/* src/puck/overrides/Header.module.css */
-.Header {
+/* css-module:D:osamuProjects
+etlisianpackagessoft-configsrcpuckoverridesHeader.module.css\#css-module-data */
+._Header_19oj9_1 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -35,8 +37,9 @@
   flex-wrap: wrap;
 }
 
-/* src/puck/overrides/ActionBar.module.css */
-.ActionBar {
+/* css-module:D:osamuProjects
+etlisianpackagessoft-configsrcpuckoverridesActionBar.module.css\#css-module-data */
+._ActionBar_pvuie_5 {
   align-items: center;
   cursor: default;
   display: flex;
@@ -52,7 +55,7 @@
   font-family: var(--puck-font-family);
   min-height: 26px;
 }
-.ActionBar-label {
+._ActionBar-label_pvuie_39 {
   color: var(--puck-color-grey-08);
   font-size: var(--puck-font-size-xxxs);
   font-weight: 500;
@@ -63,13 +66,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.ActionBar-action + .ActionBar-label {
+._ActionBar-action_pvuie_63 + ._ActionBar-label_pvuie_39 {
   padding-inline-start: 0;
 }
-.ActionBar-label + .ActionBar-action {
+._ActionBar-label_pvuie_39 + ._ActionBar-action_pvuie_63 {
   margin-inline-start: -4px;
 }
-.ActionBar-group {
+._ActionBar-group_pvuie_79 {
   align-items: center;
   border-inline-start: 0.5px solid var(--puck-color-grey-05);
   display: flex;
@@ -77,13 +80,13 @@
   padding-inline-start: 4px;
   padding-inline-end: 4px;
 }
-.ActionBar-group:first-of-type {
+._ActionBar-group_pvuie_79:first-of-type {
   border-inline-start: 0;
 }
-.ActionBar-group:empty {
+._ActionBar-group_pvuie_79:empty {
   display: none;
 }
-.ActionBar-action {
+._ActionBar-action_pvuie_63 {
   background: transparent;
   border: none;
   color: var(--puck-color-grey-08);
@@ -98,29 +101,30 @@
   justify-content: center;
   transition: color 50ms ease-in;
 }
-.ActionBar-action svg {
+._ActionBar-action_pvuie_63 svg {
   max-width: none !important;
 }
-.ActionBar-action:focus-visible {
+._ActionBar-action_pvuie_63:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: -2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  .ActionBar-action:hover {
+  ._ActionBar-action_pvuie_63:hover {
     color: var(--puck-color-azure-06);
     transition: none;
   }
 }
-.ActionBar-action:active {
+._ActionBar-action_pvuie_63:active {
   color: var(--puck-color-azure-07);
   transition: none;
 }
-.ActionBar-group * {
+._ActionBar-group_pvuie_79 * {
   margin: 0;
 }
 
-/* src/puck/overrides/ComponentItem.module.css */
-.ComponentItem {
+/* css-module:D:osamuProjects
+etlisianpackagessoft-configsrcpuckoverridesComponentItem.module.css\#css-module-data */
+._ComponentItem_lp9eh_1 {
   background: var(--puck-color-white);
   cursor: grab;
   border: 1px solid var(--puck-color-grey-09);
@@ -132,7 +136,7 @@
   transition: background-color 50ms ease-in, color 50ms ease-in;
   display: flex;
 }
-.ComponentItem-content {
+._ComponentItem-content_lp9eh_14 {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -141,53 +145,53 @@
   white-space: nowrap;
   overflow-x: hidden;
 }
-.ComponentItem-name {
+._ComponentItem-name_lp9eh_24 {
   font-weight: 500;
 }
-.ComponentItem-version {
+._ComponentItem-version_lp9eh_28 {
   font-size: 10px;
   color: var(--puck-color-grey-05);
 }
-.ComponentItem-actions {
+._ComponentItem-actions_lp9eh_33 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.ComponentItem-settingsButton {
+._ComponentItem-settingsButton_lp9eh_39 {
   opacity: 0;
   transition: opacity 120ms ease;
   color: var(--puck-color-grey-05);
 }
-.ComponentItem:hover .ComponentItem-settingsButton {
+._ComponentItem_lp9eh_1:hover ._ComponentItem-settingsButton_lp9eh_39 {
   opacity: 1;
 }
-.ComponentItem-grip {
+._ComponentItem-grip_lp9eh_49 {
   color: var(--puck-color-grey-05);
   display: flex;
   align-items: center;
 }
-.ComponentItem-modal {
+._ComponentItem-modal_lp9eh_56 {
   background: var(--puck-color-white);
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.ComponentItem-modalHeader {
+._ComponentItem-modalHeader_lp9eh_63 {
   padding: 24px 32px;
   border-bottom: 1px solid var(--puck-color-grey-09);
 }
-.ComponentItem-modalTitle {
+._ComponentItem-modalTitle_lp9eh_68 {
   margin: 0 0 4px 0;
   font-size: 24px;
   font-weight: 600;
   color: var(--puck-color-black);
 }
-.ComponentItem-modalSubtitle {
+._ComponentItem-modalSubtitle_lp9eh_75 {
   margin: 0;
   font-size: 14px;
   color: var(--puck-color-grey-04);
 }
-.ComponentItem-modalBody {
+._ComponentItem-modalBody_lp9eh_81 {
   flex: 1;
   padding: 32px;
   overflow-y: auto;
@@ -195,28 +199,28 @@
   flex-direction: column;
   gap: 32px;
 }
-.ComponentItem-section {
+._ComponentItem-section_lp9eh_90 {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
-.ComponentItem-sectionTitle {
+._ComponentItem-sectionTitle_lp9eh_96 {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
   color: var(--puck-color-black);
 }
-.ComponentItem-sectionDescription {
+._ComponentItem-sectionDescription_lp9eh_103 {
   margin: 0;
   font-size: 14px;
   color: var(--puck-color-grey-04);
 }
-.ComponentItem-versionList {
+._ComponentItem-versionList_lp9eh_109 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-.ComponentItem-versionRow {
+._ComponentItem-versionRow_lp9eh_115 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -226,26 +230,26 @@
   background: var(--puck-color-white);
   transition: all 150ms ease;
 }
-.ComponentItem-versionRow--isDefault {
+._ComponentItem-versionRow--isDefault_lp9eh_126 {
   border-color: var(--puck-color-azure-07);
   background: var(--puck-color-azure-10);
 }
-.ComponentItem-versionRow--isMarkedForDeletion {
+._ComponentItem-versionRow--isMarkedForDeletion_lp9eh_131 {
   opacity: 0.6;
   background: var(--puck-color-grey-11);
 }
-.ComponentItem-versionInfo {
+._ComponentItem-versionInfo_lp9eh_136 {
   display: flex;
   align-items: center;
   gap: 12px;
   flex: 1;
 }
-.ComponentItem-versionNumber {
+._ComponentItem-versionNumber_lp9eh_143 {
   font-size: 14px;
   font-weight: 500;
   color: var(--puck-color-black);
 }
-.ComponentItem-defaultBadge {
+._ComponentItem-defaultBadge_lp9eh_149 {
   font-size: 11px;
   padding: 3px 8px;
   border-radius: 4px;
@@ -255,7 +259,7 @@
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
-.ComponentItem-deleteBadge {
+._ComponentItem-deleteBadge_lp9eh_160 {
   font-size: 11px;
   padding: 3px 8px;
   border-radius: 4px;
@@ -265,15 +269,15 @@
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
-.ComponentItem-versionActions {
+._ComponentItem-versionActions_lp9eh_171 {
   display: flex;
   gap: 8px;
   align-items: center;
 }
-.ComponentItem-migrationOptions {
+._ComponentItem-migrationOptions_lp9eh_177 {
   width: 100%;
 }
-.ComponentItem-select {
+._ComponentItem-select_lp9eh_181 {
   width: 100%;
   padding: 10px 12px;
   border: 1px solid var(--puck-color-grey-09);
@@ -284,14 +288,14 @@
   cursor: pointer;
   transition: border-color 150ms ease;
 }
-.ComponentItem-select:hover {
+._ComponentItem-select_lp9eh_181:hover {
   border-color: var(--puck-color-grey-07);
 }
-.ComponentItem-select:focus {
+._ComponentItem-select_lp9eh_181:focus {
   outline: none;
   border-color: var(--puck-color-azure-07);
 }
-.ComponentItem-modalFooter {
+._ComponentItem-modalFooter_lp9eh_202 {
   padding: 20px 32px;
   border-top: 1px solid var(--puck-color-grey-09);
   display: flex;
@@ -299,17 +303,18 @@
   align-items: center;
   background: var(--puck-color-grey-11);
 }
-.ComponentItem-footerLeft {
+._ComponentItem-footerLeft_lp9eh_211 {
   display: flex;
   gap: 12px;
 }
-.ComponentItem-footerRight {
+._ComponentItem-footerRight_lp9eh_216 {
   display: flex;
   gap: 12px;
 }
 
-/* src/puck/components/modal/styles.module.css */
-.Modal {
+/* css-module:D:osamuProjects
+etlisianpackagessoft-configsrcpuckcomponentsmodalstyles.module.css\#css-module-data */
+._Modal_pvj02_1 {
   background: color-mix(in srgb, var(--puck-color-black) 75%, transparent);
   display: none;
   justify-content: center;
@@ -322,10 +327,10 @@
   z-index: 1;
   padding: 32px;
 }
-.Modal--isOpen {
+._Modal--isOpen_pvj02_29 {
   display: flex;
 }
-.Modal-inner {
+._Modal-inner_pvj02_37 {
   width: 100%;
   max-width: 1024px;
   border-radius: 8px;

package/dist/puck/index.d.mts

@@ -1,6 +1,6 @@
 import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
-import { History, AppState, PuckApi, ComponentConfig, ComponentData, DefaultComponentProps, Field, Fields, Config, Data } from '@measured/puck';
+import { History, AppState, PuckApi, ComponentConfig, ComponentData, DefaultComponentProps, Field, Config, Fields, Data } from '@measured/puck';
 import * as react from 'react';
 import react__default, { ReactNode, ReactElement } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -113,6 +113,7 @@ type BuilderComponentConfig = {
     }[];
     [key: string]: any;
 };
+type BuilderConfig = Config<any, BuilderRootConfig>;
 
 type SoftSubComponent = {
     type: string;
@@ -343,4 +344,10 @@ declare const confirm: (message: string) => Promise<boolean>;
  */
 declare const resolveSoftConfig: (data: Data, softComponents: SoftComponents, config: Config) => Data;
 
-export { ActionBarOverride as ActionBar, type AppStore, type AppStoreApi, ComponentItem, Header, type SoftComponent, type SoftComponents, SoftConfigProvider, confirm, createSoftConfigStore, createUseSoftConfig, notify, resolveSoftConfig, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig };
+declare const Modal: ({ children, onClose, isOpen, }: {
+    children: ReactNode;
+    onClose: () => void;
+    isOpen: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+export { ActionBarOverride as ActionBar, type AppStore, type AppStoreApi, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Header, Modal, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, confirm, createSoftConfigStore, createUseSoftConfig, notify, resolveSoftConfig, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig };

package/dist/puck/index.d.ts

@@ -1,6 +1,6 @@
 import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
-import { History, AppState, PuckApi, ComponentConfig, ComponentData, DefaultComponentProps, Field, Fields, Config, Data } from '@measured/puck';
+import { History, AppState, PuckApi, ComponentConfig, ComponentData, DefaultComponentProps, Field, Config, Fields, Data } from '@measured/puck';
 import * as react from 'react';
 import react__default, { ReactNode, ReactElement } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -113,6 +113,7 @@ type BuilderComponentConfig = {
     }[];
     [key: string]: any;
 };
+type BuilderConfig = Config<any, BuilderRootConfig>;
 
 type SoftSubComponent = {
     type: string;
@@ -343,4 +344,10 @@ declare const confirm: (message: string) => Promise<boolean>;
  */
 declare const resolveSoftConfig: (data: Data, softComponents: SoftComponents, config: Config) => Data;
 
-export { ActionBarOverride as ActionBar, type AppStore, type AppStoreApi, ComponentItem, Header, type SoftComponent, type SoftComponents, SoftConfigProvider, confirm, createSoftConfigStore, createUseSoftConfig, notify, resolveSoftConfig, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig };
+declare const Modal: ({ children, onClose, isOpen, }: {
+    children: ReactNode;
+    onClose: () => void;
+    isOpen: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+export { ActionBarOverride as ActionBar, type AppStore, type AppStoreApi, type BuilderComponentConfig, type BuilderConfig, type BuilderRootConfig, ComponentItem, Header, Modal, type Overrides, type SoftComponent, type SoftComponents, SoftConfigProvider, confirm, createSoftConfigStore, createUseSoftConfig, notify, resolveSoftConfig, setConfirmHandler, setNotificationHandler, useBuild, useCancel, useComplete, useDecompose, useDemolish, useInspect, useRemodel, useSetDefaultVersion, useSoftConfig };

package/dist/puck/index.js

@@ -83,6 +83,7 @@ __export(puck_exports, {
   ActionBar: () => ActionBarOverride,
   ComponentItem: () => ComponentItem,
   Header: () => Header,
+  Modal: () => Modal,
   SoftConfigProvider: () => SoftConfigProvider,
   confirm: () => confirm,
   createSoftConfigStore: () => createSoftConfigStore,
@@ -594,12 +595,12 @@ var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (op
 };
 var get_class_name_factory_default = getClassNameFactory;
 
-// src/puck/components/error-boundary/styles.module.css
-var styles_default = {};
+// css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\components\error-boundary\styles.module.css#css-module
+var styles_module_default = { "ErrorBoundary": "_ErrorBoundary_1xl05_5", "ErrorBoundary-title": "_ErrorBoundary-title_1xl05_21", "ErrorBoundary-details": "_ErrorBoundary-details_1xl05_31", "ErrorBoundary-button": "_ErrorBoundary-button_1xl05_39" };
 
 // src/puck/components/error-boundary/index.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var getClassName = get_class_name_factory_default("ErrorBoundary", styles_default);
+var getClassName = get_class_name_factory_default("ErrorBoundary", styles_module_default);
 var ErrorBoundary = class extends import_react3.Component {
   constructor(props) {
     super(props);
@@ -2232,8 +2233,8 @@ var useSetDefaultVersion = () => {
 // src/puck/overrides/Header.tsx
 var import_puck12 = require("@measured/puck");
 
-// src/puck/overrides/Header.module.css
-var Header_default = {};
+// css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\overrides\Header.module.css#css-module
+var Header_module_default = { "Header": "_Header_19oj9_1" };
 
 // src/puck/actions/usePublish.tsx
 var import_puck11 = require("@measured/puck");
@@ -2259,7 +2260,7 @@ var usePublish = () => {
 
 // src/puck/overrides/Header.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var getClassName2 = get_class_name_factory_default("Header", Header_default);
+var getClassName2 = get_class_name_factory_default("Header", Header_module_default);
 var Header = ({
   onPublish,
   children
@@ -2301,12 +2302,12 @@ var Header = ({
 var import_puck13 = require("@measured/puck");
 var import_lucide_react = require("lucide-react");
 
-// src/puck/overrides/ActionBar.module.css
-var ActionBar_default = {};
+// css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\overrides\ActionBar.module.css#css-module
+var ActionBar_module_default = { "ActionBar": "_ActionBar_pvuie_5", "ActionBar-label": "_ActionBar-label_pvuie_39", "ActionBar-action": "_ActionBar-action_pvuie_63", "ActionBar-group": "_ActionBar-group_pvuie_79" };
 
 // src/puck/overrides/ActionBar.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var getClassName3 = get_class_name_factory_default("ActionBar", ActionBar_default);
+var getClassName3 = get_class_name_factory_default("ActionBar", ActionBar_module_default);
 var ActionBarOverride = (props) => {
   const { handleBuild, canBuild } = useBuild();
   const { handleRemodel, canRemodel } = useRemodel();
@@ -2365,19 +2366,19 @@ var confirm = (message) => __async(null, null, function* () {
   }
 });
 
-// src/puck/overrides/ComponentItem.module.css
-var ComponentItem_default = {};
+// css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\overrides\ComponentItem.module.css#css-module
+var ComponentItem_module_default = { "ComponentItem": "_ComponentItem_lp9eh_1", "ComponentItem-content": "_ComponentItem-content_lp9eh_14", "ComponentItem-name": "_ComponentItem-name_lp9eh_24", "ComponentItem-version": "_ComponentItem-version_lp9eh_28", "ComponentItem-actions": "_ComponentItem-actions_lp9eh_33", "ComponentItem-settingsButton": "_ComponentItem-settingsButton_lp9eh_39", "ComponentItem-grip": "_ComponentItem-grip_lp9eh_49", "ComponentItem-modal": "_ComponentItem-modal_lp9eh_56", "ComponentItem-modalHeader": "_ComponentItem-modalHeader_lp9eh_63", "ComponentItem-modalTitle": "_ComponentItem-modalTitle_lp9eh_68", "ComponentItem-modalSubtitle": "_ComponentItem-modalSubtitle_lp9eh_75", "ComponentItem-modalBody": "_ComponentItem-modalBody_lp9eh_81", "ComponentItem-section": "_ComponentItem-section_lp9eh_90", "ComponentItem-sectionTitle": "_ComponentItem-sectionTitle_lp9eh_96", "ComponentItem-sectionDescription": "_ComponentItem-sectionDescription_lp9eh_103", "ComponentItem-versionList": "_ComponentItem-versionList_lp9eh_109", "ComponentItem-versionRow": "_ComponentItem-versionRow_lp9eh_115", "ComponentItem-versionRow--isDefault": "_ComponentItem-versionRow--isDefault_lp9eh_126", "ComponentItem-versionRow--isMarkedForDeletion": "_ComponentItem-versionRow--isMarkedForDeletion_lp9eh_131", "ComponentItem-versionInfo": "_ComponentItem-versionInfo_lp9eh_136", "ComponentItem-versionNumber": "_ComponentItem-versionNumber_lp9eh_143", "ComponentItem-defaultBadge": "_ComponentItem-defaultBadge_lp9eh_149", "ComponentItem-deleteBadge": "_ComponentItem-deleteBadge_lp9eh_160", "ComponentItem-versionActions": "_ComponentItem-versionActions_lp9eh_171", "ComponentItem-migrationOptions": "_ComponentItem-migrationOptions_lp9eh_177", "ComponentItem-select": "_ComponentItem-select_lp9eh_181", "ComponentItem-modalFooter": "_ComponentItem-modalFooter_lp9eh_202", "ComponentItem-footerLeft": "_ComponentItem-footerLeft_lp9eh_211", "ComponentItem-footerRight": "_ComponentItem-footerRight_lp9eh_216" };
 
 // src/puck/components/modal/index.tsx
 var import_react8 = require("react");
 var import_react_dom = require("react-dom");
 
-// src/puck/components/modal/styles.module.css
-var styles_default2 = {};
+// css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\components\modal\styles.module.css#css-module
+var styles_module_default2 = { "Modal": "_Modal_pvj02_1", "Modal--isOpen": "_Modal--isOpen_pvj02_29", "Modal-inner": "_Modal-inner_pvj02_37" };
 
 // src/puck/components/modal/index.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var getClassName4 = get_class_name_factory_default("Modal", styles_default2);
+var getClassName4 = get_class_name_factory_default("Modal", styles_module_default2);
 var Modal = ({
   children,
   onClose,
@@ -2405,7 +2406,7 @@ var Modal = ({
 
 // src/puck/overrides/ComponentItem.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var getClassName5 = get_class_name_factory_default("ComponentItem", ComponentItem_default);
+var getClassName5 = get_class_name_factory_default("ComponentItem", ComponentItem_module_default);
 var ComponentItem = (props) => {
   const softComponents = new Set(
     Object.keys(useSoftConfig((s) => s.softComponents))
@@ -2828,6 +2829,7 @@ var resolveSoftConfig = (data, softComponents, config) => {
   ActionBar,
   ComponentItem,
   Header,
+  Modal,
   SoftConfigProvider,
   confirm,
   createSoftConfigStore,

package/dist/puck/index.mjs

@@ -545,12 +545,12 @@ var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (op
 };
 var get_class_name_factory_default = getClassNameFactory;
 
-// src/puck/components/error-boundary/styles.module.css
-var styles_default = {};
+// css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\components\error-boundary\styles.module.css#css-module
+var styles_module_default = { "ErrorBoundary": "_ErrorBoundary_1xl05_5", "ErrorBoundary-title": "_ErrorBoundary-title_1xl05_21", "ErrorBoundary-details": "_ErrorBoundary-details_1xl05_31", "ErrorBoundary-button": "_ErrorBoundary-button_1xl05_39" };
 
 // src/puck/components/error-boundary/index.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var getClassName = get_class_name_factory_default("ErrorBoundary", styles_default);
+var getClassName = get_class_name_factory_default("ErrorBoundary", styles_module_default);
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -2183,8 +2183,8 @@ var useSetDefaultVersion = () => {
 // src/puck/overrides/Header.tsx
 import { Button } from "@measured/puck";
 
-// src/puck/overrides/Header.module.css
-var Header_default = {};
+// css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\overrides\Header.module.css#css-module
+var Header_module_default = { "Header": "_Header_19oj9_1" };
 
 // src/puck/actions/usePublish.tsx
 import { createUsePuck as createUsePuck9 } from "@measured/puck";
@@ -2210,7 +2210,7 @@ var usePublish = () => {
 
 // src/puck/overrides/Header.tsx
 import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
-var getClassName2 = get_class_name_factory_default("Header", Header_default);
+var getClassName2 = get_class_name_factory_default("Header", Header_module_default);
 var Header = ({
   onPublish,
   children
@@ -2252,12 +2252,12 @@ var Header = ({
 import { ActionBar } from "@measured/puck";
 import { Combine, ComponentIcon, EditIcon } from "lucide-react";
 
-// src/puck/overrides/ActionBar.module.css
-var ActionBar_default = {};
+// css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\overrides\ActionBar.module.css#css-module
+var ActionBar_module_default = { "ActionBar": "_ActionBar_pvuie_5", "ActionBar-label": "_ActionBar-label_pvuie_39", "ActionBar-action": "_ActionBar-action_pvuie_63", "ActionBar-group": "_ActionBar-group_pvuie_79" };
 
 // src/puck/overrides/ActionBar.tsx
 import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
-var getClassName3 = get_class_name_factory_default("ActionBar", ActionBar_default);
+var getClassName3 = get_class_name_factory_default("ActionBar", ActionBar_module_default);
 var ActionBarOverride = (props) => {
   const { handleBuild, canBuild } = useBuild();
   const { handleRemodel, canRemodel } = useRemodel();
@@ -2316,19 +2316,19 @@ var confirm = (message) => __async(null, null, function* () {
   }
 });
 
-// src/puck/overrides/ComponentItem.module.css
-var ComponentItem_default = {};
+// css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\overrides\ComponentItem.module.css#css-module
+var ComponentItem_module_default = { "ComponentItem": "_ComponentItem_lp9eh_1", "ComponentItem-content": "_ComponentItem-content_lp9eh_14", "ComponentItem-name": "_ComponentItem-name_lp9eh_24", "ComponentItem-version": "_ComponentItem-version_lp9eh_28", "ComponentItem-actions": "_ComponentItem-actions_lp9eh_33", "ComponentItem-settingsButton": "_ComponentItem-settingsButton_lp9eh_39", "ComponentItem-grip": "_ComponentItem-grip_lp9eh_49", "ComponentItem-modal": "_ComponentItem-modal_lp9eh_56", "ComponentItem-modalHeader": "_ComponentItem-modalHeader_lp9eh_63", "ComponentItem-modalTitle": "_ComponentItem-modalTitle_lp9eh_68", "ComponentItem-modalSubtitle": "_ComponentItem-modalSubtitle_lp9eh_75", "ComponentItem-modalBody": "_ComponentItem-modalBody_lp9eh_81", "ComponentItem-section": "_ComponentItem-section_lp9eh_90", "ComponentItem-sectionTitle": "_ComponentItem-sectionTitle_lp9eh_96", "ComponentItem-sectionDescription": "_ComponentItem-sectionDescription_lp9eh_103", "ComponentItem-versionList": "_ComponentItem-versionList_lp9eh_109", "ComponentItem-versionRow": "_ComponentItem-versionRow_lp9eh_115", "ComponentItem-versionRow--isDefault": "_ComponentItem-versionRow--isDefault_lp9eh_126", "ComponentItem-versionRow--isMarkedForDeletion": "_ComponentItem-versionRow--isMarkedForDeletion_lp9eh_131", "ComponentItem-versionInfo": "_ComponentItem-versionInfo_lp9eh_136", "ComponentItem-versionNumber": "_ComponentItem-versionNumber_lp9eh_143", "ComponentItem-defaultBadge": "_ComponentItem-defaultBadge_lp9eh_149", "ComponentItem-deleteBadge": "_ComponentItem-deleteBadge_lp9eh_160", "ComponentItem-versionActions": "_ComponentItem-versionActions_lp9eh_171", "ComponentItem-migrationOptions": "_ComponentItem-migrationOptions_lp9eh_177", "ComponentItem-select": "_ComponentItem-select_lp9eh_181", "ComponentItem-modalFooter": "_ComponentItem-modalFooter_lp9eh_202", "ComponentItem-footerLeft": "_ComponentItem-footerLeft_lp9eh_211", "ComponentItem-footerRight": "_ComponentItem-footerRight_lp9eh_216" };
 
 // src/puck/components/modal/index.tsx
 import { useEffect as useEffect4, useState as useState4 } from "react";
 import { createPortal } from "react-dom";
 
-// src/puck/components/modal/styles.module.css
-var styles_default2 = {};
+// css-module:D:\osamuProjects\netlisian\packages\soft-config\src\puck\components\modal\styles.module.css#css-module
+var styles_module_default2 = { "Modal": "_Modal_pvj02_1", "Modal--isOpen": "_Modal--isOpen_pvj02_29", "Modal-inner": "_Modal-inner_pvj02_37" };
 
 // src/puck/components/modal/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
-var getClassName4 = get_class_name_factory_default("Modal", styles_default2);
+var getClassName4 = get_class_name_factory_default("Modal", styles_module_default2);
 var Modal = ({
   children,
   onClose,
@@ -2356,7 +2356,7 @@ var Modal = ({
 
 // src/puck/overrides/ComponentItem.tsx
 import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
-var getClassName5 = get_class_name_factory_default("ComponentItem", ComponentItem_default);
+var getClassName5 = get_class_name_factory_default("ComponentItem", ComponentItem_module_default);
 var ComponentItem = (props) => {
   const softComponents = new Set(
     Object.keys(useSoftConfig((s) => s.softComponents))
@@ -2778,6 +2778,7 @@ export {
   ActionBarOverride as ActionBar,
   ComponentItem,
   Header,
+  Modal,
   SoftConfigProvider,
   confirm,
   createSoftConfigStore,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netlisian/softconfig",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -30,12 +30,14 @@
     "@types/react": "^18.0.0 || ^19.0.0",
     "@types/react-dom": "^18.0.0 || ^19.0.0",
     "eslint": "^9.36.0",
+    "postcss": "^8.5.6",
+    "postcss-modules": "^6.0.1",
     "size-limit": "^11.1.6",
     "tsup": "^8.0.2",
     "typescript": "5.9.3",
     "typescript-plugin-css-modules": "^5.1.0",
     "@netlisian/eslint-config": "0.0.0",
-    "@netlisian/tsconfig": "0.0.0"
+    "@netlisian/tsconfig": "0.0.1"
   },
   "dependencies": {
     "classnames": "^2.5.1",