@vygruppen/spor-icon-react-native 0.2.2 → 0.2.4

package/dist/layout/index.js

@@ -0,0 +1,723 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var restyle = require('@shopify/restyle');
+var React = require('react');
+var Svg = require('react-native-svg');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return 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__*/_interopNamespace(React);
+var Svg__default = /*#__PURE__*/_interopDefaultLegacy(Svg);
+
+// tmp/layout/DropdownDownFill18Icon.tsx
+var Box = restyle.createBox();
+var DropdownDownFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.46967 6.46967C4.76256 6.17678 5.23744 6.17678 5.53033 6.46967L9 9.93934L12.4697 6.46967C12.7626 6.17678 13.2374 6.17678 13.5303 6.46967C13.8232 6.76256 13.8232 7.23744 13.5303 7.53033L9 12.0607L4.46967 7.53033C4.17678 7.23744 4.17678 6.76256 4.46967 6.46967Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = React.forwardRef(DropdownDownFill18Icon);
+var DropdownDownFill18Icon_default = ForwardRef;
+var Box2 = restyle.createBox();
+var DropdownDownFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box2, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12 16.4142L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef2 = React.forwardRef(DropdownDownFill24Icon);
+var DropdownDownFill24Icon_default = ForwardRef2;
+var Box3 = restyle.createBox();
+var DropdownDownFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box3, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.93934 9.93934C5.52513 9.35355 6.47487 9.35355 7.06066 9.93934L15 17.8787L22.9393 9.93934C23.5251 9.35355 24.4749 9.35355 25.0607 9.93934C25.6464 10.5251 25.6464 11.4749 25.0607 12.0607L15 22.1213L4.93934 12.0607C4.35355 11.4749 4.35355 10.5251 4.93934 9.93934Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef3 = React.forwardRef(DropdownDownFill30Icon);
+var DropdownDownFill30Icon_default = ForwardRef3;
+var Box4 = restyle.createBox();
+var DropdownLeftFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box4, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.5303 4.46967C11.8232 4.76256 11.8232 5.23744 11.5303 5.53033L8.06066 9L11.5303 12.4697C11.8232 12.7626 11.8232 13.2374 11.5303 13.5303C11.2374 13.8232 10.7626 13.8232 10.4697 13.5303L5.93934 9L10.4697 4.46967C10.7626 4.17678 11.2374 4.17678 11.5303 4.46967Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef4 = React.forwardRef(DropdownLeftFill18Icon);
+var DropdownLeftFill18Icon_default = ForwardRef4;
+var Box5 = restyle.createBox();
+var DropdownLeftFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box5, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15.2071 5.79289C15.5976 6.18342 15.5976 6.81658 15.2071 7.20711L9.91421 12.5L15.2071 17.7929C15.5976 18.1834 15.5976 18.8166 15.2071 19.2071C14.8166 19.5976 14.1834 19.5976 13.7929 19.2071L7.08579 12.5L13.7929 5.79289C14.1834 5.40237 14.8166 5.40237 15.2071 5.79289Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef5 = React.forwardRef(DropdownLeftFill24Icon);
+var DropdownLeftFill24Icon_default = ForwardRef5;
+var Box6 = restyle.createBox();
+var DropdownLeftFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box6, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.0607 25.0607C19.4749 25.6464 18.5251 25.6464 17.9393 25.0607L7.87867 15L17.9393 4.93934C18.5251 4.35355 19.4749 4.35355 20.0607 4.93934C20.6464 5.52513 20.6464 6.47487 20.0607 7.06066L12.1213 15L20.0607 22.9393C20.6464 23.5251 20.6464 24.4749 20.0607 25.0607Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef6 = React.forwardRef(DropdownLeftFill30Icon);
+var DropdownLeftFill30Icon_default = ForwardRef6;
+var Box7 = restyle.createBox();
+var DropdownRightFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box7, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.46967 13.5303C6.17678 13.2374 6.17678 12.7626 6.46967 12.4697L9.93934 9L6.46967 5.53033C6.17678 5.23744 6.17678 4.76256 6.46967 4.46967C6.76256 4.17678 7.23744 4.17678 7.53033 4.46967L12.0607 9L7.53033 13.5303C7.23744 13.8232 6.76256 13.8232 6.46967 13.5303Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef7 = React.forwardRef(DropdownRightFill18Icon);
+var DropdownRightFill18Icon_default = ForwardRef7;
+var Box8 = restyle.createBox();
+var DropdownRightFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box8, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.79289 19.2071C8.40237 18.8166 8.40237 18.1834 8.79289 17.7929L14.0858 12.5L8.79289 7.20711C8.40237 6.81658 8.40237 6.18342 8.79289 5.79289C9.18342 5.40237 9.81658 5.40237 10.2071 5.79289L16.9142 12.5L10.2071 19.2071C9.81658 19.5976 9.18342 19.5976 8.79289 19.2071Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef8 = React.forwardRef(DropdownRightFill24Icon);
+var DropdownRightFill24Icon_default = ForwardRef8;
+var Box9 = restyle.createBox();
+var DropdownRightFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box9, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.93935 25.0608C9.35356 24.475 9.35355 23.5252 9.93933 22.9394L17.8787 15L9.93934 7.06066C9.35355 6.47487 9.35355 5.52512 9.93934 4.93934C10.5251 4.35355 11.4749 4.35355 12.0607 4.93934L22.1213 15L12.0607 25.0607C11.4749 25.6465 10.5251 25.6465 9.93935 25.0608Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef9 = React.forwardRef(DropdownRightFill30Icon);
+var DropdownRightFill30Icon_default = ForwardRef9;
+var Box10 = restyle.createBox();
+var DropdownUpFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box10, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.5303 11.5303C13.2374 11.8232 12.7626 11.8232 12.4697 11.5303L9 8.06066L5.53033 11.5303C5.23744 11.8232 4.76256 11.8232 4.46967 11.5303C4.17678 11.2374 4.17678 10.7626 4.46967 10.4697L9 5.93934L13.5303 10.4697C13.8232 10.7626 13.8232 11.2374 13.5303 11.5303Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef10 = React.forwardRef(DropdownUpFill18Icon);
+var DropdownUpFill18Icon_default = ForwardRef10;
+var Box11 = restyle.createBox();
+var DropdownUpFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box11, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.7071 15.7071C18.3166 16.0976 17.6834 16.0976 17.2929 15.7071L12 10.4142L6.70711 15.7071C6.31658 16.0976 5.68342 16.0976 5.29289 15.7071C4.90237 15.3166 4.90237 14.6834 5.29289 14.2929L12 7.58578L18.7071 14.2929C19.0976 14.6834 19.0976 15.3166 18.7071 15.7071Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef11 = React.forwardRef(DropdownUpFill24Icon);
+var DropdownUpFill24Icon_default = ForwardRef11;
+var Box12 = restyle.createBox();
+var DropdownUpFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box12, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M25.0607 20.0607C24.4749 20.6464 23.5251 20.6464 22.9393 20.0607L15 12.1213L7.06066 20.0607C6.47487 20.6464 5.52513 20.6464 4.93934 20.0607C4.35355 19.4749 4.35355 18.5251 4.93934 17.9393L15 7.87868L25.0607 17.9393C25.6464 18.5251 25.6464 19.4749 25.0607 20.0607Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef12 = React.forwardRef(DropdownUpFill30Icon);
+var DropdownUpFill30Icon_default = ForwardRef12;
+var Box13 = restyle.createBox();
+var ExpandFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box13, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11 1.75C10.5858 1.75 10.25 2.08579 10.25 2.5C10.25 2.91421 10.5858 3.25 11 3.25H13.6893L9.96967 6.96967C9.67678 7.26256 9.67678 7.73744 9.96967 8.03033C10.2626 8.32322 10.7374 8.32322 11.0303 8.03033L14.75 4.31066V7C14.75 7.41421 15.0858 7.75 15.5 7.75C15.9142 7.75 16.25 7.41421 16.25 7V2.5C16.25 2.08579 15.9142 1.75 15.5 1.75H11ZM2.5 16.25L7 16.25C7.41421 16.25 7.75 15.9142 7.75 15.5C7.75 15.0858 7.41421 14.75 7 14.75H4.31066L8.03033 11.0303C8.32322 10.7374 8.32322 10.2626 8.03033 9.96967C7.73744 9.67678 7.26256 9.67678 6.96967 9.96967L3.25 13.6893L3.25 11C3.25 10.5858 2.91421 10.25 2.5 10.25C2.08579 10.25 1.75 10.5858 1.75 11V15.5C1.75 15.9142 2.08579 16.25 2.5 16.25Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef13 = React.forwardRef(ExpandFill18Icon);
+var ExpandFill18Icon_default = ForwardRef13;
+var Box14 = restyle.createBox();
+var ExpandFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box14, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.5 3.125C14.0167 3.125 13.625 3.51675 13.625 4C13.625 4.48325 14.0167 4.875 14.5 4.875H17.8876L12.8813 9.88128C12.5396 10.223 12.5396 10.777 12.8813 11.1187C13.223 11.4604 13.777 11.4604 14.1187 11.1187L19.125 6.11244V9.5C19.125 9.98325 19.5167 10.375 20 10.375C20.4832 10.375 20.875 9.98325 20.875 9.5V4C20.875 3.51675 20.4832 3.125 20 3.125H14.5ZM4 20.875H9.5C9.98325 20.875 10.375 20.4832 10.375 20C10.375 19.5168 9.98325 19.125 9.5 19.125H6.11244L11.1187 14.1187C11.4604 13.777 11.4604 13.223 11.1187 12.8813C10.777 12.5396 10.223 12.5396 9.88128 12.8813L4.875 17.8876L4.875 14.5C4.875 14.0168 4.48325 13.625 4 13.625C3.51675 13.625 3.125 14.0168 3.125 14.5V20C3.125 20.2321 3.21719 20.4546 3.38128 20.6187C3.54538 20.7828 3.76794 20.875 4 20.875Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef14 = React.forwardRef(ExpandFill24Icon);
+var ExpandFill24Icon_default = ForwardRef14;
+var Box15 = restyle.createBox();
+var ExpandFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box15, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18 3.5C17.4477 3.5 17 3.94772 17 4.5C17 5.05228 17.4477 5.5 18 5.5H23.0858L16.2929 12.2929C15.9024 12.6834 15.9024 13.3166 16.2929 13.7071C16.6834 14.0976 17.3166 14.0976 17.7071 13.7071L24.5 6.91421V12C24.5 12.5523 24.9477 13 25.5 13C26.0523 13 26.5 12.5523 26.5 12V4.5C26.5 3.94772 26.0523 3.5 25.5 3.5H18ZM12 26.5C12.5523 26.5 13 26.0523 13 25.5C13 24.9477 12.5523 24.5 12 24.5H6.91421L13.7071 17.7071C14.0976 17.3166 14.0976 16.6834 13.7071 16.2929C13.3166 15.9024 12.6834 15.9024 12.2929 16.2929L5.5 23.0858L5.5 18C5.5 17.4477 5.05228 17 4.5 17C3.94771 17 3.5 17.4477 3.5 18V25.5C3.5 26.0523 3.94772 26.5 4.5 26.5H12Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef15 = React.forwardRef(ExpandFill30Icon);
+var ExpandFill30Icon_default = ForwardRef15;
+var Box16 = restyle.createBox();
+var ExpandOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box16, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11 2C10.7239 2 10.5 2.22386 10.5 2.5C10.5 2.77614 10.7239 3 11 3H14.2929L10.1464 7.14645C9.95118 7.34171 9.95118 7.65829 10.1464 7.85355C10.3417 8.04882 10.6583 8.04882 10.8536 7.85355L15 3.70711V7C15 7.27614 15.2239 7.5 15.5 7.5C15.7761 7.5 16 7.27614 16 7V2.5C16 2.22386 15.7761 2 15.5 2H11ZM2.5 16L7 16C7.27614 16 7.5 15.7761 7.5 15.5C7.5 15.2239 7.27614 15 7 15L3.70711 15L7.85355 10.8536C8.04882 10.6583 8.04882 10.3417 7.85355 10.1464C7.65829 9.95118 7.34171 9.95118 7.14645 10.1464L3 14.2929L3 11C3 10.7239 2.77614 10.5 2.5 10.5C2.22386 10.5 2 10.7239 2 11V15.5C2 15.7761 2.22386 16 2.5 16Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef16 = React.forwardRef(ExpandOutline18Icon);
+var ExpandOutline18Icon_default = ForwardRef16;
+var Box17 = restyle.createBox();
+var ExpandOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box17, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.5 3C14.2239 3 14 3.22386 14 3.5C14 3.77614 14.2239 4 14.5 4H19.2929L13.1464 10.1464C12.9512 10.3417 12.9512 10.6583 13.1464 10.8536C13.3417 11.0488 13.6583 11.0488 13.8536 10.8536L20 4.70711V9.5C20 9.77614 20.2239 10 20.5 10C20.7761 10 21 9.77614 21 9.5V3.5C21 3.22386 20.7761 3 20.5 3H14.5ZM3.5 21H9.5C9.77614 21 10 20.7761 10 20.5C10 20.2239 9.77614 20 9.5 20H4.70711L10.8536 13.8536C11.0488 13.6583 11.0488 13.3417 10.8536 13.1464C10.6583 12.9512 10.3417 12.9512 10.1464 13.1464L4 19.2929V14.5C4 14.2239 3.77614 14 3.5 14C3.22386 14 3 14.2239 3 14.5V20.5C3 20.6326 3.05268 20.7598 3.14645 20.8536C3.24021 20.9473 3.36739 21 3.5 21Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef17 = React.forwardRef(ExpandOutline24Icon);
+var ExpandOutline24Icon_default = ForwardRef17;
+var Box18 = restyle.createBox();
+var ExpandOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box18, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18 4C17.7239 4 17.5 4.22386 17.5 4.5C17.5 4.77614 17.7239 5 18 5H24.2929L16.6464 12.6464C16.4512 12.8417 16.4512 13.1583 16.6464 13.3536C16.8417 13.5488 17.1583 13.5488 17.3536 13.3536L25 5.70711V12C25 12.2761 25.2239 12.5 25.5 12.5C25.7761 12.5 26 12.2761 26 12V4.5C26 4.22386 25.7761 4 25.5 4H18ZM12 26C12.2761 26 12.5 25.7761 12.5 25.5C12.5 25.2239 12.2761 25 12 25H5.70711L13.3536 17.3536C13.5488 17.1583 13.5488 16.8417 13.3536 16.6464C13.1583 16.4512 12.8417 16.4512 12.6464 16.6464L5 24.2929L5 18C5 17.7239 4.77614 17.5 4.5 17.5C4.22386 17.5 4 17.7239 4 18V25.5C4 25.7761 4.22386 26 4.5 26H12Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef18 = React.forwardRef(ExpandOutline30Icon);
+var ExpandOutline30Icon_default = ForwardRef18;
+var Box19 = restyle.createBox();
+var GridFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box19, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.25 2C2.55964 2 2 2.55964 2 3.25V6.75C2 7.44036 2.55964 8 3.25 8H6.75C7.44036 8 8 7.44036 8 6.75V3.25C8 2.55964 7.44036 2 6.75 2H3.25ZM3.25 10C2.55964 10 2 10.5596 2 11.25V14.75C2 15.4404 2.55964 16 3.25 16H6.75C7.44036 16 8 15.4404 8 14.75V11.25C8 10.5596 7.44036 10 6.75 10H3.25ZM11.25 2C10.5596 2 10 2.55964 10 3.25V6.75C10 7.44036 10.5596 8 11.25 8H14.75C15.4404 8 16 7.44036 16 6.75V3.25C16 2.55964 15.4404 2 14.75 2H11.25ZM11.25 10C10.5596 10 10 10.5596 10 11.25V14.75C10 15.4404 10.5596 16 11.25 16H14.75C15.4404 16 16 15.4404 16 14.75V11.25C16 10.5596 15.4404 10 14.75 10H11.25Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef19 = React.forwardRef(GridFill18Icon);
+var GridFill18Icon_default = ForwardRef19;
+var Box20 = restyle.createBox();
+var GridFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box20, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.5 3C3.67157 3 3 3.67157 3 4.5V9.5C3 10.3284 3.67157 11 4.5 11H9.5C10.3284 11 11 10.3284 11 9.5V4.5C11 3.67157 10.3284 3 9.5 3H4.5ZM4.5 13C3.67157 13 3 13.6716 3 14.5V19.5C3 20.3284 3.67157 21 4.5 21H9.5C10.3284 21 11 20.3284 11 19.5V14.5C11 13.6716 10.3284 13 9.5 13H4.5ZM14.5 3C13.6716 3 13 3.67157 13 4.5V9.5C13 10.3284 13.6716 11 14.5 11H19.5C20.3284 11 21 10.3284 21 9.5V4.5C21 3.67157 20.3284 3 19.5 3H14.5ZM14.5 13C13.6716 13 13 13.6716 13 14.5V19.5C13 20.3284 13.6716 21 14.5 21H19.5C20.3284 21 21 20.3284 21 19.5V14.5C21 13.6716 20.3284 13 19.5 13H14.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef20 = React.forwardRef(GridFill24Icon);
+var GridFill24Icon_default = ForwardRef20;
+var Box21 = restyle.createBox();
+var GridFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box21, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.75 4C4.7835 4 4 4.7835 4 5.75V12.25C4 13.2165 4.7835 14 5.75 14H12.25C13.2165 14 14 13.2165 14 12.25V5.75C14 4.7835 13.2165 4 12.25 4H5.75ZM5.75 16C4.7835 16 4 16.7835 4 17.75V24.25C4 25.2165 4.7835 26 5.75 26H12.25C13.2165 26 14 25.2165 14 24.25V17.75C14 16.7835 13.2165 16 12.25 16H5.75ZM17.75 4C16.7835 4 16 4.7835 16 5.75V12.25C16 13.2165 16.7835 14 17.75 14H24.25C25.2165 14 26 13.2165 26 12.25V5.75C26 4.7835 25.2165 4 24.25 4H17.75ZM17.75 16C16.7835 16 16 16.7835 16 17.75V24.25C16 25.2165 16.7835 26 17.75 26H24.25C25.2165 26 26 25.2165 26 24.25V17.75C26 16.7835 25.2165 16 24.25 16H17.75Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef21 = React.forwardRef(GridFill30Icon);
+var GridFill30Icon_default = ForwardRef21;
+var Box22 = restyle.createBox();
+var GridOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box22, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.25 2C2.55964 2 2 2.55964 2 3.25V6.75C2 7.44036 2.55964 8 3.25 8H6.75C7.44036 8 8 7.44036 8 6.75V3.25C8 2.55964 7.44036 2 6.75 2H3.25ZM3 3.25C3 3.11193 3.11193 3 3.25 3H6.75C6.88807 3 7 3.11193 7 3.25V6.75C7 6.88807 6.88807 7 6.75 7H3.25C3.11193 7 3 6.88807 3 6.75V3.25ZM3.25 10C2.55964 10 2 10.5596 2 11.25V14.75C2 15.4404 2.55964 16 3.25 16H6.75C7.44036 16 8 15.4404 8 14.75V11.25C8 10.5596 7.44036 10 6.75 10H3.25ZM3 11.25C3 11.1119 3.11193 11 3.25 11H6.75C6.88807 11 7 11.1119 7 11.25V14.75C7 14.8881 6.88807 15 6.75 15H3.25C3.11193 15 3 14.8881 3 14.75V11.25ZM10 3.25C10 2.55964 10.5596 2 11.25 2H14.75C15.4404 2 16 2.55964 16 3.25V6.75C16 7.44036 15.4404 8 14.75 8H11.25C10.5596 8 10 7.44036 10 6.75V3.25ZM11.25 3C11.1119 3 11 3.11193 11 3.25V6.75C11 6.88807 11.1119 7 11.25 7H14.75C14.8881 7 15 6.88807 15 6.75V3.25C15 3.11193 14.8881 3 14.75 3H11.25ZM11.25 10C10.5596 10 10 10.5596 10 11.25V14.75C10 15.4404 10.5596 16 11.25 16H14.75C15.4404 16 16 15.4404 16 14.75V11.25C16 10.5596 15.4404 10 14.75 10H11.25ZM11 11.25C11 11.1119 11.1119 11 11.25 11H14.75C14.8881 11 15 11.1119 15 11.25V14.75C15 14.8881 14.8881 15 14.75 15H11.25C11.1119 15 11 14.8881 11 14.75V11.25Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef22 = React.forwardRef(GridOutline18Icon);
+var GridOutline18Icon_default = ForwardRef22;
+var Box23 = restyle.createBox();
+var GridOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box23, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.5 3C3.67157 3 3 3.67157 3 4.5V9.5C3 10.3284 3.67157 11 4.5 11H9.5C10.3284 11 11 10.3284 11 9.5V4.5C11 3.67157 10.3284 3 9.5 3H4.5ZM4 4.5C4 4.22386 4.22386 4 4.5 4H9.5C9.77614 4 10 4.22386 10 4.5V9.5C10 9.77614 9.77614 10 9.5 10H4.5C4.22386 10 4 9.77614 4 9.5V4.5ZM4.5 13C3.67157 13 3 13.6716 3 14.5V19.5C3 20.3284 3.67157 21 4.5 21H9.5C10.3284 21 11 20.3284 11 19.5V14.5C11 13.6716 10.3284 13 9.5 13H4.5ZM4 14.5C4 14.2239 4.22386 14 4.5 14H9.5C9.77614 14 10 14.2239 10 14.5V19.5C10 19.7761 9.77614 20 9.5 20H4.5C4.22386 20 4 19.7761 4 19.5V14.5ZM13 4.5C13 3.67157 13.6716 3 14.5 3H19.5C20.3284 3 21 3.67157 21 4.5V9.5C21 10.3284 20.3284 11 19.5 11H14.5C13.6716 11 13 10.3284 13 9.5V4.5ZM14.5 4C14.2239 4 14 4.22386 14 4.5V9.5C14 9.77614 14.2239 10 14.5 10H19.5C19.7761 10 20 9.77614 20 9.5V4.5C20 4.22386 19.7761 4 19.5 4H14.5ZM14.5 13C13.6716 13 13 13.6716 13 14.5V19.5C13 20.3284 13.6716 21 14.5 21H19.5C20.3284 21 21 20.3284 21 19.5V14.5C21 13.6716 20.3284 13 19.5 13H14.5ZM14 14.5C14 14.2239 14.2239 14 14.5 14H19.5C19.7761 14 20 14.2239 20 14.5V19.5C20 19.7761 19.7761 20 19.5 20H14.5C14.2239 20 14 19.7761 14 19.5V14.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef23 = React.forwardRef(GridOutline24Icon);
+var GridOutline24Icon_default = ForwardRef23;
+var Box24 = restyle.createBox();
+var GridOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box24, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.75 4C4.7835 4 4 4.7835 4 5.75V12.25C4 13.2165 4.7835 14 5.75 14H12.25C13.2165 14 14 13.2165 14 12.25V5.75C14 4.7835 13.2165 4 12.25 4H5.75ZM5 5.75C5 5.33579 5.33579 5 5.75 5H12.25C12.6642 5 13 5.33579 13 5.75V12.25C13 12.6642 12.6642 13 12.25 13H5.75C5.33579 13 5 12.6642 5 12.25V5.75ZM5.75 16C4.7835 16 4 16.7835 4 17.75V24.25C4 25.2165 4.7835 26 5.75 26H12.25C13.2165 26 14 25.2165 14 24.25V17.75C14 16.7835 13.2165 16 12.25 16H5.75ZM5 17.75C5 17.3358 5.33579 17 5.75 17H12.25C12.6642 17 13 17.3358 13 17.75V24.25C13 24.6642 12.6642 25 12.25 25H5.75C5.33579 25 5 24.6642 5 24.25V17.75ZM16 5.75C16 4.7835 16.7835 4 17.75 4H24.25C25.2165 4 26 4.7835 26 5.75V12.25C26 13.2165 25.2165 14 24.25 14H17.75C16.7835 14 16 13.2165 16 12.25V5.75ZM17.75 5C17.3358 5 17 5.33579 17 5.75V12.25C17 12.6642 17.3358 13 17.75 13H24.25C24.6642 13 25 12.6642 25 12.25V5.75C25 5.33579 24.6642 5 24.25 5H17.75ZM17.75 16C16.7835 16 16 16.7835 16 17.75V24.25C16 25.2165 16.7835 26 17.75 26H24.25C25.2165 26 26 25.2165 26 24.25V17.75C26 16.7835 25.2165 16 24.25 16H17.75ZM17 17.75C17 17.3358 17.3358 17 17.75 17H24.25C24.6642 17 25 17.3358 25 17.75V24.25C25 24.6642 24.6642 25 24.25 25H17.75C17.3358 25 17 24.6642 17 24.25V17.75Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef24 = React.forwardRef(GridOutline30Icon);
+var GridOutline30Icon_default = ForwardRef24;
+var Box25 = restyle.createBox();
+var ListFill18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box25, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.5 6C3.32843 6 4 5.32843 4 4.5C4 3.67157 3.32843 3 2.5 3C1.67157 3 1 3.67157 1 4.5C1 5.32843 1.67157 6 2.5 6ZM2.5 10.5C3.32843 10.5 4 9.82843 4 9C4 8.17157 3.32843 7.5 2.5 7.5C1.67157 7.5 1 8.17157 1 9C1 9.82843 1.67157 10.5 2.5 10.5ZM2.5 15C3.32843 15 4 14.3284 4 13.5C4 12.6716 3.32843 12 2.5 12C1.67157 12 1 12.6716 1 13.5C1 14.3284 1.67157 15 2.5 15ZM7 3C6.17157 3 5.5 3.67157 5.5 4.5C5.5 5.32843 6.17157 6 7 6H15.5C16.3284 6 17 5.32843 17 4.5C17 3.67157 16.3284 3 15.5 3H7ZM7 7.5C6.17157 7.5 5.5 8.17157 5.5 9C5.5 9.82843 6.17157 10.5 7 10.5H15.5C16.3284 10.5 17 9.82843 17 9C17 8.17157 16.3284 7.5 15.5 7.5H7ZM7 12C6.17157 12 5.5 12.6716 5.5 13.5C5.5 14.3284 6.17157 15 7 15H15.5C16.3284 15 17 14.3284 17 13.5C17 12.6716 16.3284 12 15.5 12H7Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef25 = React.forwardRef(ListFill18Icon);
+var ListFill18Icon_default = ForwardRef25;
+var Box26 = restyle.createBox();
+var ListFill24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box26, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 8C5.10457 8 6 7.10457 6 6C6 4.89543 5.10457 4 4 4C2.89543 4 2 4.89543 2 6C2 7.10457 2.89543 8 4 8ZM4 14C5.10457 14 6 13.1046 6 12C6 10.8954 5.10457 10 4 10C2.89543 10 2 10.8954 2 12C2 13.1046 2.89543 14 4 14ZM4 20C5.10457 20 6 19.1046 6 18C6 16.8954 5.10457 16 4 16C2.89543 16 2 16.8954 2 18C2 19.1046 2.89543 20 4 20ZM10 4C8.89543 4 8 4.89543 8 6C8 7.10457 8.89543 8 10 8H20C21.1046 8 22 7.10457 22 6C22 4.89543 21.1046 4 20 4H10ZM10 10C8.89543 10 8 10.8954 8 12C8 13.1046 8.89543 14 10 14H20C21.1046 14 22 13.1046 22 12C22 10.8954 21.1046 10 20 10H10ZM10 16C8.89543 16 8 16.8954 8 18C8 19.1046 8.89543 20 10 20H20C21.1046 20 22 19.1046 22 18C22 16.8954 21.1046 16 20 16H10Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef26 = React.forwardRef(ListFill24Icon);
+var ListFill24Icon_default = ForwardRef26;
+var Box27 = restyle.createBox();
+var ListFill30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box27, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 10C6.38071 10 7.5 8.88071 7.5 7.5C7.5 6.11929 6.38071 5 5 5C3.61929 5 2.5 6.11929 2.5 7.5C2.5 8.88071 3.61929 10 5 10ZM5 17.5C6.38071 17.5 7.5 16.3807 7.5 15C7.5 13.6193 6.38071 12.5 5 12.5C3.61929 12.5 2.5 13.6193 2.5 15C2.5 16.3807 3.61929 17.5 5 17.5ZM5 25C6.38071 25 7.5 23.8807 7.5 22.5C7.5 21.1193 6.38071 20 5 20C3.61929 20 2.5 21.1193 2.5 22.5C2.5 23.8807 3.61929 25 5 25ZM12.5 5C11.1193 5 10 6.11929 10 7.5C10 8.88071 11.1193 10 12.5 10H25C26.3807 10 27.5 8.88071 27.5 7.5C27.5 6.11929 26.3807 5 25 5H12.5ZM12.5 12.5C11.1193 12.5 10 13.6193 10 15C10 16.3807 11.1193 17.5 12.5 17.5H25C26.3807 17.5 27.5 16.3807 27.5 15C27.5 13.6193 26.3807 12.5 25 12.5H12.5ZM12.5 20C11.1193 20 10 21.1193 10 22.5C10 23.8807 11.1193 25 12.5 25H25C26.3807 25 27.5 23.8807 27.5 22.5C27.5 21.1193 26.3807 20 25 20H12.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef27 = React.forwardRef(ListFill30Icon);
+var ListFill30Icon_default = ForwardRef27;
+var Box28 = restyle.createBox();
+var ListOutline18Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box28, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 4.5C2 4.22386 2.22386 4 2.5 4C2.77614 4 3 4.22386 3 4.5C3 4.77614 2.77614 5 2.5 5C2.22386 5 2 4.77614 2 4.5ZM2.5 6C3.32843 6 4 5.32843 4 4.5C4 3.67157 3.32843 3 2.5 3C1.67157 3 1 3.67157 1 4.5C1 5.32843 1.67157 6 2.5 6ZM2 9C2 8.72386 2.22386 8.5 2.5 8.5C2.77614 8.5 3 8.72386 3 9C3 9.27614 2.77614 9.5 2.5 9.5C2.22386 9.5 2 9.27614 2 9ZM2.5 10.5C3.32843 10.5 4 9.82843 4 9C4 8.17157 3.32843 7.5 2.5 7.5C1.67157 7.5 1 8.17157 1 9C1 9.82843 1.67157 10.5 2.5 10.5ZM2.5 13C2.22386 13 2 13.2239 2 13.5C2 13.7761 2.22386 14 2.5 14C2.77614 14 3 13.7761 3 13.5C3 13.2239 2.77614 13 2.5 13ZM4 13.5C4 14.3284 3.32843 15 2.5 15C1.67157 15 1 14.3284 1 13.5C1 12.6716 1.67157 12 2.5 12C3.32843 12 4 12.6716 4 13.5ZM7 3C6.17157 3 5.5 3.67157 5.5 4.5C5.5 5.32843 6.17157 6 7 6H15.5C16.3284 6 17 5.32843 17 4.5C17 3.67157 16.3284 3 15.5 3H7ZM6.5 4.5C6.5 4.22386 6.72386 4 7 4H15.5C15.7761 4 16 4.22386 16 4.5C16 4.77614 15.7761 5 15.5 5H7C6.72386 5 6.5 4.77614 6.5 4.5ZM5.5 9C5.5 8.17157 6.17157 7.5 7 7.5H15.5C16.3284 7.5 17 8.17157 17 9C17 9.82843 16.3284 10.5 15.5 10.5H7C6.17157 10.5 5.5 9.82843 5.5 9ZM7 8.5C6.72386 8.5 6.5 8.72386 6.5 9C6.5 9.27614 6.72386 9.5 7 9.5H15.5C15.7761 9.5 16 9.27614 16 9C16 8.72386 15.7761 8.5 15.5 8.5H7ZM7 12C6.17157 12 5.5 12.6716 5.5 13.5C5.5 14.3284 6.17157 15 7 15H15.5C16.3284 15 17 14.3284 17 13.5C17 12.6716 16.3284 12 15.5 12H7ZM6.5 13.5C6.5 13.2239 6.72386 13 7 13H15.5C15.7761 13 16 13.2239 16 13.5C16 13.7761 15.7761 14 15.5 14H7C6.72386 14 6.5 13.7761 6.5 13.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef28 = React.forwardRef(ListOutline18Icon);
+var ListOutline18Icon_default = ForwardRef28;
+var Box29 = restyle.createBox();
+var ListOutline24Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box29, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 8C5.10457 8 6 7.10457 6 6C6 4.89543 5.10457 4 4 4C2.89543 4 2 4.89543 2 6C2 7.10457 2.89543 8 4 8ZM5 6C5 6.55228 4.55228 7 4 7C3.44772 7 3 6.55228 3 6C3 5.44772 3.44772 5 4 5C4.55228 5 5 5.44772 5 6ZM4 14C5.10457 14 6 13.1046 6 12C6 10.8954 5.10457 10 4 10C2.89543 10 2 10.8954 2 12C2 13.1046 2.89543 14 4 14ZM5 12C5 12.5523 4.55228 13 4 13C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11C4.55228 11 5 11.4477 5 12ZM6 18C6 19.1046 5.10457 20 4 20C2.89543 20 2 19.1046 2 18C2 16.8954 2.89543 16 4 16C5.10457 16 6 16.8954 6 18ZM4 19C4.55228 19 5 18.5523 5 18C5 17.4477 4.55228 17 4 17C3.44772 17 3 17.4477 3 18C3 18.5523 3.44772 19 4 19ZM10 4C8.89543 4 8 4.89543 8 6C8 7.10457 8.89543 8 10 8H20C21.1046 8 22 7.10457 22 6C22 4.89543 21.1046 4 20 4H10ZM9 6C9 5.44772 9.44772 5 10 5H20C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H10C9.44772 7 9 6.55228 9 6ZM8 12C8 10.8954 8.89543 10 10 10H20C21.1046 10 22 10.8954 22 12C22 13.1046 21.1046 14 20 14H10C8.89543 14 8 13.1046 8 12ZM10 11C9.44772 11 9 11.4477 9 12C9 12.5523 9.44772 13 10 13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H10ZM10 16C8.89543 16 8 16.8954 8 18C8 19.1046 8.89543 20 10 20H20C21.1046 20 22 19.1046 22 18C22 16.8954 21.1046 16 20 16H10ZM9 18C9 17.4477 9.44772 17 10 17H20C20.5523 17 21 17.4477 21 18C21 18.5523 20.5523 19 20 19H10C9.44772 19 9 18.5523 9 18Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef29 = React.forwardRef(ListOutline24Icon);
+var ListOutline24Icon_default = ForwardRef29;
+var Box30 = restyle.createBox();
+var ListOutline30Icon = ({ color = "darkGrey", ...props }, ref) => {
+  const theme = restyle.useTheme();
+  return /* @__PURE__ */ React__namespace.createElement(Box30, {
+    ...props
+  }, /* @__PURE__ */ React__namespace.createElement(Svg__default["default"], {
+    width: 30,
+    height: 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React__namespace.createElement(Svg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 10C6.38071 10 7.5 8.88071 7.5 7.5C7.5 6.11929 6.38071 5 5 5C3.61929 5 2.5 6.11929 2.5 7.5C2.5 8.88071 3.61929 10 5 10ZM6.5 7.5C6.5 8.32843 5.82843 9 5 9C4.17157 9 3.5 8.32843 3.5 7.5C3.5 6.67157 4.17157 6 5 6C5.82843 6 6.5 6.67157 6.5 7.5ZM5 17.5C6.38071 17.5 7.5 16.3807 7.5 15C7.5 13.6193 6.38071 12.5 5 12.5C3.61929 12.5 2.5 13.6193 2.5 15C2.5 16.3807 3.61929 17.5 5 17.5ZM6.5 15C6.5 15.8284 5.82843 16.5 5 16.5C4.17157 16.5 3.5 15.8284 3.5 15C3.5 14.1716 4.17157 13.5 5 13.5C5.82843 13.5 6.5 14.1716 6.5 15ZM7.5 22.5C7.5 23.8807 6.38071 25 5 25C3.61929 25 2.5 23.8807 2.5 22.5C2.5 21.1193 3.61929 20 5 20C6.38071 20 7.5 21.1193 7.5 22.5ZM5 24C5.82843 24 6.5 23.3284 6.5 22.5C6.5 21.6716 5.82843 21 5 21C4.17157 21 3.5 21.6716 3.5 22.5C3.5 23.3284 4.17157 24 5 24ZM12.5 5C11.1193 5 10 6.11929 10 7.5C10 8.88071 11.1193 10 12.5 10H25C26.3807 10 27.5 8.88071 27.5 7.5C27.5 6.11929 26.3807 5 25 5H12.5ZM11 7.5C11 6.67157 11.6716 6 12.5 6H25C25.8284 6 26.5 6.67157 26.5 7.5C26.5 8.32843 25.8284 9 25 9H12.5C11.6716 9 11 8.32843 11 7.5ZM10 15C10 13.6193 11.1193 12.5 12.5 12.5H25C26.3807 12.5 27.5 13.6193 27.5 15C27.5 16.3807 26.3807 17.5 25 17.5H12.5C11.1193 17.5 10 16.3807 10 15ZM12.5 13.5C11.6716 13.5 11 14.1716 11 15C11 15.8284 11.6716 16.5 12.5 16.5H25C25.8284 16.5 26.5 15.8284 26.5 15C26.5 14.1716 25.8284 13.5 25 13.5H12.5ZM12.5 20C11.1193 20 10 21.1193 10 22.5C10 23.8807 11.1193 25 12.5 25H25C26.3807 25 27.5 23.8807 27.5 22.5C27.5 21.1193 26.3807 20 25 20H12.5ZM11 22.5C11 21.6716 11.6716 21 12.5 21H25C25.8284 21 26.5 21.6716 26.5 22.5C26.5 23.3284 25.8284 24 25 24H12.5C11.6716 24 11 23.3284 11 22.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef30 = React.forwardRef(ListOutline30Icon);
+var ListOutline30Icon_default = ForwardRef30;
+
+exports.DropdownDownFill18Icon = DropdownDownFill18Icon_default;
+exports.DropdownDownFill24Icon = DropdownDownFill24Icon_default;
+exports.DropdownDownFill30Icon = DropdownDownFill30Icon_default;
+exports.DropdownLeftFill18Icon = DropdownLeftFill18Icon_default;
+exports.DropdownLeftFill24Icon = DropdownLeftFill24Icon_default;
+exports.DropdownLeftFill30Icon = DropdownLeftFill30Icon_default;
+exports.DropdownRightFill18Icon = DropdownRightFill18Icon_default;
+exports.DropdownRightFill24Icon = DropdownRightFill24Icon_default;
+exports.DropdownRightFill30Icon = DropdownRightFill30Icon_default;
+exports.DropdownUpFill18Icon = DropdownUpFill18Icon_default;
+exports.DropdownUpFill24Icon = DropdownUpFill24Icon_default;
+exports.DropdownUpFill30Icon = DropdownUpFill30Icon_default;
+exports.ExpandFill18Icon = ExpandFill18Icon_default;
+exports.ExpandFill24Icon = ExpandFill24Icon_default;
+exports.ExpandFill30Icon = ExpandFill30Icon_default;
+exports.ExpandOutline18Icon = ExpandOutline18Icon_default;
+exports.ExpandOutline24Icon = ExpandOutline24Icon_default;
+exports.ExpandOutline30Icon = ExpandOutline30Icon_default;
+exports.GridFill18Icon = GridFill18Icon_default;
+exports.GridFill24Icon = GridFill24Icon_default;
+exports.GridFill30Icon = GridFill30Icon_default;
+exports.GridOutline18Icon = GridOutline18Icon_default;
+exports.GridOutline24Icon = GridOutline24Icon_default;
+exports.GridOutline30Icon = GridOutline30Icon_default;
+exports.ListFill18Icon = ListFill18Icon_default;
+exports.ListFill24Icon = ListFill24Icon_default;
+exports.ListFill30Icon = ListFill30Icon_default;
+exports.ListOutline18Icon = ListOutline18Icon_default;
+exports.ListOutline24Icon = ListOutline24Icon_default;
+exports.ListOutline30Icon = ListOutline30Icon_default;