buildgrid-ui 1.1.0-alpha.6 → 1.1.0-dev.11

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/badge/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/button/button.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "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> {

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

@@ -0,0 +1,19 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

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

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

package/dist/components/index.d.ts

@@ -1,11 +1,18 @@
-export * from './adaptative-input';
+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 './dialog';
 export * from './dropdown-menu';
 export * from './input';
+export * from './pagination';
+export * from './password-input';
 export * from './popover';
+export * from './progress';
 export * from './skeleton';
+export * from './switch';

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

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

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { ButtonProps } from '../button';
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & ButtonProps;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

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/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/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,12 +1,3 @@
-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';
+export * from './blocks';
+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.6",
+	"version": "1.1.0-dev.11",
 	"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,18 +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,26 +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',
-	],
-	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/dist/components/adaptative-input/index.d.ts

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

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/adaptative-input/adaptative-input.stories.tsx

@@ -1,30 +0,0 @@
-// 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

@@ -1,66 +0,0 @@
-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

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

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

@@ -1,85 +0,0 @@
-// 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: {},
-}