@memori.ai/memori-react 9.0.0-alpha.0 → 9.0.0-alpha.10

package/esm/components/ui/Expandable.css

@@ -1,15 +0,0 @@
-.memori-expandable {
-    line-height: 1;
-}
-
-.memori-expandable--inner {
-    overflow: hidden;
-    max-height: 9999px;
-    transition: max-height 0.2s ease-in-out;
-}
-
-.memori-expandable>button {
-    color: var(--memori-primary, #333);
-    font-size: 0.9em;
-    text-decoration: underline
-}

package/esm/components/ui/Expandable.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface Props {
-    rows?: number;
-    className?: string;
-    innerClassName?: string;
-    btnClassName?: string;
-    lineHeightMultiplier?: number;
-    defaultExpanded?: boolean;
-    expandSymbol?: (lang: string) => React.ReactNode;
-    collapseSymbol?: (lang: string) => React.ReactNode;
-    children: React.ReactNode;
-    mode?: 'rows' | 'characters';
-}
-declare const Expandable: ({ rows, className, innerClassName, btnClassName, lineHeightMultiplier, defaultExpanded, expandSymbol, collapseSymbol, children, mode, }: Props) => JSX.Element;
-export default Expandable;

package/esm/components/ui/Expandable.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import Button from './Button';
-import cx from 'classnames';
-import { useTranslation } from 'react-i18next';
-import { truncateMessage } from '../../helpers/message';
-import { MAX_MSG_CHARS, MAX_MSG_WORDS } from '../../helpers/constants';
-const Expandable = ({ rows, className, innerClassName, btnClassName, lineHeightMultiplier = 1.2, defaultExpanded = false, expandSymbol = () => '...', collapseSymbol = (lang) => lang === 'it' ? 'Mostra meno' : 'Show less', children, mode = 'rows', }) => {
-    const { i18n } = useTranslation();
-    const lang = i18n.language;
-    const collapseSymbolText = collapseSymbol(lang);
-    const expandSymbolText = expandSymbol(lang);
-    const [expanded, setExpanded] = useState(defaultExpanded);
-    const [needsExpanding, setNeedsExpanding] = useState(false);
-    const [rowHeight, setRowHeight] = useState(16);
-    const ref = useRef(null);
-    useEffect(() => {
-        if (ref.current) {
-            if (mode === 'rows') {
-                let height = ref.current.getBoundingClientRect().height;
-                let computedStyle = getComputedStyle(ref.current);
-                let elLineHeight = computedStyle.lineHeight;
-                let lineHeight = elLineHeight === 'normal' || !(elLineHeight === null || elLineHeight === void 0 ? void 0 : elLineHeight.length)
-                    ? lineHeightMultiplier * parseInt(computedStyle.fontSize, 10)
-                    : parseInt(elLineHeight, 10);
-                setRowHeight(lineHeight);
-                if (height && rows && height > rows * lineHeight) {
-                    setNeedsExpanding(true);
-                }
-            }
-            else if (mode === 'characters') {
-                const textContent = ref.current.textContent || '';
-                if (textContent.length > MAX_MSG_CHARS ||
-                    textContent.split(' ').length > MAX_MSG_WORDS) {
-                    setNeedsExpanding(true);
-                }
-            }
-        }
-    }, [rows, mode, ref.current]);
-    const renderContent = () => {
-        var _a;
-        if (mode === 'characters' && !expanded && needsExpanding) {
-            const content = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.textContent) || '';
-            let truncatedContent = truncateMessage(content);
-            return truncatedContent;
-        }
-        return children;
-    };
-    return (_jsxs("div", { className: cx('memori-expandable', className), children: [_jsx("div", { ref: ref, className: cx('memori-expandable--inner', innerClassName), style: {
-                    maxHeight: expanded || !needsExpanding || mode === 'characters'
-                        ? '9999px'
-                        : `${rowHeight * (rows || 1)}px`,
-                }, children: renderContent() }), needsExpanding && !expanded && (_jsx(Button, { ghost: true, padded: false, className: btnClassName, onClick: () => setExpanded(true), children: expandSymbolText })), needsExpanding && expanded && (_jsx(Button, { ghost: true, padded: false, className: btnClassName, onClick: () => setExpanded(false), children: collapseSymbolText }))] }));
-};
-export default Expandable;
-//# sourceMappingURL=Expandable.js.map

package/esm/components/ui/Expandable.js.map

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

package/esm/components/ui/Modal.css

@@ -1,98 +0,0 @@
-.memori-modal {
-    position: relative;
-    z-index: 1000;
-}
-
-.memori-modal--backdrop {
-    position: fixed;
-    z-index: 40;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.3);
-}
-
-.memori-modal--container {
-    position: fixed;
-    z-index: 50;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    overflow-y: auto;
-}
-
-.memori-modal--container-scrollable {
-    display: flex;
-    min-height: 100%;
-    align-items: center;
-    justify-content: center;
-}
-
-.memori-modal--panel {
-    position: relative;
-    max-width: var(--memori-modal--width, 100%);
-    padding: 1.5rem;
-    border-radius: 10px;
-    margin-right: auto;
-    margin-left: auto;
-    background-color: #fff;
-    font-family: var(--memori-font-family);
-}
-
-@media (min-width: 768px) {
-    .memori-modal--panel {
-        max-width: var(--memori-modal--width-md, 80%);
-        padding: 2rem 3rem;
-    }
-}
-
-.memori-modal--footer {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: 1.5rem;
-}
-
-.memori-modal--footer button+button {
-    margin-left: 0.5em;
-}
-
-.memori-modal--close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 0.5rem;
-}
-
-.ease-out {
-    transition-timing-function: ease-out;
-}
-
-.ease-in {
-    transition-timing-function: ease-in;
-}
-
-.duration-300 {
-    transition-duration: 300ms;
-}
-
-.duration-200 {
-    transition-duration: 200ms;
-}
-
-.opacity-0 {
-    opacity: 0;
-}
-
-.opacity-100 {
-    opacity: 1;
-}
-
-.scale-95 {
-    transform: scale(0.95);
-}
-
-.scale-100 {
-    transform: scale(1);
-}

package/esm/components/ui/Modal.d.ts

@@ -1,16 +0,0 @@
-import React, { FC } from 'react';
-export interface Props {
-    open?: boolean;
-    onClose: (value: boolean) => void;
-    className?: string;
-    title?: string | JSX.Element | React.ReactNode;
-    description?: string | JSX.Element | React.ReactNode;
-    children?: JSX.Element | React.ReactNode;
-    footer?: JSX.Element | React.ReactNode;
-    loading?: boolean;
-    closable?: boolean;
-    width?: string;
-    widthMd?: string;
-}
-declare const Modal: FC<Props>;
-export default Modal;

package/esm/components/ui/Modal.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Dialog, Transition } from '@headlessui/react';
-import Spin from './Spin';
-import Button from './Button';
-import Close from '../icons/Close';
-import { useTranslation } from 'react-i18next';
-import cx from 'classnames';
-const Modal = ({ open = false, onClose, className, title, description, children, footer, loading = false, closable = true, width = '100%', widthMd = '100%', }) => {
-    const { t } = useTranslation();
-    return (_jsx(Transition, { appear: true, show: open, as: React.Fragment, children: _jsxs(Dialog, { open: open, onClose: onClose, className: cx('memori-modal', className), children: [_jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: "memori-modal--backdrop" }) }), _jsx("div", { className: "memori-modal--container", children: _jsx("div", { className: "memori-modal--container-scrollable", children: _jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 scale-95", enterTo: "opacity-100 scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 scale-100", leaveTo: "opacity-0 scale-95", children: _jsxs(Dialog.Panel, { className: "memori-modal--panel", children: [_jsx("style", { dangerouslySetInnerHTML: {
-                                            __html: `
-                    .memori-modal--panel {
-                      --memori-modal--width: ${width};
-                      --memori-modal--width-md: ${widthMd};
-                    }
-                  `,
-                                        } }), closable && (_jsx("div", { className: "memori-modal--close", children: _jsx(Button, { ghost: true, padded: true, shape: "circle", icon: _jsx(Close, {}), title: t('close') || 'Close', onClick: () => onClose(false) }) })), _jsxs(Spin, { spinning: loading, children: [title && (_jsx(Dialog.Title, { className: "memori-modal--title", children: title })), description && (_jsx(Dialog.Description, { className: "memori-modal--description", children: description })), children, footer && (_jsx("div", { className: "memori-modal--footer", children: footer }))] })] }) }) }) })] }) }));
-};
-export default Modal;
-//# sourceMappingURL=Modal.js.map

package/esm/components/ui/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/ui/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,YAAY,CAAC;AAgB5B,MAAM,KAAK,GAAc,CAAC,EACxB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,MAAM,GACV,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,KAAC,UAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,YAC/C,MAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aAExC,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,cAAK,SAAS,EAAC,wBAAwB,GAAG,GACzB,EACnB,cAAK,SAAS,EAAC,yBAAyB,YACtC,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB,YAE5B,MAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB,aAC3C,gBACE,uBAAuB,EAAE;4CACvB,MAAM,EAAE;;+CAEmB,KAAK;kDACF,OAAO;;mBAEtC;yCACA,GACD,EACD,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,MAAM,IACL,KAAK,QACL,MAAM,QACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,OAAO,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB,YAC1C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,2BAA2B,YACtD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,sBAAsB,YAAE,MAAM,GAAO,CACrD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/components/ui/Select.css

@@ -1,138 +0,0 @@
-.memori-select {
-    max-width: 240px;
-    min-height: 38px;
-}
-
-.memori-select--button {
-    position: relative;
-    width: 100%;
-    max-width: 240px;
-    min-height: 38px;
-    padding-top: 0.5rem;
-    padding-right: 2.5rem;
-    padding-bottom: 0.5rem;
-    padding-left: 0.75rem;
-    border: 1px solid #e5e7eb;
-    border-radius: 0.5rem;
-    background: transparent;
-    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
-        rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
-    color: var(--memori-text-color, #333);
-    cursor: pointer;
-    font-family: var(--memori-font-family);
-    font-size: 16px;
-    text-align: left;
-}
-
-.memori-select--button:focus {
-    border-color: #cbd5e0;
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
-}
-
-.memori-select--button:focus-visible {
-    border-color: #63b3ed;
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
-}
-
-.memori-select--button:hover {
-    border-color: #e2e8f0;
-}
-
-.memori-select--button:active {
-    border-color: #e2e8f0;
-}
-
-.memori-select--button:disabled {
-    border-color: #e2e8f0;
-    background-color: #f7fafc;
-    color: #a0aec0;
-    cursor: not-allowed;
-}
-
-@media (min-width: 640px) {
-    .memori-select--button {
-        font-size: 0.875rem;
-        line-height: 1.25rem;
-    }
-}
-
-.memori-select--label {
-    display: inline-block;
-    margin-bottom: 0.25rem;
-}
-
-.memori-select--value {
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.memori-select--value.memori-select--value-placeholder {
-    color: #a0aec0;
-}
-
-.memori-select--icon {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    align-items: center;
-    padding-right: 0.5rem;
-    pointer-events: none;
-}
-
-.memori-select--icon svg {
-    width: 1.25rem;
-    height: 1.25rem;
-    color: rgb(156 163 175/1);
-}
-
-ul.memori-select--options {
-    position: absolute;
-    z-index: 1;
-    overflow: auto;
-    max-height: 15rem;
-    padding-top: 0.25rem;
-    padding-right: 0;
-    padding-bottom: 0.25rem;
-    padding-left: 0;
-    border-radius: 0.375rem;
-    margin-top: 0.25rem;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    background: #fff;
-    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
-        rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
-    list-style: none;
-}
-
-@media (min-width: 640px) {
-    .memori-select--options {
-        font-size: 0.875rem;
-        line-height: 1.25rem;
-    }
-}
-
-li.memori-select--option {
-    position: relative;
-    padding-top: 0.5rem;
-    padding-right: 1rem;
-    padding-bottom: 0.5rem;
-    padding-left: 1rem;
-    color: rgb(17 24 39/1);
-    cursor: pointer;
-    user-select: none;
-}
-
-li.memori-select--option:hover,
-li.memori-select--option:focus {
-    background-color: #f7fafc;
-}
-
-li.memori-select--option:focus {
-    outline: 2px solid #63b3ed;
-    outline-offset: 2px;
-}

package/esm/components/ui/Select.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export interface Props<T = any> {
-    className?: string;
-    value?: T;
-    name?: string;
-    displayValue?: string;
-    onChange: (value: T) => void;
-    options: {
-        value: T;
-        label: any;
-    }[];
-    disabled?: boolean;
-    label?: string;
-    placeholder?: string;
-}
-declare const Select: ({ className, value, name, displayValue, options, onChange, disabled, label, placeholder, }: Props) => JSX.Element;
-export default Select;

package/esm/components/ui/Select.js

@@ -1,14 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import cx from 'classnames';
-import { Listbox, Transition } from '@headlessui/react';
-import SelectIcon from '../icons/SelectIcon';
-const Select = ({ className, value, name, displayValue, options, onChange, disabled = false, label, placeholder, }) => {
-    return (_jsx("div", { className: cx('memori-select', className), children: _jsxs(Listbox, { value: value, onChange: value => {
-                onChange(value);
-            }, disabled: disabled, name: name, children: [label && (_jsxs(Listbox.Label, { className: "memori-select--label", children: [label, ":"] })), _jsxs(Listbox.Button, { "aria-label": label, className: "memori-select--button", children: [_jsx("span", { className: cx('memori-select--value', {
-                                'memori-select--value-placeholder': !value,
-                            }), children: value ? displayValue || value : placeholder }), _jsx("span", { className: "memori-select--icon", children: _jsx(SelectIcon, {}) })] }), _jsx(Transition, { as: Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx(Listbox.Options, { className: "memori-select--options", children: options.map(opt => (_jsx(Listbox.Option, { value: opt.value, className: "memori-select--option", children: opt.label }, opt.value))) }) })] }) }));
-};
-export default Select;
-//# sourceMappingURL=Select.js.map

package/esm/components/ui/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/ui/Select.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAc7C,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,GACL,EAAE,EAAE;IACV,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,YAC5C,MAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,aAET,KAAK,IAAI,CACR,MAAC,OAAO,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,aAC5C,KAAK,SACQ,CACjB,EACD,MAAC,OAAO,CAAC,MAAM,kBAAa,KAAK,EAAE,SAAS,EAAC,uBAAuB,aAClE,eACE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE;gCACpC,kCAAkC,EAAE,CAAC,KAAK;6BAC3C,CAAC,YAED,KAAK,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,WAAW,GACvC,EACP,eAAM,SAAS,EAAC,qBAAqB,YACnC,KAAC,UAAU,KAAG,GACT,IACQ,EACjB,KAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,KAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,wBAAwB,YAChD,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAClB,KAAC,OAAO,CAAC,MAAM,IAEb,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,SAAS,EAAC,uBAAuB,YAEhC,GAAG,CAAC,KAAK,IAJL,GAAG,CAAC,KAAK,CAKC,CAClB,CAAC,GACc,GACP,IACL,GACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/components/ui/Slider.css

@@ -1,192 +0,0 @@
-.memori--slider-container {
-  position: relative;
-  width: 100%;
-  max-width: 100%;
-  padding: 12px 12px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  touch-action: none;
-  user-select: none;
-
-}
-
-.memori--slider-disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-
-.memori--slider-header {
-  position: absolute;
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 16px;
-  /* max-height: 10px; */
-}
-
-.memori--slider-label {
-  max-width: 70%;
-  font-size: 1.2rem;
-  font-weight: 500;
-  line-height: 1.2;
-}
-
-.memori--slider-value {
-  min-width: 40px;
-  max-width: 30%;
-  font-size: 1rem;
-  font-weight: 500;
-  text-align: right;
-}
-
-.memori--slider-track-container {
-  position: relative;
-  display: flex;
-  height: 96px;
-  max-height: 96px;
-  align-items: center;
-  margin-top: 8px;
-  cursor: pointer;
-  touch-action: none;
-}
-
-.memori--slider-track {
-  position: absolute;
-  overflow: hidden;
-  width: 100%;
-  height: 16px;
-  max-height: 16px;
-  border-radius: 8px;
-  background-color: #e5e5e5;
-}
-
-.memori--slider-track-fill {
-  position: absolute;
-  width: var(--percentage);
-  height: 100%;
-  border-radius: 8px;
-  background-color: var(--memori-primary, #2563eb);
-  transition: width 0.15s ease;
-}
-
-.memori--slider-marks {
-  position: absolute;
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: 0 8px;
-  padding-top: 24px;
-  pointer-events: none;
-}
-
-.memori--slider-mark {
-  display: flex;
-  min-width: 40px;
-  flex-direction: column;
-  align-items: center;
-}
-
-.memori--slider-mark-line {
-  width: 3px;
-  height: 8px;
-  max-height: 8px;
-  margin-bottom: 8px;
-  background-color: #9ca3af;
-}
-
-.memori--slider-mark-value {
-  color: #666;
-  font-size: 1rem;
-  font-weight: 500;
-  white-space: nowrap;
-}
-
-.memori--slider-thumb {
-  position: absolute;
-  z-index: 1;
-  left: var(--percentage);
-  width: 40px;
-  max-width: 40px;
-  height: 40px;
-  max-height: 40px;
-  border: 4px solid var(--memori-primary, #2563eb);
-  border-radius: 50%;
-  background-color: white;
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
-  touch-action: none;
-  transform: translateX(-50%);
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
-}
-
-.memori--slider-thumb:hover,
-.memori--slider-thumb:active {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
-  transform: translateX(-50%) scale(1.1);
-}
-
-/* Portrait/Totem specific styles */
-@media screen and (max-aspect-ratio: 3/4) {
-  .memori--slider-container {
-    padding: 16px;
-  }
-
-  .memori--slider-header {
-    margin-bottom: 16px;
-  }
-
-  .memori--slider-label {
-    font-size: 1.3rem;
-  }
-
-  .memori--slider-value {
-    min-width: 50px;
-    font-size: 1.1rem;
-  }
-
-  .memori--slider-track-container {
-    height: 80px;
-    margin-top: 8px;
-  }
-
-  .memori--slider-track {
-    height: 16px;
-    border-radius: 10px;
-  }
-
-  .memori--slider-thumb {
-    width: 48px;
-    height: 48px;
-    border-width: 4px;
-  }
-
-  .memori--slider-mark-value {
-    margin-top: 4px;
-    font-size: 1.1rem;
-  }
-}
-
-/* Very tall displays */
-@media screen and (min-height: 1200px) {
-  .memori--slider-container {
-    padding: 24px 20px;
-  }
-
-  .memori--slider-header {
-    margin-bottom: 24px;
-  }
-
-  .memori--slider-label {
-    font-size: 1.4rem;
-  }
-
-  .memori--slider-track-container {
-    height: 96px;
-    margin-top: 12px;
-  }
-
-  .memori--slider-thumb {
-    width: 56px;
-    height: 56px;
-    border-width: 5px;
-  }
-}

package/esm/components/ui/Slider.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface Props {
-    min?: number;
-    max?: number;
-    step?: number;
-    defaultValue?: number;
-    label?: string | React.ReactNode;
-    onChange?: (value: number) => void;
-    disabled?: boolean;
-}
-declare const CustomSlider: ({ min, max, step, defaultValue, label, onChange, disabled, }: Props) => JSX.Element;
-export default CustomSlider;