@memori.ai/memori-react 9.0.0-alpha.2 → 9.0.0-alpha.21

package/dist/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/dist/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;

package/dist/components/ui/Slider.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@headlessui/react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const CustomSlider = ({ min = 0, max = 100, step = 1, defaultValue = 50, label, onChange, disabled = false, }) => {
-    const [value, setValue] = (0, react_1.useState)(defaultValue);
-    const [isDragging, setIsDragging] = (0, react_1.useState)(false);
-    const sliderRef = (0, react_1.useRef)(null);
-    const percentage = ((value - min) / (max - min)) * 100;
-    const marks = [];
-    for (let i = min; i <= max; i += (max - min) / 4) {
-        marks.push(Math.round(i));
-    }
-    const calculateNewValue = (clientX) => {
-        if (!sliderRef.current)
-            return value;
-        const bounds = sliderRef.current.getBoundingClientRect();
-        const position = clientX - bounds.left;
-        const sliderWidth = bounds.width;
-        const percentage = Math.max(0, Math.min(100, (position / sliderWidth) * 100));
-        const newValue = Math.round((percentage / 100) * (max - min) + min);
-        const steppedValue = Math.round(newValue / step) * step;
-        return Math.min(Math.max(steppedValue, min), max);
-    };
-    const handleInteractionStart = (clientX) => {
-        if (disabled)
-            return;
-        setIsDragging(true);
-        const newValue = calculateNewValue(clientX);
-        setValue(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    };
-    const handleInteractionMove = (clientX) => {
-        if (!isDragging || disabled)
-            return;
-        const newValue = calculateNewValue(clientX);
-        setValue(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    };
-    const handleInteractionEnd = () => {
-        setIsDragging(false);
-    };
-    (0, react_1.useEffect)(() => {
-        const handleTouchMove = (e) => {
-            if (!isDragging)
-                return;
-            e.preventDefault();
-            handleInteractionMove(e.touches[0].clientX);
-        };
-        const handleMouseMove = (e) => {
-            handleInteractionMove(e.clientX);
-        };
-        const handleEndInteraction = () => {
-            handleInteractionEnd();
-        };
-        if (isDragging) {
-            window.addEventListener('touchmove', handleTouchMove, { passive: false });
-            window.addEventListener('mousemove', handleMouseMove);
-            window.addEventListener('touchend', handleEndInteraction);
-            window.addEventListener('mouseup', handleEndInteraction);
-        }
-        return () => {
-            window.removeEventListener('touchmove', handleTouchMove);
-            window.removeEventListener('mousemove', handleMouseMove);
-            window.removeEventListener('touchend', handleEndInteraction);
-            window.removeEventListener('mouseup', handleEndInteraction);
-        };
-    }, [isDragging]);
-    (0, react_1.useEffect)(() => {
-        setValue(defaultValue);
-    }, [defaultValue]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori--slider-container', { 'memori--slider-disabled': disabled }), style: { '--percentage': `${percentage}%` }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori--slider-header", children: [label && (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-label", children: label }), (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-value", children: value })] }), (0, jsx_runtime_1.jsxs)("div", { ref: sliderRef, className: "memori--slider-track-container", onMouseDown: (e) => handleInteractionStart(e.clientX), onTouchStart: (e) => handleInteractionStart(e.touches[0].clientX), children: [(0, jsx_runtime_1.jsx)("div", { className: "memori--slider-track", children: (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-track-fill" }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-marks", children: marks.map((mark) => ((0, jsx_runtime_1.jsxs)("div", { className: "memori--slider-mark", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori--slider-mark-line" }), (0, jsx_runtime_1.jsx)("span", { className: "memori--slider-mark-value", children: mark })] }, mark))) }), (0, jsx_runtime_1.jsx)(react_2.Listbox, { value: value, onChange: setValue, disabled: disabled, children: (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-thumb", role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, tabIndex: disabled ? -1 : 0 }) })] })] }));
-};
-exports.default = CustomSlider;
-//# sourceMappingURL=Slider.js.map

package/dist/components/ui/Slider.js.map

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

package/dist/components/ui/Spin.css

@@ -1,31 +0,0 @@
-.memori-spin {
-    position: relative;
-}
-
-.memori-spin--spinner {
-    position: absolute;
-    z-index: 100;
-    top: 0;
-    left: 0;
-    display: none;
-    width: 100%;
-    height: 100%;
-    align-items: center;
-    justify-content: center;
-    background: rgba(255, 255, 255, 0.8);
-}
-
-.memori-spin--spinning .memori-spin--spinner {
-    display: flex;
-}
-
-.memori-spin--spinner svg {
-    width: 30%;
-    max-width: 5rem;
-    height: 30%;
-    max-height: 5rem;
-}
-
-.memori-spin--primary svg {
-    fill: var(--memori-primary);
-}

package/dist/components/ui/Spin.d.ts

@@ -1,9 +0,0 @@
-import React, { FC } from 'react';
-export interface Props {
-    spinning?: boolean;
-    className?: string;
-    primary?: boolean;
-    children?: JSX.Element | React.ReactNode;
-}
-declare const Spin: FC<Props>;
-export default Spin;

package/dist/components/ui/Spin.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const Loading_1 = tslib_1.__importDefault(require("../icons/Loading"));
-const Spin = ({ spinning = false, primary = false, className, children, }) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori-spin', className, {
-        'memori-spin--spinning': spinning,
-        'memori-spin--primary': primary,
-    }), children: [children, (0, jsx_runtime_1.jsx)("div", { className: "memori-spin--spinner", children: (0, jsx_runtime_1.jsx)(Loading_1.default, { loading: true }) })] }));
-exports.default = Spin;
-//# sourceMappingURL=Spin.js.map

package/dist/components/ui/Spin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spin.js","sourceRoot":"","sources":["../../../src/components/ui/Spin.tsx"],"names":[],"mappings":";;;;AACA,oEAA4B;AAC5B,uEAAuC;AASvC,MAAM,IAAI,GAAc,CAAC,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ,GACF,EAAE,EAAE,CAAC,CACX,iCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,SAAS,EAAE;QACtC,uBAAuB,EAAE,QAAQ;QACjC,sBAAsB,EAAE,OAAO;KAChC,CAAC,aAED,QAAQ,EACT,gCAAK,SAAS,EAAC,sBAAsB,YACnC,uBAAC,iBAAO,IAAC,OAAO,SAAG,GACf,IACF,CACP,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/components/ui/Table.css

@@ -1,132 +0,0 @@
-table.memori--table {
-    --memori-table-spacing: 1rem;
-    --memori-table-border-color: rgb(237, 240, 243);
-    --memori-table-bg-color: rgb(246, 248, 249);
-
-    margin: 1rem 0;
-    font-size: 1rem;
-}
-
-table.memori--table.memori--table--compact {
-    --memori-table-spacing: 0.5rem;
-    font-size: 0.875rem;
-}
-
-@media (max-width: 767px) {
-    table.memori--table {
-        --memori-table-spacing: 0.5rem;
-
-        font-size: 0.875rem;
-    }
-
-    table.memori--table.memori--table--compact {
-        font-size: 0.75rem;
-    }
-}
-
-:where(table) {
-    width: 100%;
-    border-collapse: collapse;
-    border-spacing: 0;
-    text-indent: 0;
-}
-
-.memori--responsive-table-wrapper {
-    width: 100%;
-    max-width: 800px;
-    overflow-x: auto;
-}
-
-.memori--responsive-table-wrapper > br {
-    display: none;
-}
-
-table.memori--table th,
-table.memori--table td {
-    padding: calc(var(--memori-table-spacing) / 2) var(--memori-table-spacing);
-    border-bottom: 1px solid var(--memori-table-border-color);
-    text-align: left;
-    text-align: start;
-}
-
-table.memori--table thead th {
-    padding: var(--memori-table-spacing) var(--memori-table-spacing);
-    background-color: var(--memori-table-bg-color);
-}
-
-table.memori--table tfoot th,
-table.memori--table tfoot td {
-    border-top: 1px solid var(--memori-table-border-color);
-    border-bottom: 0;
-}
-
-table.memori--table[role='grid'] tbody tr:nth-child(odd) {
-    background-color: var(--memori-table-bg-color);
-}
-
-.memori--table--pagination {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    margin-bottom: 1rem;
-}
-
-.memori--table--pagination--pages {
-    display: flex;
-    align-items: center;
-    margin-right: 1rem;
-}
-
-.memori--table--pagination--pages--current {
-    padding: 0 0.5rem;
-    font-variant-numeric: tabular-nums;
-}
-
-.memori--table--pagination--pages button.memori-button.memori-button--circle {
-    padding: 0.25rem;
-}
-
-.memori--table--pagination--pages button.memori-button[disabled] {
-    opacity: 0.3;
-}
-
-.memori--table--pagination ul.memori-select--options {
-    right: 0;
-}
-
-@media (max-width: 600px) {
-    .memori--table--pagination--pages {
-        margin-right: auto;
-    }
-
-    .memori--table--pagination--pages--current {
-        padding: 0 0.25rem;
-    }
-
-    .memori--table--pagination .memori-select button.memori-select--button {
-        padding-top: 0.25rem;
-        padding-right: 2rem;
-        padding-bottom: 0.25rem;
-        padding-left: 0.5rem;
-        font-size: 0.875rem;
-    }
-
-    .memori--table--pagination .memori-select ul.memori-select--options {
-        min-width: fit-content;
-    }
-}
-
-table.memori--table th.memori--table--column-centered,
-table.memori--table td.memori--table--column-centered {
-    text-align: center;
-}
-
-table.memori--table th.memori--table--column-right,
-table.memori--table td.memori--table--column-right {
-    text-align: right;
-    text-align: end;
-}
-
-.memori--table--date {
-    white-space: nowrap;
-}

package/dist/components/ui/Tooltip.css

@@ -1,171 +0,0 @@
-/* stylelint-disable no-descending-specificity */
-
-.memori-tooltip {
-    position: relative;
-    z-index: 1000;
-    display: inline-block;
-}
-
-.memori-tooltip--content {
-    position: absolute;
-    z-index: 1000;
-    top: 50%;
-    left: 100%;
-    display: none;
-    width: auto;
-    min-width: 200px;
-    padding: 10px;
-    border-radius: 10px;
-    margin-left: 15px;
-    background: rgba(0, 0, 0, 0.8);
-    color: #fff;
-    font-size: 0.85em;
-    opacity: 0;
-    text-align: center;
-    transform: none;
-    transition: 0.3s 0.1s all ease;
-}
-
-.memori-tooltip.memori-tooltip--align-left .memori-tooltip--content,
-.memori-tooltip.memori-tooltip--align-topLeft .memori-tooltip--content {
-    right: 100%;
-    left: initial;
-    margin: initial;
-    margin-right: 15px;
-}
-
-.memori-tooltip .memori-tooltip--content::before {
-    position: absolute;
-    top: 50%;
-    left: -15px;
-    display: none;
-    border: 10px solid rgba(0, 0, 0, 0.8);
-    border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
-    margin-left: -5px;
-    content: '';
-    opacity: 0;
-    transform: translateY(-50%);
-    transition: 0.3s;
-}
-
-
-.memori-tooltip.memori-tooltip--align-left .memori-tooltip--content::before {
-    right: -15px;
-    left: auto;
-    border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
-    margin-right: -5px;
-    margin-left: 0;
-}
-
-.memori-tooltip.memori-tooltip--align-topRight .memori-tooltip--content::before {
-    top: 100%;
-    right: auto;
-    left: 10px;
-    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
-    margin-top: 10px;
-    margin-left: 5px;
-}
-
-.memori-tooltip:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content,
-.memori-tooltip:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content::before {
-    display: block;
-    opacity: 1;
-}
-
-.memori-tooltip:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content,
-.memori-tooltip:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover .memori-tooltip--content {
-    transform: translateY(-50%);
-}
-
-.memori-tooltip:not(.memori-tooltip--visible):not(.memori-tooltip--disabled):hover .memori-tooltip--content,
-.memori-tooltip:not(.memori-tooltip--visible):not(.memori-tooltip--disabled):hover .memori-tooltip--content::before {
-    display: block;
-    opacity: 1;
-}
-
-.memori-tooltip.memori-tooltip--align-topRight:not(.memori-tooltip--disabled).memori-tooltip--visible
-    .memori-tooltip--content,
-.memori-tooltip.memori-tooltip--align-topRight:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
-    .memori-tooltip--content {
-    transform: translateY(-150%) translateX(-33%);
-}
-
-.memori-tooltip.memori-tooltip--align-topLeft .memori-tooltip--content::before {
-    top: 100%;
-    right: 10px;
-    left: auto;
-    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
-    margin-top: 10px;
-    margin-left: 5px;
-}
-
-.memori-tooltip.memori-tooltip--align-topLeft:not(.memori-tooltip--disabled).memori-tooltip--visible
-    .memori-tooltip--content,
-.memori-tooltip.memori-tooltip--align-topLeft:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
-    .memori-tooltip--content {
-        z-index: 1000001;
-        transform: translateY(-110%) translateX(25%);
-}
-
-.memori-tooltip:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content a,
-.memori-tooltip:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover .memori-tooltip--content a {
-    color: #fff;
-    text-decoration: underline;
-}
-
-/* Portal tooltip content is always visible (positioning handled by portal wrapper) */
-.memori-tooltip.memori-tooltip--portal .memori-tooltip--content,
-.memori-tooltip.memori-tooltip--portal .memori-tooltip--content::before {
-    display: block;
-    opacity: 1;
-}
-
-.memori-tooltip.memori-tooltip--disabled {
-    cursor: not-allowed;
-}
-
-.memori-tooltip.memori-tooltip--align-bottomLeft .memori-tooltip--content,
-.memori-tooltip.memori-tooltip--align-bottomRight .memori-tooltip--content {
-    top: 100%;
-    right: initial;
-    left: 50%;
-    margin: initial;
-    margin-top: 15px;
-}
-
-.memori-tooltip.memori-tooltip--align-bottomLeft .memori-tooltip--content::before {
-    z-index: 1001;
-    top: -15px;
-    bottom: initial;
-    left: 66%;
-    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
-    margin-top: 0px;
-    margin-bottom: initial;
-    margin-left: 5px;
-}
-
-.memori-tooltip.memori-tooltip--align-bottomRight .memori-tooltip--content::before {
-    z-index: 1001;
-    top: -15px;
-    right: 10px;
-    bottom: initial;
-    left: auto;
-    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
-    margin-top: -5px;
-    margin-right: 5px;
-    margin-bottom: initial;
-}
-
-.memori-tooltip.memori-tooltip--align-bottomLeft:not(.memori-tooltip--disabled).memori-tooltip--visible
-    .memori-tooltip--content,
-.memori-tooltip.memori-tooltip--align-bottomLeft:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
-    .memori-tooltip--content {
-    transform: translateX(-73%);
-}
-
-.memori-tooltip.memori-tooltip--align-bottomRight:not(.memori-tooltip--disabled).memori-tooltip--visible
-    .memori-tooltip--content,
-.memori-tooltip.memori-tooltip--align-bottomRight:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
-    .memori-tooltip--content {
-    transform: translateX(33%);
-}

package/dist/components/ui/Tooltip.d.ts

@@ -1,11 +0,0 @@
-import React, { FC } from 'react';
-export interface Props {
-    content: string | JSX.Element | React.ReactNode;
-    className?: string;
-    align?: 'left' | 'right' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
-    disabled?: boolean;
-    children: React.ReactNode;
-    visible?: boolean;
-}
-declare const Tooltip: FC<Props>;
-export default Tooltip;