@webstudio-is/sdk-components-react-radix 0.90.0 → 0.92.0

package/lib/cjs/components.js

@@ -1,82 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var components_exports = {};
-__export(components_exports, {
-  Accordion: () => import_accordion.Accordion,
-  AccordionContent: () => import_accordion.AccordionContent,
-  AccordionHeader: () => import_accordion.AccordionHeader,
-  AccordionItem: () => import_accordion.AccordionItem,
-  AccordionTrigger: () => import_accordion.AccordionTrigger,
-  Checkbox: () => import_checkbox.Checkbox,
-  CheckboxIndicator: () => import_checkbox.CheckboxIndicator,
-  Collapsible: () => import_collapsible.Collapsible,
-  CollapsibleContent: () => import_collapsible.CollapsibleContent,
-  CollapsibleTrigger: () => import_collapsible.CollapsibleTrigger,
-  Dialog: () => import_dialog.Dialog,
-  DialogClose: () => import_dialog.DialogClose,
-  DialogContent: () => import_dialog.DialogContent,
-  DialogDescription: () => import_dialog.DialogDescription,
-  DialogOverlay: () => import_dialog.DialogOverlay,
-  DialogTitle: () => import_dialog.DialogTitle,
-  DialogTrigger: () => import_dialog.DialogTrigger,
-  Label: () => import_label.Label,
-  NavigationMenu: () => import_navigation_menu.NavigationMenu,
-  NavigationMenuContent: () => import_navigation_menu.NavigationMenuContent,
-  NavigationMenuItem: () => import_navigation_menu.NavigationMenuItem,
-  NavigationMenuLink: () => import_navigation_menu.NavigationMenuLink,
-  NavigationMenuList: () => import_navigation_menu.NavigationMenuList,
-  NavigationMenuTrigger: () => import_navigation_menu.NavigationMenuTrigger,
-  NavigationMenuViewport: () => import_navigation_menu.NavigationMenuViewport,
-  Popover: () => import_popover.Popover,
-  PopoverContent: () => import_popover.PopoverContent,
-  PopoverTrigger: () => import_popover.PopoverTrigger,
-  RadioGroup: () => import_radio_group.RadioGroup,
-  RadioGroupIndicator: () => import_radio_group.RadioGroupIndicator,
-  RadioGroupItem: () => import_radio_group.RadioGroupItem,
-  Select: () => import_select.Select,
-  SelectContent: () => import_select.SelectContent,
-  SelectItem: () => import_select.SelectItem,
-  SelectItemIndicator: () => import_select.SelectItemIndicator,
-  SelectItemText: () => import_select.SelectItemText,
-  SelectTrigger: () => import_select.SelectTrigger,
-  SelectValue: () => import_select.SelectValue,
-  SelectViewport: () => import_select.SelectViewport,
-  Switch: () => import_switch.Switch,
-  SwitchThumb: () => import_switch.SwitchThumb,
-  Tabs: () => import_tabs.Tabs,
-  TabsContent: () => import_tabs.TabsContent,
-  TabsList: () => import_tabs.TabsList,
-  TabsTrigger: () => import_tabs.TabsTrigger,
-  Tooltip: () => import_tooltip.Tooltip,
-  TooltipContent: () => import_tooltip.TooltipContent,
-  TooltipTrigger: () => import_tooltip.TooltipTrigger
-});
-module.exports = __toCommonJS(components_exports);
-var import_collapsible = require("./collapsible");
-var import_dialog = require("./dialog");
-var import_popover = require("./popover");
-var import_tooltip = require("./tooltip");
-var import_tabs = require("./tabs");
-var import_label = require("./label");
-var import_accordion = require("./accordion");
-var import_navigation_menu = require("./navigation-menu");
-var import_select = require("./select");
-var import_switch = require("./switch");
-var import_checkbox = require("./checkbox");
-var import_radio_group = require("./radio-group");

package/lib/cjs/dialog.js

@@ -1,89 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var dialog_exports = {};
-__export(dialog_exports, {
-  Dialog: () => Dialog,
-  DialogClose: () => DialogClose,
-  DialogContent: () => DialogContent,
-  DialogDescription: () => DialogDescription,
-  DialogOverlay: () => DialogOverlay,
-  DialogTitle: () => DialogTitle,
-  DialogTrigger: () => DialogTrigger,
-  hooksDialog: () => hooksDialog
-});
-module.exports = __toCommonJS(dialog_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_react_sdk = require("@webstudio-is/react-sdk");
-const Dialog = (0, import_react.forwardRef)((props, _ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Root, { ...props });
-});
-const DialogTrigger = (0, import_react.forwardRef)(({ children, ...props }, ref) => {
-  const firstChild = import_react.Children.toArray(children)[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Trigger, { ref, asChild: true, ...props, children: firstChild ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { children: "Add button or link" }) });
-});
-const DialogOverlay = (0, import_react.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Overlay, { ref, ...props }) });
-});
-const DialogContent = DialogPrimitive.Content;
-const DialogClose = DialogPrimitive.Close;
-const DialogTitle = DialogPrimitive.Title;
-const DialogDescription = DialogPrimitive.Description;
-const namespace = "@webstudio-is/sdk-components-react-radix";
-const hooksDialog = {
-  onNavigatorUnselect: (context, event) => {
-    for (const instance of event.instancePath) {
-      if (instance.component === `${namespace}:DialogOverlay`) {
-        const dialog = (0, import_react_sdk.getClosestInstance)(
-          event.instancePath,
-          instance,
-          `${namespace}:Dialog`
-        );
-        if (dialog) {
-          context.setPropVariable(dialog.id, "open", false);
-        }
-      }
-    }
-  },
-  onNavigatorSelect: (context, event) => {
-    for (const instance of event.instancePath) {
-      if (instance.component === `${namespace}:DialogOverlay`) {
-        const dialog = (0, import_react_sdk.getClosestInstance)(
-          event.instancePath,
-          instance,
-          `${namespace}:Dialog`
-        );
-        if (dialog) {
-          context.setPropVariable(dialog.id, "open", true);
-        }
-      }
-    }
-  }
-};

package/lib/cjs/dialog.ws.js

@@ -1,314 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var dialog_ws_exports = {};
-__export(dialog_ws_exports, {
-  metaDialog: () => metaDialog,
-  metaDialogClose: () => metaDialogClose,
-  metaDialogContent: () => metaDialogContent,
-  metaDialogDescription: () => metaDialogDescription,
-  metaDialogOverlay: () => metaDialogOverlay,
-  metaDialogTitle: () => metaDialogTitle,
-  metaDialogTrigger: () => metaDialogTrigger,
-  propsMetaDialog: () => propsMetaDialog,
-  propsMetaDialogClose: () => propsMetaDialogClose,
-  propsMetaDialogContent: () => propsMetaDialogContent,
-  propsMetaDialogDescription: () => propsMetaDialogDescription,
-  propsMetaDialogOverlay: () => propsMetaDialogOverlay,
-  propsMetaDialogTitle: () => propsMetaDialogTitle,
-  propsMetaDialogTrigger: () => propsMetaDialogTrigger
-});
-module.exports = __toCommonJS(dialog_ws_exports);
-var import_svg = require("@webstudio-is/icons/svg");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var tc = __toESM(require("./theme/tailwind-classes"), 1);
-var import_dialog = require("./__generated__/dialog.props");
-var import_styles = require("./theme/styles");
-const presetStyle = {
-  div: import_css_normalize.div
-};
-const titlePresetStyle = {
-  h2: import_css_normalize.h2
-};
-const descriptionPresetStyle = {
-  p: import_css_normalize.p
-};
-const metaDialogTrigger = {
-  category: "hidden",
-  type: "container",
-  icon: import_svg.TriggerIcon,
-  stylable: false,
-  detachable: false
-};
-const metaDialogContent = {
-  category: "hidden",
-  type: "container",
-  presetStyle,
-  icon: import_svg.ContentIcon,
-  detachable: false
-};
-const metaDialogOverlay = {
-  category: "hidden",
-  type: "container",
-  presetStyle,
-  icon: import_svg.OverlayIcon,
-  detachable: false
-};
-const metaDialogTitle = {
-  category: "hidden",
-  type: "container",
-  presetStyle: titlePresetStyle,
-  icon: import_svg.HeadingIcon
-};
-const metaDialogDescription = {
-  category: "hidden",
-  type: "container",
-  presetStyle: descriptionPresetStyle,
-  icon: import_svg.TextIcon
-};
-const metaDialogClose = {
-  category: "hidden",
-  type: "container",
-  presetStyle: {
-    button: [import_styles.buttonReset, import_css_normalize.button].flat()
-  },
-  icon: import_svg.ButtonElementIcon,
-  label: "Close Button"
-};
-const metaDialog = {
-  category: "radix",
-  order: 4,
-  type: "container",
-  icon: import_svg.DialogIcon,
-  stylable: false,
-  description: "Displays content with an overlay that covers the window, triggered by a button. Clicking the overlay will close the dialog.",
-  template: [
-    {
-      type: "instance",
-      component: "Dialog",
-      dataSources: {
-        dialogOpen: { type: "variable", initialValue: false }
-      },
-      props: [
-        {
-          type: "dataSource",
-          name: "open",
-          dataSourceName: "dialogOpen"
-        },
-        {
-          name: "onOpenChange",
-          type: "action",
-          value: [
-            { type: "execute", args: ["open"], code: `dialogOpen = open` }
-          ]
-        }
-      ],
-      children: [
-        {
-          type: "instance",
-          component: "DialogTrigger",
-          children: [
-            {
-              type: "instance",
-              component: "Button",
-              styles: (0, import_styles.getButtonStyles)("outline"),
-              children: [{ type: "text", value: "Button" }]
-            }
-          ]
-        },
-        {
-          type: "instance",
-          component: "DialogOverlay",
-          /**
-           * fixed inset-0 z-50 bg-background/80 backdrop-blur-sm
-           * flex
-           **/
-          styles: [
-            tc.fixed(),
-            tc.inset(0),
-            tc.z(50),
-            tc.bg("background", 80),
-            tc.backdropBlur("sm"),
-            // To allow positioning Content
-            tc.flex(),
-            tc.overflow("auto")
-          ].flat(),
-          children: [
-            {
-              type: "instance",
-              component: "DialogContent",
-              /**
-               * fixed w-full z-50
-               * grid gap-4 max-w-lg
-               * m-auto
-               * border bg-background p-6 shadow-lg
-               **/
-              styles: [
-                tc.w("full"),
-                tc.z(50),
-                tc.flex(),
-                tc.flex("col"),
-                tc.gap(4),
-                tc.m("auto"),
-                tc.maxW("lg"),
-                tc.border(),
-                tc.bg("background"),
-                tc.p(6),
-                tc.shadow("lg"),
-                tc.relative()
-              ].flat(),
-              children: [
-                {
-                  type: "instance",
-                  component: "Box",
-                  label: "Dialog Header",
-                  styles: [tc.flex(), tc.flex("col"), tc.gap(1)].flat(),
-                  children: [
-                    {
-                      type: "instance",
-                      component: "DialogTitle",
-                      /**
-                       * text-lg leading-none tracking-tight
-                       **/
-                      styles: [
-                        tc.my(0),
-                        tc.leading("none"),
-                        tc.text("lg"),
-                        tc.tracking("tight")
-                      ].flat(),
-                      children: [
-                        {
-                          type: "text",
-                          value: "Dialog Title"
-                        }
-                      ]
-                    },
-                    {
-                      type: "instance",
-                      component: "DialogDescription",
-                      /**
-                       * text-sm text-muted-foreground
-                       **/
-                      styles: [
-                        tc.my(0),
-                        tc.text("sm"),
-                        tc.text("mutedForeground")
-                      ].flat(),
-                      children: [
-                        {
-                          type: "text",
-                          value: "Dialog description text you can edit"
-                        }
-                      ]
-                    }
-                  ]
-                },
-                {
-                  type: "instance",
-                  component: "Text",
-                  children: [{ type: "text", value: "The text you can edit" }]
-                },
-                {
-                  type: "instance",
-                  component: "DialogClose",
-                  /**
-                   * absolute right-4 top-4
-                   * rounded-sm opacity-70
-                   * ring-offset-background
-                   * hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
-                   * flex items-center justify-center h-4 w-4
-                   **/
-                  styles: [
-                    tc.absolute(),
-                    tc.right(4),
-                    tc.top(4),
-                    tc.rounded("sm"),
-                    tc.opacity(70),
-                    tc.flex(),
-                    tc.items("center"),
-                    tc.justify("center"),
-                    tc.h(4),
-                    tc.w(4),
-                    tc.border(0),
-                    tc.bg("transparent"),
-                    tc.outline("none"),
-                    tc.hover(tc.opacity(100)),
-                    tc.focus(tc.ring("ring", 2, "background", 2))
-                  ].flat(),
-                  children: [
-                    {
-                      type: "instance",
-                      component: "HtmlEmbed",
-                      label: "Close Icon",
-                      props: [
-                        {
-                          type: "string",
-                          name: "code",
-                          value: import_svg.LargeXIcon
-                        }
-                      ],
-                      children: []
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-};
-const propsMetaDialog = {
-  props: import_dialog.propsDialog,
-  initialProps: ["open"]
-};
-const propsMetaDialogTrigger = {
-  props: import_dialog.propsDialogTrigger
-};
-const propsMetaDialogContent = {
-  props: import_dialog.propsDialogContent,
-  initialProps: []
-};
-const propsMetaDialogOverlay = {
-  props: import_dialog.propsDialogOverlay,
-  initialProps: []
-};
-const propsMetaDialogClose = {
-  props: import_dialog.propsDialogClose,
-  initialProps: []
-};
-const propsMetaDialogTitle = {
-  props: import_dialog.propsDialogTitle,
-  initialProps: []
-};
-const propsMetaDialogDescription = {
-  props: import_dialog.propsDialogDescription,
-  initialProps: []
-};

package/lib/cjs/hooks.js

@@ -1,43 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var hooks_exports = {};
-__export(hooks_exports, {
-  hooks: () => hooks
-});
-module.exports = __toCommonJS(hooks_exports);
-var import_collapsible = require("./collapsible");
-var import_tabs = require("./tabs");
-var import_dialog = require("./dialog");
-var import_popover = require("./popover");
-var import_sheet = require("./sheet");
-var import_tooltip = require("./tooltip");
-var import_accordion = require("./accordion");
-var import_navigation_menu = require("./navigation-menu");
-var import_select = require("./select");
-const hooks = [
-  import_collapsible.hooksCollapsible,
-  import_tabs.hooksTabs,
-  import_dialog.hooksDialog,
-  import_popover.hooksPopover,
-  import_sheet.hooksSheet,
-  import_tooltip.hooksTooltip,
-  import_accordion.hooksAccordion,
-  import_navigation_menu.hooksNavigationMenu,
-  import_select.hooksSelect
-];

package/lib/cjs/label.js

@@ -1,37 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var label_exports = {};
-__export(label_exports, {
-  Label: () => Label
-});
-module.exports = __toCommonJS(label_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
-const Label = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelPrimitive.Root, { ref, ...props }));

package/lib/cjs/label.ws.js

@@ -1,75 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var label_ws_exports = {};
-__export(label_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(label_ws_exports);
-var import_svg = require("@webstudio-is/icons/svg");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_label = require("./__generated__/label.props");
-var tc = __toESM(require("./theme/tailwind-classes"), 1);
-const presetStyle = {
-  label: import_css_normalize.label
-};
-const meta = {
-  category: "radix",
-  order: 102,
-  type: "container",
-  icon: import_svg.LabelIcon,
-  presetStyle,
-  states: import_react_sdk.defaultStates,
-  description: "An accessible label to describe the purpose of an input. Match the \u201CFor\u201D property on the label with the \u201CID\u201D of the input to connect them.",
-  template: [
-    {
-      type: "instance",
-      component: "Label",
-      styles: [
-        // text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70
-        tc.text("sm"),
-        tc.font("medium"),
-        tc.leading("none")
-        // We are not supporting peer like styles yet
-      ].flat(),
-      children: [{ type: "text", value: "Form Label" }]
-    }
-  ]
-};
-const propsMeta = {
-  props: {
-    ...import_label.props,
-    htmlFor: {
-      ...import_label.props.htmlFor,
-      label: "For"
-    }
-  },
-  initialProps: ["id", "htmlFor"]
-};