@webstudio-is/sdk-components-react-radix 0.87.1 → 0.89.0

package/lib/cjs/button.ws.js

@@ -1,160 +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 button_ws_exports = {};
-__export(button_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta,
-  template: () => template
-});
-module.exports = __toCommonJS(button_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_button = require("./__generated__/button.props");
-var tc = __toESM(require("./theme/tailwind-classes"), 1);
-const presetStyle = {
-  button: import_css_normalize.button
-};
-const template = (props2) => [
-  {
-    type: "instance",
-    component: "Button",
-    styles: [
-      // 'inline-flex items-center justify-center rounded-md text-sm font-medium
-      // ring-offset-background transition-colors
-      // focus-visible:outline-none focus-visible:ring-2
-      // focus-visible:ring-ring focus-visible:ring-offset-2
-      // disabled:pointer-events-none disabled:opacity-50'
-      tc.border(0),
-      tc.bg("transparent"),
-      tc.inlineFlex(),
-      tc.items("center"),
-      tc.justify("center"),
-      tc.rounded("md"),
-      tc.text("sm"),
-      tc.font("medium"),
-      tc.focusVisible(
-        [tc.outline("none"), tc.ring("ring", 2, "background", 2)].flat()
-      ),
-      tc.state([tc.pointerEvents("none"), tc.opacity(50)].flat(), ":disabled"),
-      // VARIANT
-      // default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-      tc.state(
-        [tc.bg("primary"), tc.text("primaryForeground")].flat(),
-        "[data-variant=default]"
-      ),
-      tc.state(
-        [[tc.bg("primary", 90)].flat()].flat(),
-        "[data-variant=default]:hover"
-      ),
-      // destructive:'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-      tc.state(
-        [tc.bg("destructive"), tc.text("destructiveForeground")].flat(),
-        "[data-variant=destructive]"
-      ),
-      tc.state(
-        [[tc.bg("destructive", 90)].flat()].flat(),
-        "[data-variant=destructive]:hover"
-      ),
-      // outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-      tc.state(
-        [tc.border(), tc.border("input"), tc.bg("background")].flat(),
-        "[data-variant=outline]"
-      ),
-      tc.state(
-        [[tc.bg("accent", 90), tc.text("accentForeground")].flat()].flat(),
-        "[data-variant=outline]:hover"
-      ),
-      // secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-      tc.state(
-        [tc.bg("secondary"), tc.text("secondaryForeground")].flat(),
-        "[data-variant=secondary]"
-      ),
-      tc.state(
-        [[tc.bg("secondary", 80)].flat()].flat(),
-        "[data-variant=secondary]:hover"
-      ),
-      // ghost: 'hover:bg-accent hover:text-accent-foreground',
-      tc.state(
-        [[tc.bg("accent"), tc.text("accentForeground")].flat()].flat(),
-        "[data-variant=ghost]:hover"
-      ),
-      // link: 'text-primary underline-offset-4 hover:underline',
-      tc.state(
-        [tc.text("primary"), tc.underlineOffset(4)].flat(),
-        "[data-variant=link]"
-      ),
-      tc.state([[tc.underline()].flat()].flat(), "[data-variant=link]:hover"),
-      // SIZE
-      // default: 'h-10 px-4 py-2',
-      tc.state([tc.h(10), tc.px(4), tc.py(2)].flat(), "[data-size=default]"),
-      // sm: 'h-9 rounded-md px-3',
-      tc.state([tc.h(10), tc.px(3)].flat(), "[data-size=sm]"),
-      // lg: 'h-11 rounded-md px-8',
-      tc.state([tc.h(11), tc.px(8)].flat(), "[data-size=lg]"),
-      // icon: 'h-10 w-10',
-      tc.state([tc.h(10), tc.w(10)].flat(), "[data-size=icon]")
-    ].flat(),
-    children: props2?.children ?? [{ type: "text", value: "Button" }],
-    props: props2?.props
-  }
-];
-const meta = {
-  category: "radix",
-  type: "container",
-  invalidAncestors: ["Button"],
-  icon: import_svg.ButtonElementIcon,
-  presetStyle,
-  states: [
-    ...import_react_sdk.defaultStates,
-    { selector: ":disabled", label: "Disabled" },
-    { selector: ":enabled", label: "Enabled" },
-    { selector: "[data-variant=default]", label: "Default" },
-    { selector: "[data-variant=default]:hover", label: "Default Hover" },
-    { selector: "[data-variant=destructive]", label: "Destructive" },
-    {
-      selector: "[data-variant=destructive]:hover",
-      label: "Destructive Hover"
-    },
-    { selector: "[data-variant=outline]", label: "Outline" },
-    { selector: "[data-variant=outline]:hover", label: "Outline Hover" },
-    { selector: "[data-variant=secondary]", label: "Secondary" },
-    { selector: "[data-variant=secondary]:hover", label: "Secondary Hover" },
-    { selector: "[data-variant=ghost]", label: "Ghost" },
-    { selector: "[data-variant=ghost]:hover", label: "Ghost Hover" },
-    { selector: "[data-variant=link]", label: "Link" },
-    { selector: "[data-variant=link]:hover", label: "Link Hover" }
-  ],
-  order: 1,
-  template: template()
-};
-const propsMeta = {
-  props: import_button.props,
-  initialProps: ["id", "type", "variant", "size", "aria-label"]
-};

package/lib/cjs/input.ws.js

@@ -1,103 +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 input_ws_exports = {};
-__export(input_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(input_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_input = require("./__generated__/input.props");
-var tc = __toESM(require("./theme/tailwind-classes"), 1);
-const presetStyle = {
-  input: import_css_normalize.input
-};
-const meta = {
-  category: "radix",
-  type: "control",
-  invalidAncestors: ["Button"],
-  icon: import_svg.FormTextFieldIcon,
-  presetStyle,
-  states: [
-    ...import_react_sdk.defaultStates,
-    { selector: ":disabled", label: "Disabled" },
-    { selector: "::placeholder", label: "Placeholder" },
-    { selector: "::file-selector-button", label: "File Selector Button" },
-    // @todo share https://github.com/webstudio-is/webstudio-builder/issues/2102
-    { selector: ":valid", label: "Valid" },
-    { selector: ":invalid", label: "Invalid" },
-    { selector: ":required", label: "Required" },
-    { selector: ":optional", label: "Optional" },
-    { selector: ":enabled", label: "Enabled" },
-    { selector: ":read-only", label: "Read Only" },
-    { selector: ":read-write", label: "Read Write" }
-  ],
-  order: 1,
-  template: [
-    {
-      type: "instance",
-      component: "Input",
-      styles: [
-        // flex h-10 w-full rounded-md border border-input bg-background
-        // px-3 py-2 text-sm
-        // ring-offset-background
-        // file:border-0 file:bg-transparent file:text-sm file:font-medium
-        // placeholder:text-muted-foreground
-        // focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
-        // disabled:cursor-not-allowed disabled:opacity-50"
-        tc.flex(),
-        tc.h(10),
-        tc.w("full"),
-        tc.rounded("md"),
-        tc.border(),
-        tc.border("input"),
-        tc.bg("background"),
-        tc.px(3),
-        tc.py(2),
-        tc.text("sm"),
-        tc.state(
-          [tc.border(0), tc.bg("transparent"), tc.font("medium")].flat(),
-          "::file-selector-button"
-        ),
-        tc.state(tc.text("mutedForeground"), "::placeholder"),
-        tc.focusVisible(
-          [tc.outline("none"), tc.ring("ring", 2, "background", 2)].flat()
-        ),
-        tc.disabled([tc.cursor("not-allowed"), tc.opacity(50)].flat())
-      ].flat(),
-      children: []
-    }
-  ]
-};
-const propsMeta = {
-  props: import_input.props,
-  initialProps: ["id", "name", "type", "placeholder", "required", "autoFocus"]
-};

package/lib/cjs/textarea.ws.js

@@ -1,98 +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 textarea_ws_exports = {};
-__export(textarea_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(textarea_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_textarea = require("./__generated__/textarea.props");
-var tc = __toESM(require("./theme/tailwind-classes"), 1);
-const presetStyle = {
-  textarea: import_css_normalize.textarea
-};
-const meta = {
-  category: "radix",
-  type: "control",
-  invalidAncestors: ["Button"],
-  icon: import_svg.FormTextAreaIcon,
-  presetStyle,
-  states: [
-    ...import_react_sdk.defaultStates,
-    { selector: ":disabled", label: "Disabled" },
-    { selector: "::placeholder", label: "Placeholder" },
-    // @todo share https://github.com/webstudio-is/webstudio-builder/issues/2102
-    { selector: ":valid", label: "Valid" },
-    { selector: ":invalid", label: "Invalid" },
-    { selector: ":required", label: "Required" },
-    { selector: ":optional", label: "Optional" },
-    { selector: ":enabled", label: "Enabled" },
-    { selector: ":read-only", label: "Read Only" },
-    { selector: ":read-write", label: "Read Write" }
-  ],
-  order: 1,
-  template: [
-    {
-      type: "instance",
-      component: "Textarea",
-      styles: [
-        // flex min-h-[80px] w-full rounded-md
-        // border border-input bg-background
-        // px-3 py-2 text-sm ring-offset-background
-        // placeholder:text-muted-foreground
-        // focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring
-        // focus-visible:ring-offset-2
-        // disabled:cursor-not-allowed disabled:opacity-50
-        tc.flex(),
-        tc.minH(20),
-        tc.w("full"),
-        tc.rounded("md"),
-        tc.border(),
-        tc.border("input"),
-        tc.bg("background"),
-        tc.px(3),
-        tc.py(2),
-        tc.text("sm"),
-        tc.state(tc.text("mutedForeground"), "::placeholder"),
-        tc.focusVisible(
-          [tc.outline("none"), tc.ring("ring", 2, "background", 2)].flat()
-        ),
-        tc.disabled([tc.cursor("not-allowed"), tc.opacity(50)].flat())
-      ].flat(),
-      children: []
-    }
-  ]
-};
-const propsMeta = {
-  props: import_textarea.props,
-  initialProps: ["id", "name", "placeholder", "required", "autoFocus"]
-};

package/lib/input.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const Input = forwardRef(({ children: _children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx("input", { ref, ...props });
-});
-export {
-  Input
-};

package/lib/input.ws.js

@@ -1,75 +0,0 @@
-import { FormTextFieldIcon } from "@webstudio-is/icons/svg";
-import {
-  defaultStates
-} from "@webstudio-is/react-sdk";
-import { input } from "@webstudio-is/react-sdk/css-normalize";
-import { props } from "./__generated__/input.props";
-import * as tc from "./theme/tailwind-classes";
-const presetStyle = {
-  input
-};
-const meta = {
-  category: "radix",
-  type: "control",
-  invalidAncestors: ["Button"],
-  icon: FormTextFieldIcon,
-  presetStyle,
-  states: [
-    ...defaultStates,
-    { selector: ":disabled", label: "Disabled" },
-    { selector: "::placeholder", label: "Placeholder" },
-    { selector: "::file-selector-button", label: "File Selector Button" },
-    // @todo share https://github.com/webstudio-is/webstudio-builder/issues/2102
-    { selector: ":valid", label: "Valid" },
-    { selector: ":invalid", label: "Invalid" },
-    { selector: ":required", label: "Required" },
-    { selector: ":optional", label: "Optional" },
-    { selector: ":enabled", label: "Enabled" },
-    { selector: ":read-only", label: "Read Only" },
-    { selector: ":read-write", label: "Read Write" }
-  ],
-  order: 1,
-  template: [
-    {
-      type: "instance",
-      component: "Input",
-      styles: [
-        // flex h-10 w-full rounded-md border border-input bg-background
-        // px-3 py-2 text-sm
-        // ring-offset-background
-        // file:border-0 file:bg-transparent file:text-sm file:font-medium
-        // placeholder:text-muted-foreground
-        // focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
-        // disabled:cursor-not-allowed disabled:opacity-50"
-        tc.flex(),
-        tc.h(10),
-        tc.w("full"),
-        tc.rounded("md"),
-        tc.border(),
-        tc.border("input"),
-        tc.bg("background"),
-        tc.px(3),
-        tc.py(2),
-        tc.text("sm"),
-        tc.state(
-          [tc.border(0), tc.bg("transparent"), tc.font("medium")].flat(),
-          "::file-selector-button"
-        ),
-        tc.state(tc.text("mutedForeground"), "::placeholder"),
-        tc.focusVisible(
-          [tc.outline("none"), tc.ring("ring", 2, "background", 2)].flat()
-        ),
-        tc.disabled([tc.cursor("not-allowed"), tc.opacity(50)].flat())
-      ].flat(),
-      children: []
-    }
-  ]
-};
-const propsMeta = {
-  props,
-  initialProps: ["id", "name", "type", "placeholder", "required", "autoFocus"]
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/textarea.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const Textarea = forwardRef(({ children: _children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx("textarea", { ref, ...props });
-});
-export {
-  Textarea
-};

package/lib/textarea.ws.js

@@ -1,70 +0,0 @@
-import { FormTextAreaIcon } from "@webstudio-is/icons/svg";
-import {
-  defaultStates
-} from "@webstudio-is/react-sdk";
-import { textarea } from "@webstudio-is/react-sdk/css-normalize";
-import { props } from "./__generated__/textarea.props";
-import * as tc from "./theme/tailwind-classes";
-const presetStyle = {
-  textarea
-};
-const meta = {
-  category: "radix",
-  type: "control",
-  invalidAncestors: ["Button"],
-  icon: FormTextAreaIcon,
-  presetStyle,
-  states: [
-    ...defaultStates,
-    { selector: ":disabled", label: "Disabled" },
-    { selector: "::placeholder", label: "Placeholder" },
-    // @todo share https://github.com/webstudio-is/webstudio-builder/issues/2102
-    { selector: ":valid", label: "Valid" },
-    { selector: ":invalid", label: "Invalid" },
-    { selector: ":required", label: "Required" },
-    { selector: ":optional", label: "Optional" },
-    { selector: ":enabled", label: "Enabled" },
-    { selector: ":read-only", label: "Read Only" },
-    { selector: ":read-write", label: "Read Write" }
-  ],
-  order: 1,
-  template: [
-    {
-      type: "instance",
-      component: "Textarea",
-      styles: [
-        // flex min-h-[80px] w-full rounded-md
-        // border border-input bg-background
-        // px-3 py-2 text-sm ring-offset-background
-        // placeholder:text-muted-foreground
-        // focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring
-        // focus-visible:ring-offset-2
-        // disabled:cursor-not-allowed disabled:opacity-50
-        tc.flex(),
-        tc.minH(20),
-        tc.w("full"),
-        tc.rounded("md"),
-        tc.border(),
-        tc.border("input"),
-        tc.bg("background"),
-        tc.px(3),
-        tc.py(2),
-        tc.text("sm"),
-        tc.state(tc.text("mutedForeground"), "::placeholder"),
-        tc.focusVisible(
-          [tc.outline("none"), tc.ring("ring", 2, "background", 2)].flat()
-        ),
-        tc.disabled([tc.cursor("not-allowed"), tc.opacity(50)].flat())
-      ].flat(),
-      children: []
-    }
-  ]
-};
-const propsMeta = {
-  props,
-  initialProps: ["id", "name", "placeholder", "required", "autoFocus"]
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/types/button.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-type ButtonVariants = {
-    variant: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
-    size: "default" | "sm" | "lg" | "icon";
-};
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & ButtonVariants & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

package/lib/types/button.stories.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
-import { Button as ButtonPrimitive } from "./button";
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        variant: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost";
-        size: "default" | "icon" | "sm" | "lg";
-    } & import("react").RefAttributes<HTMLButtonElement>>;
-    argTypes: {
-        variant: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Button: StoryObj<typeof ButtonPrimitive>;

package/lib/types/button.ws.d.ts

@@ -1,7 +0,0 @@
-import { EmbedTemplateInstance, type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
-export declare const template: (props?: {
-    props?: EmbedTemplateInstance["props"];
-    children?: WsComponentMeta["template"];
-} | undefined) => NonNullable<WsComponentMeta["template"]>;
-export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/input.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/lib/types/input.stories.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
-import { Input as InputPrimitive } from "./input";
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-    argTypes: {
-        placeholder: {
-            type: "string";
-        };
-        type: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Input: StoryObj<typeof InputPrimitive>;

package/lib/types/input.ws.d.ts

@@ -1,3 +0,0 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
-export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/textarea.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/lib/types/textarea.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
-import { Textarea as TextareaPrimitive } from "./textarea";
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-    argTypes: {
-        placeholder: {
-            type: "string";
-        };
-    };
-};
-export default _default;
-export declare const Textarea: StoryObj<typeof TextareaPrimitive>;

package/lib/types/textarea.ws.d.ts

@@ -1,3 +0,0 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
-export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/src/button.tsx

@@ -1,25 +0,0 @@
-/* eslint-disable react/display-name */
-// We can't use .displayName until this is merged https://github.com/styleguidist/react-docgen-typescript/pull/449
-
-import { forwardRef, type ComponentPropsWithoutRef } from "react";
-
-type ButtonVariants = {
-  variant:
-    | "default"
-    | "destructive"
-    | "outline"
-    | "secondary"
-    | "ghost"
-    | "link";
-
-  size: "default" | "sm" | "lg" | "icon";
-};
-
-export const Button = forwardRef<
-  HTMLButtonElement,
-  ComponentPropsWithoutRef<"button"> & ButtonVariants
->(({ variant = "default", size = "default", ...props }, ref) => {
-  return (
-    <button ref={ref} data-size={size} data-variant={variant} {...props} />
-  );
-});