buildgrid-ui 1.1.0-alpha.4 → 1.1.0-dev.10

package/dist/components/adaptive-input/adaptive-input.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { InputProps } from '../input';
+export interface AdaptiveInputProps extends InputProps {
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    mask?: string;
+}
+declare const AdaptiveInput: React.ForwardRefExoticComponent<AdaptiveInputProps & React.RefAttributes<HTMLInputElement>>;
+export { AdaptiveInput };

package/dist/components/adaptive-input/index.d.ts

@@ -0,0 +1 @@
+export * from './adaptive-input';

package/dist/components/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,20 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as React from 'react';
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/alert-dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './alert-dialog';

package/dist/components/autocomplete/autocomplete.d.ts

@@ -0,0 +1,14 @@
+interface Option {
+    value: string;
+    label: string;
+}
+interface AutoCompleteProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    options: Option[];
+    className?: string;
+    placeholder?: string;
+    emptyMessage?: string;
+}
+export declare function Autocomplete(props: AutoCompleteProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/autocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from './autocomplete';

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,6 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as React from 'react';
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './avatar';

package/dist/components/badge/{Badge.d.ts → badge.d.ts}

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/badge/index.d.ts

@@ -1 +1 @@
-export * from "./Badge";
+export * from './badge';

package/dist/components/button/{Button.d.ts → button.d.ts}

@@ -1,10 +1,11 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "xl" | "icon" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    isLoading?: boolean;
     asChild?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/button/index.d.ts

@@ -1 +1 @@
-export * from "./Button";
+export * from './button';

package/dist/components/card/index.d.ts

@@ -1 +1 @@
-export * from './Card';
+export * from './card';

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as React from 'react';
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox';

package/dist/components/currency-input/currency-input.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AdaptiveInputProps } from '../adaptive-input';
+export interface CurrencyInputProps extends AdaptiveInputProps {
+    currencySymbol?: string;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    onValueChange: (value: number) => void;
+}
+declare const CurrencyInput: React.ForwardRefExoticComponent<CurrencyInputProps & React.RefAttributes<HTMLInputElement>>;
+export { CurrencyInput };

package/dist/components/currency-input/index.d.ts

@@ -0,0 +1 @@
+export * from './currency-input';

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,27 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/components/dropdown-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './dropdown-menu';

package/dist/components/index.d.ts

@@ -1,4 +1,16 @@
+export * from './adaptive-input';
+export * from './alert-dialog';
+export * from './autocomplete';
+export * from './avatar';
 export * from './badge';
 export * from './button';
 export * from './card';
+export * from './checkbox';
+export * from './currency-input';
+export * from './dropdown-menu';
+export * from './input';
+export * from './password-input';
+export * from './popover';
+export * from './progress';
 export * from './skeleton';
+export * from './switch';

package/dist/components/input/index.d.ts

@@ -0,0 +1 @@
+export * from './input';

package/dist/components/input/input.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const inputVariants: (props?: ({
+    sizing?: "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/password-input/index.d.ts

@@ -0,0 +1 @@
+export * from './password-input';

package/dist/components/password-input/password-input.d.ts

@@ -0,0 +1,16 @@
+import { InputHTMLAttributes } from 'react';
+interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    showStrengthMeter?: boolean;
+    strengthLabels?: {
+        veryWeak: string;
+        weak: string;
+        medium: string;
+        strong: string;
+        veryStrong: string;
+    };
+    showPasswordLabel?: string;
+    hidePasswordLabel?: string;
+    strengthTitle?: string;
+}
+export declare function PasswordInput(props: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/popover/index.d.ts

@@ -0,0 +1 @@
+export * from './popover';

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,7 @@
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React from 'react';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/components/progress/index.d.ts

@@ -0,0 +1 @@
+export * from './progress';

package/dist/components/progress/progress.d.ts

@@ -0,0 +1,4 @@
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as React from 'react';
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Progress };

package/dist/components/skeleton/index.d.ts

@@ -1 +1 @@
-export * from './Skeleton';
+export * from './skeleton';

package/dist/components/switch/index.d.ts

@@ -0,0 +1 @@
+export * from './switch';

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,4 @@
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as React from 'react';
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/dist/index.d.ts

@@ -1,5 +1,2 @@
-export * from './components/badge';
-export * from './components/button';
-export * from './components/card';
-export * from './components/skeleton';
-export * from './lib/utils/cn';
+export * from './components';
+export * from './lib';

package/dist/lib/index.d.ts

@@ -1 +1,2 @@
 export * from './utils/cn';
+export * from './utils/formatters';

package/dist/lib/utils/formatters.d.ts

@@ -0,0 +1,8 @@
+export declare const formatCurrency: (number: number, language?: string, currency?: string) => string;
+export declare const formatDateAndWeekday: (date: Date | string, language?: string) => string;
+export declare const formatDateAndWeekdayAndYear: (date: Date | string, language?: string) => string;
+export declare const formatDateAndMonth: (date: Date | string, language?: string) => string;
+export declare const formatLongDate: (date: Date | string, language?: string) => string;
+export declare const formatShortDate: (date: Date, language?: string) => string;
+export declare const getMonthYearFromISODate: (date: string) => string;
+export declare const formatWeekDayAndShortDate: (date: Date, language?: string) => string;

package/package.json

@@ -1,9 +1,15 @@
 {
 	"name": "buildgrid-ui",
-	"version": "1.1.0-alpha.4",
+	"version": "1.1.0-dev.10",
 	"publishConfig": {
 		"access": "public"
 	},
+	"files": [
+		"dist",
+		"README.md",
+		"CHANGELOG.md",
+		"LICENSE"
+	],
 	"main": "dist/buildgrid-ui.umd.js",
 	"module": "dist/buildgrid-ui.esm.js",
 	"types": "dist/index.d.ts",
@@ -15,14 +21,22 @@
 		"storybook": "storybook dev -p 6006",
 		"build-storybook": "storybook build",
 		"release": "semantic-release",
-		"prepublishOnly": "npm run build"
+		"prepublishOnly": "npm run build",
+		"build:publish": "npm run build && npm publish"
 	},
 	"keywords": [],
 	"author": "",
 	"license": "ISC",
 	"description": "",
 	"dependencies": {
+		"@radix-ui/react-alert-dialog": "^1.1.4",
+		"@radix-ui/react-avatar": "^1.1.2",
+		"@radix-ui/react-checkbox": "^1.1.3",
+		"@radix-ui/react-dropdown-menu": "^2.1.4",
+		"@radix-ui/react-popover": "^1.1.4",
+		"@radix-ui/react-progress": "^1.1.1",
 		"@radix-ui/react-slot": "^1.1.1",
+		"@radix-ui/react-switch": "^1.1.2",
 		"@shadcn/ui": "^0.0.4",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",

package/.editorconfig

@@ -1,5 +0,0 @@
-root = true
-
-[*]
-indent_style = tab
-indent_size = 2

package/.eslintrc.json

@@ -1,3 +0,0 @@
-{
-	"extends": ["next/core-web-vitals", "next/typescript", "prettier"]
-}

package/.github/workflows/release.yml

@@ -1,25 +0,0 @@
-name: Release
-on:
-  push:
-    branches:
-      - main
-      - alpha
-      - beta
-      - rc
-jobs:
-  release:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-      - name: Setup Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: "20.8.1"
-      - name: Install dependencies
-        run: npm ci
-      - name: Run semantic-release
-        env:
-          GH_TOKEN: ${{ secrets.GH_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: npm run release

package/.husky/commit-msg

@@ -1 +0,0 @@
-npx --no-install commitlint --edit "$1"

package/.prettierignore

@@ -1,6 +0,0 @@
-.github
-node_modules
-build
-dist
-
-*.md

package/.prettierrc

@@ -1,6 +0,0 @@
-{
-  "semi": false,
-  "singleQuote": true,
-  "printWidth": 90,
-  "plugins": ["prettier-plugin-tailwindcss", "prettier-plugin-organize-imports"]
-}

package/.releaserc.json

@@ -1,40 +0,0 @@
-{
-  "branches": [
-    "main",
-    {
-      "name": "alpha",
-      "prerelease": "alpha"
-    },
-    {
-      "name": "beta",
-      "prerelease": "beta"
-    },
-    {
-      "name": "release-candidate",
-      "prerelease": "rc"
-    }
-  ],
-  "plugins": [
-    "@semantic-release/commit-analyzer",
-    "@semantic-release/release-notes-generator",
-    [
-      "@semantic-release/changelog",
-      {
-        "changelogFile": "CHANGELOG.md"
-      }
-    ],
-    [
-      "@semantic-release/npm",
-      {
-        "npmPublish": true
-      }
-    ],
-    [
-      "@semantic-release/git",
-      {
-        "assets": ["package.json", "CHANGELOG.md"],
-        "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
-      }
-    ]
-  ]
-}

package/.storybook/main.ts

@@ -1,27 +0,0 @@
-import type { StorybookConfig } from "@storybook/react-vite";
-import { mergeConfig } from "vite";
-
-const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: [
-    "@storybook/addon-onboarding",
-    "@storybook/addon-essentials",
-    "@chromatic-com/storybook",
-    "@storybook/addon-interactions",
-    "storybook-css-modules-preset",
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  async viteFinal(config) {
-    return mergeConfig(config, {
-      css: {
-        postcss: {
-          plugins: [require("tailwindcss"), require("autoprefixer")],
-        },
-      },
-    });
-  },
-};
-export default config;

package/.storybook/preview.ts

@@ -1,15 +0,0 @@
-import type { Preview } from "@storybook/react";
-import "../src/styles/tailwind.css";
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-};
-
-export default preview;

package/commitlint.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  extends: ["@commitlint/config-conventional"],
-};

package/components.json

@@ -1,21 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "default",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/styles/tailwind.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "iconLibrary": "lucide"
-}

package/eslint.config.mjs

@@ -1,13 +0,0 @@
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-    baseDirectory: __dirname,
-    recommendedConfig: js.configs.recommended,
-    allConfig: js.configs.all
-});
-export default [...compat.extends("next/core-web-vitals", "next/typescript", "prettier")];

package/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/src/components/badge/Badge.stories.tsx

@@ -1,30 +0,0 @@
-// organize-imports-ignore
-import React from 'react'
-import type { Meta, StoryObj } from '@storybook/react'
-
-import { Badge, BadgeProps, badgeVariants } from './Badge'
-
-const meta: Meta<typeof Badge> = {
-	component: Badge,
-}
-
-export default meta
-type Story = StoryObj<typeof Badge>
-
-const Template = (args: BadgeProps) => {
-	const variants = ['default', 'secondary', 'destructive', 'outline']
-	return (
-		<div className="flex gap-2">
-			{Object.values(variants).map((variant) => (
-				<Badge {...args} variant={variant as BadgeProps['variant']}>
-					{variant}
-				</Badge>
-			))}
-		</div>
-	)
-}
-
-export const Default: Story = {
-	render: Template.bind({}),
-	args: {},
-}

package/src/components/badge/Badge.tsx

@@ -1,34 +0,0 @@
-import { cva, type VariantProps } from 'class-variance-authority'
-import * as React from 'react'
-
-import { cn } from '@/lib'
-
-const badgeVariants = cva(
-	'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
-	{
-		variants: {
-			variant: {
-				default:
-					'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',
-				secondary:
-					'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
-				destructive:
-					'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',
-				outline: 'text-foreground',
-			},
-		},
-		defaultVariants: {
-			variant: 'default',
-		},
-	},
-)
-
-export interface BadgeProps
-	extends React.HTMLAttributes<HTMLDivElement>,
-		VariantProps<typeof badgeVariants> {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
-	return <div className={cn(badgeVariants({ variant }), className)} {...props} />
-}
-
-export { Badge, badgeVariants }

package/src/components/badge/index.ts

@@ -1 +0,0 @@
-export * from "./Badge";

package/src/components/button/Button.stories.tsx

@@ -1,40 +0,0 @@
-// organize-imports-ignore
-import React from 'react'
-import type { Meta, StoryObj } from '@storybook/react'
-import { Button, ButtonProps } from './Button'
-
-const meta: Meta<typeof Button> = {
-	component: Button,
-}
-
-export default meta
-type Story = StoryObj<typeof Button>
-
-const Template = (args: ButtonProps) => {
-	const variants: Array<ButtonProps['variant']> = [
-		'default',
-		'secondary',
-		'destructive',
-		'outline',
-		'ghost',
-		'link',
-	]
-	return (
-		<div className="flex gap-2">
-			{Object.values(variants).map((variant) => (
-				<Button
-					{...args}
-					variant={variant as ButtonProps['variant']}
-					className="capitalize"
-				>
-					{variant}
-				</Button>
-			))}
-		</div>
-	)
-}
-
-export const Default: Story = {
-	render: Template.bind({}),
-	args: {},
-}