@kinetixui/ui 0.4.3 → 0.5.1

package/src/stories/Slider.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx · controls: scripts/gen-stories.mjs CONTROLS */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Slider } from "@kinetixui/ui";
 
 const Demo = () => <Slider defaultValue={[50]} max={100} step={1} className="w-[60%]" />;
@@ -13,7 +13,7 @@ const meta = {
   argTypes: { disabled: { control: "boolean" } },
   parameters: {
     layout: "centered",
-    docs: { source: { code: `<Slider defaultValue={[50]} max={100} step={1} />`, language: "tsx" } },
+    docs: { source: { code: "<Slider defaultValue={[50]} max={100} step={1} />", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/Sonner.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Button, Toaster, toast } from "@kinetixui/ui";
 
 const Demo = () => (
@@ -17,7 +17,7 @@ const meta = {
   title: "Feedback/Sonner",
   parameters: {
     layout: "centered",
-    docs: { source: { code: `// app/layout.tsx\n<Toaster />\n\n// anywhere\ntoast("Event created", { description: "Sunday, December 03" })`, language: "tsx" } },
+    docs: { source: { code: "// app/layout.tsx\\n<Toaster />\\n\\n// anywhere\\ntoast(\"Event created\", { description: \"Sunday, December 03\" })", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/Spinner.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx · controls: scripts/gen-stories.mjs CONTROLS */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Spinner } from "@kinetixui/ui";
 
 const Demo = () => (
@@ -22,7 +22,7 @@ const meta = {
   },
   parameters: {
     layout: "centered",
-    docs: { source: { code: `<Spinner size="sm" />\n<Spinner />\n<Spinner size="lg" />`, language: "tsx" } },
+    docs: { source: { code: "<Spinner size=\"sm\" />\\n<Spinner />\\n<Spinner size=\"lg\" />", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/Stepper.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Stepper } from "@kinetixui/ui";
 
 const Demo = () => (
@@ -26,7 +26,7 @@ const meta = {
   title: "Navigation/Stepper",
   parameters: {
     layout: "padded",
-    docs: { source: { code: `<Stepper\n  current={1}\n  steps={[{ label: "Account" }, { label: "Profile" }, { label: "Review" }]}\n/>`, language: "tsx" } },
+    docs: { source: { code: "<Stepper\\n  current={1}\\n  steps={[{ label: \"Account\" }, { label: \"Profile\" }, { label: \"Review\" }]}\\n/>", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/Switch.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx · controls: scripts/gen-stories.mjs CONTROLS */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Label, Switch } from "@kinetixui/ui";
 
 const Demo = () => (
@@ -18,7 +18,7 @@ const meta = {
   argTypes: { disabled: { control: "boolean" }, defaultChecked: { control: "boolean" } },
   parameters: {
     layout: "centered",
-    docs: { source: { code: `<div className="flex items-center gap-2">\n  <Switch id="airplane" />\n  <Label htmlFor="airplane">Airplane mode</Label>\n</div>`, language: "tsx" } },
+    docs: { source: { code: "<div className=\"flex items-center gap-2\">\\n  <Switch id=\"airplane\" />\\n  <Label htmlFor=\"airplane\">Airplane mode</Label>\\n</div>", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/TabBar.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { TabBar, TabBarItem } from "@kinetixui/ui";
 import { Home, Mail, Search, User } from "lucide-react";
 
@@ -26,7 +26,7 @@ const meta = {
   title: "Navigation/TabBar",
   parameters: {
     layout: "centered",
-    docs: { source: { code: `<TabBar>\n  <TabBarItem icon={<Home />} label="Home" active={tab === "home"} onClick={() => setTab("home")} />\n  <TabBarItem icon={<Mail />} label="Mail" badge={3} active={tab === "mail"} onClick={() => setTab("mail")} />\n</TabBar>`, language: "tsx" } },
+    docs: { source: { code: "<TabBar>\\n  <TabBarItem icon={<Home />} label=\"Home\" active={tab === \"home\"} onClick={() => setTab(\"home\")} />\\n  <TabBarItem icon={<Mail />} label=\"Mail\" badge={3} active={tab === \"mail\"} onClick={() => setTab(\"mail\")} />\\n</TabBar>", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/Table.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@kinetixui/ui";
 
 const Demo = () => (
@@ -33,7 +33,7 @@ const meta = {
   title: "Data Display/Table",
   parameters: {
     layout: "padded",
-    docs: { source: { code: `<Table>\n  <TableHeader>…</TableHeader>\n  <TableBody>\n    <TableRow><TableCell>INV001</TableCell>…</TableRow>\n  </TableBody>\n</Table>`, language: "tsx" } },
+    docs: { source: { code: "<Table>\\n  <TableHeader>…</TableHeader>\\n  <TableBody>\\n    <TableRow><TableCell>INV001</TableCell>…</TableRow>\\n  </TableBody>\\n</Table>", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/TableOfContents.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { TableOfContents } from "@kinetixui/ui";
 
 const Demo = () => (
@@ -22,7 +22,7 @@ const meta = {
   title: "Navigation/TableOfContents",
   parameters: {
     layout: "centered",
-    docs: { source: { code: `<TableOfContents\n  active={activeId}\n  items={[{ id: "overview", label: "Overview" }, { id: "props", label: "Props", level: 2 }]}\n/>`, language: "tsx" } },
+    docs: { source: { code: "<TableOfContents\\n  active={activeId}\\n  items={[{ id: \"overview\", label: \"Overview\" }, { id: \"props\", label: \"Props\", level: 2 }]}\\n/>", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/Tabs.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx · controls: scripts/gen-stories.mjs CONTROLS */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@kinetixui/ui";
 
 const Demo = () => (
@@ -26,7 +26,7 @@ const meta = {
   argTypes: { defaultValue: { control: "inline-radio", options: ["account", "password"] } },
   parameters: {
     layout: "centered",
-    docs: { source: { code: `<Tabs defaultValue="account">\n  <TabsList>\n    <TabsTrigger value="account">Account</TabsTrigger>\n    <TabsTrigger value="password">Password</TabsTrigger>\n  </TabsList>\n  <TabsContent value="account">…</TabsContent>\n</Tabs>`, language: "tsx" } },
+    docs: { source: { code: "<Tabs defaultValue=\"account\">\\n  <TabsList>\\n    <TabsTrigger value=\"account\">Account</TabsTrigger>\\n    <TabsTrigger value=\"password\">Password</TabsTrigger>\\n  </TabsList>\\n  <TabsContent value=\"account\">…</TabsContent>\\n</Tabs>", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/Tag.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx · controls: scripts/gen-stories.mjs CONTROLS */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Tag } from "@kinetixui/ui";
 
 const Demo = () => {
@@ -31,7 +31,7 @@ const meta = {
   },
   parameters: {
     layout: "centered",
-    docs: { source: { code: `<Tag onRemove={() => remove(t)}>{t}</Tag>\n<Tag variant="secondary">secondary</Tag>\n<Tag variant="warning">warning</Tag>\n<Tag variant="outline">outline</Tag>`, language: "tsx" } },
+    docs: { source: { code: "<Tag onRemove={() => remove(t)}>{t}</Tag>\\n<Tag variant=\"secondary\">secondary</Tag>\\n<Tag variant=\"warning\">warning</Tag>\\n<Tag variant=\"outline\">outline</Tag>", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/Textarea.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Textarea } from "../components/textarea";
 
 const STATES = ["Default", "Focus", "Error", "Disabled"] as const;

package/src/stories/Toggle.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx · controls: scripts/gen-stories.mjs CONTROLS */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Toggle } from "@kinetixui/ui";
 import { Italic } from "lucide-react";
 
@@ -21,7 +21,7 @@ const meta = {
   },
   parameters: {
     layout: "centered",
-    docs: { source: { code: `<Toggle aria-label="Toggle italic"><Italic className="size-4" /></Toggle>`, language: "tsx" } },
+    docs: { source: { code: "<Toggle aria-label=\"Toggle italic\"><Italic className=\"size-4\" /></Toggle>", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/ToggleGroup.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx · controls: scripts/gen-stories.mjs CONTROLS */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { ToggleGroup, ToggleGroupItem } from "@kinetixui/ui";
 import { Bold, Italic, Underline } from "lucide-react";
 
@@ -20,7 +20,7 @@ const meta = {
   argTypes: { type: { control: "inline-radio", options: ["single", "multiple"] } },
   parameters: {
     layout: "centered",
-    docs: { source: { code: `<ToggleGroup type="multiple">\n  <ToggleGroupItem value="bold"><Bold /></ToggleGroupItem>\n  <ToggleGroupItem value="italic"><Italic /></ToggleGroupItem>\n</ToggleGroup>`, language: "tsx" } },
+    docs: { source: { code: "<ToggleGroup type=\"multiple\">\\n  <ToggleGroupItem value=\"bold\"><Bold /></ToggleGroupItem>\\n  <ToggleGroupItem value=\"italic\"><Italic /></ToggleGroupItem>\\n</ToggleGroup>", language: "tsx" } },
   },
 } satisfies Meta;
 

package/src/stories/Tooltip.stories.tsx

@@ -1,7 +1,7 @@
 /* AUTO-GENERATED by scripts/gen-stories.mjs — do not edit.
    Source of truth: apps/web/src/registry/demos.tsx · controls: scripts/gen-stories.mjs CONTROLS */
 import * as React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@kinetixui/ui";
 
 const Demo = () => (
@@ -22,7 +22,7 @@ const meta = {
   argTypes: { delayDuration: { control: { type: "number", step: 100 } } },
   parameters: {
     layout: "centered",
-    docs: { source: { code: `<TooltipProvider>\n  <Tooltip>\n    <TooltipTrigger asChild><Button variant="Outline">Hover</Button></TooltipTrigger>\n    <TooltipContent>Add to library</TooltipContent>\n  </Tooltip>\n</TooltipProvider>`, language: "tsx" } },
+    docs: { source: { code: "<TooltipProvider>\\n  <Tooltip>\\n    <TooltipTrigger asChild><Button variant=\"Outline\">Hover</Button></TooltipTrigger>\\n    <TooltipContent>Add to library</TooltipContent>\\n  </Tooltip>\\n</TooltipProvider>", language: "tsx" } },
   },
 } satisfies Meta;