@measured/puck 0.1.2 → 0.1.4

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@measured/puck",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
   "scripts": {
     "lint": "eslint \"**/*.ts*\"",
-    "build": "rm -rf dist && tsup index.tsx",
+    "build": "rm -rf dist && tsup index.ts",
     "prepublish": "yarn build"
   },
   "files": [

package/dist/index.css

@@ -1,611 +0,0 @@
-@import "https://rsms.me/inter/inter.css";
-
-/* styles/color.css */
-:root {
-  --puck-color-neutral-0: #fafafa;
-  --puck-color-neutral-1: #f3f3f3;
-  --puck-color-neutral-2: #e7e5e5;
-  --puck-color-neutral-3: #9e9e9e;
-  --puck-color-neutral-4: #2d2d2d;
-  --puck-color-neutral-blue: #10131c;
-  --puck-color-blue: var(--puck-color-azure-3);
-  --puck-color-rose: var(--puck-color-rose-3);
-  --puck-color-red: var(--puck-color-red-3);
-  --puck-color-rose-0: #4a001c;
-  --puck-color-rose-1: #670833;
-  --puck-color-rose-2: #87114c;
-  --puck-color-rose-3: #a81a66;
-  --puck-color-rose-4: #bc5089;
-  --puck-color-rose-5: #cc7ca5;
-  --puck-color-rose-6: #d89aba;
-  --puck-color-rose-7: #e3b8cf;
-  --puck-color-rose-8: #efd6e3;
-  --puck-color-rose-9: #faf4f8;
-  --puck-color-azure-0: #00175d;
-  --puck-color-azure-1: #002c77;
-  --puck-color-azure-2: #014292;
-  --puck-color-azure-3: #0158ad;
-  --puck-color-azure-4: #3479be;
-  --puck-color-azure-5: #6499cf;
-  --puck-color-azure-6: #88b0da;
-  --puck-color-azure-7: #abc7e5;
-  --puck-color-azure-8: #cfdff0;
-  --puck-color-azure-9: #f3f6fb;
-  --puck-color-green-0: #002000;
-  --puck-color-green-1: #043604;
-  --puck-color-green-2: #084e08;
-  --puck-color-green-3: #0c680c;
-  --puck-color-green-4: #1d882f;
-  --puck-color-green-5: #2faa53;
-  --puck-color-green-6: #56c16f;
-  --puck-color-green-7: #7dd78b;
-  --puck-color-green-8: #b8e8bf;
-  --puck-color-green-9: #eff8f0;
-  --puck-color-yellow-0: #211000;
-  --puck-color-yellow-1: #362700;
-  --puck-color-yellow-2: #4c4000;
-  --puck-color-yellow-3: #645a00;
-  --puck-color-yellow-4: #877614;
-  --puck-color-yellow-5: #ab9429;
-  --puck-color-yellow-6: #bfac4e;
-  --puck-color-yellow-7: #d4c474;
-  --puck-color-yellow-8: #e6deb1;
-  --puck-color-yellow-9: #f9f7ed;
-  --puck-color-red-0: #4c0000;
-  --puck-color-red-1: #6a0a10;
-  --puck-color-red-2: #8a1422;
-  --puck-color-red-3: #ac1f35;
-  --puck-color-red-4: #bf5366;
-  --puck-color-red-5: #ce7e8e;
-  --puck-color-red-6: #d99ca8;
-  --puck-color-red-7: #e4b9c2;
-  --puck-color-red-8: #efd7db;
-  --puck-color-red-9: #faf4f5;
-  --puck-color-grey-0: #111111;
-  --puck-color-grey-1: #282828;
-  --puck-color-grey-2: #404040;
-  --puck-color-grey-3: #5a5a5a;
-  --puck-color-grey-4: #767676;
-  --puck-color-grey-5: #949494;
-  --puck-color-grey-6: #ababab;
-  --puck-color-grey-7: #c3c3c3;
-  --puck-color-grey-8: #dcdcdc;
-  --puck-color-grey-9: #f5f5f5;
-  --puck-color-grey-10: #fafafa;
-  --puck-color-black: #000000;
-  --puck-color-white: #ffffff;
-}
-
-/* styles/typography.css */
-:root {
-  --puck-font-size-scale-base-unitless: 12;
-  --puck-font-size-xxxs-unitless: 12;
-  --puck-font-size-xxs-unitless: 14;
-  --puck-font-size-xs-unitless: 16;
-  --puck-font-size-s-unitless: 18;
-  --puck-font-size-m-unitless: 21;
-  --puck-font-size-l-unitless: 24;
-  --puck-font-size-xl-unitless: 28;
-  --puck-font-size-xxl-unitless: 36;
-  --puck-font-size-xxxl-unitless: 48;
-  --puck-font-size-xxxxl-unitless: 56;
-  --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
-  --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
-  --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
-  --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
-  --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
-  --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
-  --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
-  --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
-  --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
-  --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
-  --puck-font-size-base: var(--puck-font-size-xs);
-  --line-height-reset: 1;
-  --line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );
-  --line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );
-  --line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );
-  --line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );
-  --line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
-  --line-height-base: var(--line-height-m);
-  --puck-font-stack:
-    Inter,
-    -apple-system,
-    BlinkMacSystemFont,
-    Segoe UI,
-    Helvetica Neue,
-    sans-serif,
-    Apple Color Emoji,
-    Segoe UI Emoji,
-    Segoe UI Symbol;
-  --puck-font-stack-variable:
-    "Inter var",
-    -apple-system,
-    BlinkMacSystemFont,
-    Segoe UI,
-    Helvetica Neue,
-    sans-serif,
-    Apple Color Emoji,
-    Segoe UI Emoji,
-    Segoe UI Symbol;
-  --puck-font-family-monospaced:
-    "Menlo",
-    "Monaco",
-    "Liberation Mono",
-    "Consolas",
-    "Courier New",
-    monospace;
-  --puck-font-family-proportional: var(--puck-font-stack), sans-serif;
-}
-
-/* styles/global.css */
-
-/* css-module:/home/runner/work/puck/puck/packages/core/DraggableComponent/styles.module.css/#css-module-data */
-._DraggableComponent_10y0g_1 {
-  position: relative;
-}
-._DraggableComponent-contents_10y0g_5 {
-  position: relative;
-}
-._DraggableComponent-overlay_10y0g_9 {
-  display: none;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  position: absolute;
-  z-index: 1;
-  font-family: var(--puck-font-stack);
-}
-._DraggableComponent_10y0g_1:hover ._DraggableComponent-overlay_10y0g_9 {
-  display: block;
-  background-color: #cdcdcd50;
-  box-shadow: inset 0 0 0 4px var(--puck-color-azure-6);
-}
-._DraggableComponent--isModifierHeld_10y0g_25:hover ._DraggableComponent-overlay_10y0g_9 {
-  display: none;
-}
-._DraggableComponent--isSelected_10y0g_29 ._DraggableComponent-overlay_10y0g_9 {
-  box-shadow: inset 0 0 0 4px var(--puck-color-azure-6);
-  display: block;
-}
-._DraggableComponent-actions_10y0g_34 {
-  display: none;
-}
-._DraggableComponent_10y0g_1:hover ._DraggableComponent-actions_10y0g_34 {
-  position: absolute;
-  right: 0;
-  padding: 8px;
-  border-bottom-left-radius: 8px;
-  background: white;
-  display: flex;
-  gap: 4px;
-  border: 1px solid var(--puck-color-grey-8);
-}
-._DraggableComponent-actionsLabel_10y0g_49 {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding-left: 12px;
-  padding-right: 16px;
-  margin-right: 8px;
-  border-right: 1px solid var(--puck-color-grey-8);
-}
-._DraggableComponent-action_10y0g_34 {
-  background: transparent;
-  border: none;
-  color: var(--puck-color-grey-2);
-  padding: 8px;
-  border-radius: 4px;
-}
-._DraggableComponent-action_10y0g_34:hover {
-  background: var(--puck-color-grey-9);
-  color: var(--puck-color-blue);
-  cursor: pointer;
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/ExternalInput/styles.module.css/#css-module-data */
-._ExternalInput_v316c_1 {
-  font-family: var(--puck-font-stack);
-}
-._ExternalInput-actions_v316c_5 {
-  display: flex;
-}
-._ExternalInput-button_v316c_9 {
-  background-color: white;
-  border: 1px solid var(--puck-color-grey-8);
-  border-radius: 4px;
-  color: var(--puck-color-blue);
-  padding: 12px 16px;
-  font-weight: 500;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  position: relative;
-  overflow: hidden;
-}
-._ExternalInput-button_v316c_9:hover,
-._ExternalInput-detachButton_v316c_23:hover {
-  cursor: pointer;
-  background: var(--puck-color-grey-10);
-  border-color: var(--puck-color-neutral-3);
-  z-index: 1;
-}
-._ExternalInput--hasData_v316c_30 ._ExternalInput-button_v316c_9 {
-  color: var(--puck-color-neutral-4);
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 0px;
-}
-._ExternalInput-detachButton_v316c_23 {
-  border: 1px solid var(--puck-color-grey-8);
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-  background-color: var(--puck-color-neutral-1);
-  padding: 8px 12px;
-  margin-left: -1px;
-}
-._ExternalInput-modal_v316c_45 {
-  background: #00000099;
-  display: none;
-  justify-content: center;
-  align-items: center;
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  z-index: 1;
-  padding: 64px;
-}
-._ExternalInput--modalVisible_v316c_59 ._ExternalInput-modal_v316c_45 {
-  display: flex;
-}
-._ExternalInput-modalInner_v316c_63 {
-  width: 100%;
-  max-width: 1024px;
-  border-radius: 16px;
-  overflow: hidden;
-  background: white;
-  display: flex;
-  flex-direction: column;
-  max-height: 90vh;
-}
-._ExternalInput-modalHeading_v316c_74 {
-  background-color: white;
-  padding: 32px 24px;
-}
-._ExternalInput-modalTableWrapper_v316c_79 {
-  overflow-x: scroll;
-  overflow-y: scroll;
-  flex-grow: 1;
-}
-._ExternalInput_v316c_1 table {
-  border-spacing: 0px;
-  color: var(--puck-color-neutral-4);
-  position: relative;
-}
-._ExternalInput_v316c_1 thead {
-  position: sticky;
-  top: 0;
-}
-._ExternalInput_v316c_1 th {
-  background-color: var(--puck-color-grey-1);
-  color: white;
-  font-weight: 700;
-  padding: 16px 24px;
-  opacity: 0.9;
-}
-._ExternalInput_v316c_1 td {
-  padding: 16px 24px;
-}
-._ExternalInput_v316c_1 tr:nth-of-type(n) {
-  background-color: white;
-}
-._ExternalInput_v316c_1 tr:nth-of-type(2n) {
-  background-color: var(--puck-color-grey-9);
-}
-._ExternalInput_v316c_1 tr td:first-of-type {
-  font-weight: 500;
-}
-._ExternalInput_v316c_1 tr:hover {
-  background: var(--puck-color-grey-10);
-  color: var(--puck-color-azure-4);
-  cursor: pointer;
-  position: relative;
-  margin-left: -5px;
-}
-._ExternalInput_v316c_1 tr:hover td:first-of-type {
-  border-left: 4px solid var(--puck-color-azure-4);
-  padding-left: 20px;
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/InputOrGroup/styles.module.css/#css-module-data */
-._Input_1vwgb_1 {
-  display: block;
-  font-family: var(--puck-font-stack);
-}
-._Input_1vwgb_1 * {
-  box-sizing: border-box;
-}
-._Input_1vwgb_1 + ._Input_1vwgb_1 {
-  margin-top: 8px;
-}
-._Input-label_1vwgb_14 {
-  margin-bottom: 4px;
-  font-size: var(--puck-font-size-xxs);
-  font-weight: 500;
-}
-._Input-input_1vwgb_20 {
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--puck-color-grey-8);
-  border-radius: 4px;
-  font-family: inherit;
-  padding: 12px 16px;
-  width: 100%;
-}
-._Input_1vwgb_1 select {
-  appearance: none;
-  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
-  background-size: 12px;
-  background-position: calc(100% - 12px) calc(50% + 3px);
-  background-repeat: no-repeat;
-  background-color: white;
-}
-._Input--readOnly_1vwgb_41 ._Input-input_1vwgb_20 {
-  background-color: var(--puck-color-grey-9);
-  border-color: var(--puck-color-grey-8);
-}
-._Input-input_1vwgb_20:hover {
-  border-color: var(--puck-color-neutral-3);
-}
-._Input-group_1vwgb_50 {
-  background: white;
-  border-bottom: var(--puck-color-grey-8) solid 1px;
-}
-._Input-group_1vwgb_50 > summary {
-  padding: 16px;
-  position: relative;
-}
-._Input-group_1vwgb_50 > summary:hover {
-  cursor: pointer;
-  color: var(--puck-color-blue);
-}
-._Input-group_1vwgb_50 > fieldset {
-  border: none;
-  border-top: var(--puck-color-grey-8) solid 1px;
-  margin: 0;
-  padding: 16px;
-}
-._Input-group_1vwgb_50 ._Input-action_1vwgb_72 {
-  background: transparent;
-  border: none;
-  color: var(--puck-color-grey-2);
-  display: none;
-  padding: 8px;
-  position: absolute;
-  right: 4px;
-  top: 4px;
-}
-._Input-group_1vwgb_50 summary:hover ._Input-action_1vwgb_72 {
-  display: block;
-}
-._Input-group_1vwgb_50 ._Input-action_1vwgb_72:hover {
-  background: var(--puck-color-grey-9);
-  color: var(--puck-color-blue);
-  cursor: pointer;
-}
-._Input-addButton_1vwgb_93 {
-  background-color: white;
-  border: none;
-  color: var(--puck-color-blue);
-  cursor: pointer;
-  width: 100%;
-  margin: 0;
-  padding: 12px 16px;
-}
-._Input-addButton_1vwgb_93:hover {
-  background: var(--puck-color-grey-9);
-}
-._Input-item_1vwgb_107 {
-  border: 1px solid var(--puck-color-grey-8);
-  border-radius: 4px;
-  margin-top: 4px;
-  overflow: hidden;
-}
-._Input-radioGroup_1vwgb_114 {
-  margin-bottom: 8px;
-  margin-top: 8px;
-}
-._Input-radioGroupItems_1vwgb_119 {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-._Input-radio_1vwgb_114 {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/ComponentList/styles.module.css/#css-module-data */
-._ComponentList_91nmt_1 {
-  display: grid;
-  font-family: var(--puck-font-stack);
-  grid-template-columns: 1fr;
-  max-width: 100%;
-  grid-gap: 12px;
-}
-._ComponentList-item_91nmt_9,
-._ComponentList-itemShadow_91nmt_10 {
-  background: white;
-  padding: 12px;
-  padding-top: 12px;
-  display: flex;
-  border: 1px var(--puck-color-grey-8) solid;
-  border-radius: 8px;
-  font-size: var(--puck-font-size-xxs);
-  justify-content: space-between;
-  align-items: center;
-  gap: 12px;
-  cursor: grab;
-}
-._ComponentList-itemIcon_91nmt_24 {
-  color: var(--puck-color-grey-4);
-}
-._ComponentList-item_91nmt_9:hover {
-  background-color: var(--puck-color-azure-9);
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/OutlineList/styles.module.css/#css-module-data */
-._OutlineList_gor6f_1 {
-  color: var(--puck-color-grey-2);
-  font-family: var(--puck-font-stack);
-  margin: 0;
-  margin-left: 16px;
-  padding-left: 16px;
-  position: relative;
-  list-style: none;
-}
-._OutlineList_gor6f_1::before {
-  background: var(--puck-color-grey-7);
-  position: absolute;
-  left: -1px;
-  top: 0px;
-  width: 1px;
-  height: calc(100% - 9px);
-  content: "";
-}
-._OutlineList_gor6f_1 li {
-  position: relative;
-  margin-bottom: 4px;
-}
-._OutlineList_gor6f_1 li::before {
-  background: var(--puck-color-grey-7);
-  position: absolute;
-  left: -17px;
-  top: 9px;
-  width: 13px;
-  height: 1px;
-  content: "";
-}
-._OutlineList_gor6f_1 ._OutlineList-clickableItem_gor6f_36:hover {
-  color: var(--puck-color-blue);
-  cursor: pointer;
-}
-._OutlineList_gor6f_1 li > ._OutlineList_gor6f_1 {
-  margin: 8px;
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/Button/Button.module.css/#css-module-data */
-._Button_1bqmn_1 {
-  appearance: none;
-  background: none;
-  border: none;
-  border-radius: 4px;
-  color: white;
-  display: block;
-  letter-spacing: 0.05ch;
-  font-size: 14px;
-  font-weight: 600;
-  padding-bottom: 12px;
-  padding-left: 20px;
-  padding-right: 20px;
-  padding-top: 12px;
-  text-align: center;
-  text-decoration: none;
-  cursor: pointer;
-  white-space: nowrap;
-}
-._Button_1bqmn_1:hover {
-  text-decoration: none;
-}
-._Button--primary_1bqmn_25 {
-  background: var(--puck-color-blue);
-}
-._Button--primary_1bqmn_25:hover {
-  opacity: 0.7;
-  transition: opacity 50ms ease-in;
-}
-._Button--secondary_1bqmn_34 {
-  color: currentColor;
-  border: 1px solid currentColor;
-}
-._Button--secondary_1bqmn_34:hover {
-  background-color: var(--puck-color-grey-10);
-  color: black;
-  opacity: 0.7;
-}
-._Button--flush_1bqmn_45 {
-  border-radius: 0;
-}
-._Button--disabled_1bqmn_49 {
-  background: var(--puck-color-grey-10);
-  color: black;
-  cursor: not-allowed;
-}
-._Button--disabled_1bqmn_49:hover {
-  opacity: 1;
-}
-._Button--fullWidth_1bqmn_59 {
-  width: 100%;
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_jsf8x_1:last-of-type ._SidebarSection-content_jsf8x_1 {
-  border-bottom: none;
-  height: 100%;
-}
-._SidebarSection-title_jsf8x_6 {
-  background: white;
-  padding: 16px;
-  border-bottom: 1px solid var(--puck-color-grey-8);
-}
-._SidebarSection-title_jsf8x_6:hover {
-  opacity: 0.6;
-  cursor: pointer;
-}
-._SidebarSection-content_jsf8x_1 {
-  border-bottom: 1px solid var(--puck-color-grey-8);
-  padding: 16px;
-}
-._SidebarSection_jsf8x_1 > summary {
-  list-style: none;
-}
-._SidebarSection_jsf8x_1 > summary::-webkit-details-marker {
-  display: none;
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/Heading/styles.module.css/#css-module-data */
-._Heading_1y35v_1 {
-  display: block;
-  font-family: var(--puck-font-stack);
-  font-weight: 700;
-  margin: 0;
-}
-._Heading_1y35v_1 b {
-  font-weight: 700;
-}
-._Heading--xxxxl_1y35v_12 {
-  font-size: var(--puck-font-size-xxxxl);
-  letter-spacing: 0.08ch;
-  font-weight: 800;
-}
-._Heading--xxxl_1y35v_18 {
-  font-size: var(--puck-font-size-xxxl);
-}
-._Heading--xxl_1y35v_22 {
-  font-size: var(--puck-font-size-xxl);
-}
-._Heading--xl_1y35v_26 {
-  font-size: var(--puck-font-size-xl);
-}
-._Heading--l_1y35v_30 {
-  font-size: var(--puck-font-size-l);
-}
-._Heading--m_1y35v_34 {
-  font-size: var(--puck-font-size-m);
-}
-._Heading--s_1y35v_38 {
-  font-size: var(--puck-font-size-s);
-}
-._Heading--xs_1y35v_42 {
-  font-size: var(--puck-font-size-xs);
-}