@activecollab/components 0.1.535 → 1.0.2

package/dist/esm/components/MenuSelector/MenuSelector.d.ts

@@ -1,5 +1,4 @@
 import { FC, FocusEvent } from "react";
-import "./MenuSelector.css";
 interface IMenuSelector {
     defaultValue?: string;
     placeholder?: string;

package/dist/esm/components/MenuSelector/MenuSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAKxE,OAAO,oBAAoB,CAAC;AAE5B,UAAU,aAAa;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEpD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CAsD1C,CAAC"}
+{"version":3,"file":"MenuSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAUxE,UAAU,aAAa;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEpD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,aAAa,CA4C1C,CAAC"}

package/dist/esm/components/MenuSelector/MenuSelector.js

@@ -0,0 +1,50 @@
+import { useCallback } from 'react';
+import classnames from 'classnames';
+import { StyledMenuSelector, StyledMenuSelectorInner, StyledMenuSelectorBack, StyledMenuSelectorDots } from './Styles.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Input } from '../Input/Input.js';
+
+var MenuSelector = function MenuSelector(_ref) {
+  var defaultValue = _ref.defaultValue,
+      children = _ref.children,
+      placeholder = _ref.placeholder,
+      onChange = _ref.onChange,
+      onBack = _ref.onBack,
+      onEdit = _ref.onEdit,
+      _ref$autoFocus = _ref.autoFocus,
+      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+      className = _ref.className,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      _ref$autoComplete = _ref.autoComplete,
+      autoComplete = _ref$autoComplete === void 0 ? false : _ref$autoComplete;
+  var handleChange = useCallback(function (e) {
+    if (typeof onChange === "function") {
+      onChange(e.target.value);
+    }
+  }, [onChange]);
+  return /*#__PURE__*/jsxs(StyledMenuSelector, {
+    className: classnames("c-menu-selector", className),
+    children: [/*#__PURE__*/jsxs(StyledMenuSelectorInner, {
+      children: [typeof onBack === "function" ? /*#__PURE__*/jsx(StyledMenuSelectorBack, {
+        onClick: onBack,
+        width: "16px",
+        height: "16px"
+      }) : null, /*#__PURE__*/jsx(Input, {
+        onChange: handleChange,
+        placeholder: placeholder,
+        autoFocus: autoFocus,
+        defaultValue: defaultValue,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        autoComplete: autoComplete ? "on" : "off"
+      }), typeof onEdit === "function" ? /*#__PURE__*/jsx(StyledMenuSelectorDots, {
+        onClick: onEdit
+      }) : null]
+    }), children]
+  });
+};
+MenuSelector.displayName = "MenuSelector";
+
+export { MenuSelector };
+//# sourceMappingURL=MenuSelector.js.map

package/dist/esm/components/MenuSelector/MenuSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSelector.js","sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"sourcesContent":["import React, { FC, FocusEvent, useCallback, ChangeEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { Input } from \"../Input\";\nimport {\n  StyledMenuSelector,\n  StyledMenuSelectorBack,\n  StyledMenuSelectorDots,\n  StyledMenuSelectorInner,\n} from \"./Styles\";\n\ninterface IMenuSelector {\n  /** Initial value on mount */\n  defaultValue?: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** Execute callback when input has been changed */\n  onChange?: (value: string) => void;\n  /** Execute callback when click on back button */\n  onBack?: () => void;\n  /** Execute callback when click on edit button */\n  onEdit?: () => void;\n  /** Auto focus on mount */\n  autoFocus?: boolean;\n  /** Applies passed classes */\n  className?: string;\n  /** Input focus event callback */\n  onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Input focus event callback */\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Set auto complete option on/off */\n  autoComplete?: boolean;\n}\n\nexport const MenuSelector: FC<IMenuSelector> = ({\n  defaultValue,\n  children,\n  placeholder,\n  onChange,\n  onBack,\n  onEdit,\n  autoFocus = false,\n  className,\n  onFocus,\n  onBlur,\n  autoComplete = false,\n}) => {\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (typeof onChange === \"function\") {\n        onChange(e.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <StyledMenuSelector className={classNames(\"c-menu-selector\", className)}>\n      <StyledMenuSelectorInner>\n        {typeof onBack === \"function\" ? (\n          <StyledMenuSelectorBack onClick={onBack} width=\"16px\" height=\"16px\" />\n        ) : null}\n        <Input\n          onChange={handleChange}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          defaultValue={defaultValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          autoComplete={autoComplete ? \"on\" : \"off\"}\n        />\n        {typeof onEdit === \"function\" ? (\n          <StyledMenuSelectorDots onClick={onEdit} />\n        ) : null}\n      </StyledMenuSelectorInner>\n      {children}\n    </StyledMenuSelector>\n  );\n};\n\nMenuSelector.displayName = \"MenuSelector\";\n"],"names":["MenuSelector","defaultValue","children","placeholder","onChange","onBack","onEdit","autoFocus","className","onFocus","onBlur","autoComplete","handleChange","useCallback","e","target","value","_jsxs","classNames","_jsx","displayName"],"mappings":";;;;;;IAiCaA,YAA+B,GAAG,SAAlCA,YAAkC,OAYzC;AAAA,MAXJC,YAWI,QAXJA,YAWI;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,WASI,QATJA,WASI;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,MAMI,QANJA,MAMI;AAAA,4BALJC,SAKI;AAAA,MALJA,SAKI,+BALQ,KAKR;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,+BADJC,YACI;AAAA,MADJA,YACI,kCADW,KACX;AACJ,MAAMC,YAAY,GAAGC,WAAW,CAC9B,UAACC,CAAD,EAAsC;AACpC,QAAI,OAAOV,QAAP,KAAoB,UAAxB,EAAoC;AAClCA,MAAAA,QAAQ,CAACU,CAAC,CAACC,MAAF,CAASC,KAAV,CAAR;AACD;AACF,GAL6B,EAM9B,CAACZ,QAAD,CAN8B,CAAhC;AASA,sBACEa,KAAC,kBAAD;AAAoB,IAAA,SAAS,EAAEC,UAAU,CAAC,iBAAD,EAAoBV,SAApB,CAAzC;AAAA,4BACES,KAAC,uBAAD;AAAA,iBACG,OAAOZ,MAAP,KAAkB,UAAlB,gBACCc,IAAC,sBAAD;AAAwB,QAAA,OAAO,EAAEd,MAAjC;AAAyC,QAAA,KAAK,EAAC,MAA/C;AAAsD,QAAA,MAAM,EAAC;AAA7D,QADD,GAEG,IAHN,eAIEc,IAAC,KAAD;AACE,QAAA,QAAQ,EAAEP,YADZ;AAEE,QAAA,WAAW,EAAET,WAFf;AAGE,QAAA,SAAS,EAAEI,SAHb;AAIE,QAAA,YAAY,EAAEN,YAJhB;AAKE,QAAA,OAAO,EAAEQ,OALX;AAME,QAAA,MAAM,EAAEC,MANV;AAOE,QAAA,YAAY,EAAEC,YAAY,GAAG,IAAH,GAAU;AAPtC,QAJF,EAaG,OAAOL,MAAP,KAAkB,UAAlB,gBACCa,IAAC,sBAAD;AAAwB,QAAA,OAAO,EAAEb;AAAjC,QADD,GAEG,IAfN;AAAA,MADF,EAkBGJ,QAlBH;AAAA,IADF;AAsBD;AAEDF,YAAY,CAACoB,WAAb,GAA2B,cAA3B;;;;"}

package/dist/esm/components/MenuSelector/Styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledMenuSelectorDots: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "name" | "type" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledMenuSelectorBack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "name" | "type" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledMenuSelector: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMenuSelectorInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/MenuSelector/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuSelector/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,sBAAsB,wqPAElC,CAAC;AAIF,eAAO,MAAM,sBAAsB,wqPAElC,CAAC;AAIF,eAAO,MAAM,kBAAkB,oEAK9B,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC"}

package/dist/esm/components/MenuSelector/Styles.js

@@ -0,0 +1,42 @@
+import styled from 'styled-components';
+import { FontStyle } from '../FontStyle.js';
+import { BoxSizingStyle } from '../BoxSizingStyle.js';
+import ArrowBackIcon from '../Icons/collection/ArrowBack.js';
+import TreeDotsIcon from '../Icons/collection/TreeDots.js';
+
+var StyledMenuSelectorDots = styled(TreeDotsIcon).withConfig({
+  displayName: "Styles__StyledMenuSelectorDots",
+  componentId: "sc-1x7qbnu-0"
+})(["", ""], {
+  "cursor": "pointer",
+  "flexShrink": "0",
+  "marginLeft": "0.5rem"
+});
+StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
+var StyledMenuSelectorBack = styled(ArrowBackIcon).withConfig({
+  displayName: "Styles__StyledMenuSelectorBack",
+  componentId: "sc-1x7qbnu-1"
+})(["", ""], {
+  "cursor": "pointer",
+  "stroke": "currentColor",
+  "flexShrink": "0",
+  "marginRight": "0.5rem"
+});
+StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
+var StyledMenuSelector = styled.div.withConfig({
+  displayName: "Styles__StyledMenuSelector",
+  componentId: "sc-1x7qbnu-2"
+})(["", " ", " color:var(--color-theme-700);"], BoxSizingStyle, FontStyle);
+StyledMenuSelector.displayName = "StyledMenuSelector";
+var StyledMenuSelectorInner = styled.div.withConfig({
+  displayName: "Styles__StyledMenuSelectorInner",
+  componentId: "sc-1x7qbnu-3"
+})(["", ""], {
+  "display": "flex",
+  "alignItems": "center",
+  "margin": "1rem"
+});
+StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
+
+export { StyledMenuSelector, StyledMenuSelectorBack, StyledMenuSelectorDots, StyledMenuSelectorInner };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/MenuSelector/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/MenuSelector/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport ArrowBackIcon from \"../Icons/collection/ArrowBack\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n  ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowBackIcon)`\n  ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n  ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"names":["StyledMenuSelectorDots","styled","TreeDotsIcon","displayName","StyledMenuSelectorBack","ArrowBackIcon","StyledMenuSelector","div","BoxSizingStyle","FontStyle","StyledMenuSelectorInner"],"mappings":";;;;;;IAOaA,sBAAsB,GAAGC,MAAM,CAACC,YAAD,CAAT;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA,CAD6B;AAInCF,sBAAsB,CAACG,WAAvB,GAAqC,wBAArC;IAEaC,sBAAsB,GAAGH,MAAM,CAACI,aAAD,CAAT;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B;AAInCD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;IAEaG,kBAAkB,GAAGL,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,gDAC3BC,cAD2B,EAE3BC,SAF2B;AAO/BH,kBAAkB,CAACH,WAAnB,GAAiC,oBAAjC;IAEaO,uBAAuB,GAAGT,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA;AAAA;AAAA,CAD8B;AAIpCG,uBAAuB,CAACP,WAAxB,GAAsC,yBAAtC;;;;"}

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

@@ -1,5 +1,4 @@
 import React, { ReactElement } from "react";
-import "./Modal.css";
 interface IModal {
     disableFocusLock?: boolean;
     disableScrollLock?: boolean;

package/dist/esm/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,YAAY,EAIb,MAAM,OAAO,CAAC;AACf,OAAO,aAAa,CAAC;AAOrB,UAAU,MAAM;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAQD,eAAO,MAAM,KAAK,sHAiGjB,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,YAAY,EAIb,MAAM,OAAO,CAAC;AAMf,UAAU,MAAM;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAQD,eAAO,MAAM,KAAK,sHA+FjB,CAAC"}

package/dist/esm/components/Modal/Modal.js

@@ -0,0 +1,107 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef, useState, useRef, useMemo, useEffect, useCallback, cloneElement } from 'react';
+import useForkRef from '../../utils/useForkRef.js';
+import createChainedFunction from '../../utils/createChainedFunction.js';
+import { StyledModalOverlay } from './Styles.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Window } from '../Window/Window.js';
+
+var _excluded = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "open", "onClose"];
+
+function 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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var getHasTransition = function getHasTransition(children) {
+  return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
+};
+
+var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$disableFocusLock = _ref.disableFocusLock,
+      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+      _ref$disableScrollLoc = _ref.disableScrollLock,
+      disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+      _ref$disableBackgroun = _ref.disableBackgroundClick,
+      disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
+      _ref$disableBackgroun2 = _ref.disableBackgroundColor,
+      disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
+      _ref$open = _ref.open,
+      defaultOpen = _ref$open === void 0 ? false : _ref$open,
+      onClose = _ref.onClose,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = useState(defaultOpen),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      exited = _useState4[0],
+      setExited = _useState4[1];
+
+  var innerRef = useRef(null);
+  var handleRef = useForkRef(innerRef, ref);
+  var hasTransition = useMemo(function () {
+    return getHasTransition(children);
+  }, [children]);
+  useEffect(function () {
+    setOpen(defaultOpen);
+  }, [defaultOpen]);
+  var handleClose = useCallback(function () {
+    setOpen(false);
+
+    if (!hasTransition) {
+      typeof onClose === "function" && onClose();
+    }
+  }, [hasTransition, onClose]);
+  var handleBackgroundClick = useCallback(function (event) {
+    if (!disableBackgroundClick) {
+      event.preventDefault();
+      handleClose();
+    }
+  }, [disableBackgroundClick, handleClose]);
+  var handleEnter = useCallback(function () {
+    setExited(false);
+  }, []);
+  var handleExited = useCallback(function () {
+    setExited(true);
+    typeof onClose === "function" && onClose();
+  }, [onClose]);
+  var childProps = useMemo(function () {
+    var props = {}; // It's a Transition like component
+
+    if (hasTransition && children) {
+      props = {
+        onEnter: createChainedFunction(handleEnter, children.props.onEnter),
+        onExited: createChainedFunction(handleExited, children.props.onExited),
+        in: open
+      };
+    }
+
+    return props;
+  }, [children, handleEnter, handleExited, hasTransition, open]);
+
+  if (!open && (!hasTransition || exited)) {
+    return null;
+  }
+
+  return /*#__PURE__*/jsxs(Window, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: handleRef,
+    onClose: handleClose,
+    disableFocusLock: disableFocusLock,
+    disableScrollLock: disableScrollLock,
+    children: [/*#__PURE__*/jsx(StyledModalOverlay, {
+      onClick: handleBackgroundClick,
+      $disableBackgroundColor: disableBackgroundColor,
+      $open: open
+    }), /*#__PURE__*/cloneElement(children, childProps)]
+  }));
+});
+Modal.displayName = "Modal";
+
+export { Modal };
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\nimport { Window } from \"../Window\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport { StyledModalOverlay } from \"./Styles\";\n\ninterface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      open: defaultOpen = false,\n      onClose,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        <StyledModalOverlay\n          onClick={handleBackgroundClick}\n          $disableBackgroundColor={disableBackgroundColor}\n          $open={open}\n        />\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"names":["getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","forwardRef","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","open","defaultOpen","onClose","rest","useState","setOpen","exited","setExited","innerRef","useRef","handleRef","useForkRef","hasTransition","useMemo","useEffect","handleClose","useCallback","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","createChainedFunction","onExited","in","_jsxs","_jsx","cloneElement","displayName"],"mappings":"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"}

package/dist/esm/components/Modal/Styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledModalOverlay: import("styled-components").StyledComponent<import("react").FC<import("react").HTMLAttributes<HTMLDivElement>>, any, {
+    $open: boolean;
+    $disableBackgroundColor: boolean;
+}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Modal/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,kBAAkB;WACtB,OAAO;6BACW,OAAO;SAajC,CAAC"}

package/dist/esm/components/Modal/Styles.js

@@ -0,0 +1,17 @@
+import styled, { css } from 'styled-components';
+import { Overlay } from '../Overlay/Overlay.js';
+
+var StyledModalOverlay = styled(Overlay).withConfig({
+  displayName: "Styles__StyledModalOverlay",
+  componentId: "sc-1elktgs-0"
+})(["", " ", ""], function (props) {
+  return !props.$open && css(["", ""], {
+    "display": "none"
+  });
+}, function (props) {
+  return !props.$disableBackgroundColor && css(["background:var(--modal-background);"]);
+});
+StyledModalOverlay.displayName = "StyledModalOverlay";
+
+export { StyledModalOverlay };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Modal/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/Modal/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Overlay } from \"../Overlay\";\n\nexport const StyledModalOverlay = styled(Overlay)<{\n  $open: boolean;\n  $disableBackgroundColor: boolean;\n}>`\n  ${(props) =>\n    !props.$open &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n    `}\n`;\n\nStyledModalOverlay.displayName = \"StyledModalOverlay\";\n"],"names":["StyledModalOverlay","styled","Overlay","props","$open","css","$disableBackgroundColor","displayName"],"mappings":";;;IAIaA,kBAAkB,GAAGC,MAAM,CAACC,OAAD,CAAT;AAAA;AAAA;AAAA,kBAI3B,UAACC,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,KAAP,IACAC,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAJ2B,EAU3B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,uBAAP,IACAD,GADA,yCADA;AAAA,CAV2B;AAiB/BL,kBAAkB,CAACO,WAAnB,GAAiC,oBAAjC;;;;"}

package/dist/esm/components/MultiAvatar/MultiAvatar.d.ts

@@ -1,5 +1,4 @@
 import { FC } from "react";
-import "./MultiAvatar.css";
 interface IMultiAvatar {
     url: string[];
     alt?: string[];

package/dist/esm/components/MultiAvatar/MultiAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAExD,OAAO,mBAAmB,CAAC;AAE3B,UAAU,YAAY;IAEpB,GAAG,EAAE,MAAM,EAAE,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CA8DxC,CAAC"}
+{"version":3,"file":"MultiAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAGxD,UAAU,YAAY;IAEpB,GAAG,EAAE,MAAM,EAAE,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CAwDxC,CAAC"}

package/dist/esm/components/MultiAvatar/MultiAvatar.js

@@ -0,0 +1,77 @@
+import { useCallback, useMemo } from 'react';
+import { StyledMultiAvatar, StyledMultiAvatarInner } from './Styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var MultiAvatar = function MultiAvatar(_ref) {
+  var url = _ref.url,
+      _ref$alt = _ref.alt,
+      alt = _ref$alt === void 0 ? "Avatar Image" : _ref$alt,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 24 : _ref$size,
+      className = _ref.className;
+  var setSize = useCallback(function (i) {
+    switch (url.length) {
+      case 1:
+        return {
+          width: "".concat(size, "px"),
+          height: "".concat(size, "px")
+        };
+
+      case 2:
+        return {
+          width: "".concat(size / 2, "px"),
+          height: "".concat(size, "px")
+        };
+
+      case 3:
+        if (i === 0) {
+          return {
+            width: "".concat(size / 2, "px"),
+            height: "".concat(size, "px")
+          };
+        } else {
+          return {
+            width: "".concat(size / 2, "px"),
+            height: "".concat(size / 2, "px")
+          };
+        }
+
+      default:
+        return {
+          width: "".concat(size / 2, "px"),
+          height: "".concat(size / 2, "px")
+        };
+    }
+  }, [size, url.length]);
+  var slicedUrl = useMemo(function () {
+    if ((url === null || url === void 0 ? void 0 : url.length) > 4) {
+      return url.slice(0, 4);
+    }
+
+    return url;
+  }, [url]);
+  return /*#__PURE__*/jsx(StyledMultiAvatar, {
+    style: {
+      width: "".concat(size, "px"),
+      height: "".concat(size, "px")
+    },
+    className: className,
+    $urlCount: url.length,
+    children: slicedUrl.map(function (v, i) {
+      return /*#__PURE__*/jsx(StyledMultiAvatarInner, {
+        style: setSize(i),
+        className: "c-multi-avatar__wrapper",
+        children: /*#__PURE__*/jsx("img", {
+          src: v,
+          alt: alt[i] ? alt[i] : "avatar_".concat(i),
+          width: size,
+          height: size
+        })
+      }, "avatar_".concat(i));
+    })
+  });
+};
+MultiAvatar.displayName = "MultiAvatar";
+
+export { MultiAvatar };
+//# sourceMappingURL=MultiAvatar.js.map

package/dist/esm/components/MultiAvatar/MultiAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiAvatar.js","sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\ninterface IMultiAvatar {\n  /** Path url. */\n  url: string[];\n  /** Alt text. */\n  alt?: string[];\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\nexport const MultiAvatar: FC<IMultiAvatar> = ({\n  url,\n  alt = \"Avatar Image\",\n  size = 24,\n  className,\n}) => {\n  const setSize = useCallback(\n    (i: number): object => {\n      switch (url.length) {\n        case 1:\n          return { width: `${size}px`, height: `${size}px` };\n        case 2:\n          return { width: `${size / 2}px`, height: `${size}px` };\n        case 3:\n          if (i === 0) {\n            return { width: `${size / 2}px`, height: `${size}px` };\n          } else {\n            return { width: `${size / 2}px`, height: `${size / 2}px` };\n          }\n        default:\n          return { width: `${size / 2}px`, height: `${size / 2}px` };\n      }\n    },\n    [size, url.length]\n  );\n\n  const slicedUrl = useMemo(() => {\n    if (url?.length > 4) {\n      return url.slice(0, 4);\n    }\n\n    return url;\n  }, [url]);\n\n  return (\n    <StyledMultiAvatar\n      style={{ width: `${size}px`, height: `${size}px` }}\n      className={className}\n      $urlCount={url.length}\n    >\n      {slicedUrl.map((v, i) => (\n        <StyledMultiAvatarInner\n          style={setSize(i)}\n          className=\"c-multi-avatar__wrapper\"\n          key={`avatar_${i}`}\n        >\n          <img\n            src={v}\n            alt={alt[i] ? alt[i] : `avatar_${i}`}\n            width={size}\n            height={size}\n          />\n        </StyledMultiAvatarInner>\n      ))}\n    </StyledMultiAvatar>\n  );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n"],"names":["MultiAvatar","url","alt","size","className","setSize","useCallback","i","length","width","height","slicedUrl","useMemo","slice","_jsx","map","v","displayName"],"mappings":";;;;IAcaA,WAA6B,GAAG,SAAhCA,WAAgC,OAKvC;AAAA,MAJJC,GAII,QAJJA,GAII;AAAA,sBAHJC,GAGI;AAAA,MAHJA,GAGI,yBAHE,cAGF;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,EAEH;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,OAAO,GAAGC,WAAW,CACzB,UAACC,CAAD,EAAuB;AACrB,YAAQN,GAAG,CAACO,MAAZ;AACE,WAAK,CAAL;AACE,eAAO;AAAEC,UAAAA,KAAK,YAAKN,IAAL,OAAP;AAAsBO,UAAAA,MAAM,YAAKP,IAAL;AAA5B,SAAP;;AACF,WAAK,CAAL;AACE,eAAO;AAAEM,UAAAA,KAAK,YAAKN,IAAI,GAAG,CAAZ,OAAP;AAA0BO,UAAAA,MAAM,YAAKP,IAAL;AAAhC,SAAP;;AACF,WAAK,CAAL;AACE,YAAII,CAAC,KAAK,CAAV,EAAa;AACX,iBAAO;AAAEE,YAAAA,KAAK,YAAKN,IAAI,GAAG,CAAZ,OAAP;AAA0BO,YAAAA,MAAM,YAAKP,IAAL;AAAhC,WAAP;AACD,SAFD,MAEO;AACL,iBAAO;AAAEM,YAAAA,KAAK,YAAKN,IAAI,GAAG,CAAZ,OAAP;AAA0BO,YAAAA,MAAM,YAAKP,IAAI,GAAG,CAAZ;AAAhC,WAAP;AACD;;AACH;AACE,eAAO;AAAEM,UAAAA,KAAK,YAAKN,IAAI,GAAG,CAAZ,OAAP;AAA0BO,UAAAA,MAAM,YAAKP,IAAI,GAAG,CAAZ;AAAhC,SAAP;AAZJ;AAcD,GAhBwB,EAiBzB,CAACA,IAAD,EAAOF,GAAG,CAACO,MAAX,CAjByB,CAA3B;AAoBA,MAAMG,SAAS,GAAGC,OAAO,CAAC,YAAM;AAC9B,QAAI,CAAAX,GAAG,SAAH,IAAAA,GAAG,WAAH,YAAAA,GAAG,CAAEO,MAAL,IAAc,CAAlB,EAAqB;AACnB,aAAOP,GAAG,CAACY,KAAJ,CAAU,CAAV,EAAa,CAAb,CAAP;AACD;;AAED,WAAOZ,GAAP;AACD,GANwB,EAMtB,CAACA,GAAD,CANsB,CAAzB;AAQA,sBACEa,IAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AAAEL,MAAAA,KAAK,YAAKN,IAAL,OAAP;AAAsBO,MAAAA,MAAM,YAAKP,IAAL;AAA5B,KADT;AAEE,IAAA,SAAS,EAAEC,SAFb;AAGE,IAAA,SAAS,EAAEH,GAAG,CAACO,MAHjB;AAAA,cAKGG,SAAS,CAACI,GAAV,CAAc,UAACC,CAAD,EAAIT,CAAJ;AAAA,0BACbO,IAAC,sBAAD;AACE,QAAA,KAAK,EAAET,OAAO,CAACE,CAAD,CADhB;AAEE,QAAA,SAAS,EAAC,yBAFZ;AAAA,+BAKEO;AACE,UAAA,GAAG,EAAEE,CADP;AAEE,UAAA,GAAG,EAAEd,GAAG,CAACK,CAAD,CAAH,GAASL,GAAG,CAACK,CAAD,CAAZ,oBAA4BA,CAA5B,CAFP;AAGE,UAAA,KAAK,EAAEJ,IAHT;AAIE,UAAA,MAAM,EAAEA;AAJV;AALF,0BAGiBI,CAHjB,EADa;AAAA,KAAd;AALH,IADF;AAsBD;AAEDP,WAAW,CAACiB,WAAZ,GAA0B,aAA1B;;;;"}

package/dist/esm/components/MultiAvatar/Styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledMultiAvatarInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiAvatar: import("styled-components").StyledComponent<"div", any, {
+    $urlCount: number;
+}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/MultiAvatar/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiAvatar/Styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,oEAGlC,CAAC;AAEF,eAAO,MAAM,iBAAiB;eAA2B,MAAM;SAyE9D,CAAC"}

package/dist/esm/components/MultiAvatar/Styles.js

@@ -0,0 +1,23 @@
+import styled, { css } from 'styled-components';
+import { BoxSizingStyle } from '../BoxSizingStyle.js';
+
+var StyledMultiAvatarImg = css(["width:inherit;height:inherit;"]);
+var StyledMultiAvatarInner = styled.div.withConfig({
+  displayName: "Styles__StyledMultiAvatarInner",
+  componentId: "sc-k6nldn-0"
+})(["overflow:hidden;position:absolute;"]);
+var StyledMultiAvatar = styled.div.withConfig({
+  displayName: "Styles__StyledMultiAvatar",
+  componentId: "sc-k6nldn-1"
+})(["", " border-radius:100%;position:relative;overflow:hidden;", " ", " ", ""], BoxSizingStyle, function (props) {
+  return props.$urlCount === 2 && css(["", ":first-child{left:0;img{transform:translateX(-20%);}}", ":last-child{right:0;img{transform:translateX(-20%);}}"], StyledMultiAvatarInner, StyledMultiAvatarInner);
+}, function (props) {
+  return props.$urlCount === 3 && css(["", ":nth-child(1){left:0;img{transform:translateX(-20%);}}", ":nth-child(2){right:0;top:0;img{", "}}", ":nth-child(3){right:0;bottom:0;img{", "}}"], StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarImg);
+}, function (props) {
+  return props.$urlCount > 3 && css(["img{", "}", ":nth-child(1){left:0;}", ":nth-child(2){left:0;bottom:0;}", ":nth-child(3){right:0;top:0;}", ":nth-child(4){right:0;bottom:0;}"], StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner);
+});
+StyledMultiAvatar.displayName = "StyledMultiAvatar";
+StyledMultiAvatarInner.displayName = "StyledMultiAvatarInner";
+
+export { StyledMultiAvatar, StyledMultiAvatarInner };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/MultiAvatar/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n  width: inherit;\n  height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n  overflow: hidden;\n  position: absolute;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n  ${BoxSizingStyle}\n\n  border-radius: 100%;\n  position: relative;\n  overflow: hidden;\n\n  ${(props) =>\n    props.$urlCount === 2 &&\n    css`\n      ${StyledMultiAvatarInner}:first-child {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:last-child {\n        right: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount === 3 &&\n    css`\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        right: 0;\n        top: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        bottom: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount > 3 &&\n    css`\n      img {\n        ${StyledMultiAvatarImg}\n      }\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        left: 0;\n        bottom: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        top: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(4) {\n        right: 0;\n        bottom: 0;\n      }\n    `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"names":["StyledMultiAvatarImg","css","StyledMultiAvatarInner","styled","div","StyledMultiAvatar","BoxSizingStyle","props","$urlCount","displayName"],"mappings":";;;AAGA,IAAMA,oBAAoB,GAAGC,GAAH,mCAA1B;IAKaC,sBAAsB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA;IAKtBC,iBAAiB,GAAGF,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,iFAC1BE,cAD0B,EAO1B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,CAApB,IACAP,GADA,yHAEIC,sBAFJ,EAQIA,sBARJ,CADA;AAAA,CAP0B,EAwB1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,CAApB,IACAP,GADA,wJAEIC,sBAFJ,EAQIA,sBARJ,EAaQF,oBAbR,EAgBIE,sBAhBJ,EAqBQF,oBArBR,CADA;AAAA,CAxB0B,EAmD1B,UAACO,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,GAAkB,CAAlB,IACAP,GADA,kJAGMD,oBAHN,EAKIE,sBALJ,EAQIA,sBARJ,EAYIA,sBAZJ,EAgBIA,sBAhBJ,CADA;AAAA,CAnD0B;AA2E9BG,iBAAiB,CAACI,WAAlB,GAAgC,mBAAhC;AACAP,sBAAsB,CAACO,WAAvB,GAAqC,wBAArC;;;;"}

package/dist/esm/components/Nav/Item/Item.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactChild } from "react";
+import { NavRoleType } from "../Nav";
+export interface ItemProps {
+    children: ReactChild | string;
+    active?: boolean;
+    disabled?: boolean;
+    className?: string;
+    name: string;
+    role?: NavRoleType;
+}
+export declare const Item: React.ForwardRefExoticComponent<ItemProps & Pick<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof React.LiHTMLAttributes<HTMLLIElement>> & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=Item.d.ts.map

package/dist/esm/components/Nav/Item/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/Nav/Item/Item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAGrC,MAAM,WAAW,SAAS;IAExB,QAAQ,EAAE,UAAU,GAAG,MAAM,CAAC;IAE9B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,4NA2BhB,CAAC"}

package/dist/esm/components/Nav/Item/Item.js

@@ -0,0 +1,38 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import classnames from 'classnames';
+import React from 'react';
+import { StyledNavListItem } from '../Styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "active", "disabled", "className", "role"];
+
+function 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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Item = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      className = _ref.className,
+      role = _ref.role,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(StyledNavListItem, _objectSpread(_objectSpread({
+    className: classnames("c-nav__item", {
+      "c-nav__item--active": active
+    }, className),
+    ref: ref
+  }, rest), {}, {
+    $active: active,
+    $disabled: disabled,
+    $role: role,
+    children: children
+  }));
+});
+Item.displayName = "Item";
+
+export { Item };
+//# sourceMappingURL=Item.js.map

package/dist/esm/components/Nav/Item/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../../../../src/components/Nav/Item/Item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { ReactChild } from \"react\";\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n  /** Classname prop for custom styling. */\n  children: ReactChild | string;\n  /** Active state(underline). */\n  active?: boolean;\n  /** Disabled state. */\n  disabled?: boolean;\n  className?: string;\n  name: string;\n  role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n  HTMLLIElement,\n  ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n  (\n    { children, active = false, disabled = false, className, role, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledNavListItem\n        className={classNames(\n          `c-nav__item`,\n          {\n            \"c-nav__item--active\": active,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n        $active={active}\n        $disabled={disabled}\n        $role={role}\n      >\n        {children}\n      </StyledNavListItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n"],"names":["Item","React","forwardRef","ref","children","active","disabled","className","role","rest","_jsx","classNames","displayName"],"mappings":";;;;;;;;;;;;IAiBaA,IAAI,gBAAGC,KAAK,CAACC,UAAN,CAIlB,gBAEEC,GAFF,EAGK;AAAA,MAFDC,QAEC,QAFDA,QAEC;AAAA,yBAFSC,MAET;AAAA,MAFSA,MAET,4BAFkB,KAElB;AAAA,2BAFyBC,QAEzB;AAAA,MAFyBA,QAEzB,8BAFoC,KAEpC;AAAA,MAF2CC,SAE3C,QAF2CA,SAE3C;AAAA,MAFsDC,IAEtD,QAFsDA,IAEtD;AAAA,MAF+DC,IAE/D;;AACH,sBACEC,IAAC,iBAAD;AACE,IAAA,SAAS,EAAEC,UAAU,gBAEnB;AACE,6BAAuBN;AADzB,KAFmB,EAKnBE,SALmB,CADvB;AAQE,IAAA,GAAG,EAAEJ;AARP,KASMM,IATN;AAUE,IAAA,OAAO,EAAEJ,MAVX;AAWE,IAAA,SAAS,EAAEC,QAXb;AAYE,IAAA,KAAK,EAAEE,IAZT;AAAA,cAcGJ;AAdH,KADF;AAkBD,CA1BiB;AA6BpBJ,IAAI,CAACY,WAAL,GAAmB,MAAnB;;;;"}

package/dist/esm/components/Nav/Item/Styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledNavListItemMore: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./Item").ItemProps & Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof import("react").LiHTMLAttributes<HTMLLIElement>> & import("react").RefAttributes<HTMLLIElement>>, any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Nav/Item/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Nav/Item/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,qBAAqB,4VAQjC,CAAC"}

package/dist/esm/components/Nav/Item/Styles.js

@@ -0,0 +1,15 @@
+import styled, { css } from 'styled-components';
+import { Item } from './Item.js';
+
+var StyledNavListItemMore = styled(Item).withConfig({
+  displayName: "Styles__StyledNavListItemMore",
+  componentId: "sc-m6npdq-0"
+})(["", " cursor:pointer;", ""], function (props) {
+  return props.role !== "light" && css(["padding:0;"]);
+}, {
+  "pointerEvents": "auto"
+});
+StyledNavListItemMore.displayName = "StyledNavListItemMore";
+
+export { StyledNavListItemMore };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Nav/Item/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Nav/Item/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Item } from \"./Item\";\n\nexport const StyledNavListItemMore = styled(Item)`\n  ${(props) =>\n    props.role !== \"light\" &&\n    css`\n      padding: 0;\n    `}\n  cursor: pointer;\n  ${tw`tw-pointer-events-auto`}\n`;\n\nStyledNavListItemMore.displayName = \"StyledNavListItemMore\";\n"],"names":["StyledNavListItemMore","styled","Item","props","role","css","displayName"],"mappings":";;;IAIaA,qBAAqB,GAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;AAAA,iCAC9B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,OAAf,IACAC,GADA,gBADA;AAAA,CAD8B,EAO5B;AAAA;AAAA,CAP4B;AAUlCL,qBAAqB,CAACM,WAAtB,GAAoC,uBAApC;;;;"}

package/dist/esm/components/Nav/Item/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Item";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Nav/Item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Nav/Item/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}