@brand-map/primitives 0.0.0-broken.0

package/src/hover-card/types.ts

@@ -0,0 +1,56 @@
+import type { KeepMountable, PositionedContentProps, PressableRef, RenderPressableProps, RenderViewProps, ViewRef } from "../types";
+
+interface SharedRootContext {
+  open: boolean;
+  onOpenChange: (value: boolean) => void;
+  openDelay?: number;
+  closeDelay?: number;
+}
+
+type RootProps = RenderViewProps & {
+  onOpenChange?: (open: boolean) => void;
+
+  /**
+   * @platform: WEB ONLY
+   * @default 700
+   */
+  openDelay?: number;
+
+  /**
+   * @platform: WEB ONLY
+   * @default 300
+   */
+  closeDelay?: number;
+};
+
+interface PortalProps extends KeepMountable {
+  children: React.ReactNode;
+
+  /**
+   * @platform: NATIVE ONLY
+   */
+  hostName?: string;
+
+  /**
+   * @platform: WEB ONLY
+   */
+  container?: HTMLElement | null | undefined;
+}
+
+type BackdropProps = KeepMountable &
+  RenderPressableProps & {
+    closeOnPress?: boolean;
+  };
+
+type TriggerProps = RenderPressableProps;
+type ContentProps = RenderViewProps & PositionedContentProps;
+
+type BackdropRef = PressableRef;
+type RootRef = ViewRef;
+type TriggerRef = PressableRef & {
+  open: () => void;
+  close: () => void;
+};
+type ContentRef = ViewRef;
+
+export type { ContentProps, ContentRef, BackdropProps, BackdropRef, PortalProps, SharedRootContext, RootProps, RootRef, TriggerProps, TriggerRef };

package/src/label/index.ts

@@ -0,0 +1,2 @@
+export * from "./label";
+export * from "./types";

package/src/label/label.tsx

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { Pressable, Text as ReactNativeText } from "react-native";
+
+import * as Slot from "../slot";
+
+import type { RootProps, TextProps } from "./types";
+
+const Root = ({ render, ...props }: RootProps) => {
+  if (render) {
+    return (
+      <Slot.Pressable
+        render={render}
+        {...props}
+      />
+    );
+  }
+
+  return <Pressable {...props} />;
+};
+Root.displayName = "RootNativeLabel";
+
+const Text = ({ render, ...props }: TextProps) => {
+  if (render) {
+    return (
+      <Slot.Text
+        render={render}
+        {...props}
+      />
+    );
+  }
+
+  return <ReactNativeText {...props} />;
+};
+Text.displayName = "TextNativeLabel";
+
+export { Root, Text };

package/src/label/label.web.tsx

@@ -0,0 +1,38 @@
+// import * as Label from "@radix-ui/react-label";
+// import * as React from "react";
+// import { Pressable, Text as RNText } from "react-native";
+
+// import * as Slot from "../slot";
+
+// import type { RootProps, RootRef, TextProps, TextRef } from "./types";
+
+// const Root = React.forwardRef<RootRef, RootProps>(({ tabIndex = -1, ...props }, ref) => {
+//
+//   return (
+//     <Component
+//       ref={ref}
+//       tabIndex={tabIndex}
+//       {...props}
+//     />
+//   );
+// });
+// Root.displayName = "RootWebLabel";
+
+// const Text = React.forwardRef<TextRef, TextProps>(({ nativeID, htmlFor, ...props }, ref) => {
+//   const Component = render ? Slot.Text : RNText;
+//   return (
+//     <Label.Root
+//       render={!htmlFor}
+//       id={nativeID}
+//       htmlFor={htmlFor}
+//     >
+//       <Component
+//         ref={ref}
+//         {...props}
+//       />
+//     </Label.Root>
+//   );
+// });
+// Text.displayName = "TextWebLabel";
+
+// export { Root, Text };

package/src/label/types.ts

@@ -0,0 +1,24 @@
+import type { ViewStyle } from "react-native";
+
+import type { PressableRef, RenderPressableProps, RenderTextProps, TextRef } from "../types";
+
+type RootProps = Omit<RenderPressableProps, "children" | "hitSlop" | "style"> & {
+  children: React.ReactNode;
+  style?: ViewStyle;
+};
+
+type TextProps = RenderTextProps & {
+  /**
+   * Equivalent to `id` so that the same value can be passed as `aria-labelledby` to the input element.
+   */
+  nativeID?: string;
+
+  /**
+   * WEB ONLY
+   */
+  htmlFor?: string;
+};
+
+type RootRef = PressableRef;
+
+export type { RootProps, RootRef, TextProps, TextRef };

package/src/menubar/index.ts

@@ -0,0 +1,2 @@
+export * from "./menubar";
+export * from "./types";