@webstudio-is/sdk-components-react-radix 0.99.1-e132cba.0 → 0.100.0

package/lib/components.js

@@ -103,11 +103,11 @@ var Tabs = Root5;
 var TabsList = List;
 var TabsTrigger = forwardRef5(({ value, ...props }, ref) => {
   const index = getIndexWithinAncestorFromComponentProps(props);
-  return /* @__PURE__ */ jsx5(Trigger5, { ref, value: value ?? index, ...props });
+  return /* @__PURE__ */ jsx5(Trigger5, { ref, value: value ?? index ?? "", ...props });
 });
 var TabsContent = forwardRef5(({ value, ...props }, ref) => {
   const index = getIndexWithinAncestorFromComponentProps(props);
-  return /* @__PURE__ */ jsx5(Content5, { ref, value: value ?? index, ...props });
+  return /* @__PURE__ */ jsx5(Content5, { ref, value: value ?? index ?? "", ...props });
 });
 
 // src/label.tsx
@@ -139,7 +139,7 @@ var Accordion = forwardRef7((props, ref) => {
 });
 var AccordionItem = forwardRef7(({ value, ...props }, ref) => {
   const index = getIndexWithinAncestorFromComponentProps2(props);
-  return /* @__PURE__ */ jsx7(Item, { ref, value: value ?? index, ...props });
+  return /* @__PURE__ */ jsx7(Item, { ref, value: value ?? index ?? "", ...props });
 });
 var AccordionHeader = Header;
 var AccordionTrigger = Trigger6;

package/lib/hooks.js

@@ -40,11 +40,11 @@ import {
 import { jsx as jsx2 } from "react/jsx-runtime";
 var TabsTrigger = forwardRef2(({ value, ...props }, ref) => {
   const index = getIndexWithinAncestorFromComponentProps(props);
-  return /* @__PURE__ */ jsx2(Trigger2, { ref, value: value ?? index, ...props });
+  return /* @__PURE__ */ jsx2(Trigger2, { ref, value: value ?? index ?? "", ...props });
 });
 var TabsContent = forwardRef2(({ value, ...props }, ref) => {
   const index = getIndexWithinAncestorFromComponentProps(props);
-  return /* @__PURE__ */ jsx2(Content2, { ref, value: value ?? index, ...props });
+  return /* @__PURE__ */ jsx2(Content2, { ref, value: value ?? index ?? "", ...props });
 });
 var namespace2 = "@webstudio-is/sdk-components-react-radix";
 var hooksTabs = {
@@ -305,7 +305,7 @@ var Accordion = forwardRef7((props, ref) => {
 });
 var AccordionItem = forwardRef7(({ value, ...props }, ref) => {
   const index = getIndexWithinAncestorFromComponentProps2(props);
-  return /* @__PURE__ */ jsx7(Item, { ref, value: value ?? index, ...props });
+  return /* @__PURE__ */ jsx7(Item, { ref, value: value ?? index ?? "", ...props });
 });
 var namespace7 = "@webstudio-is/sdk-components-react-radix";
 var hooksAccordion = {

package/lib/props.js

@@ -12120,7 +12120,8 @@ var propsMetaAccordion = {
   initialProps: ["value", "collapsible"]
 };
 var propsMetaAccordionItem = {
-  props: propsAccordionItem
+  props: propsAccordionItem,
+  initialProps: ["value"]
 };
 var propsMetaAccordionHeader = {
   props: propsAccordionHeader

package/lib/types/accordion.d.ts

@@ -1,11 +1,13 @@
-import { type ComponentPropsWithoutRef, type ForwardRefExoticComponent, type ComponentPropsWithRef } from "react";
+import { type ForwardRefExoticComponent, type ComponentPropsWithRef } from "react";
 import { Header, Trigger, Content } from "@radix-ui/react-accordion";
 import { type Hook } from "@webstudio-is/react-sdk";
-export declare const Accordion: ForwardRefExoticComponent<Omit<ComponentPropsWithoutRef<ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>>, "type" | "value" | "defaultValue" | "asChild" | "onValueChange"> & {
+export declare const Accordion: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionSingleProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "type" | "value" | "defaultValue" | "asChild" | "onValueChange"> & {
     value: string;
     onValueChange: (value: string) => void;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export declare const AccordionItem: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "asChild"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "value"> & {
+    value?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export declare const AccordionHeader: ForwardRefExoticComponent<Omit<ComponentPropsWithRef<typeof Header>, "asChild">>;
 export declare const AccordionTrigger: ForwardRefExoticComponent<Omit<ComponentPropsWithRef<typeof Trigger>, "asChild">>;
 export declare const AccordionContent: ForwardRefExoticComponent<Omit<ComponentPropsWithRef<typeof Content>, "asChild">>;

package/lib/types/tabs.d.ts

@@ -3,6 +3,10 @@ import { Root } from "@radix-ui/react-tabs";
 import { type Hook } from "@webstudio-is/react-sdk";
 export declare const Tabs: ForwardRefExoticComponent<Omit<ComponentPropsWithRef<typeof Root>, "asChild" | "defaultValue">>;
 export declare const TabsList: ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const TabsTrigger: ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TabsContent: ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref">, "value"> & {
+    value?: string | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "value"> & {
+    value?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export declare const hooksTabs: Hook;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-radix",
-  "version": "0.99.1-e132cba.0",
+  "version": "0.100.0",
   "description": "Webstudio wrapper for radix library",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -55,9 +55,9 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.6",
-    "@webstudio-is/css-engine": "^0.99.1-e132cba.0",
-    "@webstudio-is/icons": "^0.99.1-e132cba.0",
-    "@webstudio-is/react-sdk": "^0.99.1-e132cba.0"
+    "@webstudio-is/css-engine": "0.100.0",
+    "@webstudio-is/icons": "0.100.0",
+    "@webstudio-is/react-sdk": "0.100.0"
   },
   "devDependencies": {
     "@storybook/react": "^7.4.0",
@@ -67,17 +67,19 @@
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.2.2",
-    "@webstudio-is/css-data": "^0.99.1-e132cba.0",
-    "@webstudio-is/generate-arg-types": "^0.99.1-e132cba.0",
-    "@webstudio-is/sdk-components-react": "^0.99.1-e132cba.0",
-    "@webstudio-is/storybook-config": "^0.0.1-e132cba.0",
-    "@webstudio-is/tsconfig": "^1.0.8-e132cba.0"
+    "@webstudio-is/css-data": "0.100.0",
+    "@webstudio-is/generate-arg-types": "0.100.0",
+    "@webstudio-is/sdk-cli": "^0.94.0",
+    "@webstudio-is/sdk-components-react": "0.100.0",
+    "@webstudio-is/storybook-config": "0.0.0",
+    "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {
     "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
     "build": "rm -rf lib && esbuild src/components.ts src/metas.ts src/props.ts src/hooks.ts --outdir=lib --bundle --format=esm --packages=external",
     "build:args": "NODE_OPTIONS=--conditions=source generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.tsx' -e asChild -e modal -e defaultValue -e defaultOpen -e defaultChecked && prettier --write \"**/*.props.ts\"",
     "build:tailwind": "tsx scripts/generate-tailwind-theme.ts && prettier --write src/theme/__generated__",
+    "build:stories": "webstudio-sdk generate-stories && prettier --write \"src/__generated__/*.stories.tsx\"",
     "dts": "tsc --project tsconfig.dts.json",
     "typecheck": "tsc",
     "checks": "pnpm typecheck",

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
-import { Checkbox as CheckboxPrimitive } from "./checkbox";
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "checked"> & {
-        checked: boolean;
-    }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-};
-export default _default;
-export declare const Checkbox: StoryObj<typeof CheckboxPrimitive>;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
-import { Label as LabelPrimitive } from "./label";
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-label").LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref">, "asChild"> & import("react").RefAttributes<HTMLLabelElement>>;
-};
-export default _default;
-export declare const Label: StoryObj<typeof LabelPrimitive>;

package/lib/types/radio-group.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
-import { RadioGroup as RadioGroupPrimitive } from "./radio-group";
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-};
-export default _default;
-export declare const RadioGroup: StoryObj<typeof RadioGroupPrimitive>;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
-import { Switch as SwitchPrimitive } from "./switch";
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
-};
-export default _default;
-export declare const Switch: StoryObj<typeof SwitchPrimitive>;