@kala-ui/react 0.0.1-beta.1

package/dist/src/components/scroll-area/scroll-area.stories.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Separator } from "../separator/separator";
+import { ScrollArea, ScrollBar } from "./scroll-area";
+const meta = {
+    title: "Layout/ScrollArea",
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+const tags = Array.from({ length: 50 }).map((_, i, a) => `v1.2.0-beta.${a.length - i}`);
+/**
+ * Basic scroll area with vertical scrolling.
+ * The scroll bar appears when content overflows.
+ */
+export const Default = {
+    args: {},
+    render: () => (_jsx(ScrollArea, { className: "h-72 w-48 rounded-md border", children: _jsxs("div", { className: "p-4", children: [_jsx("h4", { className: "mb-4 text-sm font-medium leading-none", children: "Tags" }), tags.map((tag) => (_jsxs("div", { children: [_jsx("div", { className: "text-sm", children: tag }), _jsx(Separator, { className: "my-2" })] }, tag)))] }) })),
+};
+/**
+ * Horizontal scrolling with images.
+ * Use orientation="horizontal" on ScrollBar for horizontal scrolling.
+ */
+export const Horizontal = {
+    args: {},
+    render: () => {
+        const artworks = [
+            { artist: "Ornella Binni", color: "#3b82f6" },
+            { artist: "Tom Byrom", color: "#8b5cf6" },
+            { artist: "Vladimir Malyavko", color: "#10b981" },
+            { artist: "Anna Martinez", color: "#f59e0b" },
+            { artist: "Sophie Chen", color: "#ef4444" },
+        ];
+        return (_jsxs(ScrollArea, { className: "w-96 whitespace-nowrap rounded-md border", children: [_jsx("div", { className: "flex w-max space-x-4 p-4", children: artworks.map((artwork) => (_jsxs("figure", { className: "shrink-0", children: [_jsx("div", { className: "overflow-hidden rounded-md", children: _jsx("div", { className: "aspect-3/4 h-fit w-[300px]", style: { backgroundColor: artwork.color } }) }), _jsxs("figcaption", { className: "text-muted-foreground pt-2 text-xs", children: ["Photo by", " ", _jsx("span", { className: "text-foreground font-semibold", children: artwork.artist })] })] }, artwork.artist))) }), _jsx(ScrollBar, { orientation: "horizontal" })] }));
+    },
+};
+/**
+ * Scroll area with long text content.
+ * Demonstrates natural text wrapping with vertical scrolling.
+ */
+export const LongText = {
+    args: {},
+    render: () => (_jsxs(ScrollArea, { className: "h-[200px] w-[350px] rounded-md border p-4", children: [_jsx("p", { className: "text-sm", children: "Jokester began sneaking into the castle in the middle of the night and leaving jokes all over the place: under the king's pillow, in his soup, even in the royal toilet. The king was furious, but he couldn't seem to stop Jokester. And then, one day, the people of the kingdom discovered that the jokes left by Jokester were so funny that they couldn't help but laugh. And once they started laughing, they couldn't stop." }), _jsx("p", { className: "mt-4 text-sm", children: "The king realized that he had made a mistake in trying to suppress Jokester and that laughter was the best medicine. He invited Jokester to become the court jester, and from that day on, the kingdom was filled with laughter and joy." }), _jsx("p", { className: "mt-4 text-sm", children: "This story teaches us the importance of finding humor in difficult situations and not taking ourselves too seriously. It reminds us that sometimes, the best way to deal with challenges is to laugh at them." })] })),
+};
+/**
+ * Scroll area with both vertical and horizontal scrolling.
+ * Shows how to enable scrolling in both directions.
+ */
+export const BothDirections = {
+    args: {},
+    render: () => (_jsxs(ScrollArea, { className: "h-[300px] w-[400px] rounded-md border", children: [_jsxs("div", { className: "p-4", style: { width: "800px" }, children: [_jsx("h4", { className: "mb-4 text-sm font-medium leading-none", children: "Wide Content" }), Array.from({ length: 30 }).map((_, i) => (_jsxs("div", { className: "mb-2 text-sm", children: ["This is a very long line of text that extends beyond the viewport width to demonstrate horizontal scrolling. Line #", i + 1] }, `both-${i}`)))] }), _jsx(ScrollBar, { orientation: "horizontal" })] })),
+};
+/**
+ * Compact scroll area with small content.
+ * Useful for sidebars or small widgets.
+ */
+export const Compact = {
+    args: {},
+    render: () => (_jsx(ScrollArea, { className: "h-32 w-32 rounded-md border", children: _jsx("div", { className: "p-2", children: Array.from({ length: 20 }).map((_, i) => (_jsxs("div", { className: "text-xs", children: ["Item ", i + 1] }, `compact-${i}`))) }) })),
+};
+/**
+ * Scroll area with different scroll types.
+ * The type prop controls when scrollbars are visible.
+ */
+export const ScrollTypes = {
+    args: {},
+    render: () => (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold", children: "Type: hover (default)" }), _jsx("p", { className: "text-muted-foreground mb-2 text-xs", children: "Scrollbar appears on hover" }), _jsx(ScrollArea, { type: "hover", className: "h-32 w-48 rounded-md border", children: _jsx("div", { className: "p-4", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "text-sm", children: ["Item ", i + 1] }, `hover-${i}`))) }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold", children: "Type: always" }), _jsx("p", { className: "text-muted-foreground mb-2 text-xs", children: "Scrollbar always visible" }), _jsx(ScrollArea, { type: "always", className: "h-32 w-48 rounded-md border", children: _jsx("div", { className: "p-4", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "text-sm", children: ["Item ", i + 1] }, `always-${i}`))) }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold", children: "Type: scroll" }), _jsx("p", { className: "text-muted-foreground mb-2 text-xs", children: "Scrollbar appears when scrolling" }), _jsx(ScrollArea, { type: "scroll", className: "h-32 w-48 rounded-md border", children: _jsx("div", { className: "p-4", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "text-sm", children: ["Item ", i + 1] }, `scroll-${i}`))) }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold", children: "Type: auto" }), _jsx("p", { className: "text-muted-foreground mb-2 text-xs", children: "Scrollbar appears when content overflows" }), _jsx(ScrollArea, { type: "auto", className: "h-32 w-48 rounded-md border", children: _jsx("div", { className: "p-4", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "text-sm", children: ["Item ", i + 1] }, `auto-${i}`))) }) })] })] })),
+};
+/**
+ * Styled scroll area with custom appearance.
+ * Shows how to customize the scrollbar appearance.
+ */
+export const Styled = {
+    args: {},
+    render: () => (_jsx(ScrollArea, { className: "h-72 w-48 rounded-lg border-2 border-primary", children: _jsxs("div", { className: "bg-linear-to-b from-primary/10 to-transparent p-4", children: [_jsx("h4", { className: "mb-4 text-sm font-bold text-primary", children: "Styled Tags" }), tags.slice(0, 20).map((tag, i) => (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsxs("span", { className: "text-primary", children: [i + 1, "."] }), _jsx("span", { children: tag })] }), _jsx(Separator, { className: "my-2" })] }, tag)))] }) })),
+};
+/**
+ * Code block with scroll area.
+ * Perfect for displaying long code snippets.
+ */
+export const CodeBlock = {
+    args: {},
+    render: () => (_jsxs(ScrollArea, { className: "h-[300px] w-[500px] rounded-md border", children: [_jsx("div", { className: "bg-muted/50 p-4", children: _jsx("pre", { className: "text-sm", children: _jsx("code", { children: `import { ScrollArea } from '@repo/ui/scroll-area';
+
+export function Example() {
+  return (
+    <ScrollArea className="h-72 w-48 rounded-md border">
+      <div className="p-4">
+        <h4>Title</h4>
+        {/* Your scrollable content */}
+      </div>
+    </ScrollArea>
+  );
+}
+
+// Advanced usage with horizontal scrolling
+export function HorizontalExample() {
+  return (
+    <ScrollArea className="w-96 whitespace-nowrap">
+      <div className="flex w-max space-x-4 p-4">
+        {items.map((item) => (
+          <div key={item.id}>{item.content}</div>
+        ))}
+      </div>
+      <ScrollBar orientation="horizontal" />
+    </ScrollArea>
+  );
+}` }) }) }), _jsx(ScrollBar, { orientation: "horizontal" })] })),
+};
+/**
+ * Data table with scroll area.
+ * Demonstrates using scroll area with tabular data.
+ */
+export const DataTable = {
+    args: {},
+    render: () => {
+        const data = Array.from({ length: 20 }).map((_, i) => ({
+            id: i + 1,
+            name: `User ${i + 1}`,
+            email: `user${i + 1}@example.com`,
+            role: i % 3 === 0 ? "Admin" : i % 3 === 1 ? "Editor" : "Viewer",
+        }));
+        return (_jsx(ScrollArea, { className: "h-[300px] w-[500px] rounded-md border", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { className: "bg-muted/50 sticky top-0", children: _jsxs("tr", { className: "border-b", children: [_jsx("th", { className: "p-2 text-left text-sm font-semibold", children: "ID" }), _jsx("th", { className: "p-2 text-left text-sm font-semibold", children: "Name" }), _jsx("th", { className: "p-2 text-left text-sm font-semibold", children: "Email" }), _jsx("th", { className: "p-2 text-left text-sm font-semibold", children: "Role" })] }) }), _jsx("tbody", { children: data.map((row) => (_jsxs("tr", { className: "border-b hover:bg-muted/30", children: [_jsx("td", { className: "p-2 text-sm", children: row.id }), _jsx("td", { className: "p-2 text-sm", children: row.name }), _jsx("td", { className: "text-muted-foreground p-2 text-sm", children: row.email }), _jsx("td", { className: "p-2 text-sm", children: _jsx("span", { className: `inline-block rounded-full px-2 py-0.5 text-xs ${row.role === "Admin"
+                                            ? "bg-destructive/10 text-destructive"
+                                            : row.role === "Editor"
+                                                ? "bg-primary/10 text-primary"
+                                                : "bg-success/10 text-success"}`, children: row.role }) })] }, row.id))) })] }) }));
+    },
+};
+/**
+ * Chat messages with scroll area.
+ * Useful for chat interfaces or message lists.
+ */
+export const ChatMessages = {
+    args: {},
+    render: () => {
+        const messages = Array.from({ length: 15 }).map((_, i) => ({
+            id: i + 1,
+            user: i % 2 === 0 ? "Alice" : "Bob",
+            message: `This is message #${i + 1}. Lorem ipsum dolor sit amet.`,
+            time: `${10 + i}:${String(i % 60).padStart(2, "0")}`,
+        }));
+        return (_jsx(ScrollArea, { className: "h-[400px] w-[350px] rounded-md border", children: _jsx("div", { className: "space-y-3 p-4", children: messages.map((msg) => (_jsx("div", { className: `flex ${msg.user === "Alice" ? "justify-start" : "justify-end"}`, children: _jsxs("div", { className: `max-w-[70%] rounded-lg p-3 ${msg.user === "Alice"
+                            ? "bg-muted"
+                            : "bg-primary text-primary-foreground"}`, children: [_jsx("div", { className: "mb-1 text-xs font-semibold", children: msg.user }), _jsx("div", { className: "text-sm", children: msg.message }), _jsx("div", { className: "text-muted-foreground mt-1 text-right text-xs opacity-70", children: msg.time })] }) }, msg.id))) }) }));
+    },
+};
+/**
+ * Nested scroll areas.
+ * Shows how scroll areas can be nested within each other.
+ */
+export const Nested = {
+    args: {},
+    render: () => (_jsx(ScrollArea, { className: "h-[300px] w-[400px] rounded-md border", children: _jsxs("div", { className: "p-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold", children: "Section 1" }), _jsx(ScrollArea, { className: "h-32 w-full rounded-md border", children: _jsx("div", { className: "p-2 space-y-1", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "text-sm", children: ["Nested item ", i + 1] }, `nested1-${i}`))) }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold", children: "Section 2" }), _jsx(ScrollArea, { className: "h-32 w-full rounded-md border", children: _jsx("div", { className: "p-2 space-y-1", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "text-sm", children: ["More nested items ", i + 1] }, `nested2-${i}`))) }) })] }), Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "text-sm", children: ["Outer content ", i + 1] }, `outer-${i}`)))] }) })),
+};
+//# sourceMappingURL=scroll-area.stories.js.map

package/dist/src/components/scroll-area/scroll-area.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.stories.js","sourceRoot":"","sources":["../../../../src/components/scroll-area/scroll-area.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/scroll-area/scroll-area.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=scroll-area.test.d.ts.map

package/dist/src/components/scroll-area/scroll-area.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.test.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-area/scroll-area.test.tsx"],"names":[],"mappings":""}

package/dist/src/components/scroll-area/scroll-area.test.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { ScrollArea, ScrollBar } from "./scroll-area";
+describe("ScrollArea", () => {
+    it("should render with default props", () => {
+        const { container } = render(_jsx(ScrollArea, { children: _jsx("div", { children: "Content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+        expect(screen.getByText("Content")).toBeInTheDocument();
+    });
+    it("should apply custom className", () => {
+        const { container } = render(_jsx(ScrollArea, { className: "custom-class", children: _jsx("div", { children: "Content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toHaveClass("custom-class");
+    });
+    it("should render children content", () => {
+        render(_jsxs(ScrollArea, { children: [_jsx("div", { children: "Test Content" }), _jsx("p", { children: "More content" })] }));
+        expect(screen.getByText("Test Content")).toBeInTheDocument();
+        expect(screen.getByText("More content")).toBeInTheDocument();
+    });
+    it("should accept type prop", () => {
+        const { container } = render(_jsx(ScrollArea, { type: "always", children: _jsx("div", { children: "Content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it("should accept scrollHideDelay prop", () => {
+        const { container } = render(_jsx(ScrollArea, { scrollHideDelay: 300, children: _jsx("div", { children: "Content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it("should support dir prop for RTL", () => {
+        const { container } = render(_jsx(ScrollArea, { dir: "rtl", children: _jsx("div", { children: "Content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it("should render with custom styles", () => {
+        const { container } = render(_jsx(ScrollArea, { className: "border-red-500", children: _jsx("div", { children: "Content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toHaveClass("border-red-500");
+    });
+});
+describe("ScrollBar", () => {
+    it("should render vertical scrollbar by default", () => {
+        const { container } = render(_jsx(ScrollArea, { className: "h-20", children: _jsx("div", { className: "h-40", children: "Tall content that causes overflow" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it("should render horizontal scrollbar", () => {
+        const { container } = render(_jsxs(ScrollArea, { className: "w-20", children: [_jsx("div", { className: "w-40", children: "Wide content" }), _jsx(ScrollBar, { orientation: "horizontal" })] }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it("should apply custom className to scrollbar", () => {
+        const { container } = render(_jsxs(ScrollArea, { children: [_jsx("div", { children: "Content" }), _jsx(ScrollBar, { className: "custom-scrollbar" })] }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it("should render scroll thumb", () => {
+        const { container } = render(_jsx(ScrollArea, { className: "h-20", children: _jsx("div", { className: "h-40", children: "Tall content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+});
+describe("ScrollArea with different types", () => {
+    it('should render with type="hover"', () => {
+        const { container } = render(_jsx(ScrollArea, { type: "hover", children: _jsx("div", { children: "Content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it('should render with type="always"', () => {
+        const { container } = render(_jsx(ScrollArea, { type: "always", children: _jsx("div", { children: "Content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it('should render with type="scroll"', () => {
+        const { container } = render(_jsx(ScrollArea, { type: "scroll", children: _jsx("div", { children: "Content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it('should render with type="auto"', () => {
+        const { container } = render(_jsx(ScrollArea, { type: "auto", children: _jsx("div", { children: "Content" }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+});
+describe("ScrollArea with both scrollbars", () => {
+    it("should render both vertical and horizontal scrollbars", () => {
+        const { container } = render(_jsxs(ScrollArea, { className: "size-20", children: [_jsx("div", { className: "size-40", children: "Content" }), _jsx(ScrollBar, { orientation: "horizontal" })] }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it("should handle corner element", () => {
+        const { container } = render(_jsxs(ScrollArea, { children: [_jsx("div", { children: "Content with both scrollbars" }), _jsx(ScrollBar, { orientation: "horizontal" })] }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+});
+describe("ScrollArea accessibility", () => {
+    it("should be keyboard accessible", () => {
+        const { container } = render(_jsx(ScrollArea, { children: _jsx("div", { children: "Scrollable content" }) }));
+        const viewport = container.querySelector("[data-radix-scroll-area-viewport]");
+        expect(viewport).toBeInTheDocument();
+    });
+    it("should have proper structure for screen readers", () => {
+        render(_jsx(ScrollArea, { children: _jsx("section", { "aria-label": "Scrollable content", children: "Content" }) }));
+        expect(screen.getByRole("region")).toBeInTheDocument();
+    });
+});
+describe("ScrollArea edge cases", () => {
+    it("should handle empty content", () => {
+        const { container } = render(_jsx(ScrollArea, {}));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it("should handle very long content", () => {
+        const longContent = Array.from({ length: 100 })
+            .map((_, i) => `Line ${i + 1}`)
+            .join("\n");
+        const { container } = render(_jsx(ScrollArea, { children: _jsx("pre", { children: longContent }) }));
+        const scrollArea = container.querySelector('[data-slot="scroll-area"]');
+        expect(scrollArea).toBeInTheDocument();
+    });
+    it("should handle nested scroll areas", () => {
+        const { container } = render(_jsx(ScrollArea, { children: _jsxs("div", { children: ["Outer content", _jsx(ScrollArea, { children: _jsx("div", { children: "Inner content" }) })] }) }));
+        const scrollAreas = container.querySelectorAll('[data-slot="scroll-area"]');
+        expect(scrollAreas.length).toBe(2);
+    });
+});
+//# sourceMappingURL=scroll-area.test.js.map

package/dist/src/components/scroll-area/scroll-area.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.test.js","sourceRoot":"","sources":["../../../../src/components/scroll-area/scroll-area.test.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/select/index.d.ts

@@ -0,0 +1,3 @@
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, } from "./native-select";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./select";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACX,MAAM,UAAU,CAAC"}

package/dist/src/components/select/index.js

@@ -0,0 +1,3 @@
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, } from "./native-select";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./select";
+//# sourceMappingURL=index.js.map

package/dist/src/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACX,MAAM,UAAU,CAAC"}

package/dist/src/components/select/native-select.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export interface NativeSelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> {
+    /**
+     * Size variant
+     * @default "default"
+     */
+    size?: "sm" | "default";
+    /**
+     * Error state styling
+     */
+    error?: boolean;
+}
+declare const NativeSelect: React.ForwardRefExoticComponent<NativeSelectProps & React.RefAttributes<HTMLSelectElement>>;
+export interface NativeSelectOptionProps extends React.OptionHTMLAttributes<HTMLOptionElement> {
+}
+declare const NativeSelectOption: React.ForwardRefExoticComponent<NativeSelectOptionProps & React.RefAttributes<HTMLOptionElement>>;
+export interface NativeSelectOptGroupProps extends React.OptgroupHTMLAttributes<HTMLOptGroupElement> {
+}
+declare const NativeSelectOptGroup: React.ForwardRefExoticComponent<NativeSelectOptGroupProps & React.RefAttributes<HTMLOptGroupElement>>;
+export { NativeSelect, NativeSelectOption, NativeSelectOptGroup };
+//# sourceMappingURL=native-select.d.ts.map

package/dist/src/components/select/native-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.d.ts","sourceRoot":"","sources":["../../../../src/components/select/native-select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACnE;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,YAAY,6FAmCjB,CAAC;AAIF,MAAM,WAAW,uBAChB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEzD,QAAA,MAAM,kBAAkB,mGAKtB,CAAC;AAIH,MAAM,WAAW,yBAChB,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;CAAG;AAE7D,QAAA,MAAM,oBAAoB,uGAKxB,CAAC;AAIH,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/src/components/select/native-select.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const NativeSelect = React.forwardRef(({ className, size = "default", error, children, disabled, ...props }, ref) => {
+    return (_jsxs("div", { className: "relative w-full", children: [_jsx("select", { ref: ref, disabled: disabled, className: cn("w-full rounded-md border bg-background text-sm transition-colors theme-input", "focus-ring", "disabled:cursor-not-allowed disabled:opacity-50", "appearance-none pr-10", {
+                    "h-9 px-3 py-2": size === "default",
+                    "h-8 px-2 py-1 text-xs": size === "sm",
+                    "border-destructive focus-ring-destructive": error,
+                }, className), ...props, children: children }), _jsx("div", { className: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2", children: _jsx(ChevronDown, { className: cn("opacity-70", size === "sm" ? "size-3" : "size-4"), "aria-hidden": "true" }) })] }));
+});
+NativeSelect.displayName = "NativeSelect";
+const NativeSelectOption = React.forwardRef(({ className, ...props }, ref) => {
+    return _jsx("option", { ref: ref, ...props });
+});
+NativeSelectOption.displayName = "NativeSelectOption";
+const NativeSelectOptGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return _jsx("optgroup", { ref: ref, className: className, ...props });
+});
+NativeSelectOptGroup.displayName = "NativeSelectOptGroup";
+export { NativeSelect, NativeSelectOption, NativeSelectOptGroup };
+//# sourceMappingURL=native-select.js.map

package/dist/src/components/select/native-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.js","sourceRoot":"","sources":["../../../../src/components/select/native-select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAerC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACpC,CACC,EAAE,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACpE,GAAG,EACF,EAAE;IACH,OAAO,CACN,eAAK,SAAS,EAAC,iBAAiB,aAC/B,iBACC,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACZ,8EAA8E,EAC9E,YAAY,EACZ,iDAAiD,EACjD,uBAAuB,EACvB;oBACC,eAAe,EAAE,IAAI,KAAK,SAAS;oBACnC,uBAAuB,EAAE,IAAI,KAAK,IAAI;oBACtC,2CAA2C,EAAE,KAAK;iBAClD,EACD,SAAS,CACT,KACG,KAAK,YAER,QAAQ,GACD,EACT,cAAK,SAAS,EAAC,+DAA+D,YAC7E,KAAC,WAAW,IACX,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,iBACpD,MAAM,GACjB,GACG,IACD,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAK1C,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClC,OAAO,iBAAQ,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AACxC,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAKtD,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClC,OAAO,mBAAU,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,GAAI,CAAC;AAChE,CAAC,CAAC,CAAC;AAEH,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/src/components/select/native-select.stories.d.ts

@@ -0,0 +1,32 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./native-select").NativeSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "radio";
+            options: string[];
+        };
+        error: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithGroups: Story;
+export declare const SmallSize: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+export declare const Countries: Story;
+export declare const LargeDataset: Story;
+export declare const Timezones: Story;
+//# sourceMappingURL=native-select.stories.d.ts.map

package/dist/src/components/select/native-select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/select/native-select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAmB2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AA4CF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}

package/dist/src/components/select/native-select.stories.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NativeSelect, NativeSelectOptGroup, NativeSelectOption, } from "./native-select";
+const meta = {
+    title: "Forms/NativeSelect",
+    component: NativeSelect,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        size: {
+            control: "radio",
+            options: ["sm", "default"],
+        },
+        error: {
+            control: "boolean",
+        },
+        disabled: {
+            control: "boolean",
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(NativeSelect, { defaultValue: "apple", children: [_jsx(NativeSelectOption, { value: "apple", children: "Apple" }), _jsx(NativeSelectOption, { value: "banana", children: "Banana" }), _jsx(NativeSelectOption, { value: "orange", children: "Orange" }), _jsx(NativeSelectOption, { value: "grape", children: "Grape" }), _jsx(NativeSelectOption, { value: "mango", children: "Mango" })] })),
+};
+export const WithGroups = {
+    render: () => (_jsxs(NativeSelect, { defaultValue: "apple", children: [_jsxs(NativeSelectOptGroup, { label: "Fruits", children: [_jsx(NativeSelectOption, { value: "apple", children: "Apple" }), _jsx(NativeSelectOption, { value: "banana", children: "Banana" }), _jsx(NativeSelectOption, { value: "orange", children: "Orange" })] }), _jsxs(NativeSelectOptGroup, { label: "Vegetables", children: [_jsx(NativeSelectOption, { value: "carrot", children: "Carrot" }), _jsx(NativeSelectOption, { value: "broccoli", children: "Broccoli" }), _jsx(NativeSelectOption, { value: "spinach", children: "Spinach" })] })] })),
+};
+export const SmallSize = {
+    render: () => (_jsxs(NativeSelect, { size: "sm", defaultValue: "apple", children: [_jsx(NativeSelectOption, { value: "apple", children: "Apple" }), _jsx(NativeSelectOption, { value: "banana", children: "Banana" }), _jsx(NativeSelectOption, { value: "orange", children: "Orange" })] })),
+};
+export const Disabled = {
+    render: () => (_jsxs(NativeSelect, { disabled: true, defaultValue: "apple", children: [_jsx(NativeSelectOption, { value: "apple", children: "Apple" }), _jsx(NativeSelectOption, { value: "banana", children: "Banana" }), _jsx(NativeSelectOption, { value: "orange", children: "Orange" })] })),
+};
+export const WithError = {
+    render: () => (_jsxs("div", { className: "space-y-2", children: [_jsxs(NativeSelect, { error: true, defaultValue: "", children: [_jsx(NativeSelectOption, { value: "", children: "Please select an option" }), _jsx(NativeSelectOption, { value: "apple", children: "Apple" }), _jsx(NativeSelectOption, { value: "banana", children: "Banana" }), _jsx(NativeSelectOption, { value: "orange", children: "Orange" })] }), _jsx("p", { className: "text-destructive text-sm", children: "This field is required" })] })),
+};
+export const Countries = {
+    render: () => (_jsxs(NativeSelect, { defaultValue: "us", className: "w-[300px]", children: [_jsx(NativeSelectOption, { value: "", children: "Select a country" }), _jsx(NativeSelectOption, { value: "us", children: "United States" }), _jsx(NativeSelectOption, { value: "gb", children: "United Kingdom" }), _jsx(NativeSelectOption, { value: "ca", children: "Canada" }), _jsx(NativeSelectOption, { value: "au", children: "Australia" }), _jsx(NativeSelectOption, { value: "de", children: "Germany" }), _jsx(NativeSelectOption, { value: "fr", children: "France" }), _jsx(NativeSelectOption, { value: "es", children: "Spain" }), _jsx(NativeSelectOption, { value: "it", children: "Italy" }), _jsx(NativeSelectOption, { value: "jp", children: "Japan" }), _jsx(NativeSelectOption, { value: "cn", children: "China" }), _jsx(NativeSelectOption, { value: "in", children: "India" }), _jsx(NativeSelectOption, { value: "br", children: "Brazil" })] })),
+};
+export const LargeDataset = {
+    render: () => {
+        // Generate 100 options
+        const options = Array.from({ length: 100 }, (_, i) => ({
+            value: `option-${i + 1}`,
+            label: `Option ${i + 1}`,
+        }));
+        return (_jsx(NativeSelect, { defaultValue: "option-1", className: "w-[300px]", children: options.map((option) => (_jsx(NativeSelectOption, { value: option.value, children: option.label }, option.value))) }));
+    },
+};
+const timezones = [
+    { value: "Pacific/Midway", label: "(GMT-11:00) Midway Island, Samoa" },
+    { value: "Pacific/Honolulu", label: "(GMT-10:00) Hawaii" },
+    { value: "America/Anchorage", label: "(GMT-09:00) Alaska" },
+    { value: "America/Los_Angeles", label: "(GMT-08:00) Pacific Time" },
+    { value: "America/Denver", label: "(GMT-07:00) Mountain Time" },
+    { value: "America/Chicago", label: "(GMT-06:00) Central Time" },
+    { value: "America/New_York", label: "(GMT-05:00) Eastern Time" },
+    { value: "America/Caracas", label: "(GMT-04:30) Caracas" },
+    { value: "America/Halifax", label: "(GMT-04:00) Atlantic Time" },
+    { value: "America/St_Johns", label: "(GMT-03:30) Newfoundland" },
+    { value: "America/Sao_Paulo", label: "(GMT-03:00) Brasilia, Buenos Aires" },
+    { value: "Atlantic/South_Georgia", label: "(GMT-02:00) Mid-Atlantic" },
+    { value: "Atlantic/Azores", label: "(GMT-01:00) Azores, Cape Verde" },
+    { value: "Europe/London", label: "(GMT+00:00) London, Dublin, Lisbon" },
+    { value: "Europe/Paris", label: "(GMT+01:00) Paris, Berlin, Rome" },
+    { value: "Europe/Athens", label: "(GMT+02:00) Athens, Istanbul, Cairo" },
+    { value: "Europe/Moscow", label: "(GMT+03:00) Moscow, St. Petersburg" },
+    { value: "Asia/Dubai", label: "(GMT+04:00) Abu Dhabi, Muscat, Baku" },
+    { value: "Asia/Karachi", label: "(GMT+05:00) Islamabad, Karachi" },
+    { value: "Asia/Kolkata", label: "(GMT+05:30) Mumbai, Kolkata, New Delhi" },
+    { value: "Asia/Dhaka", label: "(GMT+06:00) Dhaka, Astana" },
+    { value: "Asia/Bangkok", label: "(GMT+07:00) Bangkok, Hanoi, Jakarta" },
+    {
+        value: "Asia/Hong_Kong",
+        label: "(GMT+08:00) Beijing, Hong Kong, Singapore",
+    },
+    { value: "Asia/Tokyo", label: "(GMT+09:00) Tokyo, Seoul, Osaka" },
+    {
+        value: "Australia/Sydney",
+        label: "(GMT+10:00) Sydney, Melbourne, Brisbane",
+    },
+    {
+        value: "Pacific/Guadalcanal",
+        label: "(GMT+11:00) Solomon Islands, New Caledonia",
+    },
+    {
+        value: "Pacific/Auckland",
+        label: "(GMT+12:00) Auckland, Wellington, Fiji",
+    },
+];
+export const Timezones = {
+    render: () => (_jsx(NativeSelect, { defaultValue: "America/New_York", className: "w-[400px]", children: timezones.map((tz) => (_jsx(NativeSelectOption, { value: tz.value, children: tz.label }, tz.value))) })),
+};
+//# sourceMappingURL=native-select.stories.js.map

package/dist/src/components/select/native-select.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.stories.js","sourceRoot":"","sources":["../../../../src/components/select/native-select.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/select/native-select.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=native-select.test.d.ts.map

package/dist/src/components/select/native-select.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.test.d.ts","sourceRoot":"","sources":["../../../../src/components/select/native-select.test.tsx"],"names":[],"mappings":""}