@makeswift/runtime 0.13.1 → 0.14.0

package/dist/esm/components/hooks/useBackgrounds.js

@@ -0,0 +1,116 @@
+import { useMemo } from "react";
+import { isNonNullable } from "../utils/isNonNullable";
+import { useFiles, useSwatches } from "../../runtimes/react/hooks/makeswift-api";
+import {
+  getBackgroundsFileIds,
+  getBackgroundsSwatchIds
+} from "../../prop-controllers/introspection";
+import { match, P } from "ts-pattern";
+function useBackgrounds(value) {
+  const fileIds = getBackgroundsFileIds(value);
+  const files = useFiles(fileIds);
+  const swatchIds = getBackgroundsSwatchIds(value);
+  const swatches = useSwatches(swatchIds);
+  return useMemo(() => {
+    if (value == null)
+      return null;
+    return value.map(({ value: backgrounds, ...restOfValue }) => ({
+      ...restOfValue,
+      value: backgrounds.map((bg) => {
+        if (bg.type === "image" && bg.payload != null) {
+          const { imageId, ...restOfPayload } = bg.payload;
+          const file = files.find((f) => f && f.id === imageId);
+          return file && {
+            ...bg,
+            payload: {
+              ...restOfPayload,
+              publicUrl: file.publicUrl,
+              dimensions: file.dimensions
+            }
+          };
+        }
+        if (bg.type === "image-v1" && bg.payload != null) {
+          return match(bg).with(
+            {
+              payload: { image: { type: "external-file", width: P.number, height: P.number } }
+            },
+            (val) => {
+              const { image, version, ...restOfPayload } = val.payload;
+              return {
+                ...val,
+                type: "image",
+                payload: {
+                  ...restOfPayload,
+                  publicUrl: image.url,
+                  dimensions: { width: image.width, height: image.height }
+                }
+              };
+            }
+          ).with({ payload: { image: { type: "external-file" } } }, (val) => {
+            const { image, version, ...restOfPayload } = val.payload;
+            return {
+              ...val,
+              type: "image",
+              payload: {
+                ...restOfPayload,
+                publicUrl: image.url,
+                dimensions: null
+              }
+            };
+          }).with({ payload: { image: { type: "makeswift-file" } } }, (val) => {
+            const { image, version, ...restOfPayload } = val.payload;
+            const file = files.find((f) => f && f.id === image.id);
+            return file && {
+              ...val,
+              type: "image",
+              payload: {
+                ...restOfPayload,
+                publicUrl: file.publicUrl,
+                dimensions: file.dimensions
+              }
+            };
+          }).otherwise(() => null);
+        }
+        if (bg.type === "color" && bg.payload != null) {
+          const { swatchId, alpha } = bg.payload;
+          const swatch = swatches.filter(isNonNullable).find((s) => s && s.id === swatchId);
+          return { id: bg.id, type: "color", payload: { swatch, alpha } };
+        }
+        if (bg.type === "gradient" && bg.payload != null && bg.payload.stops.length > 0) {
+          return {
+            id: bg.id,
+            type: "gradient",
+            payload: {
+              angle: bg.payload.angle,
+              isRadial: bg.payload.isRadial,
+              stops: bg.payload.stops.map(({ color, ...restOfStop }) => ({
+                ...restOfStop,
+                color: color && {
+                  swatch: swatches.filter(isNonNullable).find((s) => s && s.id === color.swatchId),
+                  alpha: color.alpha
+                }
+              }))
+            }
+          };
+        }
+        if (bg.type === "video" && bg.payload != null) {
+          const { maskColor, ...restOfPayload } = bg.payload;
+          const swatch = maskColor && swatches.find((s) => s && s.id === maskColor.swatchId);
+          return {
+            id: bg.id,
+            type: "video",
+            payload: {
+              ...restOfPayload,
+              maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha }
+            }
+          };
+        }
+        return null;
+      }).filter(isNonNullable)
+    }));
+  }, [files, swatches, value]);
+}
+export {
+  useBackgrounds
+};
+//# sourceMappingURL=useBackgrounds.js.map

package/dist/esm/components/hooks/useBackgrounds.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useBackgrounds.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { ColorValue as Color } from '../utils/types'\nimport { ResponsiveValue } from '../../prop-controllers'\nimport { isNonNullable } from '../utils/isNonNullable'\nimport { BackgroundsValue as ResponsiveBackgroundsValue } from '../../prop-controllers/descriptors'\nimport { useFiles, useSwatches } from '../../runtimes/react/hooks/makeswift-api'\nimport {\n  getBackgroundsFileIds,\n  getBackgroundsSwatchIds,\n} from '../../prop-controllers/introspection'\nimport { match, P } from 'ts-pattern'\n\ntype BackgroundColorData = Color\n\ntype BackgroundGradientStopData = {\n  id: string\n  location: number\n  color: Color | null | undefined\n}\n\ntype BackgroundGradientData = {\n  angle?: number\n  isRadial?: boolean\n  stops: Array<BackgroundGradientStopData>\n}\n\ntype BackgroundImageData = {\n  publicUrl?: string\n  dimensions?: { width: number; height: number } | null\n  position: {\n    x: number\n    y: number\n  }\n  size?: 'cover' | 'contain' | 'auto'\n  repeat?: 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n  opacity?: number\n  parallax?: number\n}\n\ntype BackgroundVideoData = {\n  url?: string\n  maskColor: Color | null | undefined\n  aspectRatio?: 'wide' | 'standard'\n  opacity?: number\n  zoom?: number\n  parallax?: number\n}\n\ntype BackgroundData =\n  | { id: string; type: 'color'; payload: BackgroundColorData | null | undefined }\n  | { id: string; type: 'image'; payload: BackgroundImageData | null | undefined }\n  | { id: string; type: 'gradient'; payload: BackgroundGradientData | null | undefined }\n  | { id: string; type: 'video'; payload: BackgroundVideoData | null | undefined }\n\nexport type BackgroundsData = Array<BackgroundData>\n\nexport type BackgroundsPropControllerData = ResponsiveValue<BackgroundsData>\n\nexport function useBackgrounds(\n  value: ResponsiveBackgroundsValue | null | undefined,\n): BackgroundsPropControllerData | null | undefined {\n  const fileIds = getBackgroundsFileIds(value)\n  const files = useFiles(fileIds)\n  const swatchIds = getBackgroundsSwatchIds(value)\n  const swatches = useSwatches(swatchIds)\n\n  return useMemo(() => {\n    if (value == null) return null\n\n    return value.map(({ value: backgrounds, ...restOfValue }) => ({\n      ...restOfValue,\n      value: backgrounds\n        .map((bg): BackgroundData | null | undefined => {\n          if (bg.type === 'image' && bg.payload != null) {\n            const { imageId, ...restOfPayload } = bg.payload\n            const file = files.find(f => f && f.id === imageId)\n            return (\n              file && {\n                ...bg,\n                payload: {\n                  ...restOfPayload,\n                  publicUrl: file.publicUrl,\n                  dimensions: file.dimensions,\n                },\n              }\n            )\n          }\n          \n          if (bg.type === 'image-v1' && bg.payload != null) {\n            return match(bg)\n              .with(\n                {\n                  payload: { image: { type: 'external-file', width: P.number, height: P.number } },\n                },\n                val => {\n                  const { image, version, ...restOfPayload } = val.payload\n                  return {\n                    ...val,\n                    type: 'image' as const,\n                    payload: {\n                      ...restOfPayload,\n                      publicUrl: image.url,\n                      dimensions: { width: image.width, height: image.height },\n                    },\n                  }\n                },\n              )\n              .with({ payload: { image: { type: 'external-file' } } }, val => {\n                const { image, version, ...restOfPayload } = val.payload\n                return {\n                  ...val,\n                  type: 'image' as const,\n                  payload: {\n                    ...restOfPayload,\n                    publicUrl: image.url,\n                    dimensions: null,\n                  },\n                }\n              })\n              .with({ payload: { image: { type: 'makeswift-file' } } }, val => {\n                const { image, version, ...restOfPayload } = val.payload\n                const file = files.find(f => f && f.id === image.id)\n                return (\n                  file && {\n                    ...val,\n                    type: 'image' as const,\n                    payload: {\n                      ...restOfPayload,\n                      publicUrl: file.publicUrl,\n                      dimensions: file.dimensions,\n                    },\n                  }\n                )\n              })\n              .otherwise(() => null)\n          }\n\n          if (bg.type === 'color' && bg.payload != null) {\n            const { swatchId, alpha } = bg.payload\n            const swatch = swatches.filter(isNonNullable).find(s => s && s.id === swatchId)\n\n            return { id: bg.id, type: 'color', payload: { swatch, alpha } }\n          }\n\n          if (bg.type === 'gradient' && bg.payload != null && bg.payload.stops.length > 0) {\n            return {\n              id: bg.id,\n              type: 'gradient',\n              payload: {\n                angle: bg.payload.angle,\n                isRadial: bg.payload.isRadial,\n                stops: bg.payload.stops.map(({ color, ...restOfStop }) => ({\n                  ...restOfStop,\n                  color: color && {\n                    swatch: swatches.filter(isNonNullable).find(s => s && s.id === color.swatchId),\n                    alpha: color.alpha,\n                  },\n                })),\n              },\n            }\n          }\n\n          if (bg.type === 'video' && bg.payload != null) {\n            const { maskColor, ...restOfPayload } = bg.payload\n            const swatch = maskColor && swatches.find(s => s && s.id === maskColor.swatchId)\n\n            return {\n              id: bg.id,\n              type: 'video',\n              payload: {\n                ...restOfPayload,\n                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha },\n              },\n            }\n          }\n\n          return null\n        })\n        .filter(isNonNullable),\n    }))\n  }, [files, swatches, value])\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAIxB,SAAS,qBAAqB;AAE9B,SAAS,UAAU,mBAAmB;AACtC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,OAAO,SAAS;AAgDlB,SAAS,eACd,OACkD;AAClD,QAAM,UAAU,sBAAsB,KAAK;AAC3C,QAAM,QAAQ,SAAS,OAAO;AAC9B,QAAM,YAAY,wBAAwB,KAAK;AAC/C,QAAM,WAAW,YAAY,SAAS;AAEtC,SAAO,QAAQ,MAAM;AACnB,QAAI,SAAS;AAAM,aAAO;AAE1B,WAAO,MAAM,IAAI,CAAC,EAAE,OAAO,aAAa,GAAG,YAAY,OAAO;AAAA,MAC5D,GAAG;AAAA,MACH,OAAO,YACJ,IAAI,CAAC,OAA0C;AAC9C,YAAI,GAAG,SAAS,WAAW,GAAG,WAAW,MAAM;AAC7C,gBAAM,EAAE,SAAS,GAAG,cAAc,IAAI,GAAG;AACzC,gBAAM,OAAO,MAAM,KAAK,OAAK,KAAK,EAAE,OAAO,OAAO;AAClD,iBACE,QAAQ;AAAA,YACN,GAAG;AAAA,YACH,SAAS;AAAA,cACP,GAAG;AAAA,cACH,WAAW,KAAK;AAAA,cAChB,YAAY,KAAK;AAAA,YACnB;AAAA,UACF;AAAA,QAEJ;AAEA,YAAI,GAAG,SAAS,cAAc,GAAG,WAAW,MAAM;AAChD,iBAAO,MAAM,EAAE,EACZ;AAAA,YACC;AAAA,cACE,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,OAAO,EAAE,QAAQ,QAAQ,EAAE,OAAO,EAAE;AAAA,YACjF;AAAA,YACA,SAAO;AACL,oBAAM,EAAE,OAAO,SAAS,GAAG,cAAc,IAAI,IAAI;AACjD,qBAAO;AAAA,gBACL,GAAG;AAAA,gBACH,MAAM;AAAA,gBACN,SAAS;AAAA,kBACP,GAAG;AAAA,kBACH,WAAW,MAAM;AAAA,kBACjB,YAAY,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO;AAAA,gBACzD;AAAA,cACF;AAAA,YACF;AAAA,UACF,EACC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,EAAE,EAAE,GAAG,SAAO;AAC9D,kBAAM,EAAE,OAAO,SAAS,GAAG,cAAc,IAAI,IAAI;AACjD,mBAAO;AAAA,cACL,GAAG;AAAA,cACH,MAAM;AAAA,cACN,SAAS;AAAA,gBACP,GAAG;AAAA,gBACH,WAAW,MAAM;AAAA,gBACjB,YAAY;AAAA,cACd;AAAA,YACF;AAAA,UACF,CAAC,EACA,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,EAAE,EAAE,GAAG,SAAO;AAC/D,kBAAM,EAAE,OAAO,SAAS,GAAG,cAAc,IAAI,IAAI;AACjD,kBAAM,OAAO,MAAM,KAAK,OAAK,KAAK,EAAE,OAAO,MAAM,EAAE;AACnD,mBACE,QAAQ;AAAA,cACN,GAAG;AAAA,cACH,MAAM;AAAA,cACN,SAAS;AAAA,gBACP,GAAG;AAAA,gBACH,WAAW,KAAK;AAAA,gBAChB,YAAY,KAAK;AAAA,cACnB;AAAA,YACF;AAAA,UAEJ,CAAC,EACA,UAAU,MAAM,IAAI;AAAA,QACzB;AAEA,YAAI,GAAG,SAAS,WAAW,GAAG,WAAW,MAAM;AAC7C,gBAAM,EAAE,UAAU,MAAM,IAAI,GAAG;AAC/B,gBAAM,SAAS,SAAS,OAAO,aAAa,EAAE,KAAK,OAAK,KAAK,EAAE,OAAO,QAAQ;AAE9E,iBAAO,EAAE,IAAI,GAAG,IAAI,MAAM,SAAS,SAAS,EAAE,QAAQ,MAAM,EAAE;AAAA,QAChE;AAEA,YAAI,GAAG,SAAS,cAAc,GAAG,WAAW,QAAQ,GAAG,QAAQ,MAAM,SAAS,GAAG;AAC/E,iBAAO;AAAA,YACL,IAAI,GAAG;AAAA,YACP,MAAM;AAAA,YACN,SAAS;AAAA,cACP,OAAO,GAAG,QAAQ;AAAA,cAClB,UAAU,GAAG,QAAQ;AAAA,cACrB,OAAO,GAAG,QAAQ,MAAM,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,OAAO;AAAA,gBACzD,GAAG;AAAA,gBACH,OAAO,SAAS;AAAA,kBACd,QAAQ,SAAS,OAAO,aAAa,EAAE,KAAK,OAAK,KAAK,EAAE,OAAO,MAAM,QAAQ;AAAA,kBAC7E,OAAO,MAAM;AAAA,gBACf;AAAA,cACF,EAAE;AAAA,YACJ;AAAA,UACF;AAAA,QACF;AAEA,YAAI,GAAG,SAAS,WAAW,GAAG,WAAW,MAAM;AAC7C,gBAAM,EAAE,WAAW,GAAG,cAAc,IAAI,GAAG;AAC3C,gBAAM,SAAS,aAAa,SAAS,KAAK,OAAK,KAAK,EAAE,OAAO,UAAU,QAAQ;AAE/E,iBAAO;AAAA,YACL,IAAI,GAAG;AAAA,YACP,MAAM;AAAA,YACN,SAAS;AAAA,cACP,GAAG;AAAA,cACH,WAAW,UAAU,aAAa,EAAE,QAAQ,OAAO,UAAU,MAAM;AAAA,YACrE;AAAA,UACF;AAAA,QACF;AAEA,eAAO;AAAA,MACT,CAAC,EACA,OAAO,aAAa;AAAA,IACzB,EAAE;AAAA,EACJ,GAAG,CAAC,OAAO,UAAU,KAAK,CAAC;AAC7B;","names":[]}

package/dist/esm/components/hooks/useBorder.js

@@ -0,0 +1,31 @@
+import { getBorderSwatchIds } from "../../prop-controllers/introspection";
+import { useSwatches } from "../../runtimes/react/hooks/makeswift-api";
+import { isNonNullable } from "../utils/isNonNullable";
+function mapSideColor(swatches, { color, ...restOfSide }) {
+  return {
+    ...restOfSide,
+    color: color && {
+      alpha: color.alpha,
+      swatch: swatches.filter(isNonNullable).find((s) => s && s.id === color.swatchId)
+    }
+  };
+}
+function useBorder(value) {
+  const swatchIds = getBorderSwatchIds(value);
+  const swatches = useSwatches(swatchIds);
+  if (value == null)
+    return null;
+  return value.map(({ value: { borderTop, borderBottom, borderLeft, borderRight }, ...rest }) => ({
+    ...rest,
+    value: {
+      borderTop: borderTop && mapSideColor(swatches, borderTop),
+      borderBottom: borderBottom && mapSideColor(swatches, borderBottom),
+      borderLeft: borderLeft && mapSideColor(swatches, borderLeft),
+      borderRight: borderRight && mapSideColor(swatches, borderRight)
+    }
+  }));
+}
+export {
+  useBorder
+};
+//# sourceMappingURL=useBorder.js.map

package/dist/esm/components/hooks/useBorder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useBorder.ts"],"sourcesContent":["import { BorderStyleProperty } from 'csstype'\n\nimport type { ColorValue as Color } from '../utils/types'\nimport { ResponsiveValue } from '../../prop-controllers'\nimport {\n  BorderValue as ResponsiveBorderValue,\n  BorderSide as BorderValueSide,\n} from '../../prop-controllers/descriptors'\nimport { getBorderSwatchIds } from '../../prop-controllers/introspection'\nimport { useSwatches } from '../../runtimes/react/hooks/makeswift-api'\nimport { Swatch } from '../../api'\nimport { isNonNullable } from '../utils/isNonNullable'\n\nfunction mapSideColor(swatches: (Swatch | null)[], { color, ...restOfSide }: BorderValueSide) {\n  return {\n    ...restOfSide,\n    color: color && {\n      alpha: color.alpha,\n      swatch: swatches.filter(isNonNullable).find(s => s && s.id === color.swatchId),\n    },\n  }\n}\n\nexport type BorderSide = {\n  width: number | null | undefined\n  style: BorderStyleProperty\n  color: Color | null | undefined\n}\n\ntype BorderData = {\n  borderTop: BorderSide | null | undefined\n  borderRight: BorderSide | null | undefined\n  borderBottom: BorderSide | null | undefined\n  borderLeft: BorderSide | null | undefined\n}\n\nexport type BorderPropControllerData = ResponsiveValue<BorderData>\n\nexport function useBorder(\n  value: ResponsiveBorderValue | null | undefined,\n): BorderPropControllerData | null | undefined {\n  const swatchIds = getBorderSwatchIds(value)\n  const swatches = useSwatches(swatchIds)\n\n  if (value == null) return null\n\n  return value.map(({ value: { borderTop, borderBottom, borderLeft, borderRight }, ...rest }) => ({\n    ...rest,\n    value: {\n      borderTop: borderTop && mapSideColor(swatches, borderTop),\n      borderBottom: borderBottom && mapSideColor(swatches, borderBottom),\n      borderLeft: borderLeft && mapSideColor(swatches, borderLeft),\n      borderRight: borderRight && mapSideColor(swatches, borderRight),\n    },\n  }))\n}\n"],"mappings":"AAQA,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAE5B,SAAS,qBAAqB;AAE9B,SAAS,aAAa,UAA6B,EAAE,OAAO,GAAG,WAAW,GAAoB;AAC5F,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,SAAS;AAAA,MACd,OAAO,MAAM;AAAA,MACb,QAAQ,SAAS,OAAO,aAAa,EAAE,KAAK,OAAK,KAAK,EAAE,OAAO,MAAM,QAAQ;AAAA,IAC/E;AAAA,EACF;AACF;AAiBO,SAAS,UACd,OAC6C;AAC7C,QAAM,YAAY,mBAAmB,KAAK;AAC1C,QAAM,WAAW,YAAY,SAAS;AAEtC,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO,MAAM,IAAI,CAAC,EAAE,OAAO,EAAE,WAAW,cAAc,YAAY,YAAY,GAAG,GAAG,KAAK,OAAO;AAAA,IAC9F,GAAG;AAAA,IACH,OAAO;AAAA,MACL,WAAW,aAAa,aAAa,UAAU,SAAS;AAAA,MACxD,cAAc,gBAAgB,aAAa,UAAU,YAAY;AAAA,MACjE,YAAY,cAAc,aAAa,UAAU,UAAU;AAAA,MAC3D,aAAa,eAAe,aAAa,UAAU,WAAW;AAAA,IAChE;AAAA,EACF,EAAE;AACJ;","names":[]}

package/dist/esm/components/hooks/useBoxShadow.js

@@ -0,0 +1,43 @@
+import { isNonNullable } from "../utils/isNonNullable";
+import { getBoxShadowsSwatchIds } from "../../prop-controllers/introspection";
+import { useSwatches } from "../../runtimes/react/hooks/makeswift-api";
+const ShadowDefaultValue = {
+  inset: false,
+  offsetX: 0,
+  offsetY: 2,
+  blurRadius: 4,
+  spreadRadius: 0,
+  color: null
+};
+function useBoxShadow(value) {
+  const swatchIds = getBoxShadowsSwatchIds(value);
+  const swatches = useSwatches(swatchIds);
+  if (value == null)
+    return null;
+  return value.map(({ value: shadows, ...restOfValue }) => ({
+    ...restOfValue,
+    value: shadows.map(
+      ({
+        payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius },
+        ...restOfShadow
+      }) => ({
+        ...restOfShadow,
+        payload: {
+          color: color != null ? {
+            swatch: swatches.filter(isNonNullable).find((s) => s && s.id === color.swatchId),
+            alpha: color.alpha
+          } : null,
+          inset: inset ?? ShadowDefaultValue.inset,
+          offsetX: offsetX ?? ShadowDefaultValue.offsetX,
+          offsetY: offsetY ?? ShadowDefaultValue.offsetY,
+          blurRadius: blurRadius ?? ShadowDefaultValue.blurRadius,
+          spreadRadius: spreadRadius ?? ShadowDefaultValue.spreadRadius
+        }
+      })
+    )
+  }));
+}
+export {
+  useBoxShadow
+};
+//# sourceMappingURL=useBoxShadow.js.map

package/dist/esm/components/hooks/useBoxShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useBoxShadow.ts"],"sourcesContent":["import { isNonNullable } from '../utils/isNonNullable'\nimport type { ColorValue as Color } from '../utils/types'\nimport type { ResponsiveValue } from '../../prop-controllers'\nimport type { ShadowsValue as ResponsiveShadowsValue } from '../../prop-controllers/descriptors'\nimport { getBoxShadowsSwatchIds } from '../../prop-controllers/introspection'\nimport { useSwatches } from '../../runtimes/react/hooks/makeswift-api'\n\ntype ShadowData = {\n  id: string\n  payload: {\n    inset: boolean\n    offsetX: number\n    offsetY: number\n    blurRadius: number\n    spreadRadius: number\n    color: Color | null | undefined\n  }\n}\n\nconst ShadowDefaultValue = {\n  inset: false,\n  offsetX: 0,\n  offsetY: 2,\n  blurRadius: 4,\n  spreadRadius: 0,\n  color: null,\n} as const\n\nexport type BoxShadowData = Array<ShadowData>\n\nexport type BoxShadowPropControllerData = ResponsiveValue<BoxShadowData>\n\nexport function useBoxShadow(\n  value: ResponsiveShadowsValue | null | undefined,\n): BoxShadowPropControllerData | null | undefined {\n  const swatchIds = getBoxShadowsSwatchIds(value)\n  const swatches = useSwatches(swatchIds)\n\n  if (value == null) return null\n\n  return value.map(({ value: shadows, ...restOfValue }) => ({\n    ...restOfValue,\n    value: shadows.map(\n      ({\n        payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius },\n        ...restOfShadow\n      }) => ({\n        ...restOfShadow,\n        payload: {\n          color:\n            color != null\n              ? {\n                  swatch: swatches.filter(isNonNullable).find(s => s && s.id === color.swatchId),\n                  alpha: color.alpha,\n                }\n              : null,\n          inset: inset ?? ShadowDefaultValue.inset,\n          offsetX: offsetX ?? ShadowDefaultValue.offsetX,\n          offsetY: offsetY ?? ShadowDefaultValue.offsetY,\n          blurRadius: blurRadius ?? ShadowDefaultValue.blurRadius,\n          spreadRadius: spreadRadius ?? ShadowDefaultValue.spreadRadius,\n        },\n      }),\n    ),\n  }))\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAI9B,SAAS,8BAA8B;AACvC,SAAS,mBAAmB;AAc5B,MAAM,qBAAqB;AAAA,EACzB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AACT;AAMO,SAAS,aACd,OACgD;AAChD,QAAM,YAAY,uBAAuB,KAAK;AAC9C,QAAM,WAAW,YAAY,SAAS;AAEtC,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO,MAAM,IAAI,CAAC,EAAE,OAAO,SAAS,GAAG,YAAY,OAAO;AAAA,IACxD,GAAG;AAAA,IACH,OAAO,QAAQ;AAAA,MACb,CAAC;AAAA,QACC,SAAS,EAAE,OAAO,OAAO,SAAS,SAAS,YAAY,aAAa;AAAA,QACpE,GAAG;AAAA,MACL,OAAO;AAAA,QACL,GAAG;AAAA,QACH,SAAS;AAAA,UACP,OACE,SAAS,OACL;AAAA,YACE,QAAQ,SAAS,OAAO,aAAa,EAAE,KAAK,OAAK,KAAK,EAAE,OAAO,MAAM,QAAQ;AAAA,YAC7E,OAAO,MAAM;AAAA,UACf,IACA;AAAA,UACN,OAAO,SAAS,mBAAmB;AAAA,UACnC,SAAS,WAAW,mBAAmB;AAAA,UACvC,SAAS,WAAW,mBAAmB;AAAA,UACvC,YAAY,cAAc,mBAAmB;AAAA,UAC7C,cAAc,gBAAgB,mBAAmB;AAAA,QACnD;AAAA,MACF;AAAA,IACF;AAAA,EACF,EAAE;AACJ;","names":[]}

package/dist/esm/components/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,7 @@
+import { useEffect, useLayoutEffect } from "react";
+const isSSR = typeof window === "undefined" || /ServerSideRendering/.test(window.navigator && window.navigator.userAgent);
+const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect;
+export {
+  useIsomorphicLayoutEffect
+};
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/esm/components/hooks/useIsomorphicLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\nconst isSSR =\n  typeof window === 'undefined' ||\n  /ServerSideRendering/.test(window.navigator && window.navigator.userAgent)\n\nexport const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect\n"],"mappings":"AAAA,SAAS,WAAW,uBAAuB;AAE3C,MAAM,QACJ,OAAO,WAAW,eAClB,sBAAsB,KAAK,OAAO,aAAa,OAAO,UAAU,SAAS;AAEpE,MAAM,4BAA4B,QAAQ,YAAY;","names":[]}

package/dist/esm/components/hooks/useMediaQuery.js

@@ -0,0 +1,45 @@
+import { useSyncExternalStore } from "use-sync-external-store/shim";
+import { useCallback } from "react";
+import {
+  findBreakpointOverride,
+  getBaseBreakpoint,
+  getBreakpointMediaQuery
+} from "../../state/modules/breakpoints";
+import { useBreakpoints } from "../../runtimes/react";
+const getDeviceQueries = (breakpoints) => breakpoints.map((device) => ({
+  id: device.id,
+  query: getBreakpointMediaQuery(device).replace("@media", "")
+}));
+function useMediaQuery(responsiveValue) {
+  const breakpoints = useBreakpoints();
+  const baseBreakpointId = getBaseBreakpoint(breakpoints).id;
+  const subscribe = useCallback(
+    (notify) => {
+      const cleanUpFns = getDeviceQueries(breakpoints).map((q) => {
+        const mediaQueryList = window.matchMedia(q.query);
+        mediaQueryList.addEventListener("change", notify);
+        return () => mediaQueryList.removeEventListener("change", notify);
+      });
+      return () => cleanUpFns.forEach((fn) => fn());
+    },
+    [breakpoints]
+  );
+  const getServerSnapshot = () => findBreakpointOverride(breakpoints, responsiveValue, baseBreakpointId)?.value;
+  function getSnapshot() {
+    const deviceId = getDeviceQueries(breakpoints).reduce(
+      (matchedDevice, deviceQueries) => {
+        if (window.matchMedia(deviceQueries.query).matches) {
+          return deviceQueries.id;
+        }
+        return matchedDevice;
+      },
+      baseBreakpointId
+    );
+    return findBreakpointOverride(breakpoints, responsiveValue, deviceId)?.value;
+  }
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+export {
+  useMediaQuery
+};
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/esm/components/hooks/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useMediaQuery.ts"],"sourcesContent":["import { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport { useCallback } from 'react'\n\nimport { DeviceOverride } from '../../prop-controllers'\nimport {\n  Breakpoints,\n  findBreakpointOverride,\n  getBaseBreakpoint,\n  getBreakpointMediaQuery,\n} from '../../state/modules/breakpoints'\nimport { useBreakpoints } from '../../runtimes/react'\n\nconst getDeviceQueries = (breakpoints: Breakpoints) =>\n  breakpoints.map(device => ({\n    id: device.id,\n    query: getBreakpointMediaQuery(device).replace('@media', ''),\n  }))\n\nexport function useMediaQuery<S>(responsiveValue?: Array<DeviceOverride<S>>): S | undefined {\n  const breakpoints = useBreakpoints()\n  const baseBreakpointId = getBaseBreakpoint(breakpoints).id\n  const subscribe = useCallback(\n    (notify: () => void) => {\n      const cleanUpFns = getDeviceQueries(breakpoints).map(q => {\n        const mediaQueryList = window.matchMedia(q.query)\n        mediaQueryList.addEventListener('change', notify)\n        return () => mediaQueryList.removeEventListener('change', notify)\n      })\n      return () => cleanUpFns.forEach(fn => fn())\n    },\n    [breakpoints],\n  )\n  const getServerSnapshot = () =>\n    findBreakpointOverride(breakpoints, responsiveValue, baseBreakpointId)?.value\n\n  function getSnapshot() {\n    const deviceId: string = getDeviceQueries(breakpoints).reduce(\n      (matchedDevice, deviceQueries) => {\n        if (window.matchMedia(deviceQueries.query).matches) {\n          return deviceQueries.id\n        }\n        return matchedDevice\n      },\n      baseBreakpointId,\n    )\n    return findBreakpointOverride(breakpoints, responsiveValue, deviceId)?.value\n  }\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n"],"mappings":"AAAA,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAG5B;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,MAAM,mBAAmB,CAAC,gBACxB,YAAY,IAAI,aAAW;AAAA,EACzB,IAAI,OAAO;AAAA,EACX,OAAO,wBAAwB,MAAM,EAAE,QAAQ,UAAU,EAAE;AAC7D,EAAE;AAEG,SAAS,cAAiB,iBAA2D;AAC1F,QAAM,cAAc,eAAe;AACnC,QAAM,mBAAmB,kBAAkB,WAAW,EAAE;AACxD,QAAM,YAAY;AAAA,IAChB,CAAC,WAAuB;AACtB,YAAM,aAAa,iBAAiB,WAAW,EAAE,IAAI,OAAK;AACxD,cAAM,iBAAiB,OAAO,WAAW,EAAE,KAAK;AAChD,uBAAe,iBAAiB,UAAU,MAAM;AAChD,eAAO,MAAM,eAAe,oBAAoB,UAAU,MAAM;AAAA,MAClE,CAAC;AACD,aAAO,MAAM,WAAW,QAAQ,QAAM,GAAG,CAAC;AAAA,IAC5C;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AACA,QAAM,oBAAoB,MACxB,uBAAuB,aAAa,iBAAiB,gBAAgB,GAAG;AAE1E,WAAS,cAAc;AACrB,UAAM,WAAmB,iBAAiB,WAAW,EAAE;AAAA,MACrD,CAAC,eAAe,kBAAkB;AAChC,YAAI,OAAO,WAAW,cAAc,KAAK,EAAE,SAAS;AAClD,iBAAO,cAAc;AAAA,QACvB;AACA,eAAO;AAAA,MACT;AAAA,MACA;AAAA,IACF;AACA,WAAO,uBAAuB,aAAa,iBAAiB,QAAQ,GAAG;AAAA,EACzE;AAEA,SAAO,qBAAqB,WAAW,aAAa,iBAAiB;AACvE;","names":[]}

package/dist/esm/components/hooks/useResponsiveColor.js

@@ -0,0 +1,18 @@
+import { isNonNullable } from "../utils/isNonNullable";
+import { getResponsiveColorSwatchIds } from "../../prop-controllers/introspection";
+import { useSwatches } from "../../runtimes/react/hooks/makeswift-api";
+function useResponsiveColor(color) {
+  const swatchIds = getResponsiveColorSwatchIds(color);
+  const swatches = useSwatches(swatchIds);
+  if (color == null)
+    return null;
+  return color.map(({ value: v, ...rest }) => {
+    const { swatchId, alpha } = v;
+    const swatch = swatches.find((s) => s && s.id === swatchId);
+    return swatch == null ? null : { ...rest, value: { swatch, alpha } };
+  }).filter(isNonNullable);
+}
+export {
+  useResponsiveColor
+};
+//# sourceMappingURL=useResponsiveColor.js.map

package/dist/esm/components/hooks/useResponsiveColor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useResponsiveColor.ts"],"sourcesContent":["import type { ResponsiveValue } from '../../prop-controllers'\nimport { isNonNullable } from '../utils/isNonNullable'\nimport type { ColorValue as Color } from '../utils/types'\nimport { getResponsiveColorSwatchIds } from '../../prop-controllers/introspection'\nimport { useSwatches } from '../../runtimes/react/hooks/makeswift-api'\n\nexport function useResponsiveColor(\n  color:\n    | ResponsiveValue<{\n        swatchId: string\n        alpha: number\n      }>\n    | null\n    | undefined,\n): ResponsiveValue<Color> | null | undefined {\n  const swatchIds = getResponsiveColorSwatchIds(color)\n  const swatches = useSwatches(swatchIds)\n\n  if (color == null) return null\n\n  return color\n    .map(({ value: v, ...rest }) => {\n      const { swatchId, alpha } = v\n      const swatch = swatches.find(s => s && s.id === swatchId)\n\n      return swatch == null ? null : { ...rest, value: { swatch, alpha } }\n    })\n    .filter(isNonNullable)\n}\n"],"mappings":"AACA,SAAS,qBAAqB;AAE9B,SAAS,mCAAmC;AAC5C,SAAS,mBAAmB;AAErB,SAAS,mBACd,OAO2C;AAC3C,QAAM,YAAY,4BAA4B,KAAK;AACnD,QAAM,WAAW,YAAY,SAAS;AAEtC,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO,MACJ,IAAI,CAAC,EAAE,OAAO,GAAG,GAAG,KAAK,MAAM;AAC9B,UAAM,EAAE,UAAU,MAAM,IAAI;AAC5B,UAAM,SAAS,SAAS,KAAK,OAAK,KAAK,EAAE,OAAO,QAAQ;AAExD,WAAO,UAAU,OAAO,OAAO,EAAE,GAAG,MAAM,OAAO,EAAE,QAAQ,MAAM,EAAE;AAAA,EACrE,CAAC,EACA,OAAO,aAAa;AACzB;","names":[]}

package/dist/esm/components/hooks/useTableFormFieldRefs.js

@@ -0,0 +1,43 @@
+import { useState, useEffect, useMemo } from "react";
+import { getBox } from "../../box-model";
+import { useIsInBuilder } from "../../runtimes/react";
+function useTableFormFieldRefs(propController, { fieldsCount }) {
+  const [container, setContainer] = useState(null);
+  const [items, setItems] = useState(
+    Array(fieldsCount + 1).fill(null)
+  );
+  const isInBuilder = useIsInBuilder();
+  useEffect(() => {
+    if (!isInBuilder)
+      return;
+    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+    return () => {
+      cancelAnimationFrame(animationFrameHandle);
+    };
+    function handleAnimationFrameRequest() {
+      if (propController == null)
+        return;
+      if (container != null)
+        propController.tableFormLayoutChange({ layout: getBox(container) });
+      items.map((item, index) => {
+        if (item == null)
+          return;
+        propController.tableFormFieldLayoutChange({ index, layout: getBox(item) });
+      });
+      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+    }
+  }, [propController, container, items, isInBuilder]);
+  const itemRefs = useMemo(
+    () => Array.from({ length: fieldsCount + 1 }).map(
+      (_, index) => (item) => {
+        setItems((is) => [...is.slice(0, index), item, ...is.slice(index + 1)]);
+      }
+    ),
+    [fieldsCount, setItems]
+  );
+  return { container: setContainer, items: itemRefs };
+}
+export {
+  useTableFormFieldRefs
+};
+//# sourceMappingURL=useTableFormFieldRefs.js.map

package/dist/esm/components/hooks/useTableFormFieldRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useTableFormFieldRefs.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { getBox } from '../../box-model'\nimport { TableFormFieldsPropController } from '../../prop-controllers/instances'\nimport { useIsInBuilder } from '../../runtimes/react'\n\nexport function useTableFormFieldRefs(\n  propController: TableFormFieldsPropController | null | undefined,\n  { fieldsCount }: { fieldsCount: number },\n): {\n  container: (arg0: HTMLElement | null | undefined) => void\n  items: Array<(arg0: HTMLElement | null | undefined) => void>\n} {\n  const [container, setContainer] = useState<HTMLElement | null | undefined>(null)\n  const [items, setItems] = useState<Array<HTMLElement | null | undefined>>(\n    Array(fieldsCount + 1).fill(null),\n  )\n\n  const isInBuilder = useIsInBuilder()\n\n  useEffect(() => {\n    if (!isInBuilder) return\n\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      if (propController == null) return\n\n      if (container != null) propController.tableFormLayoutChange({ layout: getBox(container) })\n\n      items.map((item, index) => {\n        if (item == null) return\n\n        propController.tableFormFieldLayoutChange({ index, layout: getBox(item) })\n      })\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }, [propController, container, items, isInBuilder])\n\n  const itemRefs = useMemo(\n    () =>\n      Array.from({ length: fieldsCount + 1 }).map(\n        (_, index) => (item: HTMLElement | null | undefined) => {\n          setItems(is => [...is.slice(0, index), item, ...is.slice(index + 1)])\n        },\n      ),\n    [fieldsCount, setItems],\n  )\n\n  return { container: setContainer, items: itemRefs }\n}\n"],"mappings":"AAAA,SAAS,UAAU,WAAW,eAAe;AAC7C,SAAS,cAAc;AAEvB,SAAS,sBAAsB;AAExB,SAAS,sBACd,gBACA,EAAE,YAAY,GAId;AACA,QAAM,CAAC,WAAW,YAAY,IAAI,SAAyC,IAAI;AAC/E,QAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,IACxB,MAAM,cAAc,CAAC,EAAE,KAAK,IAAI;AAAA,EAClC;AAEA,QAAM,cAAc,eAAe;AAEnC,YAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAElB,QAAI,uBAAuB,sBAAsB,2BAA2B;AAE5E,WAAO,MAAM;AACX,2BAAqB,oBAAoB;AAAA,IAC3C;AAEA,aAAS,8BAA8B;AACrC,UAAI,kBAAkB;AAAM;AAE5B,UAAI,aAAa;AAAM,uBAAe,sBAAsB,EAAE,QAAQ,OAAO,SAAS,EAAE,CAAC;AAEzF,YAAM,IAAI,CAAC,MAAM,UAAU;AACzB,YAAI,QAAQ;AAAM;AAElB,uBAAe,2BAA2B,EAAE,OAAO,QAAQ,OAAO,IAAI,EAAE,CAAC;AAAA,MAC3E,CAAC;AAED,6BAAuB,sBAAsB,2BAA2B;AAAA,IAC1E;AAAA,EACF,GAAG,CAAC,gBAAgB,WAAW,OAAO,WAAW,CAAC;AAElD,QAAM,WAAW;AAAA,IACf,MACE,MAAM,KAAK,EAAE,QAAQ,cAAc,EAAE,CAAC,EAAE;AAAA,MACtC,CAAC,GAAG,UAAU,CAAC,SAAyC;AACtD,iBAAS,QAAM,CAAC,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC;AAAA,MACtE;AAAA,IACF;AAAA,IACF,CAAC,aAAa,QAAQ;AAAA,EACxB;AAEA,SAAO,EAAE,WAAW,cAAc,OAAO,SAAS;AACpD;","names":[]}

package/dist/esm/components/icons/ArrowDown8.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function ArrowDown8(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 8, height: 8, ...props, children: /* @__PURE__ */ jsx("path", { d: "M5 1a1 1 0 0 0-2 0v3.586l-.293-.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0-1.414-1.414L5 4.586z" }) });
+}
+export {
+  ArrowDown8
+};
+//# sourceMappingURL=ArrowDown8.js.map

package/dist/esm/components/icons/ArrowDown8.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/ArrowDown8.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function ArrowDown8(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={8} height={8} {...props}>\n      <path d=\"M5 1a1 1 0 0 0-2 0v3.586l-.293-.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0-1.414-1.414L5 4.586z\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,WAAW,OAAwC;AACjE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,GAAG,QAAQ,GAAI,GAAG,OAC/D,8BAAC,UAAK,GAAE,sHAAqH,GAC/H;AAEJ;","names":[]}

package/dist/esm/components/icons/CaretDown8.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function CaretDown8(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 8, height: 8, ...props, children: /* @__PURE__ */ jsx("path", { d: "M1 2a1 1 0 0 0-.707 1.707l3 3a1 1 0 0 0 1.414 0l3-3A1 1 0 0 0 7 2z" }) });
+}
+export {
+  CaretDown8
+};
+//# sourceMappingURL=CaretDown8.js.map

package/dist/esm/components/icons/CaretDown8.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/CaretDown8.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function CaretDown8(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={8} height={8} {...props}>\n      <path d=\"M1 2a1 1 0 0 0-.707 1.707l3 3a1 1 0 0 0 1.414 0l3-3A1 1 0 0 0 7 2z\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,WAAW,OAAwC;AACjE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,GAAG,QAAQ,GAAI,GAAG,OAC/D,8BAAC,UAAK,GAAE,sEAAqE,GAC/E;AAEJ;","names":[]}

package/dist/esm/components/icons/Check12.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+function Check12(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 12, height: 12, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M11.707 1.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 1.414-1.414L4 8.086l6.293-6.293a1 1 0 0 1 1.414 0",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+export {
+  Check12
+};
+//# sourceMappingURL=Check12.js.map

package/dist/esm/components/icons/Check12.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/Check12.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function Check12(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={12} height={12} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M11.707 1.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 1.414-1.414L4 8.086l6.293-6.293a1 1 0 0 1 1.414 0\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,QAAQ,OAAwC;AAC9D,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,GAAE;AAAA,MACF,UAAS;AAAA;AAAA,EACX,GACF;AAEJ;","names":[]}

package/dist/esm/components/icons/ChevronDown8.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+function ChevronDown8(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 8, height: 8, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M.293 2.293a1 1 0 0 1 1.414 0L4 4.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+export {
+  ChevronDown8
+};
+//# sourceMappingURL=ChevronDown8.js.map

package/dist/esm/components/icons/ChevronDown8.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/ChevronDown8.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function ChevronDown8(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={8} height={8} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M.293 2.293a1 1 0 0 1 1.414 0L4 4.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,aAAa,OAAwC;AACnE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,GAAG,QAAQ,GAAI,GAAG,OAC/D;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,GAAE;AAAA,MACF,UAAS;AAAA;AAAA,EACX,GACF;AAEJ;","names":[]}

package/dist/esm/components/icons/LogoAngellist20.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function LogoAngellist20(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ jsx("path", { d: "M13.741 8.297a97 97 0 0 0 1.443-4.128q.518-1.627.518-1.998 0-.399-.173-.62a.57.57 0 0 0-.476-.218q-.386 0-.787.638-.4.639-.883 2.054l-1.38 3.97zm-1.836 3.695a8 8 0 0 1-1.125-.124 6 6 0 0 1-1.015-.274q.22.44.393.879.174.44.284.866.33-.412.696-.75.367-.336.767-.597m-1.56-4.162-1.49-4.286q-.582-1.634-.899-2.136-.318-.501-.69-.501a.57.57 0 0 0-.469.22q-.18.22-.18.59 0 .633.483 2.198.484 1.566 1.45 4.107a.46.46 0 0 1 .235-.213 1.1 1.1 0 0 1 .414-.061q.083 0 .332.013.248.015.814.069m-1.353 6.634q.235 0 .428-.212a.67.67 0 0 0 .193-.46q0-.261-.379-1.216a12.3 12.3 0 0 0-.946-1.875q-.414-.687-.815-1.037t-.759-.35q-.291 0-.642.363-.352.365-.352.68 0 .33.345.989.345.66.925 1.402.607.81 1.146 1.263.539.454.856.453m-4.142-.33q.194.235.538.688.912 1.25 1.685 1.25a.73.73 0 0 0 .47-.165q.206-.165.206-.343 0-.207-.276-.687a9 9 0 0 0-.759-1.085q-.553-.7-.918-1.024-.366-.323-.587-.323-.483 0-.89.516a1.9 1.9 0 0 0-.408 1.215q0 .564.283 1.257.285.694.821 1.394a5.5 5.5 0 0 0 2.023 1.669q1.208.584 2.672.584 2.693 0 4.508-1.998 1.815-2 1.815-5.008 0-.919-.138-1.463-.136-.542-.456-.79-.565-.466-2.202-.837a15.4 15.4 0 0 0-3.417-.371q-.496 0-.704.165t-.207.563q0 .934 1.05 1.353 1.05.42 3.396.419h.566a.38.38 0 0 1 .31.144q.117.144.16.433-.236.22-.967.502-.731.281-1.119.556a5 5 0 0 0-1.332 1.435q-.504.83-.504 1.573 0 .453.214 1.092t.214.79v.096l-.028.124q-.606-.042-.959-.708-.352-.666-.352-1.78v-.122a.8.8 0 0 1-.214.137.6.6 0 0 1-.228.04q-.124.001-.234-.02a2 2 0 0 1-.249-.061q.04.15.062.295.021.144.021.227 0 .509-.4.872a1.37 1.37 0 0 1-.953.364q-.87 0-1.768-.845-.897-.844-.897-1.655 0-.151.035-.268a.45.45 0 0 1 .117-.2m9.885-5.604q1.244.235 1.754 1.044.51.81.511 2.556 0 3.46-2.092 5.666Q12.816 20 9.558 20a6.9 6.9 0 0 1-2.492-.46 6.2 6.2 0 0 1-2.078-1.284q-.995-.907-1.49-1.916A4.6 4.6 0 0 1 3 14.273q0-1.182.511-1.828.51-.645 1.615-.878a8 8 0 0 1-.304-.811 2 2 0 0 1-.097-.508q0-.618.657-1.264.656-.646 1.235-.646.248 0 .525.089.276.09.635.296Q6.714 5.729 6.231 4.1q-.484-1.629-.484-2.246 0-.853.442-1.353Q6.631 0 7.39 0q1.298 0 3.286 5.77.345.988.525 1.525.152-.426.428-1.21Q13.617.372 15.053.372q.704 0 1.126.474.42.474.42 1.27 0 .605-.462 2.212-.463 1.608-1.402 4.203" }) });
+}
+export {
+  LogoAngellist20
+};
+//# sourceMappingURL=LogoAngellist20.js.map

package/dist/esm/components/icons/LogoAngellist20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoAngellist20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoAngellist20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M13.741 8.297a97 97 0 0 0 1.443-4.128q.518-1.627.518-1.998 0-.399-.173-.62a.57.57 0 0 0-.476-.218q-.386 0-.787.638-.4.639-.883 2.054l-1.38 3.97zm-1.836 3.695a8 8 0 0 1-1.125-.124 6 6 0 0 1-1.015-.274q.22.44.393.879.174.44.284.866.33-.412.696-.75.367-.336.767-.597m-1.56-4.162-1.49-4.286q-.582-1.634-.899-2.136-.318-.501-.69-.501a.57.57 0 0 0-.469.22q-.18.22-.18.59 0 .633.483 2.198.484 1.566 1.45 4.107a.46.46 0 0 1 .235-.213 1.1 1.1 0 0 1 .414-.061q.083 0 .332.013.248.015.814.069m-1.353 6.634q.235 0 .428-.212a.67.67 0 0 0 .193-.46q0-.261-.379-1.216a12.3 12.3 0 0 0-.946-1.875q-.414-.687-.815-1.037t-.759-.35q-.291 0-.642.363-.352.365-.352.68 0 .33.345.989.345.66.925 1.402.607.81 1.146 1.263.539.454.856.453m-4.142-.33q.194.235.538.688.912 1.25 1.685 1.25a.73.73 0 0 0 .47-.165q.206-.165.206-.343 0-.207-.276-.687a9 9 0 0 0-.759-1.085q-.553-.7-.918-1.024-.366-.323-.587-.323-.483 0-.89.516a1.9 1.9 0 0 0-.408 1.215q0 .564.283 1.257.285.694.821 1.394a5.5 5.5 0 0 0 2.023 1.669q1.208.584 2.672.584 2.693 0 4.508-1.998 1.815-2 1.815-5.008 0-.919-.138-1.463-.136-.542-.456-.79-.565-.466-2.202-.837a15.4 15.4 0 0 0-3.417-.371q-.496 0-.704.165t-.207.563q0 .934 1.05 1.353 1.05.42 3.396.419h.566a.38.38 0 0 1 .31.144q.117.144.16.433-.236.22-.967.502-.731.281-1.119.556a5 5 0 0 0-1.332 1.435q-.504.83-.504 1.573 0 .453.214 1.092t.214.79v.096l-.028.124q-.606-.042-.959-.708-.352-.666-.352-1.78v-.122a.8.8 0 0 1-.214.137.6.6 0 0 1-.228.04q-.124.001-.234-.02a2 2 0 0 1-.249-.061q.04.15.062.295.021.144.021.227 0 .509-.4.872a1.37 1.37 0 0 1-.953.364q-.87 0-1.768-.845-.897-.844-.897-1.655 0-.151.035-.268a.45.45 0 0 1 .117-.2m9.885-5.604q1.244.235 1.754 1.044.51.81.511 2.556 0 3.46-2.092 5.666Q12.816 20 9.558 20a6.9 6.9 0 0 1-2.492-.46 6.2 6.2 0 0 1-2.078-1.284q-.995-.907-1.49-1.916A4.6 4.6 0 0 1 3 14.273q0-1.182.511-1.828.51-.645 1.615-.878a8 8 0 0 1-.304-.811 2 2 0 0 1-.097-.508q0-.618.657-1.264.656-.646 1.235-.646.248 0 .525.089.276.09.635.296Q6.714 5.729 6.231 4.1q-.484-1.629-.484-2.246 0-.853.442-1.353Q6.631 0 7.39 0q1.298 0 3.286 5.77.345.988.525 1.525.152-.426.428-1.21Q13.617.372 15.053.372q.704 0 1.126.474.42.474.42 1.27 0 .605-.462 2.212-.463 1.608-1.402 4.203\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,gBAAgB,OAAwC;AACtE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,8BAAC,UAAK,GAAE,8nEAA6nE,GACvoE;AAEJ;","names":[]}

package/dist/esm/components/icons/LogoCodepen20.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function LogoCodepen20(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ jsx("path", { d: "M18.281 11.438 16.132 10l2.149-1.438zm-7.422 6.096v-4.008l3.727-2.492 3.008 2.011zm-.859-5.5L6.961 10 10 7.966 13.04 10zm-.859 5.5-6.734-4.489 3.008-2.01 3.726 2.491zM1.719 8.562 3.869 10l-2.15 1.438zm7.422-6.097v4.01L5.415 8.965 2.407 6.954zm1.718 0 6.735 4.49-3.008 2.011-3.727-2.492zm9.126 4.338a.86.86 0 0 0-.368-.565L10.477.144a.86.86 0 0 0-.954 0L.383 6.238A.87.87 0 0 0 0 6.953v6.093c0 .282.148.56.383.715l9.14 6.094a.86.86 0 0 0 .954 0l9.14-6.094a.86.86 0 0 0 .383-.715V6.953a.6.6 0 0 0-.015-.15" }) });
+}
+export {
+  LogoCodepen20
+};
+//# sourceMappingURL=LogoCodepen20.js.map

package/dist/esm/components/icons/LogoCodepen20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoCodepen20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoCodepen20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M18.281 11.438 16.132 10l2.149-1.438zm-7.422 6.096v-4.008l3.727-2.492 3.008 2.011zm-.859-5.5L6.961 10 10 7.966 13.04 10zm-.859 5.5-6.734-4.489 3.008-2.01 3.726 2.491zM1.719 8.562 3.869 10l-2.15 1.438zm7.422-6.097v4.01L5.415 8.965 2.407 6.954zm1.718 0 6.735 4.49-3.008 2.011-3.727-2.492zm9.126 4.338a.86.86 0 0 0-.368-.565L10.477.144a.86.86 0 0 0-.954 0L.383 6.238A.87.87 0 0 0 0 6.953v6.093c0 .282.148.56.383.715l9.14 6.094a.86.86 0 0 0 .954 0l9.14-6.094a.86.86 0 0 0 .383-.715V6.953a.6.6 0 0 0-.015-.15\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,cAAc,OAAwC;AACpE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,8BAAC,UAAK,GAAE,2fAA0f,GACpgB;AAEJ;","names":[]}

package/dist/esm/components/icons/LogoDiscord20.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function LogoDiscord20(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ jsx("path", { d: "M16.918 3.742a16.5 16.5 0 0 0-4.068-1.24.06.06 0 0 0-.065.03 11 11 0 0 0-.506 1.022 15.4 15.4 0 0 0-4.569 0 10 10 0 0 0-.515-1.022.06.06 0 0 0-.065-.03A16.6 16.6 0 0 0 3.046 3.75l-.011.014C.445 7.573-.265 11.287.082 14.957a.07.07 0 0 0 .028.047 16.7 16.7 0 0 0 4.988 2.493.07.07 0 0 0 .07-.022q.582-.781 1.025-1.645a.06.06 0 0 0 .003-.05.06.06 0 0 0-.037-.036 11.4 11.4 0 0 1-1.56-.731.063.063 0 0 1 0-.106l.31-.238a.06.06 0 0 1 .065 0 11.98 11.98 0 0 0 10.043 0 .06.06 0 0 1 .065 0q.153.125.31.241a.06.06 0 0 1 .028.053.06.06 0 0 1-.028.052q-.748.43-1.56.729a.07.07 0 0 0-.035.037.07.07 0 0 0 .002.051q.451.854 1.021 1.635a.07.07 0 0 0 .07.022 16.6 16.6 0 0 0 4.997-2.493.06.06 0 0 0 .026-.047 16.3 16.3 0 0 0-2.978-11.196.1.1 0 0 0-.017-.01ZM6.68 12.725c-.985 0-1.796-.892-1.796-1.983s.794-1.986 1.796-1.986 1.81.897 1.796 1.983c-.014 1.085-.797 1.986-1.796 1.986m6.64 0c-.985 0-1.796-.892-1.796-1.983s.794-1.986 1.796-1.986 1.81.897 1.796 1.983c-.014 1.085-.788 1.986-1.796 1.986" }) });
+}
+export {
+  LogoDiscord20
+};
+//# sourceMappingURL=LogoDiscord20.js.map

package/dist/esm/components/icons/LogoDiscord20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoDiscord20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoDiscord20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M16.918 3.742a16.5 16.5 0 0 0-4.068-1.24.06.06 0 0 0-.065.03 11 11 0 0 0-.506 1.022 15.4 15.4 0 0 0-4.569 0 10 10 0 0 0-.515-1.022.06.06 0 0 0-.065-.03A16.6 16.6 0 0 0 3.046 3.75l-.011.014C.445 7.573-.265 11.287.082 14.957a.07.07 0 0 0 .028.047 16.7 16.7 0 0 0 4.988 2.493.07.07 0 0 0 .07-.022q.582-.781 1.025-1.645a.06.06 0 0 0 .003-.05.06.06 0 0 0-.037-.036 11.4 11.4 0 0 1-1.56-.731.063.063 0 0 1 0-.106l.31-.238a.06.06 0 0 1 .065 0 11.98 11.98 0 0 0 10.043 0 .06.06 0 0 1 .065 0q.153.125.31.241a.06.06 0 0 1 .028.053.06.06 0 0 1-.028.052q-.748.43-1.56.729a.07.07 0 0 0-.035.037.07.07 0 0 0 .002.051q.451.854 1.021 1.635a.07.07 0 0 0 .07.022 16.6 16.6 0 0 0 4.997-2.493.06.06 0 0 0 .026-.047 16.3 16.3 0 0 0-2.978-11.196.1.1 0 0 0-.017-.01ZM6.68 12.725c-.985 0-1.796-.892-1.796-1.983s.794-1.986 1.796-1.986 1.81.897 1.796 1.983c-.014 1.085-.797 1.986-1.796 1.986m6.64 0c-.985 0-1.796-.892-1.796-1.983s.794-1.986 1.796-1.986 1.81.897 1.796 1.983c-.014 1.085-.788 1.986-1.796 1.986\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,cAAc,OAAwC;AACpE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,8BAAC,UAAK,GAAE,09BAAy9B,GACn+B;AAEJ;","names":[]}

package/dist/esm/components/icons/LogoDribbble20.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function LogoDribbble20(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ jsx("path", { d: "M19.797 7.988a10 10 0 0 0-.585-1.88 10 10 0 0 0-.922-1.698C15.203-.169 8.988-1.378 4.409 1.71a10 10 0 0 0-2.7 2.7A10 10 0 0 0 .202 7.988a10.15 10.15 0 0 0 0 4.027 10.008 10.008 0 0 0 13.691 7.2 10.002 10.002 0 0 0 5.904-11.226m-1.26 1.927a19.8 19.8 0 0 0-5.947-.28q-.092-.219-.182-.439a30 30 0 0 0-.568-1.24 11 11 0 0 0 4.758-3.379 8.5 8.5 0 0 1 1.942 5.338zm-2.896-6.322a9.3 9.3 0 0 1-4.462 3.09 43 43 0 0 0-3.192-4.98 8.52 8.52 0 0 1 7.654 1.89M6.357 2.28A51 51 0 0 1 9.528 7.2 31.6 31.6 0 0 1 1.643 8.24 8.54 8.54 0 0 1 6.357 2.28M1.461 10q.001-.136.007-.273a31.3 31.3 0 0 0 8.767-1.217c.245.48.479.967.693 1.454q-.169.046-.336.102a13.5 13.5 0 0 0-6.946 5.636A8.5 8.5 0 0 1 1.465 10zm8.544 8.545a8.5 8.5 0 0 1-5.44-1.958c.112.09.191.15.191.15s1.637-3.57 6.702-5.336q.029-.01.058-.017a35.6 35.6 0 0 1 1.823 6.484 8.5 8.5 0 0 1-3.334.677m4.772-1.463a36.7 36.7 0 0 0-1.662-6.099 12.4 12.4 0 0 1 5.323.373 8.55 8.55 0 0 1-3.661 5.727" }) });
+}
+export {
+  LogoDribbble20
+};
+//# sourceMappingURL=LogoDribbble20.js.map

package/dist/esm/components/icons/LogoDribbble20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoDribbble20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoDribbble20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M19.797 7.988a10 10 0 0 0-.585-1.88 10 10 0 0 0-.922-1.698C15.203-.169 8.988-1.378 4.409 1.71a10 10 0 0 0-2.7 2.7A10 10 0 0 0 .202 7.988a10.15 10.15 0 0 0 0 4.027 10.008 10.008 0 0 0 13.691 7.2 10.002 10.002 0 0 0 5.904-11.226m-1.26 1.927a19.8 19.8 0 0 0-5.947-.28q-.092-.219-.182-.439a30 30 0 0 0-.568-1.24 11 11 0 0 0 4.758-3.379 8.5 8.5 0 0 1 1.942 5.338zm-2.896-6.322a9.3 9.3 0 0 1-4.462 3.09 43 43 0 0 0-3.192-4.98 8.52 8.52 0 0 1 7.654 1.89M6.357 2.28A51 51 0 0 1 9.528 7.2 31.6 31.6 0 0 1 1.643 8.24 8.54 8.54 0 0 1 6.357 2.28M1.461 10q.001-.136.007-.273a31.3 31.3 0 0 0 8.767-1.217c.245.48.479.967.693 1.454q-.169.046-.336.102a13.5 13.5 0 0 0-6.946 5.636A8.5 8.5 0 0 1 1.465 10zm8.544 8.545a8.5 8.5 0 0 1-5.44-1.958c.112.09.191.15.191.15s1.637-3.57 6.702-5.336q.029-.01.058-.017a35.6 35.6 0 0 1 1.823 6.484 8.5 8.5 0 0 1-3.334.677m4.772-1.463a36.7 36.7 0 0 0-1.662-6.099 12.4 12.4 0 0 1 5.323.373 8.55 8.55 0 0 1-3.661 5.727\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,eAAe,OAAwC;AACrE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,8BAAC,UAAK,GAAE,w6BAAu6B,GACj7B;AAEJ;","names":[]}

package/dist/esm/components/icons/LogoFacebook20.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function LogoFacebook20(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ jsx("path", { d: "M18.896 0H1.104C.494 0 0 .494 0 1.104v17.792C0 19.506.494 20 1.104 20h9.58v-7.734H8.086V9.238h2.598V7.01c0-2.583 1.577-3.989 3.881-3.989 1.104 0 2.053.082 2.33.119v2.699l-1.59.001c-1.254 0-1.496.596-1.496 1.47v1.928h2.997l-.39 3.028h-2.607V20h5.087c.61 0 1.104-.494 1.104-1.104V1.104C20 .494 19.506 0 18.896 0" }) });
+}
+export {
+  LogoFacebook20
+};
+//# sourceMappingURL=LogoFacebook20.js.map

package/dist/esm/components/icons/LogoFacebook20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoFacebook20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoFacebook20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M18.896 0H1.104C.494 0 0 .494 0 1.104v17.792C0 19.506.494 20 1.104 20h9.58v-7.734H8.086V9.238h2.598V7.01c0-2.583 1.577-3.989 3.881-3.989 1.104 0 2.053.082 2.33.119v2.699l-1.59.001c-1.254 0-1.496.596-1.496 1.47v1.928h2.997l-.39 3.028h-2.607V20h5.087c.61 0 1.104-.494 1.104-1.104V1.104C20 .494 19.506 0 18.896 0\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,eAAe,OAAwC;AACrE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,8BAAC,UAAK,GAAE,yTAAwT,GAClU;AAEJ;","names":[]}

package/dist/esm/components/icons/LogoGithub20.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function LogoGithub20(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ jsx("path", { d: "M9.996.003a9.762 9.762 0 0 0-3.16 19.072.5.5 0 0 0 .683-.47c0-.234-.01-.85-.013-1.665-2.782.59-3.37-1.313-3.37-1.313a2.6 2.6 0 0 0-1.11-1.431c-.908-.607.07-.594.07-.594a2.1 2.1 0 0 1 1.53 1.007 2.155 2.155 0 0 0 2.91.814c.047-.5.273-.964.636-1.31-2.221-.246-4.554-1.09-4.554-4.836a3.74 3.74 0 0 1 1.028-2.625 3.45 3.45 0 0 1 .098-2.59s.84-.263 2.75 1a9.7 9.7 0 0 1 5.007 0c1.909-1.266 2.747-1 2.747-1 .369.817.404 1.747.099 2.59a3.73 3.73 0 0 1 1.028 2.625c0 3.76-2.338 4.588-4.566 4.83.482.475.73 1.138.68 1.812 0 1.31-.013 2.363-.013 2.686a.498.498 0 0 0 .688.469A9.76 9.76 0 0 0 9.996.003" }) });
+}
+export {
+  LogoGithub20
+};
+//# sourceMappingURL=LogoGithub20.js.map

package/dist/esm/components/icons/LogoGithub20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoGithub20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoGithub20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M9.996.003a9.762 9.762 0 0 0-3.16 19.072.5.5 0 0 0 .683-.47c0-.234-.01-.85-.013-1.665-2.782.59-3.37-1.313-3.37-1.313a2.6 2.6 0 0 0-1.11-1.431c-.908-.607.07-.594.07-.594a2.1 2.1 0 0 1 1.53 1.007 2.155 2.155 0 0 0 2.91.814c.047-.5.273-.964.636-1.31-2.221-.246-4.554-1.09-4.554-4.836a3.74 3.74 0 0 1 1.028-2.625 3.45 3.45 0 0 1 .098-2.59s.84-.263 2.75 1a9.7 9.7 0 0 1 5.007 0c1.909-1.266 2.747-1 2.747-1 .369.817.404 1.747.099 2.59a3.73 3.73 0 0 1 1.028 2.625c0 3.76-2.338 4.588-4.566 4.83.482.475.73 1.138.68 1.812 0 1.31-.013 2.363-.013 2.686a.498.498 0 0 0 .688.469A9.76 9.76 0 0 0 9.996.003\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,aAAa,OAAwC;AACnE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,8BAAC,UAAK,GAAE,mlBAAklB,GAC5lB;AAEJ;","names":[]}

package/dist/esm/components/icons/LogoInstagram20.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function LogoInstagram20(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ jsx("path", { d: "M15.338 3.462a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4M10 13.332a3.333 3.333 0 1 1 0-6.664 3.333 3.333 0 0 1 0 6.665m0-8.468a5.135 5.135 0 1 0 0 10.27 5.135 5.135 0 0 0 0-10.27M10 0C7.284 0 6.943.012 5.877.06 4.813.109 4.086.278 3.45.525a4.9 4.9 0 0 0-1.772 1.153A4.9 4.9 0 0 0 .525 3.45C.278 4.086.109 4.813.06 5.877.011 6.944 0 7.284 0 10s.011 3.057.06 4.123c.049 1.065.218 1.79.465 2.428a4.9 4.9 0 0 0 1.153 1.77 4.9 4.9 0 0 0 1.772 1.154c.636.248 1.363.417 2.427.465 1.066.048 1.407.06 4.123.06s3.056-.012 4.123-.06c1.065-.048 1.791-.217 2.427-.465a4.9 4.9 0 0 0 1.771-1.154 4.9 4.9 0 0 0 1.154-1.77c.247-.637.416-1.363.465-2.428.048-1.066.06-1.407.06-4.123s-.012-3.056-.06-4.123c-.049-1.064-.218-1.791-.465-2.427a4.9 4.9 0 0 0-1.154-1.772A4.9 4.9 0 0 0 16.55.525C15.914.278 15.188.109 14.123.06 13.056.012 12.716 0 10 0m0 1.802c2.67 0 2.986.01 4.041.058.975.045 1.505.207 1.857.345.466.18.799.398 1.149.748.351.349.567.683.749 1.149.137.353.299.882.344 1.857.048 1.055.058 1.37.058 4.04s-.01 2.987-.058 4.042c-.045.975-.207 1.504-.344 1.857a3.1 3.1 0 0 1-.749 1.15c-.35.35-.683.566-1.149.748-.352.137-.882.3-1.857.344-1.055.049-1.37.058-4.041.058-2.67 0-2.987-.01-4.041-.058-.975-.044-1.504-.207-1.857-.344a3.1 3.1 0 0 1-1.15-.748 3.1 3.1 0 0 1-.748-1.15c-.137-.353-.3-.882-.344-1.857-.048-1.055-.058-1.371-.058-4.041s.01-2.986.058-4.041c.044-.975.207-1.504.344-1.857.182-.466.399-.8.748-1.15a3.1 3.1 0 0 1 1.15-.747c.353-.138.882-.3 1.857-.345C7.014 1.812 7.33 1.802 10 1.802" }) });
+}
+export {
+  LogoInstagram20
+};
+//# sourceMappingURL=LogoInstagram20.js.map

package/dist/esm/components/icons/LogoInstagram20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoInstagram20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoInstagram20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M15.338 3.462a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4M10 13.332a3.333 3.333 0 1 1 0-6.664 3.333 3.333 0 0 1 0 6.665m0-8.468a5.135 5.135 0 1 0 0 10.27 5.135 5.135 0 0 0 0-10.27M10 0C7.284 0 6.943.012 5.877.06 4.813.109 4.086.278 3.45.525a4.9 4.9 0 0 0-1.772 1.153A4.9 4.9 0 0 0 .525 3.45C.278 4.086.109 4.813.06 5.877.011 6.944 0 7.284 0 10s.011 3.057.06 4.123c.049 1.065.218 1.79.465 2.428a4.9 4.9 0 0 0 1.153 1.77 4.9 4.9 0 0 0 1.772 1.154c.636.248 1.363.417 2.427.465 1.066.048 1.407.06 4.123.06s3.056-.012 4.123-.06c1.065-.048 1.791-.217 2.427-.465a4.9 4.9 0 0 0 1.771-1.154 4.9 4.9 0 0 0 1.154-1.77c.247-.637.416-1.363.465-2.428.048-1.066.06-1.407.06-4.123s-.012-3.056-.06-4.123c-.049-1.064-.218-1.791-.465-2.427a4.9 4.9 0 0 0-1.154-1.772A4.9 4.9 0 0 0 16.55.525C15.914.278 15.188.109 14.123.06 13.056.012 12.716 0 10 0m0 1.802c2.67 0 2.986.01 4.041.058.975.045 1.505.207 1.857.345.466.18.799.398 1.149.748.351.349.567.683.749 1.149.137.353.299.882.344 1.857.048 1.055.058 1.37.058 4.04s-.01 2.987-.058 4.042c-.045.975-.207 1.504-.344 1.857a3.1 3.1 0 0 1-.749 1.15c-.35.35-.683.566-1.149.748-.352.137-.882.3-1.857.344-1.055.049-1.37.058-4.041.058-2.67 0-2.987-.01-4.041-.058-.975-.044-1.504-.207-1.857-.344a3.1 3.1 0 0 1-1.15-.748 3.1 3.1 0 0 1-.748-1.15c-.137-.353-.3-.882-.344-1.857-.048-1.055-.058-1.371-.058-4.041s.01-2.986.058-4.041c.044-.975.207-1.504.344-1.857.182-.466.399-.8.748-1.15a3.1 3.1 0 0 1 1.15-.747c.353-.138.882-.3 1.857-.345C7.014 1.812 7.33 1.802 10 1.802\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,gBAAgB,OAAwC;AACtE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,8BAAC,UAAK,GAAE,48CAA28C,GACr9C;AAEJ;","names":[]}

package/dist/esm/components/icons/LogoLinkedin20.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function LogoLinkedin20(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ jsx("path", { d: "M.516 19.639h3.896V7.296H.516zM2.365 5.752h-.028a2.153 2.153 0 0 1-2.325-2.14 2.376 2.376 0 1 1 2.353 2.14M20 19.64h-4.417v-6.388c0-1.672-.692-2.816-2.211-2.816-.954 0-1.803.608-2.11 1.512-.09.328-.122.67-.09 1.009v6.683H6.791s.056-11.315 0-12.344h4.376v1.937c.259-.846 1.657-2.056 3.888-2.056 2.769 0 4.945 1.776 4.945 5.599z" }) });
+}
+export {
+  LogoLinkedin20
+};
+//# sourceMappingURL=LogoLinkedin20.js.map

package/dist/esm/components/icons/LogoLinkedin20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoLinkedin20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoLinkedin20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M.516 19.639h3.896V7.296H.516zM2.365 5.752h-.028a2.153 2.153 0 0 1-2.325-2.14 2.376 2.376 0 1 1 2.353 2.14M20 19.64h-4.417v-6.388c0-1.672-.692-2.816-2.211-2.816-.954 0-1.803.608-2.11 1.512-.09.328-.122.67-.09 1.009v6.683H6.791s.056-11.315 0-12.344h4.376v1.937c.259-.846 1.657-2.056 3.888-2.056 2.769 0 4.945 1.776 4.945 5.599z\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,eAAe,OAAwC;AACrE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,8BAAC,UAAK,GAAE,0UAAyU,GACnV;AAEJ;","names":[]}

package/dist/esm/components/icons/LogoMedium20.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function LogoMedium20(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, ...props, children: /* @__PURE__ */ jsx("path", { d: "M2.372 5.264a.79.79 0 0 0-.252-.659L.252 2.34V2H6.05l4.482 9.905L14.473 2H20v.34L18.404 3.88a.47.47 0 0 0-.178.451v11.335a.47.47 0 0 0 .178.452l1.559 1.542v.34H12.12v-.34l1.615-1.58c.159-.16.159-.207.159-.45V6.467L9.403 17.962h-.607L3.566 6.468v7.704c-.043.323.064.65.29.884l2.1 2.568v.338H0v-.338l2.1-2.568a1.03 1.03 0 0 0 .272-.884z" }) });
+}
+export {
+  LogoMedium20
+};
+//# sourceMappingURL=LogoMedium20.js.map

package/dist/esm/components/icons/LogoMedium20.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/icons/LogoMedium20.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nexport function LogoMedium20(props: ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} {...props}>\n      <path d=\"M2.372 5.264a.79.79 0 0 0-.252-.659L.252 2.34V2H6.05l4.482 9.905L14.473 2H20v.34L18.404 3.88a.47.47 0 0 0-.178.451v11.335a.47.47 0 0 0 .178.452l1.559 1.542v.34H12.12v-.34l1.615-1.58c.159-.16.159-.207.159-.45V6.467L9.403 17.962h-.607L3.566 6.468v7.704c-.043.323.064.65.29.884l2.1 2.568v.338H0v-.338l2.1-2.568a1.03 1.03 0 0 0 .272-.884z\" />\n    </svg>\n  )\n}\n"],"mappings":"AAKM;AAHC,SAAS,aAAa,OAAwC;AACnE,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAK,GAAG,OACjE,8BAAC,UAAK,GAAE,kVAAiV,GAC3V;AAEJ;","names":[]}