@altimateai/ui-components 0.0.1-beta.5 → 0.0.1-beta.6

package/dist/storybook/Checkbox.stories.tsx

@@ -1,65 +1,65 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Checkbox } from "../shadcn";
-
-const meta: Meta<typeof Checkbox> = {
-  title: "Shadcn/Components/Checkbox",
-  component: Checkbox,
-  args: {
-    "aria-label": "Checkbox demo",
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof Checkbox>;
-
-export const Default: Story = {
-  render: args => (
-    <div className="al-flex al-items-center al-space-x-2">
-      <Checkbox {...args} id="terms" />
-      <label
-        htmlFor="terms"
-        className="al-text-sm al-font-medium al-leading-none al-peer-disabled:al-cursor-not-allowed al-peer-disabled:al-opacity-70"
-      >
-        Accept terms and conditions
-      </label>
-    </div>
-  ),
-};
-
-export const Checked: Story = {
-  render: args => (
-    <div className="al-flex al-items-center al-space-x-2">
-      <Checkbox {...args} id="checked" defaultChecked />
-      <label htmlFor="checked" className="al-text-sm al-font-medium al-leading-none">
-        Checked by default
-      </label>
-    </div>
-  ),
-};
-
-export const Disabled: Story = {
-  render: args => (
-    <div className="al-flex al-items-center al-space-x-2">
-      <Checkbox {...args} id="disabled" disabled />
-      <label htmlFor="disabled" className="al-text-sm al-font-medium al-leading-none al-opacity-70">
-        Disabled checkbox
-      </label>
-    </div>
-  ),
-};
-
-export const WithDescription: Story = {
-  render: args => (
-    <div className="al-items-top al-flex al-space-x-2">
-      <Checkbox {...args} id="description" />
-      <div className="al-grid al-gap-1.5 al-leading-none">
-        <label htmlFor="description" className="al-text-sm al-font-medium al-leading-none">
-          Accept terms
-        </label>
-        <p className="al-text-sm al-text-muted-foreground">
-          You agree to our Terms of Service and Privacy Policy.
-        </p>
-      </div>
-    </div>
-  ),
-};
+import { Meta, StoryObj } from "@storybook/react";
+import { Checkbox } from "../shadcn";
+
+const meta: Meta<typeof Checkbox> = {
+  title: "Shadcn/Components/Checkbox",
+  component: Checkbox,
+  args: {
+    "aria-label": "Checkbox demo",
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+
+export const Default: Story = {
+  render: args => (
+    <div className="al-flex al-items-center al-space-x-2">
+      <Checkbox {...args} id="terms" />
+      <label
+        htmlFor="terms"
+        className="al-text-sm al-font-medium al-leading-none al-peer-disabled:al-cursor-not-allowed al-peer-disabled:al-opacity-70"
+      >
+        Accept terms and conditions
+      </label>
+    </div>
+  ),
+};
+
+export const Checked: Story = {
+  render: args => (
+    <div className="al-flex al-items-center al-space-x-2">
+      <Checkbox {...args} id="checked" defaultChecked />
+      <label htmlFor="checked" className="al-text-sm al-font-medium al-leading-none">
+        Checked by default
+      </label>
+    </div>
+  ),
+};
+
+export const Disabled: Story = {
+  render: args => (
+    <div className="al-flex al-items-center al-space-x-2">
+      <Checkbox {...args} id="disabled" disabled />
+      <label htmlFor="disabled" className="al-text-sm al-font-medium al-leading-none al-opacity-70">
+        Disabled checkbox
+      </label>
+    </div>
+  ),
+};
+
+export const WithDescription: Story = {
+  render: args => (
+    <div className="al-items-top al-flex al-space-x-2">
+      <Checkbox {...args} id="description" />
+      <div className="al-grid al-gap-1.5 al-leading-none">
+        <label htmlFor="description" className="al-text-sm al-font-medium al-leading-none">
+          Accept terms
+        </label>
+        <p className="al-text-sm al-text-muted-foreground">
+          You agree to our Terms of Service and Privacy Policy.
+        </p>
+      </div>
+    </div>
+  ),
+};

package/dist/storybook/Command.stories.tsx

@@ -1,35 +1,35 @@
-import { Meta, StoryFn } from "@storybook/react";
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-} from "../shadcn";
-
-export default {
-  title: "Shadcn/Components/Command",
-  component: Command,
-} as Meta;
-
-const Template: StoryFn = () => (
-  <Command className="al-rounded-lg al-border al-shadow-md">
-    <CommandInput placeholder="Type a command or search..." />
-    <CommandList>
-      <CommandEmpty>No results found.</CommandEmpty>
-      <CommandGroup heading="Suggestions">
-        <CommandItem>Option 1</CommandItem>
-        <CommandItem>Option 2</CommandItem>
-        <CommandItem>Option 3</CommandItem>
-      </CommandGroup>
-      <CommandGroup heading="Settings">
-        <CommandItem>Profile</CommandItem>
-        <CommandItem>Billing</CommandItem>
-        <CommandItem>Settings</CommandItem>
-      </CommandGroup>
-    </CommandList>
-  </Command>
-);
-
-export const Default = Template.bind({});
+import { Meta, StoryFn } from "@storybook/react";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "../shadcn";
+
+export default {
+  title: "Shadcn/Components/Command",
+  component: Command,
+} as Meta;
+
+const Template: StoryFn = () => (
+  <Command className="al-rounded-lg al-border al-shadow-md">
+    <CommandInput placeholder="Type a command or search..." />
+    <CommandList>
+      <CommandEmpty>No results found.</CommandEmpty>
+      <CommandGroup heading="Suggestions">
+        <CommandItem>Option 1</CommandItem>
+        <CommandItem>Option 2</CommandItem>
+        <CommandItem>Option 3</CommandItem>
+      </CommandGroup>
+      <CommandGroup heading="Settings">
+        <CommandItem>Profile</CommandItem>
+        <CommandItem>Billing</CommandItem>
+        <CommandItem>Settings</CommandItem>
+      </CommandGroup>
+    </CommandList>
+  </Command>
+);
+
+export const Default = Template.bind({});

package/dist/storybook/DropdownMenu.stories.tsx

@@ -1,36 +1,36 @@
-import { Meta, StoryFn } from "@storybook/react";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Button,
-} from "../shadcn";
-import { MoreIcon, CopyIcon, RefreshIcon } from "@ac-assets/icons";
-
-export default {
-  title: "Shadcn/Components/DropdownMenu",
-  component: DropdownMenu,
-} as Meta;
-
-const Template: StoryFn = () => (
-  <DropdownMenu>
-    <DropdownMenuTrigger asChild>
-      <Button variant="ghost" size="sm" className="al-p-0 al-h-8 al-w-8">
-        <MoreIcon className="al-h-4 al-w-4" />
-      </Button>
-    </DropdownMenuTrigger>
-    <DropdownMenuContent>
-      <DropdownMenuItem onClick={() => console.log("Copy clicked")}>
-        <CopyIcon className="al-mr-2 al-h-4 al-w-4" />
-        Copy message
-      </DropdownMenuItem>
-      <DropdownMenuItem onClick={() => console.log("Regenerate clicked")}>
-        <RefreshIcon className="al-mr-2 al-h-4 al-w-4" />
-        Regenerate response
-      </DropdownMenuItem>
-    </DropdownMenuContent>
-  </DropdownMenu>
-);
-
-export const Default = Template.bind({});
+import { Meta, StoryFn } from "@storybook/react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  Button,
+} from "../shadcn";
+import { MoreIcon, CopyIcon, RefreshIcon } from "@ac-assets/icons";
+
+export default {
+  title: "Shadcn/Components/DropdownMenu",
+  component: DropdownMenu,
+} as Meta;
+
+const Template: StoryFn = () => (
+  <DropdownMenu>
+    <DropdownMenuTrigger asChild>
+      <Button variant="ghost" size="sm" className="al-p-0 al-h-8 al-w-8">
+        <MoreIcon className="al-h-4 al-w-4" />
+      </Button>
+    </DropdownMenuTrigger>
+    <DropdownMenuContent>
+      <DropdownMenuItem onClick={() => console.log("Copy clicked")}>
+        <CopyIcon className="al-mr-2 al-h-4 al-w-4" />
+        Copy message
+      </DropdownMenuItem>
+      <DropdownMenuItem onClick={() => console.log("Regenerate clicked")}>
+        <RefreshIcon className="al-mr-2 al-h-4 al-w-4" />
+        Regenerate response
+      </DropdownMenuItem>
+    </DropdownMenuContent>
+  </DropdownMenu>
+);
+
+export const Default = Template.bind({});

package/dist/storybook/Form.stories.tsx

@@ -1,114 +1,114 @@
-import { Meta, StoryFn } from "@storybook/react";
-import { useForm } from "react-hook-form";
-import {
-  Form,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormControl,
-  FormDescription,
-  FormMessage,
-} from "../shadcn";
-
-export default {
-  title: "Shadcn/Components/Form",
-  component: Form,
-} as Meta;
-
-const Template: StoryFn = () => {
-  const form = useForm({
-    defaultValues: {
-      username: "",
-    },
-  });
-
-  return (
-    <Form {...form}>
-      <form className="al-space-y-8">
-        <FormField
-          control={form.control}
-          name="username"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Username</FormLabel>
-              <FormControl>
-                <input
-                  {...field}
-                  className="al-flex al-h-10 al-w-full al-rounded-md al-border al-border-input al-bg-background al-px-3 al-py-2 al-text-sm"
-                />
-              </FormControl>
-              <FormDescription>This is your public display name.</FormDescription>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-      </form>
-    </Form>
-  );
-};
-
-export const Default = Template.bind({});
-
-export const WithValidation: StoryFn = () => {
-  const form = useForm({
-    defaultValues: {
-      username: "",
-    },
-  });
-
-  return (
-    <Form {...form}>
-      <form className="al-space-y-8">
-        <FormField
-          control={form.control}
-          name="username"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Username</FormLabel>
-              <FormControl>
-                <input
-                  {...field}
-                  className="al-flex al-h-10 al-w-full al-rounded-md al-border al-border-input al-bg-background al-px-3 al-py-2 al-text-sm"
-                />
-              </FormControl>
-              <FormDescription>Username must be at least 2 characters.</FormDescription>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-      </form>
-    </Form>
-  );
-};
-
-export const WithError: StoryFn = () => {
-  const form = useForm({
-    defaultValues: {
-      username: "a",
-    },
-  });
-
-  return (
-    <Form {...form}>
-      <form className="al-space-y-8">
-        <FormField
-          control={form.control}
-          name="username"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Username</FormLabel>
-              <FormControl>
-                <input
-                  {...field}
-                  className="al-flex al-h-10 al-w-full al-rounded-md al-border al-border-destructive al-bg-background al-px-3 al-py-2 al-text-sm"
-                />
-              </FormControl>
-              <FormDescription>Username must be at least 2 characters.</FormDescription>
-              <FormMessage>Username is too short</FormMessage>
-            </FormItem>
-          )}
-        />
-      </form>
-    </Form>
-  );
-};
+import { Meta, StoryFn } from "@storybook/react";
+import { useForm } from "react-hook-form";
+import {
+  Form,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+} from "../shadcn";
+
+export default {
+  title: "Shadcn/Components/Form",
+  component: Form,
+} as Meta;
+
+const Template: StoryFn = () => {
+  const form = useForm({
+    defaultValues: {
+      username: "",
+    },
+  });
+
+  return (
+    <Form {...form}>
+      <form className="al-space-y-8">
+        <FormField
+          control={form.control}
+          name="username"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Username</FormLabel>
+              <FormControl>
+                <input
+                  {...field}
+                  className="al-flex al-h-10 al-w-full al-rounded-md al-border al-border-input al-bg-background al-px-3 al-py-2 al-text-sm"
+                />
+              </FormControl>
+              <FormDescription>This is your public display name.</FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+      </form>
+    </Form>
+  );
+};
+
+export const Default = Template.bind({});
+
+export const WithValidation: StoryFn = () => {
+  const form = useForm({
+    defaultValues: {
+      username: "",
+    },
+  });
+
+  return (
+    <Form {...form}>
+      <form className="al-space-y-8">
+        <FormField
+          control={form.control}
+          name="username"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Username</FormLabel>
+              <FormControl>
+                <input
+                  {...field}
+                  className="al-flex al-h-10 al-w-full al-rounded-md al-border al-border-input al-bg-background al-px-3 al-py-2 al-text-sm"
+                />
+              </FormControl>
+              <FormDescription>Username must be at least 2 characters.</FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+      </form>
+    </Form>
+  );
+};
+
+export const WithError: StoryFn = () => {
+  const form = useForm({
+    defaultValues: {
+      username: "a",
+    },
+  });
+
+  return (
+    <Form {...form}>
+      <form className="al-space-y-8">
+        <FormField
+          control={form.control}
+          name="username"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Username</FormLabel>
+              <FormControl>
+                <input
+                  {...field}
+                  className="al-flex al-h-10 al-w-full al-rounded-md al-border al-border-destructive al-bg-background al-px-3 al-py-2 al-text-sm"
+                />
+              </FormControl>
+              <FormDescription>Username must be at least 2 characters.</FormDescription>
+              <FormMessage>Username is too short</FormMessage>
+            </FormItem>
+          )}
+        />
+      </form>
+    </Form>
+  );
+};