@bearmenu/ui 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +116 -0
  2. package/dist/components/alert.d.ts +1 -1
  3. package/dist/components/badge.d.ts +1 -1
  4. package/dist/components/button.d.ts +1 -1
  5. package/dist/components/command.d.ts +13 -13
  6. package/dist/components/text.d.ts +3 -3
  7. package/package.json +1 -1
package/README.md ADDED
@@ -0,0 +1,116 @@
1
+ # @bearmenu/ui
2
+
3
+ Shared design system for BearMenu — UI tokens, primitives, and components built on Radix UI and Tailwind CSS.
4
+
5
+ ## Install
6
+
7
+ ```bash
8
+ npm i @bearmenu/ui
9
+ ```
10
+
11
+ ## Setup
12
+
13
+ Import the global styles in your root layout:
14
+
15
+ ```tsx
16
+ import "@bearmenu/ui/globals.css";
17
+ ```
18
+
19
+ ## Usage
20
+
21
+ ```tsx
22
+ import { Button } from "@bearmenu/ui/components/button";
23
+ import { Card, CardHeader, CardTitle, CardContent } from "@bearmenu/ui/components/card";
24
+ import { Input } from "@bearmenu/ui/components/input";
25
+ ```
26
+
27
+ ## Components
28
+
29
+ | Component | Import |
30
+ | --- | --- |
31
+ | Accordion | `@bearmenu/ui/components/accordion` |
32
+ | Alert | `@bearmenu/ui/components/alert` |
33
+ | Alert Dialog | `@bearmenu/ui/components/alert-dialog` |
34
+ | Aspect Ratio | `@bearmenu/ui/components/aspect-ratio` |
35
+ | Avatar | `@bearmenu/ui/components/avatar` |
36
+ | Badge | `@bearmenu/ui/components/badge` |
37
+ | Breadcrumb | `@bearmenu/ui/components/breadcrumb` |
38
+ | Button | `@bearmenu/ui/components/button` |
39
+ | Calendar | `@bearmenu/ui/components/calendar` |
40
+ | Card | `@bearmenu/ui/components/card` |
41
+ | Carousel | `@bearmenu/ui/components/carousel` |
42
+ | Checkbox | `@bearmenu/ui/components/checkbox` |
43
+ | Collapsible | `@bearmenu/ui/components/collapsible` |
44
+ | Command | `@bearmenu/ui/components/command` |
45
+ | Currency Input | `@bearmenu/ui/components/currency-input` |
46
+ | Dialog | `@bearmenu/ui/components/dialog` |
47
+ | Drawer | `@bearmenu/ui/components/drawer` |
48
+ | Dropdown Menu | `@bearmenu/ui/components/dropdown-menu` |
49
+ | Empty State | `@bearmenu/ui/components/empty-state` |
50
+ | Form | `@bearmenu/ui/components/form` |
51
+ | Haptic Button | `@bearmenu/ui/components/haptic-button` |
52
+ | Input | `@bearmenu/ui/components/input` |
53
+ | Input OTP | `@bearmenu/ui/components/input-otp` |
54
+ | Label | `@bearmenu/ui/components/label` |
55
+ | Lazy Markdown | `@bearmenu/ui/components/lazy-markdown` |
56
+ | Link Button | `@bearmenu/ui/components/link-button` |
57
+ | Markdown Renderer | `@bearmenu/ui/components/markdown-renderer` |
58
+ | Multi-Select Combobox | `@bearmenu/ui/components/multi-select-combobox` |
59
+ | Pagination | `@bearmenu/ui/components/pagination` |
60
+ | Popover | `@bearmenu/ui/components/popover` |
61
+ | Progress | `@bearmenu/ui/components/progress` |
62
+ | Radio Group | `@bearmenu/ui/components/radio-group` |
63
+ | Rating | `@bearmenu/ui/components/rating` |
64
+ | Scroll Area | `@bearmenu/ui/components/scroll-area` |
65
+ | Search Bar | `@bearmenu/ui/components/search-bar` |
66
+ | Searchable Select | `@bearmenu/ui/components/searchable-select` |
67
+ | Select | `@bearmenu/ui/components/select` |
68
+ | Separator | `@bearmenu/ui/components/separator` |
69
+ | Sheet | `@bearmenu/ui/components/sheet` |
70
+ | Skeleton | `@bearmenu/ui/components/skeleton` |
71
+ | Skeleton Card | `@bearmenu/ui/components/skeleton-card` |
72
+ | Slider | `@bearmenu/ui/components/slider` |
73
+ | Sliding Panels | `@bearmenu/ui/components/sliding-panels` |
74
+ | Sonner | `@bearmenu/ui/components/sonner` |
75
+ | Sticky Container | `@bearmenu/ui/components/sticky-container` |
76
+ | Switch | `@bearmenu/ui/components/switch` |
77
+ | Table | `@bearmenu/ui/components/table` |
78
+ | Tabs | `@bearmenu/ui/components/tabs` |
79
+ | Text | `@bearmenu/ui/components/text` |
80
+ | Textarea | `@bearmenu/ui/components/textarea` |
81
+ | Toast | `@bearmenu/ui/components/toast` |
82
+ | Toaster | `@bearmenu/ui/components/toaster` |
83
+ | Toggle | `@bearmenu/ui/components/toggle` |
84
+ | Toggle Group | `@bearmenu/ui/components/toggle-group` |
85
+ | Tooltip | `@bearmenu/ui/components/tooltip` |
86
+
87
+ ## Hooks
88
+
89
+ | Hook | Import |
90
+ | --- | --- |
91
+ | useHaptic | `@bearmenu/ui/hooks/use-haptic` |
92
+ | useMobile | `@bearmenu/ui/hooks/use-mobile` |
93
+ | useMountedTheme | `@bearmenu/ui/hooks/use-mounted-theme` |
94
+ | useSticky | `@bearmenu/ui/hooks/use-sticky` |
95
+
96
+ ## Utilities
97
+
98
+ ```tsx
99
+ import { cn } from "@bearmenu/ui/lib/utils";
100
+ ```
101
+
102
+ ## Peer Dependencies
103
+
104
+ This package expects the following in your project:
105
+
106
+ - React 18+ or 19+
107
+ - Next.js 14+
108
+ - Tailwind CSS 4+
109
+ - Radix UI primitives
110
+ - Framer Motion 12+
111
+
112
+ See `package.json` for the full list of peer dependencies.
113
+
114
+ ## License
115
+
116
+ UNLICENSED
package/dist/components/alert.d.ts CHANGED
@@ -3,7 +3,7 @@ import * as React from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
5
  declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
6
- variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
6
+ variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
7
7
  } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
8
8
  declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
9
9
  declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
package/dist/components/badge.d.ts CHANGED
@@ -4,7 +4,7 @@ import * as React from 'react';
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
 
6
6
  declare const badgeVariants: (props?: ({
7
- variant?: "default" | "destructive" | "outline" | "secondary" | "glass" | "success" | "warning" | "overlay" | null | undefined;
7
+ variant?: "default" | "destructive" | "warning" | "success" | "outline" | "secondary" | "glass" | "overlay" | null | undefined;
8
8
  } & class_variance_authority_types.ClassProp) | undefined) => string;
9
9
  interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
10
10
  }
package/dist/components/button.d.ts CHANGED
@@ -3,7 +3,7 @@ import * as React from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
5
  declare const buttonVariants: (props?: ({
6
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "brown" | "antagonist" | null | undefined;
6
+ variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | "glass" | "brown" | "antagonist" | null | undefined;
7
7
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
8
8
  } & class_variance_authority_types.ClassProp) | undefined) => string;
9
9
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
package/dist/components/command.d.ts CHANGED
@@ -4,11 +4,11 @@ import { DialogProps } from '@radix-ui/react-dialog';
4
4
 
5
5
  declare const Command: React.ForwardRefExoticComponent<Omit<{
6
6
  children?: React.ReactNode;
7
- } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
7
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
8
8
  ref?: React.Ref<HTMLDivElement>;
9
9
  } & {
10
10
  asChild?: boolean;
11
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
11
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
12
12
  label?: string;
13
13
  shouldFilter?: boolean;
14
14
  filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -25,51 +25,51 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
25
25
  ref?: React.Ref<HTMLInputElement>;
26
26
  } & {
27
27
  asChild?: boolean;
28
- }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
28
+ }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
29
29
  value?: string;
30
30
  onValueChange?: (search: string) => void;
31
31
  } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
32
32
  declare const CommandList: React.ForwardRefExoticComponent<Omit<{
33
33
  children?: React.ReactNode;
34
- } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
34
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
35
35
  ref?: React.Ref<HTMLDivElement>;
36
36
  } & {
37
37
  asChild?: boolean;
38
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
38
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
39
39
  label?: string;
40
40
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
41
41
  declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
42
42
  children?: React.ReactNode;
43
- } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
43
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
44
44
  ref?: React.Ref<HTMLDivElement>;
45
45
  } & {
46
46
  asChild?: boolean;
47
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
47
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
48
48
  declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
49
49
  children?: React.ReactNode;
50
- } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
50
+ } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
51
51
  ref?: React.Ref<HTMLDivElement>;
52
52
  } & {
53
53
  asChild?: boolean;
54
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
54
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "heading" | "value"> & {
55
55
  heading?: React.ReactNode;
56
56
  value?: string;
57
57
  forceMount?: boolean;
58
58
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
59
- declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
59
+ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
60
60
  ref?: React.Ref<HTMLDivElement>;
61
61
  } & {
62
62
  asChild?: boolean;
63
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
63
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
64
64
  alwaysRender?: boolean;
65
65
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
66
66
  declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
67
67
  children?: React.ReactNode;
68
- } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
68
+ } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
69
69
  ref?: React.Ref<HTMLDivElement>;
70
70
  } & {
71
71
  asChild?: boolean;
72
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
72
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "disabled" | "value"> & {
73
73
  disabled?: boolean;
74
74
  onSelect?: (value: string) => void;
75
75
  value?: string;
package/dist/components/text.d.ts CHANGED
@@ -4,9 +4,9 @@ import * as React from 'react';
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
 
6
6
  declare const textVariants: (props?: ({
7
- variant?: "h2" | "h3" | "label" | "body" | "caption" | "h1" | "h4" | "display" | "body-lg" | "body-sm" | "overline" | null | undefined;
8
- color?: "inherit" | "default" | "destructive" | "muted" | "primary" | "primary-foreground" | null | undefined;
9
- weight?: "bold" | "medium" | "normal" | "semibold" | null | undefined;
7
+ variant?: "display" | "h1" | "h2" | "h3" | "h4" | "body-lg" | "body" | "body-sm" | "caption" | "label" | "overline" | null | undefined;
8
+ color?: "default" | "destructive" | "inherit" | "muted" | "primary" | "primary-foreground" | null | undefined;
9
+ weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
10
10
  leading?: "none" | "normal" | "tight" | "snug" | "relaxed" | "loose" | null | undefined;
11
11
  tracking?: "normal" | "tight" | "wide" | "wider" | null | undefined;
12
12
  wrap?: "balance" | "pretty" | "nowrap" | null | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bearmenu/ui",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "description": "BearMenu design system — shared UI tokens, primitives, and components",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {