@brand-map/primitives 0.0.0-broken.1 → 0.0.0-broken.2

package/src/toolbar/toolbar.web.tsx

@@ -1,8 +1,8 @@
 // import * as Toolbar from "@radix-ui/react-toolbar";
-// import * as React from "react";
+//
 // import { Pressable, View, type GestureResponderEvent } from "react-native";
 
-// import * as Slot from "../slot";
+// import * as Render from "../render";
 // import { ToggleGroupUtils } from "../utils";
 
 // import type {
@@ -20,7 +20,7 @@
 //   ToggleItemRef,
 // } from "./types";
 
-// const Root = React.forwardRef<RootRef, RootProps>(({ orientation, dir, loop, style, ...props }, ref) => {
+// const Root = forwardRef<RootRef, RootProps>(({ orientation, dir, loop, style, ...props }, ref) => {
 //
 //   return (
 //     <Toolbar.Root
@@ -39,9 +39,9 @@
 
 // Root.displayName = "RootWebToolbar";
 
-// const ToggleGroupContext = React.createContext<ToggleGroupProps | null>(null);
+// const ToggleGroupContext = createContext<ToggleGroupProps | null>(null);
 
-// const ToggleGroup = React.forwardRef<ToggleGroupRef, ToggleGroupProps>(
+// const ToggleGroup = forwardRef<ToggleGroupRef, ToggleGroupProps>(
 //   ({ render, type, value, onValueChange, disabled = false, style, ...viewProps }, ref) => {
 //
 //     return (
@@ -75,18 +75,18 @@
 // ToggleGroup.displayName = "ToggleGroupWebToolbar";
 
 // function useToggleGroupContext() {
-//   const context = React.useContext(ToggleGroupContext);
+//   const context = useContext(ToggleGroupContext);
 //   if (!context) {
 //     throw new Error("ToggleGroup compound components cannot be rendered outside the ToggleGroup component");
 //   }
 //   return context;
 // }
 
-// const ToggleItem = React.forwardRef<ToggleItemRef, ToggleItemProps>(
+// const ToggleItem = forwardRef<ToggleItemRef, ToggleItemProps>(
 //   ({ render, value: itemValue, disabled: disabledProp = false, onPress: onPressProp, style, ...props }, ref) => {
 //     const { type, disabled, value, onValueChange } = useToggleGroupContext();
 
-//     function onPress(ev: GestureResponderEvent) {
+//     function onPress(event: GestureResponderEvent) {
 //       if (disabled || disabledProp) return;
 //       if (type === "single") {
 //         onValueChange(ToggleGroupUtils.getNewSingleValue(value, itemValue));
@@ -94,7 +94,7 @@
 //       if (type === "multiple") {
 //         onValueChange(ToggleGroupUtils.getNewMultipleValue(value, itemValue));
 //       }
-//       onPressProp?.(ev);
+//       onPressProp?.(event);
 //     }
 
 //
@@ -116,7 +116,7 @@
 
 // ToggleItem.displayName = "ToggleItemWebToolbar";
 
-// const Separator = React.forwardRef<SeparatorRef, SeparatorProps>(({ style, ...props }, ref) => {
+// const Separator = forwardRef<SeparatorRef, SeparatorProps>(({ style, ...props }, ref) => {
 //
 //   return (
 //     <Component
@@ -128,7 +128,7 @@
 
 // Separator.displayName = "SeparatorWebToolbar";
 
-// const Link = React.forwardRef<LinkRef, LinkProps>(({ style, ...props }, ref) => {
+// const Link = forwardRef<LinkRef, LinkProps>(({ style, ...props }, ref) => {
 //
 //   return (
 //     <Toolbar.Link render>
@@ -142,7 +142,7 @@
 
 // Link.displayName = "LinkWebToolbar";
 
-// const Button = React.forwardRef<ButtonRef, ButtonProps>(({ style, ...props }, ref) => {
+// const Button = forwardRef<ButtonRef, ButtonProps>(({ style, ...props }, ref) => {
 //
 //   return (
 //     <Toolbar.Button render>

package/src/tooltip/tooltip.tsx

@@ -1,9 +1,9 @@
-import * as React from "react";
+import { createContext, forwardRef, useId, useState, useContext, useEffect } from "react";
 import { BackHandler, Pressable, View, type GestureResponderEvent, type LayoutChangeEvent, type LayoutRectangle } from "react-native";
 
 import { useAugmentedRef, useRelativePosition, type LayoutPosition } from "../hooks";
 import { Portal as RNPPortal } from "../portal";
-import * as Slot from "../slot";
+import * as Render from "../render";
 
 import type { ContentProps, ContentRef, BackdropProps, BackdropRef, PortalProps, RootProps, RootRef, TriggerProps, TriggerRef } from "./types";
 
@@ -17,9 +17,9 @@ interface RootContextInterface {
   nativeID: string;
 }
 
-const RootContext = React.createContext<RootContextInterface | null>(null);
+const RootContext = createContext<RootContextInterface | null>(null);
 
-const Root = React.forwardRef<RootRef, RootProps>(
+const Root = forwardRef<RootRef, RootProps>(
   (
     {
       render,
@@ -31,10 +31,10 @@ const Root = React.forwardRef<RootRef, RootProps>(
     },
     ref,
   ) => {
-    const nativeID = React.useId();
-    const [triggerPosition, setTriggerPosition] = React.useState<LayoutPosition | null>(null);
-    const [contentLayout, setContentLayout] = React.useState<LayoutRectangle | null>(null);
-    const [open, setOpen] = React.useState(false);
+    const nativeID = useId();
+    const [triggerPosition, setTriggerPosition] = useState<LayoutPosition | null>(null);
+    const [contentLayout, setContentLayout] = useState<LayoutRectangle | null>(null);
+    const [open, setOpen] = useState(false);
 
     function onOpenChange(value: boolean) {
       setOpen(value);
@@ -65,14 +65,14 @@ const Root = React.forwardRef<RootRef, RootProps>(
 Root.displayName = "RootNativeTooltip";
 
 function useTooltipContext() {
-  const context = React.useContext(RootContext);
+  const context = useContext(RootContext);
   if (!context) {
     throw new Error("Tooltip compound components cannot be rendered outside the Tooltip component");
   }
   return context;
 }
 
-const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, disabled = false, ...props }, ref) => {
+const Trigger = forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, disabled = false, ...props }, ref) => {
   const { open, onOpenChange, setTriggerPosition } = useTooltipContext();
 
   const augmentedRef = useAugmentedRef({
@@ -91,14 +91,14 @@ const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressPr
     },
   });
 
-  function onPress(ev: GestureResponderEvent) {
+  function onPress(event: GestureResponderEvent) {
     if (disabled) return;
     augmentedRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
       setTriggerPosition({ width, pageX, pageY: pageY, height });
     });
     const newValue = !open;
     onOpenChange(newValue);
-    onPressProp?.(ev);
+    onPressProp?.(event);
   }
 
   return (
@@ -141,16 +141,16 @@ function Portal({ keepMounted, hostName, children }: PortalProps) {
   );
 }
 
-const Backdrop = React.forwardRef<BackdropRef, BackdropProps>(({ keepMounted, onPress: OnPressProp, closeOnPress = true, ...props }, ref) => {
+const Backdrop = forwardRef<BackdropRef, BackdropProps>(({ keepMounted, onPress: onPressProp, closeOnPress = true, ...props }, ref) => {
   const { open, onOpenChange, setContentLayout, setTriggerPosition } = useTooltipContext();
 
-  function onPress(ev: GestureResponderEvent) {
+  function onPress(event: GestureResponderEvent) {
     if (closeOnPress) {
       setTriggerPosition(null);
       setContentLayout(null);
       onOpenChange(false);
     }
-    OnPressProp?.(ev);
+    onPressProp?.(event);
   }
 
   if (!keepMounted) {
@@ -173,7 +173,7 @@ Backdrop.displayName = "BackdropNativeTooltip";
 /**
  * @info `position`, `top`, `left`, and `maxWidth` style properties are controlled internally. Opt out of this behavior on native by setting `disablePositioningStyle` to `true`.
  */
-const Content = React.forwardRef<ContentRef, ContentProps>(
+const Content = forwardRef<ContentRef, ContentProps>(
   (
     {
       render = false,
@@ -193,7 +193,7 @@ const Content = React.forwardRef<ContentRef, ContentProps>(
   ) => {
     const { open, onOpenChange, nativeID, contentLayout, setContentLayout, setTriggerPosition, triggerPosition } = useTooltipContext();
 
-    React.useEffect(() => {
+    useEffect(() => {
       const backHandler = BackHandler.addEventListener("hardwareBackPress", () => {
         setTriggerPosition(null);
         setContentLayout(null);

package/src/tooltip/tooltip.web.tsx

@@ -1,20 +1,20 @@
 // import * as Tooltip from "@radix-ui/react-tooltip";
-// import * as React from "react";
+//
 // import { Pressable, View, type GestureResponderEvent } from "react-native";
 
 // import { useAugmentedRef, useIsomorphicLayoutEffect } from "../hooks";
-// import * as Slot from "../slot";
+// import * as Render from "../render";
 
 // import type { ContentProps, ContentRef, BackdropProps, BackdropRef, PortalProps, RootProps, RootRef, TriggerProps, TriggerRef } from "./types";
 
-// const RootContext = React.createContext<{
+// const RootContext = createContext<{
 //   open: boolean;
 //   onOpenChange: (open: boolean) => void;
 // } | null>(null);
 
-// const Root = React.forwardRef<RootRef, RootProps>(
+// const Root = forwardRef<RootRef, RootProps>(
 //   ({ render, delayDuration, skipDelayDuration, disableHoverableContent, onOpenChange: onOpenChangeProp, ...viewProps }, ref) => {
-//     const [open, setOpen] = React.useState(false);
+//     const [open, setOpen] = useState(false);
 
 //     function onOpenChange(value: boolean) {
 //       setOpen(value);
@@ -49,14 +49,14 @@
 // Root.displayName = "RootWebTooltip";
 
 // function useTooltipContext() {
-//   const context = React.useContext(RootContext);
+//   const context = useContext(RootContext);
 //   if (!context) {
 //     throw new Error("Tooltip compound components cannot be rendered outside the Tooltip component");
 //   }
 //   return context;
 // }
 
-// const Trigger = React.forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, role: _role, disabled, ...props }, ref) => {
+// const Trigger = forwardRef<TriggerRef, TriggerProps>(({ onPress: onPressProp, role: _role, disabled, ...props }, ref) => {
 //   const { onOpenChange, open } = useTooltipContext();
 //   const augmentedRef = useAugmentedRef({
 //     ref,
@@ -69,9 +69,9 @@
 //       },
 //     },
 //   });
-//   function onPress(ev: GestureResponderEvent) {
+//   function onPress(event: GestureResponderEvent) {
 //     if (onPressProp) {
-//       onPressProp(ev);
+//       onPressProp(event);
 //     }
 //     onOpenChange(!open);
 //   }
@@ -113,7 +113,7 @@
 //   );
 // }
 
-// const Backdrop = React.forwardRef<BackdropRef, BackdropProps>(({ keepMounted, ...props }, ref) => {
+// const Backdrop = forwardRef<BackdropRef, BackdropProps>(({ keepMounted, ...props }, ref) => {
 //
 //   return (
 //     <Component
@@ -125,7 +125,7 @@
 
 // Backdrop.displayName = "BackdropWebTooltip";
 
-// const Content = React.forwardRef<ContentRef, ContentProps>(
+// const Content = forwardRef<ContentRef, ContentProps>(
 //   (
 //     {
 //       render = false,

package/src/types/index.ts

@@ -1,31 +1,22 @@
-import type { Pressable, Text, View, ViewStyle } from "react-native";
-
-type ComponentPropsWithRender<T extends React.ElementType> = BrandMapUIComponentProps<T>;
+import type { Insets, Pressable, Text, View, ViewStyle } from "react-native";
 
+type TextRef = React.ComponentRef<typeof Text>;
 type ViewRef = React.ComponentRef<typeof View>;
 type PressableRef = React.ComponentRef<typeof Pressable>;
-type TextRef = React.ComponentRef<typeof Text>;
 
+type RenderTextProps = BrandMapUIComponentProps<typeof Text>;
 type RenderViewProps<S = {}> = BrandMapUIComponentProps<typeof View, S>;
 type RenderPressableProps<S = {}> = BrandMapUIComponentProps<typeof Pressable, S> & {
   /**
    * @platform: WEB ONLY
    */
-  onKeyDown?: (ev: React.KeyboardEvent) => void;
+  onKeyDown?: (event: React.KeyboardEvent) => void;
 
   /**
    * @platform: WEB ONLY
    */
-  onKeyUp?: (ev: React.KeyboardEvent) => void;
+  onKeyUp?: (event: React.KeyboardEvent) => void;
 };
-type RenderTextProps = BrandMapUIComponentProps<typeof Text>;
-
-interface Insets {
-  top?: number;
-  bottom?: number;
-  left?: number;
-  right?: number;
-}
 
 type PointerDownOutsideEvent = CustomEvent<{ originalEvent: PointerEvent }>;
 type FocusOutsideEvent = CustomEvent<{ originalEvent: FocusEvent }>;
@@ -128,7 +119,6 @@ type BrandMapUIComponentProps<
 export type {
   BrandMapUIComponentProps,
   ComponentRenderFn,
-  ComponentPropsWithRender,
   KeepMountable,
   Insets,
   PositionedContentProps,

package/.changeset/README.md

@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/config.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
-  "changelog": "@changesets/cli/changelog",
-  "commit": false,
-  "fixed": [],
-  "linked": [],
-  "access": "restricted",
-  "baseBranch": "main",
-  "updateInternalDependencies": "patch",
-  "ignore": []
-}

package/.oxfmtrc.json

@@ -1,35 +0,0 @@
-{
-  "$schema": "./node_modules/oxfmt/configuration_schema.json",
-  "ignorePatterns": ["*.hbs", "brand-map-postgres.schema.d.ts", ".yaml", "_*", "*.gen.ts"],
-  "printWidth": 160,
-  "tabWidth": 2,
-  "semi": true,
-  "arrowParens": "always",
-  "experimentalSortPackageJson": {
-    "sortScripts": true
-  },
-  "useTabs": false,
-  "trailingComma": "all",
-  "singleQuote": false,
-  "singleAttributePerLine": true,
-  "quoteProps": "consistent",
-  "insertFinalNewline": true,
-  "embeddedLanguageFormatting": "auto",
-  "bracketSpacing": true,
-  "objectWrap": "preserve",
-  "endOfLine": "lf",
-  "jsxSingleQuote": false,
-  "bracketSameLine": false,
-  "experimentalTailwindcss": { "functions": ["cn", "cvax", "clsx", "cx"] },
-  "experimentalSortImports": {
-    "groups": [
-      ["side-effect"],
-      ["builtin"],
-      ["external", "external-type"],
-      ["internal", "internal-type"],
-      ["parent", "parent-type"],
-      ["sibling", "sibling-type"],
-      ["index", "index-type"]
-    ]
-  }
-}

package/.oxlintrc.json

@@ -1,166 +0,0 @@
-{
-  "$schema": "./node_modules/oxlint/configuration_schema.json",
-  "plugins": ["unicorn", "typescript", "oxc", "import"],
-  "categories": {},
-  "rules": {
-    "constructor-super": "warn",
-    "for-direction": "warn",
-    "no-async-promise-executor": "warn",
-    "no-caller": "warn",
-    "promise/always-return": "error",
-    "oxc/approx-constant": "error",
-    "no-class-assign": "warn",
-    "no-compare-neg-zero": "warn",
-    "no-cond-assign": "warn",
-    "no-const-assign": "warn",
-    "eslint/accessor-pairs": "error",
-    "typescript/adjacent-overload-signatures": "error",
-    "no-constant-binary-expression": "warn",
-    "no-constant-condition": "warn",
-    "no-control-regex": "warn",
-    "no-debugger": "warn",
-    "no-delete-var": "warn",
-    "no-dupe-class-members": "warn",
-    "no-dupe-else-if": "warn",
-    "no-dupe-keys": "warn",
-    "no-duplicate-case": "warn",
-    "no-empty-character-class": "warn",
-    "no-empty-pattern": "warn",
-    "no-empty-static-block": "warn",
-    "no-eval": "warn",
-    "no-ex-assign": "warn",
-    "no-extra-boolean-cast": "warn",
-    "no-func-assign": "warn",
-    "no-global-assign": "warn",
-    "no-import-assign": "error",
-    "no-invalid-regexp": "warn",
-    "no-irregular-whitespace": "warn",
-    "no-loss-of-precision": "warn",
-    "no-new-native-nonconstructor": "warn",
-    "no-nonoctal-decimal-escape": "warn",
-    "typescript/no-require-imports": "error",
-    "eslint/no-else-return": "error",
-    "no-obj-calls": "warn",
-    "no-self-assign": "warn",
-    "no-setter-return": "warn",
-    "no-shadow-restricted-names": "warn",
-    "no-sparse-arrays": "warn",
-    "no-this-before-super": "warn",
-    "no-unassigned-vars": "warn",
-    "no-unsafe-finally": "warn",
-    "no-unsafe-negation": "warn",
-    "no-unsafe-optional-chaining": "warn",
-    "no-unused-expressions": "allow",
-    "no-unused-labels": "warn",
-    "no-unused-private-class-members": "error",
-    "no-unused-vars": "error",
-    "no-useless-backreference": "warn",
-    "no-useless-catch": "warn",
-    "no-useless-escape": "warn",
-    "no-useless-rename": "warn",
-    "no-with": "error",
-    "require-yield": "warn",
-    "use-isnan": "error",
-    "valid-typeof": "error",
-    "oxc/bad-array-method-on-arguments": "warn",
-    "oxc/bad-char-at-comparison": "warn",
-    "oxc/bad-comparison-sequence": "warn",
-    "typescript/ban-ts-comment": "error",
-    "oxc/bad-min-max-func": "warn",
-    "oxc/bad-object-literal-comparison": "warn",
-    "oxc/bad-replace-all-arg": "warn",
-    "oxc/const-comparisons": "warn",
-    "oxc/double-comparisons": "warn",
-    "oxc/erasing-op": "warn",
-    "oxc/missing-throw": "warn",
-    "oxc/number-arg-out-of-range": "warn",
-    "oxc/only-used-in-recursion": "warn",
-    "oxc/uninvoked-array-callback": "warn",
-    "typescript/consistent-type-specifier-style": "error",
-    "eslint/array-callback-return": "error",
-    "import/group-exports": "allow",
-    "no-barrel-file": "error",
-    "eslint/no-duplicate-imports": "error",
-    "import/no-unassigned-import": "error",
-    "typescript/await-thenable": "warn",
-    "typescript/no-array-delete": "warn",
-    "typescript/no-base-to-string": "warn",
-    "typescript/no-duplicate-enum-values": "error",
-    "typescript/no-duplicate-type-constituents": "warn",
-    "typescript/no-extra-non-null-assertion": "warn",
-    "typescript/no-floating-promises": "warn",
-    "typescript/no-for-in-array": "warn",
-    "typescript/no-implied-eval": "error",
-    "typescript/no-meaningless-void-operator": "warn",
-    "typescript/no-misused-new": "error",
-    "typescript/no-misused-spread": "error",
-    "typescript/no-non-null-asserted-optional-chain": "warn",
-    "typescript/no-redundant-type-constituents": "warn",
-    "typescript/no-this-alias": "error",
-    "typescript/no-unnecessary-parameter-property-assignment": "warn",
-    "typescript/no-unsafe-declaration-merging": "warn",
-    "typescript/no-unsafe-unary-minus": "warn",
-    "typescript/no-useless-empty-export": "error",
-    "typescript/no-wrapper-object-types": "warn",
-    "typescript/prefer-as-const": "warn",
-    "typescript/require-array-sort-compare": "warn",
-    "typescript/restrict-template-expressions": "warn",
-    "typescript/triple-slash-reference": "warn",
-    "typescript/unbound-method": "warn",
-    "unicorn/no-await-in-promise-methods": "warn",
-    "unicorn/no-empty-file": "error",
-    "unicorn/no-invalid-fetch-options": "warn",
-    "unicorn/no-invalid-remove-event-listener": "warn",
-    "unicorn/no-new-array": "warn",
-    "unicorn/no-single-promise-in-promise-methods": "error",
-    "unicorn/no-thenable": "warn",
-    "unicorn/no-unnecessary-await": "warn",
-    "unicorn/no-useless-fallback-in-spread": "warn",
-    "unicorn/no-useless-length-check": "warn",
-    "unicorn/no-useless-spread": "warn",
-    "unicorn/prefer-set-size": "warn",
-    "import/no-empty-named-blocks": "error",
-    "unicorn/prefer-string-starts-ends-with": "warn",
-    "typescript/no-empty-function": "error"
-  },
-  "settings": {
-    "jsx-a11y": {
-      "polymorphicPropName": null,
-      "components": {},
-      "attributes": {}
-    },
-    "next": {
-      "rootDir": []
-    },
-    "react": {
-      "formComponents": [],
-      "linkComponents": [],
-      "version": null
-    },
-    "jsdoc": {
-      "ignorePrivate": false,
-      "ignoreInternal": false,
-      "ignoreReplacesDocs": true,
-      "overrideReplacesDocs": true,
-      "augmentsExtendsReplacesDocs": false,
-      "implementsReplacesDocs": false,
-      "exemptDestructuredRootsFromChecks": false,
-      "tagNamePreference": {}
-    },
-    "vitest": {
-      "typecheck": false
-    },
-    "typescript": {
-      "ts-expect-error": "allow-with-description",
-      "ts-ignore": true,
-      "ts-nocheck": { "descriptionFormat": "^: TS\\d+ because .+$" },
-      "ts-check": false,
-      "minimumDescriptionLength": 3
-    }
-  },
-  "env": {
-    "builtin": true
-  },
-  "globals": {},
-  "ignorePatterns": [".dagger", "__generated__", "brand-map-postgres.schema.d.ts"]
-}

package/README.md

@@ -1,78 +0,0 @@
-# Brand-Map Primitives
-
-Universal Style agnostic and accessible react-native components
-
-## Unstyled Nature
-
-Brand-Map Primitives provides unstyled components, offering a high degree of customization freedom. By default, the components come without any predefined styles, allowing developers to seamlessly match their app's aesthetics.
-
-## Accessibility
-
-Accessibility is a significant focus within Brand-Map Primitives. We are dedicated to ensuring our components align with accessibility standards. Our ongoing efforts involve designing and testing components with appropriate labels, roles, and behaviors, aiming to provide an inclusive user experience.
-
-### Getting started for contributors
-
-1. Fork, clone, and install the dependencies with `pnpm`
-
-```bash
-pnpm i
-```
-
-2. Build and watch all of the primitive packages:
-
-> This builds all of the primitive packages, it watches them for changes. This prevents the need to run the `build` command every time a primitive file is changed.
-
-```bash
-pnpm dev:primitives
-```
-
-3. Start the app of your choice:
-
-```bash
-# Start the Expo NativeWind app
-pnpm dev:expo-nativewind
-# Or start the Nextjs NativeWind app
-pnpm dev:nextjs-nativewind
-# Or the Documentation app
-pnpm dev:docs
-```
-
-### Primitives
-
-#### Core
-
-- `accordion`
-- `alert-dialog`
-- `aspect-ratio`
-- `avatar`
-- `checkbox`
-- `collapsible`
-- `context-menu`
-- `dialog`
-- `dropdown-menu`
-- `hover-card`
-- `label`
-- `menubar`
-- `navigation-menu`
-- `popover`
-- `progress`
-- `radio-group`
-- `select`
-- `separator`
-- `slider`
-- `switch`
-- `table`
-- `tabs`
-- `toast`
-- `toggle`
-- `toggle-group`
-- `toolbar`
-- `tooltip`
-
-#### Shared
-
-- `hooks`
-- `portal`
-- `slot`
-- `types`
-- `utils`