@dinofront/design_system 0.1.3 → 1.0.0

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,2 @@
+import { DividerProps } from './Divider.types';
+export declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Divider/Divider.types.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import { BaseProps } from '../../types';
+export type DividerOrientation = 'horizontal' | 'vertical';
+export type DividerVariant = 'solid' | 'dashed';
+export type DividerColor = 'default' | 'subtle' | 'strong' | 'brand';
+export interface DividerProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
+    orientation?: DividerOrientation;
+    variant?: DividerVariant;
+    color?: DividerColor;
+}

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

@@ -0,0 +1,2 @@
+export { Divider } from './Divider';
+export type { DividerColor, DividerOrientation, DividerProps, DividerVariant } from './Divider.types';

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,2 @@
+import { ProgressProps } from './Progress.types';
+export declare const Progress: import('react').ForwardRefExoticComponent<ProgressProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Progress/Progress.types.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+import { BaseProps } from '../../types';
+export type ProgressVariant = 'linear' | 'circular';
+export type ProgressSize = 'sm' | 'lg';
+export interface ProgressProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
+    variant?: ProgressVariant;
+    size?: ProgressSize;
+    /** Completion percentage (0-100). Ignored when `stepCount`/`currentStep` are set. */
+    percent?: number;
+    stepCount?: number;
+    currentStep?: number;
+    /** Hides the percent/step text next to (linear) or inside (circular) the bar. */
+    hideLabel?: boolean;
+    /** Circular only — overrides the size-based default radius, in px. */
+    dimension?: number;
+    /** Circular only — renders an indeterminate spinner instead of tracking `percent`. */
+    loop?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Progress } from './Progress';
+export type { ProgressProps, ProgressSize, ProgressVariant } from './Progress.types';

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonProps } from './Skeleton.types';
+export declare const Skeleton: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/Skeleton/Skeleton.types.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { BaseProps } from '../../types';
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded';
+export type SkeletonAnimation = 'pulse' | 'wave' | 'none';
+export interface SkeletonProps extends HTMLAttributes<HTMLSpanElement>, BaseProps {
+    /** Visual shape of the placeholder. */
+    variant?: SkeletonVariant;
+    /** Animation style. Pass `'none'` to disable. */
+    animation?: SkeletonAnimation;
+    /** Width as a number (px) or any valid CSS length / percentage. */
+    width?: number | string;
+    /** Height as a number (px) or any valid CSS length / percentage. */
+    height?: number | string;
+    /** Render N stacked skeletons. Useful for placeholder paragraphs. */
+    count?: number;
+    /**
+     * If provided, the skeleton wraps the children and infers its size from
+     * them while the children remain invisible (used as a layout guide).
+     */
+    children?: ReactNode;
+    style?: CSSProperties;
+}

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

@@ -0,0 +1,2 @@
+export { Skeleton } from './Skeleton';
+export type { SkeletonAnimation, SkeletonProps, SkeletonVariant } from './Skeleton.types';

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/ButtonGroup';
 export * from './components/Card';
 export * from './components/Checkbox';
 export * from './components/DatePicker';
+export * from './components/Divider';
 export * from './components/Drawer';
 export * from './components/DropdownMenu';
 export * from './components/Filter';
@@ -18,9 +19,11 @@ export * from './components/MultiSelect';
 export * from './components/NotificationBadge';
 export * from './components/Pagination';
 export * from './components/PersonCard';
+export * from './components/Progress';
 export * from './components/Radio';
 export * from './components/Select';
 export * from './components/Sidebar';
+export * from './components/Skeleton';
 export * from './components/Snackbar';
 export * from './components/Status';
 export * from './components/Switch';