@modul/mbui 0.0.16-beta-pv-53139-88618ef5 → 0.0.17-beta-pv-53151-c7f612b9

package/src/Icon/icons/Wheelchair.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgWheelchair = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M6.267 2.588c0-.879.715-1.588 1.6-1.588s1.6.71 1.6 1.588c0 .88-.715 1.588-1.6 1.588s-1.6-.709-1.6-1.588m11.66 13.903-2.134-5.294a1.07 1.07 0 0 0-.992-.668h-4.46l-.426-2.117h3.82c.586 0 1.066-.477 1.066-1.06 0-.581-.48-1.058-1.067-1.058H9.49l-.043-.212a1.063 1.063 0 0 0-1.259-.826c-.576.117-.95.668-.832 1.25L8.422 11.8c.096.487.533.847 1.045.847h4.608l1.867 4.627c.224.55.854.805 1.387.593.544-.222.81-.836.598-1.376m-6.049-.614a4.76 4.76 0 0 1-2.944 1.005c-2.646 0-4.8-2.139-4.8-4.764 0-1.27.5-2.467 1.408-3.367a1.05 1.05 0 0 0 0-1.493 1.07 1.07 0 0 0-1.505 0A6.77 6.77 0 0 0 2 12.118C2 15.908 5.115 19 8.934 19a6.87 6.87 0 0 0 4.256-1.45c.47-.36.544-1.028.181-1.483a1.06 1.06 0 0 0-1.493-.19"
+			d="M7.52 3.1c0-1.05.86-1.9 1.92-1.9a1.91 1.91 0 1 1 0 3.81 1.91 1.91 0 0 1-1.92-1.9Zm14 16.69-2.57-6.35c-.19-.49-.66-.8-1.19-.8h-5.35l-.51-2.55h4.58c.7 0 1.28-.57 1.28-1.27 0-.7-.57-1.27-1.28-1.27h-5.1l-.04-.25a1.28 1.28 0 0 0-1.52-1c-.69.15-1.13.8-1 1.5l1.29 6.36c.11.58.64 1.02 1.25 1.02h5.53l2.24 5.55a1.28 1.28 0 0 0 2.38-.94Zm-7.27-.74a5.75 5.75 0 0 1-9.3-4.51c.01-1.52.61-2.96 1.7-4.04.5-.5.5-1.3 0-1.8-.5-.49-1.3-.49-1.8 0a8.13 8.13 0 0 0-2.45 5.84 8.3 8.3 0 0 0 13.43 6.52c.56-.43.65-1.23.22-1.78a1.27 1.27 0 0 0-1.8-.23Z"
 		/>
 	</SvgIcon>
 )
-export default SvgWheelchair
+export default SvgWheelchair

package/src/Icon/icons/index.ts

@@ -47,8 +47,9 @@ export { default as CheckSmall } from './CheckSmall'
 export { default as Check } from './Check'
 export { default as Checklist } from './Checklist'
 export { default as Circle } from './Circle'
-export { default as Clock } from './Clock'
 export { default as Close } from './Close'
+export { default as Clock } from './Clock'
+export { default as ClockSolid } from './ClockSolid'
 export { default as Coins } from './Coins'
 export { default as Collapse } from './Collapse'
 export { default as Copy } from './Copy'
@@ -66,6 +67,7 @@ export { default as DoubleArrow } from './DoubleArrow'
 export { default as DoubleTick } from './DoubleTick'
 export { default as Download } from './Download'
 export { default as DropdownSmallOld } from './DropdownSmallOld'
+export { default as DropdownSmall } from './DropdownSmall'
 export { default as Dropdown } from './Dropdown'
 export { default as Dropup } from './Dropup'
 export { default as Edit } from './Edit'
@@ -109,6 +111,7 @@ export { default as MagicWand } from './MagicWand'
 export { default as MailSend } from './MailSend'
 export { default as Mail } from './Mail'
 export { default as MapPin } from './MapPin'
+export { default as MapPinSolid } from './MapPinSolid'
 export { default as Map } from './Map'
 export { default as Menu } from './Menu'
 export { default as MicOff } from './MicOff'

package/src/Input/InputMask.tsx

@@ -1,7 +1,28 @@
 import * as React from 'react'
 import { IMaskInput } from 'react-imask'
 
-const inputClasses = 'form-input border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-sm focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed'
+const inputClasses = `
+	form-input
+	leading-[1.17]
+	font-normal
+	border
+	border-input
+	rounded-sm
+	w-full
+	h-[44px]
+	bg-transparent
+	file:bg-transparent
+	file:text-sm
+	file:font-medium
+	file:border-0
+	focus-visible:ring-1 
+	focus-visible:ring-ring
+	disabled:cursor-not-allowed
+	disabled:opacity-50
+	placeholder:text-muted-foreground
+	transition-colors
+	focus-visible:outline-none
+	`
 
 const InputMask: React.FC = ({ ...props }) => {
 	return (

package/src/Input-OTP/Input.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
 import { OTPInput, OTPInputContext } from 'input-otp'
 import { cn } from '../@/lib/utils'
-// import { cn } from "@/lib/utils" порешать с алиасами
 
 const InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(
 	({ className, containerClassName, ...props }, ref) => (

package/src/Popover/Popover.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import cn from 'classnames'
+import cn from 'clsx'
 import * as PopoverPrimitive from '@radix-ui/react-popover'
 import {PopoverPortalProps, PopoverProps} from "@radix-ui/react-popover";
 
@@ -17,6 +17,28 @@ const PopoverPortal: React.FC<PopoverPortalProps> = ({ children, ...props }) =>
 	<PopoverPrimitive.Portal {...props}>{children}</PopoverPrimitive.Portal>
 )
 
+const popoverContentClasses = `
+	z-50
+	w-72
+	p-4
+	text-popover-foreground
+	bg-popover
+	border
+	rounded-md
+	shadow-md
+	outline-none
+	data-[state=open]:animate-in
+	data-[state=closed]:animate-out
+	data-[state=closed]:fade-out-0
+	data-[state=open]:fade-in-0
+	data-[state=closed]:zoom-out-95
+	data-[state=open]:zoom-in-95
+	data-[side=bottom]:slide-in-from-top-2
+	data-[side=left]:slide-in-from-right-2
+	data-[side=right]:slide-in-from-left-2
+	data-[side=top]:slide-in-from-bottom-2
+`
+
 const PopoverContent = React.forwardRef<
 	React.ElementRef<typeof PopoverPrimitive.Content>,
 	React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
@@ -26,7 +48,7 @@ const PopoverContent = React.forwardRef<
 		align={align}
 		sideOffset={sideOffset}
 		className={cn(
-			'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+			popoverContentClasses,
 			className
 		)}
 		{...props}

package/src/Progress/Progress.tsx

@@ -1,19 +1,27 @@
 import * as React from 'react'
 import * as ProgressPrimitive from '@radix-ui/react-progress'
-
 import { cn } from '../@/lib/utils'
 
+const progessClasses = `
+	relative
+	w-full
+	h-[--progress-height]
+	bg-[--progress-bg]
+	rounded-full
+	overflow-hidden
+`
+
 const Progress = React.forwardRef<
 	React.ElementRef<typeof ProgressPrimitive.Root>,
 	React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
 >(({ className, value, ...props }, ref) => (
 	<ProgressPrimitive.Root
 		ref={ref}
-		className={cn('relative h-[--progress-height] w-full overflow-hidden rounded-full bg-[--progress-bg]', className)}
+		className={cn(progessClasses, className)}
 		{...props}
 	>
 		<ProgressPrimitive.Indicator
-			className="bg-primary rounded-full w-full h-full transition-all"
+			className="bg-primary rounded-full transition-all size-full"
 			style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
 		/>
 	</ProgressPrimitive.Root>

package/src/Select/Select.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { SelectBase } from './SelectBase'
-import {GroupBase, Props} from "react-select";
+import { GroupBase, Props } from "react-select";
 
 type SelectBaseProps<
 	Option,

package/src/Select/SelectAccountCard.tsx

@@ -1,7 +1,5 @@
 import * as React from 'react'
-
-import { DropdownSmallOld, CheckSmall } from '../Icon'
-
+import { DropdownSmallOld, CheckSmall } from '../../src/Icon'
 import Select, {
 	components,
 	ControlProps,
@@ -14,11 +12,24 @@ import Select, {
 	Props,
 	GroupBase,
 } from 'react-select'
-
 import { cn } from '../@/lib/utils'
 
-const selectTriggerClasses: string =
-	'flex items-center bg-gradient-to-r from-[--cl-blue-3] to-primary shadow-[0px_8px_18px_0px_rgba(73,113,208,0.38)] px-[16px] py-[8px] border-none rounded-md min-h-[80px] text-left text-white cursor-pointer'
+const selectTriggerClasses: string = `
+	flex
+	items-center
+	py-[8px]
+	px-[16px]
+	min-h-[80px]
+	border-none
+	rounded-md
+	text-left
+	text-white
+	bg-gradient-to-r
+	from-[--cl-blue-3]
+	to-primary
+	shadow-[0px_8px_18px_0px_rgba(73,113,208,0.38)]
+	cursor-pointer
+`
 
 const colourStyles: StylesConfig = {
 	control: () => ({}),
@@ -47,8 +58,18 @@ const Control = ({ children, ...props }: ControlProps) => {
 	)
 }
 
-const optionClasses =
-	'flex items-center first:rounded-t-md last:rounded-b-md px-[12px] py-[16px] w-full cursor-default select-none outline-none'
+const optionClasses = `
+	flex
+	items-center
+	py-[16px]
+	px-[12px]
+	w-full
+	first:rounded-t-md
+	last:rounded-b-md
+	cursor-default
+	select-none
+	outline-none
+`
 
 const Option = ({ children, ...props }: OptionProps) => {
 	const {
@@ -74,7 +95,7 @@ const Option = ({ children, ...props }: OptionProps) => {
 				</span>
 			</span>
 
-			<span className="ml-[16px] w-[24px] h-[24px] shrink-0">
+			<span className="ml-[16px] shrink-0 size-[24px]">
 				{isSelected && (
 					<CheckSmall
 						width="24"

package/src/Select/SelectAsync.tsx

@@ -1,7 +1,5 @@
 import * as React from 'react'
-
-import { DropdownSmallOld, CheckSmall } from '../Icon'
-
+import { DropdownSmallOld, CheckSmall } from '../../src/Icon'
 import {
 	components,
 	ControlProps,
@@ -16,13 +14,21 @@ import {
 	LoadingIndicatorProps,
 	IndicatorsContainerProps,
 } from 'react-select'
-
 import AsyncSelect from 'react-select/async'
-
 import { cn } from '../@/lib/utils'
 
-const selectTriggerClasses: string =
-	'flex items-center border-[1px] border-input rounded-sm h-[44px] text-left px-[16px] py-[12px] cursor-pointer'
+const selectTriggerClasses: string = `
+	flex
+	items-center
+	py-[12px]
+	px-[16px]
+	h-[44px]
+	border-[1px]
+	border-input
+	rounded-sm
+	text-left
+	cursor-pointer
+`
 
 const colourStyles: StylesConfig = {
 	control: () => ({}),
@@ -68,7 +74,7 @@ const Option = ({ children, ...props }: OptionProps) => {
 		>
 			<span className="flex basis-0 grow">{children}</span>
 
-			<span className="ml-[16px] w-[24px] h-[24px] shrink-0">
+			<span className="ml-[16px] shrink-0 size-[24px]">
 				{isSelected && (
 					<CheckSmall
 						width="24"

package/src/Select/SelectBase.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { DropdownSmallOld, CheckSmall } from '../Icon'
+import { DropdownSmallOld, CheckSmall } from '../../src/Icon'
 
 import Select, {
 	components,
@@ -19,8 +19,18 @@ import Select, {
 
 import { cn } from '../@/lib/utils'
 
-const selectTriggerClasses: string =
-	'flex items-center border-[1px] border-input rounded-sm h-[44px] text-left px-[16px] py-[12px] cursor-pointer'
+const selectTriggerClasses: string = `
+	flex
+	items-center
+	py-[12px]
+	px-[16px]
+	h-[44px]
+	text-left
+	border-[1px]
+	border-input
+	rounded-sm
+	cursor-pointer
+`
 
 const colourStyles: StylesConfig = {
 	control: () => ({}),
@@ -66,7 +76,7 @@ const Option = ({ children, ...props }: OptionProps) => {
 		>
 			<span className="flex basis-0 grow">{children}</span>
 
-			<span className="ml-[16px] w-[24px] h-[24px] shrink-0">
+			<span className="ml-[16px] shrink-0 size-[24px]">
 				{isSelected && (
 					<CheckSmall
 						width="24"

package/src/Slider/Slider.tsx

@@ -1,6 +1,23 @@
 import * as React from 'react'
 import * as SliderPrimitive from '@radix-ui/react-slider'
-import cn from 'classnames'
+import cn from 'clsx'
+
+const sliderThumb = `
+	block
+	size-5
+	border-2
+	border-primary
+	bg-background
+	rounded-full
+	ring-offset-background
+	focus-visible:ring-2
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2
+	focus-visible:outline-none
+	disabled:pointer-events-none
+	disabled:opacity-50
+	transition-colors
+`
 
 const Slider = React.forwardRef<
 	React.ElementRef<typeof SliderPrimitive.Root>,
@@ -11,10 +28,10 @@ const Slider = React.forwardRef<
 		className={cn('relative flex w-full touch-none select-none items-center', className)}
 		{...props}
 	>
-		<SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
-			<SliderPrimitive.Range className="absolute h-full bg-primary" />
+		<SliderPrimitive.Track className="relative bg-secondary rounded-full w-full h-2 overflow-hidden grow">
+			<SliderPrimitive.Range className="absolute bg-primary h-full" />
 		</SliderPrimitive.Track>
-		<SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
+		<SliderPrimitive.Thumb className={sliderThumb} />
 	</SliderPrimitive.Root>
 ))
 

package/src/Switch/Switch.tsx

@@ -1,25 +1,38 @@
 
 import * as React from "react"
 import * as SwitchPrimitives from "@radix-ui/react-switch"
-
 import { cn } from "../@/lib/utils"
 
 const rootClasses = `
-	inline-flex items-center bg-light 
-	data-[state=checked]:bg-primary data-[state=unchecked]:bg-input 
-	disabled:opacity-50 shadow-sm rounded-full
-	focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
-	w-[32px] h-[18px]
-	transition-colors cursor-pointer
-	disabled:cursor-not-allowed peer shrink-0
+	inline-flex
+	items-center
+	w-[32px]
+	h-[18px]
+	bg-light 
+	shadow-sm
+	rounded-full
+	focus-visible:ring-2
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2
 	focus-visible:outline-none
+	data-[state=checked]:bg-primary
+	data-[state=unchecked]:bg-input
+	disabled:cursor-not-allowed peer shrink-0
+	disabled:opacity-50
+	transition-colors cursor-pointer
 `
 const ThumbClasses = `
-	border-2 border-input data-[state=checked]:border-primary
-	bg-page shadow-md rounded-full ring-0
-	w-[18px] h-[18px]
+	size-[18px]
+	border-2
+	border-input
+	bg-page
+	shadow-md
+	rounded-full
+	ring-0
+	data-[state=checked]:border-primary
+	data-[state=checked]:translate-x-[14px]
+	data-[state=unchecked]:translate-x-0
 	transition-transform
-	data-[state=checked]:translate-x-[14px] data-[state=unchecked]:translate-x-0
 	pointer-events-none
 `
 

package/src/Tabs/Tabs.tsx

@@ -11,6 +11,15 @@ type TabsComponents = {
 
 const Tabs: React.FC<TabsProps> & TabsComponents = ({ ...props }) => <TabsPrimitive.Root {...props} />
 
+const tabListClasses = `
+	inline-flex
+	bg-[--tabs-bg]
+	p-[1px]
+	rounded-[--tabs-round]
+	data-[orientation=horizontal]:h-[--tabs-height]
+	data-[orientation=vertical]:flex-col
+`
+
 const TabsList = React.forwardRef<
 	React.ElementRef<typeof TabsPrimitive.List>,
 	React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
@@ -18,7 +27,7 @@ const TabsList = React.forwardRef<
 	<TabsPrimitive.List
 		ref={ref}
 		className={cn(
-			'inline-flex bg-[--tabs-bg] p-[1px] rounded-[--tabs-round] data-[orientation=horizontal]:h-[--tabs-height] data-[orientation=vertical]:flex-col',
+			tabListClasses,
 			className
 		)}
 		{...props}
@@ -26,18 +35,33 @@ const TabsList = React.forwardRef<
 ))
 
 const triggerClasses = `
-	flex-1 shrink-0
+	flex-1
+	shrink-0
+	ring-offset-background
+	h-[--tab-height]
+	text-center
+	text-[12px]
+	leading-[1.16]
+	truncate
+	border
+	border-transparent
+	rounded-sm
+	motion-reduce:hover:transform-none
+	motion-reduce:transition-none
+	focus-visible:outline-none
+	focus-visible:ring-2 
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2 
 	data-[state=active]:border-[--tab-border] 
 	data-[state=active]:bg-[--tab-bg] 
 	data-[state=active]:shadow-sm px-[8px] 
 	data-[orientation=vertical]:basis-auto 
 	data-[state=inactive]:text-dark 
-	border border-transparent rounded-sm focus-visible:ring-2 
-	focus-visible:ring-ring ring-offset-background focus-visible:ring-offset-2 
-	h-[--tab-height] text-[12px] text-center truncate 
-	leading-[1.16] whitespace-nowrap motion-reduce:hover:transform-none
-	transition-all motion-reduce:transition-none overflow-hidden
-	focus-visible:outline-none disabled:pointer-events-none`
+	disabled:pointer-events-none
+	transition-all
+	overflow-hidden
+	whitespace-nowrap
+`
 
 const TabsTrigger = React.forwardRef<
 	React.ElementRef<typeof TabsPrimitive.Trigger>,
@@ -50,6 +74,14 @@ const TabsTrigger = React.forwardRef<
 	/>
 ))
 
+const tabsContentClasses = `
+	ring-offset-background
+	focus-visible:outline-none
+	focus-visible:ring-2
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2
+`
+
 const TabsContent = React.forwardRef<
 	React.ElementRef<typeof TabsPrimitive.Content>,
 	React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
@@ -57,7 +89,7 @@ const TabsContent = React.forwardRef<
 	<TabsPrimitive.Content
 		ref={ref}
 		className={cn(
-			'ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+			tabsContentClasses,
 			className
 		)}
 		{...props}

package/src/Textarea/Textarea.tsx

@@ -1,24 +1,35 @@
-import * as React from "react"
+import * as React from 'react'
+import { cn } from '../@/lib/utils'
 
-import { cn } from "../@/lib/utils"
+const textAreaClasses = `
+	flex
+	py-2
+	px-3
+	min-h-[60px]
+	w-full
+	border
+	border-input
+	rounded-md
+	bg-transparent
+	placeholder:text-light
+	focus-visible:outline-none
+	focus-visible:ring-1 
+	focus-visible:ring-ring
+	disabled:cursor-not-allowed
+	disabled:opacity-50
+`
 
-export interface TextareaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
 
-const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
-  ({ className, ...props }, ref) => {
-    return (
-      <textarea
-        className={cn(
-          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 placeholder:text-light focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        )}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-Textarea.displayName = "Textarea"
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {
+	return (
+		<textarea
+			className={cn(textAreaClasses, className)}
+			ref={ref}
+			{...props}
+		/>
+	)
+})
+Textarea.displayName = 'Textarea'
 
 export { Textarea }

package/src/assets/css/global.css

@@ -84,6 +84,15 @@
         --cl-yellow-6: #fae6aa;
         --cl-yellow-7: #fcf2ce;
 
+        /* Оранжевый */
+        --cl-orange-1: #C33918;
+        --cl-orange-2: #E35F19;
+        --cl-orange-3: #F27922;
+        --cl-orange-4: #F99631;
+        --cl-orange-5: #FBB26A;
+        --cl-orange-6: #FDCF93;
+        --cl-orange-7: #FFE8C4;
+
         /* Красный */
         --cl-red-1: #a61d1d;
         --cl-red-2: #bd2c2c;
@@ -102,9 +111,9 @@
         --dark: var(--cl-graphite-2);
         --disabled: var(--cl-graphite-4);
         --bg-light: var(--cl-graphite-7);
-        --warning: var(--cl-yellow-2);
+        --warning: var(--cl-orange-2);
         --warning-light: var(--cl-yellow-7);
-        --critical: var(--cl-red-2);
+        --critical: var(--cl-red-3);
         --critical-light: var(--cl-red-7);
         /* --text-quaternary:; */
 
@@ -147,9 +156,6 @@
         --btn-txt-primary-hover: var(--cl-blue-3);
         --btn-txt-primary-focus: var(--cl-blue-3);
         --btn-txt-primary-active: var(--cl-blue-1);
-
-        --btn-widget-bg:var(--page-bg);
-        --btn-widget-icon:var(--primary);
         /* =========================================== */
         /* ЦВЕТ КНОПОК */
         
@@ -199,7 +205,6 @@
         /* =========================================== */
         /* DRAWER */
 
-
     }
 
 

package/src/index.ts

@@ -19,7 +19,7 @@ import {
 	AccountCollapsibleContent,
 	AccountCollapsibleContentItem,
 } from './Collapsible'
-import { Button, buttonVariants } from './Button'
+import { Button } from './Button'
 import { Audio } from './Audio'
 import { cn } from './@/lib/utils'
 import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer'
@@ -35,7 +35,7 @@ import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, For
 import { Calendar } from './Calendar'
 import { DatePicker } from './DatePicker'
 import { Select } from './Select'
-import { Progress } from './Progress'
+import { Progress } from "./Progress"
 import {
 	AlertDialog,
 	AlertDialogTrigger,
@@ -47,8 +47,6 @@ import {
 	AlertDialogAction,
 	AlertDialogCancel,
 } from './AlertDialog'
-import { Badge, badgeVariants } from './Badge'
-import { Checkbox } from './Checkbox'
 
 export {
 	Tooltip,
@@ -69,7 +67,6 @@ export {
 	AccountCollapsibleContent,
 	AccountCollapsibleContentItem,
 	Button,
-	buttonVariants,
 	InputField,
 	InputLabel,
 	Audio,
@@ -113,7 +110,4 @@ export {
 	AlertDialogDescription,
 	AlertDialogAction,
 	AlertDialogCancel,
-	Badge,
-	badgeVariants,
-	Checkbox
-}
+}

package/dist/Badge/Badge.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const badgeVariants: (props?: {
-    variant?: "default";
-    size?: "default" | "dot";
-} & import("class-variance-authority/dist/types").ClassProp) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, size, ...props }: BadgeProps): React.JSX.Element;
-export { Badge, badgeVariants };