@altimateai/ui-components 0.0.17 → 0.0.19

package/dist/storybook/Alert.stories.tsx

@@ -1,14 +1,15 @@
 import { Meta, StoryFn } from "@storybook/react";
 import { Alert, AlertTitle, AlertDescription } from "../shadcn";
-import { InfoCircleIcon } from "@ac-assets/icons";
+import { InfoCircleIcon, PassIcon, WarningIcon } from "@ac-assets/icons";
 
 export default {
   title: "Shadcn/Components/Alert",
   component: Alert,
+  tags: ["autodocs"],
   argTypes: {
     variant: {
       control: "select",
-      options: ["default", "destructive"],
+      options: ["default", "destructive", "warning", "success", "info"],
     },
   },
 } as Meta;
@@ -59,3 +60,42 @@ export const DescriptionOnly: StoryFn = () => (
     <AlertDescription>Simple Alert with Description Only</AlertDescription>
   </Alert>
 );
+
+export const Warning = Template.bind({});
+Warning.args = {
+  variant: "warning",
+};
+
+export const Success = Template.bind({});
+Success.args = {
+  variant: "success",
+};
+
+export const Info = Template.bind({});
+Info.args = {
+  variant: "info",
+};
+
+export const WarningWithIcon: StoryFn = () => (
+  <Alert variant="warning">
+    <WarningIcon className="al-h-4 al-w-4" />
+    <AlertTitle>Warning Alert</AlertTitle>
+    <AlertDescription>This is a warning message. Please review your action.</AlertDescription>
+  </Alert>
+);
+
+export const SuccessWithIcon: StoryFn = () => (
+  <Alert variant="success">
+    <PassIcon className="al-h-4 al-w-4" />
+    <AlertTitle>Success Alert</AlertTitle>
+    <AlertDescription>Operation completed successfully!</AlertDescription>
+  </Alert>
+);
+
+export const InfoWithIcon: StoryFn = () => (
+  <Alert variant="info">
+    <InfoCircleIcon className="al-h-4 al-w-4" />
+    <AlertTitle>Information Alert</AlertTitle>
+    <AlertDescription>Here&#39;s some helpful information for you.</AlertDescription>
+  </Alert>
+);

package/dist/storybook/drag-and-drop-file-upload.stories.tsx

@@ -0,0 +1,99 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { DragAndDropFileUpload } from "@ac-uicore/shadcn";
+
+const meta = {
+  title: "shadcn/Components/DragAndDropFileUpload",
+  component: DragAndDropFileUpload,
+  parameters: {
+    layout: "centered",
+  },
+  decorators: [
+    Story => (
+      <div className="al-w-[600px]">
+        <Story />
+      </div>
+    ),
+  ],
+  tags: ["autodocs"],
+  argTypes: {
+    onFilesSelected: {
+      action: "files selected",
+    },
+    acceptedFileTypes: {
+      control: "object",
+      description: "Array of accepted file types (e.g., ['.pdf', '.jpg', 'image/*'])",
+    },
+    maxFiles: {
+      control: "number",
+      description: "Maximum number of files allowed",
+    },
+    className: {
+      control: "text",
+      description: "Additional CSS classes",
+    },
+  },
+} satisfies Meta<typeof DragAndDropFileUpload>;
+
+export default meta;
+type Story = StoryObj<typeof DragAndDropFileUpload>;
+
+export const Default: Story = {
+  args: {
+    onFilesSelected: files => console.log("Files selected:", files),
+  },
+};
+
+export const SingleImageFile: Story = {
+  args: {
+    onFilesSelected: files => console.log("Image files selected:", files),
+    acceptedFileTypes: ["image/*"],
+    maxFiles: 1,
+  },
+};
+
+export const MultiplePDFFiles: Story = {
+  args: {
+    onFilesSelected: files => console.log("PDF files selected:", files),
+    acceptedFileTypes: [".pdf"],
+    maxFiles: 5,
+  },
+};
+
+export const MultipleFiles: Story = {
+  args: {
+    onFilesSelected: files => console.log("Multiple files selected:", files),
+    maxFiles: 10,
+  },
+};
+
+export const SpecificFileTypes: Story = {
+  args: {
+    onFilesSelected: files => console.log("Document files selected:", files),
+    acceptedFileTypes: [".pdf", ".doc", ".docx", ".txt"],
+    maxFiles: 3,
+  },
+};
+
+export const ImageAndVideoFiles: Story = {
+  args: {
+    onFilesSelected: files => console.log("Media files selected:", files),
+    acceptedFileTypes: ["image/*", "video/*"],
+    maxFiles: 5,
+  },
+};
+
+export const WithCustomStyling: Story = {
+  args: {
+    onFilesSelected: files => console.log("Styled files selected:", files),
+    className: "al-max-w-md",
+    maxFiles: 3,
+  },
+};
+
+export const CSVFiles: Story = {
+  args: {
+    onFilesSelected: files => console.log("CSV files selected:", files),
+    acceptedFileTypes: [".csv", ".xlsx", ".xls"],
+    maxFiles: 1,
+  },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altimateai/ui-components",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/AltimateAI/altimate-components.git"