mosuk-ui 1.0.7 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mosuk-ui",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "author": "mosuk",
   "license": "MIT",
   "private": false,
@@ -207,11 +207,6 @@
         "default": "./components/containers/grid/component/index.js"
       }
     },
-    "./components/containers/hr/component": {
-      "import": {
-        "default": "./components/containers/hr/component/index.js"
-      }
-    },
     "./components/containers/section/component": {
       "import": {
         "default": "./components/containers/section/component/index.js"
@@ -352,11 +347,6 @@
         "default": "./components/overlays/drawer/component/index.js"
       }
     },
-    "./components/overlays/dropdown/(pagination)/sort/component": {
-      "import": {
-        "default": "./components/overlays/dropdown/(pagination)/sort/component/index.js"
-      }
-    },
     "./components/overlays/dropdown/component": {
       "import": {
         "default": "./components/overlays/dropdown/component/index.js"

package/components/containers/hr/component/component.d.ts

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

package/components/containers/hr/component/component.interface.d.ts

@@ -1,3 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface HrProps extends HTMLAttributes<HTMLHRElement> {
-}

package/components/containers/hr/component/component.interface.js

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

package/components/containers/hr/component/component.js

@@ -1,29 +0,0 @@
-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 styles from './component.module.css';
-export function Hr(_a) {
-    var _b;
-    var props = __rest(_a, []);
-    return (React.createElement("hr", __assign({}, props, { className: "mosuk-hr ".concat(styles['hr'], " ").concat((_b = props === null || props === void 0 ? void 0 : props.className) !== null && _b !== void 0 ? _b : '') })));
-}

package/components/containers/hr/component/component.module.css

@@ -1,7 +0,0 @@
-@layer mosuk-ui {
-    @layer index-13 {
-        .hr {
-            border-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
-        }
-    }
-}

package/components/containers/hr/component/index.d.ts

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

package/components/containers/hr/component/index.js

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

package/components/overlays/dropdown/(pagination)/sort/component/component.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DropdownPaginationSortContextProps, DropdownPaginationSortProps } from './component.interface';
-export declare const DropdownPaginationSortContext: React.Context<DropdownPaginationSortContextProps>;
-export declare function DropdownPaginationSort({ params, updateParams, ...props }: DropdownPaginationSortProps): React.JSX.Element;

package/components/overlays/dropdown/(pagination)/sort/component/component.interface.d.ts

@@ -1,10 +0,0 @@
-import { DropdownProps } from '../../../component/component.interface';
-export interface DropdownPaginationSortContextProps {
-    currentSort: string | undefined;
-    currentOrder: 'asc' | 'desc' | undefined;
-    handleSort: (sort: string) => void;
-}
-export interface DropdownPaginationSortProps extends DropdownProps {
-    params?: Record<string, any>;
-    updateParams?: (params: Record<string, any>) => void;
-}

package/components/overlays/dropdown/(pagination)/sort/component/component.interface.js

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

package/components/overlays/dropdown/(pagination)/sort/component/component.js

@@ -1,49 +0,0 @@
-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, { createContext } from 'react';
-import { Dropdown } from '../../../component';
-export var DropdownPaginationSortContext = createContext({
-    currentSort: undefined,
-    currentOrder: undefined,
-    handleSort: function () { },
-});
-export function DropdownPaginationSort(_a) {
-    var params = _a.params, updateParams = _a.updateParams, props = __rest(_a, ["params", "updateParams"]);
-    var currentSort = (params === null || params === void 0 ? void 0 : params.sort) || 'id';
-    var currentOrder = (params === null || params === void 0 ? void 0 : params.order) || 'asc';
-    var handleSort = function (sort) {
-        if (sort === currentSort) {
-            var newOrder = currentOrder === 'asc' ? 'desc' : 'asc';
-            if (newOrder !== currentOrder) {
-                var _a = params, page = _a.page, restParams = __rest(_a, ["page"]);
-                updateParams === null || updateParams === void 0 ? void 0 : updateParams(__assign(__assign({}, restParams), { order: newOrder }));
-            }
-        }
-        else {
-            var restParams = __rest(params, []);
-            updateParams === null || updateParams === void 0 ? void 0 : updateParams(__assign(__assign({}, restParams), { sort: sort, order: 'asc' }));
-        }
-    };
-    return (React.createElement(DropdownPaginationSortContext.Provider, { value: { currentSort: currentSort, currentOrder: currentOrder, handleSort: handleSort } },
-        React.createElement(Dropdown, __assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
-}

package/components/overlays/dropdown/(pagination)/sort/component/component.module.css

@@ -1,108 +0,0 @@
-@layer mosuk-ui {
-    @layer index-17 {
-
-        /* ? Icon */
-        .icon {
-            &.active {
-                background-color: var(--color-primary-100, #e0f2ff);
-                color: var(--color-primary-500, #0074e7);
-
-                & svg {
-                    color: var(--color-primary-500, #0074e7);
-                }
-            }
-        }
-
-        /* ? Content */
-        .dropdown {
-            .dropdownContent {
-                display: flex;
-                flex-direction: column;
-                gap: 0.25rem;
-
-                .button {
-                    overflow: hidden;
-
-                    width: 100%;
-                    height: calc(var(--spacing, .25rem) * 8);
-
-                    display: flex;
-                    align-items: center;
-                    justify-content: start;
-                    gap: calc(var(--spacing, .25rem) * 2);
-
-                    background-color: transparent;
-                    color: var(--color-black, #000);
-                    font-size: var(--text-xs, .75rem);
-                    text-wrap: nowrap;
-                    text-overflow: ellipsis;
-
-                    padding-left: calc(var(--spacing, .25rem) * 3);
-                    padding-right: calc(var(--spacing, .25rem) * 3);
-                    border-radius: calc(infinity * 1px);
-                    outline: none;
-
-                    cursor: pointer;
-                    transition: all 0.2s ease-in-out;
-
-                    & svg {
-                        width: calc(var(--spacing, .25rem) * 3.5);
-                        height: calc(var(--spacing, .25rem) * 3.5);
-                        min-width: calc(var(--spacing, .25rem) * 3.5);
-                        min-height: calc(var(--spacing, .25rem) * 3.5);
-
-                        color: var(--color-gray-500, oklch(0.551 0.027 264.364));
-
-                        transition: all 200ms ease-in-out;
-                    }
-
-                    .arrow {
-                        width: calc(var(--spacing, .25rem) * 3);
-                        height: calc(var(--spacing, .25rem) * 3);
-                        min-width: calc(var(--spacing, .25rem) * 3);
-                        min-height: calc(var(--spacing, .25rem) * 3);
-
-                        margin-left: auto;
-
-                        opacity: 0;
-                    }
-
-                    &:hover {
-                        background-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
-                        color: var(--color-primary-500, #0074e7);
-
-                        & svg {
-                            color: var(--color-primary-500, #0074e7);
-                        }
-                    }
-
-                    &.asc {
-                        .arrow {
-                            transform: rotate(0deg);
-                        }
-                    }
-
-                    &.desc {
-                        .arrow {
-                            transform: rotate(180deg);
-                        }
-                    }
-
-
-                    &.active {
-                        background-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
-                        color: var(--color-primary-500, #0074e7);
-
-                        & svg {
-                            color: var(--color-primary-500, #0074e7);
-                        }
-
-                        .arrow {
-                            opacity: 1;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/component.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DropdownPaginationSortDropdownProps } from './component.interface';
-export declare function DropdownPaginationSortDropdown({ ...rest }: DropdownPaginationSortDropdownProps): React.JSX.Element;

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/component.interface.d.ts

@@ -1,3 +0,0 @@
-import { DropdownDropdownProps } from '../../../../component/component.interface';
-export interface DropdownPaginationSortDropdownProps extends DropdownDropdownProps {
-}

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/component.interface.js

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

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/component.js

@@ -1,36 +0,0 @@
-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, { useContext } from 'react';
-import { DropdownDropdown } from '../../../../component/component';
-import { DropdownPaginationSortContext } from '../component';
-import styles from '../component.module.css';
-export function DropdownPaginationSortDropdown(_a) {
-    var _b;
-    var rest = __rest(_a, []);
-    var context = useContext(DropdownPaginationSortContext);
-    if (!context) {
-        throw new Error('DropdownPaginationSort.Dropdown must be used within an DropdownPaginationSort component.');
-    }
-    return (React.createElement(DropdownDropdown, __assign({}, rest, { align: (_b = rest === null || rest === void 0 ? void 0 : rest.align) !== null && _b !== void 0 ? _b : 'end', className: classNames(styles.dropdown, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
-}

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/button/component.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DropdownPaginationSortDropdownContentButtonProps } from './component.interface';
-export declare function DropdownPaginationSortDropdownContentButton({ sort, ...rest }: DropdownPaginationSortDropdownContentButtonProps): React.JSX.Element;

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/button/component.interface.d.ts

@@ -1,4 +0,0 @@
-import { ButtonProps } from '../../../../../../../../actions/button/component/component.interface';
-export interface DropdownPaginationSortDropdownContentButtonProps extends ButtonProps {
-    sort: string;
-}

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/button/component.interface.js

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

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/button/component.js

@@ -1,43 +0,0 @@
-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 { ArrowUp } from 'lucide-react';
-import React, { useContext } from 'react';
-import { Button } from '../../../../../../../../actions/button/component';
-import { DropdownPaginationSortContext } from '../../../component';
-import styles from '../../../component.module.css';
-export function DropdownPaginationSortDropdownContentButton(_a) {
-    var _b;
-    var sort = _a.sort, rest = __rest(_a, ["sort"]);
-    var _c = useContext(DropdownPaginationSortContext), currentSort = _c.currentSort, currentOrder = _c.currentOrder, handleSort = _c.handleSort;
-    if (!DropdownPaginationSortContext) {
-        throw new Error('DropdownPaginationSort.Dropdown.Content.Button must be used within an DropdownPaginationSort component.');
-    }
-    return (React.createElement(Button, __assign({}, rest, { as: "span", className: classNames(styles.button, (_b = {},
-            _b[styles.active] = currentSort === sort,
-            _b[styles.asc] = currentOrder === 'asc',
-            _b[styles.desc] = currentOrder === 'desc',
-            _b)), onClick: function () { return handleSort(sort); } }), rest === null || rest === void 0 ? void 0 :
-        rest.children,
-        React.createElement(ArrowUp, { className: styles.arrow })));
-}

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/component.d.ts

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

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/component.interface.d.ts

@@ -1,3 +0,0 @@
-import { DropdownDropdownContentProps } from '../../../../../component/component.interface';
-export interface DropdownPaginationSortDropdownContentProps extends DropdownDropdownContentProps {
-}

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/component.interface.js

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

package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/component.js

@@ -1,35 +0,0 @@
-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, { useContext } from 'react';
-import { DropdownDropdownContent } from '../../../../../component/component';
-import { DropdownPaginationSortContext } from '../../component';
-import styles from '../../component.module.css';
-export function DropdownPaginationSortDropdownContent(_a) {
-    var _b, _c;
-    var props = __rest(_a, []);
-    var context = useContext(DropdownPaginationSortContext);
-    if (!context) {
-        throw new Error('DropdownPaginationSort.Dropdown.Content must be used within an DropdownPaginationSort component.');
-    }
-    return (React.createElement(DropdownDropdownContent, __assign({}, props, { className: ((_b = styles.dropdownContent) !== null && _b !== void 0 ? _b : '') + ' ' + ((_c = props === null || props === void 0 ? void 0 : props.className) !== null && _c !== void 0 ? _c : '') }), props === null || props === void 0 ? void 0 : props.children));
-}

package/components/overlays/dropdown/(pagination)/sort/component/index.d.ts

@@ -1,33 +0,0 @@
-import { DropdownPaginationSort as BaseDropdownPaginationSort } from './component';
-import { DropdownPaginationSortProps } from './component.interface';
-import { DropdownPaginationSortDropdown } from './dropdown/component';
-import { DropdownPaginationSortDropdownProps } from './dropdown/component.interface';
-import { DropdownPaginationSortDropdownContentButton } from './dropdown/content/button/component';
-import { DropdownPaginationSortDropdownContentButtonProps } from './dropdown/content/button/component.interface';
-import { DropdownPaginationSortDropdownContent } from './dropdown/content/component';
-import { DropdownPaginationSortDropdownContentProps } from './dropdown/content/component.interface';
-import { DropdownPaginationSortTrigger } from './trigger/component';
-import { DropdownPaginationSortTriggerProps } from './trigger/component.interface';
-export declare const DropdownPaginationSort: typeof BaseDropdownPaginationSort & {
-    Trigger: typeof DropdownPaginationSortTrigger;
-    Dropdown: typeof DropdownPaginationSortDropdown & {
-        Content: typeof DropdownPaginationSortDropdownContent & {
-            Button: typeof DropdownPaginationSortDropdownContentButton;
-        };
-    };
-};
-export declare namespace DropdownPaginationSort {
-    type Props = DropdownPaginationSortProps;
-    namespace Trigger {
-        type Props = DropdownPaginationSortTriggerProps;
-    }
-    namespace DropdownPaginationSortDropdown {
-        type Props = DropdownPaginationSortDropdownProps;
-        namespace DropdownPaginationSortDropdownContent {
-            type Props = DropdownPaginationSortDropdownContentProps;
-            namespace Button {
-                type Props = DropdownPaginationSortDropdownContentButtonProps;
-            }
-        }
-    }
-}

package/components/overlays/dropdown/(pagination)/sort/component/index.js

@@ -1,13 +0,0 @@
-import { DropdownPaginationSort as BaseDropdownPaginationSort } from './component';
-import { DropdownPaginationSortDropdown } from './dropdown/component';
-import { DropdownPaginationSortDropdownContentButton } from './dropdown/content/button/component';
-import { DropdownPaginationSortDropdownContent } from './dropdown/content/component';
-import { DropdownPaginationSortTrigger } from './trigger/component';
-export var DropdownPaginationSort = Object.assign(BaseDropdownPaginationSort, {
-    Trigger: DropdownPaginationSortTrigger,
-    Dropdown: Object.assign(DropdownPaginationSortDropdown, {
-        Content: Object.assign(DropdownPaginationSortDropdownContent, {
-            Button: DropdownPaginationSortDropdownContentButton,
-        }),
-    }),
-});

package/components/overlays/dropdown/(pagination)/sort/component/trigger/component.d.ts

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

package/components/overlays/dropdown/(pagination)/sort/component/trigger/component.interface.d.ts

@@ -1,3 +0,0 @@
-import { DropdownTriggerProps } from '../../../../component/component.interface';
-export interface DropdownPaginationSortTriggerProps extends DropdownTriggerProps {
-}

package/components/overlays/dropdown/(pagination)/sort/component/trigger/component.interface.js

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

package/components/overlays/dropdown/(pagination)/sort/component/trigger/component.js

@@ -1,33 +0,0 @@
-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, { useContext } from 'react';
-import { DropdownTrigger } from '../../../../component/component';
-import { DropdownPaginationSortContext } from '../component';
-export function DropdownPaginationSortTrigger(_a) {
-    var props = __rest(_a, []);
-    var context = useContext(DropdownPaginationSortContext);
-    if (!context) {
-        throw new Error('DropdownPaginationSort.Dropdown must be used within an DropdownPaginationSort component.');
-    }
-    return (React.createElement(DropdownTrigger, __assign({}, props), props === null || props === void 0 ? void 0 : props.children));
-}