@lightsparkdev/ui 1.0.17 → 1.1.0

package/dist/{chunk-5MPBTIUJ.js → chunk-FPIKWB3F.js}

@@ -1,32 +1,32 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-TACMJI7W.js";
+} from "./chunk-2WPDZCWM.js";
 import {
   toReactNodes
-} from "./chunk-SJ2MVP3F.js";
+} from "./chunk-AHC2USPG.js";
 import {
   extend,
   flexCenter,
   pxToRems
-} from "./chunk-MFTEQD6P.js";
+} from "./chunk-RKAVKJX6.js";
 import {
   UnstyledButton
-} from "./chunk-GT2UW67L.js";
+} from "./chunk-Z6I64NIF.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-BV25DKRW.js";
+} from "./chunk-DJOYSVI3.js";
 import {
   standardContentInset
-} from "./chunk-XDL2VYUF.js";
+} from "./chunk-E46IHC27.js";
 import {
   themeOr
-} from "./chunk-DJOYSOXT.js";
+} from "./chunk-AM7EMJXN.js";
 import {
   colors
-} from "./chunk-HU2UCL6I.js";
+} from "./chunk-YJIIP7IY.js";
 import {
   __spreadProps,
   __spreadValues
@@ -34,7 +34,7 @@ import {
 
 // src/components/Toasts.tsx
 import styled from "@emotion/styled";
-import { isEqual } from "lodash-es";
+import { isEqual, isObject } from "lodash-es";
 import { Fragment, useCallback, useEffect, useRef, useState } from "react";
 import ReactDOM from "react-dom";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
@@ -47,7 +47,8 @@ function Toasts({
   maxVisible = 3,
   removeExpiredAndNotVisible = true,
   dedupeConsecutive = true,
-  typography: typographyProp
+  typography: typographyProp,
+  onClickContentNode
 }) {
   const queuedToastIds = useRef(/* @__PURE__ */ new Set());
   const prevToastQueue = useRef([]);
@@ -110,7 +111,7 @@ function Toasts({
       const newToasts = newToastQueueArgs.reduce((acc, toast) => {
         if (dedupeConsecutive && acc.length) {
           const lastToast = acc[acc.length - 1];
-          if (isEqual(toast.text, lastToast.text)) {
+          if (isEqual(toast.content, lastToast.content)) {
             return acc;
           }
         }
@@ -125,7 +126,7 @@ function Toasts({
       }, []);
       setToastQueue((currentToastQueue) => {
         const currentToast2 = currentToastQueue[currentToastQueue.length - 1];
-        if (dedupeConsecutive && currentToast2 && isEqual(newToasts[0].text, currentToast2.text)) {
+        if (dedupeConsecutive && currentToast2 && isEqual(newToasts[0].content, currentToast2.content)) {
           return currentToastQueue;
         }
         return [...currentToastQueue, ...newToasts];
@@ -182,10 +183,25 @@ function Toasts({
     const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
     const movingToCurrent = currentToast.isHiding && i === currentToastIndex - 1;
     const hidingFromCurrent = currentToast.isHiding ? fromCurrent - 1 : fromCurrent;
-    const nodesWithTypography = toast.text ? setDefaultReactNodesTypography(toast.text, {
+    const nodes = toast.content ? setDefaultReactNodesTypography(toast.content, {
       default: defaultTypography
+    }).map((node) => {
+      if (isObject(node) && "typography" in node && node.typography) {
+        const existingOnClick = node.typography.onClick;
+        if (existingOnClick || onClickContentNode) {
+          node.typography.onClick = (e) => {
+            if (existingOnClick) {
+              existingOnClick(e);
+            }
+            if (onClickContentNode) {
+              onClickContentNode(node, toast.id);
+            }
+          };
+        }
+      }
+      return node;
     }) : null;
-    const textNode = /* @__PURE__ */ jsx("span", { children: nodesWithTypography ? toReactNodes(nodesWithTypography) : null });
+    const contentNode = /* @__PURE__ */ jsx("span", { children: nodes ? toReactNodes(nodes) : null });
     return /* @__PURE__ */ jsx(Fragment, { children: ReactDOM.createPortal(
       /* @__PURE__ */ jsxs(
         StyledToast,
@@ -206,7 +222,7 @@ function Toasts({
           stackDir: stackDir === "above" ? -1 : 1,
           movingToCurrent,
           children: [
-            textNode,
+            contentNode,
             /* @__PURE__ */ jsx(
               UnstyledButton,
               {

package/dist/{chunk-NWNESPGQ.cjs → chunk-FPQ2OUYX.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
+var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
+var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
 
 // src/styles/common.tsx
 var _react = require('@emotion/react');
@@ -109,13 +109,13 @@ var Subtext = _styled2.default.div`
   ${subtext}
 `;
 var darkGradientBg = _react.css`
-  background: ${_chunkZBLXVPL4cjs.darkGradient};
+  background: ${_chunkQYVQII3Icjs.darkGradient};
 `;
 var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkN63HBX3Vcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunkHGCI5IAMcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
     ${important ? "!important" : ""};
 `;
 var overlaySurface = ({
@@ -123,11 +123,11 @@ var overlaySurface = ({
   important = false,
   border = true
 }) => _react.css`
-  background-color: ${_chunkN63HBX3Vcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunkHGCI5IAMcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunkN63HBX3Vcjs.themeOr.call(void 0, 
+  ${_chunkHGCI5IAMcjs.themeOr.call(void 0, 
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
   ""
 )({ theme })}

package/dist/chunk-FUJFLMBS.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ArrowLeft.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowLeft({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M10 5.75L3.75 12L10 18.25M4.5 12H20.25",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ArrowLeft = ArrowLeft;

package/dist/{chunk-WPIAYV6V.js → chunk-FXDEUNPF.js}

@@ -1,12 +1,13 @@
 import {
   UnstyledButton
-} from "./chunk-GT2UW67L.js";
+} from "./chunk-Z6I64NIF.js";
 import {
+  getColor,
   themeOr
-} from "./chunk-DJOYSOXT.js";
+} from "./chunk-AM7EMJXN.js";
 import {
   colors
-} from "./chunk-HU2UCL6I.js";
+} from "./chunk-YJIIP7IY.js";
 
 // src/components/Toggle.tsx
 import styled from "@emotion/styled";
@@ -56,7 +57,7 @@ var ToggleButton = styled(UnstyledButton)`
   opacity: ${({ disabled }) => disabled ? 0.3 : 1};
   background-color: ${({ bg, theme, isOn }) => {
   if (bg) {
-    return bg;
+    return getColor(theme, bg);
   } else if (isOn) {
     return theme.success;
   }

package/dist/chunk-FXWL6U2X.js

@@ -0,0 +1,32 @@
+// src/icons/central/PeopleCircleStroke.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function PeopleCircleStroke({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.85697 18.9157C7.17056 16.9968 9.33203 15.75 12 15.75C14.668 15.75 16.8294 16.9968 18.143 18.9157M5.85697 18.9157C7.49061 20.3679 9.6423 21.25 12 21.25C14.3577 21.25 16.5094 20.3679 18.143 18.9157M5.85697 18.9157C3.95086 17.2214 2.75 14.7509 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 14.7509 20.0491 17.2214 18.143 18.9157M15.25 10C15.25 11.7949 13.7949 13.25 12 13.25C10.2051 13.25 8.75 11.7949 8.75 10C8.75 8.20507 10.2051 6.75 12 6.75C13.7949 6.75 15.25 8.20507 15.25 10Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  PeopleCircleStroke
+};

package/dist/chunk-G2J3BVI4.cjs

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// ../../node_modules/graphql/language/kinds.mjs
+var Kind;
+(function(Kind2) {
+  Kind2["NAME"] = "Name";
+  Kind2["DOCUMENT"] = "Document";
+  Kind2["OPERATION_DEFINITION"] = "OperationDefinition";
+  Kind2["VARIABLE_DEFINITION"] = "VariableDefinition";
+  Kind2["SELECTION_SET"] = "SelectionSet";
+  Kind2["FIELD"] = "Field";
+  Kind2["ARGUMENT"] = "Argument";
+  Kind2["FRAGMENT_SPREAD"] = "FragmentSpread";
+  Kind2["INLINE_FRAGMENT"] = "InlineFragment";
+  Kind2["FRAGMENT_DEFINITION"] = "FragmentDefinition";
+  Kind2["VARIABLE"] = "Variable";
+  Kind2["INT"] = "IntValue";
+  Kind2["FLOAT"] = "FloatValue";
+  Kind2["STRING"] = "StringValue";
+  Kind2["BOOLEAN"] = "BooleanValue";
+  Kind2["NULL"] = "NullValue";
+  Kind2["ENUM"] = "EnumValue";
+  Kind2["LIST"] = "ListValue";
+  Kind2["OBJECT"] = "ObjectValue";
+  Kind2["OBJECT_FIELD"] = "ObjectField";
+  Kind2["DIRECTIVE"] = "Directive";
+  Kind2["NAMED_TYPE"] = "NamedType";
+  Kind2["LIST_TYPE"] = "ListType";
+  Kind2["NON_NULL_TYPE"] = "NonNullType";
+  Kind2["SCHEMA_DEFINITION"] = "SchemaDefinition";
+  Kind2["OPERATION_TYPE_DEFINITION"] = "OperationTypeDefinition";
+  Kind2["SCALAR_TYPE_DEFINITION"] = "ScalarTypeDefinition";
+  Kind2["OBJECT_TYPE_DEFINITION"] = "ObjectTypeDefinition";
+  Kind2["FIELD_DEFINITION"] = "FieldDefinition";
+  Kind2["INPUT_VALUE_DEFINITION"] = "InputValueDefinition";
+  Kind2["INTERFACE_TYPE_DEFINITION"] = "InterfaceTypeDefinition";
+  Kind2["UNION_TYPE_DEFINITION"] = "UnionTypeDefinition";
+  Kind2["ENUM_TYPE_DEFINITION"] = "EnumTypeDefinition";
+  Kind2["ENUM_VALUE_DEFINITION"] = "EnumValueDefinition";
+  Kind2["INPUT_OBJECT_TYPE_DEFINITION"] = "InputObjectTypeDefinition";
+  Kind2["DIRECTIVE_DEFINITION"] = "DirectiveDefinition";
+  Kind2["SCHEMA_EXTENSION"] = "SchemaExtension";
+  Kind2["SCALAR_TYPE_EXTENSION"] = "ScalarTypeExtension";
+  Kind2["OBJECT_TYPE_EXTENSION"] = "ObjectTypeExtension";
+  Kind2["INTERFACE_TYPE_EXTENSION"] = "InterfaceTypeExtension";
+  Kind2["UNION_TYPE_EXTENSION"] = "UnionTypeExtension";
+  Kind2["ENUM_TYPE_EXTENSION"] = "EnumTypeExtension";
+  Kind2["INPUT_OBJECT_TYPE_EXTENSION"] = "InputObjectTypeExtension";
+})(Kind || (Kind = {}));
+
+// src/utils/getGQLOperationName.tsx
+function getGQLOperationName(query) {
+  var _a;
+  if (query.definitions.length === 0) {
+    return void 0;
+  }
+  const definition = query.definitions[0];
+  if (definition.kind !== Kind.OPERATION_DEFINITION) {
+    return void 0;
+  }
+  const opDef = definition;
+  return (_a = opDef.name) == null ? void 0 : _a.value;
+}
+
+
+
+exports.getGQLOperationName = getGQLOperationName;

package/dist/{chunk-QIV6TUFE.js → chunk-G2UHA5JS.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-MS4Y7HXG.js";
 import {
   LabelModerate
-} from "./chunk-V2SU7NNU.js";
+} from "./chunk-3LCR3KCY.js";
 import {
   textInputStyle
-} from "./chunk-GHLNFY6T.js";
+} from "./chunk-KU4X4VPI.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-BV25DKRW.js";
+} from "./chunk-DJOYSVI3.js";
 import {
   getTypographyString
 } from "./chunk-FGZFMWJU.js";

package/dist/chunk-G5AXUILN.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Phone.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Phone({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M9.75 19.25H14.25M6.75 22.25H17.25C17.8023 22.25 18.25 21.8023 18.25 21.25V2.75C18.25 2.19772 17.8023 1.75 17.25 1.75H6.75C6.19772 1.75 5.75 2.19772 5.75 2.75V21.25C5.75 21.8023 6.19772 22.25 6.75 22.25Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Phone = Phone;

package/dist/{chunk-EEDWTST6.cjs → chunk-G5OXWQR6.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIXTGSOHTcjs = require('./chunk-IXTGSOHT.cjs');
+var _chunk3GKIKZL2cjs = require('./chunk-3GKIKZL2.cjs');
 
 
 
@@ -14,7 +14,7 @@ function SecretInput(_a) {
   var rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkIXTGSOHTcjs.TextInput,
+    _chunk3GKIKZL2cjs.TextInput,
     _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),

package/dist/chunk-GDG5YSJC.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/SparklesSoft.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function SparklesSoft({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19.25 13C14.1955 13.4375 11.4375 16.1955 11 21.25C10.544 16.1169 7.80041 13.5721 2.75 13C7.88024 12.4083 10.4083 9.88024 11 4.75C11.5721 9.80041 14.1169 12.544 19.25 13Z",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19.7898 1.25884C19.7731 1.11151 19.6486 1.00015 19.5003 1C19.352 0.999849 19.2272 1.11096 19.2103 1.25825C19.0998 2.21602 18.8134 2.8895 18.3515 3.35146C17.8895 3.81343 17.216 4.09979 16.2582 4.21025C16.111 4.22724 15.9998 4.35203 16 4.5003C16.0002 4.64857 16.1115 4.77313 16.2588 4.78981C17.2008 4.89651 17.8886 5.18275 18.3615 5.64713C18.8327 6.10977 19.125 6.7831 19.2095 7.73414C19.2229 7.88476 19.3491 8.00017 19.5003 8C19.6515 7.99983 19.7775 7.88413 19.7906 7.73349C19.8716 6.79809 20.1636 6.11059 20.6371 5.6371C21.1106 5.16361 21.7981 4.87155 22.7335 4.79058C22.8841 4.77754 22.9998 4.65154 23 4.50033C23.0002 4.34912 22.8848 4.22286 22.7341 4.20948C21.7831 4.125 21.1098 3.83266 20.6471 3.36151C20.1827 2.88857 19.8965 2.20078 19.7898 1.25884Z",
+            fill: "currentColor",
+            vectorEffect: "non-scaling-stroke"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.SparklesSoft = SparklesSoft;

package/dist/chunk-GHBRK6O3.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/parseURLFragments.ts
+function parseURLFragments(url) {
+  const hash = url.slice(1);
+  const pairs = hash.split("&");
+  if (!hash || !pairs.length) {
+    return null;
+  }
+  const params = {};
+  pairs.forEach((pair) => {
+    const [key, value] = pair.split("=");
+    params[key] = decodeURIComponent(value || "");
+  });
+  return params;
+}
+
+
+
+exports.parseURLFragments = parseURLFragments;

package/dist/{chunk-EF34DX4E.js → chunk-GNQBORV6.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-SJ2MVP3F.js";
+} from "./chunk-AHC2USPG.js";
 import {
   StyledDisplay,
   getPropDefaults
-} from "./chunk-F62E5IOF.js";
+} from "./chunk-YUEYUDQC.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-CSQOAPYZ.cjs → chunk-GNXFNQIM.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
+var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
 
 
 
-var _chunk6ZGEOYFRcjs = require('./chunk-6ZGEOYFR.cjs');
+var _chunkNXLHWPSHcjs = require('./chunk-NXLHWPSH.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunk6ZGEOYFRcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkNXLHWPSHcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6ZGEOYFRcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNXLHWPSHcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/chunk-GPRW3L26.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ShareAndroid.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ShareAndroid({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M9.00003 10.4286L14 7.57141M9.00003 13.5714L14 16.4286M20.25 6C20.25 7.79493 18.7949 9.25 17 9.25C15.2051 9.25 13.75 7.79493 13.75 6C13.75 4.20507 15.2051 2.75 17 2.75C18.7949 2.75 20.25 4.20507 20.25 6ZM20.25 18C20.25 19.7949 18.7949 21.25 17 21.25C15.2051 21.25 13.75 19.7949 13.75 18C13.75 16.2051 15.2051 14.75 17 14.75C18.7949 14.75 20.25 16.2051 20.25 18ZM9.25 12C9.25 13.7949 7.79493 15.25 6 15.25C4.20507 15.25 2.75 13.7949 2.75 12C2.75 10.2051 4.20507 8.75 6 8.75C7.79493 8.75 9.25 10.2051 9.25 12Z",
+          stroke: "currentColor",
+          strokeWidth,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ShareAndroid = ShareAndroid;

package/dist/chunk-GQJZNXMB.js

@@ -0,0 +1,79 @@
+// src/icons/central/TrashCan.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function TrashCan({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.75 6.5L5.72041 20.32C5.7572 20.8439 6.19286 21.25 6.71796 21.25H17.282C17.8071 21.25 18.2428 20.8439 18.2796 20.32L19.25 6.5",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3.25 5.75H20.75",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8.52441 5.58289C8.7306 3.84652 10.2079 2.5 11.9998 2.5C13.7917 2.5 15.269 3.84652 15.4752 5.58289",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10 10.5V16.25",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 10.5V16.25",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
+            vectorEffect: "non-scaling-stroke"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  TrashCan
+};

package/dist/{chunk-DALFOB54.js → chunk-GRQWHUKD.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-EB6CFGPX.js";
+} from "./chunk-SNSZGFFQ.js";
 import {
   IconContainer
-} from "./chunk-BV25DKRW.js";
+} from "./chunk-DJOYSVI3.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-HU2UCL6I.js";
+} from "./chunk-YJIIP7IY.js";
 
 // src/components/PageSection/PageSectionNav.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-QP2AAX4Y.js → chunk-GUAZJFWU.js}

@@ -2,11 +2,11 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-XDL2VYUF.js";
+} from "./chunk-E46IHC27.js";
 import {
   isDark,
   themeOr
-} from "./chunk-DJOYSOXT.js";
+} from "./chunk-AM7EMJXN.js";
 
 // src/components/Table/TableEmptyState.tsx
 import styled from "@emotion/styled";