@glyphjs/components 0.8.0 → 0.9.1

package/dist/index.cjs

@@ -5609,7 +5609,7 @@ function renderRatingGroup(items, keyPrefix) {
                   marginTop: "var(--glyph-spacing-xs, 0.25rem)",
                   fontStyle: "italic"
                 },
-                children: item.description
+                children: /* @__PURE__ */ jsxRuntime.jsx(runtime.RichText, { content: item.description })
               }
             )
           ] })
@@ -7480,6 +7480,129 @@ var annotateDefinition = {
   schema: schemas.annotateSchema,
   render: Annotate
 };
+function Columns({
+  data,
+  block,
+  layout,
+  container
+}) {
+  const childBlocks = block.children ?? [];
+  const ratio = data.ratio ?? childBlocks.map(() => 1);
+  const cols = ratio.map((r) => `${String(r)}fr`).join(" ");
+  const gap = data.gap ?? "1rem";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: cols,
+        gap
+      },
+      children: childBlocks.map((child, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        runtime.BlockRenderer,
+        {
+          block: child,
+          layout,
+          index: i,
+          container
+        },
+        child.id
+      ))
+    }
+  );
+}
+
+// src/columns/index.ts
+var columnsDefinition = {
+  type: "ui:columns",
+  schema: schemas.columnsSchema,
+  render: Columns
+};
+function Rows({
+  data,
+  block,
+  layout,
+  container
+}) {
+  const childBlocks = block.children ?? [];
+  const ratio = data.ratio ?? childBlocks.map(() => 1);
+  const rows = ratio.map((r) => `${String(r)}fr`).join(" ");
+  const gap = data.gap ?? "1rem";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateRows: rows,
+        gap,
+        height: "100%"
+      },
+      children: childBlocks.map((child, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        runtime.BlockRenderer,
+        {
+          block: child,
+          layout,
+          index: i,
+          container
+        },
+        child.id
+      ))
+    }
+  );
+}
+
+// src/rows/index.ts
+var rowsDefinition = {
+  type: "ui:rows",
+  schema: schemas.rowsSchema,
+  render: Rows
+};
+var PANEL_STYLES = {
+  card: {
+    backgroundColor: "var(--glyph-surface, #ffffff)",
+    borderRadius: "var(--glyph-radius-lg, 0.5rem)",
+    boxShadow: "var(--glyph-shadow-sm, 0 1px 3px rgba(0,0,0,0.1))",
+    border: "1px solid var(--glyph-border, rgba(0,0,0,0.08))"
+  },
+  bordered: {
+    border: "1px solid var(--glyph-border, rgba(0,0,0,0.2))",
+    borderRadius: "var(--glyph-radius-md, 0.25rem)"
+  },
+  elevated: {
+    backgroundColor: "var(--glyph-surface, #ffffff)",
+    borderRadius: "var(--glyph-radius-lg, 0.5rem)",
+    boxShadow: "var(--glyph-shadow-md, 0 4px 12px rgba(0,0,0,0.15))"
+  },
+  ghost: {}
+};
+function Panel({
+  data,
+  block,
+  layout,
+  container
+}) {
+  const childBlock = block.children?.[0];
+  const panelStyle = data.style ?? "card";
+  const padding = data.padding ?? "1rem";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        ...PANEL_STYLES[panelStyle],
+        padding,
+        overflow: "hidden"
+      },
+      children: childBlock && /* @__PURE__ */ jsxRuntime.jsx(runtime.BlockRenderer, { block: childBlock, layout, index: 0, container })
+    }
+  );
+}
+
+// src/panel/index.ts
+var panelDefinition = {
+  type: "ui:panel",
+  schema: schemas.panelSchema,
+  render: Panel
+};
 
 // src/index.ts
 var allComponentDefinitions = [
@@ -7511,7 +7634,10 @@ var allComponentDefinitions = [
   matrixDefinition,
   formDefinition,
   kanbanDefinition,
-  annotateDefinition
+  annotateDefinition,
+  columnsDefinition,
+  rowsDefinition,
+  panelDefinition
 ];
 
 exports.Accordion = Accordion;
@@ -7521,6 +7647,7 @@ exports.Callout = Callout;
 exports.Card = Card;
 exports.Chart = Chart;
 exports.CodeDiff = CodeDiff;
+exports.Columns = Columns;
 exports.Comparison = Comparison;
 exports.Equation = Equation;
 exports.FileTree = FileTree;
@@ -7532,11 +7659,13 @@ exports.Kanban = Kanban;
 exports.Kpi = Kpi;
 exports.Matrix = Matrix;
 exports.MindMap = MindMap;
+exports.Panel = Panel;
 exports.Poll = Poll;
 exports.Quiz = Quiz;
 exports.Ranker = Ranker;
 exports.Rating = Rating;
 exports.Relation = Relation;
+exports.Rows = Rows;
 exports.Sequence = Sequence;
 exports.Slider = Slider;
 exports.Steps = Steps;
@@ -7551,6 +7680,7 @@ exports.calloutDefinition = calloutDefinition;
 exports.cardDefinition = cardDefinition;
 exports.chartDefinition = chartDefinition;
 exports.codeDiffDefinition = codeDiffDefinition;
+exports.columnsDefinition = columnsDefinition;
 exports.comparisonDefinition = comparisonDefinition;
 exports.computeArchitectureLayout = computeArchitectureLayout;
 exports.computeDagreLayout = computeDagreLayout;
@@ -7566,11 +7696,13 @@ exports.kanbanDefinition = kanbanDefinition;
 exports.kpiDefinition = kpiDefinition;
 exports.matrixDefinition = matrixDefinition;
 exports.mindMapDefinition = mindMapDefinition;
+exports.panelDefinition = panelDefinition;
 exports.pollDefinition = pollDefinition;
 exports.quizDefinition = quizDefinition;
 exports.rankerDefinition = rankerDefinition;
 exports.ratingDefinition = ratingDefinition;
 exports.relationDefinition = relationDefinition;
+exports.rowsDefinition = rowsDefinition;
 exports.sequenceDefinition = sequenceDefinition;
 exports.sliderDefinition = sliderDefinition;
 exports.stepsDefinition = stepsDefinition;