@minutemailer/kit 1.1.0 → 1.1.1

package/components/confirm.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+type ConfirmProps = {
+    children: ReactNode;
+    content: ReactNode;
+    title: ReactNode;
+    onConfirm: () => void;
+    action?: string;
+    cancel?: string;
+    destructive?: boolean;
+};
+export declare function Confirm({ children, content, title, onConfirm, action, cancel, destructive, }: ConfirmProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/confirm.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from '../components/ui/dialog.js';
+import { Button } from '../components/ui/button.js';
+import { useI18n } from '../hooks/use-i18n.js';
+import { compose } from '../utils/compose/index.js';
+export function Confirm({ children, content, title, onConfirm, action, cancel, destructive = false, }) {
+    const t = useI18n();
+    const [open, setOpen] = useState(false);
+    return (_jsxs(Dialog, { onOpenChange: setOpen, open: open, children: [_jsx(DialogTrigger, { asChild: true, children: children }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: content })] }), _jsxs(DialogFooter, { className: "sm:justify-between", children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: cancel || t('dialogCancel') }) }), _jsx(Button, { variant: destructive ? 'destructive' : 'default', onClick: compose(onConfirm, () => setOpen(false)), children: action || t('dialogConfirm') })] })] })] }));
+}

package/components/minutemailer-kit.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+export declare const Context: import("react").Context<{
+    t: (key: string) => string;
+}>;
+type MinutemailerKitProps = {
+    children: ReactNode;
+    t: (key: string) => string;
+};
+export declare function MinutemailerKit({ children, t }: MinutemailerKitProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/minutemailer-kit.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext } from 'react';
+export const Context = createContext({
+    t: (key) => key,
+});
+export function MinutemailerKit({ children, t }) {
+    return _jsx(Context.Provider, { value: { t }, children: children });
+}

package/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {

package/components/ui/button.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../utils/utils.js';
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-base font-semibold transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-semibold transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
     variants: {
         variant: {
             default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',

package/hooks/use-i18n.d.ts

@@ -0,0 +1 @@
+export declare function useI18n(): (key: string) => string;

package/hooks/use-i18n.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { Context } from '../components/minutemailer-kit.js';
+export function useI18n() {
+    const { t } = useContext(Context);
+    return t;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@minutemailer/kit",
-    "version": "1.1.0",
+    "version": "1.1.1",
     "description": "Minutemailer UI Kit",
     "license": "MIT",
     "author": "Minutemailer",

package/utils/compose/index.d.ts

@@ -0,0 +1 @@
+export declare function compose(...fns: any[]): any;

package/utils/compose/index.js

@@ -0,0 +1,3 @@
+export function compose(...fns) {
+    return fns.reduce((f, g) => (...args) => f(g(...args)));
+}