@altimateai/ui-components 0.0.79 → 0.0.80

package/dist/storybook/Tooltip.stories.tsx

@@ -1,25 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Button, Tooltip, TooltipProvider } from "../shadcn";
-
-const meta: Meta<typeof Tooltip> = {
-  title: "Shadcn/Components/Tooltip",
-  component: Tooltip,
-  decorators: [
-    Story => (
-      <TooltipProvider>
-        <Story />
-      </TooltipProvider>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof Tooltip>;
-
-export const Default: Story = {
-  render: () => (
-    <Tooltip title="Tooltip content">
-      <Button>Hover me</Button>
-    </Tooltip>
-  ),
-};

package/dist/storybook/Typography.stories.tsx

@@ -1,231 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Typography as Component } from "../shadcn";
-
-const meta = {
-  title: "Shadcn/Theme/Typography",
-  component: Component,
-  parameters: {
-    layout: "centered",
-  },
-} satisfies Meta<typeof Component>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Typography: Story = {
-  args: {
-    variant: "h1",
-    weight: "semibold",
-    children: "Heading 1",
-  },
-  render: () => (
-    <div className="space-y-8">
-      {/* Heading 1 Variations - Only Medium & Semibold */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="h1" weight="medium">
-          Heading 1 <br />
-          Medium
-        </Component>
-        <Component variant="h1" weight="semibold">
-          Heading 1 <br />
-          Semibold
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          30px / Line height: 38px
-        </Component>
-      </div>
-
-      {/* Heading 2 Variations - Only Medium & Semibold */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="h2" weight="medium">
-          Heading 2 <br />
-          Medium
-        </Component>
-        <Component variant="h2" weight="semibold">
-          Heading 2 <br />
-          Semibold
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          24px / Line height: 32px
-        </Component>
-      </div>
-
-      {/* Heading 3 Variations - Only Medium & Semibold */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="h3" weight="medium">
-          Heading 3 <br />
-          Medium
-        </Component>
-        <Component variant="h3" weight="semibold">
-          Heading 3 <br />
-          Semibold
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          20px / Line height: 24px
-        </Component>
-      </div>
-
-      {/* Heading 4 Variations - Only Medium & Semibold */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="h4" weight="medium">
-          Heading 4 <br />
-          Medium
-        </Component>
-        <Component variant="h4" weight="semibold">
-          Heading 4 <br />
-          Semibold
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          16px / Line height: 24px
-        </Component>
-      </div>
-
-      {/* Subheading Variations - Only Medium & Semibold */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="subheading" weight="medium">
-          Sub heading <br />
-          Medium
-        </Component>
-        <Component variant="subheading" weight="semibold">
-          Sub heading <br />
-          Semibold
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          14px / Line height: 20px
-        </Component>
-      </div>
-
-      {/* Body Text - Regular Weight */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="body" weight="regular" size="lg">
-          Body Large <br /> Regular
-        </Component>
-        <Component variant="body" weight="regular" size="regular">
-          Body Regular <br /> Regular
-        </Component>
-        <Component variant="body" weight="regular" size="sm">
-          Body Small <br /> Regular
-        </Component>
-        <Component variant="body" weight="regular" size="xs">
-          Body X-Small <br /> Regular
-        </Component>
-        <Component weight="regular" size="xxs">
-          Body XX-Small <br /> Regular
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          18px/24px, 16px/24px, 14px/20px, 12px/18px, 10px/14px
-        </Component>
-      </div>
-
-      {/* Body Text - Medium Weight */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="body" weight="medium" size="lg">
-          Body Large <br /> Medium
-        </Component>
-        <Component variant="body" weight="medium" size="regular">
-          Body Regular <br /> Medium
-        </Component>
-        <Component variant="body" weight="medium" size="sm">
-          Body Small <br /> Medium
-        </Component>
-        <Component variant="body" weight="medium" size="xs">
-          Body X-Small <br /> Medium
-        </Component>
-        <Component variant="body" weight="medium" size="xxs">
-          Body XX-Small <br /> Medium
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          For emphasis, key values, important inline text
-        </Component>
-      </div>
-
-      {/* Caption - Base Size Only (8px/16px) */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="caption">
-          Caption <br /> Base Size
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          8px/16px - For extremely tiny metadata only
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          Note: For all other sizes, use variant=&quot;body&quot;
-        </Component>
-      </div>
-
-      {/* Semantic Variants Section Header */}
-      <div className="al-border-t-2 al-pt-8 al-mt-8">
-        <Component variant="h2" weight="semibold" className="al-mb-4">
-          Semantic Variants
-        </Component>
-        <Component variant="caption" className="text-gray-500 al-mb-4 al-block">
-          Pre-configured variants for consistent page structure. No weight/size props allowed.
-        </Component>
-      </div>
-
-      {/* Page Heading - Fixed H2 Semibold */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="page-heading">Page Heading</Component>
-        <Component variant="caption" className="text-gray-500">
-          H2 + Semibold (fixed) - Use for main page titles
-        </Component>
-      </div>
-
-      {/* Section Heading - Fixed H3 Medium */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="section-heading">Section Heading</Component>
-        <Component variant="caption" className="text-gray-500">
-          H3 + Medium (fixed) - Use for section titles within a page
-        </Component>
-      </div>
-
-      {/* Utilities Section Header */}
-      <div className="al-border-t-2 al-pt-8 al-mt-8">
-        <Component variant="h2" weight="semibold" className="al-mb-4">
-          Utility Variants
-        </Component>
-      </div>
-
-      {/* Button Text Utility - 3 sizes, fixed Medium weight */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="button" size="xs">
-          Button XS <br /> (12px/16px)
-        </Component>
-        <Component variant="button" size="sm">
-          Button SM <br /> (14px/20px)
-        </Component>
-        <Component variant="button" size="md">
-          Button MD <br /> (16px/24px)
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          Button text utility - Fixed Medium weight (500)
-        </Component>
-      </div>
-
-      {/* Table Header Utility - Fixed size, 2 weights */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="table-header" weight="medium">
-          Table Header <br /> Medium
-        </Component>
-        <Component variant="table-header" weight="semibold">
-          Table Header <br /> Semibold
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          12px/18px - For table column headers
-        </Component>
-      </div>
-
-      {/* Placeholder Utility - 2 sizes, fixed Regular weight, auto-italic */}
-      <div className="al-border al-flex al-justify-between al-p-4 al-my-2">
-        <Component variant="placeholder" size="regular">
-          Placeholder Regular <br /> (14px/20px)
-        </Component>
-        <Component variant="placeholder" size="large">
-          Placeholder Large <br /> (16px/24px)
-        </Component>
-        <Component variant="caption" className="text-gray-500">
-          Italic placeholder text - Fixed Regular weight (400)
-        </Component>
-      </div>
-    </div>
-  ),
-};

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

@@ -1,99 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { DragAndDropFileUpload } from "../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,
-  },
-};