@7onic-ui/react 0.2.1 → 0.2.2

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 (4) hide show
  1. package/README.md +6 -1
  2. package/dist/chart.d.mts +2 -2
  3. package/dist/chart.d.ts +2 -2
  4. package/package.json +4 -3
package/README.md CHANGED
@@ -24,7 +24,7 @@
24
24
  |:---:|---|---|
25
25
  | **🎯** | **Zero design-code drift** | Design and code from a single vision. No handoff, no drift — every component is pixel-verified against Figma. |
26
26
  | **📦** | **One JSON, every format** | `figma-tokens.json` auto-generates CSS, Tailwind v3, Tailwind v4, JS/TS, and JSON — all in sync. |
27
- | **🧩** | **shadcn freedom + MUI convenience** | Built-in `loading`, `leftIcon`, `pressEffect`, `Field` — no DIY. Override anything with `className`. |
27
+ | **🧩** | **shadcn freedom + MUI convenience** | Built-in `toast.promise()`, `pressEffect`, namespace patterns — no DIY. `npx 7onic add` or `npm install` — same components, your workflow. |
28
28
  | **🔀** | **Only Tailwind v3+v4 dual support** | The ecosystem's only design system supporting both Tailwind versions. Same tokens, same DX. |
29
29
  | **🎮** | **Built-in playground** | Interactive props editor + live code generation in docs. No Storybook setup needed. |
30
30
  | **🌗** | **Dark mode, zero config** | Light/dark themes built into tokens. System preference detection out of the box. |
@@ -38,7 +38,12 @@
38
38
  ## Get Started
39
39
 
40
40
  ```bash
41
+ # npm package
41
42
  npm install @7onic-ui/react @7onic-ui/tokens
43
+
44
+ # or CLI (local copy)
45
+ npx 7onic init
46
+ npx 7onic add button card input
42
47
  ```
43
48
 
44
49
  <details>
package/dist/chart.d.mts CHANGED
@@ -74,7 +74,7 @@ type ChartTooltipContentProps = React.ComponentProps<'div'> & {
74
74
  labelKey?: string;
75
75
  };
76
76
  declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): React.JSX.Element | null;
77
- declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
77
+ declare const ChartLegend: typeof RechartsPrimitive.Legend;
78
78
  type LegendPayloadItem = {
79
79
  value?: string;
80
80
  type?: string;
@@ -150,7 +150,7 @@ declare const Chart: typeof ChartContainer & {
150
150
  Pie: typeof ChartPie;
151
151
  Tooltip: typeof ChartTooltip;
152
152
  TooltipContent: typeof ChartTooltipContent;
153
- Legend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
153
+ Legend: typeof RechartsPrimitive.Legend;
154
154
  LegendContent: typeof ChartLegendContent;
155
155
  XAxis: typeof ChartXAxis;
156
156
  YAxis: typeof ChartYAxis;
package/dist/chart.d.ts CHANGED
@@ -74,7 +74,7 @@ type ChartTooltipContentProps = React.ComponentProps<'div'> & {
74
74
  labelKey?: string;
75
75
  };
76
76
  declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): React.JSX.Element | null;
77
- declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
77
+ declare const ChartLegend: typeof RechartsPrimitive.Legend;
78
78
  type LegendPayloadItem = {
79
79
  value?: string;
80
80
  type?: string;
@@ -150,7 +150,7 @@ declare const Chart: typeof ChartContainer & {
150
150
  Pie: typeof ChartPie;
151
151
  Tooltip: typeof ChartTooltip;
152
152
  TooltipContent: typeof ChartTooltipContent;
153
- Legend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
153
+ Legend: typeof RechartsPrimitive.Legend;
154
154
  LegendContent: typeof ChartLegendContent;
155
155
  XAxis: typeof ChartXAxis;
156
156
  YAxis: typeof ChartYAxis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@7onic-ui/react",
3
- "version": "0.2.1",
3
+ "version": "0.2.2",
4
4
  "private": false,
5
5
  "sideEffects": [
6
6
  "*.css"
@@ -47,13 +47,14 @@
47
47
  "build:cli": "node scripts/build-cli.js",
48
48
  "build:7onic": "node scripts/build-7onic-cli.js",
49
49
  "generate:registry": "tsx scripts/generate-registry.ts",
50
+ "generate:llms-cli": "tsx scripts/generate-llms-cli.ts",
50
51
  "verify:registry": "tsx scripts/generate-registry.ts && git diff --exit-code cli/src/registry/index.ts",
51
52
  "verify:docs": "tsx scripts/verify-docs.ts",
52
53
  "verify:i18n": "tsx scripts/verify-i18n.ts",
53
54
  "verify:i18n:html": "tsx scripts/verify-i18n-html.ts",
54
55
  "verify:components": "tsx scripts/verify-components.ts",
55
56
  "verify:publish": "tsx scripts/verify-publish.ts",
56
- "prepublishOnly": "npm run build:lib && npm run verify:publish"
57
+ "prepublishOnly": "npm run verify:docs && npm run build:lib && npm run verify:publish"
57
58
  },
58
59
  "dependencies": {
59
60
  "@radix-ui/react-accordion": "^1.2.0",
@@ -83,7 +84,7 @@
83
84
  "tailwind-merge": "^2.3.0"
84
85
  },
85
86
  "peerDependencies": {
86
- "@7onic-ui/tokens": "^0.1.0",
87
+ "@7onic-ui/tokens": ">=0.1.0 <1.0.0",
87
88
  "react": "^18.2.0 || ^19.0.0",
88
89
  "react-dom": "^18.2.0 || ^19.0.0",
89
90
  "recharts": "^2.15.0 || ^3.0.0"