@hanzogui/spacer 2.0.0

package/dist/esm/Spacer.native.js

@@ -0,0 +1,43 @@
+import { styled, View } from "@hanzo/gui-web";
+var getSpacerSize = function (size, param) {
+    var {
+      tokens
+    } = param;
+    size = size === !0 ? "$true" : size;
+    var _tokens_space_size,
+      sizePx = (_tokens_space_size = tokens.space[size]) !== null && _tokens_space_size !== void 0 ? _tokens_space_size : size;
+    return {
+      width: sizePx,
+      height: sizePx,
+      minWidth: sizePx,
+      minHeight: sizePx
+    };
+  },
+  Spacer = styled(View, {
+    name: "Spacer",
+    pointerEvents: "none",
+    render: "span",
+    variants: {
+      size: {
+        "...size": getSpacerSize,
+        "...": getSpacerSize
+      },
+      direction: {
+        horizontal: {
+          height: 0,
+          minHeight: 0
+        },
+        vertical: {
+          width: 0,
+          minWidth: 0
+        },
+        both: {}
+      }
+    },
+    defaultVariants: {
+      // @ts-ignore
+      size: !0
+    }
+  });
+export { Spacer };
+//# sourceMappingURL=Spacer.native.js.map

package/dist/esm/Spacer.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","View","getSpacerSize","size","param","tokens","_tokens_space_size","sizePx","space","width","height","minWidth","minHeight","Spacer","name","pointerEvents","render","variants","direction","horizontal","vertical","both","defaultVariants"],"sources":["../../src/Spacer.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,IAAA,QAA6B;AAE9C,IAAAC,aAAM,YAAAA,CAAsDC,IAAE,EAAAC,KAAO;IACnE;MAAAC;IAAO,IAASD,KAAO;IACvBD,IAAA,GAAMA,IAAA,KAAS,YAAa,GAAAA,IAAW;IACvC,IAAAG,kBAAO;MAAAC,MAAA,IAAAD,kBAAA,GAAAD,MAAA,CAAAG,KAAA,CAAAL,IAAA,eAAAG,kBAAA,cAAAA,kBAAA,GAAAH,IAAA;IAAA,OACL;MACAM,KAAA,EAAAF,MAAQ;MACRG,MAAA,EAAAH,MAAU;MACVI,QAAA,EAAAJ,MAAW;MACbK,SAAA,EAAAL;IACF,CAEa;EAAsB;EACjCM,MAAM,GAAAb,MAAA,CAAAC,IAAA;IACNa,IAAA;IACAC,aAAQ;IAERC,MAAA,QAAU;IAAAC,QACF;MAAAd,IACJ;QACA,SAAO,EAAAD,aAAA;QACT,OAAAA;MAEA;MAAWgB,SACT;QAAYC,UACF;UACRT,MAAA;UACFE,SAAA;QACA;QAAUQ,QACR,EAAO;UACPX,KAAA;UACFE,QAAA;QACA;QACFU,IAAA;MACF;IAEA;IAAiBC,eAAA;MAEf;MACFnB,IAAA;IACD","ignoreList":[]}

package/dist/esm/Unspaced.mjs

@@ -0,0 +1,10 @@
+function Unspaced(props) {
+  return props.children;
+}
+Unspaced.isUnspaced = !0;
+function isUnspaced(child) {
+  const t = child?.type;
+  return t?.isVisuallyHidden || t?.isUnspaced;
+}
+export { Unspaced, isUnspaced };
+//# sourceMappingURL=Unspaced.mjs.map

package/dist/esm/Unspaced.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Unspaced","props","children","isUnspaced","child","t","type","isVisuallyHidden"],"sources":["../../src/Unspaced.tsx"],"sourcesContent":[null],"mappings":"AACO,SAASA,SAASC,KAAA,EAA2B;EAClD,OAAOA,KAAA,CAAMC,QAAA;AACf;AAEAF,QAAA,CAASG,UAAA,GAAgB;AAElB,SAASA,WAAWC,KAAA,EAAwB;EACjD,MAAMC,CAAA,GAAID,KAAA,EAAQE,IAAA;EAClB,OAAOD,CAAA,EAAIE,gBAAA,IAAuBF,CAAA,EAAIF,UAAA;AACxC","ignoreList":[]}

package/dist/esm/Unspaced.native.js

@@ -0,0 +1,10 @@
+function Unspaced(props) {
+  return props.children;
+}
+Unspaced.isUnspaced = !0;
+function isUnspaced(child) {
+  var t = child?.type;
+  return t?.isVisuallyHidden || t?.isUnspaced;
+}
+export { Unspaced, isUnspaced };
+//# sourceMappingURL=Unspaced.native.js.map

package/dist/esm/Unspaced.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Unspaced","props","children","isUnspaced","child","t","type","isVisuallyHidden"],"sources":["../../src/Unspaced.tsx"],"sourcesContent":[null],"mappings":"AACO,SAASA,SAASC,KAAA,EAA2B;EAClD,OAAOA,KAAA,CAAMC,QAAA;AACf;AAEAF,QAAA,CAASG,UAAA,GAAgB;AAElB,SAASA,WAAWC,KAAA,EAAwB;EACjD,IAAAC,CAAA,GAAMD,KAAI,EAAAE,IAAQ;EAClB,OAAOD,CAAA,EAAIE,gBAAA,IAAuBF,CAAA,EAAIF,UAAA;AACxC","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+import { spacedChildren } from "./spacedChildren.mjs";
+export * from "./Spacer.mjs";
+export * from "./Unspaced.mjs";
+export { spacedChildren };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spacedChildren"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,5 @@
+import { spacedChildren } from "./spacedChildren.mjs";
+export * from "./Spacer.mjs";
+export * from "./Unspaced.mjs";
+export { spacedChildren };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["spacedChildren"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,5 @@
+import { spacedChildren } from "./spacedChildren.native.js";
+export * from "./Spacer.native.js";
+export * from "./Unspaced.native.js";
+export { spacedChildren };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spacedChildren"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/spacedChildren.mjs

@@ -0,0 +1,84 @@
+import { createComponent } from "@hanzo/gui-web";
+import React from "react";
+import { Spacer } from "./Spacer.mjs";
+import { isUnspaced } from "./Unspaced.mjs";
+import { jsx } from "react/jsx-runtime";
+function spacedChildren(props) {
+  const {
+      isZStack,
+      children,
+      space,
+      direction,
+      spaceFlex,
+      separator,
+      ensureKeys
+    } = props,
+    hasSpace = !!(space || spaceFlex),
+    hasSeparator = separator != null,
+    areChildrenArray = Array.isArray(children);
+  if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) return children;
+  const childrenList = areChildrenArray ? children : React.Children.toArray(children);
+  if (childrenList.length <= 1 && !isZStack && !childrenList[0]?.type?.shouldForwardSpace) return children;
+  const final = [];
+  for (let [index, child] of childrenList.entries()) {
+    const isEmpty = child == null || Array.isArray(child) && child.length === 0;
+    if (!isEmpty && React.isValidElement(child) && child.type?.shouldForwardSpace && (child = React.cloneElement(child, {
+      space,
+      spaceFlex,
+      separator,
+      key: child.key
+    })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */jsx(React.Fragment, {
+      children: isZStack ? /* @__PURE__ */jsx(AbsoluteFill, {
+        children: child
+      }) : child
+    }, `${index}0t`)), isUnspaced(child) && index === 0 || isZStack) continue;
+    const next = childrenList[index + 1];
+    next && !isEmpty && !isUnspaced(next) && (separator ? (hasSpace && final.push(createSpacer({
+      key: `_${index}_00t`,
+      direction,
+      space,
+      spaceFlex
+    })), final.push(/* @__PURE__ */jsx(React.Fragment, {
+      children: separator
+    }, `${index}03t`)), hasSpace && final.push(createSpacer({
+      key: `_${index}01t`,
+      direction,
+      space,
+      spaceFlex
+    }))) : final.push(createSpacer({
+      key: `_${index}02t`,
+      direction,
+      space,
+      spaceFlex
+    })));
+  }
+  return process.env.NODE_ENV === "development" && props.debug && console.info("  Spaced children", final, props), final;
+}
+function createSpacer({
+  key,
+  direction,
+  space,
+  spaceFlex
+}) {
+  return /* @__PURE__ */jsx(Spacer, {
+    size: space,
+    direction,
+    ...(typeof spaceFlex < "u" && {
+      flex: spaceFlex === !0 ? 1 : spaceFlex === !1 ? 0 : spaceFlex
+    })
+  }, key);
+}
+const AbsoluteFill = createComponent({
+  defaultProps: {
+    display: "flex",
+    flexDirection: "column",
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    pointerEvents: "box-none"
+  }
+});
+export { spacedChildren };
+//# sourceMappingURL=spacedChildren.mjs.map

package/dist/esm/spacedChildren.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createComponent","React","Spacer","isUnspaced","jsx","spacedChildren","props","isZStack","children","space","direction","spaceFlex","separator","ensureKeys","hasSpace","hasSeparator","areChildrenArray","Array","isArray","childrenList","Children","toArray","length","type","shouldForwardSpace","final","index","child","entries","isEmpty","isValidElement","cloneElement","key","push","Fragment","AbsoluteFill","next","createSpacer","process","env","NODE_ENV","debug","console","info","size","flex","defaultProps","display","flexDirection","position","top","right","bottom","left","pointerEvents"],"sources":["../../src/spacedChildren.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/spacedChildren.native.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createComponent } from "@hanzo/gui-web";
+import React from "react";
+import { Spacer } from "./Spacer.native.js";
+import { isUnspaced } from "./Unspaced.native.js";
+function spacedChildren(props) {
+  var _childrenList__type,
+    _childrenList_,
+    {
+      isZStack,
+      children,
+      space,
+      direction,
+      spaceFlex,
+      separator,
+      ensureKeys
+    } = props,
+    hasSpace = !!(space || spaceFlex),
+    hasSeparator = separator != null,
+    areChildrenArray = Array.isArray(children);
+  if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) return children;
+  var childrenList = areChildrenArray ? children : React.Children.toArray(children),
+    len = childrenList.length;
+  if (len <= 1 && !isZStack && !(!((_childrenList_ = childrenList[0]) === null || _childrenList_ === void 0 || (_childrenList__type = _childrenList_.type) === null || _childrenList__type === void 0) && _childrenList__type.shouldForwardSpace)) return children;
+  var final = [],
+    _iteratorNormalCompletion = !0,
+    _didIteratorError = !1,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = childrenList.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+      var [index, child] = _step.value,
+        _child_type,
+        isEmpty = child == null || Array.isArray(child) && child.length === 0;
+      if (!isEmpty && /* @__PURE__ */React.isValidElement(child) && !((_child_type = child.type) === null || _child_type === void 0) && _child_type.shouldForwardSpace && (child = /* @__PURE__ */React.cloneElement(child, {
+        space,
+        spaceFlex,
+        separator,
+        key: child.key
+      })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */_jsx(React.Fragment, {
+        children: isZStack ? /* @__PURE__ */_jsx(AbsoluteFill, {
+          children: child
+        }) : child
+      }, `${index}0t`)), !(isUnspaced(child) && index === 0) && !isZStack) {
+        var next = childrenList[index + 1];
+        next && !isEmpty && !isUnspaced(next) && (separator ? (hasSpace && final.push(createSpacer({
+          key: `_${index}_00t`,
+          direction,
+          space,
+          spaceFlex
+        })), final.push(/* @__PURE__ */_jsx(React.Fragment, {
+          children: separator
+        }, `${index}03t`)), hasSpace && final.push(createSpacer({
+          key: `_${index}01t`,
+          direction,
+          space,
+          spaceFlex
+        }))) : final.push(createSpacer({
+          key: `_${index}02t`,
+          direction,
+          space,
+          spaceFlex
+        })));
+      }
+    }
+  } catch (err) {
+    _didIteratorError = !0, _iteratorError = err;
+  } finally {
+    try {
+      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+    } finally {
+      if (_didIteratorError) throw _iteratorError;
+    }
+  }
+  return process.env.NODE_ENV === "development" && props.debug && console.info("  Spaced children", final, props), final;
+}
+function createSpacer(param) {
+  var {
+    key,
+    direction,
+    space,
+    spaceFlex
+  } = param;
+  return /* @__PURE__ */_jsx(Spacer, {
+    // @ts-ignore
+    size: space,
+    // @ts-ignore
+    direction,
+    ...(typeof spaceFlex < "u" && {
+      flex: spaceFlex === !0 ? 1 : spaceFlex === !1 ? 0 : spaceFlex
+    })
+  }, key);
+}
+var AbsoluteFill = createComponent({
+  defaultProps: {
+    display: "flex",
+    flexDirection: "column",
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    pointerEvents: "box-none"
+  }
+});
+export { spacedChildren };
+//# sourceMappingURL=spacedChildren.native.js.map

package/dist/esm/spacedChildren.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","createComponent","React","Spacer","isUnspaced","spacedChildren","props","_childrenList__type","_childrenList_","isZStack","children","space","direction","spaceFlex","separator","ensureKeys","hasSpace","hasSeparator","areChildrenArray","Array","isArray","childrenList","Children","toArray","len","length","type","shouldForwardSpace","final","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","entries","Symbol","iterator","_step","next","done","index","child","value","_child_type","isEmpty","isValidElement","cloneElement","key","push","Fragment","AbsoluteFill","createSpacer","err","return","process","env","NODE_ENV","debug","console","info","param","size","flex","defaultProps","display"],"sources":["../../src/spacedChildren.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/esm/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/types.native.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.native.js.map

package/dist/esm/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@hanzogui/spacer",
+  "version": "2.0.0",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/web": "2.0.0-rc.29"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "2.0.0-rc.29",
+    "react": ">=19",
+    "react-native": "0.83.2"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-native": "*"
+  }
+}

package/src/Spacer.tsx

@@ -0,0 +1,42 @@
+import { styled, View, type SizeTokens } from '@hanzogui/web'
+
+const getSpacerSize = (size: SizeTokens | number | boolean, { tokens }) => {
+  size = size === true ? '$true' : size
+  const sizePx = tokens.space[size as any] ?? size
+  return {
+    width: sizePx,
+    height: sizePx,
+    minWidth: sizePx,
+    minHeight: sizePx,
+  }
+}
+
+export const Spacer = styled(View, {
+  name: 'Spacer',
+  pointerEvents: 'none',
+  render: 'span',
+
+  variants: {
+    size: {
+      '...size': getSpacerSize,
+      '...': getSpacerSize,
+    },
+
+    direction: {
+      horizontal: {
+        height: 0,
+        minHeight: 0,
+      },
+      vertical: {
+        width: 0,
+        minWidth: 0,
+      },
+      both: {},
+    },
+  } as const,
+
+  defaultVariants: {
+    // @ts-ignore
+    size: true,
+  },
+})

package/src/Unspaced.tsx

@@ -0,0 +1,11 @@
+// for elements to avoid spacing
+export function Unspaced(props: { children?: any }) {
+  return props.children
+}
+
+Unspaced['isUnspaced'] = true
+
+export function isUnspaced(child: React.ReactNode) {
+  const t = child?.['type']
+  return t?.['isVisuallyHidden'] || t?.['isUnspaced']
+}

package/src/index.ts

@@ -0,0 +1,4 @@
+export { spacedChildren } from './spacedChildren'
+export * from './Spacer'
+export * from './Unspaced'
+export type * from './types'

package/src/spacedChildren.tsx

@@ -0,0 +1,134 @@
+import { createComponent } from '@hanzogui/web'
+import React from 'react'
+import { Spacer } from './Spacer'
+import { isUnspaced } from './Unspaced'
+import type { SpacedChildrenProps } from './types'
+
+export function spacedChildren(props: SpacedChildrenProps) {
+  const { isZStack, children, space, direction, spaceFlex, separator, ensureKeys } = props
+  const hasSpace = !!(space || spaceFlex)
+  const hasSeparator = !(separator === undefined || separator === null)
+  const areChildrenArray = Array.isArray(children)
+
+  if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) {
+    return children
+  }
+
+  const childrenList = areChildrenArray
+    ? (children as any[])
+    : React.Children.toArray(children)
+
+  const len = childrenList.length
+  if (len <= 1 && !isZStack && !childrenList[0]?.['type']?.['shouldForwardSpace']) {
+    return children
+  }
+
+  const final: React.ReactNode[] = []
+  for (let [index, child] of childrenList.entries()) {
+    const isEmpty =
+      child === null ||
+      child === undefined ||
+      (Array.isArray(child) && child.length === 0)
+
+    // forward space
+    if (!isEmpty && React.isValidElement(child) && child.type?.['shouldForwardSpace']) {
+      child = React.cloneElement(child, {
+        space,
+        spaceFlex,
+        separator,
+        key: child.key,
+      } as any)
+    }
+
+    // push them all, but wrap some in Fragment
+    if (isEmpty || !child || (child['key'] && !isZStack)) {
+      final.push(child)
+    } else {
+      final.push(
+        <React.Fragment key={`${index}0t`}>
+          {isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}
+        </React.Fragment>
+      )
+    }
+
+    // first child unspaced avoid insert space
+    if (isUnspaced(child) && index === 0) continue
+    // no spacing on ZStack
+    if (isZStack) continue
+
+    const next = childrenList[index + 1]
+
+    if (next && !isEmpty && !isUnspaced(next)) {
+      if (separator) {
+        if (hasSpace) {
+          final.push(
+            createSpacer({
+              key: `_${index}_00t`,
+              direction,
+              space,
+              spaceFlex,
+            })
+          )
+        }
+        final.push(<React.Fragment key={`${index}03t`}>{separator}</React.Fragment>)
+        if (hasSpace) {
+          final.push(
+            createSpacer({
+              key: `_${index}01t`,
+              direction,
+              space,
+              spaceFlex,
+            })
+          )
+        }
+      } else {
+        final.push(
+          createSpacer({
+            key: `_${index}02t`,
+            direction,
+            space,
+            spaceFlex,
+          })
+        )
+      }
+    }
+  }
+
+  if (process.env.NODE_ENV === 'development') {
+    if (props.debug) {
+      console.info(`  Spaced children`, final, props)
+    }
+  }
+
+  return final
+}
+
+type CreateSpacerProps = SpacedChildrenProps & { key: string }
+
+function createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {
+  return (
+    <Spacer
+      key={key}
+      // @ts-ignore
+      size={space}
+      // @ts-ignore
+      direction={direction}
+      {...(typeof spaceFlex !== 'undefined' && {
+        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex,
+      })}
+    />
+  )
+}
+
+const AbsoluteFill: any = createComponent({
+  defaultProps: {
+    display: 'flex',
+    flexDirection: 'column',
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    pointerEvents: 'box-none',
+  },
+})

package/src/types.ts

@@ -0,0 +1,21 @@
+import type { DebugProp, SpaceTokens, SpaceValue } from '@hanzogui/web'
+
+export type SpaceDirection = 'vertical' | 'horizontal' | 'both'
+
+export type SpacedChildrenProps = {
+  isZStack?: boolean
+  children?: React.ReactNode
+  space?: SpaceValue
+  spaceFlex?: boolean | number
+  direction?: SpaceDirection
+  separator?: React.ReactNode
+  ensureKeys?: boolean
+  debug?: DebugProp
+}
+
+export type SpaceProps = {
+  space?: SpaceTokens | number
+  spaceDirection?: SpaceDirection
+  separator?: React.ReactNode
+  flex?: SpaceTokens | number | boolean
+}

package/types/Spacer.d.ts

@@ -0,0 +1,2 @@
+export declare const Spacer: any;
+//# sourceMappingURL=Spacer.d.ts.map

package/types/Spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../src/Spacer.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,MAAM,KA4BjB,CAAA"}

package/types/Unspaced.d.ts

@@ -0,0 +1,8 @@
+export declare function Unspaced(props: {
+    children?: any;
+}): any;
+export declare namespace Unspaced {
+    var isUnspaced: boolean;
+}
+export declare function isUnspaced(child: React.ReactNode): any;
+//# sourceMappingURL=Unspaced.d.ts.map

package/types/Unspaced.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Unspaced.d.ts","sourceRoot":"","sources":["../src/Unspaced.tsx"],"names":[],"mappings":"AACA,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAMxB,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,OAGhD"}

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export { spacedChildren } from './spacedChildren';
+export * from './Spacer';
+export * from './Unspaced';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,mBAAmB,SAAS,CAAA"}

package/types/spacedChildren.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SpacedChildrenProps } from './types';
+export declare function spacedChildren(props: SpacedChildrenProps): React.ReactNode;
+//# sourceMappingURL=spacedChildren.d.ts.map

package/types/spacedChildren.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacedChildren.d.ts","sourceRoot":"","sources":["../src/spacedChildren.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD"}