@webstudio-is/sdk-components-react-radix 0.167.0 → 0.173.0

package/lib/metas.js

@@ -379,6 +379,7 @@ var propsCollapsible = {
     description: "Defines the ID of a menu element which willserve as the element's context menu."
   },
   datatype: { required: false, control: "text", type: "string" },
+  defaultValue: { required: false, control: "text", type: "string" },
   dir: {
     required: false,
     control: "text",
@@ -1081,7 +1082,11 @@ var z = (value) => {
 };
 var overflow = (value) => [
   {
-    property: "overflow",
+    property: "overflowX",
+    value: { type: "keyword", value }
+  },
+  {
+    property: "overflowY",
     value: { type: "keyword", value }
   }
 ];
@@ -1428,13 +1433,7 @@ var gap = (gapValue) => {
 };
 var lineClamp2 = (lineClampValue) => {
   return [
-    {
-      property: "overflow",
-      value: {
-        type: "keyword",
-        value: "hidden"
-      }
-    },
+    ...overflow("hidden"),
     {
       property: "display",
       value: {
@@ -1535,10 +1534,31 @@ var font = (weight) => {
   ];
 };
 var whitespace = (value) => {
+  let whiteSpaceCollapse = "collapse";
+  let textWrapMode = "wrap";
+  if (value === "normal") {
+    [whiteSpaceCollapse, textWrapMode] = ["collapse", "wrap"];
+  }
+  if (value === "pre") {
+    [whiteSpaceCollapse, textWrapMode] = ["preserve", "nowrap"];
+  }
+  if (value === "pre-wrap") {
+    [whiteSpaceCollapse, textWrapMode] = ["preserve", "wrap"];
+  }
+  if (value === "pre-line") {
+    [whiteSpaceCollapse, textWrapMode] = ["preserve-breaks", "wrap"];
+  }
+  if (value === "break-spaces") {
+    [whiteSpaceCollapse, textWrapMode] = ["break-spaces", "wrap"];
+  }
   return [
     {
-      property: "whiteSpace",
-      value: { type: "keyword", value }
+      property: "whiteSpaceCollapse",
+      value: { type: "keyword", value: whiteSpaceCollapse }
+    },
+    {
+      property: "textWrapMode",
+      value: { type: "keyword", value: textWrapMode }
     }
   ];
 };
@@ -1673,6 +1693,7 @@ var getButtonStyles = (variant, size = "default") => {
     rounded("md"),
     text("sm"),
     font("medium"),
+    text("current"),
     focusVisible(
       [outline("none"), ring("ring", 2, "background", 2)].flat()
     ),
@@ -1697,7 +1718,7 @@ var getButtonStyles = (variant, size = "default") => {
   }
   let sizeStyles = [];
   if (size === "icon") {
-    sizeStyles = [h(10), w(10)].flat();
+    sizeStyles = [h(10), w(10), px(1.5), py(0)].flat();
   }
   if (size === "sm") {
     sizeStyles = [h(10), px(3)].flat();
@@ -1735,23 +1756,7 @@ var metaCollapsible = {
     {
       type: "instance",
       component: "Collapsible",
-      variables: {
-        collapsibleOpen: { initialValue: false }
-      },
-      props: [
-        {
-          type: "expression",
-          name: "open",
-          code: "collapsibleOpen"
-        },
-        {
-          name: "onOpenChange",
-          type: "action",
-          value: [
-            { type: "execute", args: ["open"], code: `collapsibleOpen = open` }
-          ]
-        }
-      ],
+      props: [],
       children: [
         {
           type: "instance",
@@ -1896,23 +1901,6 @@ var metaDialog = {
     {
       type: "instance",
       component: "Dialog",
-      variables: {
-        dialogOpen: { initialValue: false }
-      },
-      props: [
-        {
-          type: "expression",
-          name: "open",
-          code: "dialogOpen"
-        },
-        {
-          name: "onOpenChange",
-          type: "action",
-          value: [
-            { type: "execute", args: ["open"], code: `dialogOpen = open` }
-          ]
-        }
-      ],
       children: [
         {
           type: "instance",
@@ -2092,23 +2080,7 @@ var meta = {
       type: "instance",
       component: "Dialog",
       label: "Sheet",
-      variables: {
-        sheetOpen: { initialValue: false }
-      },
-      props: [
-        {
-          type: "expression",
-          name: "open",
-          code: "sheetOpen"
-        },
-        {
-          name: "onOpenChange",
-          type: "action",
-          value: [
-            { type: "execute", args: ["open"], code: `sheetOpen = open` }
-          ]
-        }
-      ],
+      props: [],
       children: [
         {
           type: "instance",
@@ -2340,23 +2312,7 @@ var metaPopover = {
     {
       type: "instance",
       component: "Popover",
-      variables: {
-        popoverOpen: { initialValue: false }
-      },
-      props: [
-        {
-          type: "expression",
-          name: "open",
-          code: "popoverOpen"
-        },
-        {
-          name: "onOpenChange",
-          type: "action",
-          value: [
-            { type: "execute", args: ["open"], code: `popoverOpen = open` }
-          ]
-        }
-      ],
+      props: [],
       children: [
         {
           type: "instance",
@@ -2438,23 +2394,7 @@ var metaTooltip = {
     {
       type: "instance",
       component: "Tooltip",
-      variables: {
-        tooltipOpen: { initialValue: false }
-      },
-      props: [
-        {
-          type: "expression",
-          name: "open",
-          code: "tooltipOpen"
-        },
-        {
-          name: "onOpenChange",
-          type: "action",
-          value: [
-            { type: "execute", args: ["open"], code: `tooltipOpen = open` }
-          ]
-        }
-      ],
+      props: [],
       children: [
         {
           type: "instance",
@@ -2556,19 +2496,7 @@ var metaTabs = {
     {
       type: "instance",
       component: "Tabs",
-      variables: {
-        tabsValue: { initialValue: "0" }
-      },
-      props: [
-        { type: "expression", name: "value", code: "tabsValue" },
-        {
-          name: "onValueChange",
-          type: "action",
-          value: [
-            { type: "execute", args: ["value"], code: `tabsValue = value` }
-          ]
-        }
-      ],
+      props: [{ type: "string", name: "defaultValue", value: "0" }],
       children: [
         {
           type: "instance",
@@ -3047,6 +2975,7 @@ var props = {
     description: "Defines the ID of a menu element which willserve as the element's context menu."
   },
   datatype: { required: false, control: "text", type: "string" },
+  defaultValue: { required: false, control: "text", type: "string" },
   dir: {
     required: false,
     control: "text",
@@ -3325,23 +3254,9 @@ var metaAccordion = {
     {
       type: "instance",
       component: "Accordion",
-      variables: {
-        accordionValue: { initialValue: "0" }
-      },
       props: [
         { type: "boolean", name: "collapsible", value: true },
-        { type: "expression", name: "value", code: "accordionValue" },
-        {
-          name: "onValueChange",
-          type: "action",
-          value: [
-            {
-              type: "execute",
-              args: ["value"],
-              code: `accordionValue = value`
-            }
-          ]
-        }
+        { type: "string", name: "defaultValue", value: "0" }
       ],
       children: [
         {
@@ -3747,23 +3662,7 @@ var metaNavigationMenu = {
     {
       type: "instance",
       component: "NavigationMenu",
-      variables: {
-        menuValue: { initialValue: "" }
-      },
-      props: [
-        { type: "expression", name: "value", code: "menuValue" },
-        {
-          name: "onValueChange",
-          type: "action",
-          value: [
-            {
-              type: "execute",
-              args: ["value"],
-              code: `menuValue = value`
-            }
-          ]
-        }
-      ],
+      props: [],
       // relative
       // Omiting this: z-10 flex max-w-max flex-1 items-center justify-center
       styles: [relative(), maxW("max")].flat(),
@@ -4022,8 +3921,7 @@ var metaSelect = {
       type: "instance",
       component: "Select",
       variables: {
-        selectValue: { initialValue: "" },
-        selectOpen: { initialValue: false }
+        selectValue: { initialValue: "" }
       },
       props: [
         {
@@ -4037,18 +3935,6 @@ var metaSelect = {
           value: [
             { type: "execute", args: ["value"], code: `selectValue = value` }
           ]
-        },
-        {
-          name: "open",
-          type: "expression",
-          code: "selectOpen"
-        },
-        {
-          name: "onOpenChange",
-          type: "action",
-          value: [
-            { type: "execute", args: ["open"], code: `selectOpen = open` }
-          ]
         }
       ],
       children: [