@kala-ui/react 0.0.1-beta.1

package/dist/src/components/social-login-button/social-login-button.test.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SocialLoginButton Tests
+ */
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { SocialLoginButton } from "./social-login-button";
+describe("SocialLoginButton", () => {
+    it("should render with Google provider", () => {
+        render(_jsx(SocialLoginButton, { provider: "google", onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toHaveTextContent("Google");
+    });
+    it("should render with GitHub provider", () => {
+        render(_jsx(SocialLoginButton, { provider: "github", onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toHaveTextContent("GitHub");
+    });
+    it("should render with Facebook provider", () => {
+        render(_jsx(SocialLoginButton, { provider: "facebook", onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toHaveTextContent("Facebook");
+    });
+    it("should render with Twitter provider", () => {
+        render(_jsx(SocialLoginButton, { provider: "twitter", onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toHaveTextContent("X");
+    });
+    it("should render with LinkedIn provider", () => {
+        render(_jsx(SocialLoginButton, { provider: "linkedin", onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toHaveTextContent("LinkedIn");
+    });
+    it("should render custom label", () => {
+        render(_jsx(SocialLoginButton, { provider: "google", label: "Sign in with Google", onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toHaveTextContent("Sign in with Google");
+    });
+    it("should show loading state", () => {
+        render(_jsx(SocialLoginButton, { provider: "google", isLoading: true, onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toHaveTextContent("Redirecting...");
+        expect(screen.getByRole("button")).toBeDisabled();
+    });
+    it("should be disabled when isLoading is true", () => {
+        render(_jsx(SocialLoginButton, { provider: "google", isLoading: true, onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toBeDisabled();
+    });
+    it("should be disabled when disabled prop is true", () => {
+        render(_jsx(SocialLoginButton, { provider: "google", disabled: true, onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toBeDisabled();
+    });
+    it("should call onClick when clicked", async () => {
+        const user = userEvent.setup();
+        const handleClick = vi.fn();
+        render(_jsx(SocialLoginButton, { provider: "google", onClick: handleClick }));
+        await user.click(screen.getByRole("button"));
+        expect(handleClick).toHaveBeenCalledTimes(1);
+    });
+    it("should not call onClick when disabled", async () => {
+        const user = userEvent.setup();
+        const handleClick = vi.fn();
+        render(_jsx(SocialLoginButton, { provider: "google", disabled: true, onClick: handleClick }));
+        await user.click(screen.getByRole("button"));
+        expect(handleClick).not.toHaveBeenCalled();
+    });
+    it("should apply custom className", () => {
+        render(_jsx(SocialLoginButton, { provider: "google", className: "custom-class", onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toHaveClass("custom-class");
+    });
+    it("should have outline variant", () => {
+        render(_jsx(SocialLoginButton, { provider: "google", onClick: vi.fn() }));
+        expect(screen.getByRole("button")).toHaveClass("border");
+        expect(screen.getByRole("button")).toHaveClass("border-input");
+    });
+});
+//# sourceMappingURL=social-login-button.test.js.map

package/dist/src/components/social-login-button/social-login-button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-login-button.test.js","sourceRoot":"","sources":["../../../../src/components/social-login-button/social-login-button.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,KAAC,iBAAiB,IAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,KAAC,iBAAiB,IAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,KAAC,iBAAiB,IAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QACpE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,KAAC,iBAAiB,IAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QACnE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,KAAC,iBAAiB,IAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QACpE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACrC,MAAM,CACL,KAAC,iBAAiB,IACjB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GACf,CACF,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACpC,MAAM,CACL,KAAC,iBAAiB,IACjB,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GACf,CACF,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;QACvE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACpD,MAAM,CACL,KAAC,iBAAiB,IACjB,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GACf,CACF,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACxD,MAAM,CACL,KAAC,iBAAiB,IAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CACzE,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,WAAW,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,KAAC,iBAAiB,IAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,GAAI,CAAC,CAAC;QAEtE,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,WAAW,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,CACL,KAAC,iBAAiB,IACjB,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,WAAW,GACnB,CACF,CAAC;QAEF,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACxC,MAAM,CACL,KAAC,iBAAiB,IACjB,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GACf,CACF,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,iBAAiB,IAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/components/social-login-buttons/index.d.ts

@@ -0,0 +1,2 @@
+export { SocialLoginButtons, type SocialLoginButtonsProps, } from "./social-login-buttons";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/social-login-buttons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/social-login-buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,kBAAkB,EAClB,KAAK,uBAAuB,GAC5B,MAAM,wBAAwB,CAAC"}

package/dist/src/components/social-login-buttons/index.js

@@ -0,0 +1,2 @@
+export { SocialLoginButtons, } from "./social-login-buttons";
+//# sourceMappingURL=index.js.map

package/dist/src/components/social-login-buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/social-login-buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,kBAAkB,GAElB,MAAM,wBAAwB,CAAC"}

package/dist/src/components/social-login-buttons/social-login-buttons.d.ts

@@ -0,0 +1,35 @@
+/**
+ * SocialLoginButtons Component
+ * Grid of all OAuth provider buttons with divider
+ */
+import type * as React from "react";
+import { type SocialLoginButtonProps } from "../social-login-button";
+export interface SocialLoginButtonsProps {
+    /**
+     * Callback when any provider button is clicked
+     */
+    onProviderClick: (provider: SocialLoginButtonProps["provider"]) => void;
+    /**
+     * Currently loading provider (if any)
+     */
+    loadingProvider?: SocialLoginButtonProps["provider"];
+    /**
+     * Optional list of providers to display (defaults to all 5)
+     */
+    providers?: SocialLoginButtonProps["provider"][];
+    /**
+     * Optional custom class name for the container
+     */
+    className?: string;
+    /**
+     * Show divider with "Or continue with" text
+     */
+    showDivider?: boolean;
+    /**
+     * Custom text for the divider
+     * @default "Or sign in with"
+     */
+    dividerText?: string;
+}
+export declare function SocialLoginButtons({ onProviderClick, loadingProvider, providers, className, showDivider, dividerText, }: SocialLoginButtonsProps): React.JSX.Element;
+//# sourceMappingURL=social-login-buttons.d.ts.map

package/dist/src/components/social-login-buttons/social-login-buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-login-buttons.d.ts","sourceRoot":"","sources":["../../../../src/components/social-login-buttons/social-login-buttons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAEN,KAAK,sBAAsB,EAC3B,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,uBAAuB;IACvC;;OAEG;IACH,eAAe,EAAE,CAAC,QAAQ,EAAE,sBAAsB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAExE;;OAEG;IACH,eAAe,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAErD;;OAEG;IACH,SAAS,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,EAAE,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAUD,wBAAgB,kBAAkB,CAAC,EAClC,eAAe,EACf,eAAe,EACf,SAA4B,EAC5B,SAAS,EACT,WAAkB,EAClB,WAA+B,GAC/B,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkC7C"}

package/dist/src/components/social-login-buttons/social-login-buttons.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { SocialLoginButton, } from "../social-login-button";
+const defaultProviders = [
+    "google",
+    "github",
+    "facebook",
+    "x",
+    "linkedin",
+];
+export function SocialLoginButtons({ onProviderClick, loadingProvider, providers = defaultProviders, className, showDivider = true, dividerText = "Or sign in with", }) {
+    return (_jsxs("div", { "data-comp": "social-login-buttons", className: cn("w-full space-y-3", className), children: [showDivider && (_jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("span", { className: "w-full border-t" }) }), _jsx("div", { className: "relative flex justify-center text-xs uppercase", children: _jsx("span", { className: "bg-background px-2 text-muted-foreground", children: dividerText }) })] })), _jsx("div", { className: "flex flex-wrap justify-center gap-2", children: providers.map((provider) => (_jsx(SocialLoginButton, { provider: provider, isLoading: loadingProvider === provider, onClick: () => onProviderClick(provider), disabled: loadingProvider !== undefined && loadingProvider !== provider }, provider))) })] }));
+}
+//# sourceMappingURL=social-login-buttons.js.map

package/dist/src/components/social-login-buttons/social-login-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-login-buttons.js","sourceRoot":"","sources":["../../../../src/components/social-login-buttons/social-login-buttons.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EACN,iBAAiB,GAEjB,MAAM,wBAAwB,CAAC;AAmChC,MAAM,gBAAgB,GAAyC;IAC9D,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,GAAG;IACH,UAAU;CACV,CAAC;AAEF,MAAM,UAAU,kBAAkB,CAAC,EAClC,eAAe,EACf,eAAe,EACf,SAAS,GAAG,gBAAgB,EAC5B,SAAS,EACT,WAAW,GAAG,IAAI,EAClB,WAAW,GAAG,iBAAiB,GACN;IACzB,OAAO,CACN,4BACW,sBAAsB,EAChC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,aAE3C,WAAW,IAAI,CACf,eAAK,SAAS,EAAC,UAAU,aACxB,cAAK,SAAS,EAAC,oCAAoC,YAClD,eAAM,SAAS,EAAC,iBAAiB,GAAG,GAC/B,EACN,cAAK,SAAS,EAAC,gDAAgD,YAC9D,eAAM,SAAS,EAAC,0CAA0C,YACxD,WAAW,GACN,GACF,IACD,CACN,EAED,cAAK,SAAS,EAAC,qCAAqC,YAClD,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC5B,KAAC,iBAAiB,IAEjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,KAAK,QAAQ,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,EACxC,QAAQ,EACP,eAAe,KAAK,SAAS,IAAI,eAAe,KAAK,QAAQ,IALzD,QAAQ,CAOZ,CACF,CAAC,GACG,IACD,CACN,CAAC;AACH,CAAC"}

package/dist/src/components/social-login-buttons/social-login-buttons.stories.d.ts

@@ -0,0 +1,28 @@
+import type { StoryObj } from "@storybook/react";
+import { SocialLoginButtons } from "./social-login-buttons";
+declare const meta: {
+    title: string;
+    component: typeof SocialLoginButtons;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        onProviderClick: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDivider: Story;
+export declare const WithoutDivider: Story;
+export declare const GoogleOnly: Story;
+export declare const GoogleAndGitHub: Story;
+export declare const LoadingGoogle: Story;
+export declare const Interactive: Story;
+export declare const CustomProviders: Story;
+export declare const InForm: Story;
+export declare const Registration: Story;
+//# sourceMappingURL=social-login-buttons.stories.d.ts.map

package/dist/src/components/social-login-buttons/social-login-buttons.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-login-buttons.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/social-login-buttons/social-login-buttons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACN,kBAAkB,EAElB,MAAM,wBAAwB,CAAC;AAEhC,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAiCpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC"}

package/dist/src/components/social-login-buttons/social-login-buttons.stories.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { SocialLoginButtons, } from "./social-login-buttons";
+const meta = {
+    title: "Application/SocialLoginButtons",
+    component: SocialLoginButtons,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        onProviderClick: {
+            action: "provider-clicked",
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        onProviderClick: (provider) => console.log("Provider clicked:", provider),
+    },
+};
+export const WithDivider = {
+    args: {
+        onProviderClick: (provider) => console.log("Provider clicked:", provider),
+        showDivider: true,
+    },
+};
+export const WithoutDivider = {
+    args: {
+        onProviderClick: (provider) => console.log("Provider clicked:", provider),
+        showDivider: false,
+    },
+};
+export const GoogleOnly = {
+    args: {
+        onProviderClick: (provider) => console.log("Provider clicked:", provider),
+        providers: ["google"],
+        showDivider: true,
+    },
+};
+export const GoogleAndGitHub = {
+    args: {
+        onProviderClick: (provider) => console.log("Provider clicked:", provider),
+        providers: ["google", "github"],
+        showDivider: true,
+    },
+};
+export const LoadingGoogle = {
+    args: {
+        onProviderClick: (provider) => console.log("Provider clicked:", provider),
+        loadingProvider: "google",
+    },
+};
+export const Interactive = {
+    args: {
+        onProviderClick: () => { },
+    },
+    render: () => {
+        const [loadingProvider, setLoadingProvider] = useState();
+        const handleProviderClick = (provider) => {
+            setLoadingProvider(provider);
+            console.log("Provider clicked:", provider);
+            // Simulate OAuth redirect delay
+            setTimeout(() => setLoadingProvider(undefined), 2000);
+        };
+        return (_jsx("div", { className: "w-96", children: _jsx(SocialLoginButtons, { onProviderClick: handleProviderClick, ...(loadingProvider && { loadingProvider }) }) }));
+    },
+};
+export const CustomProviders = {
+    args: {
+        onProviderClick: (provider) => console.log("Provider clicked:", provider),
+        providers: ["github", "google", "linkedin"],
+        showDivider: true,
+    },
+};
+export const InForm = {
+    args: {
+        onProviderClick: () => { },
+    },
+    render: () => (_jsxs("div", { className: "w-96 space-y-6 p-6 border rounded-lg bg-card text-card-foreground theme-card", children: [_jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-2xl font-bold mb-2", children: "Sign in to your account" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Welcome back! Please sign in to continue." })] }), _jsx(SocialLoginButtons, { onProviderClick: (provider) => console.log("Provider clicked:", provider), showDivider: false }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("span", { className: "w-full border-t" }) }), _jsx("div", { className: "relative flex justify-center text-xs uppercase", children: _jsx("span", { className: "bg-card px-2 text-muted-foreground", children: "Or continue with email" }) })] }), _jsx("div", { className: "text-center text-sm text-muted-foreground", children: "Email sign-in form would go here" })] })),
+};
+export const Registration = {
+    args: {
+        onProviderClick: (provider) => console.log("Provider clicked:", provider),
+        dividerText: "Or register with",
+    },
+    render: (args) => (_jsxs("div", { className: "w-96 space-y-6 p-6 border rounded-lg bg-card text-card-foreground theme-card", children: [_jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-2xl font-bold mb-2", children: "Create an account" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Join us today to get started." })] }), _jsx(SocialLoginButtons, { ...args }), _jsxs("div", { className: "text-center text-sm text-muted-foreground", children: ["Already have an account?", " ", _jsx("span", { className: "text-primary font-medium", children: "Log in" })] })] })),
+};
+//# sourceMappingURL=social-login-buttons.stories.js.map

package/dist/src/components/social-login-buttons/social-login-buttons.stories.js.map

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

package/dist/src/components/social-login-buttons/social-login-buttons.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * SocialLoginButtons Tests
+ */
+export {};
+//# sourceMappingURL=social-login-buttons.test.d.ts.map

package/dist/src/components/social-login-buttons/social-login-buttons.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-login-buttons.test.d.ts","sourceRoot":"","sources":["../../../../src/components/social-login-buttons/social-login-buttons.test.tsx"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/src/components/social-login-buttons/social-login-buttons.test.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SocialLoginButtons Tests
+ */
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { SocialLoginButtons } from "./social-login-buttons";
+describe("SocialLoginButtons", () => {
+    it("should render all 5 providers by default", () => {
+        render(_jsx(SocialLoginButtons, { onProviderClick: vi.fn() }));
+        expect(screen.getByRole("button", { name: /google/i })).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: /github/i })).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: /facebook/i })).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: /x/i })).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: /linkedin/i })).toBeInTheDocument();
+    });
+    it("should render divider by default", () => {
+        render(_jsx(SocialLoginButtons, { onProviderClick: vi.fn() }));
+        expect(screen.getByText("Or sign in with")).toBeInTheDocument();
+    });
+    it("should hide divider when showDivider is false", () => {
+        render(_jsx(SocialLoginButtons, { onProviderClick: vi.fn(), showDivider: false }));
+        expect(screen.queryByText("Or continue with")).not.toBeInTheDocument();
+    });
+    it("should render only specified providers", () => {
+        render(_jsx(SocialLoginButtons, { onProviderClick: vi.fn(), providers: ["google", "github"] }));
+        expect(screen.getByRole("button", { name: /google/i })).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: /github/i })).toBeInTheDocument();
+        expect(screen.queryByRole("button", { name: /facebook/i })).not.toBeInTheDocument();
+    });
+    it("should call onProviderClick with correct provider", async () => {
+        const user = userEvent.setup();
+        const handleClick = vi.fn();
+        render(_jsx(SocialLoginButtons, { onProviderClick: handleClick }));
+        await user.click(screen.getByRole("button", { name: /google/i }));
+        expect(handleClick).toHaveBeenCalledWith("google");
+    });
+    it("should show loading state for specific provider", () => {
+        render(_jsx(SocialLoginButtons, { onProviderClick: vi.fn(), loadingProvider: "google" }));
+        expect(screen.getByText("Redirecting...")).toBeInTheDocument();
+    });
+    it("should disable other providers when one is loading", () => {
+        render(_jsx(SocialLoginButtons, { onProviderClick: vi.fn(), loadingProvider: "google" }));
+        // Google button should have "Redirecting..." text and be disabled (isLoading=true)
+        const googleButton = screen.getByText("Redirecting...").closest("button");
+        expect(googleButton).toBeInTheDocument();
+        // GitHub button should be disabled (different provider is loading)
+        const githubButton = screen.getByRole("button", { name: /github/i });
+        expect(githubButton).toBeDisabled();
+    });
+    it("should apply custom className", () => {
+        const { container } = render(_jsx(SocialLoginButtons, { onProviderClick: vi.fn(), className: "custom-class" }));
+        expect(container.firstChild).toHaveClass("custom-class");
+    });
+    it("should render in grid layout", () => {
+        const { container } = render(_jsx(SocialLoginButtons, { onProviderClick: vi.fn() }));
+        const flexContainer = container.querySelector(".flex.flex-wrap");
+        expect(flexContainer).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=social-login-buttons.test.js.map

package/dist/src/components/social-login-buttons/social-login-buttons.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-login-buttons.test.js","sourceRoot":"","sources":["../../../../src/components/social-login-buttons/social-login-buttons.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACnD,MAAM,CAAC,KAAC,kBAAkB,IAAC,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5E,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5E,MAAM,CACL,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CACjD,CAAC,iBAAiB,EAAE,CAAC;QACtB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvE,MAAM,CACL,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CACjD,CAAC,iBAAiB,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,KAAC,kBAAkB,IAAC,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACxD,MAAM,CACL,KAAC,kBAAkB,IAAC,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,GAAI,CACpE,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QACjD,MAAM,CACL,KAAC,kBAAkB,IAClB,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE,EACxB,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAC9B,CACF,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5E,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5E,MAAM,CACL,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CACnD,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,WAAW,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,KAAC,kBAAkB,IAAC,eAAe,EAAE,WAAW,GAAI,CAAC,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QAClE,MAAM,CAAC,WAAW,CAAC,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QAC1D,MAAM,CACL,KAAC,kBAAkB,IAAC,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,eAAe,EAAC,QAAQ,GAAG,CACzE,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC7D,MAAM,CACL,KAAC,kBAAkB,IAAC,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,eAAe,EAAC,QAAQ,GAAG,CACzE,CAAC;QAEF,mFAAmF;QACnF,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC1E,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAEzC,mEAAmE;QACnE,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QACrE,MAAM,CAAC,YAAY,CAAC,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACxC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,kBAAkB,IAAC,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,CACzE,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,kBAAkB,IAAC,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAChD,CAAC;QACF,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACjE,MAAM,CAAC,aAAa,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/components/sparkline-chart/index.d.ts

@@ -0,0 +1,3 @@
+export type { SparklineChartProps } from "./sparkline-chart";
+export { SparklineChart } from "./sparkline-chart";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/sparkline-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sparkline-chart/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/sparkline-chart/index.js

@@ -0,0 +1,2 @@
+export { SparklineChart } from "./sparkline-chart";
+//# sourceMappingURL=index.js.map

package/dist/src/components/sparkline-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/sparkline-chart/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/sparkline-chart/sparkline-chart.d.ts

@@ -0,0 +1,52 @@
+/**
+ * SparklineChart Component
+ * Small inline chart for use in cards and dashboards
+ * Optimized for compact display with minimal visual noise
+ */
+export interface SparklineChartProps {
+    /**
+     * Data points for the sparkline
+     */
+    data: number[];
+    /**
+     * Chart type
+     */
+    type?: "line" | "area" | "bar";
+    /**
+     * Primary color for the chart
+     */
+    color?: string;
+    /**
+     * Width of the chart in pixels
+     */
+    width?: number | string;
+    /**
+     * Height of the chart in pixels
+     */
+    height?: number | string;
+    /**
+     * Show values on hover
+     * @default false
+     */
+    tooltip?: boolean;
+    /**
+     * Optional className for styling
+     */
+    className?: string;
+    /**
+     * Gradient colors (for area charts)
+     */
+    gradientFrom?: string;
+    gradientTo?: string;
+    /**
+     * Animation settings
+     */
+    animated?: boolean;
+    /**
+     * Enable interactions (hover states, markers, etc.)
+     * @default false
+     */
+    interactive?: boolean;
+}
+export declare function SparklineChart({ data, type, color, width, height, tooltip, className, gradientFrom, gradientTo, animated, interactive, }: SparklineChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sparkline-chart.d.ts.map

package/dist/src/components/sparkline-chart/sparkline-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/sparkline-chart/sparkline-chart.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,MAAM,WAAW,mBAAmB;IACnC;;OAEG;IACH,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAE/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAC9B,IAAI,EACJ,IAAa,EACb,KAAiB,EACjB,KAAc,EACd,MAAW,EACX,OAAe,EACf,SAAS,EACT,YAAY,EACZ,UAAU,EACV,QAAe,EACf,WAAmB,GACnB,EAAE,mBAAmB,2CAoIrB"}

package/dist/src/components/sparkline-chart/sparkline-chart.js

@@ -0,0 +1,131 @@
+/**
+ * SparklineChart Component
+ * Small inline chart for use in cards and dashboards
+ * Optimized for compact display with minimal visual noise
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { Chart } from "../charts/chart";
+export function SparklineChart({ data, type = "line", color = "#3B82F6", width = "100%", height = 64, tooltip = false, className, gradientFrom, gradientTo, animated = true, interactive = false, }) {
+    const options = {
+        chart: {
+            type,
+            sparkline: {
+                enabled: true,
+            },
+            animations: {
+                enabled: animated,
+                speed: 400,
+            },
+            toolbar: {
+                show: false,
+            },
+            zoom: {
+                enabled: false,
+            },
+        },
+        states: {
+            hover: {
+                filter: {
+                    type: interactive ? "lighten" : "none",
+                },
+            },
+            active: {
+                filter: {
+                    type: "none",
+                },
+            },
+        },
+        stroke: {
+            curve: "smooth",
+            width: type === "line" ? 2 : 0,
+        },
+        fill: {
+            type: type === "area" ? "gradient" : "solid",
+            ...(type === "area" && {
+                gradient: {
+                    shadeIntensity: 1,
+                    opacityFrom: 0.7,
+                    opacityTo: 0.1,
+                    stops: [0, 100],
+                    ...(gradientFrom &&
+                        gradientTo && {
+                        colorStops: [
+                            {
+                                offset: 0,
+                                color: gradientFrom,
+                                opacity: 0.7,
+                            },
+                            {
+                                offset: 100,
+                                color: gradientTo,
+                                opacity: 0.1,
+                            },
+                        ],
+                    }),
+                },
+            }),
+        },
+        colors: [color],
+        tooltip: {
+            enabled: tooltip,
+            theme: "dark",
+            x: {
+                show: false,
+            },
+            y: {
+                title: {
+                    formatter: () => "",
+                },
+            },
+            marker: {
+                show: false,
+            },
+        },
+        markers: {
+            size: 0,
+            hover: {
+                size: interactive ? 4 : 0,
+            },
+        },
+        grid: {
+            show: false,
+        },
+        xaxis: {
+            labels: {
+                show: false,
+            },
+            axisBorder: {
+                show: false,
+            },
+            axisTicks: {
+                show: false,
+            },
+            tooltip: {
+                enabled: false,
+            },
+            crosshairs: {
+                show: interactive,
+            },
+        },
+        yaxis: {
+            labels: {
+                show: false,
+            },
+        },
+        plotOptions: {
+            bar: {
+                columnWidth: "80%",
+            },
+        },
+    };
+    const series = [
+        {
+            name: "Value",
+            data: data,
+        },
+    ];
+    return (_jsx("div", { className: cn("sparkline-chart", className), children: _jsx(Chart, { options: options, series: series, type: type, height: height, width: width }) }));
+}
+//# sourceMappingURL=sparkline-chart.js.map

package/dist/src/components/sparkline-chart/sparkline-chart.js.map

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

package/dist/src/components/sparkline-chart/sparkline-chart.stories.d.ts

@@ -0,0 +1,16 @@
+/**
+ * SparklineChart Stories
+ * Demonstrates various sparkline chart configurations for cards and dashboards
+ */
+import type { Meta, StoryObj } from "@storybook/react";
+import { SparklineChart } from "./sparkline-chart";
+declare const meta: Meta<typeof SparklineChart>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LineSparkline: Story;
+export declare const AreaSparkline: Story;
+export declare const BarSparkline: Story;
+export declare const CompactLine: Story;
+export declare const InCard: Story;
+export declare const MultipleInDashboard: Story;
+//# sourceMappingURL=sparkline-chart.stories.d.ts.map

package/dist/src/components/sparkline-chart/sparkline-chart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline-chart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/sparkline-chart/sparkline-chart.stories.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAwCrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA0BpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAyDjC,CAAC"}