@beyondcorp/beyond-ui 1.0.6 → 1.0.9

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "pills" | "underline" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+    variant?: "default" | "pills" | "underline" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface TabsProps extends VariantProps<typeof tabsListVariants> {
+    value: string;
+    onValueChange: (value: string) => void;
+    children: React.ReactNode;
+    className?: string;
+}
+declare const Tabs: React.FC<TabsProps>;
+declare const TabsList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+}
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, tabsTriggerVariants };

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,60 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+
+const tabsListVariants = cva("inline-flex h-10 items-center justify-center rounded-md bg-gray-100 p-1 text-gray-500", {
+    variants: {
+        variant: {
+            default: "bg-gray-100",
+            pills: "bg-transparent gap-2",
+            underline: "bg-transparent border-b border-gray-200",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const tabsTriggerVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+    variants: {
+        variant: {
+            default: "data-[state=active]:bg-white data-[state=active]:text-gray-950 data-[state=active]:shadow-sm",
+            pills: "data-[state=active]:bg-primary-100 data-[state=active]:text-primary-700 hover:bg-gray-100",
+            underline: "data-[state=active]:border-b-2 data-[state=active]:border-primary-600 data-[state=active]:text-primary-600 hover:text-gray-900 rounded-none border-b-2 border-transparent",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const TabsContext = React.createContext(undefined);
+const Tabs = ({ value, onValueChange, variant, children, className }) => {
+    return (jsxRuntimeExports.jsx(TabsContext.Provider, { value: { value, onValueChange, variant }, children: jsxRuntimeExports.jsx("div", { className: cn("w-full", className), children: children }) }));
+};
+const TabsList = React.forwardRef(({ className, ...props }, ref) => {
+    const context = React.useContext(TabsContext);
+    if (!context)
+        throw new Error("TabsList must be used within Tabs");
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: cn(tabsListVariants({ variant: context.variant }), className), ...props }));
+});
+TabsList.displayName = "TabsList";
+const TabsTrigger = React.forwardRef(({ className, value, ...props }, ref) => {
+    const context = React.useContext(TabsContext);
+    if (!context)
+        throw new Error("TabsTrigger must be used within Tabs");
+    const isActive = context.value === value;
+    return (jsxRuntimeExports.jsx("button", { ref: ref, className: cn(tabsTriggerVariants({ variant: context.variant }), className), "data-state": isActive ? "active" : "inactive", onClick: () => context.onValueChange(value), ...props }));
+});
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = React.forwardRef(({ className, value, ...props }, ref) => {
+    const context = React.useContext(TabsContext);
+    if (!context)
+        throw new Error("TabsContent must be used within Tabs");
+    if (context.value !== value)
+        return null;
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: cn("mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2", className), ...props }));
+});
+TabsContent.displayName = "TabsContent";
+
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst tabsListVariants = cva(\n  \"inline-flex h-10 items-center justify-center rounded-md bg-gray-100 p-1 text-gray-500\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-gray-100\",\n        pills: \"bg-transparent gap-2\",\n        underline: \"bg-transparent border-b border-gray-200\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nconst tabsTriggerVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"data-[state=active]:bg-white data-[state=active]:text-gray-950 data-[state=active]:shadow-sm\",\n        pills: \"data-[state=active]:bg-primary-100 data-[state=active]:text-primary-700 hover:bg-gray-100\",\n        underline: \"data-[state=active]:border-b-2 data-[state=active]:border-primary-600 data-[state=active]:text-primary-600 hover:text-gray-900 rounded-none border-b-2 border-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\ninterface TabsContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  variant?: VariantProps<typeof tabsListVariants>[\"variant\"];\n}\n\nconst TabsContext = React.createContext<TabsContextValue | undefined>(undefined);\n\ninterface TabsProps extends VariantProps<typeof tabsListVariants> {\n  value: string;\n  onValueChange: (value: string) => void;\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst Tabs: React.FC<TabsProps> = ({ value, onValueChange, variant, children, className }) => {\n  return (\n    <TabsContext.Provider value={{ value, onValueChange, variant }}>\n      <div className={cn(\"w-full\", className)}>{children}</div>\n    </TabsContext.Provider>\n  );\n};\n\nconst TabsList = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const context = React.useContext(TabsContext);\n  if (!context) throw new Error(\"TabsList must be used within Tabs\");\n\n  return (\n    <div\n      ref={ref}\n      className={cn(tabsListVariants({ variant: context.variant }), className)}\n      {...props}\n    />\n  );\n});\nTabsList.displayName = \"TabsList\";\n\ninterface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n}\n\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ className, value, ...props }, ref) => {\n    const context = React.useContext(TabsContext);\n    if (!context) throw new Error(\"TabsTrigger must be used within Tabs\");\n\n    const isActive = context.value === value;\n\n    return (\n      <button\n        ref={ref}\n        className={cn(\n          tabsTriggerVariants({ variant: context.variant }),\n          className\n        )}\n        data-state={isActive ? \"active\" : \"inactive\"}\n        onClick={() => context.onValueChange(value)}\n        {...props}\n      />\n    );\n  }\n);\nTabsTrigger.displayName = \"TabsTrigger\";\n\ninterface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n}\n\nconst TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, value, ...props }, ref) => {\n    const context = React.useContext(TabsContext);\n    if (!context) throw new Error(\"TabsContent must be used within Tabs\");\n\n    if (context.value !== value) return null;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2\",\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTabsContent.displayName = \"TabsContent\";\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, tabsTriggerVariants };"],"names":["_jsx"],"mappings":"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"}

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs';

package/dist/components/Tabs/index.js

@@ -0,0 +1,2 @@
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from './Tabs.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const textareaVariants: (props?: ({
+    variant?: "default" | "success" | "error" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea, textareaVariants };

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,24 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+
+const textareaVariants = cva("flex min-h-[80px] w-full rounded-md border bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", {
+    variants: {
+        variant: {
+            default: "border-gray-300",
+            error: "border-danger-500 focus-visible:ring-danger-500",
+            success: "border-success-500 focus-visible:ring-success-500",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Textarea = React.forwardRef(({ className, variant, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("textarea", { className: cn(textareaVariants({ variant, className })), ref: ref, ...props }));
+});
+Textarea.displayName = "Textarea";
+
+export { Textarea, textareaVariants };
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst textareaVariants = cva(\n  \"flex min-h-[80px] w-full rounded-md border bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"border-gray-300\",\n        error: \"border-danger-500 focus-visible:ring-danger-500\",\n        success: \"border-success-500 focus-visible:ring-success-500\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    VariantProps<typeof textareaVariants> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, variant, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(textareaVariants({ variant, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea, textareaVariants };"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,gBAAgB,GAAG,GAAG,CAC1B,8QAA8Q,EAC9Q;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,KAAK,EAAE,iDAAiD;AACxD,YAAA,OAAO,EAAE,mDAAmD;AAC7D,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AAOH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACxC,QACEA,oCACE,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EACvD,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './Textarea';

package/dist/components/Textarea/index.js

@@ -0,0 +1,2 @@
+export { Textarea, textareaVariants } from './Textarea.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const toastVariants: (props?: ({
+    variant?: "default" | "success" | "warning" | "info" | "error" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface ToastOptions {
+    variant?: VariantProps<typeof toastVariants>["variant"];
+    duration?: number;
+}
+declare const showToast: {
+    success: (message: string, options?: ToastOptions) => string;
+    error: (message: string, options?: ToastOptions) => string;
+    warning: (message: string, options?: ToastOptions) => string;
+    info: (message: string, options?: ToastOptions) => string;
+    default: (message: string, options?: ToastOptions) => string;
+};
+declare const Toast: React.FC;
+export { Toast, showToast, toastVariants };

package/dist/components/Toast/Toast.js

@@ -0,0 +1,75 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import zt, { Toaster as Fe, ToastBar as N } from '../../node_modules/react-hot-toast/dist/index.js';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+import X from '../../node_modules/lucide-react/dist/esm/icons/x.js';
+import Info from '../../node_modules/lucide-react/dist/esm/icons/info.js';
+import AlertTriangle from '../../node_modules/lucide-react/dist/esm/icons/alert-triangle.js';
+import AlertCircle from '../../node_modules/lucide-react/dist/esm/icons/alert-circle.js';
+import CheckCircle from '../../node_modules/lucide-react/dist/esm/icons/check-circle.js';
+
+const toastVariants = cva("flex items-center gap-2 p-4 rounded-lg shadow-lg border max-w-md", {
+    variants: {
+        variant: {
+            default: "bg-white border-gray-200 text-gray-900",
+            success: "bg-success-50 border-success-200 text-success-800",
+            error: "bg-danger-50 border-danger-200 text-danger-800",
+            warning: "bg-warning-50 border-warning-200 text-warning-800",
+            info: "bg-primary-50 border-primary-200 text-primary-800",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const getIcon = (variant) => {
+    switch (variant) {
+        case "success":
+            return jsxRuntimeExports.jsx(CheckCircle, { className: "h-5 w-5 text-success-600" });
+        case "error":
+            return jsxRuntimeExports.jsx(AlertCircle, { className: "h-5 w-5 text-danger-600" });
+        case "warning":
+            return jsxRuntimeExports.jsx(AlertTriangle, { className: "h-5 w-5 text-warning-600" });
+        case "info":
+            return jsxRuntimeExports.jsx(Info, { className: "h-5 w-5 text-primary-600" });
+        default:
+            return null;
+    }
+};
+const showToast = {
+    success: (message, options) => zt.success(message, {
+        duration: options?.duration || 4000,
+    }),
+    error: (message, options) => zt.error(message, {
+        duration: options?.duration || 5000,
+    }),
+    warning: (message, options) => zt(message, {
+        icon: "⚠️",
+        duration: options?.duration || 4000,
+    }),
+    info: (message, options) => zt(message, {
+        icon: "ℹ️",
+        duration: options?.duration || 4000,
+    }),
+    default: (message, options) => zt(message, {
+        duration: options?.duration || 4000,
+    }),
+};
+const Toast = () => {
+    return (jsxRuntimeExports.jsx(Fe, { position: "top-right", toastOptions: {
+            duration: 4000,
+            className: "",
+            style: {
+                background: "transparent",
+                boxShadow: "none",
+                padding: 0,
+            },
+        }, children: (t) => (jsxRuntimeExports.jsx(N, { toast: t, children: ({ icon, message }) => (jsxRuntimeExports.jsxs("div", { className: cn(toastVariants({
+                    variant: t.type === "success" ? "success" :
+                        t.type === "error" ? "error" : "default"
+                })), children: [getIcon(t.type === "success" ? "success" :
+                        t.type === "error" ? "error" : "default") || icon, jsxRuntimeExports.jsx("div", { className: "flex-1 text-sm font-medium", children: message }), jsxRuntimeExports.jsx("button", { onClick: () => zt.dismiss(t.id), className: "inline-flex h-5 w-5 items-center justify-center rounded-full hover:bg-black/10", children: jsxRuntimeExports.jsx(X, { className: "h-3 w-3" }) })] })) })) }));
+};
+
+export { Toast, showToast, toastVariants };
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport toast, { Toaster, ToastBar } from \"react-hot-toast\";\nimport { X, CheckCircle, AlertCircle, Info, AlertTriangle } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst toastVariants = cva(\n  \"flex items-center gap-2 p-4 rounded-lg shadow-lg border max-w-md\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-white border-gray-200 text-gray-900\",\n        success: \"bg-success-50 border-success-200 text-success-800\",\n        error: \"bg-danger-50 border-danger-200 text-danger-800\",\n        warning: \"bg-warning-50 border-warning-200 text-warning-800\",\n        info: \"bg-primary-50 border-primary-200 text-primary-800\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\ninterface ToastOptions {\n  variant?: VariantProps<typeof toastVariants>[\"variant\"];\n  duration?: number;\n}\n\nconst getIcon = (variant: string) => {\n  switch (variant) {\n    case \"success\":\n      return <CheckCircle className=\"h-5 w-5 text-success-600\" />;\n    case \"error\":\n      return <AlertCircle className=\"h-5 w-5 text-danger-600\" />;\n    case \"warning\":\n      return <AlertTriangle className=\"h-5 w-5 text-warning-600\" />;\n    case \"info\":\n      return <Info className=\"h-5 w-5 text-primary-600\" />;\n    default:\n      return null;\n  }\n};\n\nconst showToast = {\n  success: (message: string, options?: ToastOptions) =>\n    toast.success(message, {\n      duration: options?.duration || 4000,\n    }),\n  error: (message: string, options?: ToastOptions) =>\n    toast.error(message, {\n      duration: options?.duration || 5000,\n    }),\n  warning: (message: string, options?: ToastOptions) =>\n    toast(message, {\n      icon: \"⚠️\",\n      duration: options?.duration || 4000,\n    }),\n  info: (message: string, options?: ToastOptions) =>\n    toast(message, {\n      icon: \"ℹ️\",\n      duration: options?.duration || 4000,\n    }),\n  default: (message: string, options?: ToastOptions) =>\n    toast(message, {\n      duration: options?.duration || 4000,\n    }),\n};\n\nconst Toast: React.FC = () => {\n  return (\n    <Toaster\n      position=\"top-right\"\n      toastOptions={{\n        duration: 4000,\n        className: \"\",\n        style: {\n          background: \"transparent\",\n          boxShadow: \"none\",\n          padding: 0,\n        },\n      }}\n    >\n      {(t) => (\n        <ToastBar toast={t}>\n          {({ icon, message }) => (\n            <div\n              className={cn(\n                toastVariants({\n                  variant: t.type === \"success\" ? \"success\" : \n                           t.type === \"error\" ? \"error\" : \"default\"\n                })\n              )}\n            >\n              {getIcon(t.type === \"success\" ? \"success\" : \n                      t.type === \"error\" ? \"error\" : \"default\") || icon}\n              <div className=\"flex-1 text-sm font-medium\">{message}</div>\n              <button\n                onClick={() => toast.dismiss(t.id)}\n                className=\"inline-flex h-5 w-5 items-center justify-center rounded-full hover:bg-black/10\"\n              >\n                <X className=\"h-3 w-3\" />\n              </button>\n            </div>\n          )}\n        </ToastBar>\n      )}\n    </Toaster>\n  );\n};\n\nexport { Toast, showToast, toastVariants };"],"names":["_jsx","toast","Toaster","ToastBar","_jsxs"],"mappings":"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"}

package/dist/components/Toast/index.d.ts

@@ -0,0 +1 @@
+export * from './Toast';

package/dist/components/Toast/index.js

@@ -0,0 +1,2 @@
+export { Toast, showToast, toastVariants } from './Toast.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/hooks/useBreakpoint.d.ts

@@ -0,0 +1,14 @@
+declare const breakpoints: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+    readonly '2xl': 1536;
+};
+type Breakpoint = keyof typeof breakpoints;
+export declare function useBreakpoint(): {
+    currentBreakpoint: "sm" | "md" | "lg" | "xl" | "2xl";
+    isAbove: (breakpoint: Breakpoint) => boolean;
+    isBelow: (breakpoint: Breakpoint) => boolean;
+};
+export {};

package/dist/hooks/useBreakpoint.js

@@ -0,0 +1,40 @@
+import { useState, useEffect } from 'react';
+
+const breakpoints = {
+    sm: 640,
+    md: 768,
+    lg: 1024,
+    xl: 1280,
+    '2xl': 1536,
+};
+function useBreakpoint() {
+    const [currentBreakpoint, setCurrentBreakpoint] = useState('sm');
+    useEffect(() => {
+        const checkBreakpoint = () => {
+            const width = window.innerWidth;
+            let breakpoint = 'sm';
+            if (width >= breakpoints['2xl'])
+                breakpoint = '2xl';
+            else if (width >= breakpoints.xl)
+                breakpoint = 'xl';
+            else if (width >= breakpoints.lg)
+                breakpoint = 'lg';
+            else if (width >= breakpoints.md)
+                breakpoint = 'md';
+            setCurrentBreakpoint(breakpoint);
+        };
+        checkBreakpoint();
+        window.addEventListener('resize', checkBreakpoint);
+        return () => window.removeEventListener('resize', checkBreakpoint);
+    }, []);
+    const isAbove = (breakpoint) => {
+        return breakpoints[currentBreakpoint] >= breakpoints[breakpoint];
+    };
+    const isBelow = (breakpoint) => {
+        return breakpoints[currentBreakpoint] < breakpoints[breakpoint];
+    };
+    return { currentBreakpoint, isAbove, isBelow };
+}
+
+export { useBreakpoint };
+//# sourceMappingURL=useBreakpoint.js.map

package/dist/hooks/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nconst breakpoints = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n} as const;\n\ntype Breakpoint = keyof typeof breakpoints;\n\nexport function useBreakpoint() {\n  const [currentBreakpoint, setCurrentBreakpoint] = useState<Breakpoint>('sm');\n\n  useEffect(() => {\n    const checkBreakpoint = () => {\n      const width = window.innerWidth;\n      let breakpoint: Breakpoint = 'sm';\n\n      if (width >= breakpoints['2xl']) breakpoint = '2xl';\n      else if (width >= breakpoints.xl) breakpoint = 'xl';\n      else if (width >= breakpoints.lg) breakpoint = 'lg';\n      else if (width >= breakpoints.md) breakpoint = 'md';\n\n      setCurrentBreakpoint(breakpoint);\n    };\n\n    checkBreakpoint();\n    window.addEventListener('resize', checkBreakpoint);\n    return () => window.removeEventListener('resize', checkBreakpoint);\n  }, []);\n\n  const isAbove = (breakpoint: Breakpoint): boolean => {\n    return breakpoints[currentBreakpoint] >= breakpoints[breakpoint];\n  };\n\n  const isBelow = (breakpoint: Breakpoint): boolean => {\n    return breakpoints[currentBreakpoint] < breakpoints[breakpoint];\n  };\n\n  return { currentBreakpoint, isAbove, isBelow };\n}"],"names":[],"mappings":";;AAEA,MAAM,WAAW,GAAG;AAClB,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,IAAI;CACH;SAIM,aAAa,GAAA;IAC3B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAa,IAAI,CAAC;IAE5E,SAAS,CAAC,MAAK;QACb,MAAM,eAAe,GAAG,MAAK;AAC3B,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;YAC/B,IAAI,UAAU,GAAe,IAAI;AAEjC,YAAA,IAAI,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC;gBAAE,UAAU,GAAG,KAAK;AAC9C,iBAAA,IAAI,KAAK,IAAI,WAAW,CAAC,EAAE;gBAAE,UAAU,GAAG,IAAI;AAC9C,iBAAA,IAAI,KAAK,IAAI,WAAW,CAAC,EAAE;gBAAE,UAAU,GAAG,IAAI;AAC9C,iBAAA,IAAI,KAAK,IAAI,WAAW,CAAC,EAAE;gBAAE,UAAU,GAAG,IAAI;YAEnD,oBAAoB,CAAC,UAAU,CAAC;AAClC,QAAA,CAAC;AAED,QAAA,eAAe,EAAE;AACjB,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC;QAClD,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,eAAe,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,OAAO,GAAG,CAAC,UAAsB,KAAa;QAClD,OAAO,WAAW,CAAC,iBAAiB,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC;AAClE,IAAA,CAAC;AAED,IAAA,MAAM,OAAO,GAAG,CAAC,UAAsB,KAAa;QAClD,OAAO,WAAW,CAAC,iBAAiB,CAAC,GAAG,WAAW,CAAC,UAAU,CAAC;AACjE,IAAA,CAAC;AAED,IAAA,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,EAAE;AAChD;;;;"}

package/dist/hooks/useDarkMode.d.ts

@@ -0,0 +1,4 @@
+export declare function useDarkMode(): {
+    isDarkMode: boolean;
+    toggle: () => void;
+};

package/dist/hooks/useDarkMode.js

@@ -0,0 +1,29 @@
+import { useState, useEffect } from 'react';
+
+function useDarkMode() {
+    const [isDarkMode, setIsDarkMode] = useState(() => {
+        if (typeof window !== 'undefined') {
+            const stored = localStorage.getItem('darkMode');
+            if (stored) {
+                return JSON.parse(stored);
+            }
+            return window.matchMedia('(prefers-color-scheme: dark)').matches;
+        }
+        return false;
+    });
+    useEffect(() => {
+        const root = window.document.documentElement;
+        if (isDarkMode) {
+            root.classList.add('dark');
+        }
+        else {
+            root.classList.remove('dark');
+        }
+        localStorage.setItem('darkMode', JSON.stringify(isDarkMode));
+    }, [isDarkMode]);
+    const toggle = () => setIsDarkMode(prev => !prev);
+    return { isDarkMode, toggle };
+}
+
+export { useDarkMode };
+//# sourceMappingURL=useDarkMode.js.map

package/dist/hooks/useDarkMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkMode.js","sources":["../../src/hooks/useDarkMode.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nexport function useDarkMode() {\n  const [isDarkMode, setIsDarkMode] = useState<boolean>(() => {\n    if (typeof window !== 'undefined') {\n      const stored = localStorage.getItem('darkMode');\n      if (stored) {\n        return JSON.parse(stored);\n      }\n      return window.matchMedia('(prefers-color-scheme: dark)').matches;\n    }\n    return false;\n  });\n\n  useEffect(() => {\n    const root = window.document.documentElement;\n    if (isDarkMode) {\n      root.classList.add('dark');\n    } else {\n      root.classList.remove('dark');\n    }\n    localStorage.setItem('darkMode', JSON.stringify(isDarkMode));\n  }, [isDarkMode]);\n\n  const toggle = () => setIsDarkMode(prev => !prev);\n\n  return { isDarkMode, toggle };\n}"],"names":[],"mappings":";;SAEgB,WAAW,GAAA;IACzB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAK;AACzD,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC;YAC/C,IAAI,MAAM,EAAE;AACV,gBAAA,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAC3B;YACA,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO;QAClE;AACA,QAAA,OAAO,KAAK;AACd,IAAA,CAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe;QAC5C,IAAI,UAAU,EAAE;AACd,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;QAC5B;aAAO;AACL,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;QAC/B;AACA,QAAA,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;AAC9D,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AAEhB,IAAA,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;AAEjD,IAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE;AAC/B;;;;"}

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce<T>(value: T, delay: number): T;

package/dist/hooks/useDebounce.js

@@ -0,0 +1,17 @@
+import { useState, useEffect } from 'react';
+
+function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const handler = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [value, delay]);
+    return debouncedValue;
+}
+
+export { useDebounce };
+//# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}"],"names":[],"mappings":";;AAEM,SAAU,WAAW,CAAI,KAAQ,EAAE,KAAa,EAAA;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAI,KAAK,CAAC;IAE9D,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;YAC9B,iBAAiB,CAAC,KAAK,CAAC;QAC1B,CAAC,EAAE,KAAK,CAAC;AAET,QAAA,OAAO,MAAK;YACV,YAAY,CAAC,OAAO,CAAC;AACvB,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAElB,IAAA,OAAO,cAAc;AACvB;;;;"}

package/dist/hooks/useLocalStorage.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((val: T) => T)) => void, () => void];

package/dist/hooks/useLocalStorage.js

@@ -0,0 +1,44 @@
+import { useState, useCallback } from 'react';
+
+function useLocalStorage(key, initialValue) {
+    const [storedValue, setStoredValue] = useState(() => {
+        if (typeof window === 'undefined') {
+            return initialValue;
+        }
+        try {
+            const item = window.localStorage.getItem(key);
+            return item ? JSON.parse(item) : initialValue;
+        }
+        catch (error) {
+            console.error(`Error reading localStorage key "${key}":`, error);
+            return initialValue;
+        }
+    });
+    const setValue = useCallback((value) => {
+        try {
+            const valueToStore = value instanceof Function ? value(storedValue) : value;
+            setStoredValue(valueToStore);
+            if (typeof window !== 'undefined') {
+                window.localStorage.setItem(key, JSON.stringify(valueToStore));
+            }
+        }
+        catch (error) {
+            console.error(`Error setting localStorage key "${key}":`, error);
+        }
+    }, [key, storedValue]);
+    const removeValue = useCallback(() => {
+        try {
+            setStoredValue(initialValue);
+            if (typeof window !== 'undefined') {
+                window.localStorage.removeItem(key);
+            }
+        }
+        catch (error) {
+            console.error(`Error removing localStorage key "${key}":`, error);
+        }
+    }, [key, initialValue]);
+    return [storedValue, setValue, removeValue];
+}
+
+export { useLocalStorage };
+//# sourceMappingURL=useLocalStorage.js.map

package/dist/hooks/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.js","sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T\n): [T, (value: T | ((val: T) => T)) => void, () => void] {\n  const [storedValue, setStoredValue] = useState<T>(() => {\n    if (typeof window === 'undefined') {\n      return initialValue;\n    }\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? JSON.parse(item) : initialValue;\n    } catch (error) {\n      console.error(`Error reading localStorage key \"${key}\":`, error);\n      return initialValue;\n    }\n  });\n\n  const setValue = useCallback((value: T | ((val: T) => T)) => {\n    try {\n      const valueToStore = value instanceof Function ? value(storedValue) : value;\n      setStoredValue(valueToStore);\n      if (typeof window !== 'undefined') {\n        window.localStorage.setItem(key, JSON.stringify(valueToStore));\n      }\n    } catch (error) {\n      console.error(`Error setting localStorage key \"${key}\":`, error);\n    }\n  }, [key, storedValue]);\n\n  const removeValue = useCallback(() => {\n    try {\n      setStoredValue(initialValue);\n      if (typeof window !== 'undefined') {\n        window.localStorage.removeItem(key);\n      }\n    } catch (error) {\n      console.error(`Error removing localStorage key \"${key}\":`, error);\n    }\n  }, [key, initialValue]);\n\n  return [storedValue, setValue, removeValue];\n}"],"names":[],"mappings":";;AAEM,SAAU,eAAe,CAC7B,GAAW,EACX,YAAe,EAAA;IAEf,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAI,MAAK;AACrD,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,YAAA,OAAO,YAAY;QACrB;AACA,QAAA,IAAI;YACF,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;AAC7C,YAAA,OAAO,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,YAAY;QAC/C;QAAE,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,CAAA,gCAAA,EAAmC,GAAG,CAAA,EAAA,CAAI,EAAE,KAAK,CAAC;AAChE,YAAA,OAAO,YAAY;QACrB;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAA0B,KAAI;AAC1D,QAAA,IAAI;AACF,YAAA,MAAM,YAAY,GAAG,KAAK,YAAY,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,KAAK;YAC3E,cAAc,CAAC,YAAY,CAAC;AAC5B,YAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,gBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAChE;QACF;QAAE,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,CAAA,gCAAA,EAAmC,GAAG,CAAA,EAAA,CAAI,EAAE,KAAK,CAAC;QAClE;AACF,IAAA,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;AAEtB,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,IAAI;YACF,cAAc,CAAC,YAAY,CAAC;AAC5B,YAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,gBAAA,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC;YACrC;QACF;QAAE,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,CAAA,iCAAA,EAAoC,GAAG,CAAA,EAAA,CAAI,EAAE,KAAK,CAAC;QACnE;AACF,IAAA,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;AAEvB,IAAA,OAAO,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC;AAC7C;;;;"}

package/dist/hooks/useToggle.d.ts

@@ -0,0 +1 @@
+export declare function useToggle(initialValue?: boolean): [boolean, () => void, (value: boolean) => void];

package/dist/hooks/useToggle.js

@@ -0,0 +1,11 @@
+import { useState, useCallback } from 'react';
+
+function useToggle(initialValue = false) {
+    const [value, setValue] = useState(initialValue);
+    const toggle = useCallback(() => setValue(prev => !prev), []);
+    const setToggle = useCallback((newValue) => setValue(newValue), []);
+    return [value, toggle, setToggle];
+}
+
+export { useToggle };
+//# sourceMappingURL=useToggle.js.map

package/dist/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sources":["../../src/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport function useToggle(initialValue: boolean = false): [boolean, () => void, (value: boolean) => void] {\n  const [value, setValue] = useState<boolean>(initialValue);\n\n  const toggle = useCallback(() => setValue(prev => !prev), []);\n  const setToggle = useCallback((newValue: boolean) => setValue(newValue), []);\n\n  return [value, toggle, setToggle];\n}"],"names":[],"mappings":";;AAEM,SAAU,SAAS,CAAC,YAAA,GAAwB,KAAK,EAAA;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,YAAY,CAAC;AAEzD,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,QAAQ,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;AAC7D,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,QAAiB,KAAK,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAE5E,IAAA,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;AACnC;;;;"}