@true-tech-team/react-components 0.0.1 → 0.0.2

package/lib/components/display/Tag/Tag.d.ts

@@ -0,0 +1,60 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../../types/component.types';
+/**
+ * Props for the Tag component
+ */
+export interface TagProps extends BaseComponentProps {
+    /**
+     * Visual variant of the tag
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Size of the tag
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the tag is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the tag can be removed
+     * @default false
+     */
+    removable?: boolean;
+    /**
+     * Callback when remove button is clicked
+     */
+    onRemove?: () => void;
+    /**
+     * Callback when tag is clicked (makes tag interactive)
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+}
+/**
+ * Tag - Standalone tag element for labeling and categorization
+ *
+ * @example
+ * ```tsx
+ * <Tag variant="primary" size="md">
+ *   React
+ * </Tag>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Tag variant="secondary" size="sm" removable onRemove={() => console.log('removed')}>
+ *   Removable
+ * </Tag>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Tag variant="tertiary" onClick={() => console.log('clicked')}>
+ *   Clickable
+ * </Tag>
+ * ```
+ */
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLElement>>;

package/lib/components/display/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export { Tag } from './Tag';
+export type { TagProps } from './Tag';

package/lib/components/display/index.d.ts

@@ -1 +1,11 @@
 export * from './Icon';
+export * from './Badge';
+export * from './Chip';
+export * from './Pill';
+export * from './Tag';
+export * from './Avatar';
+export * from './StatusIndicator';
+export * from './ProgressBar';
+export * from './CircularProgress';
+export * from './KPI';
+export * from './Skeleton';

package/lib/components/index.d.ts

@@ -2,6 +2,26 @@ export { Button } from './buttons/Button';
 export type { ButtonProps } from './buttons/Button';
 export { Icon } from './display/Icon';
 export type { IconProps } from './display/Icon';
+export { Badge } from './display/Badge';
+export type { BadgeProps } from './display/Badge';
+export { Chip } from './display/Chip';
+export type { ChipProps } from './display/Chip';
+export { Pill } from './display/Pill';
+export type { PillProps } from './display/Pill';
+export { Tag } from './display/Tag';
+export type { TagProps } from './display/Tag';
+export { Avatar } from './display/Avatar';
+export type { AvatarProps } from './display/Avatar';
+export { StatusIndicator } from './display/StatusIndicator';
+export type { StatusIndicatorProps } from './display/StatusIndicator';
+export { ProgressBar } from './display/ProgressBar';
+export type { ProgressBarProps } from './display/ProgressBar';
+export { CircularProgress } from './display/CircularProgress';
+export type { CircularProgressProps } from './display/CircularProgress';
+export { KPI } from './display/KPI';
+export type { KPIProps } from './display/KPI';
+export { Skeleton } from './display/Skeleton';
+export type { SkeletonProps } from './display/Skeleton';
 export { Portal } from './overlays/Portal';
 export type { PortalProps } from './overlays/Portal';
 export { Popover } from './overlays/Popover';
@@ -13,7 +33,7 @@ export type { MenuProps, MenuListProps, MenuItemProps, MenuDividerProps, MenuGro
 export { Dropdown } from './overlays/Dropdown';
 export type { DropdownProps } from './overlays/Dropdown';
 export { Input } from './inputs/Input';
-export type { InputProps, ValidationResult, FormatMask, ValidationTiming, InputType } from './inputs/Input';
+export type { InputProps, ValidationResult, FormatMask, ValidationTiming, InputType, } from './inputs/Input';
 export { Autocomplete } from './inputs/Autocomplete';
 export type { AutocompleteProps, AutocompleteOption } from './inputs/Autocomplete';
 export { Toggle } from './inputs/Toggle';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-tech-team/react-components",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "React TypeScript component library",
   "main": "./index.js",
   "types": "./index.d.ts",