@umituz/web-design-system 1.8.5 → 1.8.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-design-system",
-  "version": "1.8.5",
+  "version": "1.8.7",
   "private": false,
   "description": "Web Design System - Atomic Design components (Atoms, Molecules, Organisms, Templates) for React applications",
   "main": "./src/index.ts",

package/src/presentation/atoms/AspectRatio.tsx

@@ -11,7 +11,7 @@
 
 import * as React from "react";
 
-import { cn } from "../../infrastructure/utils/cn";
+import { cn } from "../../infrastructure/utils";
 
 interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {
   ratio?: number;

package/src/presentation/atoms/Badge.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ColorVariant, SizeVariant } from '../../domain/types';
 
 export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, BaseProps {

package/src/presentation/atoms/Button.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type ButtonHTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, SizeVariant, ColorVariant } from '../../domain/types';
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, BaseProps {

package/src/presentation/atoms/Checkbox.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type InputHTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, BaseProps {

package/src/presentation/atoms/Divider.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export interface DividerProps extends HTMLAttributes<HTMLDivElement>, BaseProps {

package/src/presentation/atoms/Icon.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type SVGAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, SizeVariant } from '../../domain/types';
 
 export interface IconProps extends SVGAttributes<SVGSVGElement>, BaseProps {

package/src/presentation/atoms/Input.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type InputHTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, SizeVariant } from '../../domain/types';
 
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, BaseProps {

package/src/presentation/atoms/Label.tsx

@@ -5,7 +5,7 @@
 
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 
 const Label = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,

package/src/presentation/atoms/Link.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type AnchorHTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, BaseProps {

package/src/presentation/atoms/Progress.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export interface ProgressProps extends HTMLAttributes<HTMLDivElement>, BaseProps {

package/src/presentation/atoms/Radio.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type InputHTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, BaseProps {

package/src/presentation/atoms/Skeleton.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export interface SkeletonProps extends HTMLAttributes<HTMLDivElement>, BaseProps {

package/src/presentation/atoms/Slider.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type InputHTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value'>, BaseProps {

package/src/presentation/atoms/Spinner.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, SizeVariant } from '../../domain/types';
 
 export interface SpinnerProps extends HTMLAttributes<HTMLDivElement>, BaseProps {

package/src/presentation/atoms/Text.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export type TextElement = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label';

package/src/presentation/atoms/Tooltip.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes, type ReactNode, useState, useRef, useEffect } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'>, BaseProps {

package/src/presentation/molecules/Avatar.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes, type ElementType, type ComponentPropsWithoutRef } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, SizeVariant } from '../../domain/types';
 
 export interface AvatarProps extends HTMLAttributes<HTMLDivElement>, BaseProps {

package/src/presentation/molecules/CheckboxGroup.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 import { Checkbox } from '../atoms/Checkbox';
 import { Text } from '../atoms/Text';

package/src/presentation/molecules/Chip.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type ReactNode } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ColorVariant } from '../../domain/types';
 import { Badge } from '../atoms/Badge';
 import { Icon } from '../atoms/Icon';

package/src/presentation/molecules/FormField.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type ReactNode } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 import { Input } from '../atoms/Input';
 import { Text } from '../atoms/Text';

package/src/presentation/molecules/InputGroup.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type ReactNode, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 import { Input } from '../atoms/Input';
 

package/src/presentation/molecules/ListItem.tsx

@@ -5,7 +5,7 @@
  */
 
 import { forwardRef, type ReactNode, type MouseEvent } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import { Button } from '../atoms';
 import type { BaseProps } from '../../domain/types';
 

package/src/presentation/molecules/RadioGroup.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 import { Radio } from '../atoms/Radio';
 import { Text } from '../atoms/Text';

package/src/presentation/molecules/ScrollArea.tsx

@@ -5,7 +5,7 @@
 
 import * as React from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 
 const ScrollArea = React.forwardRef<
   React.ElementRef<typeof ScrollAreaPrimitive.Root>,

package/src/presentation/molecules/SearchBox.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 import { Input } from '../atoms/Input';
 import { Icon } from '../atoms/Icon';

package/src/presentation/molecules/Select.tsx

@@ -6,7 +6,7 @@
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Check, ChevronDown, ChevronUp } from 'lucide-react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 
 const Select = SelectPrimitive.Root;
 

package/src/presentation/molecules/Textarea.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type TextareaHTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, BaseProps {

package/src/presentation/molecules/Toggle.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type ButtonHTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export interface ToggleProps extends ButtonHTMLAttributes<HTMLButtonElement>, BaseProps {

package/src/presentation/organisms/Accordion.tsx

@@ -6,7 +6,7 @@
 import * as React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDown } from 'lucide-react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 
 const Accordion = AccordionPrimitive.Root;
 

package/src/presentation/organisms/Alert.tsx

@@ -4,7 +4,7 @@
  */
 
 import * as React from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
   variant?: 'default' | 'destructive';

package/src/presentation/organisms/AlertDialog.tsx

@@ -24,7 +24,7 @@
 import * as React from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
-import { cn } from "../../infrastructure/utils/cn";
+import { cn } from "../../infrastructure/utils";
 import { buttonVariants } from "../../atoms/Button";
 
 const AlertDialog = AlertDialogPrimitive.Root;

package/src/presentation/organisms/Breadcrumb.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 import { Icon } from '../atoms/Icon';
 import { Link } from '../atoms/Link';

package/src/presentation/organisms/Calendar.tsx

@@ -16,7 +16,7 @@ import * as React from "react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { DayPicker } from "react-day-picker";
 
-import { cn } from "../../infrastructure/utils/cn";
+import { cn } from "../../infrastructure/utils";
 
 export type CalendarProps = React.ComponentProps<typeof DayPicker>;
 

package/src/presentation/organisms/Card.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export interface CardProps extends HTMLAttributes<HTMLDivElement>, BaseProps {

package/src/presentation/organisms/ConfirmDialog.tsx

@@ -5,7 +5,7 @@
  */
 
 import { forwardRef, type ReactNode } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import {
   Dialog,
   DialogContent,

package/src/presentation/organisms/DataTable.tsx

@@ -4,7 +4,7 @@
  */
 
 import { useState, useMemo } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import {
   Table,
   TableHeader,

package/src/presentation/organisms/Dialog.tsx

@@ -6,7 +6,7 @@
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X } from 'lucide-react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 
 const Dialog = DialogPrimitive.Root;
 

package/src/presentation/organisms/EmptyState.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, SizeVariant } from '../../domain/types';
 
 export interface EmptyStateProps extends BaseProps {

package/src/presentation/organisms/Footer.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export interface FooterProps extends HTMLAttributes<HTMLElement>, BaseProps {

package/src/presentation/organisms/FormModal.tsx

@@ -5,7 +5,7 @@
  */
 
 import { forwardRef, type ComponentType, type ReactNode } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import {
   Dialog,
   DialogContent,

package/src/presentation/organisms/HoverCard.tsx

@@ -5,7 +5,7 @@
 
 import * as React from 'react';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 
 const HoverCard = HoverCardPrimitive.Root;
 

package/src/presentation/organisms/LoadingState.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import { Spinner } from '../atoms/Spinner';
 import type { BaseProps, SizeVariant } from '../../domain/types';
 

package/src/presentation/organisms/MetricCard.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type ComponentProps } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import { Card, CardContent } from './Card';
 import type { BaseProps, ColorVariant, SizeVariant } from '../../domain/types';
 

package/src/presentation/organisms/Modal.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export interface ModalProps extends HTMLAttributes<HTMLDivElement>, BaseProps {

package/src/presentation/organisms/Navbar.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export interface NavbarProps extends HTMLAttributes<HTMLElement>, BaseProps {

package/src/presentation/organisms/Popover.tsx

@@ -5,7 +5,7 @@
 
 import * as React from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 
 const Popover = PopoverPrimitive.Root;
 

package/src/presentation/organisms/QuickActionCard.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, SizeVariant } from '../../domain/types';
 
 export interface QuickActionCardProps extends BaseProps {

package/src/presentation/organisms/Sheet.tsx

@@ -6,7 +6,7 @@
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { X } from 'lucide-react';
 import * as React from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 
 const Sheet = SheetPrimitive.Root;
 

package/src/presentation/organisms/StatCard.tsx

@@ -5,7 +5,7 @@
  */
 
 import { forwardRef, type ComponentType } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import { Card, CardContent } from './Card';
 import { Progress } from '../atoms';
 import { ArrowUpRight, ArrowDownRight } from 'lucide-react';

package/src/presentation/organisms/Table.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export interface TableProps extends HTMLAttributes<HTMLTableElement>, BaseProps {}

package/src/presentation/organisms/Tabs.tsx

@@ -4,7 +4,7 @@
  */
 
 import { useState, useCallback, type ReactNode, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export interface Tab {

package/src/presentation/templates/Form.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type FormHTMLAttributes, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export interface FormProps extends FormHTMLAttributes<HTMLFormElement>, BaseProps {

package/src/presentation/templates/List.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export interface ListProps extends HTMLAttributes<HTMLUListElement>, BaseProps {

package/src/presentation/templates/PageHeader.tsx

@@ -5,7 +5,7 @@
 
 import { forwardRef, type HTMLAttributes } from 'react';
 import { type ReactNode } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export type TextAlign = 'left' | 'center' | 'right';

package/src/presentation/templates/PageLayout.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export type MaxWidth = '4xl' | '7xl' | 'full';

package/src/presentation/templates/ProjectSkeleton.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 
 export interface ProjectSkeletonProps extends HTMLAttributes<HTMLDivElement>, BaseProps {}

package/src/presentation/templates/Section.tsx

@@ -4,7 +4,7 @@
  */
 
 import { forwardRef, type HTMLAttributes } from 'react';
-import { cn } from '../../infrastructure/utils/cn';
+import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ChildrenProps } from '../../domain/types';
 
 export interface SectionProps extends HTMLAttributes<HTMLElement>, BaseProps {