gd-design-library 1.7.0 → 1.7.1

package/README.md

@@ -9,7 +9,7 @@ It provides a set of reusable, accessible, and themeable React UI components des
 
 ## ✨ Features
 
-- 🧩 35+ modular components (core, layout, domain-specific)
+- 🧩 55+ modular components (atoms, molecules, organisms, layout)
 - 🎨 Theming support with dynamic runtime switching
 - 🔗 Design tokens synced with Figma
 - 📦 Optimized build using Vite
@@ -80,14 +80,17 @@ yarn storybook
 gd-design-system/
 ├── src/
 │   ├── components/
-│   │   ├── core/               # Core UI components (Button, Input, etc.)
-│   │   ├── domainSpecific/     # Business-specific components
+│   │   ├── atoms/              # 21 basic building blocks (Button, Input, etc.)
+│   │   ├── molecules/          # 18 simple combinations (Accordion, Table, etc.)
+│   │   ├── organisms/          # 10 complex sections (Card, Chart, Modal, etc.)
+│   │   └── layout/             # 6 structural components (Row, Column, FlexContainer, etc.)
+│   ├── ai/                    # AI integration system (code mode + A2UI mode)
 │   ├── tokens/                 # Design tokens from Figma
-│   ├── hooks/                 # Shared React hooks
-│   └── utils/                 # Utility functions
-├── .storybook/                # Storybook config
-├── vite.config.ts             # Vite config
-├── tsconfig.json              # TypeScript config
+│   ├── hooks/                  # Shared React hooks
+│   └── utils/                  # Utility functions
+├── .storybook/                 # Storybook config
+├── vite.config.ts              # Vite config
+├── tsconfig.json               # TypeScript config
 ├── README.md
 ```
 
@@ -297,6 +300,37 @@ export default function App() {
 
 ---
 
+## 🤖 AI Integration
+
+GridKit ships a built-in AI integration layer at [`./ai`](./ai/README.md) that lets LLMs generate UI — either as **React/TSX code** or as **A2UI JSON specs** rendered at runtime.
+
+```text
+./ai/
+├── README.md                        # AI integration overview
+├── PROMPT_USAGE_MANUAL.md           # Full prompt usage guide
+├── index.d.ts                       # Main exports (code mode + A2UI mode)
+├── prompts.d.ts                     # buildClaudeSystemPrompt, buildGPT4Prompt, buildGeminiPrompt
+├── discovery.d.ts                   # Component discovery utilities
+├── validation.d.ts                  # Schema & generated-code validation
+├── a2ui/                            # A2UI JSON spec mode
+│   ├── A2UI_PROTOCOL.md             # Protocol specification
+│   ├── index.d.ts                   # A2UI exports
+│   ├── component-map.d.ts           # A2UI type → GridKit component mapping
+│   ├── system-prompt.d.ts           # buildA2UISystemPrompt(), buildA2UIGeminiRequest()
+│   ├── spec-schema.d.ts             # A2UISpec TypeScript types
+│   └── ui-specification-schema.json # AJV/Gemini responseSchema
+└── schemas/                         # Component AI schemas (52 components)
+    ├── index.d.ts
+    ├── components.d.ts
+    ├── components/                  # Per-component schemas
+    └── hooks/
+        └── useTheme.d.ts
+```
+
+See [`./ai/README.md`](./ai/README.md) for full documentation.
+
+---
+
 ## 📘 Documentation
 
 Explore our hosted Storybook:

package/_virtual/Area.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/@visx/shape/lib/shapes/Area.js";
+var o = /* @__PURE__ */ e();
+const m = /* @__PURE__ */ r(o);
+export {
+  m as default
+};

package/_virtual/Area2.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/D3ShapeFactories.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/GridColumns.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/@visx/grid/lib/grids/GridColumns.js";
+var t = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(t);
+export {
+  s as default
+};

package/_virtual/GridColumns2.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/GridRows.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/@visx/grid/lib/grids/GridRows.js";
+var t = /* @__PURE__ */ o();
+const i = /* @__PURE__ */ r(t);
+export {
+  i as default
+};

package/_virtual/GridRows2.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/Line.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/LinePath.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/@visx/shape/lib/shapes/LinePath.js";
+var e = /* @__PURE__ */ t();
+const i = /* @__PURE__ */ r(e);
+export {
+  i as default
+};

package/_virtual/LinePath2.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/ParentSize.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/@visx/responsive/lib/components/ParentSize.js";
+var t = /* @__PURE__ */ e();
+const i = /* @__PURE__ */ r(t);
+export {
+  i as default
+};

package/_virtual/ParentSize2.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/_commonjsHelpers.js

@@ -0,0 +1,28 @@
+var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function f(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function l(e) {
+  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var t = function o() {
+      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    t.prototype = r.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
+    var n = Object.getOwnPropertyDescriptor(e, o);
+    Object.defineProperty(t, o, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return e[o];
+      }
+    });
+  }), t;
+}
+export {
+  u as commonjsGlobal,
+  l as getAugmentedNamespace,
+  f as getDefaultExportFromCjs
+};

package/_virtual/accessors.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/@visx/shape/lib/util/accessors.js";
+var e = /* @__PURE__ */ r();
+export {
+  e as a
+};

package/_virtual/accessors2.js

@@ -0,0 +1,4 @@
+var s = {};
+export {
+  s as __exports
+};

package/_virtual/align.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/array.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/array2.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/ascending.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/band.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/base.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/basis.js

@@ -0,0 +1,4 @@
+var s = {};
+export {
+  s as __exports
+};

package/_virtual/basisClosed.js

@@ -0,0 +1,4 @@
+var s = {};
+export {
+  s as __exports
+};

package/_virtual/bin.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/bisect.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/bisector.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/blur.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/clamp.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/color.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/_virtual/color2.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/_virtual/constant.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/_virtual/constant2.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/_virtual/constant3.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/_virtual/constant4.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/_virtual/continuous.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/_virtual/count.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/_virtual/createColorInterpolator.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/cross.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/cubehelix.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/cubehelix2.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/cumsum.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/date.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/day.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/debounce.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/lodash/debounce.js";
+var o = /* @__PURE__ */ r();
+const a = /* @__PURE__ */ e(o);
+export {
+  a as default
+};

package/_virtual/decompose.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/defaultLocale.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/defaultLocale2.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/define.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/descending.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/deviation.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/difference.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/discrete.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/disjoint.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/_virtual/diverging.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/domain.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/duration.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/every.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/exponent.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/exponent2.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/extent.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/filter.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/formatDecimal.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/formatGroup.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/formatNumerals.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/formatPrefixAuto.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/formatRounded.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/_virtual/formatSpecifier.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/formatTrim.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/formatTypes.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/freedmanDiaconis.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/fsum.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/getBandwidth.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as t } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/@visx/shape/lib/util/getBandwidth.js";
+var e = /* @__PURE__ */ r();
+const d = /* @__PURE__ */ t(e);
+export {
+  d as default
+};

package/_virtual/getBandwidth2.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/_virtual/getScaleBandwidth.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/_virtual/greatest.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/greatestIndex.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/group.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/groupSort.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/hcl.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/hour.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/hsl.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/_virtual/hue.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/_virtual/identity.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/_virtual/identity2.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/_virtual/identity3.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/_virtual/index.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as s } from "../node_modules/classnames/index.js";
+var e = /* @__PURE__ */ s();
+const t = /* @__PURE__ */ r(e);
+export {
+  t as default
+};