@gv-tech/design-system 2.3.0 → 2.5.0

package/packages/ui-core/src/contracts/table.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+export interface TableBaseProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export interface TableHeaderBaseProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export interface TableBodyBaseProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export interface TableFooterBaseProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export interface TableRowBaseProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export interface TableHeadBaseProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export interface TableCellBaseProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export interface TableCaptionBaseProps {
+  className?: string;
+  children?: React.ReactNode;
+}

package/packages/ui-core/src/contracts/tabs.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+export interface TabsBaseProps {
+  children?: React.ReactNode;
+  defaultValue?: string;
+  value?: string;
+  onValueChange?: (value: string) => void;
+  orientation?: 'horizontal' | 'vertical';
+  dir?: 'ltr' | 'rtl';
+  activationMode?: 'automatic' | 'manual';
+}
+
+export interface TabsListBaseProps {
+  children?: React.ReactNode;
+  className?: string;
+  loop?: boolean;
+}
+
+export interface TabsTriggerBaseProps {
+  children?: React.ReactNode;
+  className?: string;
+  value: string;
+  disabled?: boolean;
+}
+
+export interface TabsContentBaseProps {
+  children?: React.ReactNode;
+  className?: string;
+  value: string;
+  forceMount?: true;
+}

package/packages/ui-core/src/contracts/text.ts

@@ -0,0 +1,12 @@
+// Shared Text contracts.
+// Foundation typography component for cross-platform text rendering.
+
+export const textVariantValues = ['h1', 'h2', 'h3', 'h4', 'body', 'bodySmall', 'caption', 'label', 'overline'] as const;
+export type TextVariant = (typeof textVariantValues)[number];
+
+// Platform-agnostic props shared by every Text implementation.
+// Does NOT include variant — that comes from platform-specific CVA bindings.
+export interface TextBaseProps {
+  className?: string;
+  children?: React.ReactNode;
+}

package/packages/ui-core/src/contracts/textarea.ts

@@ -0,0 +1,7 @@
+export interface TextareaBaseProps {
+  className?: string;
+  placeholder?: string;
+  value?: string;
+  defaultValue?: string;
+  disabled?: boolean;
+}

package/packages/ui-core/src/contracts/theme-provider.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+export interface ThemeProviderBaseProps {
+  children?: React.ReactNode;
+  attribute?: string | string[];
+  defaultTheme?: string;
+  enableSystem?: boolean;
+  disableTransitionOnChange?: boolean;
+  themes?: string[];
+  forcedTheme?: string;
+  storageKey?: string;
+  nonce?: string;
+  [key: string]: unknown;
+}

package/packages/ui-core/src/contracts/theme-toggle.ts

@@ -0,0 +1,15 @@
+export interface ThemeToggleBaseProps {
+  /**
+   * The mode of the theme toggle. 'binary' allows toggling between light and dark. 'ternary' allows choosing between
+   * light, dark, and system.
+   *
+   * @default 'binary'
+   */
+  variant?: 'binary' | 'ternary';
+  /** Optional callback when the theme changes. */
+  onThemeChange?: (theme: string) => void;
+  /** Optional current theme value for external control. */
+  customTheme?: string;
+  /** Optional className for the button. */
+  className?: string;
+}

package/packages/ui-core/src/contracts/toast.ts

@@ -0,0 +1,15 @@
+// Shared Toast contracts.
+// Feedback pattern — web uses shadcn/sonner, native uses a custom View.
+
+export const toastVariantValues = ['default', 'destructive'] as const;
+export type ToastVariant = (typeof toastVariantValues)[number];
+
+// Platform-agnostic props shared by every Toast implementation.
+export interface ToastBaseProps {
+  variant?: ToastVariant;
+  title?: string;
+  description?: string;
+  action?: React.ReactNode;
+  className?: string;
+  onDismiss?: () => void;
+}

package/packages/ui-core/src/contracts/toaster.ts

@@ -0,0 +1,3 @@
+export interface ToasterBaseProps {
+  [key: string]: unknown;
+}

package/packages/ui-core/src/contracts/toggle-group.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { ToggleSize, ToggleVariant } from './toggle';
+
+export interface ToggleGroupBaseProps {
+  children?: React.ReactNode;
+  className?: string;
+  variant?: ToggleVariant;
+  size?: ToggleSize;
+  type?: 'single' | 'multiple';
+  defaultValue?: string | string[];
+  value?: string | string[];
+  onValueChange?: (value: string | string[]) => void;
+  disabled?: boolean;
+}
+
+export interface ToggleGroupItemBaseProps {
+  children?: React.ReactNode;
+  className?: string;
+  value: string;
+  variant?: ToggleVariant;
+  size?: ToggleSize;
+  disabled?: boolean;
+}

package/packages/ui-core/src/contracts/toggle.ts

@@ -0,0 +1,49 @@
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+
+export const toggleVariants = cva(
+  'inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+  {
+    variants: {
+      variant: {
+        default: 'bg-transparent',
+        outline: 'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',
+      },
+      size: {
+        default: 'h-9 px-2 min-w-9',
+        sm: 'h-8 px-1.5 min-w-8',
+        lg: 'h-10 px-2.5 min-w-10',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+);
+
+export const toggleVariantValues = {
+  variant: {
+    default: 'default',
+    outline: 'outline',
+  },
+  size: {
+    default: 'default',
+    sm: 'sm',
+    lg: 'lg',
+  },
+} as const;
+
+export type ToggleVariant = keyof typeof toggleVariantValues.variant;
+export type ToggleSize = keyof typeof toggleVariantValues.size;
+
+export interface ToggleBaseProps {
+  children?: React.ReactNode;
+  className?: string;
+  variant?: ToggleVariant;
+  size?: ToggleSize;
+  pressed?: boolean;
+  defaultPressed?: boolean;
+  onPressedChange?: (pressed: boolean) => void;
+  disabled?: boolean;
+}

package/packages/ui-core/src/contracts/tooltip.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+export interface TooltipBaseProps {
+  children?: React.ReactNode;
+  delayDuration?: number;
+  skipDelayDuration?: number;
+  disableHoverableContent?: boolean;
+}
+
+export interface TooltipContentBaseProps {
+  children?: React.ReactNode;
+  className?: string;
+  sideOffset?: number;
+  avoidCollisions?: boolean;
+}
+
+export interface TooltipTriggerBaseProps {
+  children?: React.ReactNode;
+  asChild?: boolean;
+  className?: string;
+}
+
+export interface TooltipProviderBaseProps {
+  children?: React.ReactNode;
+  delayDuration?: number;
+  skipDelayDuration?: number;
+  disableHoverableContent?: boolean;
+}

package/packages/ui-core/src/index.ts

@@ -0,0 +1,327 @@
+// @gv-tech/ui-core
+//
+// Shared component contracts for the GV Tech design system.
+// Consumed by both ui-web and ui-native implementations.
+
+// Accordion
+export type {
+  AccordionBaseProps,
+  AccordionContentBaseProps,
+  AccordionItemBaseProps,
+  AccordionTriggerBaseProps,
+} from './contracts/accordion';
+
+// Alert
+export type { AlertBaseProps, AlertDescriptionBaseProps, AlertTitleBaseProps } from './contracts/alert';
+
+// Alert Dialog
+export type {
+  AlertDialogActionBaseProps,
+  AlertDialogBaseProps,
+  AlertDialogCancelBaseProps,
+  AlertDialogContentBaseProps,
+  AlertDialogDescriptionBaseProps,
+  AlertDialogFooterBaseProps,
+  AlertDialogHeaderBaseProps,
+  AlertDialogTitleBaseProps,
+  AlertDialogTriggerBaseProps,
+} from './contracts/alert-dialog';
+
+// Aspect Ratio
+export type { AspectRatioBaseProps } from './contracts/aspect-ratio';
+
+// Avatar
+export type { AvatarBaseProps, AvatarFallbackBaseProps, AvatarImageBaseProps } from './contracts/avatar';
+
+// Badge
+export type { BadgeBaseProps } from './contracts/badge';
+
+// Breadcrumb
+export type {
+  BreadcrumbBaseProps,
+  BreadcrumbEllipsisBaseProps,
+  BreadcrumbItemBaseProps,
+  BreadcrumbLinkBaseProps,
+  BreadcrumbListBaseProps,
+  BreadcrumbPageBaseProps,
+  BreadcrumbSeparatorBaseProps,
+} from './contracts/breadcrumb';
+
+// Button
+export { buttonSizeValues, buttonVariantValues } from './contracts/button';
+export type { ButtonBaseProps, ButtonSize, ButtonVariant } from './contracts/button';
+
+// Calendar
+export type { CalendarBaseProps } from './contracts/calendar';
+
+// Card
+export type { CardBaseProps, CardSubComponent } from './contracts/card';
+
+// Carousel
+export type {
+  CarouselBaseProps,
+  CarouselContentBaseProps,
+  CarouselItemBaseProps,
+  CarouselNextBaseProps,
+  CarouselPreviousBaseProps,
+} from './contracts/carousel';
+
+// Chart
+export type {
+  ChartConfig,
+  ChartContainerBaseProps,
+  ChartLegendContentBaseProps,
+  ChartTooltipContentBaseProps,
+} from './contracts/chart';
+
+// Checkbox
+export type { CheckboxBaseProps } from './contracts/checkbox';
+
+// Collapsible
+export type {
+  CollapsibleBaseProps,
+  CollapsibleContentBaseProps,
+  CollapsibleTriggerBaseProps,
+} from './contracts/collapsible';
+
+// Command
+export type {
+  CommandBaseProps,
+  CommandEmptyBaseProps,
+  CommandGroupBaseProps,
+  CommandInputBaseProps,
+  CommandItemBaseProps,
+  CommandListBaseProps,
+  CommandSeparatorBaseProps,
+  CommandShortcutBaseProps,
+} from './contracts/command';
+
+// Context Menu
+export type {
+  ContextMenuBaseProps,
+  ContextMenuCheckboxItemBaseProps,
+  ContextMenuContentBaseProps,
+  ContextMenuGroupBaseProps,
+  ContextMenuItemBaseProps,
+  ContextMenuLabelBaseProps,
+  ContextMenuRadioGroupBaseProps,
+  ContextMenuRadioItemBaseProps,
+  ContextMenuSeparatorBaseProps,
+  ContextMenuShortcutBaseProps,
+  ContextMenuSubBaseProps,
+  ContextMenuSubContentBaseProps,
+  ContextMenuSubTriggerBaseProps,
+  ContextMenuTriggerBaseProps,
+} from './contracts/context-menu';
+
+// Dialog
+export type { DialogBaseProps, DialogContentBaseProps, DialogSubComponent } from './contracts/dialog';
+
+// Drawer
+export type {
+  DrawerBaseProps,
+  DrawerCloseBaseProps,
+  DrawerContentBaseProps,
+  DrawerDescriptionBaseProps,
+  DrawerFooterBaseProps,
+  DrawerHeaderBaseProps,
+  DrawerTitleBaseProps,
+  DrawerTriggerBaseProps,
+} from './contracts/drawer';
+
+// Dropdown Menu
+export type {
+  DropdownMenuBaseProps,
+  DropdownMenuCheckboxItemBaseProps,
+  DropdownMenuContentBaseProps,
+  DropdownMenuGroupBaseProps,
+  DropdownMenuItemBaseProps,
+  DropdownMenuLabelBaseProps,
+  DropdownMenuRadioGroupBaseProps,
+  DropdownMenuRadioItemBaseProps,
+  DropdownMenuSeparatorBaseProps,
+  DropdownMenuShortcutBaseProps,
+  DropdownMenuSubBaseProps,
+  DropdownMenuSubContentBaseProps,
+  DropdownMenuSubTriggerBaseProps,
+  DropdownMenuTriggerBaseProps,
+} from './contracts/dropdown-menu';
+
+// Form
+export type {
+  FormBaseProps,
+  FormControlBaseProps,
+  FormDescriptionBaseProps,
+  FormItemBaseProps,
+  FormLabelBaseProps,
+  FormMessageBaseProps,
+} from './contracts/form';
+
+// Hover Card
+export type { HoverCardBaseProps, HoverCardContentBaseProps, HoverCardTriggerBaseProps } from './contracts/hover-card';
+
+// Input
+export type { InputBaseProps } from './contracts/input';
+
+// Label
+export type { LabelBaseProps } from './contracts/label';
+
+// Menubar
+export type {
+  MenubarBaseProps,
+  MenubarCheckboxItemBaseProps,
+  MenubarContentBaseProps,
+  MenubarItemBaseProps,
+  MenubarLabelBaseProps,
+  MenubarMenuBaseProps,
+  MenubarRadioItemBaseProps,
+  MenubarSeparatorBaseProps,
+  MenubarShortcutBaseProps,
+  MenubarSubBaseProps,
+  MenubarSubContentBaseProps,
+  MenubarSubTriggerBaseProps,
+  MenubarTriggerBaseProps,
+} from './contracts/menubar';
+
+// Navigation Menu
+export type {
+  NavigationMenuBaseProps,
+  NavigationMenuContentBaseProps,
+  NavigationMenuIndicatorBaseProps,
+  NavigationMenuItemBaseProps,
+  NavigationMenuLinkBaseProps,
+  NavigationMenuListBaseProps,
+  NavigationMenuTriggerBaseProps,
+  NavigationMenuViewportBaseProps,
+} from './contracts/navigation-menu';
+
+// Pagination
+export type {
+  PaginationBaseProps,
+  PaginationContentBaseProps,
+  PaginationEllipsisBaseProps,
+  PaginationItemBaseProps,
+  PaginationLinkBaseProps,
+  PaginationNextBaseProps,
+  PaginationPreviousBaseProps,
+} from './contracts/pagination';
+
+// Popover
+export type {
+  PopoverAnchorBaseProps,
+  PopoverBaseProps,
+  PopoverContentBaseProps,
+  PopoverTriggerBaseProps,
+} from './contracts/popover';
+
+// Progress
+export type { ProgressBaseProps } from './contracts/progress';
+
+// Radio
+export type { RadioGroupBaseProps, RadioGroupItemBaseProps } from './contracts/radio';
+
+// Resizable
+export type {
+  ResizableHandleBaseProps,
+  ResizablePanelBaseProps,
+  ResizablePanelGroupBaseProps,
+} from './contracts/resizable';
+
+// Scroll Area
+export type { ScrollAreaBaseProps, ScrollBarBaseProps } from './contracts/scroll-area';
+
+// Search
+export type { SearchBaseProps, SearchTriggerBaseProps } from './contracts/search';
+
+// Select
+export type {
+  SelectBaseProps,
+  SelectContentBaseProps,
+  SelectGroupBaseProps,
+  SelectItemBaseProps,
+  SelectLabelBaseProps,
+  SelectScrollDownButtonBaseProps,
+  SelectScrollUpButtonBaseProps,
+  SelectSeparatorBaseProps,
+  SelectTriggerBaseProps,
+  SelectValueBaseProps,
+} from './contracts/select';
+
+// Separator
+export type { SeparatorBaseProps } from './contracts/separator';
+
+// Sheet
+export type {
+  SheetBaseProps,
+  SheetCloseBaseProps,
+  SheetContentBaseProps,
+  SheetDescriptionBaseProps,
+  SheetFooterBaseProps,
+  SheetHeaderBaseProps,
+  SheetOverlayBaseProps,
+  SheetPortalBaseProps,
+  SheetTitleBaseProps,
+  SheetTriggerBaseProps,
+} from './contracts/sheet';
+
+// Skeleton
+export type { SkeletonBaseProps } from './contracts/skeleton';
+
+// Slider
+export type { SliderBaseProps } from './contracts/slider';
+
+// Sonner
+export type { SonnerBaseProps } from './contracts/sonner';
+
+// Switch
+export type { SwitchBaseProps } from './contracts/switch';
+
+// Table
+export type {
+  TableBaseProps,
+  TableBodyBaseProps,
+  TableCaptionBaseProps,
+  TableCellBaseProps,
+  TableFooterBaseProps,
+  TableHeadBaseProps,
+  TableHeaderBaseProps,
+  TableRowBaseProps,
+} from './contracts/table';
+
+// Tabs
+export type { TabsBaseProps, TabsContentBaseProps, TabsListBaseProps, TabsTriggerBaseProps } from './contracts/tabs';
+
+// Text
+export { textVariantValues } from './contracts/text';
+export type { TextBaseProps, TextVariant } from './contracts/text';
+
+// Textarea
+export type { TextareaBaseProps } from './contracts/textarea';
+
+// Toggle
+export { toggleVariantValues, toggleVariants } from './contracts/toggle';
+export type { ToggleBaseProps, ToggleSize, ToggleVariant } from './contracts/toggle';
+
+// Toggle Group
+export type { ToggleGroupBaseProps, ToggleGroupItemBaseProps } from './contracts/toggle-group';
+
+// Tooltip
+export type {
+  TooltipBaseProps,
+  TooltipContentBaseProps,
+  TooltipProviderBaseProps,
+  TooltipTriggerBaseProps,
+} from './contracts/tooltip';
+
+// Toast
+export { toastVariantValues } from './contracts/toast';
+export type { ToastBaseProps, ToastVariant } from './contracts/toast';
+
+// Theme Provider
+export type { ThemeProviderBaseProps } from './contracts/theme-provider';
+
+// Theme Toggle
+export type { ThemeToggleBaseProps } from './contracts/theme-toggle';
+
+// Toaster
+export type { ToasterBaseProps } from './contracts/toaster';

package/packages/ui-core/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "react-jsx",
+    "outDir": "dist",
+    "rootDir": "src"
+  },
+  "include": ["src"]
+}

package/packages/ui-native/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Changelog
+
+## [0.1.0](https://github.com/Garcia-Ventures/gvtech-design/compare/ui-native-v0.0.1...ui-native-v0.1.0) (2026-02-20)
+
+
+### Features
+
+* **universal:** pivot to monorepo architecture and stabilize react native support ([#63](https://github.com/Garcia-Ventures/gvtech-design/issues/63)) ([3458938](https://github.com/Garcia-Ventures/gvtech-design/commit/3458938c17bdfc7a7f5eea0053b7bf1786a571fa))

package/packages/ui-native/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@gv-tech/ui-native",
+  "version": "0.1.0",
+  "description": "React Native implementations of the GV Tech design system components",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Garcia-Ventures/gvtech-design.git",
+    "directory": "packages/ui-native"
+  },
+  "license": "MIT",
+  "author": "Eric N. Garcia <eng618@garciaericn.com>",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    },
+    "./*": {
+      "types": "./src/*/index.ts",
+      "default": "./src/*/index.ts"
+    }
+  },
+  "main": "src/index.ts",
+  "types": "src/index.ts",
+  "scripts": {
+    "build": "echo 'No build step — consumed as TS source by sibling packages'",
+    "lint": "echo 'Linted from workspace root'",
+    "test": "vitest run",
+    "typecheck": "yarn tsc --noEmit"
+  },
+  "dependencies": {
+    "@gv-tech/design-tokens": "workspace:*",
+    "@gv-tech/ui-core": "workspace:*",
+    "@rn-primitives/accordion": "^1.2.0",
+    "@rn-primitives/alert-dialog": "^1.2.0",
+    "@rn-primitives/aspect-ratio": "^1.2.0",
+    "@rn-primitives/avatar": "^1.2.0",
+    "@rn-primitives/checkbox": "^1.2.0",
+    "@rn-primitives/collapsible": "^1.2.0",
+    "@rn-primitives/context-menu": "^1.2.0",
+    "@rn-primitives/dialog": "^1.2.0",
+    "@rn-primitives/dropdown-menu": "^1.2.0",
+    "@rn-primitives/hover-card": "^1.2.0",
+    "@rn-primitives/label": "^1.2.0",
+    "@rn-primitives/menubar": "^1.2.0",
+    "@rn-primitives/navigation-menu": "^1.2.0",
+    "@rn-primitives/popover": "^1.2.0",
+    "@rn-primitives/portal": "^1.3.0",
+    "@rn-primitives/progress": "^1.2.0",
+    "@rn-primitives/radio-group": "^1.2.0",
+    "@rn-primitives/select": "^1.2.0",
+    "@rn-primitives/separator": "^1.2.0",
+    "@rn-primitives/slider": "^1.2.0",
+    "@rn-primitives/slot": "^1.2.0",
+    "@rn-primitives/switch": "^1.2.0",
+    "@rn-primitives/tabs": "^1.2.0",
+    "@rn-primitives/toast": "^1.2.0",
+    "@rn-primitives/toggle": "^1.2.0",
+    "@rn-primitives/toggle-group": "^1.2.0",
+    "@rn-primitives/tooltip": "^1.2.0",
+    "clsx": "^2.1.1",
+    "lucide-react-native": "^0.574.0",
+    "nativewind": "^4.2.1",
+    "react-native-reanimated": "~3.16.1",
+    "react-native-svg": "^15.15.3",
+    "tailwind-merge": "^3.4.1",
+    "tailwindcss": "^4.1.18"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.72"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  }
+}