@k3-universe/react-kit 0.0.41 → 0.0.42

package/src/stories/shadcn/ui/Tabs.stories.tsx

@@ -1,31 +1,31 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import {
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-} from '../../../shadcn/ui/tabs';
-
-const meta: Meta<typeof Tabs> = {
-  title: 'Shadcn/UI/Tabs',
-  component: Tabs,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Tabs>;
-
-export const Basic: Story = {
-  render: () => (
-    <Tabs defaultValue="account" className="w-[400px]">
-      <TabsList>
-        <TabsTrigger value="account">Account</TabsTrigger>
-        <TabsTrigger value="password">Password</TabsTrigger>
-      </TabsList>
-      <TabsContent value="account">
-        Make changes to your account here.
-      </TabsContent>
-      <TabsContent value="password">Change your password here.</TabsContent>
-    </Tabs>
-  ),
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+} from '../../../shadcn/ui/tabs';
+
+const meta: Meta<typeof Tabs> = {
+  title: 'Shadcn/UI/Tabs',
+  component: Tabs,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Tabs>;
+
+export const Basic: Story = {
+  render: () => (
+    <Tabs defaultValue="account" className="w-[400px]">
+      <TabsList>
+        <TabsTrigger value="account">Account</TabsTrigger>
+        <TabsTrigger value="password">Password</TabsTrigger>
+      </TabsList>
+      <TabsContent value="account">
+        Make changes to your account here.
+      </TabsContent>
+      <TabsContent value="password">Change your password here.</TabsContent>
+    </Tabs>
+  ),
+};

package/src/stories/shadcn/ui/Textarea.stories.tsx

@@ -1,42 +1,42 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Textarea } from '../../../shadcn/ui/textarea';
-import { Label } from '../../../shadcn/ui/label';
-
-const meta: Meta<typeof Textarea> = {
-  title: 'Shadcn/UI/Textarea',
-  component: Textarea,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Textarea>;
-
-export const Basic: Story = {
-  render: () => (
-    <div className="grid w-full max-w-sm items-center gap-2">
-      <Label htmlFor="message">Your message</Label>
-      <Textarea id="message" placeholder="Type your message here." />
-    </div>
-  ),
-};
-
-export const WithDescription: Story = {
-  render: () => (
-    <div className="grid w-full max-w-sm gap-2">
-      <Label htmlFor="bio">Bio</Label>
-      <Textarea id="bio" placeholder="Tell us a little about yourself" />
-      <p className="text-sm text-muted-foreground">
-        Your bio will be displayed on your profile.
-      </p>
-    </div>
-  ),
-};
-
-export const Disabled: Story = {
-  render: () => (
-    <div className="grid w-full max-w-sm gap-2">
-      <Label htmlFor="disabled-textarea">Disabled</Label>
-      <Textarea id="disabled-textarea" placeholder="Can't type here" disabled />
-    </div>
-  ),
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import { Textarea } from '../../../shadcn/ui/textarea';
+import { Label } from '../../../shadcn/ui/label';
+
+const meta: Meta<typeof Textarea> = {
+  title: 'Shadcn/UI/Textarea',
+  component: Textarea,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Textarea>;
+
+export const Basic: Story = {
+  render: () => (
+    <div className="grid w-full max-w-sm items-center gap-2">
+      <Label htmlFor="message">Your message</Label>
+      <Textarea id="message" placeholder="Type your message here." />
+    </div>
+  ),
+};
+
+export const WithDescription: Story = {
+  render: () => (
+    <div className="grid w-full max-w-sm gap-2">
+      <Label htmlFor="bio">Bio</Label>
+      <Textarea id="bio" placeholder="Tell us a little about yourself" />
+      <p className="text-sm text-muted-foreground">
+        Your bio will be displayed on your profile.
+      </p>
+    </div>
+  ),
+};
+
+export const Disabled: Story = {
+  render: () => (
+    <div className="grid w-full max-w-sm gap-2">
+      <Label htmlFor="disabled-textarea">Disabled</Label>
+      <Textarea id="disabled-textarea" placeholder="Can't type here" disabled />
+    </div>
+  ),
+};

package/src/stories/shadcn/ui/Toggle.stories.tsx

@@ -1,44 +1,44 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { useState } from 'react';
-import { Toggle } from '../../../shadcn/ui/toggle';
-import { Bold, Italic, Underline } from 'lucide-react';
-
-const meta: Meta<typeof Toggle> = {
-  title: 'Shadcn/UI/Toggle',
-  component: Toggle,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Toggle>;
-
-function ToggleDemo() {
-  const [bold, setBold] = useState(false);
-  const [italic, setItalic] = useState(true);
-  const [underline, setUnderline] = useState(false);
-  return (
-    <div className="flex items-center gap-2">
-      <Toggle aria-label="Toggle bold" pressed={bold} onPressedChange={setBold}>
-        <Bold />
-      </Toggle>
-      <Toggle
-        aria-label="Toggle italic"
-        pressed={italic}
-        onPressedChange={setItalic}
-      >
-        <Italic />
-      </Toggle>
-      <Toggle
-        aria-label="Toggle underline"
-        pressed={underline}
-        onPressedChange={setUnderline}
-      >
-        <Underline />
-      </Toggle>
-    </div>
-  );
-}
-
-export const Basic: Story = {
-  render: () => <ToggleDemo />,
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import { useState } from 'react';
+import { Toggle } from '../../../shadcn/ui/toggle';
+import { Bold, Italic, Underline } from 'lucide-react';
+
+const meta: Meta<typeof Toggle> = {
+  title: 'Shadcn/UI/Toggle',
+  component: Toggle,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Toggle>;
+
+function ToggleDemo() {
+  const [bold, setBold] = useState(false);
+  const [italic, setItalic] = useState(true);
+  const [underline, setUnderline] = useState(false);
+  return (
+    <div className="flex items-center gap-2">
+      <Toggle aria-label="Toggle bold" pressed={bold} onPressedChange={setBold}>
+        <Bold />
+      </Toggle>
+      <Toggle
+        aria-label="Toggle italic"
+        pressed={italic}
+        onPressedChange={setItalic}
+      >
+        <Italic />
+      </Toggle>
+      <Toggle
+        aria-label="Toggle underline"
+        pressed={underline}
+        onPressedChange={setUnderline}
+      >
+        <Underline />
+      </Toggle>
+    </div>
+  );
+}
+
+export const Basic: Story = {
+  render: () => <ToggleDemo />,
+};

package/src/stories/shadcn/ui/ToggleGroup.stories.tsx

@@ -1,28 +1,28 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ToggleGroup, ToggleGroupItem } from '../../../shadcn/ui/toggle-group';
-import { Bold, Italic, Underline } from 'lucide-react';
-
-const meta: Meta<typeof ToggleGroup> = {
-  title: 'Shadcn/UI/ToggleGroup',
-  component: ToggleGroup,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ToggleGroup>;
-
-export const Single: Story = {
-  render: () => (
-    <ToggleGroup type="single" defaultValue="bold" variant="outline">
-      <ToggleGroupItem value="bold" aria-label="Toggle bold">
-        <Bold className="h-4 w-4" />
-      </ToggleGroupItem>
-      <ToggleGroupItem value="italic" aria-label="Toggle italic">
-        <Italic className="h-4 w-4" />
-      </ToggleGroupItem>
-      <ToggleGroupItem value="underline" aria-label="Toggle underline">
-        <Underline className="h-4 w-4" />
-      </ToggleGroupItem>
-    </ToggleGroup>
-  ),
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import { ToggleGroup, ToggleGroupItem } from '../../../shadcn/ui/toggle-group';
+import { Bold, Italic, Underline } from 'lucide-react';
+
+const meta: Meta<typeof ToggleGroup> = {
+  title: 'Shadcn/UI/ToggleGroup',
+  component: ToggleGroup,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ToggleGroup>;
+
+export const Single: Story = {
+  render: () => (
+    <ToggleGroup type="single" defaultValue="bold" variant="outline">
+      <ToggleGroupItem value="bold" aria-label="Toggle bold">
+        <Bold className="h-4 w-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="italic" aria-label="Toggle italic">
+        <Italic className="h-4 w-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="underline" aria-label="Toggle underline">
+        <Underline className="h-4 w-4" />
+      </ToggleGroupItem>
+    </ToggleGroup>
+  ),
+};

package/src/stories/shadcn/ui/Tooltip.stories.tsx

@@ -1,30 +1,30 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import {
-  Tooltip,
-  TooltipTrigger,
-  TooltipContent,
-  TooltipProvider,
-} from '../../../shadcn/ui/tooltip';
-import { Button } from '../../../shadcn/ui/button';
-
-const meta: Meta<typeof Tooltip> = {
-  title: 'Shadcn/UI/Tooltip',
-  component: Tooltip,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Tooltip>;
-
-export const Basic: Story = {
-  render: () => (
-    <TooltipProvider>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <Button variant="outline">Hover</Button>
-        </TooltipTrigger>
-        <TooltipContent>Tooltip content</TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
-  ),
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import {
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+  TooltipProvider,
+} from '../../../shadcn/ui/tooltip';
+import { Button } from '../../../shadcn/ui/button';
+
+const meta: Meta<typeof Tooltip> = {
+  title: 'Shadcn/UI/Tooltip',
+  component: Tooltip,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Tooltip>;
+
+export const Basic: Story = {
+  render: () => (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button variant="outline">Hover</Button>
+        </TooltipTrigger>
+        <TooltipContent>Tooltip content</TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  ),
+};

package/tsconfig.json

@@ -1,20 +1,20 @@
-{
-  "files": [],
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.d.ts"],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "extends": "../../tsconfig.base.json"
-}
+{
+  "files": [],
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.d.ts"],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "extends": "../../tsconfig.base.json"
+}

package/tsconfig.lib.json

@@ -1,52 +1,52 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "types": [
-      "node",
-      "@nx/react/typings/cssmodule.d.ts",
-      "@nx/react/typings/image.d.ts",
-      "vite/client"
-    ],
-    "rootDir": "src",
-    "jsx": "react-jsx",
-    "lib": ["es2022", "dom"],
-    "tsBuildInfoFile": "dist/tsconfig.lib.tsbuildinfo",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "exclude": [
-    "out-tsc",
-    "dist",
-    "**/*.spec.ts",
-    "**/*.test.ts",
-    "**/*.spec.tsx",
-    "**/*.test.tsx",
-    "**/*.spec.js",
-    "**/*.test.js",
-    "**/*.spec.jsx",
-    "**/*.test.jsx",
-    "vite.config.ts",
-    "vite.config.mts",
-    "vitest.config.ts",
-    "vitest.config.mts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx",
-    "eslint.config.js",
-    "eslint.config.cjs",
-    "eslint.config.mjs",
-    "**/*.stories.ts",
-    "**/*.stories.js",
-    "**/*.stories.jsx",
-    "**/*.stories.tsx"
-  ],
-  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
-}
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts",
+      "vite/client"
+    ],
+    "rootDir": "src",
+    "jsx": "react-jsx",
+    "lib": ["es2022", "dom"],
+    "tsBuildInfoFile": "dist/tsconfig.lib.tsbuildinfo",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": [
+    "out-tsc",
+    "dist",
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "**/*.spec.js",
+    "**/*.test.js",
+    "**/*.spec.jsx",
+    "**/*.test.jsx",
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "eslint.config.js",
+    "eslint.config.cjs",
+    "eslint.config.mjs",
+    "**/*.stories.ts",
+    "**/*.stories.js",
+    "**/*.stories.jsx",
+    "**/*.stories.tsx"
+  ],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+}

package/tsconfig.spec.json

@@ -1,38 +1,38 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/vitest",
-    "types": [
-      "vitest/globals",
-      "vitest/importMeta",
-      "vite/client",
-      "node",
-      "vitest"
-    ],
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": [
-    "vite.config.ts",
-    "vite.config.mts",
-    "vitest.config.ts",
-    "vitest.config.mts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx",
-    "src/**/*.d.ts"
-  ],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    }
-  ]
-}
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/vitest",
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest"
+    ],
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}