@minutemailer/kit 1.1.0 → 1.1.2

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/components/ui/sidebar.js

@@ -120,7 +120,7 @@ function SidebarRail({ className, ...props }) {
     return (_jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn('hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex', 'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize', '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize', 'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full', '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2', '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2', className), ...props }));
 }
 function SidebarInset({ className, ...props }) {
-    return (_jsx("main", { "data-slot": "sidebar-inset", className: cn('bg-background relative flex w-full flex-1 flex-col', 'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2', className), ...props }));
+    return (_jsx("main", { "data-slot": "sidebar-inset", className: cn('bg-accent relative flex w-full flex-1 flex-col', 'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2', className), ...props }));
 }
 function SidebarInput({ className, ...props }) {
     return (_jsx(Input, { "data-slot": "sidebar-input", "data-sidebar": "input", className: cn('bg-background h-8 w-full shadow-none', className), ...props }));

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.2",
     "description": "Minutemailer UI Kit",
     "license": "MIT",
     "author": "Minutemailer",

package/styles.css

@@ -64,7 +64,7 @@
     --chart-3: oklch(0.398 0.07 227.392);
     --chart-4: oklch(0.828 0.189 84.429);
     --chart-5: oklch(0.769 0.188 70.08);
-    --sidebar: oklch(0.985 0 0);
+    --sidebar: oklch(1 0 0);
     --sidebar-foreground: oklch(0.145 0 0);
     --sidebar-primary: oklch(0.205 0 0);
     --sidebar-primary-foreground: oklch(0.985 0 0);

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)));
+}