@fayz-ai/ui 0.10.2 → 0.12.0

package/dist/styles.css

@@ -4,6 +4,10 @@
 
 @layer base {
   :root {
+    /* Tells the browser which canvas to paint before any CSS of ours applies —
+       without it a dark-mode reload flashes a white frame. */
+    color-scheme: light;
+
     /* Polaris "Sail" light — page #f1f1f1, cards #ffffff, near-black brand #303030 */
     --primary: 0 0% 18.8%;
     --primary-foreground: 0 0% 100%;
@@ -102,6 +106,8 @@
   }
 
   .dark {
+    color-scheme: dark;
+
     /* "Sail midnight" — Polaris dark */
     --primary: 0 0% 100%;
     --primary-foreground: 0 0% 10.2%;
@@ -279,6 +285,166 @@
   }
 }
 
+/* ---------------------------------------------------------------------------
+ * The assistant's floating material.
+ *
+ * The FAB and the docked composer are the same object in two shapes, so they
+ * are one surface: a tinted fill (the caller's, usually bg-primary), a blurred
+ * backdrop, a lit top edge and a shadow deep enough to read as floating ABOVE
+ * the page rather than pasted onto it.
+ *
+ * It lives in CSS, not in utility classes, for two reasons: every app gets it
+ * without adding Tailwind content globs, and a glass theme extends it through
+ * --glass-inner-highlight instead of forking it.
+ * ------------------------------------------------------------------------ */
+.fayz-assistant-surface {
+  position: relative;
+  border: 1px solid rgb(255 255 255 / 0.22);
+  /* Tinted glass: the page reads through the fill, the blur keeps it from being
+     legible through it. 0.84 is the floor — below that the white label starts
+     losing more contrast than the effect is worth. The utility class the caller
+     passes (bg-primary) stays as the opaque fallback for browsers, or builds,
+     that never see this rule. */
+  background-color: hsl(var(--primary) / 0.84);
+  backdrop-filter: blur(28px) saturate(1.8);
+  -webkit-backdrop-filter: blur(28px) saturate(1.8);
+  background-clip: padding-box;
+  box-shadow:
+    0 10px 36px -10px rgb(0 0 0 / 0.45),
+    0 2px 6px -3px rgb(0 0 0 / 0.3),
+    inset 0 1px 0 rgb(255 255 255 / 0.32),
+    var(--glass-inner-highlight);
+  transition: box-shadow 200ms ease-out, transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+/* The sheen. Negative z-index paints it over the fill but UNDER the icons and
+   text, so the highlight lights the surface instead of washing out its label. */
+.fayz-assistant-surface::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  border-radius: inherit;
+  pointer-events: none;
+  /* Kept to the top third: a sheen that reaches the middle lightens the fill
+     exactly where the label sits, and the label pays for it in contrast. */
+  background: linear-gradient(
+    to bottom,
+    rgb(255 255 255 / 0.2),
+    rgb(255 255 255 / 0.04) 30%,
+    transparent 52%
+  );
+}
+
+/* Folding back into the FAB, the bar's contents leave first.
+ *
+ * The send button sits at the collapsing end, so it was the last thing on screen
+ * — an arrow carried all the way into the corner and then swapped for a sparkle.
+ * Dropping it early means what lands in the corner is an empty capsule, which is
+ * what the FAB actually is. */
+.fayz-assistant-leaving .fayz-assistant-send,
+.fayz-assistant-leaving svg,
+.fayz-assistant-leaving input {
+  opacity: 0;
+  transition: opacity 120ms ease-in;
+}
+
+/* An invitation, not an alarm.
+ *
+ * The bar carries a halo of its own colour: it breathes a few times on arrival,
+ * then rests at a static glow for as long as it is open. Hovering or focusing it
+ * ends the pulse for good — the attention it was asking for has been paid, and a
+ * thing that keeps pulsing after you look at it is just noise in the corner of
+ * the eye. Sits at z-index -2, BEHIND the fill, so only the spill shows. */
+.fayz-assistant-glow::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: -2;
+  border-radius: inherit;
+  pointer-events: none;
+  box-shadow:
+    0 0 0 1px hsl(var(--primary) / 0.3),
+    0 0 28px 3px hsl(var(--primary) / 0.42);
+  opacity: 0.32;
+  transition: opacity 220ms ease-out;
+  animation: fayz-assistant-breathe 3.4s ease-in-out 3;
+}
+
+@keyframes fayz-assistant-breathe {
+  0%,
+  100% {
+    opacity: 0.32;
+  }
+  50% {
+    opacity: 0.78;
+  }
+}
+
+.fayz-assistant-glow:hover::before,
+.fayz-assistant-glow:focus-within::before {
+  animation: none;
+  opacity: 0.52;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fayz-assistant-glow::before {
+    animation: none;
+  }
+}
+
+/* The composer's own text. Stated here, not as utilities, because the label and
+   the send button are the two things that MUST survive: an app whose Tailwind
+   build does not scan this package would otherwise draw a grey placeholder and
+   a primary-on-primary arrow — an invisible button on a tinted bar. */
+.fayz-assistant-surface input {
+  color: hsl(var(--primary-foreground));
+}
+
+.fayz-assistant-surface input::placeholder {
+  color: hsl(var(--primary-foreground));
+  opacity: 0.92;
+}
+
+.fayz-assistant-send {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  width: 2rem;
+  height: 2rem;
+  border-radius: 9999px;
+  /* Fully opaque: the bar around it is translucent now, so anything less here
+     lets the page print through the button twice over. */
+  background: hsl(var(--primary-foreground));
+  color: hsl(var(--primary));
+  transition: background-color 150ms ease-out, transform 150ms ease-out;
+}
+
+/* Something to send: the button gains weight, the way a primary action should. */
+.fayz-assistant-send[data-ready='true'] {
+  box-shadow: 0 1px 3px rgb(0 0 0 / 0.18);
+}
+
+.fayz-assistant-send:active {
+  transform: scale(0.94);
+}
+
+.fayz-assistant-surface:hover,
+.fayz-assistant-surface:focus-within {
+  box-shadow:
+    0 18px 50px -12px rgb(0 0 0 / 0.5),
+    0 3px 8px -3px rgb(0 0 0 / 0.32),
+    inset 0 1px 0 rgb(255 255 255 / 0.42),
+    var(--glass-inner-highlight);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fayz-assistant-surface {
+    transition: none;
+  }
+}
+
 .fayz-glass-field,
 input.bg-card,
 textarea.bg-card,
@@ -323,6 +489,27 @@ select.bg-card,
   to { opacity: 1; transform: translateY(0); }
 }
 
+/* Shell entrance — a veil in the theme background laid over the just-mounted
+   shell, fading out so the product appears in one quick crossfade instead of
+   popping in over the boot spinner. The background is what the HTML boot
+   screen and AppShellSkeleton already painted, so boot stays ONE image:
+   same surface → same surface → app fading in on top of it. */
+.shell-enter::after {
+  content: '';
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  background: hsl(var(--background));
+  pointer-events: none;
+  animation: shell-enter-veil 350ms ease 50ms forwards;
+}
+@keyframes shell-enter-veil {
+  to { opacity: 0; visibility: hidden; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .shell-enter::after { animation-duration: 0ms; animation-delay: 0ms; }
+}
+
 /* Radix animation utilities (replaces tailwindcss-animate plugin) */
 .animate-in {
   animation-name: enter;
@@ -453,9 +640,119 @@ select.bg-card,
   to   { opacity: 0; transform: translateX(35%); }
 }
 
+/* Collapsed-rail flyout — the panel itself SLIDES to the row being pointed at
+   (a transform transition on the element); this is only its contents changing
+   on arrival, so the swap reads as the same object showing something new. */
+.saas-flyout-swap {
+  animation: saas-flyout-swap 160ms var(--saas-transition-easing) both;
+}
+
+@keyframes saas-flyout-swap {
+  from { opacity: 0; transform: translateY(-3px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
 @media (prefers-reduced-motion: reduce) {
   .saas-rail-in-forward, .saas-rail-out-forward,
-  .saas-rail-in-back, .saas-rail-out-back {
+  .saas-rail-in-back, .saas-rail-out-back,
+  .saas-flyout-swap {
     animation-duration: 1ms;
   }
 }
+
+/* ---------------------------------------------------------------------------
+   Layout that measures the COLUMN, not the window.
+
+   The screen is not the space the page gets: the assistant docks over half of
+   it, the settings rail takes another slice, and a 27" monitor can leave a form
+   with 600px. A `lg:` breakpoint still read 1900px and kept three columns, so
+   "Buscar ou criar cliente" wrapped onto four lines inside a 280px rail while
+   the window was, technically, huge.
+
+   These rules query the element instead. A form squeezed to phone width folds
+   like a phone, wherever it is — which is the only way a counter sale typed on
+   a split screen behaves like one typed full screen.
+
+   `.fz-container` marks a measuring point; the grids below answer to the
+   NEAREST one. Mark the page root and each column of a split, and every field
+   grid inside a rail measures the rail.
+--------------------------------------------------------------------------- */
+.fz-container { container-type: inline-size; }
+
+/* The wide column + the narrow rail. One column until both actually fit. */
+.fz-split {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: minmax(0, 1fr);
+}
+@container (min-width: 56rem) {
+  .fz-split { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 1.25rem; }
+}
+
+/* Field grids. The suffix is the MAXIMUM number of columns, reached only where
+   there is room for it — never a promise the layout has to keep at 320px.
+   They need a `.fz-container` above them; without one they stay single-column,
+   which is cramped but never broken. */
+.fz-fields {
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: minmax(0, 1fr);
+  align-items: start;
+}
+@container (min-width: 30rem) {
+  .fz-fields-2, .fz-fields-3, .fz-fields-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+@container (min-width: 44rem) {
+  .fz-fields-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+  .fz-fields-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+}
+/* A field that spans the row it is on, whatever the column count is. */
+.fz-field-wide { grid-column: 1 / -1; }
+
+/* Rows separated by a rule while they are stacked; side by side the rule is
+   drawn between unrelated neighbours, so it goes. */
+@container (min-width: 30rem) {
+  .fz-divide-none > :not([hidden]) ~ :not([hidden]) { border-top-width: 0; }
+}
+
+/* A detail that yields first when the column gets tight — "2 × R$ 30,00" next
+   to a line total, say. Visible is the DEFAULT and the fallback: with no
+   container above it the rule never fires, so nothing goes missing on a screen
+   nobody measured. */
+@container (max-width: 26rem) {
+  .fz-tight-hide { display: none; }
+}
+
+/* Card grids size themselves off the track, so they need no container at all:
+   a 16rem card is the unit, and however many fit, fit. */
+.fz-cards {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
+}
+
+/* A row of choices (segmented control, tone pickers). auto-FIT, not auto-fill:
+   three options share the row instead of leaving two ghost columns. */
+.fz-options {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
+}
+
+/* Hovering is not something a finger does. A row action revealed on hover is an
+   action the tablet at the counter cannot reach at all, so it only hides where
+   there is a real pointer to bring it back. */
+.fz-hover-reveal { opacity: 1; }
+@media (hover: hover) and (pointer: fine) {
+  .fz-hover-reveal { opacity: 0; }
+  .group:hover .fz-hover-reveal,
+  .fz-hover-reveal:focus-visible { opacity: 1; }
+}
+
+/* Counter ergonomics: a finger is not a mouse pointer. Quantity steppers, the
+   remove button and anything else tapped mid-sale get the 44px target the
+   platform guidelines ask for, on touch INPUT rather than on screen width —
+   a tablet on the counter is as wide as a laptop. */
+@media (pointer: coarse) {
+  .fz-tap { min-height: 2.75rem; min-width: 2.75rem; }
+}

package/package.json

@@ -3,7 +3,7 @@
   "fayz": {
     "status": "beta"
   },
-  "version": "0.10.2",
+  "version": "0.12.0",
   "description": "Fayz SDK UI — Radix + Tailwind component library with CRUD engine and layout shells",
   "type": "module",
   "sideEffects": [
@@ -75,7 +75,7 @@
     "clsx": "^2.1.0",
     "recharts": "^2.15.0",
     "tailwind-merge": "^2.4.0",
-    "@fayz-ai/core": "^0.10.0"
+    "@fayz-ai/core": "^0.12.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.0",

package/dist/chunk-6V5MGYXH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/primitives/card.tsx","../src/primitives/dropdown.tsx","../src/primitives/data-table.tsx","../src/primitives/skeleton.tsx","../src/primitives/segmented-control.tsx"],"names":["React","jsx","React3","jsxs","_"],"mappings":"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","file":"chunk-6V5MGYXH.js","sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../lib/cn'\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'fayz-glass-surface rounded-card border bg-card text-card-foreground shadow-sm',\n      className\n    )}\n    {...props}\n  />\n))\nCard.displayName = 'Card'\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col space-y-1 p-4', className)}\n    {...props}\n  />\n))\nCardHeader.displayName = 'CardHeader'\n\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\n      'text-sm font-semibold leading-tight tracking-tight',\n      className\n    )}\n    {...props}\n  />\n))\nCardTitle.displayName = 'CardTitle'\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn('text-xs text-muted-foreground', className)}\n    {...props}\n  />\n))\nCardDescription.displayName = 'CardDescription'\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('p-4 pt-0', className)} {...props} />\n))\nCardContent.displayName = 'CardContent'\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center p-4 pt-0', className)}\n    {...props}\n  />\n))\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n","import * as React from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\n\nimport { cn } from '../lib/cn'\n\nconst Dropdown = DropdownMenuPrimitive.Root\n\nconst DropdownTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownGroup = DropdownMenuPrimitive.Group\n\nconst DropdownPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownSub = DropdownMenuPrimitive.Sub\n\nconst DropdownRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center rounded-button px-2 py-1.5 text-sm outline-none focus:bg-muted data-[state=open]:bg-muted',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      'fayz-glass-surface z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'fayz-glass-surface z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-button px-2 py-1.5 text-sm outline-none transition-colors focus:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-button py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-button py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      'px-2 py-1.5 text-sm font-semibold',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-muted', className)}\n    {...props}\n  />\n))\nDropdownSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\n      {...props}\n    />\n  )\n}\nDropdownShortcut.displayName = 'DropdownShortcut'\n\nexport {\n  Dropdown,\n  DropdownTrigger,\n  DropdownContent,\n  DropdownItem,\n  DropdownCheckboxItem,\n  DropdownRadioItem,\n  DropdownLabel,\n  DropdownSeparator,\n  DropdownShortcut,\n  DropdownGroup,\n  DropdownPortal,\n  DropdownSub,\n  DropdownSubContent,\n  DropdownSubTrigger,\n  DropdownRadioGroup,\n}\n","import * as React from 'react'\nimport {\n  type ColumnDef,\n  type SortingState,\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { ArrowUpDown, ArrowUp, ArrowDown } from 'lucide-react'\n\nimport { cn } from '../lib/cn'\n\ninterface DataTableProps<TData, TValue> {\n  columns: ColumnDef<TData, TValue>[]\n  data: TData[]\n  loading?: boolean\n  skeletonRows?: number\n  emptyMessage?: React.ReactNode\n  onRowClick?: (row: TData) => void\n  /** Visual variant: 'card' (white bg, card wrapper — default), 'flat'\n   *  (transparent bg, still bordered), or 'bare' — no wrapper chrome at all,\n   *  for a table already inside a card that owns the border and radius. */\n  variant?: 'card' | 'flat' | 'bare'\n  /** Compact mode: smaller padding and font size */\n  compact?: boolean\n  /**\n   * Qual coluna está ordenada e para que lado, quando quem ordena é OUTRO\n   * controle (o menu \"Ordenar\" da barra de ferramentas).\n   *\n   * Marca o cabeçalho sem torná-lo clicável: com a ordenação fora da tabela,\n   * a seta é INFORMAÇÃO (\"está ordenado por isto, assim\"), não um botão. Sem\n   * ela, mudar a ordem por um menu que fecha em seguida não deixava rastro\n   * nenhum na tela.\n   */\n  sortIndicator?: { columnId: string; dir: 'asc' | 'desc' }\n}\n\nfunction DataTable<TData, TValue>({\n  columns,\n  data,\n  loading = false,\n  skeletonRows = 3,\n  emptyMessage = 'No results.',\n  onRowClick,\n  variant = 'card',\n  compact = false,\n  sortIndicator,\n}: DataTableProps<TData, TValue>) {\n  const isCard = variant === 'card'\n  // Rounded box and scroll container must be SEPARATE elements: a scroll\n  // container paints its content over its own border-radius, which squared\n  // the corners the moment a row background met them.\n  const wrapperCls = isCard\n    ? 'overflow-hidden rounded-lg border bg-card shadow-sm'\n    : variant === 'bare'\n      ? ''\n      : 'overflow-hidden rounded-lg border'\n  // 'bare' sits below something else inside its parent card (a search/tools\n  // toolbar), so its header is a mid-card band: no rounding, and it keeps the\n  // card's own surface rather than starting a new tinted block.\n  const headerCls = isCard\n    ? 'border-b bg-muted/50'\n    : variant === 'bare'\n      ? 'border-b bg-muted/30 rounded-none'\n      : 'border-b bg-muted/30'\n  const thCls = compact ? 'px-3 py-1.5 text-left text-[11px] font-medium text-muted-foreground' : 'px-4 py-2.5 text-left font-medium text-muted-foreground'\n  const tdCls = compact ? 'px-3 py-1.5 align-middle text-xs' : 'px-4 py-3 align-middle'\n  const tableCls = compact ? 'w-full text-xs min-w-max' : 'w-full text-sm min-w-max'\n  const rowHoverCls = isCard ? 'hover:bg-muted/30' : 'hover:bg-muted/20'\n  const [sorting, setSorting] = React.useState<SortingState>([])\n\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    onSortingChange: setSorting,\n    state: { sorting },\n  })\n\n  if (loading) {\n    return (\n      <div className={wrapperCls}>\n        <div className=\"overflow-x-auto\">\n        <table className={tableCls}>\n          <thead>\n            <tr className={headerCls}>\n              {columns.map((_, i) => (\n                <th key={i} className={thCls}>\n                  <div className=\"h-3.5 w-20 animate-pulse rounded bg-muted\" />\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {Array.from({ length: skeletonRows }).map((_, i) => (\n              <tr key={i} className=\"border-b last:border-0\">\n                {columns.map((_, j) => (\n                  <td key={j} className={tdCls}>\n                    <div className=\"h-3.5 w-full animate-pulse rounded bg-muted\" />\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={wrapperCls}>\n      <div className=\"overflow-x-auto\">\n      <table className={tableCls}>\n        <thead>\n          {table.getHeaderGroups().map((headerGroup) => (\n            <tr key={headerGroup.id} className={headerCls}>\n              {headerGroup.headers.map((header) => {\n                const sorted = header.column.getIsSorted()\n                return (\n                  <th\n                    key={header.id}\n                    className={thCls}\n                  >\n                    {header.isPlaceholder ? null : sortIndicator?.columnId === header.column.id ? (\n                      <span className=\"inline-flex items-center gap-1 text-foreground\">\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n                        {sortIndicator.dir === 'desc'\n                          ? <ArrowDown className=\"h-3 w-3\" />\n                          : <ArrowUp className=\"h-3 w-3\" />}\n                      </span>\n                    ) : header.column.getCanSort() ? (\n                      <button\n                        className=\"flex items-center gap-1 hover:text-foreground transition-colors\"\n                        onClick={header.column.getToggleSortingHandler()}\n                      >\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n                        {sorted === 'asc' ? (\n                          <ArrowUp className=\"h-3 w-3\" />\n                        ) : sorted === 'desc' ? (\n                          <ArrowDown className=\"h-3 w-3\" />\n                        ) : (\n                          <ArrowUpDown className=\"h-3 w-3 opacity-40\" />\n                        )}\n                      </button>\n                    ) : (\n                      flexRender(header.column.columnDef.header, header.getContext())\n                    )}\n                  </th>\n                )\n              })}\n            </tr>\n          ))}\n        </thead>\n        <tbody>\n          {table.getRowModel().rows?.length ? (\n            table.getRowModel().rows.map((row) => (\n              <tr\n                key={row.id}\n                className={cn(\n                  `border-b last:border-0 transition-colors ${rowHoverCls}`,\n                  onRowClick && 'cursor-pointer'\n                )}\n                onClick={() => onRowClick?.(row.original)}\n              >\n                {row.getVisibleCells().map((cell) => (\n                  <td key={cell.id} className={tdCls}>\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                  </td>\n                ))}\n              </tr>\n            ))\n          ) : (\n            <tr>\n              {/* Height, not just padding: an empty table that collapses to one\n                  thin row reads as a rendering glitch rather than \"nothing\n                  here yet\". `emptyMessage` takes a node so callers can hand in\n                  a full empty state (icon, headline, create action). */}\n              <td colSpan={columns.length} className=\"h-64 px-6 text-center align-middle text-muted-foreground\">\n                {emptyMessage}\n              </td>\n            </tr>\n          )}\n        </tbody>\n      </table>\n      </div>\n    </div>\n  )\n}\n\nexport { DataTable, type DataTableProps }\n","import { cn } from '../lib/cn'\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn('animate-pulse rounded-md bg-muted', className)}\n      {...props}\n    />\n  )\n}\n\n/**\n * Skeleton loader that mimics a table with rows and columns.\n * Drop-in replacement for \"Loading...\" text in list views.\n */\nfunction TableSkeleton({ columns = 4, rows = 2 }: { columns?: number; rows?: number }) {\n  return (\n    <div className=\"rounded-lg border overflow-hidden\">\n      <div className=\"border-b bg-muted/30 flex gap-4 px-4 py-2.5\">\n        {Array.from({ length: columns }).map((_, i) => (\n          <Skeleton key={i} className=\"h-3 flex-1 rounded bg-muted-foreground/10\" />\n        ))}\n      </div>\n      <div className=\"divide-y\">\n        {Array.from({ length: rows }).map((_, r) => (\n          <div key={r} className=\"flex items-center gap-4 px-4 py-3.5\">\n            {Array.from({ length: columns }).map((_, c) => (\n              <Skeleton\n                key={c}\n                className={cn(\n                  'h-3 rounded',\n                  c === 0 ? 'flex-[2]' : 'flex-1',\n                )}\n              />\n            ))}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport { Skeleton, TableSkeleton }\n","import * as React from 'react'\nimport { cn } from '../lib/cn'\n\nexport interface SegmentedOption<T extends string = string> {\n  value: T\n  label: React.ReactNode\n}\n\nexport interface SegmentedControlProps<T extends string = string> {\n  /** Options as plain values (label = value) or `{ value, label }` objects. */\n  options: ReadonlyArray<T | SegmentedOption<T>>\n  value: T\n  onChange: (value: T) => void\n  /** Matches the equivalent Button heights: sm = 26px, md = 30px. */\n  size?: 'sm' | 'md'\n  className?: string\n  'aria-label'?: string\n}\n\nconst SIZE: Record<'sm' | 'md', { container: string; segment: string }> = {\n  sm: { container: 'h-[26px]', segment: 'px-2.5 text-xs' },\n  md: { container: 'h-[30px]', segment: 'px-3 text-sm' },\n}\n\n/**\n * Canonical segmented (pill) control — same chrome as Button (rounded-button\n * radius, hairline border + shadow-button bevel on a card surface). Use this for\n * any 7d/30d/90d-style toggle so every surface stays visually consistent instead\n * of hand-rolling a styled toggle group.\n */\nexport function SegmentedControl<T extends string = string>({\n  options, value, onChange, size = 'sm', className, ...rest\n}: SegmentedControlProps<T>) {\n  const items = options.map((o) => (typeof o === 'string' ? { value: o, label: o } : o)) as SegmentedOption<T>[]\n  return (\n    <div\n      role=\"tablist\"\n      aria-label={rest['aria-label']}\n      className={cn(\n        'inline-flex items-center rounded-button border border-border bg-card p-0.5 shadow-button',\n        SIZE[size].container,\n        className,\n      )}\n    >\n      {items.map((item) => {\n        const active = item.value === value\n        return (\n          <button\n            key={item.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={active}\n            onClick={() => onChange(item.value)}\n            className={cn(\n              'flex h-full items-center rounded-button font-semibold transition-colors',\n              SIZE[size].segment,\n              active ? 'bg-foreground text-background' : 'text-muted-foreground hover:bg-muted/60',\n            )}\n          >\n            {item.label}\n          </button>\n        )\n      })}\n    </div>\n  )\n}\n"]}