@fayz-ai/ui 0.12.0 → 0.14.0

package/dist/chunk-LFZFBN3P.js

@@ -0,0 +1,142 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as React2 from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+import { create } from 'zustand';
+
+// src/lib/cn.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-button text-sm font-semibold ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        // Polaris primary — near-black brand with the stronger primary bevel
+        default: "bg-primary text-primary-foreground border border-primary shadow-button-primary hover:bg-primary/90 active:shadow-button-inset",
+        destructive: "bg-destructive text-destructive-foreground border border-destructive shadow-button-primary hover:bg-destructive/90 active:shadow-button-inset",
+        // Default/secondary surface — white with hairline + bevel
+        outline: "border border-border bg-card text-foreground shadow-button hover:bg-muted active:shadow-button-inset",
+        secondary: "border border-border bg-card text-foreground shadow-button hover:bg-muted active:shadow-button-inset",
+        ghost: "hover:bg-muted hover:text-foreground",
+        link: "text-info underline-offset-4 hover:underline"
+      },
+      size: {
+        // Polaris button sizes: md 30px, sm 26px, lg 36px
+        default: "h-[30px] px-3 py-1",
+        sm: "h-[26px] rounded-button px-2.5 text-xs",
+        lg: "h-9 rounded-button px-4 text-sm",
+        icon: "h-[30px] w-[30px]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var usePageHeaderStore = create((set, get) => ({
+  slot: null,
+  owner: null,
+  hasBack: false,
+  hosts: 0,
+  outlets: 0,
+  actions: 0,
+  claim: (owner, node, hasBack = false) => set({ owner, slot: node, hasBack }),
+  release: (owner) => {
+    if (get().owner === owner) set({ owner: null, slot: null, hasBack: false });
+  },
+  addHost: () => set((s) => ({ hosts: s.hosts + 1 })),
+  removeHost: () => set((s) => ({ hosts: Math.max(0, s.hosts - 1) })),
+  addOutlet: () => set((s) => ({ outlets: s.outlets + 1 })),
+  removeOutlet: () => set((s) => ({ outlets: Math.max(0, s.outlets - 1) })),
+  addActions: () => set((s) => ({ actions: s.actions + 1 })),
+  removeActions: () => set((s) => ({ actions: Math.max(0, s.actions - 1) }))
+}));
+function useRegisterPageActions() {
+  const add = usePageHeaderStore((s) => s.addActions);
+  const remove = usePageHeaderStore((s) => s.removeActions);
+  React2.useEffect(() => {
+    add();
+    return remove;
+  }, [add, remove]);
+}
+function useHasPageActions() {
+  return usePageHeaderStore((s) => s.actions > 0);
+}
+function usePageHeaderSlot() {
+  return usePageHeaderStore((s) => s.slot);
+}
+function usePageHeaderHost() {
+  const addHost = usePageHeaderStore((s) => s.addHost);
+  const removeHost = usePageHeaderStore((s) => s.removeHost);
+  React2.useEffect(() => {
+    addHost();
+    return removeHost;
+  }, [addHost, removeHost]);
+}
+function useHasPageHeaderHost() {
+  return usePageHeaderStore((s) => s.hosts > 0 || s.outlets > 0);
+}
+function useHasPageHeaderOutlet() {
+  return usePageHeaderStore((s) => s.outlets > 0);
+}
+function PageHeaderOutlet({ className }) {
+  const slot = usePageHeaderStore((s) => s.slot);
+  const addOutlet = usePageHeaderStore((s) => s.addOutlet);
+  const removeOutlet = usePageHeaderStore((s) => s.removeOutlet);
+  React2.useEffect(() => {
+    addOutlet();
+    return removeOutlet;
+  }, [addOutlet, removeOutlet]);
+  if (!slot) return null;
+  return React2.createElement("div", { className: className ?? "mb-4" }, slot);
+}
+function usePageHeader(node, options) {
+  const id = React2.useId();
+  const claim = usePageHeaderStore((s) => s.claim);
+  const release = usePageHeaderStore((s) => s.release);
+  const back = options?.back ?? false;
+  React2.useEffect(() => {
+    if (node == null) {
+      release(id);
+      return;
+    }
+    claim(id, node, back);
+    return () => release(id);
+  }, [id, node, back, claim, release]);
+}
+function useHasPageHeaderBack() {
+  return usePageHeaderStore((s) => s.hasBack);
+}
+var useLayoutStore = create((set) => ({
+  sidebarOpen: true,
+  sidebarCollapsed: false,
+  mobileDrawerOpen: false,
+  commandPaletteOpen: false,
+  toggleSidebar: () => set((state) => ({ sidebarOpen: !state.sidebarOpen })),
+  setSidebarCollapsed: (collapsed) => set({ sidebarCollapsed: collapsed }),
+  toggleMobileDrawer: () => set((state) => ({ mobileDrawerOpen: !state.mobileDrawerOpen })),
+  setCommandPaletteOpen: (open) => set({ commandPaletteOpen: open })
+}));
+
+export { Button, PageHeaderOutlet, buttonVariants, cn, useHasPageActions, useHasPageHeaderBack, useHasPageHeaderHost, useHasPageHeaderOutlet, useLayoutStore, usePageHeader, usePageHeaderHost, usePageHeaderSlot, useRegisterPageActions };
+//# sourceMappingURL=chunk-LFZFBN3P.js.map
+//# sourceMappingURL=chunk-LFZFBN3P.js.map

package/dist/chunk-LFZFBN3P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/cn.ts","../src/primitives/button.tsx","../src/stores/page-header.store.ts","../src/stores/layout.store.ts"],"names":["React","create"],"mappings":"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","file":"chunk-LFZFBN3P.js","sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/cn'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-button text-sm font-semibold ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        // Polaris primary — near-black brand with the stronger primary bevel\n        default:\n          'bg-primary text-primary-foreground border border-primary shadow-button-primary hover:bg-primary/90 active:shadow-button-inset',\n        destructive:\n          'bg-destructive text-destructive-foreground border border-destructive shadow-button-primary hover:bg-destructive/90 active:shadow-button-inset',\n        // Default/secondary surface — white with hairline + bevel\n        outline:\n          'border border-border bg-card text-foreground shadow-button hover:bg-muted active:shadow-button-inset',\n        secondary:\n          'border border-border bg-card text-foreground shadow-button hover:bg-muted active:shadow-button-inset',\n        ghost: 'hover:bg-muted hover:text-foreground',\n        link: 'text-info underline-offset-4 hover:underline',\n      },\n      size: {\n        // Polaris button sizes: md 30px, sm 26px, lg 36px\n        default: 'h-[30px] px-3 py-1',\n        sm: 'h-[26px] rounded-button px-2.5 text-xs',\n        lg: 'h-9 rounded-button px-4 text-sm',\n        icon: 'h-[30px] w-[30px]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n","import * as React from 'react'\nimport { create } from 'zustand'\n\ninterface PageHeaderState {\n  /** What the shell's top bar shows INSTEAD of the page title, or null. */\n  slot: React.ReactNode | null\n  /** Identity of whoever owns the slot, so a late unmount can't clear a newer\n   *  owner's content — the exact race you get navigating form → form. */\n  owner: string | null\n  /** The claimed header carries a back action, i.e. what the bar is showing is\n   *  a SUBPAGE (\"← Contas a Pagar / Nova\"), not the module's own screen. The\n   *  module's tab band reads this to step aside: a form reached from a tab is\n   *  not one of the tabs, and leaving the strip up marks a place the user is no\n   *  longer at, one line under a back link that says so. */\n  hasBack: boolean\n  /** How many shells are currently rendering the slot. A page needs to know:\n   *  with no host (minimal layout, an embedded form, a modal) its header would\n   *  be claimed into the void, and the page must draw it inline instead. */\n  hosts: number\n  /**\n   * Quantos OUTLETS internos estão mostrando o slot. Um outlet é um container\n   * mais fundo que a shell — a coluna de conteúdo de um módulo com trilha\n   * lateral — que fica em melhor posição para desenhar o cabeçalho.\n   *\n   * Quando existe um, a barra da shell se cala: as duas juntas desenhariam a\n   * mesma migalha duas vezes, e a da shell atravessa a largura inteira,\n   * empurrando a trilha do módulo para baixo do topo.\n   */\n  outlets: number\n  /**\n   * Quantos blocos de ações de página estão montados agora. A barra precisa\n   * saber ANTES de decidir se existe: ela some no celular de alguns produtos, e\n   * um \"Novo\" entregue a uma barra escondida simplesmente não aparecia.\n   */\n  actions: number\n  claim: (owner: string, node: React.ReactNode, hasBack?: boolean) => void\n  release: (owner: string) => void\n  addHost: () => void\n  removeHost: () => void\n  addOutlet: () => void\n  removeOutlet: () => void\n  addActions: () => void\n  removeActions: () => void\n}\n\nconst usePageHeaderStore = create<PageHeaderState>((set, get) => ({\n  slot: null,\n  owner: null,\n  hasBack: false,\n  hosts: 0,\n  outlets: 0,\n  actions: 0,\n  claim: (owner, node, hasBack = false) => set({ owner, slot: node, hasBack }),\n  release: (owner) => {\n    if (get().owner === owner) set({ owner: null, slot: null, hasBack: false })\n  },\n  addHost: () => set((s) => ({ hosts: s.hosts + 1 })),\n  removeHost: () => set((s) => ({ hosts: Math.max(0, s.hosts - 1) })),\n  addOutlet: () => set((s) => ({ outlets: s.outlets + 1 })),\n  removeOutlet: () => set((s) => ({ outlets: Math.max(0, s.outlets - 1) })),\n  addActions: () => set((s) => ({ actions: s.actions + 1 })),\n  removeActions: () => set((s) => ({ actions: Math.max(0, s.actions - 1) })),\n}))\n\n/** Declara que esta página tem ações no topo. Chamado por PageHeaderActions. */\nexport function useRegisterPageActions(): void {\n  const add = usePageHeaderStore((s) => s.addActions)\n  const remove = usePageHeaderStore((s) => s.removeActions)\n  React.useEffect(() => {\n    add()\n    return remove\n  }, [add, remove])\n}\n\n/** Se alguma página tem ações no topo agora. A barra usa para não sumir com\n *  elas no celular, e para não existir vazia. */\nexport function useHasPageActions(): boolean {\n  return usePageHeaderStore((s) => s.actions > 0)\n}\n\n/** Read the current override. The shell calls this; pages should not. */\nexport function usePageHeaderSlot(): React.ReactNode | null {\n  return usePageHeaderStore((s) => s.slot)\n}\n\n/**\n * Declare that this shell renders the page-header slot. Called by the layout,\n * never by a page. Without it `PageHeader` cannot tell \"nobody claimed the bar\"\n * from \"there is no bar\", and a header would vanish instead of falling back.\n */\nexport function usePageHeaderHost(): void {\n  const addHost = usePageHeaderStore((s) => s.addHost)\n  const removeHost = usePageHeaderStore((s) => s.removeHost)\n  React.useEffect(() => {\n    addHost()\n    return removeHost\n  }, [addHost, removeHost])\n}\n\n/** Whether any shell OR inner outlet is showing the slot right now. */\nexport function useHasPageHeaderHost(): boolean {\n  return usePageHeaderStore((s) => s.hosts > 0 || s.outlets > 0)\n}\n\n/** True when a deeper container took over drawing the header. The shell bar\n *  uses this to stand down. */\nexport function useHasPageHeaderOutlet(): boolean {\n  return usePageHeaderStore((s) => s.outlets > 0)\n}\n\n/**\n * Desenha o cabeçalho AQUI em vez de na barra da shell.\n *\n * Para quem tem uma coluna própria de conteúdo — um módulo com trilha lateral —,\n * onde a barra da shell, larga demais, passaria por cima da trilha.\n */\nexport function PageHeaderOutlet({ className }: { className?: string }): React.ReactElement | null {\n  const slot = usePageHeaderStore((s) => s.slot)\n  const addOutlet = usePageHeaderStore((s) => s.addOutlet)\n  const removeOutlet = usePageHeaderStore((s) => s.removeOutlet)\n\n  React.useEffect(() => {\n    addOutlet()\n    return removeOutlet\n  }, [addOutlet, removeOutlet])\n\n  if (!slot) return null\n  return React.createElement('div', { className: className ?? 'mb-4' }, slot)\n}\n\n/**\n * Put this page's own header — a back link, a breadcrumb — into the shell's top\n * bar, replacing the page title for as long as the page is mounted.\n *\n * Prefer the `PageHeader` component: it is this hook plus the one agreed layout\n * (← + title), so every screen in every app reads the same. Reach for the hook\n * directly only for a header that genuinely is not \"back + title\".\n *\n * A form or detail screen already says where it is (\"← Novo produto\") and the\n * bar above it was saying \"Produtos\" again, one line up. Two headers stacked is\n * a whole row of vertical space spent repeating a word.\n *\n * The node is re-claimed on every change so a breadcrumb whose label depends on\n * loaded data (a record's name) updates once it arrives.\n */\nexport function usePageHeader(node: React.ReactNode | null, options?: { back?: boolean }): void {\n  const id = React.useId()\n  const claim = usePageHeaderStore((s) => s.claim)\n  const release = usePageHeaderStore((s) => s.release)\n  const back = options?.back ?? false\n\n  React.useEffect(() => {\n    if (node == null) {\n      release(id)\n      return\n    }\n    claim(id, node, back)\n    return () => release(id)\n  }, [id, node, back, claim, release])\n}\n\n/** True while the bar is showing a subpage's \"← parent / title\". See\n *  `PageHeaderState.hasBack`. */\nexport function useHasPageHeaderBack(): boolean {\n  return usePageHeaderStore((s) => s.hasBack)\n}\n\nexport { usePageHeaderStore }\n","import { create } from 'zustand'\n\ninterface LayoutState {\n  sidebarOpen: boolean\n  sidebarCollapsed: boolean\n  mobileDrawerOpen: boolean\n  commandPaletteOpen: boolean\n  toggleSidebar: () => void\n  setSidebarCollapsed: (collapsed: boolean) => void\n  toggleMobileDrawer: () => void\n  setCommandPaletteOpen: (open: boolean) => void\n}\n\nexport const useLayoutStore = create<LayoutState>((set) => ({\n  sidebarOpen: true,\n  sidebarCollapsed: false,\n  mobileDrawerOpen: false,\n  commandPaletteOpen: false,\n\n  toggleSidebar: () =>\n    set((state) => ({ sidebarOpen: !state.sidebarOpen })),\n\n  setSidebarCollapsed: (collapsed) =>\n    set({ sidebarCollapsed: collapsed }),\n\n  toggleMobileDrawer: () =>\n    set((state) => ({ mobileDrawerOpen: !state.mobileDrawerOpen })),\n\n  setCommandPaletteOpen: (open) =>\n    set({ commandPaletteOpen: open }),\n}))\n"]}