@rojaostudio/ds 1.0.1 → 2.0.0-next.0

package/dist/components/use-dismiss.js

@@ -1,28 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-import { useEffect, useRef } from "react";
-function useDismiss(popupRef, triggerRef, onDismiss, active) {
-  const cb = useRef(onDismiss);
-  cb.current = onDismiss;
-  useEffect(() => {
-    if (!active) return;
-    const onMouse = (e) => {
-      var _a, _b;
-      const t = e.target;
-      if (((_a = popupRef.current) == null ? void 0 : _a.contains(t)) || ((_b = triggerRef.current) == null ? void 0 : _b.contains(t))) return;
-      cb.current();
-    };
-    const onKey = (e) => {
-      if (e.key === "Escape") cb.current();
-    };
-    document.addEventListener("mousedown", onMouse);
-    document.addEventListener("keydown", onKey);
-    return () => {
-      document.removeEventListener("mousedown", onMouse);
-      document.removeEventListener("keydown", onKey);
-    };
-  }, [active]);
-}
-export {
-  useDismiss
-};

package/dist/components/use-focus-trap.d.ts

@@ -1,5 +0,0 @@
-import * as react from 'react';
-
-declare function useFocusTrap<T extends HTMLElement>(open: boolean): react.RefObject<T | null>;
-
-export { useFocusTrap };

package/dist/components/use-focus-trap.js

@@ -1,54 +0,0 @@
-"use client";
-import "../chunk-ORMEWXMH.js";
-import { useEffect, useRef } from "react";
-const FOCUSABLE = [
-  "a[href]",
-  "button:not([disabled])",
-  "textarea:not([disabled])",
-  "input:not([disabled])",
-  "select:not([disabled])",
-  '[tabindex]:not([tabindex="-1"])'
-].join(", ");
-function useFocusTrap(open) {
-  const ref = useRef(null);
-  useEffect(() => {
-    var _a;
-    if (!open) return;
-    const container = ref.current;
-    if (!container) return;
-    const previousFocus = document.activeElement;
-    const focusables = Array.from(container.querySelectorAll(FOCUSABLE));
-    ((_a = focusables[0]) != null ? _a : container).focus();
-    const trap = (e) => {
-      if (e.key !== "Tab") return;
-      const nodes = Array.from(container.querySelectorAll(FOCUSABLE));
-      if (nodes.length === 0) {
-        e.preventDefault();
-        return;
-      }
-      const first = nodes[0];
-      const last = nodes[nodes.length - 1];
-      if (!first || !last) return;
-      if (e.shiftKey) {
-        if (document.activeElement === first) {
-          e.preventDefault();
-          last.focus();
-        }
-      } else {
-        if (document.activeElement === last) {
-          e.preventDefault();
-          first.focus();
-        }
-      }
-    };
-    document.addEventListener("keydown", trap);
-    return () => {
-      document.removeEventListener("keydown", trap);
-      previousFocus == null ? void 0 : previousFocus.focus();
-    };
-  }, [open]);
-  return ref;
-}
-export {
-  useFocusTrap
-};

package/dist/targets/native/components/paywall-banner.d.ts

@@ -1,11 +0,0 @@
-import * as react from 'react';
-
-type PaywallBannerProps = {
-    title: string;
-    description?: string;
-    ctaLabel?: string;
-    onPress: () => void;
-};
-declare function PaywallBanner({ title, description, ctaLabel, onPress }: PaywallBannerProps): react.JSX.Element;
-
-export { PaywallBanner, type PaywallBannerProps };

package/dist/targets/native/components/paywall-banner.js

@@ -1,46 +0,0 @@
-import "../../../chunk-ORMEWXMH.js";
-import { Lock } from "lucide-react-native";
-import { StyleSheet, View } from "react-native";
-import { Button } from "./button.js";
-import { Text } from "./text.js";
-import { useTheme } from "./theme.js";
-function PaywallBanner({ title, description, ctaLabel = "Ver planos", onPress }) {
-  const t = useTheme();
-  return /* @__PURE__ */ React.createElement(
-    View,
-    {
-      accessibilityRole: "summary",
-      style: [
-        styles.container,
-        { backgroundColor: t["--surface-raised"], borderColor: t["--border-default"] }
-      ]
-    },
-    /* @__PURE__ */ React.createElement(View, { style: styles.row }, /* @__PURE__ */ React.createElement(View, { style: [styles.iconWrap, { backgroundColor: t["--brand-primary"] }] }, /* @__PURE__ */ React.createElement(Lock, { size: 20, color: t["--brand-on-primary"] })), /* @__PURE__ */ React.createElement(View, { style: styles.copy }, /* @__PURE__ */ React.createElement(Text, { variant: "label", numberOfLines: 2 }, title), description ? /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "secondary", style: styles.desc }, description) : null)),
-    /* @__PURE__ */ React.createElement(Button, { label: ctaLabel, variant: "primary", fullWidth: true, onPress })
-  );
-}
-const styles = StyleSheet.create({
-  container: {
-    borderWidth: 1,
-    borderRadius: 12,
-    padding: 16,
-    gap: 14
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 12
-  },
-  iconWrap: {
-    width: 40,
-    height: 40,
-    borderRadius: 10,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  copy: { flex: 1 },
-  desc: { marginTop: 2 }
-});
-export {
-  PaywallBanner
-};

package/dist/targets/native/components/paywall.d.ts

@@ -1,18 +0,0 @@
-import * as react from 'react';
-
-type PaywallReason = 'feature' | 'limit';
-type PaywallIcon = 'lock' | 'catalog' | 'channels' | 'commercial' | 'operation' | 'intelligence' | 'billing';
-type PaywallContentProps = {
-    icon?: PaywallIcon;
-    title: string;
-    description?: string;
-    reason?: PaywallReason;
-    planLabel?: string;
-    ctaLabel?: string;
-    onCta: () => void;
-};
-/** Visual puro do paywall — o app envolve num Sheet/overlay (gate de ação) ou
- *  num container de tela cheia (gate de seção). */
-declare function PaywallContent({ icon, title, description, reason, planLabel, ctaLabel, onCta, }: PaywallContentProps): react.JSX.Element;
-
-export { PaywallContent, type PaywallContentProps, type PaywallIcon, type PaywallReason };

package/dist/targets/native/components/paywall.js

@@ -1,61 +0,0 @@
-import "../../../chunk-ORMEWXMH.js";
-import {
-  Lock,
-  Package,
-  Send,
-  HandCoins,
-  Store,
-  BarChart3,
-  CreditCard
-} from "lucide-react-native";
-import { StyleSheet, View } from "react-native";
-import { Button } from "./button.js";
-import { Text } from "./text.js";
-import { useTheme } from "./theme.js";
-const ICONS = {
-  lock: Lock,
-  catalog: Package,
-  channels: Send,
-  commercial: HandCoins,
-  operation: Store,
-  intelligence: BarChart3,
-  billing: CreditCard
-};
-function planLineText(reason, planLabel) {
-  if (reason === "limit") return "Limite atingido";
-  return planLabel ? `Dispon\xEDvel no ${planLabel}` : "Fa\xE7a upgrade";
-}
-function PaywallContent({
-  icon = "lock",
-  title,
-  description,
-  reason = "feature",
-  planLabel,
-  ctaLabel = "Ver planos",
-  onCta
-}) {
-  var _a;
-  const t = useTheme();
-  const Icon = (_a = ICONS[icon]) != null ? _a : Lock;
-  return /* @__PURE__ */ React.createElement(View, { style: styles.container }, /* @__PURE__ */ React.createElement(View, { style: styles.iconWrap }, /* @__PURE__ */ React.createElement(Icon, { size: 52, strokeWidth: 1.25, color: t["--text-secondary"] }), /* @__PURE__ */ React.createElement(View, { style: [styles.lockBadge, { backgroundColor: t["--brand-primary"] }] }, /* @__PURE__ */ React.createElement(Lock, { size: 12, strokeWidth: 2.5, color: t["--brand-on-primary"] }))), /* @__PURE__ */ React.createElement(View, { style: [styles.pill, { backgroundColor: t["--surface-raised"] }] }, /* @__PURE__ */ React.createElement(Text, { variant: "caption", color: "secondary" }, planLineText(reason, planLabel))), /* @__PURE__ */ React.createElement(Text, { variant: "title", style: styles.title }, title), description ? /* @__PURE__ */ React.createElement(Text, { variant: "body-sm", color: "muted", style: styles.desc }, description) : null, /* @__PURE__ */ React.createElement(Button, { label: ctaLabel, variant: "primary", fullWidth: true, onPress: onCta }));
-}
-const styles = StyleSheet.create({
-  container: { alignItems: "center", paddingHorizontal: 8, gap: 12, width: "100%" },
-  iconWrap: { position: "relative", marginBottom: 4 },
-  lockBadge: {
-    position: "absolute",
-    bottom: -4,
-    right: -4,
-    width: 24,
-    height: 24,
-    borderRadius: 12,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  pill: { borderRadius: 999, paddingHorizontal: 10, paddingVertical: 4 },
-  title: { textAlign: "center" },
-  desc: { textAlign: "center", maxWidth: 320 }
-});
-export {
-  PaywallContent
-};