@regardio/react 0.3.2

package/dist/components/generic-error.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { isRouteErrorResponse, useRouteError } from 'react-router';
+export function getErrorDescriptor(error) {
+    if (isRouteErrorResponse(error)) {
+        const status = error.status;
+        const statusText = error.statusText || 'Error';
+        return {
+            defaultId: status === 404 ? 'errors.404' : 'errors.http',
+            defaultMessage: status === 404 ? 'Not found' : `Error ${status}`,
+            status,
+            statusText,
+            type: 'http',
+        };
+    }
+    if (error instanceof Error) {
+        return {
+            defaultId: 'errors.runtime',
+            defaultMessage: 'An unexpected error occurred.',
+            message: error.message,
+            type: 'error',
+            ...(error.stack ? { stack: error.stack } : {}),
+        };
+    }
+    return {
+        defaultId: 'errors.unknown',
+        defaultMessage: 'An unexpected error occurred.',
+        type: 'unknown',
+    };
+}
+export function GenericError({ renderMessage, } = {}) {
+    const error = useRouteError();
+    const descriptor = getErrorDescriptor(error);
+    const title = descriptor.type === 'http' ? `Error ${descriptor.status}` : 'Error';
+    return (_jsxs("main", { className: "pt-2xl p-sm container mx-auto", children: [_jsx("h1", { children: title }), renderMessage ? (renderMessage(descriptor)) : (_jsxs(_Fragment, { children: [_jsx("p", { children: descriptor.type === 'http'
+                            ? descriptor.defaultMessage
+                            : descriptor.type === 'error'
+                                ? descriptor.message || descriptor.defaultMessage
+                                : descriptor.defaultMessage }), import.meta.env.DEV && descriptor.type === 'error' && descriptor.stack && (_jsx("pre", { className: "w-full p-sm overflow-x-auto", children: _jsx("code", { children: descriptor.stack }) }))] }))] }));
+}

package/dist/components/heading.d.ts

@@ -0,0 +1,24 @@
+import type { ElementType, HTMLAttributes } from 'react';
+import { type VariantProps } from '../utils/cn';
+declare const heading: (props?: ({
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+    variant?: undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof heading> {
+    as?: ElementType;
+    className?: string;
+    locale?: string;
+}
+export type HeadingLevel = HeadingProps['level'];
+export declare const Heading: {
+    ({ as, children, className, level, variant, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGzD,QAAA,MAAM,OAAO;;;;;;;;;0BAgBX,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,cAAc,CAAC,kBAAkB,CAAC,EACxC,YAAY,CAAC,OAAO,OAAO,CAAC;IAC9B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;AAEjD,eAAO,MAAM,OAAO;4DAOjB,YAAY;;CAkBd,CAAC"}

package/dist/components/heading.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, cva } from '../utils/cn';
+import { lowerCaseSzett, shy } from '../utils/text';
+const heading = cva({
+    base: [],
+    defaultVariants: {
+        level: 3,
+    },
+    variants: {
+        level: {
+            1: ['text-2xl'],
+            2: ['text-xl'],
+            3: ['text-lg'],
+            4: ['text-md'],
+            5: ['text-sm'],
+            6: ['text-xs'],
+        },
+        variant: {},
+    },
+});
+export const Heading = ({ as, children, className, level = 2, variant, ...props }) => {
+    const word = lowerCaseSzett(shy(children));
+    const Component = as || `h${level}`;
+    return (_jsx(Component, { className: cn(heading({
+            level,
+            variant,
+        }), className), ...props, children: word }));
+};
+Heading.displayName = 'Heading';

package/dist/components/highlight.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react';
+import { type VariantProps } from '../utils/cn';
+declare const li: (props?: ({
+    variant?: "primary" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+export interface HighlightProps extends ComponentProps<'mark'>, VariantProps<typeof li> {
+}
+export declare const Highlight: (props: HighlightProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=highlight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../src/components/highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAErD,QAAA,MAAM,EAAE;;;;;;;;0BASN,CAAC;AAEH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,EAAE,CAAC;CAAG;AAE1F,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAoC9C,CAAC"}

package/dist/components/highlight.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from '../utils/cn';
+const li = cva({
+    defaultVariants: {
+        variant: 'primary',
+    },
+    variants: {
+        variant: {
+            primary: ['highlight'],
+        },
+    },
+});
+export const Highlight = (props) => {
+    const { children, className, variant } = props;
+    return (_jsxs("mark", { className: li({
+            className,
+            variant,
+        }), children: [children, _jsx("svg", { "aria-label": "!", role: "img", children: _jsx("defs", { children: _jsxs("filter", { children: [_jsx("feTurbulence", { baseFrequency: "0 0.2", numOctaves: "5", result: "warp", type: "fractalNoise" }), _jsx("feDisplacementMap", { in: "SourceGraphic", in2: "warp", scale: "30", xChannelSelector: "R", yChannelSelector: "G" })] }) }) })] }));
+};

package/dist/components/icon-button.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps, ReactNode } from 'react';
+export interface IconButtonProps extends ComponentProps<'button'> {
+    icon: ReactNode;
+}
+export declare const IconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/components/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/components/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC/D,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAahD,CAAC"}

package/dist/components/icon-button.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconButton = (props) => {
+    const { className, icon } = props;
+    const defaultClassName = 'p-0';
+    return (_jsx("button", { className: className ? className : defaultClassName, type: 'button', children: icon }));
+};

package/dist/components/if.d.ts

@@ -0,0 +1,8 @@
+type Condition<Value = unknown> = Value | false | null | undefined | 0 | '';
+export declare function If<Value = unknown>({ condition, children, fallback, }: React.PropsWithoutRef<{
+    condition: Condition<Value>;
+    children: React.ReactNode | ((value: Value) => React.ReactNode);
+    fallback?: React.ReactNode;
+}>): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=if.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"if.d.ts","sourceRoot":"","sources":["../../src/components/if.tsx"],"names":[],"mappings":"AAEA,KAAK,SAAS,CAAC,KAAK,GAAG,OAAO,IAAI,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,GAAG,EAAE,CAAC;AAE5E,wBAAgB,EAAE,CAAC,KAAK,GAAG,OAAO,EAAE,EAClC,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,CAAC,eAAe,CAAC;IACvB,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC,kDAgBD"}

package/dist/components/if.js

@@ -0,0 +1,16 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+export function If({ condition, children, fallback, }) {
+    return useMemo(() => {
+        if (condition) {
+            if (typeof children === 'function') {
+                return _jsx(_Fragment, { children: children(condition) });
+            }
+            return _jsx(_Fragment, { children: children });
+        }
+        if (fallback) {
+            return _jsx(_Fragment, { children: fallback });
+        }
+        return null;
+    }, [condition, fallback, children]);
+}

package/dist/components/iframe.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+export type IframeProps = {
+    src: string;
+    title: string;
+    className?: string;
+};
+export declare const Iframe: React.FC<IframeProps>;
+//# sourceMappingURL=iframe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../src/components/iframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CASxC,CAAC"}

package/dist/components/iframe.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../utils/cn';
+export const Iframe = ({ src, title, className }) => (_jsx("iframe", { allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share", allowFullScreen: true, className: cn('w-full aspect-video border-0', className), loading: "lazy", src: src, title: title }));

package/dist/components/item.d.ts

@@ -0,0 +1,67 @@
+import type { ComponentProps, ElementType } from 'react';
+import { type VariantProps } from '../utils/cn';
+export declare const priorities: {
+    high: never[];
+    low: never[];
+    medium: never[];
+};
+export declare const paddingValues: {
+    default: string;
+    gutter: string;
+};
+export declare const width: {
+    full: string[];
+    lg: string[];
+    md: string[];
+    sm: string[];
+    xl: string[];
+    xs: string[];
+};
+export declare const height: {
+    1: string[];
+    2: string[];
+    3: string[];
+    4: string[];
+    5: string[];
+    6: string[];
+};
+export declare const themeColors: {
+    black: never[];
+    blue: never[];
+    coral: never[];
+    cyan: never[];
+    gray: never[];
+    green: never[];
+    lime: never[];
+    neutral: never[];
+    olive: never[];
+    orange: never[];
+    pink: never[];
+    purple: never[];
+    red: never[];
+    teal: never[];
+    unstyled: never[];
+    white: never[];
+    yellow: never[];
+};
+declare const item: (props?: ({
+    height?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+    padding?: "default" | "gutter" | undefined;
+    priority?: "high" | "low" | "medium" | undefined;
+    themeColor?: "black" | "blue" | "coral" | "cyan" | "gray" | "green" | "lime" | "olive" | "orange" | "pink" | "purple" | "red" | "teal" | "white" | "yellow" | "unstyled" | "neutral" | undefined;
+    variant?: "reset" | "primary" | "spacer" | "unstyled" | undefined;
+    width?: "full" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+} & ({
+    class?: import("cva").ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import("cva").ClassValue;
+})) | undefined) => string;
+export interface ItemProps extends ComponentProps<'div'>, VariantProps<typeof item> {
+    as?: ElementType;
+    link?: string;
+}
+export declare const Item: ({ as: Component, children, className, height, link, padding, priority, themeColor, variant, width, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../src/components/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGrD,eAAO,MAAM,UAAU;;;;CAItB,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;CAOjB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAkBvB,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;;;;;;;;0BA0PR,CAAC;AAEH,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC;IACjF,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,IAAI,GAAI,+GAYlB,SAAS,4CAiBX,CAAC"}

package/dist/components/item.js

@@ -0,0 +1,309 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from '../utils/cn';
+import { Link } from './link';
+export const priorities = {
+    high: [],
+    low: [],
+    medium: [],
+};
+export const paddingValues = {
+    default: '',
+    gutter: 'p-grid-gutter',
+};
+export const width = {
+    full: ['col-span-12'],
+    lg: ['col-span-12', '@xs:col-span-8', '@md:col-span-8', '@xl:col-span-8'],
+    md: ['col-span-12', '@xs:col-span-6', '@md:col-span-6', '@xl:col-span-6'],
+    sm: ['col-span-6', '@xs:col-span-6', '@md:col-span-4', '@xl:col-span-4'],
+    xl: ['col-span-12', '@xs:col-span-8', '@md:col-span-9', '@xl:col-span-10'],
+    xs: ['col-span-6', '@xs:col-span-4', '@md:col-span-3', '@xl:col-span-2'],
+};
+export const height = {
+    1: ['row-span-1'],
+    2: ['row-span-2'],
+    3: ['row-span-3'],
+    4: ['row-span-4'],
+    5: ['row-span-5'],
+    6: ['row-span-6'],
+};
+export const themeColors = {
+    black: [],
+    blue: [],
+    coral: [],
+    cyan: [],
+    gray: [],
+    green: [],
+    lime: [],
+    neutral: [],
+    olive: [],
+    orange: [],
+    pink: [],
+    purple: [],
+    red: [],
+    teal: [],
+    unstyled: [],
+    white: [],
+    yellow: [],
+};
+const item = cva({
+    base: ['relative'],
+    compoundVariants: [
+        {
+            className: ['bg-gray-300/20', 'black:bg-black/20'],
+            priority: 'low',
+            themeColor: 'black',
+        },
+        {
+            className: ['bg-gray-300/50', 'black:bg-black/50'],
+            priority: 'medium',
+            themeColor: 'black',
+        },
+        {
+            className: ['bg-gray-300/90', 'black:bg-black/90'],
+            priority: 'high',
+            themeColor: 'black',
+        },
+        {
+            className: ['bg-blue-300/20', 'black:bg-blue-500/20'],
+            priority: 'low',
+            themeColor: 'blue',
+        },
+        {
+            className: ['bg-blue-300/50', 'black:bg-blue-500/50'],
+            priority: 'medium',
+            themeColor: 'blue',
+        },
+        {
+            className: ['bg-blue-300/90', 'black:bg-blue-500/80'],
+            priority: 'high',
+            themeColor: 'blue',
+        },
+        {
+            className: ['bg-coral-300/20', 'black:bg-coral-500/20'],
+            priority: 'low',
+            themeColor: 'coral',
+        },
+        {
+            className: ['bg-coral-300/50', 'black:bg-coral-500/50'],
+            priority: 'medium',
+            themeColor: 'coral',
+        },
+        {
+            className: ['bg-coral-300/90', 'black:bg-coral-500/80'],
+            priority: 'high',
+            themeColor: 'coral',
+        },
+        {
+            className: ['bg-cyan-300/20', 'black:bg-cyan-500/20'],
+            priority: 'low',
+            themeColor: 'cyan',
+        },
+        {
+            className: ['bg-cyan-300/50', 'black:bg-cyan-500/50'],
+            priority: 'medium',
+            themeColor: 'cyan',
+        },
+        {
+            className: ['bg-cyan-300/90', 'black:bg-cyan-500/80'],
+            priority: 'high',
+            themeColor: 'cyan',
+        },
+        {
+            className: ['bg-green-300/20', 'black:bg-green-500/20'],
+            priority: 'low',
+            themeColor: 'green',
+        },
+        {
+            className: ['bg-green-300/50', 'black:bg-green-500/50'],
+            priority: 'medium',
+            themeColor: 'green',
+        },
+        {
+            className: ['bg-green-300/90', 'black:bg-green-500/80'],
+            priority: 'high',
+            themeColor: 'green',
+        },
+        {
+            className: ['bg-lime-300/20', 'black:bg-lime-500/20'],
+            priority: 'low',
+            themeColor: 'lime',
+        },
+        {
+            className: ['bg-lime-300/50', 'black:bg-lime-500/50'],
+            priority: 'medium',
+            themeColor: 'lime',
+        },
+        {
+            className: ['bg-lime-300/90', 'black:bg-lime-500/80'],
+            priority: 'high',
+            themeColor: 'lime',
+        },
+        {
+            className: ['bg-gray-100/40', 'black:bg-gray-500/5'],
+            priority: 'low',
+            themeColor: 'neutral',
+        },
+        {
+            className: ['bg-gray-200/30', 'black:bg-gray-500/20'],
+            priority: 'medium',
+            themeColor: 'neutral',
+        },
+        {
+            className: ['bg-gray-300/70', 'black:bg-gray-500/50'],
+            priority: 'high',
+            themeColor: 'neutral',
+        },
+        {
+            className: ['bg-olive-300/20', 'black:bg-olive-500/20'],
+            priority: 'low',
+            themeColor: 'olive',
+        },
+        {
+            className: ['bg-olive-300/50', 'black:bg-olive-500/50'],
+            priority: 'medium',
+            themeColor: 'olive',
+        },
+        {
+            className: ['bg-olive-300/90', 'black:bg-olive-500/80'],
+            priority: 'high',
+            themeColor: 'olive',
+        },
+        {
+            className: ['bg-orange-300/20', 'black:bg-orange-500/20'],
+            priority: 'low',
+            themeColor: 'orange',
+        },
+        {
+            className: ['bg-orange-300/50', 'black:bg-orange-500/50'],
+            priority: 'medium',
+            themeColor: 'orange',
+        },
+        {
+            className: ['bg-orange-300/90', 'black:bg-orange-500/80'],
+            priority: 'high',
+            themeColor: 'orange',
+        },
+        {
+            className: ['bg-pink-300/20', 'black:bg-pink-500/20'],
+            priority: 'low',
+            themeColor: 'pink',
+        },
+        {
+            className: ['bg-pink-300/50', 'black:bg-pink-500/50'],
+            priority: 'medium',
+            themeColor: 'pink',
+        },
+        {
+            className: ['bg-pink-300/90', 'black:bg-pink-500/80'],
+            priority: 'high',
+            themeColor: 'pink',
+        },
+        {
+            className: ['bg-purple-300/20', 'black:bg-purple-500/20'],
+            priority: 'low',
+            themeColor: 'purple',
+        },
+        {
+            className: ['bg-purple-300/50', 'black:bg-purple-500/50'],
+            priority: 'medium',
+            themeColor: 'purple',
+        },
+        {
+            className: ['bg-purple-300/90', 'black:bg-purple-500/80'],
+            priority: 'high',
+            themeColor: 'purple',
+        },
+        {
+            className: ['bg-red-300/20', 'black:bg-red-500/20'],
+            priority: 'low',
+            themeColor: 'red',
+        },
+        {
+            className: ['bg-red-300/50', 'black:bg-red-500/50'],
+            priority: 'medium',
+            themeColor: 'red',
+        },
+        {
+            className: ['bg-red-300/90', 'black:bg-red-500/80'],
+            priority: 'high',
+            themeColor: 'red',
+        },
+        {
+            className: ['bg-teal-300/20', 'black:bg-teal-500/20'],
+            priority: 'low',
+            themeColor: 'teal',
+        },
+        {
+            className: ['bg-teal-300/50', 'black:bg-teal-500/50'],
+            priority: 'medium',
+            themeColor: 'teal',
+        },
+        {
+            className: ['bg-teal-300/90', 'black:bg-teal-500/80'],
+            priority: 'high',
+            themeColor: 'teal',
+        },
+        {
+            className: ['bg-yellow-300/20', 'black:bg-yellow-500/20'],
+            priority: 'low',
+            themeColor: 'yellow',
+        },
+        {
+            className: ['bg-yellow-300/50', 'black:bg-yellow-500/50'],
+            priority: 'medium',
+            themeColor: 'yellow',
+        },
+        {
+            className: ['bg-yellow-300/90', 'black:bg-yellow-500/80'],
+            priority: 'high',
+            themeColor: 'yellow',
+        },
+        {
+            className: ['bg-white/20', 'black:bg-white/20'],
+            priority: 'low',
+            themeColor: 'white',
+        },
+        {
+            className: ['bg-white/50', 'black:bg-white/50', 'black:text-black'],
+            priority: 'medium',
+            themeColor: 'white',
+        },
+        {
+            className: ['bg-white/90', 'black:bg-white/80', 'black:text-black'],
+            priority: 'high',
+            themeColor: 'white',
+        },
+    ],
+    defaultVariants: {
+        height: 1,
+        padding: 'default',
+        priority: 'medium',
+        themeColor: 'unstyled',
+        variant: 'primary',
+        width: 'full',
+    },
+    variants: {
+        height: height,
+        padding: paddingValues,
+        priority: priorities,
+        themeColor: themeColors,
+        variant: {
+            primary: [],
+            reset: ['bg-transparent', 'rounded-none'],
+            spacer: ['hidden'],
+            unstyled: [],
+        },
+        width: width,
+    },
+});
+export const Item = ({ as: Component = 'div', children, className, height, link, padding, priority, themeColor, variant, width, ...props }) => {
+    return (_jsx(Component, { className: item({
+            className,
+            height,
+            padding,
+            priority,
+            themeColor,
+            variant,
+            width,
+        }), ...props, children: link ? _jsx(Link, { to: link, children: children }) : children }));
+};

package/dist/components/leaflet-map.d.ts

@@ -0,0 +1,33 @@
+import 'leaflet/dist/leaflet.css';
+interface MapMarker {
+    lat: number;
+    lng: number;
+    id: string;
+    content?: string;
+    htmlContent?: string;
+    imageUrl?: string;
+    imageAlt?: string;
+    offset?: {
+        x: number;
+        y: number;
+    };
+}
+interface LeafletMapProps {
+    markers: MapMarker[];
+    mapUrl: string;
+    center?: {
+        lat: number;
+        lng: number;
+    };
+    zoom?: number;
+    icon?: {
+        iconUrl: string;
+        iconSize: [number, number];
+        iconAnchor: [number, number];
+    };
+    attribution?: string;
+    showPopupsOnHover?: boolean;
+}
+export declare const LeafletMap: ({ markers, mapUrl, center, zoom, icon, attribution, showPopupsOnHover, }: LeafletMapProps) => import("react/jsx-runtime").JSX.Element;
+export default LeafletMap;
+//# sourceMappingURL=leaflet-map.d.ts.map

package/dist/components/leaflet-map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leaflet-map.d.ts","sourceRoot":"","sources":["../../src/components/leaflet-map.tsx"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAIlC,UAAU,SAAS;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACnC;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC9B,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,GAAI,0EAYxB,eAAe,4CA0PjB,CAAC;AAEF,eAAe,UAAU,CAAC"}