@pickle-ui/react 0.0.0-stage → 1.0.0-beta.4

package/dist/components/AlertDialog.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { cn } from '../lib/utils.js';
+import { dialogBackdropClassName, dialogDescriptionClassName, dialogFooterClassName, dialogHeaderClassName, dialogPopupVariants, dialogTitleClassName, dialogViewportClassName, } from './_internal/dialog-styles.js';
+function AlertDialogClose({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Close, { "data-slot": "alert-dialog-close", ...props }));
+}
+function AlertDialogContent({ className, size = 'md', ...props }) {
+    return (_jsxs(AlertDialogPrimitive.Portal, { children: [_jsx(AlertDialogPrimitive.Backdrop, { className: dialogBackdropClassName, "data-slot": "alert-dialog-backdrop" }), _jsx(AlertDialogPrimitive.Viewport, { className: dialogViewportClassName, children: _jsx(AlertDialogPrimitive.Popup, { className: cn(dialogPopupVariants({ size }), className), "data-size": size, "data-slot": "alert-dialog-content", 
+                    // The Dialog root used for pointer dismissal would render `dialog`.
+                    role: "alertdialog", ...props }) })] }));
+}
+function AlertDialogDescription({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Description, { className: cn(dialogDescriptionClassName, className), "data-slot": "alert-dialog-description", ...props }));
+}
+function AlertDialogFooter({ className, ...props }) {
+    return (_jsx("div", { className: cn(dialogFooterClassName, className), "data-slot": "alert-dialog-footer", ...props }));
+}
+function AlertDialogHeader({ className, ...props }) {
+    return (_jsx("div", { className: cn(dialogHeaderClassName, className), "data-slot": "alert-dialog-header", ...props }));
+}
+function AlertDialogRoot({ disablePointerDismissal = false, ...props }) {
+    if (disablePointerDismissal) {
+        return _jsx(AlertDialogPrimitive.Root, { ...props });
+    }
+    // Base UI's alert dialog always ignores outside presses. A modal Dialog root
+    // shares every part and closes on them with the `outside-press` reason.
+    return (_jsx(DialogPrimitive.Root, { ...props, disablePointerDismissal: false, modal: true }));
+}
+function AlertDialogTitle({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Title, { className: cn(dialogTitleClassName, className), "data-slot": "alert-dialog-title", ...props }));
+}
+function AlertDialogTrigger({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
+}
+const AlertDialog = Object.assign(AlertDialogRoot, {
+    Close: AlertDialogClose,
+    Content: AlertDialogContent,
+    Description: AlertDialogDescription,
+    Footer: AlertDialogFooter,
+    Header: AlertDialogHeader,
+    Title: AlertDialogTitle,
+    Trigger: AlertDialogTrigger,
+});
+export { AlertDialog };
+//# sourceMappingURL=AlertDialog.js.map

package/dist/components/AlertDialog.js.map

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

package/dist/components/Avatar.d.ts

@@ -0,0 +1,18 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import * as React from 'react';
+type AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;
+type AvatarGroupProps = React.ComponentProps<'div'>;
+type AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;
+type AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root>;
+declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): React.JSX.Element;
+declare function AvatarGroup({ children, className, ...props }: AvatarGroupProps): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: AvatarImageProps): React.JSX.Element;
+declare function AvatarRoot({ className, ...props }: AvatarProps): React.JSX.Element;
+declare const Avatar: typeof AvatarRoot & {
+    Fallback: typeof AvatarFallback;
+    Group: typeof AvatarGroup;
+    Image: typeof AvatarImage;
+};
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarRoot };
+export type { AvatarFallbackProps, AvatarGroupProps, AvatarImageProps, AvatarProps, };
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAC7C,OAAO,eAAe,CAAC,QAAQ,CAChC,CAAC;AAOF,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAE3E,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAWnE;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAyBvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAQ7D;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAWvD;AAED,QAAA,MAAM,MAAM;;;;CAIV,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;AACxE,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,GACZ,CAAC"}

package/dist/components/Avatar.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import * as React from 'react';
+import { cn } from '../lib/utils.js';
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { className: cn('bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full', className), "data-slot": "avatar-fallback", ...props }));
+}
+function AvatarGroup({ children, className, ...props }) {
+    return (_jsx("div", { className: cn('flex -space-x-3', className), "data-slot": "avatar-group", ...props, children: React.Children.map(children, (child, index) => {
+            if (!React.isValidElement(child)) {
+                return child;
+            }
+            return React.cloneElement(child, {
+                className: cn('ring-background relative ring-2', child.props.className),
+                style: {
+                    ...child.props.style,
+                    zIndex: index + 1,
+                },
+            });
+        }) }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { className: cn('size-full object-cover', className), "data-slot": "avatar-image", ...props }));
+}
+function AvatarRoot({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { className: cn('bg-background inline-flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full align-middle text-xs font-medium select-none', className), "data-slot": "avatar", ...props }));
+}
+const Avatar = Object.assign(AvatarRoot, {
+    Fallback: AvatarFallback,
+    Group: AvatarGroup,
+    Image: AvatarImage,
+});
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarRoot };
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAiBjC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuB;IAClE,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,SAAS,CACV,eACS,iBAAiB,KACvB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IACtE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,eACjC,cAAc,KACpB,KAAK,YAER,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAwB,KAAK,CAAC,EAAE,CAAC;gBACxD,OAAO,KAAK,CAAC;YACf,CAAC;YAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,KAAK,CAAC,KAAK,CAAC,SAAS,CACtB;gBACD,KAAK,EAAE;oBACL,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK;oBACpB,MAAM,EAAE,KAAK,GAAG,CAAC;iBAClB;aACF,CAAC,CAAC;QACL,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5D,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,IACpB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,eACxC,cAAc,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IACtD,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,IACnB,SAAS,EAAE,EAAE,CACX,iJAAiJ,EACjJ,SAAS,CACV,eACS,QAAQ,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IACvC,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;CACnB,CAAC,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Badge.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const badgeVariants: (props?: ({
+    size?: "md" | "lg" | "sm" | null | undefined;
+    variant?: "destructive" | "default" | "error" | "info" | "success" | "warning" | "expired" | "failed" | "inProgress" | "inReview" | "outline" | "pending" | "secondary" | "submitted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, size, variant, ...props }: BadgeProps): React.JSX.Element;
+export { Badge, badgeVariants };
+export type { BadgeProps };
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;;8EAoClB,CAAC;AAEF,UAAU,UACR,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE7E,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,IAAW,EACX,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,UAAU,qBAUZ;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Badge.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.js';
+const badgeVariants = cva("relative inline-flex shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-sm border border-transparent font-medium outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [button&,a&]:cursor-pointer [button&,a&]:pointer-coarse:after:absolute [button&,a&]:pointer-coarse:after:size-full [button&,a&]:pointer-coarse:after:min-h-11 [button&,a&]:pointer-coarse:after:min-w-11", {
+    defaultVariants: {
+        size: 'md',
+        variant: 'default',
+    },
+    variants: {
+        size: {
+            lg: 'h-5.5 min-w-5.5 px-[calc(--spacing(1.5)-1px)] text-sm',
+            md: 'h-4.5 min-w-4.5 px-[calc(--spacing(1)-1px)] text-xs',
+            sm: 'h-4 min-w-4 rounded-[.25rem] px-[calc(--spacing(1)-1px)] text-[.625rem]',
+        },
+        variant: {
+            default: 'bg-primary text-primary-foreground [button&,a&]:hover:bg-primary/90',
+            destructive: 'bg-destructive text-destructive-foreground [button&,a&]:hover:bg-destructive/90',
+            error: 'bg-destructive-subtle text-destructive-subtle-foreground',
+            expired: 'bg-secondary text-secondary-foreground [button&,a&]:hover:bg-secondary/90',
+            failed: 'bg-destructive-subtle text-destructive-subtle-foreground',
+            info: 'bg-info-subtle text-info-subtle-foreground',
+            inProgress: 'bg-info-subtle text-info-subtle-foreground',
+            inReview: 'bg-warning-subtle text-warning-subtle-foreground',
+            outline: 'border-input bg-background text-foreground dark:bg-input/32 [button&,a&]:hover:bg-accent/50 dark:[button&,a&]:hover:bg-input/48',
+            pending: 'bg-warning-subtle text-warning-subtle-foreground',
+            secondary: 'bg-secondary text-secondary-foreground [button&,a&]:hover:bg-secondary/90',
+            submitted: 'bg-info-subtle text-info-subtle-foreground',
+            success: 'bg-success-subtle text-success-subtle-foreground',
+            warning: 'bg-warning-subtle text-warning-subtle-foreground',
+        },
+    },
+});
+function Badge({ className, size = 'md', variant = 'default', ...props }) {
+    return (_jsx("span", { className: cn(badgeVariants({ size, variant }), className), "data-size": size, "data-slot": "badge", "data-variant": variant, ...props }));
+}
+export { Badge, badgeVariants };
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,aAAa,GAAG,GAAG,CACvB,yoBAAyoB,EACzoB;IACE,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;KACnB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,uDAAuD;YAC3D,EAAE,EAAE,qDAAqD;YACzD,EAAE,EAAE,yEAAyE;SAC9E;QACD,OAAO,EAAE;YACP,OAAO,EACL,qEAAqE;YACvE,WAAW,EACT,iFAAiF;YACnF,KAAK,EAAE,0DAA0D;YACjE,OAAO,EACL,2EAA2E;YAC7E,MAAM,EAAE,0DAA0D;YAClE,IAAI,EAAE,4CAA4C;YAClD,UAAU,EAAE,4CAA4C;YACxD,QAAQ,EAAE,kDAAkD;YAC5D,OAAO,EACL,iIAAiI;YACnI,OAAO,EAAE,kDAAkD;YAC3D,SAAS,EACP,2EAA2E;YAC7E,SAAS,EAAE,4CAA4C;YACvD,OAAO,EAAE,kDAAkD;YAC3D,OAAO,EAAE,kDAAkD;SAC5D;KACF;CACF,CACF,CAAC;AAKF,SAAS,KAAK,CAAC,EACb,SAAS,EACT,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACG;IACX,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,eAC/C,IAAI,eACL,OAAO,kBACH,OAAO,KACjB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Button.d.ts

@@ -0,0 +1,19 @@
+import { useRender } from '@base-ui/react/use-render';
+import { type VariantProps } from 'class-variance-authority';
+import { type SlotClassNames } from '../lib/utils.js';
+declare const buttonVariants: (props?: ({
+    size?: "md" | "lg" | "sm" | "icon" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "xl" | "xs" | null | undefined;
+    variant?: "destructive" | "link" | "default" | "outline" | "secondary" | "destructive-outline" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends useRender.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
+    classNames?: SlotClassNames<'loadingIndicator'>;
+    loading?: boolean;
+}
+/**
+ * Icon-only buttons need an explicit `size="icon"` (or `icon-*`) and
+ * `aria-label`. Use `render` to render a semantic element such as an anchor
+ * while keeping button styling: `<Button render={<a href="/docs" />}>`.
+ */
+declare function Button({ children, className, classNames, disabled, loading, ref, render, size, type, variant, ...props }: ButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAItD,QAAA,MAAM,cAAc;;;8EAsCnB,CAAC;AAEF,MAAM,WAAW,WACf,SACE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,EAClC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,UAAU,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAe,EACf,GAAG,EACH,MAAM,EACN,IAAW,EACX,IAAI,EACJ,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,8FAoCb;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Button.js

@@ -0,0 +1,66 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { mergeProps } from '@base-ui/react/merge-props';
+import { useRender } from '@base-ui/react/use-render';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.js';
+import { Spinner } from './Spinner.js';
+const buttonVariants = cva("relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base outline-none transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-loading:select-none data-loading:text-transparent sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0 [&_svg]:[shape-rendering:geometricPrecision]", {
+    defaultVariants: {
+        size: 'md',
+        variant: 'default',
+    },
+    variants: {
+        size: {
+            icon: 'size-8',
+            'icon-lg': 'size-9',
+            'icon-sm': 'size-7',
+            'icon-xl': "size-10 [&_svg:not([class*='size-'])]:size-4.5",
+            'icon-xs': "size-6 rounded-md before:rounded-[calc(var(--radius-md)-1px)] not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-3.5",
+            lg: 'h-9 px-[calc(--spacing(3.5)-1px)]',
+            md: 'h-8 px-[calc(--spacing(3)-1px)]',
+            sm: 'h-7 gap-1.5 px-[calc(--spacing(2.5)-1px)]',
+            xl: "h-10 px-[calc(--spacing(4)-1px)] text-lg sm:text-base [&_svg:not([class*='size-'])]:size-4.5",
+            xs: "h-6 gap-1 rounded-md px-[calc(--spacing(2)-1px)] text-sm before:rounded-[calc(var(--radius-md)-1px)] sm:text-xs [&_svg:not([class*='size-'])]:size-3.5",
+        },
+        variant: {
+            default: 'not-disabled:inset-shadow-[0_1px_--theme(--color-white/16%)] border-primary bg-primary text-primary-foreground shadow-primary/24 shadow-xs hover:bg-primary/90 data-pressed:bg-primary/90 *:data-[slot=button-loading-indicator]:text-primary-foreground [:active,[data-pressed]]:inset-shadow-[0_1px_--theme(--color-black/8%)] [:disabled,:active,[data-pressed]]:shadow-none',
+            destructive: 'not-disabled:inset-shadow-[0_1px_--theme(--color-white/16%)] border-destructive bg-destructive text-destructive-foreground shadow-destructive/24 shadow-xs hover:bg-destructive/90 data-pressed:bg-destructive/90 *:data-[slot=button-loading-indicator]:text-destructive-foreground [:active,[data-pressed]]:inset-shadow-[0_1px_--theme(--color-black/8%)] [:disabled,:active,[data-pressed]]:shadow-none',
+            'destructive-outline': 'border-input bg-popover not-dark:bg-clip-padding text-destructive-subtle-foreground shadow-xs/5 not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] hover:border-destructive/32 hover:bg-destructive/4 data-pressed:border-destructive/32 data-pressed:bg-destructive/4 *:data-[slot=button-loading-indicator]:text-foreground dark:bg-input/32 dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/2%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/6%)] [:disabled,:active,[data-pressed]]:shadow-none',
+            ghost: 'border-transparent text-foreground hover:bg-accent data-pressed:bg-accent *:data-[slot=button-loading-indicator]:text-foreground',
+            link: 'border-transparent text-foreground underline-offset-4 hover:underline data-pressed:underline *:data-[slot=button-loading-indicator]:text-foreground',
+            outline: 'border-input bg-popover not-dark:bg-clip-padding text-foreground shadow-xs/5 not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] hover:bg-accent/50 data-pressed:bg-accent/50 *:data-[slot=button-loading-indicator]:text-foreground dark:bg-input/32 dark:data-pressed:bg-input/64 dark:hover:bg-input/64 dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/2%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/6%)] [:disabled,:active,[data-pressed]]:shadow-none',
+            secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/90 data-pressed:bg-secondary/90 *:data-[slot=button-loading-indicator]:text-secondary-foreground [:active,[data-pressed]]:bg-secondary/80',
+        },
+    },
+});
+/**
+ * Icon-only buttons need an explicit `size="icon"` (or `icon-*`) and
+ * `aria-label`. Use `render` to render a semantic element such as an anchor
+ * while keeping button styling: `<Button render={<a href="/docs" />}>`.
+ */
+function Button({ children, className, classNames, disabled, loading = false, ref, render, size = 'md', type, variant = 'default', ...props }) {
+    // A rendered element such as a link has no `disabled` or `type`: it only
+    // reports the state through `aria-disabled`.
+    const isNativeButton = render === undefined;
+    const isDisabled = Boolean(loading || disabled);
+    const defaultProps = {
+        'aria-disabled': (isNativeButton ? loading : isDisabled) || undefined,
+        children: (_jsxs(_Fragment, { children: [children, loading ? (_jsx(Spinner, { className: cn('pointer-events-none absolute', classNames?.loadingIndicator), "data-slot": "button-loading-indicator" })) : null] })),
+        className: cn(buttonVariants({ className, size, variant })),
+        'data-loading': loading ? '' : undefined,
+        'data-size': size,
+        'data-slot': 'button',
+        'data-variant': variant,
+        disabled: isNativeButton ? isDisabled : undefined,
+        type: isNativeButton ? (type ?? 'button') : type,
+    };
+    return useRender({
+        defaultTagName: 'button',
+        props: mergeProps(defaultProps, props),
+        ref,
+        render,
+    });
+}
+export { Button, buttonVariants };
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAuB,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,cAAc,GAAG,GAAG,CACxB,oyBAAoyB,EACpyB;IACE,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;KACnB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,gDAAgD;YAC3D,SAAS,EACP,qIAAqI;YACvI,EAAE,EAAE,mCAAmC;YACvC,EAAE,EAAE,iCAAiC;YACrC,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,8FAA8F;YAClG,EAAE,EAAE,wJAAwJ;SAC7J;QACD,OAAO,EAAE;YACP,OAAO,EACL,iXAAiX;YACnX,WAAW,EACT,6YAA6Y;YAC/Y,qBAAqB,EACnB,ukBAAukB;YACzkB,KAAK,EACH,kIAAkI;YACpI,IAAI,EAAE,qJAAqJ;YAC3J,OAAO,EACL,kiBAAkiB;YACpiB,SAAS,EACP,wNAAwN;SAC3N;KACF;CACF,CACF,CAAC;AAUF;;;;GAIG;AACH,SAAS,MAAM,CAAC,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,EACH,MAAM,EACN,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI;IACZ,yEAAyE;IACzE,6CAA6C;IAC7C,MAAM,cAAc,GAAG,MAAM,KAAK,SAAS,CAAC;IAC5C,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG;QACnB,eAAe,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,SAAS;QACrE,QAAQ,EAAE,CACR,8BACG,QAAQ,EACR,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,IACN,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,UAAU,EAAE,gBAAgB,CAC7B,eACS,0BAA0B,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,IACP,CACJ;QACD,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QACxC,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,QAAQ;QACrB,cAAc,EAAE,OAAO;QACvB,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QACjD,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;KACjD,CAAC;IAEF,OAAO,SAAS,CAAC;QACf,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,UAAU,CAAW,YAAY,EAAE,KAAK,CAAC;QAChD,GAAG;QACH,MAAM;KACP,CAAC,CAAC;AACL,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Card.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { type TextProps } from './Text.js';
+type CardActionProps = React.ComponentProps<'div'>;
+type CardContentProps = React.ComponentProps<'div'>;
+type CardDescriptionProps = Omit<TextProps, 'as' | 'tone' | 'variant'>;
+type CardFooterProps = React.ComponentProps<'div'>;
+type CardHeaderProps = React.ComponentProps<'div'>;
+type CardProps = React.ComponentProps<'div'>;
+type CardTitleProps = Omit<TextProps, 'as' | 'tone' | 'variant'>;
+declare function CardAction({ className, ...props }: CardActionProps): React.JSX.Element;
+declare function CardContent({ className, ...props }: CardContentProps): React.JSX.Element;
+declare function CardDescription({ className, ...props }: CardDescriptionProps): React.JSX.Element;
+declare function CardFooter({ className, ...props }: CardFooterProps): React.JSX.Element;
+declare function CardHeader({ className, ...props }: CardHeaderProps): React.JSX.Element;
+declare function CardRoot({ className, ...props }: CardProps): React.JSX.Element;
+declare function CardTitle({ className, ...props }: CardTitleProps): React.JSX.Element;
+declare const Card: typeof CardRoot & {
+    Action: typeof CardAction;
+    Content: typeof CardContent;
+    Description: typeof CardDescription;
+    Footer: typeof CardFooter;
+    Header: typeof CardHeader;
+    Title: typeof CardTitle;
+};
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+export type { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, };
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACnD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACpD,KAAK,oBAAoB,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AACvE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACnD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACnD,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC7C,KAAK,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAEjE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAW3D;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAW7D;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAUrE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAW3D;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAW3D;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAWnD;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBASzD;AAED,QAAA,MAAM,IAAI;;;;;;;CAOR,CAAC;AAEH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC;AACF,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,SAAS,EACT,cAAc,GACf,CAAC"}

package/dist/components/Card.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { Text } from './Text.js';
+function CardAction({ className, ...props }) {
+    return (_jsx("div", { className: cn('col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end', className), "data-slot": "card-action", ...props }));
+}
+function CardContent({ className, ...props }) {
+    return (_jsx("div", { className: cn('flex-1 p-6 in-[[data-slot=card]:has(>[data-slot=card-footer]:not(.border-t))]:pb-0 in-[[data-slot=card]:has(>[data-slot=card-header]:not(.border-b))]:pt-0', className), "data-slot": "card-content", ...props }));
+}
+function CardDescription({ className, ...props }) {
+    return (_jsx(Text, { className: cn('text-muted-foreground text-sm', className), "data-slot": "card-description", tone: "muted", variant: "body", ...props }));
+}
+function CardFooter({ className, ...props }) {
+    return (_jsx("div", { className: cn('flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-content])]:pt-4', className), "data-slot": "card-footer", ...props }));
+}
+function CardHeader({ className, ...props }) {
+    return (_jsx("div", { className: cn('grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 p-6 in-[[data-slot=card]:has(>[data-slot=card-content])]:pb-4 has-data-[slot=card-action]:grid-cols-[1fr_auto]', className), "data-slot": "card-header", ...props }));
+}
+function CardRoot({ className, ...props }) {
+    return (_jsx("div", { className: cn('bg-card text-card-foreground relative flex flex-col rounded-2xl border shadow-xs/5 not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]', className), "data-slot": "card", ...props }));
+}
+function CardTitle({ className, ...props }) {
+    return (_jsx(Text, { className: cn('font-heading leading-none font-semibold', className), "data-slot": "card-title", variant: "h3", ...props }));
+}
+const Card = Object.assign(CardRoot, {
+    Action: CardAction,
+    Content: CardContent,
+    Description: CardDescription,
+    Footer: CardFooter,
+    Header: CardHeader,
+    Title: CardTitle,
+});
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAU9C,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IAC1D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,SAAS,CACV,eACS,aAAa,KACnB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,4JAA4J,EAC5J,SAAS,CACV,eACS,cAAc,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IACpE,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,eAC/C,kBAAkB,EAC5B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IAC1D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,SAAS,CACV,eACS,aAAa,KACnB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IAC1D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,6KAA6K,EAC7K,SAAS,CACV,eACS,aAAa,KACnB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa;IAClD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,0TAA0T,EAC1T,SAAS,CACV,eACS,MAAM,KACZ,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IACxD,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,eACzD,YAAY,EACtB,OAAO,EAAC,IAAI,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACnC,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,WAAW;IACpB,WAAW,EAAE,eAAe;IAC5B,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAC;AAEH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}

package/dist/components/Dialog.d.ts

@@ -0,0 +1,38 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import * as React from 'react';
+import { type DialogSize } from './_internal/dialog-styles.js';
+type DialogCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;
+type DialogContentProps = React.ComponentProps<typeof DialogPrimitive.Popup> & {
+    /** Accessible name of the close icon button. Defaults to `"Close"`. */
+    closeLabel?: string;
+    /** Renders a close icon button in the top-right corner. Defaults to `true`. */
+    showCloseButton?: boolean;
+    /** Maximum width of the dialog. Defaults to `md`. */
+    size?: DialogSize;
+};
+type DialogDescriptionProps = React.ComponentProps<typeof DialogPrimitive.Description>;
+type DialogFooterProps = React.ComponentProps<'div'>;
+type DialogHeaderProps = React.ComponentProps<'div'>;
+type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;
+type DialogTitleProps = React.ComponentProps<typeof DialogPrimitive.Title>;
+type DialogTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;
+declare function DialogClose({ ...props }: DialogCloseProps): React.JSX.Element;
+declare function DialogContent({ children, className, closeLabel, showCloseButton, size, ...props }: DialogContentProps): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
+declare function DialogRoot({ ...props }: DialogProps): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): React.JSX.Element;
+declare function DialogTrigger({ ...props }: DialogTriggerProps): React.JSX.Element;
+declare const Dialog: typeof DialogRoot & {
+    Close: typeof DialogClose;
+    Content: typeof DialogContent;
+    Description: typeof DialogDescription;
+    Footer: typeof DialogFooter;
+    Header: typeof DialogHeader;
+    Title: typeof DialogTitle;
+    Trigger: typeof DialogTrigger;
+};
+export { Dialog };
+export type { DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DialogTitleProps, DialogTriggerProps, };
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/components/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAML,KAAK,UAAU,EAGhB,MAAM,2BAA2B,CAAC;AAGnC,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAC3E,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG;IAC7E,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qDAAqD;IACrD,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AACF,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAChD,OAAO,eAAe,CAAC,WAAW,CACnC,CAAC;AACF,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AACrE,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAC3E,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAElD;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,UAAoB,EACpB,eAAsB,EACtB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA6BpB;AAED,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,qBAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAQ/D;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAQ/D;AAED,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAE5C;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAQ7D;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAEtD;AAED,QAAA,MAAM,MAAM;;;;;;;;CAQV,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}

package/dist/components/Dialog.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { IconX } from '@tabler/icons-react';
+import { cn } from '../lib/utils.js';
+import { dialogBackdropClassName, dialogDescriptionClassName, dialogFooterClassName, dialogHeaderClassName, dialogPopupVariants, dialogTitleClassName, dialogViewportClassName, } from './_internal/dialog-styles.js';
+import { Button } from './Button.js';
+function DialogClose({ ...props }) {
+    return _jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogContent({ children, className, closeLabel = 'Close', showCloseButton = true, size = 'md', ...props }) {
+    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Backdrop, { className: dialogBackdropClassName, "data-slot": "dialog-backdrop" }), _jsx(DialogPrimitive.Viewport, { className: dialogViewportClassName, children: _jsxs(DialogPrimitive.Popup, { className: cn(dialogPopupVariants({ size }), className), "data-size": size, "data-slot": "dialog-content", ...props, children: [children, showCloseButton ? (_jsx(DialogPrimitive.Close, { "aria-label": closeLabel, className: "absolute end-3 top-3", "data-slot": "dialog-close", render: _jsx(Button, { size: "icon-sm", variant: "ghost" }), children: _jsx(IconX, {}) })) : null] }) })] }));
+}
+function DialogDescription({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Description, { className: cn(dialogDescriptionClassName, className), "data-slot": "dialog-description", ...props }));
+}
+function DialogFooter({ className, ...props }) {
+    return (_jsx("div", { className: cn(dialogFooterClassName, className), "data-slot": "dialog-footer", ...props }));
+}
+function DialogHeader({ className, ...props }) {
+    return (_jsx("div", { className: cn(dialogHeaderClassName, className), "data-slot": "dialog-header", ...props }));
+}
+function DialogRoot({ ...props }) {
+    return _jsx(DialogPrimitive.Root, { ...props });
+}
+function DialogTitle({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Title, { className: cn(dialogTitleClassName, className), "data-slot": "dialog-title", ...props }));
+}
+function DialogTrigger({ ...props }) {
+    return _jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+const Dialog = Object.assign(DialogRoot, {
+    Close: DialogClose,
+    Content: DialogContent,
+    Description: DialogDescription,
+    Footer: DialogFooter,
+    Header: DialogHeader,
+    Title: DialogTitle,
+    Trigger: DialogTrigger,
+});
+export { Dialog };
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog.js.map

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

package/dist/components/Flex.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { type LayoutStyleProps } from './_internal/layout.js';
+declare const directionClasses: {
+    readonly column: "flex-col";
+    readonly 'column-reverse': "flex-col-reverse";
+    readonly row: "flex-row";
+    readonly 'row-reverse': "flex-row-reverse";
+};
+declare const wrapClasses: {
+    readonly nowrap: "flex-nowrap";
+    readonly wrap: "flex-wrap";
+    readonly 'wrap-reverse': "flex-wrap-reverse";
+};
+type FlexProps = LayoutStyleProps & Omit<React.ComponentProps<'div'>, keyof LayoutStyleProps> & {
+    as?: React.ElementType;
+    direction?: keyof typeof directionClasses;
+    wrap?: keyof typeof wrapClasses;
+};
+declare function Flex({ align, as, className, direction, gap, gapX, gapY, justify, ref, wrap, ...props }: FlexProps): React.JSX.Element;
+export { Flex };
+export type { FlexProps };
+//# sourceMappingURL=Flex.d.ts.map

package/dist/components/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../src/components/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE7E,QAAA,MAAM,gBAAgB;;;;;CAKZ,CAAC;AAEX,QAAA,MAAM,WAAW;;;;CAIP,CAAC;AAEX,KAAK,SAAS,GAAG,gBAAgB,GAC/B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,GAAG;IAC1D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;CACjC,CAAC;AAEJ,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,EAAE,EACF,SAAS,EACT,SAAS,EACT,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,qBAiBX;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Flex.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { getLayoutClasses } from './_internal/layout.js';
+const directionClasses = {
+    column: 'flex-col',
+    'column-reverse': 'flex-col-reverse',
+    row: 'flex-row',
+    'row-reverse': 'flex-row-reverse',
+};
+const wrapClasses = {
+    nowrap: 'flex-nowrap',
+    wrap: 'flex-wrap',
+    'wrap-reverse': 'flex-wrap-reverse',
+};
+function Flex({ align, as, className, direction, gap, gapX, gapY, justify, ref, wrap, ...props }) {
+    const Component = as ?? 'div';
+    return (_jsx(Component, { className: cn('flex', getLayoutClasses({ align, gap, gapX, gapY, justify }), direction === undefined ? undefined : directionClasses[direction], wrap === undefined ? undefined : wrapClasses[wrap], className), "data-slot": "flex", ref: ref, ...props }));
+}
+export { Flex };
+//# sourceMappingURL=Flex.js.map

package/dist/components/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../src/components/Flex.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAE7E,MAAM,gBAAgB,GAAG;IACvB,MAAM,EAAE,UAAU;IAClB,gBAAgB,EAAE,kBAAkB;IACpC,GAAG,EAAE,UAAU;IACf,aAAa,EAAE,kBAAkB;CACzB,CAAC;AAEX,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,aAAa;IACrB,IAAI,EAAE,WAAW;IACjB,cAAc,EAAE,mBAAmB;CAC3B,CAAC;AASX,SAAS,IAAI,CAAC,EACZ,KAAK,EACL,EAAE,EACF,SAAS,EACT,SAAS,EACT,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACE;IACV,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CACX,MAAM,EACN,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EACrD,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,EACjE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAClD,SAAS,CACV,eACS,MAAM,EAChB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Grid.d.ts

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { type LayoutStyleProps } from './_internal/layout.js';
+declare const columnClasses: {
+    readonly 1: "grid-cols-1";
+    readonly 2: "grid-cols-2";
+    readonly 3: "grid-cols-3";
+    readonly 4: "grid-cols-4";
+    readonly 5: "grid-cols-5";
+    readonly 6: "grid-cols-6";
+    readonly 7: "grid-cols-7";
+    readonly 8: "grid-cols-8";
+    readonly 9: "grid-cols-9";
+    readonly 10: "grid-cols-10";
+    readonly 11: "grid-cols-11";
+    readonly 12: "grid-cols-12";
+};
+declare const flowClasses: {
+    readonly column: "grid-flow-col";
+    readonly 'column-dense': "grid-flow-col-dense";
+    readonly dense: "grid-flow-dense";
+    readonly row: "grid-flow-row";
+    readonly 'row-dense': "grid-flow-row-dense";
+};
+declare const placeContentClasses: {
+    readonly around: "place-content-around";
+    readonly baseline: "place-content-baseline";
+    readonly between: "place-content-between";
+    readonly center: "place-content-center";
+    readonly end: "place-content-end";
+    readonly evenly: "place-content-evenly";
+    readonly start: "place-content-start";
+    readonly stretch: "place-content-stretch";
+};
+declare const placeItemsClasses: {
+    readonly baseline: "place-items-baseline";
+    readonly center: "place-items-center";
+    readonly end: "place-items-end";
+    readonly start: "place-items-start";
+    readonly stretch: "place-items-stretch";
+};
+declare const rowClasses: {
+    readonly 1: "grid-rows-1";
+    readonly 2: "grid-rows-2";
+    readonly 3: "grid-rows-3";
+    readonly 4: "grid-rows-4";
+    readonly 5: "grid-rows-5";
+    readonly 6: "grid-rows-6";
+    readonly 7: "grid-rows-7";
+    readonly 8: "grid-rows-8";
+    readonly 9: "grid-rows-9";
+    readonly 10: "grid-rows-10";
+    readonly 11: "grid-rows-11";
+    readonly 12: "grid-rows-12";
+};
+type GridProps = LayoutStyleProps & Omit<React.ComponentProps<'div'>, keyof LayoutStyleProps> & {
+    as?: React.ElementType;
+    columns?: keyof typeof columnClasses;
+    flow?: keyof typeof flowClasses;
+    placeContent?: keyof typeof placeContentClasses;
+    placeItems?: keyof typeof placeItemsClasses;
+    rows?: keyof typeof rowClasses;
+};
+declare function Grid({ align, as, className, columns, flow, gap, gapX, gapY, justify, placeContent, placeItems, ref, rows, ...props }: GridProps): React.JSX.Element;
+export { Grid };
+export type { GridProps };
+//# sourceMappingURL=Grid.d.ts.map

package/dist/components/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/components/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE7E,QAAA,MAAM,aAAa;;;;;;;;;;;;;CAaT,CAAC;AAEX,QAAA,MAAM,WAAW;;;;;;CAMP,CAAC;AAEX,QAAA,MAAM,mBAAmB;;;;;;;;;CASf,CAAC;AAEX,QAAA,MAAM,iBAAiB;;;;;;CAMb,CAAC;AAEX,QAAA,MAAM,UAAU;;;;;;;;;;;;;CAaN,CAAC;AAEX,KAAK,SAAS,GAAG,gBAAgB,GAC/B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,GAAG;IAC1D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;CAChC,CAAC;AAEJ,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,EAAE,EACF,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,UAAU,EACV,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,qBAsBX;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}