@taiv/ui 1.4.4 → 1.4.6

package/dist/components/Layout/Frame.d.ts

@@ -1,12 +0,0 @@
-import { CSSObject } from '@mantine/core';
-import { ReactNode } from 'react';
-interface FrameProps {
-    title: string;
-    subtitle?: string;
-    children: ReactNode;
-    width?: string | number;
-    styles?: Record<string, CSSObject>;
-}
-declare const Frame: ({ title, subtitle, children, width, styles }: FrameProps) => import("react/jsx-runtime").JSX.Element;
-export { Frame };
-//# sourceMappingURL=Frame.d.ts.map

package/dist/components/Layout/Frame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Frame.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,KAAK,GAAI,8CAA8C,UAAU,4CAUtE,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Layout/Frame.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack } from '../Layout/Stack';
-import { Title } from '../Typography/Title';
-const Frame = ({ title, subtitle, children, width, styles }) => {
-    return (_jsxs(Stack, { mt: "1.25rem", width: width || '100%', gap: "0", ...styles, children: [_jsxs(Stack, { mb: "1.25rem", gap: "0", children: [_jsx(Title, { variant: "sectionHeader", children: title }), subtitle && _jsx(Title, { variant: "sectionSubheader", children: subtitle })] }), children] }));
-};
-export { Frame };

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { GridProps as MantineGridProps } from '@mantine/core';
-interface GridProps extends MantineGridProps {
-    children: React.ReactNode;
-}
-declare const Grid: (({ children, ...props }: GridProps) => import("react/jsx-runtime").JSX.Element) & {
-    Col: React.ForwardRefExoticComponent<import("@mantine/core").ColProps & React.RefAttributes<HTMLDivElement>>;
-};
-export { Grid };
-//# sourceMappingURL=Grid.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,SAAS,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnF,UAAU,SAAU,SAAQ,gBAAgB;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD,QAAA,MAAM,IAAI,4BAJqC,SAAS;;CAMtD,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Layout/Grid.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Grid as MantineGrid } from '@mantine/core';
-const GridComponent = ({ children, ...props }) => {
-    return _jsx(MantineGrid, { ...props, children: children });
-};
-const Grid = Object.assign(GridComponent, {
-    Col: MantineGrid.Col,
-});
-export { Grid };

package/dist/components/Layout/Group.d.ts

@@ -1,10 +0,0 @@
-import { GroupProps as MantineGroupProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-interface GroupProps extends MantineGroupProps {
-    width?: string | number;
-    styles?: Record<string, CSSObject>;
-    gap?: string;
-}
-declare const Group: ({ width, gap, styles, ...props }: GroupProps) => import("react/jsx-runtime").JSX.Element;
-export { Group };
-//# sourceMappingURL=Group.d.ts.map

package/dist/components/Layout/Group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Group.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,UAAU,UAAW,SAAQ,iBAAiB;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,KAAK,GAAI,kCAAkC,UAAU,4CAE1D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Layout/Group.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Group as MantineGroup } from '@mantine/core';
-const Group = ({ width, gap, styles, ...props }) => {
-    return _jsx(MantineGroup, { w: width, spacing: gap, styles: styles, ...props });
-};
-export { Group };

package/dist/components/Layout/Loader.d.ts

@@ -1,8 +0,0 @@
-import { LoaderProps as MantineLoaderProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-interface LoaderProps extends MantineLoaderProps {
-    styles?: Record<string, CSSObject>;
-}
-declare const Loader: ({ styles, ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
-export { Loader };
-//# sourceMappingURL=Loader.d.ts.map

package/dist/components/Layout/Loader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Loader.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,UAAU,WAAY,SAAQ,kBAAkB;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,MAAM,GAAI,sBAAsB,WAAW,4CAEhD,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Layout/Loader.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Loader as MantineLoader } from '@mantine/core';
-const Loader = ({ styles, ...props }) => {
-    return _jsx(MantineLoader, { styles: styles, ...props });
-};
-export { Loader };

package/dist/components/Layout/SectionCard.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { CardProps as MantineCardProps } from '@mantine/core';
-import { colors } from '../../constants/colors';
-export interface SectionCardProps extends Omit<MantineCardProps, 'children'> {
-    title: string;
-    subtitle?: string;
-    children: React.ReactNode;
-    color?: keyof typeof colors;
-}
-export declare const SectionCard: ({ title, subtitle, children, color, ...props }: SectionCardProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SectionCard.d.ts.map

package/dist/components/Layout/SectionCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionCard.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/SectionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,SAAS,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAIhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,GAAI,gDAA4D,gBAAgB,4CAsBvG,CAAC"}

package/dist/components/Layout/SectionCard.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card as MantineCard } from '@mantine/core';
-import { Stack } from './Stack';
-import { Title } from '../Typography/Title';
-import { Box } from './Box';
-export const SectionCard = ({ title, subtitle, children, color = 'primary', ...props }) => {
-    return (_jsxs(MantineCard, { radius: "20px", shadow: "lg", withBorder: true, padding: 0, ...props, children: [_jsx(Box, { sx: {
-                    // background: `linear-gradient(to right, ${colors[color][300]}, ${colors[color][200]})`,
-                    backgroundColor: 'white',
-                    padding: '1.6rem 2rem 0 2rem',
-                    borderRadius: '20px 20px 0 0',
-                }, children: _jsxs(Stack, { gap: "0.25rem", children: [_jsx(Title, { variant: "cardHeader", children: title }), subtitle && _jsx(Title, { variant: "cardSubheader", children: subtitle })] }) }), _jsx(Box, { sx: { padding: '2rem 3.2rem 3.2rem 3.2rem' }, children: children })] }));
-};

package/dist/components/Layout/Stack.d.ts

@@ -1,10 +0,0 @@
-import { StackProps as MantineStackProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-interface StackProps extends MantineStackProps {
-    width?: string | number;
-    gap?: string;
-    styles?: Record<string, CSSObject>;
-}
-declare const Stack: ({ width, gap, styles, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;
-export { Stack };
-//# sourceMappingURL=Stack.d.ts.map

package/dist/components/Layout/Stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,UAAU,UAAW,SAAQ,iBAAiB;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,KAAK,GAAI,kCAAkC,UAAU,4CAE1D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Layout/Stack.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Stack as MantineStack } from '@mantine/core';
-const Stack = ({ width, gap, styles, ...props }) => {
-    return _jsx(MantineStack, { w: width, spacing: gap, styles: styles, ...props });
-};
-export { Stack };

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { TabsProps as MantineTabsProps } from '@mantine/core';
-export interface TabsProps extends Omit<MantineTabsProps, 'children' | 'onChange' | 'placement'> {
-    children: React.ReactNode;
-    defaultValue?: string;
-    value?: string;
-    onChange?: (value: string | null) => void;
-    orientation?: 'horizontal' | 'vertical';
-    placement?: 'left' | 'right' | 'top' | 'bottom';
-    variant?: 'default' | 'outline' | 'pills';
-}
-export declare const Tabs: (({ children, defaultValue, value, onChange, orientation, placement, variant, styles, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element) & {
-    List: React.ForwardRefExoticComponent<import("@mantine/core").TabsListProps & React.RefAttributes<HTMLDivElement>>;
-    Tab: React.ForwardRefExoticComponent<import("@mantine/core").TabProps & React.RefAttributes<HTMLButtonElement>>;
-    Panel: React.ForwardRefExoticComponent<import("@mantine/core").TabsPanelProps & React.RefAttributes<HTMLDivElement>>;
-};
-//# sourceMappingURL=Tabs.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,SAAS,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAInF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;IAC9F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAChD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CAC3C;AAiED,eAAO,MAAM,IAAI,oGArDd,SAAS;;;;CAyDV,CAAC"}

package/dist/components/Layout/Tabs.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tabs as MantineTabs } from '@mantine/core';
-import { fontBase } from '../../constants/font';
-import { colors } from '../../constants/colors';
-const TabsComponent = ({ children, defaultValue, value, onChange, orientation = 'horizontal', placement = 'top', variant = 'default', styles, ...props }) => {
-    const style = {
-        root: {
-            width: '100%',
-        },
-        list: {
-            borderBottom: variant === 'default' ? `1px solid ${colors.neutral[100]}` : 'none',
-            gap: '0',
-        },
-        tab: {
-            padding: '0.8rem 2.8rem',
-            backgroundColor: 'transparent',
-            color: colors.neutral[300],
-            '&:hover': {
-                backgroundColor: variant === 'pills' ? colors.neutral[25] : 'transparent',
-                color: colors.primary[300],
-            },
-            '&[data-active]': {
-                backgroundColor: variant === 'pills' ? colors.primary[200] : 'transparent',
-                color: variant === 'pills' ? 'white' : colors.primary[300],
-                borderBottom: variant === 'default' ? `2px solid ${colors.primary[200]}` : 'none',
-            },
-            '&[data-active]:hover': {
-                backgroundColor: variant === 'pills' ? colors.primary[200] : 'transparent',
-                color: variant === 'pills' ? 'white' : colors.primary[300],
-            },
-        },
-        tabLabel: {
-            ...fontBase,
-            fontSize: '1.6rem',
-            lineHeight: '2.4rem',
-        },
-        panel: {
-            padding: '1.6rem 0.8rem',
-        },
-        ...styles,
-    };
-    return (_jsx(MantineTabs, { styles: style, radius: "lg", defaultValue: defaultValue, value: value, orientation: orientation, variant: variant, ...props, children: children }));
-};
-export const Tabs = Object.assign(TabsComponent, {
-    List: MantineTabs.List,
-    Tab: MantineTabs.Tab,
-    Panel: MantineTabs.Panel,
-});

package/dist/components/Misc/IconBadge.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { primitives } from '../../constants/colors';
-export interface IconBadgeProps {
-    icon: React.ReactNode;
-    color: keyof typeof primitives;
-}
-export declare const IconBadge: ({ icon, color }: IconBadgeProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=IconBadge.d.ts.map

package/dist/components/Misc/IconBadge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconBadge.d.ts","sourceRoot":"","sources":["../../../src/components/Misc/IconBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,OAAO,UAAU,CAAC;CAChC;AAED,eAAO,MAAM,SAAS,GAAI,iBAAiB,cAAc,4CAgCxD,CAAC"}

package/dist/components/Misc/IconBadge.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { primitives } from '../../constants/colors';
-export const IconBadge = ({ icon, color }) => {
-    const getIconColors = () => {
-        return {
-            background: primitives[color][50],
-            icon: primitives[color][200],
-        };
-    };
-    const getIconSize = () => {
-        if (React.isValidElement(icon) && icon.props && typeof icon.props.size === 'number') {
-            const iconSize = icon.props.size;
-            const badgeSize = iconSize + 12;
-            return `${badgeSize / 10}rem`;
-        }
-    };
-    return (_jsx("div", { style: {
-            width: getIconSize(),
-            height: getIconSize(),
-            borderRadius: '50%',
-            backgroundColor: getIconColors().background,
-            color: getIconColors().icon,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-        }, children: icon }));
-};

package/dist/components/Misc/Transition.d.ts

@@ -1,4 +0,0 @@
-import { TransitionProps as MantineTransitionProps } from '@mantine/core';
-declare const Transition: (props: MantineTransitionProps) => import("react/jsx-runtime").JSX.Element;
-export { Transition };
-//# sourceMappingURL=Transition.d.ts.map

package/dist/components/Misc/Transition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Transition.d.ts","sourceRoot":"","sources":["../../../src/components/Misc/Transition.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmC,eAAe,IAAI,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAE3G,QAAA,MAAM,UAAU,GAAI,OAAO,sBAAsB,4CAEhD,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Misc/Transition.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Transition as MantineTransition } from '@mantine/core';
-const Transition = (props) => {
-    return _jsx(MantineTransition, { ...props });
-};
-export { Transition };

package/dist/hooks/useDropdowns.d.ts

@@ -1,9 +0,0 @@
-type OptionValue = string | number | null | undefined;
-interface SelectOption {
-    value: OptionValue;
-    label: string;
-}
-export declare function findLabel<T extends SelectOption>(value: OptionValue, options: T[] | undefined | null, fallbackLabel?: string): string;
-export declare function findOption<T extends SelectOption>(value: OptionValue, options: T[] | undefined | null): T | undefined;
-export type { SelectOption };
-//# sourceMappingURL=useDropdowns.d.ts.map

package/dist/hooks/useDropdowns.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDropdowns.d.ts","sourceRoot":"","sources":["../../src/hooks/useDropdowns.tsx"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAEtD,UAAU,YAAY;IACpB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,EAAE,aAAa,GAAE,MAAW,GAAG,MAAM,CAKzI;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,SAAS,CAGrH;AAED,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/hooks/useDropdowns.js

@@ -1,12 +0,0 @@
-export function findLabel(value, options, fallbackLabel = '') {
-    var _a;
-    if (!options || value == null)
-        return fallbackLabel;
-    const option = options.find((opt) => opt.value === value);
-    return (_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : fallbackLabel;
-}
-export function findOption(value, options) {
-    if (!options || value == null)
-        return undefined;
-    return options.find((opt) => opt.value === value);
-}