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

package/dist/components/adaptative-input/adaptative-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/adaptative-input/index.d.ts

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

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/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" | "secondary" | "destructive" | "outline" | "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/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,11 @@
+export * from './adaptative-input';
+export * from './autocomplete';
+export * from './avatar';
 export * from './badge';
 export * from './button';
 export * from './card';
+export * from './checkbox';
+export * from './dropdown-menu';
+export * from './input';
+export * from './popover';
 export * from './skeleton';

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/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/skeleton/index.d.ts

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

package/dist/index.d.ts

@@ -1,5 +1,12 @@
+export * from './components/adaptative-input';
+export * from './components/autocomplete';
+export * from './components/avatar';
 export * from './components/badge';
 export * from './components/button';
 export * from './components/card';
+export * from './components/checkbox';
+export * from './components/dropdown-menu';
+export * from './components/input';
+export * from './components/popover';
 export * from './components/skeleton';
 export * from './lib/utils/cn';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "buildgrid-ui",
-	"version": "1.1.0-alpha.4",
+	"version": "1.1.0-dev.5",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -15,13 +15,18 @@
 		"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-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-slot": "^1.1.1",
 		"@shadcn/ui": "^0.0.4",
 		"class-variance-authority": "^0.7.1",

package/src/components/adaptative-input/adaptative-input.stories.tsx

@@ -0,0 +1,30 @@
+// organize-imports-ignore
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { AdaptiveInput } from './adaptative-input'
+import { HelpCircle, Phone, User } from 'lucide-react'
+
+const meta: Meta<typeof AdaptiveInput> = {
+	title: 'Components/Input/AdaptiveInput',
+	component: AdaptiveInput,
+}
+
+export default meta
+type Story = StoryObj<typeof AdaptiveInput>
+
+const Template = () => {
+	return (
+		<AdaptiveInput
+			className="w-64"
+			leftIcon={<Phone className="w-4 h-4" />}
+			rightIcon={<HelpCircle className="w-4 h-4" />}
+			mask="+00 0000-0000"
+		/>
+	)
+}
+
+export const Default: Story = {
+	render: Template.bind({}),
+	args: {},
+}

package/src/components/adaptative-input/adaptative-input.tsx

@@ -0,0 +1,66 @@
+import { cn } from '@/lib'
+import * as React from 'react'
+import { Input, InputProps } from '../input'
+
+export interface AdaptiveInputProps extends InputProps {
+	leftIcon?: React.ReactNode
+	rightIcon?: React.ReactNode
+	mask?: string // New prop for the mask
+}
+
+const applyMask = (value: string, mask: string): string => {
+	const cleanValue = value.replace(/\D/g, '')
+	let maskedValue = ''
+	let maskIndex = 0
+	let valueIndex = 0
+
+	while (maskIndex < mask.length && valueIndex < cleanValue.length) {
+		if (mask[maskIndex] === '0') {
+			maskedValue += cleanValue[valueIndex]
+			valueIndex++
+		} else {
+			maskedValue += mask[maskIndex]
+		}
+		maskIndex++
+	}
+
+	return maskedValue
+}
+
+const AdaptiveInput = React.forwardRef<HTMLInputElement, AdaptiveInputProps>(
+	({ className, leftIcon, rightIcon, mask, onChange, ...props }, ref) => {
+		const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+			const input = e.target
+			if (mask) {
+				const maskedValue = applyMask(input.value, mask)
+				input.value = maskedValue
+			}
+			onChange?.(e) // Call the original onChange if provided
+		}
+
+		return (
+			<div className="relative w-fit">
+				{leftIcon && (
+					<div className="absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground">
+						{leftIcon}
+					</div>
+				)}
+				<Input
+					className={cn(leftIcon && 'pl-8', rightIcon && 'pr-8', className)}
+					ref={ref}
+					onInput={handleInputChange} // Attach the input handler
+					{...props}
+				/>
+				{rightIcon && (
+					<div className="absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground">
+						{rightIcon}
+					</div>
+				)}
+			</div>
+		)
+	},
+)
+
+AdaptiveInput.displayName = 'AdaptiveInput'
+
+export { AdaptiveInput }

package/src/components/adaptative-input/index.ts

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

package/src/components/autocomplete/autocomplete.stories.tsx

@@ -0,0 +1,85 @@
+// organize-imports-ignore
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Autocomplete } from './autocomplete'
+
+const meta: Meta<typeof Autocomplete> = {
+	title: 'Components/Input/Autocomplete',
+	component: Autocomplete,
+}
+
+export default meta
+type Story = StoryObj<typeof Autocomplete>
+
+// list of 50 names of countries
+const options = [
+	'United States',
+	'Canada',
+	'Argentina',
+	'Brazil',
+	'Chile',
+	'Colombia',
+	'Ecuador',
+	'Peru',
+	'Uruguay',
+	'Venezuela',
+	'Australia',
+	'China',
+	'India',
+	'Indonesia',
+	'Japan',
+	'Korea',
+	'Malaysia',
+	'Philippines',
+	'Singapore',
+	'Thailand',
+	'Vietnam',
+	'Austria',
+	'Belgium',
+	'Croatia',
+	'Denmark',
+	'Finland',
+	'France',
+	'Germany',
+	'Greece',
+	'Hungary',
+	'Ireland',
+	'Italy',
+	'Netherlands',
+	'Norway',
+	'Poland',
+	'Portugal',
+	'Romania',
+	'Russia',
+	'Spain',
+	'Sweden',
+	'Switzerland',
+	'Turkey',
+	'Ukraine',
+	'United Kingdom',
+	'Egypt',
+	'Nigeria',
+	'South Africa',
+	'Kenya',
+]
+
+const Template = () => {
+	const [value, setValue] = React.useState('')
+	return (
+		<>
+			<Autocomplete
+				value={value}
+				onChange={(value) => setValue(value)}
+				className="w-80"
+				options={options.map((option) => ({ value: option, label: option }))}
+			/>
+			<p className="mt-4">Selected value: {value}</p>
+		</>
+	)
+}
+
+export const Default: Story = {
+	render: Template.bind({}),
+	args: {},
+}

package/src/components/autocomplete/autocomplete.tsx

@@ -0,0 +1,136 @@
+import { Search } from 'lucide-react'
+import { useState } from 'react'
+
+import { cn } from '@/lib'
+import { AdaptiveInput } from '../adaptative-input'
+import { Popover, PopoverContent, PopoverTrigger } from '../popover'
+
+interface Option {
+	value: string
+	label: string
+}
+
+interface AutoCompleteProps {
+	value?: string
+	onChange?: (value: string) => void
+	options: Option[]
+	className?: string
+	placeholder?: string
+	emptyMessage?: string
+}
+
+export function Autocomplete(props: AutoCompleteProps) {
+	const {
+		value = '',
+		onChange,
+		options: staticOptions,
+		className,
+		placeholder = 'Search...',
+		emptyMessage = 'Nothing found',
+	} = props
+
+	const [query, setQuery] = useState(value)
+	const [suggestions, setSuggestions] = useState<Option[]>(staticOptions)
+	const [selectedIndex, setSelectedIndex] = useState(-1)
+	const [isFocused, setIsFocused] = useState(false)
+
+	const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+		const newValue = e.target.value
+		setQuery(newValue)
+		onChange?.(newValue)
+		setSelectedIndex(-1)
+		setIsFocused(true)
+
+		if (newValue.trim() === '') {
+			setSuggestions(staticOptions)
+		} else {
+			setSuggestions(
+				staticOptions.filter((option) =>
+					option.label.toLowerCase().includes(newValue.toLowerCase()),
+				),
+			)
+		}
+	}
+
+	const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+		if (e.key === 'ArrowDown') {
+			e.preventDefault()
+			setSelectedIndex((prev) => (prev < suggestions.length - 1 ? prev + 1 : prev))
+		} else if (e.key === 'ArrowUp') {
+			e.preventDefault()
+			setSelectedIndex((prev) => (prev > 0 ? prev - 1 : -1))
+		} else if (e.key === 'Enter' && selectedIndex >= 0) {
+			const selectedOption = suggestions[selectedIndex]
+			setQuery(selectedOption.label)
+			onChange?.(selectedOption.value)
+			setSuggestions([])
+			setSelectedIndex(-1)
+			setIsFocused(false)
+		} else if (e.key === 'Escape') {
+			setSuggestions([])
+			setSelectedIndex(-1)
+		}
+	}
+
+	const handleSuggestionClick = (option: Option) => {
+		setIsFocused(false)
+		setQuery(option.label)
+		onChange?.(option.value)
+		setSuggestions(staticOptions)
+		setSelectedIndex(-1)
+	}
+
+	const handleFocus = () => {
+		setIsFocused(true)
+	}
+
+	const handleBlur = () => {
+		setIsFocused(false)
+	}
+
+	return (
+		<Popover open={isFocused}>
+			<PopoverTrigger asChild>
+				<div className="relative w-fit">
+					<AdaptiveInput
+						type="text"
+						placeholder={placeholder}
+						value={query}
+						onChange={handleInputChange}
+						onKeyDown={handleKeyDown}
+						onClick={handleFocus}
+						onFocus={handleFocus}
+						onBlur={handleBlur}
+						className={cn('pr-10', className)}
+						aria-label="Search field"
+						aria-autocomplete="list"
+						aria-controls="suggestions-list"
+						aria-expanded={suggestions.length > 0}
+						leftIcon={<Search className="w-4 h-4" />}
+					/>
+				</div>
+			</PopoverTrigger>
+			<PopoverContent className="p-0 w-[var(--radix-popover-trigger-width)] max-h-96 overflow-y-auto">
+				{suggestions.length > 0 ? (
+					<ul id="suggestions-list" role="listbox">
+						{suggestions.map((option, index) => (
+							<li
+								key={option.value}
+								className={`px-4 py-2 cursor-pointer hover:bg-muted ${
+									index === selectedIndex ? 'bg-muted' : ''
+								}`}
+								onClick={() => handleSuggestionClick(option)}
+								role="option"
+								aria-selected={index === selectedIndex}
+							>
+								{option.label}
+							</li>
+						))}
+					</ul>
+				) : (
+					<span className="px-4 py-2 block">{emptyMessage}</span>
+				)}
+			</PopoverContent>
+		</Popover>
+	)
+}

package/src/components/autocomplete/index.ts

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

package/src/components/avatar/avatar.stories.tsx

@@ -0,0 +1,29 @@
+// organize-imports-ignore
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Avatar, AvatarFallback, AvatarImage } from './avatar'
+
+const meta: Meta<typeof Avatar> = {
+	component: Avatar,
+}
+
+export default meta
+type Story = StoryObj<typeof Avatar>
+
+const Template = () => {
+	return (
+		<Avatar className="w-24 h-24">
+			<AvatarImage
+				src="https://upload.wikimedia.org/wikipedia/commons/7/7c/Profile_avatar_placeholder_large.png?20150327203541"
+				alt="User avatar"
+			/>
+			<AvatarFallback>NS</AvatarFallback>
+		</Avatar>
+	)
+}
+
+export const Default: Story = {
+	render: Template.bind({}),
+	args: {},
+}

package/src/components/avatar/avatar.tsx

@@ -0,0 +1,48 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar'
+import * as React from 'react'
+
+import { cn } from '@/lib/utils/cn'
+
+const Avatar = React.forwardRef<
+	React.ElementRef<typeof AvatarPrimitive.Root>,
+	React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+	<AvatarPrimitive.Root
+		ref={ref}
+		className={cn(
+			'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',
+			className,
+		)}
+		{...props}
+	/>
+))
+Avatar.displayName = AvatarPrimitive.Root.displayName
+
+const AvatarImage = React.forwardRef<
+	React.ElementRef<typeof AvatarPrimitive.Image>,
+	React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
+>(({ className, ...props }, ref) => (
+	<AvatarPrimitive.Image
+		ref={ref}
+		className={cn('aspect-square h-full w-full', className)}
+		{...props}
+	/>
+))
+AvatarImage.displayName = AvatarPrimitive.Image.displayName
+
+const AvatarFallback = React.forwardRef<
+	React.ElementRef<typeof AvatarPrimitive.Fallback>,
+	React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
+>(({ className, ...props }, ref) => (
+	<AvatarPrimitive.Fallback
+		ref={ref}
+		className={cn(
+			'flex h-full w-full items-center justify-center rounded-full bg-muted',
+			className,
+		)}
+		{...props}
+	/>
+))
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
+
+export { Avatar, AvatarFallback, AvatarImage }

package/src/components/avatar/index.ts

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

package/src/components/badge/{Badge.stories.tsx → badge.stories.tsx}

@@ -2,7 +2,7 @@
 import React from 'react'
 import type { Meta, StoryObj } from '@storybook/react'
 
-import { Badge, BadgeProps, badgeVariants } from './Badge'
+import { Badge, BadgeProps, badgeVariants } from './badge'
 
 const meta: Meta<typeof Badge> = {
 	component: Badge,

package/src/components/badge/index.ts

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