@vinyasa/feedback 1.0.21

package/dist/cjs/toaster.cjs

@@ -0,0 +1,377 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>toaster_Toaster,
+    toast: ()=>toast
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+function toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != typeof i) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+function toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+    key = toPropertyKey(key);
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function createRuntimeFn_62c9670f_esm_ownKeys(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r) {
+            return Object.getOwnPropertyDescriptor(e, r).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread2(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? createRuntimeFn_62c9670f_esm_ownKeys(Object(t), !0).forEach(function(r) {
+            _defineProperty(e, r, t[r]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : createRuntimeFn_62c9670f_esm_ownKeys(Object(t)).forEach(function(r) {
+            Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+        });
+    }
+    return e;
+}
+function mapValues(input, fn) {
+    var result = {};
+    for(var _key in input)result[_key] = fn(input[_key], _key);
+    return result;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
+    for (var key of Object.keys(compoundCheck)){
+        var _selections$key;
+        if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
+    }
+    return true;
+};
+var createRuntimeFn = (config)=>{
+    var runtimeFn = (options)=>{
+        var className = config.defaultClassName;
+        var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+        for(var variantName in selections){
+            var _selections$variantNa;
+            var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
+            if (null != variantSelection) {
+                var selection = variantSelection;
+                if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
+                var selectionClassName = config.variantClassNames[variantName][selection];
+                if (selectionClassName) className += ' ' + selectionClassName;
+            }
+        }
+        for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
+        return className;
+    };
+    runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
+    runtimeFn.classNames = {
+        get base () {
+            return config.defaultClassName.split(' ')[0];
+        },
+        get variants () {
+            return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
+        }
+    };
+    return runtimeFn;
+};
+var body = '_1xil9gel';
+var closeButton = '_1xil9geo';
+var description = '_1xil9gen';
+var enterFromBottom = '_1xil9geh';
+var enterFromTop = '_1xil9geg';
+var exitToBottom = '_1xil9gej';
+var exitToTop = '_1xil9gei';
+var icon = '_1xil9gek';
+var stack = createRuntimeFn({
+    defaultClassName: '_1xil9ge0',
+    variantClassNames: {
+        position: {
+            'top-left': '_1xil9ge1',
+            'top-center': '_1xil9ge2',
+            'top-right': '_1xil9ge3',
+            'bottom-left': '_1xil9ge4',
+            'bottom-center': '_1xil9ge5',
+            'bottom-right': '_1xil9ge6'
+        }
+    },
+    defaultVariants: {
+        position: 'bottom-right'
+    },
+    compoundVariants: []
+});
+var title = '_1xil9gem';
+var toastCard = createRuntimeFn({
+    defaultClassName: '_1xil9ge7',
+    variantClassNames: {
+        status: {
+            info: '_1xil9ge8',
+            success: '_1xil9ge9',
+            warning: '_1xil9gea',
+            error: '_1xil9geb'
+        }
+    },
+    defaultVariants: {
+        status: 'info'
+    },
+    compoundVariants: []
+});
+const icons_namespaceObject = require("@vinyasa/icons");
+const statusIcons = {
+    info: icons_namespaceObject.InfoIcon,
+    success: icons_namespaceObject.CheckCircleIcon,
+    warning: icons_namespaceObject.AlertTriangleIcon,
+    error: icons_namespaceObject.XIcon
+};
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function toastStore_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else toastStore_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+const TOAST_EXIT_DURATION_MS = 150;
+let toasts = [];
+const listeners = new Set();
+let nextId = 0;
+const notify = ()=>{
+    for (const listener of listeners)listener();
+};
+const subscribe = (listener)=>{
+    listeners.add(listener);
+    return ()=>{
+        listeners.delete(listener);
+    };
+};
+const getSnapshot = ()=>toasts;
+const show = (options)=>{
+    var _options_status, _options_duration;
+    const id = String(nextId);
+    nextId += 1;
+    const item = {
+        id,
+        status: null != (_options_status = options.status) ? _options_status : 'info',
+        title: options.title,
+        description: options.description,
+        duration: null != (_options_duration = options.duration) ? _options_duration : 4000,
+        exiting: false
+    };
+    toasts = [
+        ...toasts,
+        item
+    ];
+    notify();
+    return id;
+};
+const dismiss = (id)=>{
+    const target = toasts.find((item)=>item.id === id);
+    if (!target || target.exiting) return;
+    toasts = toasts.map((item)=>item.id === id ? _object_spread_props(_object_spread({}, item), {
+            exiting: true
+        }) : item);
+    notify();
+    setTimeout(()=>{
+        toasts = toasts.filter((item)=>item.id !== id);
+        notify();
+    }, TOAST_EXIT_DURATION_MS);
+};
+const toast = {
+    show,
+    dismiss
+};
+const ToastItemView = ({ id, status, title: itemTitle, description: itemDescription, duration, exiting, edge })=>{
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (duration <= 0) return;
+        const timer = setTimeout(()=>{
+            dismiss(id);
+        }, duration);
+        return ()=>{
+            clearTimeout(timer);
+        };
+    }, [
+        id,
+        duration
+    ]);
+    const Icon = statusIcons[status];
+    const animationClass = exiting ? 'top' === edge ? exitToTop : exitToBottom : 'top' === edge ? enterFromTop : enterFromBottom;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: `${toastCard({
+            status
+        })} ${animationClass}`,
+        role: "status",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
+                className: icon,
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: body,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                        className: title,
+                        children: itemTitle
+                    }),
+                    itemDescription ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                        className: description,
+                        children: itemDescription
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                className: closeButton,
+                onClick: ()=>{
+                    dismiss(id);
+                },
+                "aria-label": "Dismiss",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.XIcon, {})
+            })
+        ]
+    });
+};
+const toaster_ToastItemView = ToastItemView;
+function Toaster_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function Toaster_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            Toaster_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Toaster_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function Toaster_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Toaster_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+const emptySnapshot = [];
+const Toaster = ({ position = 'bottom-right' })=>{
+    const items = (0, external_react_namespaceObject.useSyncExternalStore)(subscribe, getSnapshot, ()=>emptySnapshot);
+    const edge = position.startsWith('top') ? 'top' : 'bottom';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: stack({
+            position
+        }),
+        children: items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(toaster_ToastItemView, Toaster_object_spread_props(Toaster_object_spread({}, item), {
+                edge: edge
+            }), item.id))
+    });
+};
+Toaster.displayName = 'Toaster';
+const toaster_Toaster = Toaster;
+exports["default"] = __webpack_exports__["default"];
+exports.toast = __webpack_exports__.toast;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default",
+    "toast"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/toaster.css

@@ -0,0 +1,176 @@
+@keyframes _1xil9gec {
+  from {
+    opacity: 0;
+    transform: translateY(-.5rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes _1xil9ged {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translateY(-.5rem);
+  }
+}
+
+@keyframes _1xil9gee {
+  from {
+    opacity: 0;
+    transform: translateY(.5rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes _1xil9gef {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translateY(.5rem);
+  }
+}
+
+._1xil9ge0 {
+  z-index: var(--vinyasa-z-index-toast);
+  gap: var(--vinyasa-space2);
+  pointer-events: none;
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+}
+
+._1xil9ge1 {
+  top: var(--vinyasa-space4);
+  left: var(--vinyasa-space4);
+}
+
+._1xil9ge2 {
+  top: var(--vinyasa-space4);
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+._1xil9ge3 {
+  top: var(--vinyasa-space4);
+  right: var(--vinyasa-space4);
+}
+
+._1xil9ge4 {
+  bottom: var(--vinyasa-space4);
+  left: var(--vinyasa-space4);
+}
+
+._1xil9ge5 {
+  bottom: var(--vinyasa-space4);
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+._1xil9ge6 {
+  bottom: var(--vinyasa-space4);
+  right: var(--vinyasa-space4);
+}
+
+._1xil9ge7 {
+  align-items: flex-start;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-md);
+  box-shadow: var(--vinyasa-elevation-overlay);
+  pointer-events: auto;
+  min-width: 16rem;
+  max-width: 24rem;
+  font-family: var(--vinyasa-font-family-sans);
+  display: flex;
+}
+
+._1xil9ge8 {
+  background-color: var(--vinyasa-status-info-bg);
+  color: var(--vinyasa-status-info-text);
+}
+
+._1xil9ge9 {
+  background-color: var(--vinyasa-status-success-bg);
+  color: var(--vinyasa-status-success-text);
+}
+
+._1xil9gea {
+  background-color: var(--vinyasa-status-warning-bg);
+  color: var(--vinyasa-status-warning-text);
+}
+
+._1xil9geb {
+  background-color: var(--vinyasa-status-error-bg);
+  color: var(--vinyasa-status-error-text);
+}
+
+._1xil9geg {
+  animation: .2s ease-out _1xil9gec;
+}
+
+._1xil9geh {
+  animation: .2s ease-out _1xil9gee;
+}
+
+._1xil9gei {
+  animation: .15s ease-in forwards _1xil9ged;
+}
+
+._1xil9gej {
+  animation: .15s ease-in forwards _1xil9gef;
+}
+
+._1xil9gek {
+  flex-shrink: 0;
+  margin-top: .125em;
+}
+
+._1xil9gel {
+  gap: var(--vinyasa-space1);
+  flex-direction: column;
+  flex-grow: 1;
+  display: flex;
+}
+
+._1xil9gem {
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-semibold);
+  margin: 0;
+}
+
+._1xil9gen {
+  font-size: var(--vinyasa-font-size-sm);
+  margin: 0;
+}
+
+._1xil9geo {
+  color: inherit;
+  cursor: pointer;
+  opacity: .6;
+  background: none;
+  border: none;
+  flex-shrink: 0;
+  padding: 0;
+  display: inline-flex;
+}
+
+._1xil9geo:hover {
+  opacity: 1;
+}
+

package/dist/esm/147.css

@@ -0,0 +1,176 @@
+@keyframes _1xil9gec {
+  from {
+    opacity: 0;
+    transform: translateY(-.5rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes _1xil9ged {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translateY(-.5rem);
+  }
+}
+
+@keyframes _1xil9gee {
+  from {
+    opacity: 0;
+    transform: translateY(.5rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes _1xil9gef {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translateY(.5rem);
+  }
+}
+
+._1xil9ge0 {
+  z-index: var(--vinyasa-z-index-toast);
+  gap: var(--vinyasa-space2);
+  pointer-events: none;
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+}
+
+._1xil9ge1 {
+  top: var(--vinyasa-space4);
+  left: var(--vinyasa-space4);
+}
+
+._1xil9ge2 {
+  top: var(--vinyasa-space4);
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+._1xil9ge3 {
+  top: var(--vinyasa-space4);
+  right: var(--vinyasa-space4);
+}
+
+._1xil9ge4 {
+  bottom: var(--vinyasa-space4);
+  left: var(--vinyasa-space4);
+}
+
+._1xil9ge5 {
+  bottom: var(--vinyasa-space4);
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+._1xil9ge6 {
+  bottom: var(--vinyasa-space4);
+  right: var(--vinyasa-space4);
+}
+
+._1xil9ge7 {
+  align-items: flex-start;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-md);
+  box-shadow: var(--vinyasa-elevation-overlay);
+  pointer-events: auto;
+  min-width: 16rem;
+  max-width: 24rem;
+  font-family: var(--vinyasa-font-family-sans);
+  display: flex;
+}
+
+._1xil9ge8 {
+  background-color: var(--vinyasa-status-info-bg);
+  color: var(--vinyasa-status-info-text);
+}
+
+._1xil9ge9 {
+  background-color: var(--vinyasa-status-success-bg);
+  color: var(--vinyasa-status-success-text);
+}
+
+._1xil9gea {
+  background-color: var(--vinyasa-status-warning-bg);
+  color: var(--vinyasa-status-warning-text);
+}
+
+._1xil9geb {
+  background-color: var(--vinyasa-status-error-bg);
+  color: var(--vinyasa-status-error-text);
+}
+
+._1xil9geg {
+  animation: .2s ease-out _1xil9gec;
+}
+
+._1xil9geh {
+  animation: .2s ease-out _1xil9gee;
+}
+
+._1xil9gei {
+  animation: .15s ease-in forwards _1xil9ged;
+}
+
+._1xil9gej {
+  animation: .15s ease-in forwards _1xil9gef;
+}
+
+._1xil9gek {
+  flex-shrink: 0;
+  margin-top: .125em;
+}
+
+._1xil9gel {
+  gap: var(--vinyasa-space1);
+  flex-direction: column;
+  flex-grow: 1;
+  display: flex;
+}
+
+._1xil9gem {
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-semibold);
+  margin: 0;
+}
+
+._1xil9gen {
+  font-size: var(--vinyasa-font-size-sm);
+  margin: 0;
+}
+
+._1xil9geo {
+  color: inherit;
+  cursor: pointer;
+  opacity: .6;
+  background: none;
+  border: none;
+  flex-shrink: 0;
+  padding: 0;
+  display: inline-flex;
+}
+
+._1xil9geo:hover {
+  opacity: 1;
+}
+