mosuk-ui 1.0.1

package/components/texts/p/skeleton/text/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/texts/p/skeleton/text/component.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import React from 'react';
+import { Skeleton } from '../../../../display/skeleton/component/component';
+import styles from '../component.module.css';
+export function PTextSkeleton(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Skeleton, __assign({}, rest, { className: classNames('mosuk-p-text-skeleton', styles.text, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/texts/text/component/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextProps } from './component.interface';
+export declare function Text({ children, ...props }: TextProps): React.JSX.Element;

package/components/texts/text/component/component.interface.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+export interface TextProps extends HTMLAttributes<HTMLParagraphElement> {
+    children?: string | number;
+}

package/components/texts/text/component/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/texts/text/component/component.js

@@ -0,0 +1,62 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { Fragment, useEffect, useRef, useState } from 'react';
+import styles from './component.module.css';
+export function Text(_a) {
+    var _b;
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var _c = useState(children !== null && children !== void 0 ? children : ''), text = _c[0], setText = _c[1];
+    var textRef = useRef(null);
+    useEffect(function () {
+        if (!textRef.current)
+            return;
+        var element = textRef.current;
+        var computedStyle = window.getComputedStyle(element);
+        var maxHeightStyle = computedStyle.maxHeight;
+        if (maxHeightStyle &&
+            maxHeightStyle !== 'none' &&
+            maxHeightStyle !== 'initial' &&
+            maxHeightStyle !== 'auto') {
+            var maxHeight = parseInt(maxHeightStyle, 10);
+            var lineHeightStyle = computedStyle.lineHeight;
+            var fontSize = parseInt(computedStyle.fontSize, 10);
+            var lineHeight = lineHeightStyle === 'normal' ? fontSize * 1.2 : parseInt(lineHeightStyle, 10);
+            var maxLines = Math.floor(maxHeight / lineHeight);
+            element.style.setProperty('--max-lines', String(maxLines));
+        }
+        setText(children !== null && children !== void 0 ? children : '');
+    }, [children]);
+    var formatText = function (content) {
+        var textContent = String(content);
+        var lines = textContent.split('\n');
+        return lines.map(function (line, index) {
+            var boldProcessed = line.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
+            var italicProcessed = boldProcessed.replace(/\*(.*?)\*/g, '<em>$1</em>');
+            var linkProcessed = italicProcessed.replace(/\[(.*?)\]\((.*?)\)/g, '<a href="$2">$1</a>');
+            return (React.createElement(Fragment, { key: index },
+                React.createElement("span", { dangerouslySetInnerHTML: { __html: linkProcessed } }),
+                index < lines.length - 1 && React.createElement("br", null)));
+        });
+    };
+    return (React.createElement("p", __assign({ ref: textRef }, props, { className: "mosuk-text ".concat(styles.text, " ").concat((_b = props === null || props === void 0 ? void 0 : props.className) !== null && _b !== void 0 ? _b : '') }), formatText(text)));
+}

package/components/texts/text/component/component.module.css

@@ -0,0 +1,25 @@
+@layer mosuk-ui {
+    @layer index-10 {
+        .text {
+            font-size: var(--text-sm, 0.875rem);
+            line-height: var(--leading-relaxed, 1.625);
+
+            transition: all 200ms ease-in-out;
+
+            &:not(:hover) {
+                transition: all 600ms ease-in-out;
+            }
+
+            &[style*="max-height"],
+            &[class*="max-h-"] {
+                overflow: hidden;
+
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+
+                text-overflow: ellipsis;
+                -webkit-line-clamp: var(--max-lines);
+            }
+        }
+    }
+}

package/components/texts/text/component/index.d.ts

@@ -0,0 +1,5 @@
+import type { TextProps } from './component.interface';
+export declare function Text(props: TextProps): import("react").JSX.Element;
+export declare namespace Text {
+    type Props = TextProps;
+}

package/components/texts/text/component/index.js

@@ -0,0 +1,4 @@
+import { Text as BaseText } from './component';
+export function Text(props) {
+    return BaseText(props);
+}

package/components/texts/text/skeleton/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextSkeletonProps } from './component.interface';
+export declare function TextSkeleton({ length, ...props }: TextSkeletonProps): React.JSX.Element;

package/components/texts/text/skeleton/component.interface.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+export interface TextSkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    length?: number;
+}

package/components/texts/text/skeleton/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/texts/text/skeleton/component.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Skeleton } from '../../../display/skeleton/component/component';
+import styles from './component.module.css';
+export function TextSkeleton(_a) {
+    var _b;
+    var length = _a.length, props = __rest(_a, ["length"]);
+    return (React.createElement("div", __assign({}, props, { className: "mosuk-text-skeleton ".concat(styles['text'], " ").concat((_b = props === null || props === void 0 ? void 0 : props.className) !== null && _b !== void 0 ? _b : '') }), Array.from({ length: length !== null && length !== void 0 ? length : 3 }).map(function (_, index) { return (React.createElement(Skeleton, { key: index, className: styles['text-line'] })); })));
+}

package/components/texts/text/skeleton/component.module.css

@@ -0,0 +1,43 @@
+@layer mosuk-ui {
+    @layer index-10 {
+        .text {
+            display: flex;
+            flex-direction: column;
+            gap: 0.5rem;
+
+            font-size: var(--text-sm, 0.875rem);
+            line-height: 0;
+
+            .text-line {
+                width: 100%;
+                height: 1.2em;
+                min-height: 1.2em;
+
+                background-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
+                border-radius: calc(infinity * 1px);
+
+                line-height: 0;
+
+                &:nth-child(1n) {
+                    width: 91.666667%;
+                }
+
+                &:nth-child(2n) {
+                    width: 75%;
+                }
+
+                &:nth-child(3n) {
+                    width: 83.333333%;
+                }
+
+                &:nth-child(4n) {
+                    width: 66.666667%;
+                }
+
+                &:nth-child(5n) {
+                    width: 50%;
+                }
+            }
+        }
+    }
+}

package/components/texts/text/skeleton/index.d.ts

@@ -0,0 +1,5 @@
+import type { TextSkeletonProps } from './component.interface';
+export declare function TextSkeleton(props: TextSkeletonProps): import("react").JSX.Element;
+export declare namespace TextSkeleton {
+    type Props = TextSkeletonProps;
+}

package/components/texts/text/skeleton/index.js

@@ -0,0 +1,4 @@
+import { TextSkeleton as Component } from './component';
+export function TextSkeleton(props) {
+    return Component(props);
+}

package/hooks/alerts/hook.d.ts

@@ -0,0 +1,2 @@
+import { UseAlertsProps } from './hook.interface';
+export declare function useAlerts(): UseAlertsProps;

package/hooks/alerts/hook.interface.d.ts

@@ -0,0 +1,2 @@
+import type { AlertsContextProps } from '../../providers/alerts/context/context.interface';
+export type UseAlertsProps = AlertsContextProps;

package/hooks/alerts/hook.interface.js

@@ -0,0 +1 @@
+export {};

package/hooks/alerts/hook.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { AlertsContext } from '../../providers/alerts/context/context';
+export function useAlerts() {
+    var context = useContext(AlertsContext);
+    if (!context) {
+        throw new Error('useAlerts must be used within <AlertsProvider>');
+    }
+    return context;
+}

package/hooks/alerts/index.d.ts

@@ -0,0 +1,6 @@
+import { useAlerts as BaseUseAlerts } from './hook';
+import { UseAlertsProps } from './hook.interface';
+export declare const useAlerts: typeof BaseUseAlerts;
+export declare namespace useAlerts {
+    type Props = UseAlertsProps;
+}

package/hooks/alerts/index.js

@@ -0,0 +1,2 @@
+import { useAlerts as BaseUseAlerts } from './hook';
+export var useAlerts = BaseUseAlerts;

package/hooks/auth/hook.d.ts

@@ -0,0 +1,2 @@
+import { UseAuthProps } from './hook.interface';
+export declare function useAuth<U = any>(): UseAuthProps<U>;

package/hooks/auth/hook.interface.d.ts

@@ -0,0 +1,9 @@
+import { Auth } from '../../services/auth/service.interface';
+export interface UseAuthProps<U = any> {
+    auth: Auth<U> | null;
+    create: (data: Auth<U>) => void;
+    update: (data: Auth<U>) => void;
+    delete: () => void;
+    isLoading: boolean;
+    setIsLoading: (isLoading: boolean) => void;
+}

package/hooks/auth/hook.interface.js

@@ -0,0 +1 @@
+export {};

package/hooks/auth/hook.js

@@ -0,0 +1,16 @@
+import { useContext } from 'react';
+import { AuthContext } from '../../providers/auth/context/context';
+export function useAuth() {
+    var context = useContext(AuthContext);
+    if (!context) {
+        throw new Error('useAuth must be used within <AuthProvider>');
+    }
+    return {
+        auth: context.auth,
+        create: function (data) { return context.create(data); },
+        update: function (data) { return context.update(data); },
+        delete: context.delete,
+        isLoading: context.isLoading,
+        setIsLoading: context.setIsLoading
+    };
+}

package/hooks/auth/index.d.ts

@@ -0,0 +1,6 @@
+import { useAuth as BaseUseAuth } from './hook';
+import { UseAuthProps } from './hook.interface';
+export declare const useAuth: typeof BaseUseAuth;
+export declare namespace useAuth {
+    type Props = UseAuthProps;
+}

package/hooks/auth/index.js

@@ -0,0 +1,2 @@
+import { useAuth as BaseUseAuth } from './hook';
+export var useAuth = BaseUseAuth;

package/hooks/cart/hook.d.ts

@@ -0,0 +1,2 @@
+import { UseCartProps } from './hook.interface';
+export declare function useCart<U = any>(): UseCartProps<U>;

package/hooks/cart/hook.interface.d.ts

@@ -0,0 +1,9 @@
+import { Cart } from '../../services/cart/service.interface';
+export interface UseCartProps<U = any> {
+    cart: Cart<U> | null;
+    create: (data: Cart<U>) => void;
+    update: (data: Cart<U>) => void;
+    delete: () => void;
+    isLoading: boolean;
+    setIsLoading: (isLoading: boolean) => void;
+}

package/hooks/cart/hook.interface.js

@@ -0,0 +1 @@
+export {};

package/hooks/cart/hook.js

@@ -0,0 +1,16 @@
+import { useContext } from 'react';
+import { CartContext } from '../../providers/cart/context/context';
+export function useCart() {
+    var context = useContext(CartContext);
+    if (!context) {
+        throw new Error('useCart must be used within <CartProvider>');
+    }
+    return {
+        cart: context.cart,
+        create: function (data) { return context.create(data); },
+        update: function (data) { return context.update(data); },
+        delete: context.delete,
+        isLoading: context.isLoading,
+        setIsLoading: context.setIsLoading,
+    };
+}

package/hooks/cart/index.d.ts

@@ -0,0 +1,6 @@
+import { useCart as BaseUseCart } from './hook';
+import { UseCartProps } from './hook.interface';
+export declare const useCart: typeof BaseUseCart;
+export declare namespace useCart {
+    type Props = UseCartProps;
+}

package/hooks/cart/index.js

@@ -0,0 +1,2 @@
+import { useCart as BaseUseCart } from './hook';
+export var useCart = BaseUseCart;

package/hooks/gdpr/hook.d.ts

@@ -0,0 +1,2 @@
+import { UseGDPRProps } from './hook.interface';
+export declare function useGDPR<U = any>(): UseGDPRProps<U>;

package/hooks/gdpr/hook.interface.d.ts

@@ -0,0 +1,9 @@
+import { GDPR } from '../../services/gdpr/service.interface';
+export interface UseGDPRProps<U = any> {
+    gdpr: GDPR<U> | null;
+    create: (data: GDPR<U>) => void;
+    update: (data: GDPR<U>) => void;
+    delete: () => void;
+    isLoading: boolean;
+    setIsLoading: (isLoading: boolean) => void;
+}

package/hooks/gdpr/hook.interface.js

@@ -0,0 +1 @@
+export {};

package/hooks/gdpr/hook.js

@@ -0,0 +1,16 @@
+import { useContext } from 'react';
+import { GDPRContext } from '../../providers/gdpr/context/context';
+export function useGDPR() {
+    var context = useContext(GDPRContext);
+    if (!context) {
+        throw new Error('useGDPR must be used within <GDPRProvider>');
+    }
+    return {
+        gdpr: context.gdpr,
+        create: function (data) { return context.create(data); },
+        update: function (data) { return context.update(data); },
+        delete: context.delete,
+        isLoading: context.isLoading,
+        setIsLoading: context.setIsLoading,
+    };
+}

package/hooks/gdpr/index.d.ts

@@ -0,0 +1,6 @@
+import { useGDPR as BaseUseGDPR } from './hook';
+import { UseGDPRProps } from './hook.interface';
+export declare const useGDPR: typeof BaseUseGDPR;
+export declare namespace useGDPR {
+    type Props = UseGDPRProps;
+}

package/hooks/gdpr/index.js

@@ -0,0 +1,2 @@
+import { useGDPR as BaseUseGDPR } from './hook';
+export var useGDPR = BaseUseGDPR;

package/index.css

@@ -0,0 +1,107 @@
+@layer theme, base, mosuk-ui, components, utilities;
+
+@layer mosuk-ui {
+    @layer index-0, index-1, index-2, index-3, index-4, index-5, index-6, index-7, index-8, index-9;
+    @layer index-10, index-11, index-12, index-13, index-14, index-15, index-16, index-17, index-18, index-19;
+    @layer index-20, index-21, index-22, index-23, index-24, index-25, index-26, index-27, index-28, index-29;
+    @layer index-30, index-31, index-32, index-33, index-34, index-35, index-36, index-37, index-38, index-39;
+    @layer index-40, index-41, index-42, index-43, index-44, index-45, index-46, index-47, index-48, index-49;
+    @layer index-50, index-51, index-52, index-53, index-54, index-55, index-56, index-57, index-58, index-59;
+    @layer index-60, index-61, index-62, index-63, index-64, index-65, index-66, index-67, index-68, index-69;
+    @layer index-70, index-71, index-72, index-73, index-74, index-75, index-76, index-77, index-78, index-79;
+    @layer index-80, index-81, index-82, index-83, index-84, index-85, index-86, index-87, index-88, index-89;
+    @layer index-90, index-91, index-92, index-93, index-94, index-95, index-96, index-97, index-98, index-99;
+}
+
+/* ! === Imports === ! */
+
+@import "tailwindcss";
+
+@import './styles/theme/html/style.css';
+
+@import './styles/utilities/icons/icon.css';
+@import './styles/utilities/buttons/button.css';
+@import './styles/utilities/scrollbars/scrollbar.css';
+@import './styles/utilities/inputs/input.css';
+@import './styles/utilities/inputs/textarea.css';
+
+/* ! === Theme === ! */
+
+@theme {
+    --color-red-50: oklch(0.971 0.013 17.38);
+    --color-red-100: oklch(0.936 0.032 17.717);
+    --color-red-200: oklch(0.885 0.062 18.334);
+    --color-red-300: oklch(0.808 0.114 19.571);
+    --color-red-400: oklch(0.704 0.191 22.216);
+    --color-red-500: oklch(0.637 0.237 25.331);
+    --color-red-600: oklch(0.577 0.245 27.325);
+    --color-red-700: oklch(0.505 0.213 27.518);
+    --color-red-800: oklch(0.444 0.177 26.899);
+    --color-red-900: oklch(0.396 0.141 25.723);
+    --color-red-950: oklch(0.258 0.092 26.042);
+
+    --color-orange-50: oklch(0.98 0.016 73.684);
+    --color-orange-100: oklch(0.954 0.038 75.164);
+    --color-orange-200: oklch(0.901 0.076 70.697);
+    --color-orange-300: oklch(0.837 0.128 66.29);
+    --color-orange-400: oklch(0.75 0.183 55.934);
+    --color-orange-500: oklch(0.705 0.213 47.604);
+    --color-orange-600: oklch(0.646 0.222 41.116);
+    --color-orange-700: oklch(0.553 0.195 38.402);
+    --color-orange-800: oklch(0.47 0.157 37.304);
+    --color-orange-900: oklch(0.408 0.123 38.172);
+    --color-orange-950: oklch(0.266 0.079 36.259);
+
+    --color-yellow-50: oklch(0.987 0.026 102.212);
+    --color-yellow-100: oklch(0.973 0.071 103.193);
+    --color-yellow-200: oklch(0.945 0.129 101.54);
+    --color-yellow-300: oklch(0.905 0.182 98.111);
+    --color-yellow-400: oklch(0.852 0.199 91.936);
+    --color-yellow-500: oklch(0.795 0.184 86.047);
+    --color-yellow-600: oklch(0.681 0.162 75.834);
+    --color-yellow-700: oklch(0.554 0.135 66.442);
+    --color-yellow-800: oklch(0.476 0.114 61.907);
+    --color-yellow-900: oklch(0.421 0.095 57.708);
+    --color-yellow-950: oklch(0.286 0.066 53.813);
+
+    --color-green-50: oklch(0.982 0.018 155.826);
+    --color-green-100: oklch(0.962 0.044 156.743);
+    --color-green-200: oklch(0.925 0.084 155.995);
+    --color-green-300: oklch(0.871 0.15 154.449);
+    --color-green-400: oklch(0.792 0.209 151.711);
+    --color-green-500: oklch(0.723 0.219 149.579);
+    --color-green-600: oklch(0.627 0.194 149.214);
+    --color-green-700: oklch(0.527 0.154 150.069);
+    --color-green-800: oklch(0.448 0.119 151.328);
+    --color-green-900: oklch(0.393 0.095 152.535);
+    --color-green-950: oklch(0.266 0.065 152.934);
+
+    --color-gray-50: oklch(0.985 0.002 247.839);
+    --color-gray-100: oklch(0.967 0.003 264.542);
+    --color-gray-200: oklch(0.928 0.006 264.531);
+    --color-gray-300: oklch(0.872 0.01 258.338);
+    --color-gray-400: oklch(0.707 0.022 261.325);
+    --color-gray-500: oklch(0.551 0.027 264.364);
+    --color-gray-600: oklch(0.446 0.03 256.802);
+    --color-gray-700: oklch(0.373 0.034 259.733);
+    --color-gray-800: oklch(0.278 0.033 256.848);
+    --color-gray-900: oklch(0.21 0.034 264.665);
+    --color-gray-950: oklch(0.13 0.028 261.692);
+
+    --color-black: #000;
+    --color-white: #fff;
+
+    --color-primary-50: #f2faff;
+    --color-primary-100: #e0f2ff;
+    --color-primary-200: #b3deff;
+    --color-primary-300: #80c1ff;
+    --color-primary-400: #4da3ff;
+    --color-primary-500: #0074e7;
+    --color-primary-600: #0066cc;
+    --color-primary-700: #005bb5;
+    --color-primary-800: #004a9f;
+    --color-primary-900: #003b80;
+}
+
+@custom-variant hover (&:hover);
+@custom-variant not-hover (&:not(:hover));