@krrli/cm-designsystem 1.32.2 → 1.32.3

package/dist/compositions/post/Post.d.ts

@@ -0,0 +1,76 @@
+import { VariantProps } from 'tailwind-variants';
+declare const PostStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        lg: {
+            base: string[];
+        };
+        md: {};
+    };
+}, {
+    base: never[];
+    avatar: string[];
+    content: string[];
+    text: string[];
+    action: string[];
+}, undefined, {
+    size: {
+        lg: {
+            base: string[];
+        };
+        md: {};
+    };
+}, {
+    base: never[];
+    avatar: string[];
+    content: string[];
+    text: string[];
+    action: string[];
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        lg: {
+            base: string[];
+        };
+        md: {};
+    };
+}, {
+    base: never[];
+    avatar: string[];
+    content: string[];
+    text: string[];
+    action: string[];
+}, undefined, unknown, unknown, undefined>>;
+type PostVariants = VariantProps<typeof PostStyles>;
+type PostSize = "md" | "lg";
+interface PostProps extends PostVariants {
+    /** Size of the post, affecting layout and styling. */
+    size: PostSize;
+    /** The display name of the user who created the post. */
+    displayName: string;
+    /** The username or handle associated with the post. */
+    userName: string;
+    /** The date and time when the post was created. */
+    timestamp: Date;
+    /** The main text content of the post. */
+    text: string;
+    /** Avatar image URL */
+    src: string;
+    /** Triggered when the avatar is clicked. */
+    onAvatarClick: () => void;
+    /** Optional image source URL displayed within the post. */
+    imageSrc?: string;
+    /** Optional alt text for the post image, used for accessibility. */
+    imageAlt?: string;
+    /** Callback fired when the comment button is clicked. */
+    onCommentClick: () => void;
+    /** Callback fired when the like button is clicked. */
+    onLikeClick: () => void;
+    /** Callback fired when the share button is clicked. */
+    onShareClick: () => void;
+}
+/**
+ * Detailed post component displaying user info, text content,
+ * optional image, and action buttons (comment, like, share).
+ */
+export declare const Post: React.FC<PostProps>;
+export {};
+//# sourceMappingURL=Post.d.ts.map

package/dist/compositions/post/Post.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Post.d.ts","sourceRoot":"","sources":["../../../src/compositions/post/Post.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAa1D,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAcd,CAAC;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5B,UAAU,SAAU,SAAQ,YAAY;IACtC,sDAAsD;IACtD,IAAI,EAAE,QAAQ,CAAC;IAEf,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IAEpB,uDAAuD;IACvD,QAAQ,EAAE,MAAM,CAAC;IAEjB,mDAAmD;IACnD,SAAS,EAAE,IAAI,CAAC;IAEhB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IAEb,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IAEZ,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yDAAyD;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,sDAAsD;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,uDAAuD;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiDpC,CAAC"}

package/dist/compositions/post-base/PostBase.d.ts

@@ -0,0 +1,42 @@
+import { VariantProps } from 'tailwind-variants';
+declare const PostBaseStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+}, undefined, unknown, unknown, undefined>>;
+type PostBaseVariants = VariantProps<typeof PostBaseStyles>;
+export interface PostBaseProps extends PostBaseVariants {
+    /**
+     * Additional CSS class names to apply to the component.
+     */
+    className?: string;
+    /** Content to be rendered inside the PostBase component */
+    children: React.ReactNode;
+}
+/**
+ * Base layout wrapper for a post, including an avatar section
+ * and content area.
+ */
+export declare const PostBase: React.FC<PostBaseProps>;
+export {};
+//# sourceMappingURL=PostBase.d.ts.map

package/dist/compositions/post-base/PostBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostBase.d.ts","sourceRoot":"","sources":["../../../src/compositions/post-base/PostBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;2CAgBlB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5D,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2DAA2D;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAI5C,CAAC"}

package/dist/compositions/post-creator/PostCreator.d.ts

@@ -0,0 +1,70 @@
+import { VariantProps } from 'tailwind-variants';
+declare const PostCreatorStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            input?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            avatar?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            content?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            input?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            avatar?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            content?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string[];
+    avatar: string[];
+    title: string[];
+    input: string[];
+    action: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            input?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            avatar?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            content?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string[];
+    avatar: string[];
+    title: string[];
+    input: string[];
+    action: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    content: string[];
+    avatar: string[];
+    title: string[];
+    input: string[];
+    action: string[];
+}, undefined, unknown, unknown, undefined>>;
+type PostCreatorVariants = VariantProps<typeof PostCreatorStyles>;
+interface PostCreatorProps extends PostCreatorVariants {
+    /** Avatar image URL */
+    src: string;
+    /** Triggered when the avatar is clicked. */
+    onAvatarClick: () => void;
+    /**
+     * Callback fired when the "Send" button is clicked.
+     *   Receives the textarea text and the optionally uploaded file.
+     */
+    onSendClick: (text: string, file: File | null) => void;
+}
+/**
+ * PostCreator component
+ *
+ * Renders a post creation component.
+ */
+export declare const PostCreator: React.FC<PostCreatorProps>;
+export {};
+//# sourceMappingURL=PostCreator.d.ts.map

package/dist/compositions/post-creator/PostCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostCreator.d.ts","sourceRoot":"","sources":["../../../src/compositions/post-creator/PostCreator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1D,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAQrB,CAAC;AAEH,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAElE,UAAU,gBAAiB,SAAQ,mBAAmB;IACpD,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IAEZ,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B;;;OAGG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACxD;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuDlD,CAAC"}

package/dist/compositions/profile-banner/ProfileBanner.d.ts

@@ -0,0 +1,83 @@
+import { VariantProps } from 'tailwind-variants';
+declare const ProfileBannerStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            avatar?: import('tailwind-merge').ClassNameValue;
+            info?: import('tailwind-merge').ClassNameValue;
+            description?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            avatar?: import('tailwind-merge').ClassNameValue;
+            info?: import('tailwind-merge').ClassNameValue;
+            description?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    avatar: string[];
+    info: string[];
+    description: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            avatar?: import('tailwind-merge').ClassNameValue;
+            info?: import('tailwind-merge').ClassNameValue;
+            description?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    avatar: string[];
+    info: string[];
+    description: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+    avatar: string[];
+    info: string[];
+    description: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ProfileBannerVariants = VariantProps<typeof ProfileBannerStyles>;
+interface ProfileBannerProps extends ProfileBannerVariants {
+    /** URL of the user's avatar image. */
+    avatarSrc: string;
+    /** Alt text for the avatar image. */
+    avatarAlt: string;
+    /** URL of the profile banner or main image. */
+    imageSrc: string;
+    /** Alt text for the main image. */
+    imageAlt: string;
+    /** The user's display name. */
+    displayName: string;
+    /** The user’s username/handle. */
+    userName: string;
+    /** The user’s location string. */
+    location: string;
+    /** Date when the user joined. */
+    joinedTimestamp: Date;
+    /** Bio or profile description text. */
+    description: string;
+    /** Whether the profile being viewed belongs to the logged-in user. */
+    isCurrentUser: boolean;
+    /**
+     *     Optional callback triggered when the profile/banner image changes.
+     *     Receives the selected `File`, or `null` if cleared.
+     */
+    onProfileImageChange?: (file: File | null) => void;
+    /**
+     *     Optional callback triggered when the avatar image changes.
+     *     Receives the selected `File`, or `null` if cleared.
+     */
+    onAvatarImageChange?: (file: File | null) => void;
+}
+/**
+ * Profile banner component for displaying user profile info.
+ */
+export declare const ProfileBanner: React.FC<ProfileBannerProps>;
+export {};
+//# sourceMappingURL=ProfileBanner.d.ts.map

package/dist/compositions/profile-banner/ProfileBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileBanner.d.ts","sourceRoot":"","sources":["../../../src/compositions/profile-banner/ProfileBanner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAOvB,CAAC;AAEH,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEtE,UAAU,kBAAmB,SAAQ,qBAAqB;IACxD,sCAAsC;IACtC,SAAS,EAAE,MAAM,CAAC;IAElB,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAElB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IAEjB,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IAEjB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IAEpB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,CAAC;IAEjB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,CAAC;IAEjB,iCAAiC;IACjC,eAAe,EAAE,IAAI,CAAC;IAEtB,uCAAuC;IACvC,WAAW,EAAE,MAAM,CAAC;IAEpB,sEAAsE;IACtE,aAAa,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoDtD,CAAC"}

package/dist/compositions/profile-banner-image/ProfileBannerImage.d.ts

@@ -0,0 +1,55 @@
+import { VariantProps } from 'tailwind-variants';
+declare const ProfileBannerImageStyles: import('tailwind-variants').TVReturnType<{
+    isFallback: {
+        true: {
+            image: string[];
+        };
+    };
+}, {
+    base: string[];
+    image: string[];
+    overlay: string[];
+    icon: string[];
+}, undefined, {
+    isFallback: {
+        true: {
+            image: string[];
+        };
+    };
+}, {
+    base: string[];
+    image: string[];
+    overlay: string[];
+    icon: string[];
+}, import('tailwind-variants').TVReturnType<{
+    isFallback: {
+        true: {
+            image: string[];
+        };
+    };
+}, {
+    base: string[];
+    image: string[];
+    overlay: string[];
+    icon: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ProfileBannerImageVariants = VariantProps<typeof ProfileBannerImageStyles>;
+interface ProfileBannerImageProps extends ProfileBannerImageVariants {
+    /** Avatar image URL */
+    src: string;
+    /**
+     * Alternative text for the image, used for accessibility.
+     */
+    alt: string;
+    /** Click handler for the whole ProfileBannerImage component */
+    onClick: () => void;
+}
+/**
+ * ProfileBannerImage component
+ *
+ * Displays a banner image with a fixed aspect ratio (17:8) and an optional overlay icon.
+ * If the image fails to load, a fallback element is displayed instead.
+ */
+export declare const ProfileBannerImage: React.FC<ProfileBannerImageProps>;
+export {};
+//# sourceMappingURL=ProfileBannerImage.d.ts.map

package/dist/compositions/profile-banner-image/ProfileBannerImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileBannerImage.d.ts","sourceRoot":"","sources":["../../../src/compositions/profile-banner-image/ProfileBannerImage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG9D,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwC5B,CAAC;AAEH,KAAK,0BAA0B,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAEhF,UAAU,uBAAwB,SAAQ,0BAA0B;IAClE,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ,+DAA+D;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0BhE,CAAC"}

package/dist/compositions/profile-banner-info/ProfileBannerInfo.d.ts

@@ -0,0 +1,93 @@
+import { VariantProps } from 'tailwind-variants';
+declare const profileBannerInfoStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            displayName?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            icon?: import('tailwind-merge').ClassNameValue;
+            detailInfo?: import('tailwind-merge').ClassNameValue;
+            secondaryInfo?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            displayName?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            icon?: import('tailwind-merge').ClassNameValue;
+            detailInfo?: import('tailwind-merge').ClassNameValue;
+            secondaryInfo?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    title: string[];
+    icon: string[];
+    displayName: string[];
+    detailInfo: string[];
+    secondaryInfo: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            displayName?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            icon?: import('tailwind-merge').ClassNameValue;
+            detailInfo?: import('tailwind-merge').ClassNameValue;
+            secondaryInfo?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    title: string[];
+    icon: string[];
+    displayName: string[];
+    detailInfo: string[];
+    secondaryInfo: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+    title: string[];
+    icon: string[];
+    displayName: string[];
+    detailInfo: string[];
+    secondaryInfo: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ProfileBannerInfoVariants = VariantProps<typeof profileBannerInfoStyles>;
+interface ProfileBannerInfoProps extends ProfileBannerInfoVariants {
+    /** Whether the profile being viewed belongs to the logged-in user. */
+    isCurrentUser: boolean;
+    /**
+     * The user's full display name (e.g., "John Doe").
+     */
+    displayName: string;
+    /**
+     * The user's username or handle (e.g., "@john").
+     */
+    userName: string;
+    /**
+     * The user's location as a readable text label.
+     */
+    location: string;
+    /**
+     * A timestamp representing when the user joined.
+     * Used to generate the "Member since" relative date.
+     */
+    joinedTimestamp: Date;
+    /**
+     * Callback fired whenever any profile-related element is clicked.
+     * Typically used to open the profile or navigate to a user page.
+     */
+    onProfileClick: () => void;
+    /** A function called when the settings button is clicked. */
+    onSettingsClick?: () => void;
+}
+/**
+ * ProfileBannerInfo Component
+ *
+ * Renders profile information used in a user profile banner
+ */
+export declare const ProfileBannerInfo: React.FC<ProfileBannerInfoProps>;
+export {};
+//# sourceMappingURL=ProfileBannerInfo.d.ts.map

package/dist/compositions/profile-banner-info/ProfileBannerInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileBannerInfo.d.ts","sourceRoot":"","sources":["../../../src/compositions/profile-banner-info/ProfileBannerInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAU1D,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAS3B,CAAC;AAEH,KAAK,yBAAyB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE9E,UAAU,sBAAuB,SAAQ,yBAAyB;IAChE,sEAAsE;IACtE,aAAa,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,eAAe,EAAE,IAAI,CAAC;IAEtB;;;OAGG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAwBD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgD9D,CAAC"}

package/dist/compositions/response/Response.d.ts

@@ -0,0 +1,76 @@
+import { VariantProps } from 'tailwind-variants';
+declare const ResponseStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            text?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            content?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            text?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            content?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: never[];
+    content: string[];
+    text: string[];
+    action: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            text?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            content?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: never[];
+    content: string[];
+    text: string[];
+    action: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: never[];
+    content: string[];
+    text: string[];
+    action: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ResponseVariants = VariantProps<typeof ResponseStyles>;
+interface ResponseProps extends ResponseVariants {
+    /** The display name of the user who created the Response. */
+    displayName: string;
+    /** The username or handle associated with the Response. */
+    userName: string;
+    /** The date and time when the Response was created. */
+    timestamp: Date;
+    /** The main text content of the Response. */
+    text: string;
+    /** Avatar image URL */
+    src: string;
+    /** Triggered when the avatar is clicked. */
+    onAvatarClick: () => void;
+    /** Optional image source URL displayed within the Response. */
+    imageSrc?: string;
+    /** Optional alt text for the Response image, used for accessibility. */
+    imageAlt?: string;
+    /** Callback fired when the comment button is clicked. */
+    onCommentClick: () => void;
+    /** Callback fired when the like button is clicked. */
+    onLikeClick: () => void;
+    /** Callback fired when the share button is clicked. */
+    onShareClick: () => void;
+}
+/**
+ * Detailed Response component displaying user info, text content,
+ * optional image, and action buttons (comment, like, share).
+ */
+export declare const Response: React.FC<ResponseProps>;
+export {};
+//# sourceMappingURL=Response.d.ts.map

package/dist/compositions/response/Response.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Response.d.ts","sourceRoot":"","sources":["../../../src/compositions/response/Response.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAO1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAOlB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5D,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,6DAA6D;IAC7D,WAAW,EAAE,MAAM,CAAC;IAEpB,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAC;IAEjB,uDAAuD;IACvD,SAAS,EAAE,IAAI,CAAC;IAEhB,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAC;IAEb,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IAEZ,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yDAAyD;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,sDAAsD;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,uDAAuD;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyC5C,CAAC"}

package/dist/compositions/response-creator/ResponseCreator.d.ts

@@ -0,0 +1,64 @@
+import { VariantProps } from 'tailwind-variants';
+declare const ResponseCreatorStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            input?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            content?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            input?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            content?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string[];
+    input: string[];
+    action: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            input?: import('tailwind-merge').ClassNameValue;
+            action?: import('tailwind-merge').ClassNameValue;
+            content?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string[];
+    input: string[];
+    action: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    content: string[];
+    input: string[];
+    action: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ResponseCreatorVariants = VariantProps<typeof ResponseCreatorStyles>;
+interface ResponseCreatorProps extends ResponseCreatorVariants {
+    /** Avatar image URL */
+    src: string;
+    /** Display name of the user */
+    displayName: string;
+    /** Username of the user */
+    userName: string;
+    /**
+     * Callback fired when the "Send" button is clicked.
+     *   Receives the textarea text and the optionally uploaded file.
+     */
+    onSendClick: (text: string, file: File | null) => void;
+    /**
+     *  Triggered when the avatar is clicked.
+     */
+    onAvatarClick: () => void;
+}
+/**
+ * ResponseCreator component
+ *
+ * Renders a Response creation component.
+ */
+export declare const ResponseCreator: React.FC<ResponseCreatorProps>;
+export {};
+//# sourceMappingURL=ResponseCreator.d.ts.map

package/dist/compositions/response-creator/ResponseCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseCreator.d.ts","sourceRoot":"","sources":["../../../src/compositions/response-creator/ResponseCreator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAU1D,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAMzB,CAAC;AAEH,KAAK,uBAAuB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAE1E,UAAU,oBAAqB,SAAQ,uBAAuB;IAC5D,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IAEZ,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEvD;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkD1D,CAAC"}

package/dist/compositions/user-info/UserInfo.d.ts

@@ -0,0 +1,76 @@
+import { VariantProps } from 'tailwind-variants';
+declare const userInfoStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            displayName?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            userInfo?: import('tailwind-merge').ClassNameValue;
+            detailInfo?: import('tailwind-merge').ClassNameValue;
+            timeInfo?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            displayName?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            userInfo?: import('tailwind-merge').ClassNameValue;
+            detailInfo?: import('tailwind-merge').ClassNameValue;
+            timeInfo?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    userInfo: string[];
+    displayName: string[];
+    detailInfo: string[];
+    timeInfo: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            displayName?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            userInfo?: import('tailwind-merge').ClassNameValue;
+            detailInfo?: import('tailwind-merge').ClassNameValue;
+            timeInfo?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    userInfo: string[];
+    displayName: string[];
+    detailInfo: string[];
+    timeInfo: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+    userInfo: string[];
+    displayName: string[];
+    detailInfo: string[];
+    timeInfo: string[];
+}, undefined, unknown, unknown, undefined>>;
+type UserInfoVariants = VariantProps<typeof userInfoStyles>;
+type UserInfoSize = "sm" | "md" | "lg";
+interface UserInfoProps extends UserInfoVariants {
+    /** Avatar image URL */
+    src?: string;
+    /** Size variant of the component */
+    size: UserInfoSize;
+    /** Display name of the user */
+    displayName: string;
+    /** Username of the user */
+    userName: string;
+    /** Timestamp for the user activity */
+    timestamp?: Date;
+    /** Click handler for the whole UserInfo component */
+    onClick: () => void;
+}
+/**
+ * UserInfo Component
+ *
+ * Displays a user avatar, display name, username, and a timestamp indicating
+ * when an activity occurred. The entire component acts as an interactive button
+ * and includes keyboard accessibility using `Enter` and `Space`.
+ */
+export declare const UserInfo: React.FC<UserInfoProps>;
+export {};
+//# sourceMappingURL=UserInfo.d.ts.map