@orbit_ui_toolkit/orbitui-kit 0.1.16 → 0.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,32 @@
1
+ import { default as React } from 'react';
2
+ export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
3
+ /**
4
+ * The source URL of the image
5
+ */
6
+ src: string;
7
+ /**
8
+ * Alternate text for the image
9
+ */
10
+ alt: string;
11
+ /**
12
+ * How the image should resize to fit its container
13
+ */
14
+ fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
15
+ /**
16
+ * Border radius of the image
17
+ */
18
+ radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
19
+ /**
20
+ * Fallback image source if the main image fails to load
21
+ */
22
+ fallbackSrc?: string;
23
+ /**
24
+ * Width of the image
25
+ */
26
+ width?: string | number;
27
+ /**
28
+ * Height of the image
29
+ */
30
+ height?: string | number;
31
+ }
32
+ export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Image } from './Image';
3
+ declare const meta: Meta<typeof Image>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Image>;
6
+ export declare const Default: Story;
7
+ export declare const RoundedFull: Story;
8
+ export declare const Fallback: Story;
9
+ export declare const ObjectFitContain: Story;
@@ -7,5 +7,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
7
7
  variant?: 'default' | 'glass' | 'dark';
8
8
  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
9
9
  shadow?: boolean;
10
+ focusRing?: boolean;
11
+ focusRingColor?: string;
10
12
  }
11
13
  export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,10 +1,10 @@
1
1
  import { default as React } from 'react';
2
2
  export interface PostProps {
3
- username: string;
4
- profilePic: string;
3
+ username?: string;
4
+ profilePic?: string;
5
5
  postImage: string;
6
- likesCount: number;
7
- caption: string;
6
+ likesCount?: number;
7
+ caption?: string;
8
8
  location?: string;
9
9
  isLiked?: boolean;
10
10
  isBookmarked?: boolean;
@@ -12,5 +12,12 @@ export interface PostProps {
12
12
  onComment?: () => void;
13
13
  onShare?: () => void;
14
14
  onBookmark?: () => void;
15
+ variant?: 'social' | 'media';
16
+ title?: string;
17
+ tags?: string[];
18
+ rating?: number;
19
+ voteCount?: string;
20
+ actionLabel?: string;
21
+ onAction?: () => void;
15
22
  }
16
23
  export declare const Post: React.FC<PostProps>;
package/dist/index.d.ts CHANGED
@@ -14,3 +14,4 @@ export * from './components/InboxLayout/InboxLayout';
14
14
  export * from './components/Avatar/Avatar';
15
15
  export * from './components/Chat';
16
16
  export * from './components/Stack';
17
+ export * from './components/Dialog/BaseDialog';