notionsoft-ui 1.0.30 → 1.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "notionsoft-ui",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "A React UI component installer (shadcn-style). Installs components directly into your project.",
   "bin": {
     "notionsoft-ui": "./cli/index.cjs"

package/src/notion-ui/multi-tab-input/multi-tab-input.tsx

@@ -3,13 +3,7 @@ import { cn } from "../../utils/cn";
 import AnimatedItem from "../animated-item";
 import type { TabState } from "../tab/tab";
 import Input, { NastranInputSize } from "../input/input";
-import Tab from "../tab/tab";
-
-// OptionalTabs wrapper
-export function OptionalTabs({ children }: { children: React.ReactNode }) {
-  return <>{children}</>;
-}
-OptionalTabs.displayName = "OptionalTabs";
+import { OptionalTabs, Tab } from "../tab/tab";
 
 export interface MultiTabInputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {

package/src/notion-ui/multi-tab-input/multi.tab.input.stories.tsx

@@ -1,8 +1,8 @@
 import { useState } from "react";
 import type { Meta, StoryObj } from "@storybook/react";
 
-import MultiTabInput, { OptionalTabs } from "./multi-tab-input";
-import Tab from "../tab/tab";
+import { OptionalTabs, Tab } from "../tab/tab";
+import MultiTabInput from "./multi-tab-input";
 
 const meta: Meta<typeof MultiTabInput> = {
   title: "Form/MultiTabInput",

package/src/notion-ui/multi-tab-textarea/multi-tab-textarea.tsx

@@ -2,14 +2,7 @@ import React, { type ReactElement, useState, useMemo } from "react";
 import { cn } from "../../utils/cn";
 import Textarea from "../textarea";
 import AnimatedItem from "../animated-item";
-import type { TabState } from "../tab/tab";
-import Tab from "../tab/tab";
-
-// OptionalTabs wrapper
-export function OptionalTabs({ children }: { children: React.ReactNode }) {
-  return <>{children}</>;
-}
-OptionalTabs.displayName = "OptionalTabs";
+import type { OptionalTabs, Tab, TabState } from "../tab/tab";
 
 export interface MultiTabTextareaProps
   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {

package/src/notion-ui/multi-tab-textarea/multi.tab.textarea.stories.tsx

@@ -1,8 +1,8 @@
 import { useState } from "react";
 import type { Meta, StoryObj } from "@storybook/react";
 
-import MultiTabTextarea, { OptionalTabs } from "./multi-tab-textarea";
-import Tab from "../tab/tab";
+import { OptionalTabs, Tab } from "../tab/tab";
+import MultiTabTextarea from "../multi-tab-textarea";
 
 const meta: Meta<typeof MultiTabTextarea> = {
   title: "Form/MultiTabTextarea",

package/src/notion-ui/tab/tab.tsx

@@ -12,7 +12,7 @@ interface TabProps {
   state?: TabState; // <-- now strongly typed
   optional?: boolean;
 }
-export default function Tab({
+export function Tab({
   children,
   className,
   onClick,
@@ -44,3 +44,8 @@ export default function Tab({
 }
 
 Tab.displayName = "Tab";
+
+export function OptionalTabs({ children }: { children: React.ReactNode }) {
+  return <>{children}</>;
+}
+OptionalTabs.displayName = "OptionalTabs";