@medusajs/ui 0.0.0-alpha-20230713141422

package/build/cjs/components/textarea/textarea.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+var clx = require('../../utils/clx.js');
+var text = require('../text/text.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Textarea = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/React__namespace.createElement("textarea", Object.assign({
+    ref: ref,
+    className: clx.clx(text.textVariants({
+      size: "base"
+    }), "bg-ui-bg-subtle focus:shadow-borders-active focus:border-ui-border-interactive border-ui-border-loud-muted shadow-buttons-secondary placeholder:text-ui-fg-muted min-h-[70px] w-full rounded-md border px-3 py-[7px] outline-none transition-colors", className)
+  }, props));
+});
+Textarea.displayName = "Textarea";
+
+exports.Textarea = Textarea;

package/build/cjs/components/toast/toast.js

@@ -0,0 +1,130 @@
+'use strict';
+
+var icons = require('@medusajs/icons');
+var Primitives = require('@radix-ui/react-toast');
+var React = require('react');
+var clx = require('../../utils/clx.js');
+var label = require('../label/label.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Primitives__namespace = /*#__PURE__*/_interopNamespaceDefault(Primitives);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ToastProvider = Primitives__namespace.Provider;
+ToastProvider.displayName = "ToastProvider";
+const ToastViewport = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Viewport, Object.assign({
+  ref: ref,
+  className: clx.clx("fixed right-0 top-0 z-[100] w-full p-6 md:max-w-[484px]", className)
+}, props)));
+ToastViewport.displayName = "ToastViewport";
+const Toast = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  variant,
+  title,
+  description,
+  action,
+  disableDismiss = false,
+  ...props
+}, ref) => {
+  let Icon = undefined;
+  switch (variant) {
+    case "success":
+      Icon = /*#__PURE__*/React__namespace.createElement(icons.CheckCircleSolid, {
+        className: "text-ui-tag-green-icon"
+      });
+      break;
+    case "warning":
+      Icon = /*#__PURE__*/React__namespace.createElement(icons.ExclamationCircleSolid, {
+        className: "text-ui-tag-orange-icon"
+      });
+      break;
+    case "error":
+      Icon = /*#__PURE__*/React__namespace.createElement(icons.XCircleSolid, {
+        className: "text-ui-tag-red-icon"
+      });
+      break;
+    case "loading":
+      Icon = /*#__PURE__*/React__namespace.createElement(icons.Spinner, {
+        className: "text-ui-tag-blue-icon animate-spin"
+      });
+      break;
+    default:
+      Icon = /*#__PURE__*/React__namespace.createElement(icons.InformationCircleSolid, {
+        className: "text-ui-fg-base"
+      });
+      break;
+  }
+  if (action && !action.altText) {
+    // eslint-disable-next-line turbo/no-undeclared-env-vars
+    if (process.env.NODE_ENV === "development") {
+      console.warn("Omitting `altText` from the action is not recommended. Please provide a description for screen readers.");
+    }
+  }
+  return /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Root, Object.assign({
+    ref: ref,
+    className: clx.clx("bg-ui-bg-base shadow-elevation-flyout flex h-fit min-h-[74px] w-full overflow-hidden rounded-md md:max-w-[440px]", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none", className)
+  }, props), /*#__PURE__*/React__namespace.createElement("div", {
+    className: "border-ui-border-base flex flex-1 items-start space-x-3 border-r p-4"
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    "aria-hidden": true
+  }, Icon), /*#__PURE__*/React__namespace.createElement("div", null, title && /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Title, {
+    className: clx.clx(label.labelVariants({
+      size: "small",
+      weight: "plus"
+    }), "text-ui-fg-base")
+  }, title), description && /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Description, {
+    className: clx.clx(label.labelVariants({
+      size: "base"
+    }), "text-ui-fg-subtle")
+  }, description))), /*#__PURE__*/React__namespace.createElement("div", {
+    className: "flex flex-col"
+  }, action && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Action, {
+    altText: action.altText,
+    className: clx.clx("text-ui-fg-base bg-ui-bg-base hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed flex flex-1 items-center justify-center px-6 transition-colors", label.labelVariants({
+      size: "small",
+      weight: "plus"
+    }), {
+      "text-ui-fg-error": variant === "error"
+    }),
+    onClick: e => {
+      e.preventDefault();
+      action.onClick();
+    },
+    type: "button"
+  }, action.label), /*#__PURE__*/React__namespace.createElement("div", {
+    className: "bg-ui-border-base h-px w-full"
+  })), !disableDismiss && /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Close, {
+    className: clx.clx("text-ui-fg-subtle bg-ui-bg-base hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed flex flex-1 items-center justify-center px-6 transition-colors", label.labelVariants({
+      size: "small",
+      weight: "plus"
+    }), {
+      "h-1/2": action,
+      "h-full": !action
+    }),
+    "aria-label": "Close"
+  }, "Close")));
+});
+Toast.displayName = "Toast";
+
+exports.Toast = Toast;
+exports.ToastProvider = ToastProvider;
+exports.ToastViewport = ToastViewport;

package/build/cjs/components/toaster/toaster.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var React = require('react');
+var useToast = require('../../hooks/use-toast/use-toast.js');
+var toast = require('../toast/toast.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Toaster = () => {
+  const {
+    toasts
+  } = useToast.useToast();
+  return /*#__PURE__*/React__namespace.createElement(toast.ToastProvider, {
+    swipeDirection: "right"
+  }, toasts.map(({
+    id,
+    ...props
+  }) => {
+    return /*#__PURE__*/React__namespace.createElement(toast.Toast, Object.assign({
+      key: id
+    }, props));
+  }), /*#__PURE__*/React__namespace.createElement(toast.ToastViewport, null));
+};
+
+exports.Toaster = Toaster;

package/build/cjs/components/tooltip/tooltip.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var Primitives = require('@radix-ui/react-tooltip');
+var React = require('react');
+var clx = require('../../utils/clx.js');
+var label = require('../label/label.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Primitives__namespace = /*#__PURE__*/_interopNamespaceDefault(Primitives);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Tooltip = ({
+  children,
+  content,
+  open,
+  defaultOpen,
+  onOpenChange,
+  delayDuration,
+  maxWidth = 220,
+  className,
+  side,
+  sideOffset = 4,
+  onClick,
+  ...props
+}) => {
+  return /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Provider, {
+    delayDuration: 100
+  }, /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Root, {
+    open: open,
+    defaultOpen: defaultOpen,
+    onOpenChange: onOpenChange,
+    delayDuration: delayDuration
+  }, /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Trigger, {
+    onClick: onClick,
+    asChild: true
+  }, children), /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Portal, null, /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Content, Object.assign({
+    side: side,
+    sideOffset: sideOffset,
+    align: "center",
+    className: clx.clx("text-ui-fg-subtle animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-ui-bg-base shadow-elevation-tooltip z-[999] rounded-lg px-3 py-2", label.labelVariants({
+      size: "xsmall",
+      weight: "plus"
+    }), className)
+  }, props, {
+    style: {
+      ...props.style,
+      maxWidth
+    }
+  }), content))));
+};
+
+exports.Tooltip = Tooltip;

package/build/cjs/hooks/use-alert-dialog/dialog.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var clx = require('../../utils/clx.js');
+var alertDialog = require('../../components/alert-dialog/alert-dialog.js');
+var label = require('../../components/label/label.js');
+var input = require('../../components/input/input.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Dialog = ({
+  open,
+  title,
+  description,
+  verificationText,
+  cancelText = "Cancel",
+  confirmText = "Confirm",
+  onConfirm,
+  onCancel
+}) => {
+  const [userInput, setUserInput] = React__namespace.useState("");
+  const handleUserInput = event => {
+    setUserInput(event.target.value);
+  };
+  const validInput = React__namespace.useMemo(() => {
+    if (!verificationText) {
+      return true;
+    }
+    return userInput === verificationText;
+  }, [userInput, verificationText]);
+  const handleFormSubmit = event => {
+    event.preventDefault();
+    if (validInput) {
+      onConfirm();
+    }
+  };
+  React__namespace.useEffect(() => {
+    const handleEscape = event => {
+      if (event.key === "Escape" && open) {
+        onCancel();
+      }
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [onCancel, open]);
+  return /*#__PURE__*/React__namespace.createElement(alertDialog.AlertDialog, {
+    open: open
+  }, /*#__PURE__*/React__namespace.createElement(alertDialog.AlertDialog.Content, null, /*#__PURE__*/React__namespace.createElement(alertDialog.AlertDialog.Header, null, /*#__PURE__*/React__namespace.createElement(alertDialog.AlertDialog.Title, null, title), /*#__PURE__*/React__namespace.createElement(alertDialog.AlertDialog.Description, null, description)), verificationText && /*#__PURE__*/React__namespace.createElement("form", {
+    onSubmit: handleFormSubmit
+  }, /*#__PURE__*/React__namespace.createElement("fieldset", {
+    className: "border-ui-border-base mt-6 flex flex-col gap-y-4 border-y p-6"
+  }, /*#__PURE__*/React__namespace.createElement(label.Label, {
+    htmlFor: "verificationText",
+    className: "text-subtle"
+  }, "Please type", " ", /*#__PURE__*/React__namespace.createElement("span", {
+    className: clx.clx(label.labelVariants({
+      size: "base",
+      weight: "plus"
+    }), "text-ui-fg-base")
+  }, verificationText), " ", "to confirm."), /*#__PURE__*/React__namespace.createElement(input.Input, {
+    autoFocus: true,
+    autoComplete: "off",
+    id: "verificationText",
+    placeholder: verificationText,
+    onChange: handleUserInput
+  }))), /*#__PURE__*/React__namespace.createElement(alertDialog.AlertDialog.Footer, null, /*#__PURE__*/React__namespace.createElement(alertDialog.AlertDialog.Cancel, {
+    onClick: onCancel
+  }, cancelText), /*#__PURE__*/React__namespace.createElement(alertDialog.AlertDialog.Action, {
+    onClick: verificationText ? undefined : onConfirm,
+    disabled: !validInput,
+    type: verificationText ? "submit" : "button"
+  }, confirmText))));
+};
+var Dialog$1 = Dialog;
+
+exports.default = Dialog$1;

package/build/cjs/hooks/use-alert-dialog/use-alert-dialog.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var React = require('react');
+var client = require('react-dom/client');
+var dialog = require('./dialog.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const useAlertDialog = () => {
+  const dialog$1 = async props => {
+    return new Promise(resolve => {
+      let open = true;
+      const onCancel = () => {
+        open = false;
+        render();
+        resolve(false);
+      };
+      const onConfirm = () => {
+        open = false;
+        resolve(true);
+        render();
+      };
+      const mountRoot = client.createRoot(document.createElement("div"));
+      const render = () => {
+        mountRoot.render( /*#__PURE__*/React__namespace.createElement(dialog.default, Object.assign({
+          open: open,
+          onConfirm: onConfirm,
+          onCancel: onCancel
+        }, props)));
+      };
+      render();
+    });
+  };
+  return dialog$1;
+};
+
+exports.useAlertDialog = useAlertDialog;

package/build/cjs/hooks/use-toast/use-toast.js

@@ -0,0 +1,163 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+// import * as React from "react"
+
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1000000;
+let count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_VALUE;
+  return count.toString();
+}
+const toastTimeouts = new Map();
+const addToRemoveQueue = toastId => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId: toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+const reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map(t => t.id === action.toast.id ? {
+          ...t,
+          ...action.toast
+        } : t)
+      };
+    case "DISMISS_TOAST":
+      {
+        const {
+          toastId
+        } = action;
+
+        // ! Side effects ! - This could be extracted into a dismissToast() action,
+        // but I'll keep it here for simplicity
+        if (toastId) {
+          addToRemoveQueue(toastId);
+        } else {
+          state.toasts.forEach(toast => {
+            addToRemoveQueue(toast.id);
+          });
+        }
+        return {
+          ...state,
+          toasts: state.toasts.map(t => t.id === toastId || toastId === undefined ? {
+            ...t,
+            open: false
+          } : t)
+        };
+      }
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: []
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter(t => t.id !== action.toastId)
+      };
+  }
+};
+const listeners = [];
+let memoryState = {
+  toasts: []
+};
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach(listener => {
+    listener(memoryState);
+  });
+}
+function toast({
+  ...props
+}) {
+  const id = genId();
+  const update = props => dispatch({
+    type: "UPDATE_TOAST",
+    toast: {
+      ...props,
+      id
+    }
+  });
+  const dismiss = () => dispatch({
+    type: "DISMISS_TOAST",
+    toastId: id
+  });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: open => {
+        if (!open) dismiss();
+      }
+    }
+  });
+  return {
+    id: id,
+    dismiss,
+    update
+  };
+}
+function useToast() {
+  const [state, setState] = React__namespace.useState(memoryState);
+  React__namespace.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: toastId => dispatch({
+      type: "DISMISS_TOAST",
+      toastId
+    })
+  };
+}
+
+exports.reducer = reducer;
+exports.toast = toast;
+exports.useToast = useToast;

package/build/cjs/hooks/use-toggle-state/use-toggle-state.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const useToggleState = (initial = false) => {
+  const [state, setState] = React__namespace.useState(initial);
+  const close = () => {
+    setState(false);
+  };
+  const open = () => {
+    setState(true);
+  };
+  const toggle = () => {
+    setState(state => !state);
+  };
+  const hookData = [state, open, close, toggle];
+  hookData.state = state;
+  hookData.open = open;
+  hookData.close = close;
+  hookData.toggle = toggle;
+  return hookData;
+};
+
+exports.useToggleState = useToggleState;

package/build/cjs/index.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var clx = require('./utils/clx.js');
+var alertDialog = require('./components/alert-dialog/alert-dialog.js');
+var avatar = require('./components/avatar/avatar.js');
+var badge = require('./components/badge/badge.js');
+var button = require('./components/button/button.js');
+var checkbox = require('./components/checkbox/checkbox.js');
+var container = require('./components/container/container.js');
+var drawer = require('./components/drawer/drawer.js');
+var dropdownMenu = require('./components/dropdown-menu/dropdown-menu.js');
+var focusModal = require('./components/focus-modal/focus-modal.js');
+var heading = require('./components/heading/heading.js');
+var input = require('./components/input/input.js');
+var kbd = require('./components/kbd/kbd.js');
+var label = require('./components/label/label.js');
+var radioGroup = require('./components/radio-group/radio-group.js');
+var _switch = require('./components/switch/switch.js');
+var text = require('./components/text/text.js');
+var textarea = require('./components/textarea/textarea.js');
+var toast = require('./components/toast/toast.js');
+var toaster = require('./components/toaster/toaster.js');
+var tooltip = require('./components/tooltip/tooltip.js');
+var useAlertDialog = require('./hooks/use-alert-dialog/use-alert-dialog.js');
+var useToast = require('./hooks/use-toast/use-toast.js');
+var useToggleState = require('./hooks/use-toggle-state/use-toggle-state.js');
+
+
+
+exports.clx = clx.clx;
+exports.AlertDialog = alertDialog.AlertDialog;
+exports.Avatar = avatar.Avatar;
+exports.Badge = badge.Badge;
+exports.Button = button.Button;
+exports.Checkbox = checkbox.Checkbox;
+exports.Container = container.Container;
+exports.Drawer = drawer.Drawer;
+exports.DropdownMenu = dropdownMenu.DropdownMenu;
+exports.FocusModal = focusModal.FocusModal;
+exports.Heading = heading.Heading;
+exports.Input = input.Input;
+exports.Kbd = kbd.Kbd;
+exports.Label = label.Label;
+exports.RadioGroup = radioGroup.RadioGroup;
+exports.Switch = _switch.Switch;
+exports.Text = text.Text;
+exports.Textarea = textarea.Textarea;
+exports.Toast = toast.Toast;
+exports.Toaster = toaster.Toaster;
+exports.Tooltip = tooltip.Tooltip;
+exports.useAlertDialog = useAlertDialog.useAlertDialog;
+exports.useToast = useToast.useToast;
+exports.useToggleState = useToggleState.useToggleState;