@altimateai/ui-components 0.0.69-beta1 → 0.0.70-beta.1

package/dist/storybook/Carousel.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../shadcn";
-import { Card, CardContent } from "../card/Card";
+import { Card, CardContent } from "../shadcn";
 
 const meta: Meta<typeof Carousel> = {
   title: "Shadcn/Components/Carousel",

package/dist/storybook/Input.stories.tsx

@@ -1,11 +1,10 @@
 import { Meta, StoryFn } from "@storybook/react";
-import { Input } from "../shadcn";
-import { InputHTMLAttributes } from "react";
+import { Input, InputPassword } from "../shadcn";
+import { InputHTMLAttributes, ComponentProps } from "react";
 import {
   IconUser,
   IconMail,
   IconSearch,
-  IconLock,
   IconPhone,
   IconMapPin,
   IconCreditCard,
@@ -14,6 +13,7 @@ import {
 type InputProps = InputHTMLAttributes<HTMLInputElement> & {
   icon?: React.ComponentType<{ size?: string | number; className?: string }>;
   iconPosition?: "left" | "right";
+  insetRing?: boolean;
 };
 
 export default {
@@ -31,6 +31,10 @@ export default {
       control: "select",
       options: ["left", "right"],
     },
+    insetRing: {
+      control: "boolean",
+      description: "When true, the focus ring appears inside the input border instead of outside",
+    },
   },
 } as Meta<typeof Input>;
 
@@ -59,12 +63,6 @@ WithLabel.args = {
   "aria-label": "Email",
 };
 
-export const Password = Template.bind({});
-Password.args = {
-  type: "password",
-  placeholder: "Enter password",
-};
-
 export const WithError = Template.bind({});
 WithError.args = {
   placeholder: "Error state",
@@ -94,14 +92,6 @@ EmailWithIcon.args = {
   iconPosition: "left",
 };
 
-export const PasswordWithIcon = Template.bind({});
-PasswordWithIcon.args = {
-  type: "password",
-  placeholder: "Enter password",
-  icon: IconLock,
-  iconPosition: "left",
-};
-
 export const UserInput = Template.bind({});
 UserInput.args = {
   placeholder: "Enter username",
@@ -138,3 +128,29 @@ DisabledWithIcon.args = {
   iconPosition: "left",
   disabled: true,
 };
+
+export const InsetRing = Template.bind({});
+InsetRing.args = {
+  placeholder: "Focus ring appears inside",
+  insetRing: true,
+};
+
+export const InsetRingWithIcon = Template.bind({});
+InsetRingWithIcon.args = {
+  placeholder: "Inset ring with icon",
+  icon: IconMail,
+  iconPosition: "left",
+  insetRing: true,
+};
+
+// InputPassword Stories
+const PasswordTemplate: StoryFn<ComponentProps<typeof InputPassword>> = args => (
+  <div className="al-p-4 al-max-w-md">
+    <InputPassword {...args} />
+  </div>
+);
+
+export const Password = PasswordTemplate.bind({});
+Password.args = {
+  placeholder: "Enter password",
+};

package/dist/{types-CPALoG7v.d.ts → types-C2UJ4TLI.d.ts}

@@ -117,6 +117,7 @@ interface ChatbotProps {
     classNames?: {
         chatbot?: string;
         chatMessages?: string;
+        messageItem?: string;
     };
     initialMessage?: string;
     submitInitialMessageOnMount?: boolean;
@@ -246,6 +247,7 @@ interface ChatState {
     classNames?: {
         chatbot?: string;
         chatMessages?: string;
+        messageItem?: string;
     };
 }
 declare const todoItemSchema: z.ZodObject<{

package/package.json

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