@multiplatform.one/components 6.1.0 → 6.4.0

package/dist/esm/Badge/Badge.stories.native.js

@@ -1,486 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BellIcon, EnvelopeIcon, ShoppingCartIcon, UserIcon } from "@phosphor-icons/react";
-import { Button, XStack, YStack, Text, View } from "tamagui";
-import { Badge } from "./index.native.js";
-var meta = {
-  title: "Components/Badge",
-  component: Badge,
-  parameters: {
-    status: {
-      type: "stable"
-    },
-    docs: {
-      description: {
-        component: "A notification badge component that wraps any element and displays a count or dot indicator. Commonly used on icons and buttons to show notification counts."
-      }
-    }
-  }
-};
-var Badge_stories_default = meta;
-var IconButton = function IconButton2(param) {
-  var {
-    children
-  } = param;
-  return /* @__PURE__ */_jsx(View, {
-    width: 44,
-    height: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "$color3",
-    borderRadius: "$3",
-    children
-  });
-};
-var Default = {
-  name: "Main",
-  render: function render() {
-    return /* @__PURE__ */_jsx(Badge, {
-      count: 5,
-      children: /* @__PURE__ */_jsx(IconButton, {
-        children: /* @__PURE__ */_jsx(BellIcon, {
-          size: 24
-        })
-      })
-    });
-  }
-};
-var WithCount = {
-  render: function render2() {
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsx(Badge, {
-        count: 1,
-        children: /* @__PURE__ */_jsx(IconButton, {
-          children: /* @__PURE__ */_jsx(EnvelopeIcon, {
-            size: 24
-          })
-        })
-      }), /* @__PURE__ */_jsx(Badge, {
-        count: 12,
-        children: /* @__PURE__ */_jsx(IconButton, {
-          children: /* @__PURE__ */_jsx(BellIcon, {
-            size: 24
-          })
-        })
-      }), /* @__PURE__ */_jsx(Badge, {
-        count: 99,
-        children: /* @__PURE__ */_jsx(IconButton, {
-          children: /* @__PURE__ */_jsx(ShoppingCartIcon, {
-            size: 24
-          })
-        })
-      }), /* @__PURE__ */_jsx(Badge, {
-        count: 150,
-        children: /* @__PURE__ */_jsx(IconButton, {
-          children: /* @__PURE__ */_jsx(UserIcon, {
-            size: 24
-          })
-        })
-      })]
-    });
-  }
-};
-var MaxCount = {
-  render: function render3() {
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsx(Badge, {
-        count: 100,
-        max: 99,
-        children: /* @__PURE__ */_jsx(IconButton, {
-          children: /* @__PURE__ */_jsx(BellIcon, {
-            size: 24
-          })
-        })
-      }), /* @__PURE__ */_jsx(Badge, {
-        count: 1e3,
-        max: 999,
-        children: /* @__PURE__ */_jsx(IconButton, {
-          children: /* @__PURE__ */_jsx(EnvelopeIcon, {
-            size: 24
-          })
-        })
-      })]
-    });
-  }
-};
-var DotVariant = {
-  render: function render4() {
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsx(Badge, {
-        dot: true,
-        children: /* @__PURE__ */_jsx(IconButton, {
-          children: /* @__PURE__ */_jsx(BellIcon, {
-            size: 24
-          })
-        })
-      }), /* @__PURE__ */_jsx(Badge, {
-        dot: true,
-        color: "blue",
-        children: /* @__PURE__ */_jsx(IconButton, {
-          children: /* @__PURE__ */_jsx(EnvelopeIcon, {
-            size: 24
-          })
-        })
-      }), /* @__PURE__ */_jsx(Badge, {
-        dot: true,
-        color: "green",
-        children: /* @__PURE__ */_jsx(IconButton, {
-          children: /* @__PURE__ */_jsx(UserIcon, {
-            size: 24
-          })
-        })
-      })]
-    });
-  }
-};
-var Colors = {
-  render: function render5() {
-    var colors = ["red", "blue", "green", "orange", "gray"];
-    return /* @__PURE__ */_jsxs(YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Text, {
-          fontWeight: "600",
-          children: "Count badges"
-        }), /* @__PURE__ */_jsx(XStack, {
-          gap: "$4",
-          children: colors.map(function (color) {
-            return /* @__PURE__ */_jsx(Badge, {
-              count: 5,
-              color,
-              children: /* @__PURE__ */_jsx(IconButton, {
-                children: /* @__PURE__ */_jsx(BellIcon, {
-                  size: 24
-                })
-              })
-            }, color);
-          })
-        })]
-      }), /* @__PURE__ */_jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Text, {
-          fontWeight: "600",
-          children: "Dot badges"
-        }), /* @__PURE__ */_jsx(XStack, {
-          gap: "$4",
-          children: colors.map(function (color) {
-            return /* @__PURE__ */_jsx(Badge, {
-              dot: true,
-              color,
-              children: /* @__PURE__ */_jsx(IconButton, {
-                children: /* @__PURE__ */_jsx(BellIcon, {
-                  size: 24
-                })
-              })
-            }, color);
-          })
-        })]
-      })]
-    });
-  }
-};
-var Positions = {
-  render: function render6() {
-    var positions = ["top-right", "top-left", "bottom-right", "bottom-left"];
-    return /* @__PURE__ */_jsx(XStack, {
-      gap: "$6",
-      children: positions.map(function (position) {
-        return /* @__PURE__ */_jsxs(YStack, {
-          alignItems: "center",
-          gap: "$2",
-          children: [/* @__PURE__ */_jsx(Badge, {
-            count: 5,
-            position,
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          }), /* @__PURE__ */_jsx(Text, {
-            fontSize: "$1",
-            color: "$color10",
-            children: position
-          })]
-        }, position);
-      })
-    });
-  }
-};
-var WithOffset = {
-  render: function render7() {
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$6",
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        alignItems: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Badge, {
-          count: 5,
-          offset: [0, 0],
-          children: /* @__PURE__ */_jsx(IconButton, {
-            children: /* @__PURE__ */_jsx(BellIcon, {
-              size: 24
-            })
-          })
-        }), /* @__PURE__ */_jsx(Text, {
-          fontSize: "$1",
-          color: "$color10",
-          children: "No offset"
-        })]
-      }), /* @__PURE__ */_jsxs(YStack, {
-        alignItems: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Badge, {
-          count: 5,
-          offset: [4, 4],
-          children: /* @__PURE__ */_jsx(IconButton, {
-            children: /* @__PURE__ */_jsx(BellIcon, {
-              size: 24
-            })
-          })
-        }), /* @__PURE__ */_jsx(Text, {
-          fontSize: "$1",
-          color: "$color10",
-          children: "Offset [4, 4]"
-        })]
-      }), /* @__PURE__ */_jsxs(YStack, {
-        alignItems: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Badge, {
-          count: 5,
-          offset: [-4, -4],
-          children: /* @__PURE__ */_jsx(IconButton, {
-            children: /* @__PURE__ */_jsx(BellIcon, {
-              size: 24
-            })
-          })
-        }), /* @__PURE__ */_jsx(Text, {
-          fontSize: "$1",
-          color: "$color10",
-          children: "Offset [-4, -4]"
-        })]
-      })]
-    });
-  }
-};
-var ShowZero = {
-  render: function render8() {
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        alignItems: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Badge, {
-          count: 0,
-          children: /* @__PURE__ */_jsx(IconButton, {
-            children: /* @__PURE__ */_jsx(BellIcon, {
-              size: 24
-            })
-          })
-        }), /* @__PURE__ */_jsx(Text, {
-          fontSize: "$1",
-          color: "$color10",
-          children: "count=0 (hidden)"
-        })]
-      }), /* @__PURE__ */_jsxs(YStack, {
-        alignItems: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Badge, {
-          count: 0,
-          showZero: true,
-          children: /* @__PURE__ */_jsx(IconButton, {
-            children: /* @__PURE__ */_jsx(BellIcon, {
-              size: 24
-            })
-          })
-        }), /* @__PURE__ */_jsx(Text, {
-          fontSize: "$1",
-          color: "$color10",
-          children: "count=0, showZero"
-        })]
-      })]
-    });
-  }
-};
-var Visibility = {
-  render: function render9() {
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        alignItems: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Badge, {
-          count: 5,
-          visible: true,
-          children: /* @__PURE__ */_jsx(IconButton, {
-            children: /* @__PURE__ */_jsx(BellIcon, {
-              size: 24
-            })
-          })
-        }), /* @__PURE__ */_jsx(Text, {
-          fontSize: "$1",
-          color: "$color10",
-          children: "visible=true"
-        })]
-      }), /* @__PURE__ */_jsxs(YStack, {
-        alignItems: "center",
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Badge, {
-          count: 5,
-          visible: false,
-          children: /* @__PURE__ */_jsx(IconButton, {
-            children: /* @__PURE__ */_jsx(BellIcon, {
-              size: 24
-            })
-          })
-        }), /* @__PURE__ */_jsx(Text, {
-          fontSize: "$1",
-          color: "$color10",
-          children: "visible=false"
-        })]
-      })]
-    });
-  }
-};
-var OnButtons = {
-  render: function render10() {
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsx(Badge, {
-        count: 3,
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "Messages"
-        })
-      }), /* @__PURE__ */_jsx(Badge, {
-        dot: true,
-        color: "green",
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "Status"
-        })
-      })]
-    });
-  }
-};
-var AllStates = {
-  render: function render11() {
-    return /* @__PURE__ */_jsxs(YStack, {
-      gap: "$6",
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Text, {
-          fontWeight: "600",
-          children: "Counts"
-        }), /* @__PURE__ */_jsxs(XStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */_jsx(Badge, {
-            count: 1,
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          }), /* @__PURE__ */_jsx(Badge, {
-            count: 10,
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          }), /* @__PURE__ */_jsx(Badge, {
-            count: 99,
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          }), /* @__PURE__ */_jsx(Badge, {
-            count: 100,
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          })]
-        })]
-      }), /* @__PURE__ */_jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Text, {
-          fontWeight: "600",
-          children: "Dots"
-        }), /* @__PURE__ */_jsxs(XStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */_jsx(Badge, {
-            dot: true,
-            color: "red",
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          }), /* @__PURE__ */_jsx(Badge, {
-            dot: true,
-            color: "blue",
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          }), /* @__PURE__ */_jsx(Badge, {
-            dot: true,
-            color: "green",
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          })]
-        })]
-      }), /* @__PURE__ */_jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Text, {
-          fontWeight: "600",
-          children: "Positions"
-        }), /* @__PURE__ */_jsxs(XStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */_jsx(Badge, {
-            count: 1,
-            position: "top-right",
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          }), /* @__PURE__ */_jsx(Badge, {
-            count: 1,
-            position: "top-left",
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          }), /* @__PURE__ */_jsx(Badge, {
-            count: 1,
-            position: "bottom-right",
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          }), /* @__PURE__ */_jsx(Badge, {
-            count: 1,
-            position: "bottom-left",
-            children: /* @__PURE__ */_jsx(IconButton, {
-              children: /* @__PURE__ */_jsx(BellIcon, {
-                size: 24
-              })
-            })
-          })]
-        })]
-      })]
-    });
-  }
-};
-export { AllStates, Colors, Default, DotVariant, MaxCount, OnButtons, Positions, ShowZero, Visibility, WithCount, WithOffset, Badge_stories_default as default };
-//# sourceMappingURL=Badge.stories.native.js.map

package/dist/esm/Badge/Badge.stories.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","BellIcon","EnvelopeIcon","ShoppingCartIcon","UserIcon","Button","XStack","YStack","Text","View","Badge","meta","title","component","parameters","status","type","docs","description","Badge_stories_default","IconButton","IconButton2","param","children","width","height","alignItems","justifyContent","backgroundColor","borderRadius","Default","name","render","count","size","WithCount","render2","gap","MaxCount","render3","max","DotVariant","render4","dot","color","Colors","render5","colors"],"sources":["../../../src/Badge/Badge.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}