@wizeworks/silicaui-mcp 0.60.1 → 0.60.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 (2) hide show
  1. package/dist/data/components.json +2 -2
  2. package/package.json +1 -1
package/dist/data/components.json CHANGED
@@ -2096,7 +2096,7 @@
2096
2096
  ]
2097
2097
  }
2098
2098
  ],
2099
- "usageExample": "import { Table, Badge, Button, Checkbox } from \"@wizeworks/silicaui-react\";\nimport { Section } from \"../lib/Section\";\n\nconst ROWS = [\n { name: \"Ada Lovelace\", role: \"Engineer\", status: \"Active\" as const },\n { name: \"Grace Hopper\", role: \"Admin\", status: \"Active\" as const },\n { name: \"Alan Turing\", role: \"Engineer\", status: \"Away\" as const },\n];\n\nconst INVOICES = [\n { customer: \"Harbor Street Bakery\", number: \"INV-1042\", due: \"$1,240.00\", state: \"Overdue\" as const, sent: \"Sep 2\", note: \"Asked for net 30\" },\n { customer: \"Juniper and Fern Florists\", number: \"INV-1043\", due: \"$386.50\", state: \"Due\" as const, sent: \"Sep 14\", note: \"Pays by check\" },\n { customer: \"Ridgeview Family Dental, second location\", number: \"INV-1044\", due: \"$12,900.00\", state: \"Paid\" as const, sent: \"Sep 21\", note: \"Paid early\" },\n];\n\nconst STATE_COLOR = { Overdue: \"error\", Due: \"warning\", Paid: \"success\" } as const;\n\n/**\n * A list shaped the way real list panes are: a name cell that fills the row\n * and truncates, then nowrap cells for the amount, the state, and the row's own\n * button. As a table that is wider than a 343px pane; stacked, it fits.\n */\nfunction InvoiceList() {\n return (\n <Table stack zebra size=\"sm\">\n <thead>\n <tr>\n <th>Customer</th>\n <th>Due</th>\n <th>State</th>\n <th>\n <span className=\"sr-only\">Actions</span>\n </th>\n </tr>\n </thead>\n <tbody>\n {INVOICES.map((r) => (\n <tr key={r.number}>\n <td className=\"w-full max-w-0 min-w-56\">\n <div className=\"truncate font-semibold\">{r.customer}</div>\n <div className=\"truncate\">{r.number}</div>\n </td>\n <td data-label=\"Due\" className=\"whitespace-nowrap\">\n {r.due}\n </td>\n <td className=\"whitespace-nowrap\">\n <Badge color={STATE_COLOR[r.state]} variant=\"soft\">\n {r.state}\n </Badge>\n </td>\n <td className=\"whitespace-nowrap text-right\">\n <Button size=\"sm\">Send reminder</Button>\n </td>\n </tr>\n ))}\n </tbody>\n <tfoot>\n <tr>\n <td>Outstanding</td>\n <td className=\"whitespace-nowrap\">$1,626.50</td>\n <td />\n <td />\n </tr>\n </tfoot>\n </Table>\n );\n}\n\n/**\n * The same list with two columns that only show in a wide pane: when it was\n * sent, ahead of the customer, and a note after the button. Both carry Tailwind's\n * `hidden` plus a container variant, so in a narrow pane the row's first and last\n * cells are hidden ones. Stacked, the customer still gets its own line and the\n * button still sits at the end, because the stack skips hidden cells.\n */\nfunction SentInvoiceList() {\n return (\n <Table stack size=\"sm\">\n <thead>\n <tr>\n <th className=\"hidden @xl:table-cell\">Sent</th>\n <th>Customer</th>\n <th>Due</th>\n <th>State</th>\n <th>\n <span className=\"sr-only\">Actions</span>\n </th>\n <th className=\"hidden @xl:table-cell\">Note</th>\n </tr>\n </thead>\n <tbody>\n {INVOICES.map((r) => (\n <tr key={r.number}>\n <td className=\"hidden whitespace-nowrap @xl:table-cell\">{r.sent}</td>\n <td className=\"w-full max-w-0 min-w-56\">\n <div className=\"truncate font-semibold\">{r.customer}</div>\n <div className=\"truncate\">{r.number}</div>\n </td>\n <td data-label=\"Due\" className=\"whitespace-nowrap\">\n {r.due}\n </td>\n <td className=\"whitespace-nowrap\">\n <Badge color={STATE_COLOR[r.state]} variant=\"soft\">\n {r.state}\n </Badge>\n </td>\n <td className=\"whitespace-nowrap text-right\">\n <Button size=\"sm\">Send reminder</Button>\n </td>\n <td className=\"hidden whitespace-nowrap @xl:table-cell\">{r.note}</td>\n </tr>\n ))}\n </tbody>\n </Table>\n );\n}\n\n/**\n * A list whose rows can be picked for a bulk action: the first cell holds only a\n * checkbox. Stacked, the checkbox stays on the customer's line instead of taking\n * a line of its own. With `hideSelect`, the checkbox cell is hidden below a 24rem\n * pane (`hidden @sm:table-cell`), and the customer gets its own line as usual.\n */\nfunction SelectableInvoiceList({ hideSelect = false }: { hideSelect?: boolean }) {\n const selectCell = hideSelect ? \"hidden w-10 @sm:table-cell\" : \"w-10\";\n return (\n <Table stack size=\"sm\">\n <thead>\n <tr>\n <th className={selectCell}>\n <Checkbox aria-label=\"Pick every invoice\" />\n </th>\n <th>Customer</th>\n <th>State</th>\n <th>\n <span className=\"sr-only\">Actions</span>\n </th>\n </tr>\n </thead>\n <tbody>\n {INVOICES.map((r) => (\n <tr key={r.number}>\n <td className={selectCell}>\n <Checkbox aria-label={`Pick ${r.number}`} />\n </td>\n <td className=\"w-full max-w-0 min-w-56\">\n <div className=\"truncate font-semibold\">{r.customer}</div>\n <div className=\"truncate\">{r.number}</div>\n </td>\n <td className=\"whitespace-nowrap\">\n <Badge color={STATE_COLOR[r.state]} variant=\"soft\">\n {r.state}\n </Badge>\n </td>\n <td className=\"whitespace-nowrap text-right\">\n <Button size=\"sm\">Send reminder</Button>\n </td>\n </tr>\n ))}\n </tbody>\n </Table>\n );\n}\n\nexport function TableDemo() {\n return (\n <>\n <Section title=\"Real use · team table\">\n <Table zebra hover className=\"max-w-xl\">\n <thead>\n <tr>\n <th>Name</th>\n <th>Role</th>\n <th>Status</th>\n </tr>\n </thead>\n <tbody>\n {ROWS.map((r) => (\n <tr key={r.name}>\n <td>{r.name}</td>\n <td>{r.role}</td>\n <td>\n <Badge\n color={r.status === \"Active\" ? \"success\" : \"warning\"}\n variant=\"soft\"\n >\n {r.status}\n </Badge>\n </td>\n </tr>\n ))}\n </tbody>\n </Table>\n </Section>\n\n <Section title=\"Stacked in a narrow pane\">\n <p className=\"max-w-xl\">\n With <code>stack</code>, a list turns its rows into blocks while its\n container is narrower than 36rem, so the amount, the state and the\n button stay in the pane. The same list in a wide pane is an ordinary\n table. Pass a breakpoint, such as <code>stack=\"lg\"</code>, to switch at\n a different width.\n </p>\n <div className=\"flex flex-col gap-6\">\n <div\n data-demo=\"stack-narrow\"\n className=\"w-[343px] max-w-full rounded-box border border-base-300\"\n >\n <InvoiceList />\n </div>\n <div data-demo=\"stack-wide\" className=\"rounded-box border border-base-300\">\n <InvoiceList />\n </div>\n </div>\n </Section>\n\n <Section title=\"Stacked with columns that only show when wide\">\n <p className=\"max-w-xl\">\n A cell hidden with <code>hidden</code> (or the <code>hidden</code>{\" \"}\n attribute) does not count while stacked: the first cell that shows\n takes its own line, and the last one that shows sits at the end. Here\n the date sent and the note only appear in a wide pane.\n </p>\n <div className=\"flex flex-col gap-6\">\n <div\n data-demo=\"stack-hidden-narrow\"\n className=\"w-[343px] max-w-full rounded-box border border-base-300\"\n >\n <SentInvoiceList />\n </div>\n <div data-demo=\"stack-hidden-wide\" className=\"rounded-box border border-base-300\">\n <SentInvoiceList />\n </div>\n </div>\n </Section>\n\n <Section title=\"Stacked with a checkbox to pick rows\">\n <p className=\"max-w-xl\">\n A first cell that holds only a checkbox or radio stays on the same line\n as the cell after it, which takes the rest of that line. A cell that\n wraps its control in more markup opts in with{\" \"}\n <code>data-stack=\"select\"</code>.\n </p>\n <div className=\"flex flex-col gap-6\">\n <div\n data-demo=\"stack-select-narrow\"\n className=\"w-[343px] max-w-full rounded-box border border-base-300\"\n >\n <SelectableInvoiceList />\n </div>\n <div\n data-demo=\"stack-select-hidden-narrow\"\n className=\"w-[343px] max-w-full rounded-box border border-base-300\"\n >\n <SelectableInvoiceList hideSelect />\n </div>\n </div>\n </Section>\n\n <Section title=\"Sizes\">\n <div className=\"flex max-w-xl flex-col gap-4\">\n {([\"xs\", \"sm\", \"md\", \"lg\"] as const).map((size) => (\n <Table key={size} size={size} zebra>\n <thead>\n <tr>\n <th>Size</th>\n <th>Value</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>{size}</td>\n <td>Row height scales with density</td>\n </tr>\n </tbody>\n </Table>\n ))}\n </div>\n </Section>\n </>\n );\n}"
2099
+ "usageExample": "import { Table, Badge, Button, Checkbox } from \"@wizeworks/silicaui-react\";\nimport { Section } from \"../lib/Section\";\n\nconst ROWS = [\n { name: \"Ada Lovelace\", role: \"Engineer\", status: \"Active\" as const },\n { name: \"Grace Hopper\", role: \"Admin\", status: \"Active\" as const },\n { name: \"Alan Turing\", role: \"Engineer\", status: \"Away\" as const },\n];\n\nconst INVOICES = [\n { customer: \"Harbor Street Bakery\", number: \"INV-1042\", due: \"$1,240.00\", state: \"Overdue\" as const, sent: \"Sep 2\", note: \"Asked for net 30\" },\n { customer: \"Juniper and Fern Florists\", number: \"INV-1043\", due: \"$386.50\", state: \"Due\" as const, sent: \"Sep 14\", note: \"Pays by check\" },\n { customer: \"Ridgeview Family Dental, second location\", number: \"INV-1044\", due: \"$12,900.00\", state: \"Paid\" as const, sent: \"Sep 21\", note: \"Paid early\" },\n];\n\n/**\n * The same invoices with customer names longer than a narrow pane is wide. A\n * truncated name takes no room in a block, but a table grows to fit its\n * longest unbroken line, so these only fit a 343px pane if the stacked table\n * is really a block.\n */\nconst LONG_NAMES = [\n \"Harbor Street Bakery and Cafe, wholesale bread and pastry accounts for the east side\",\n \"Juniper and Fern Florists, weddings, events and weekly office arrangements downtown\",\n \"Ridgeview Family Dental, second location, pediatric and orthodontic care on Main Street\",\n];\nconst LONG_INVOICES = INVOICES.map((r, i) => ({ ...r, customer: LONG_NAMES[i] ?? r.customer }));\n\nconst STATE_COLOR = { Overdue: \"error\", Due: \"warning\", Paid: \"success\" } as const;\n\n/**\n * A list shaped the way real list panes are: a name cell that fills the row\n * and truncates, then nowrap cells for the amount, the state, and the row's own\n * button. As a table that is wider than a 343px pane; stacked, it fits.\n */\nfunction InvoiceList({ rows = INVOICES }: { rows?: typeof INVOICES }) {\n return (\n <Table stack zebra size=\"sm\">\n <thead>\n <tr>\n <th>Customer</th>\n <th>Due</th>\n <th>State</th>\n <th>\n <span className=\"sr-only\">Actions</span>\n </th>\n </tr>\n </thead>\n <tbody>\n {rows.map((r) => (\n <tr key={r.number}>\n <td className=\"w-full max-w-0 min-w-56\">\n <div className=\"truncate font-semibold\">{r.customer}</div>\n <div className=\"truncate\">{r.number}</div>\n </td>\n <td data-label=\"Due\" className=\"whitespace-nowrap\">\n {r.due}\n </td>\n <td className=\"whitespace-nowrap\">\n <Badge color={STATE_COLOR[r.state]} variant=\"soft\">\n {r.state}\n </Badge>\n </td>\n <td className=\"whitespace-nowrap text-right\">\n <Button size=\"sm\">Send reminder</Button>\n </td>\n </tr>\n ))}\n </tbody>\n <tfoot>\n <tr>\n <td>Outstanding</td>\n <td className=\"whitespace-nowrap\">$1,626.50</td>\n <td />\n <td />\n </tr>\n </tfoot>\n </Table>\n );\n}\n\n/**\n * The same list with two columns that only show in a wide pane: when it was\n * sent, ahead of the customer, and a note after the button. Both carry Tailwind's\n * `hidden` plus a container variant, so in a narrow pane the row's first and last\n * cells are hidden ones. Stacked, the customer still gets its own line and the\n * button still sits at the end, because the stack skips hidden cells.\n */\nfunction SentInvoiceList() {\n return (\n <Table stack size=\"sm\">\n <thead>\n <tr>\n <th className=\"hidden @xl:table-cell\">Sent</th>\n <th>Customer</th>\n <th>Due</th>\n <th>State</th>\n <th>\n <span className=\"sr-only\">Actions</span>\n </th>\n <th className=\"hidden @xl:table-cell\">Note</th>\n </tr>\n </thead>\n <tbody>\n {INVOICES.map((r) => (\n <tr key={r.number}>\n <td className=\"hidden whitespace-nowrap @xl:table-cell\">{r.sent}</td>\n <td className=\"w-full max-w-0 min-w-56\">\n <div className=\"truncate font-semibold\">{r.customer}</div>\n <div className=\"truncate\">{r.number}</div>\n </td>\n <td data-label=\"Due\" className=\"whitespace-nowrap\">\n {r.due}\n </td>\n <td className=\"whitespace-nowrap\">\n <Badge color={STATE_COLOR[r.state]} variant=\"soft\">\n {r.state}\n </Badge>\n </td>\n <td className=\"whitespace-nowrap text-right\">\n <Button size=\"sm\">Send reminder</Button>\n </td>\n <td className=\"hidden whitespace-nowrap @xl:table-cell\">{r.note}</td>\n </tr>\n ))}\n </tbody>\n </Table>\n );\n}\n\n/**\n * A list whose rows can be picked for a bulk action: the first cell holds only a\n * checkbox. Stacked, the checkbox stays on the customer's line instead of taking\n * a line of its own. With `hideSelect`, the checkbox cell is hidden below a 24rem\n * pane (`hidden @sm:table-cell`), and the customer gets its own line as usual.\n */\nfunction SelectableInvoiceList({ hideSelect = false }: { hideSelect?: boolean }) {\n const selectCell = hideSelect ? \"hidden w-10 @sm:table-cell\" : \"w-10\";\n return (\n <Table stack size=\"sm\">\n <thead>\n <tr>\n <th className={selectCell}>\n <Checkbox aria-label=\"Pick every invoice\" />\n </th>\n <th>Customer</th>\n <th>State</th>\n <th>\n <span className=\"sr-only\">Actions</span>\n </th>\n </tr>\n </thead>\n <tbody>\n {INVOICES.map((r) => (\n <tr key={r.number}>\n <td className={selectCell}>\n <Checkbox aria-label={`Pick ${r.number}`} />\n </td>\n <td className=\"w-full max-w-0 min-w-56\">\n <div className=\"truncate font-semibold\">{r.customer}</div>\n <div className=\"truncate\">{r.number}</div>\n </td>\n <td className=\"whitespace-nowrap\">\n <Badge color={STATE_COLOR[r.state]} variant=\"soft\">\n {r.state}\n </Badge>\n </td>\n <td className=\"whitespace-nowrap text-right\">\n <Button size=\"sm\">Send reminder</Button>\n </td>\n </tr>\n ))}\n </tbody>\n </Table>\n );\n}\n\nexport function TableDemo() {\n return (\n <>\n <Section title=\"Real use · team table\">\n <Table zebra hover className=\"max-w-xl\">\n <thead>\n <tr>\n <th>Name</th>\n <th>Role</th>\n <th>Status</th>\n </tr>\n </thead>\n <tbody>\n {ROWS.map((r) => (\n <tr key={r.name}>\n <td>{r.name}</td>\n <td>{r.role}</td>\n <td>\n <Badge\n color={r.status === \"Active\" ? \"success\" : \"warning\"}\n variant=\"soft\"\n >\n {r.status}\n </Badge>\n </td>\n </tr>\n ))}\n </tbody>\n </Table>\n </Section>\n\n <Section title=\"Stacked in a narrow pane\">\n <p className=\"max-w-xl\">\n With <code>stack</code>, a list turns its rows into blocks while its\n container is narrower than 36rem, so the amount, the state and the\n button stay in the pane. The same list in a wide pane is an ordinary\n table. Pass a breakpoint, such as <code>stack=\"lg\"</code>, to switch at\n a different width.\n </p>\n <div className=\"flex flex-col gap-6\">\n <div\n data-demo=\"stack-narrow\"\n className=\"w-[343px] max-w-full rounded-box border border-base-300\"\n >\n <InvoiceList />\n </div>\n <div data-demo=\"stack-wide\" className=\"rounded-box border border-base-300\">\n <InvoiceList />\n </div>\n </div>\n </Section>\n\n <Section title=\"Stacked with names longer than the pane\">\n <p className=\"max-w-xl\">\n A long name truncates inside the pane instead of making the list wider\n than it. This holds in an app that also uses Tailwind's own{\" \"}\n <code>table</code> class, which sets the same name to a table display.\n </p>\n <div\n data-demo=\"stack-long-narrow\"\n className=\"w-[343px] max-w-full rounded-box border border-base-300\"\n >\n <InvoiceList rows={LONG_INVOICES} />\n </div>\n </Section>\n\n <Section title=\"Stacked with columns that only show when wide\">\n <p className=\"max-w-xl\">\n A cell hidden with <code>hidden</code> (or the <code>hidden</code>{\" \"}\n attribute) does not count while stacked: the first cell that shows\n takes its own line, and the last one that shows sits at the end. Here\n the date sent and the note only appear in a wide pane.\n </p>\n <div className=\"flex flex-col gap-6\">\n <div\n data-demo=\"stack-hidden-narrow\"\n className=\"w-[343px] max-w-full rounded-box border border-base-300\"\n >\n <SentInvoiceList />\n </div>\n <div data-demo=\"stack-hidden-wide\" className=\"rounded-box border border-base-300\">\n <SentInvoiceList />\n </div>\n </div>\n </Section>\n\n <Section title=\"Stacked with a checkbox to pick rows\">\n <p className=\"max-w-xl\">\n A first cell that holds only a checkbox or radio stays on the same line\n as the cell after it, which takes the rest of that line. A cell that\n wraps its control in more markup opts in with{\" \"}\n <code>data-stack=\"select\"</code>.\n </p>\n <div className=\"flex flex-col gap-6\">\n <div\n data-demo=\"stack-select-narrow\"\n className=\"w-[343px] max-w-full rounded-box border border-base-300\"\n >\n <SelectableInvoiceList />\n </div>\n <div\n data-demo=\"stack-select-hidden-narrow\"\n className=\"w-[343px] max-w-full rounded-box border border-base-300\"\n >\n <SelectableInvoiceList hideSelect />\n </div>\n </div>\n </Section>\n\n <Section title=\"Sizes\">\n <div className=\"flex max-w-xl flex-col gap-4\">\n {([\"xs\", \"sm\", \"md\", \"lg\"] as const).map((size) => (\n <Table key={size} size={size} zebra>\n <thead>\n <tr>\n <th>Size</th>\n <th>Value</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>{size}</td>\n <td>Row height scales with density</td>\n </tr>\n </tbody>\n </Table>\n ))}\n </div>\n </Section>\n </>\n );\n}"
2100
2100
  },
2101
2101
  {
2102
2102
  "name": "Timeline",
@@ -14810,7 +14810,7 @@
14810
14810
  "package": "@wizeworks/silicaui",
14811
14811
  "category": "Data display",
14812
14812
  "sourceFile": "silicaui/src/components/table.js",
14813
- "description": "The Table component — a styled native `<table>`. Colorless (like Card/Skeleton → `table(prefix)` only). Rather than wrapping every cell in a class, `.table` styles the native table elements it contains (`th`, `td`, `thead`, `tbody tr`) via descendant selectors — so it works on plain semantic HTML (`<table class=\"table\"><thead>…`) with no per-cell classes, and the React layer can stay a single `<Table>` over raw rows. Modifiers: `-zebra` (striped rows), `-hover` (row highlight — a translucent base-content wash so it stays visible ON TOP of a zebra stripe too), and sizes `-xs…-xl` (cell padding + type). Neutral by design; no color variants. Stacked: `table-stack` turns the rows into blocks while the table's CONTAINER is narrower than 36rem, so a list fits a narrow pane instead of running past it. The header is visually hidden (a screen reader still reads it), each row wraps its cells with the first on a line of its own and the last at the end, and a cell with `data-label=\"Total\"` shows that label before its value. First and last skip a cell hidden with Tailwind's `hidden` class or the `hidden` attribute, so `hidden @xl:table-cell` on a first or last column is fine. A first cell holding only a checkbox or radio (or marked `data-stack=\"select\"`) stays on the name's line instead of taking one to itself. At 36rem and wider it is an ordinary table. `table-stack-sm`, `-md`, `-lg`, `-xl`, `-2xl` and `-3xl` stack below 24, 28, 32, 36, 42 and 48rem instead: Tailwind's container sizes, so `table-stack-lg` switches where `@lg:` does. Use one of them per table. Works with zebra, hover, every size, and tfoot. The container is the table's parent, which the plugin makes an inline-size query container itself (`:has(> .table-stack)`), so nothing upstream needs `@container`. That parent must take its width from its surroundings (a block, or a stretched flex or grid item), not from the table: a parent sized to its content measures 0 wide. `table-scroll` is that parent ready-made, a full-width block that also scrolls a wide table sideways; the React `<Table>` renders it. @param {string} [prefix] - prepended verbatim to every class (e.g. `sx-`)",
14813
+ "description": "The Table component — a styled native `<table>`. Colorless (like Card/Skeleton → `table(prefix)` only). Rather than wrapping every cell in a class, `.table` styles the native table elements it contains (`th`, `td`, `thead`, `tbody tr`) via descendant selectors — so it works on plain semantic HTML (`<table class=\"table\"><thead>…`) with no per-cell classes, and the React layer can stay a single `<Table>` over raw rows. Modifiers: `-zebra` (striped rows), `-hover` (row highlight — a translucent base-content wash so it stays visible ON TOP of a zebra stripe too), and sizes `-xs…-xl` (cell padding + type). Neutral by design; no color variants. Stacked: `table-stack` turns the rows into blocks while the table's CONTAINER is narrower than 36rem, so a list fits a narrow pane instead of running past it. The header is visually hidden (a screen reader still reads it), each row wraps its cells with the first on a line of its own and the last at the end, and a cell with `data-label=\"Total\"` shows that label before its value. First and last skip a cell hidden with Tailwind's `hidden` class or the `hidden` attribute, so `hidden @xl:table-cell` on a first or last column is fine. A first cell holding only a checkbox or radio (or marked `data-stack=\"select\"`) stays on the name's line instead of taking one to itself. At 36rem and wider it is an ordinary table. `table-stack-sm`, `-md`, `-lg`, `-xl`, `-2xl` and `-3xl` stack below 24, 28, 32, 36, 42 and 48rem instead: Tailwind's container sizes, so `table-stack-lg` switches where `@lg:` does. Use one of them per table. Works with zebra, hover, every size, and tfoot. The stacked table stays a block even where Tailwind's own `table` utility (`display: table`) is on the page. To hide a stacked table at some widths only, hide its wrapper, not the table. The container is the table's parent, which the plugin makes an inline-size query container itself (`:has(> .table-stack)`), so nothing upstream needs `@container`. That parent must take its width from its surroundings (a block, or a stretched flex or grid item), not from the table: a parent sized to its content measures 0 wide. `table-scroll` is that parent ready-made, a full-width block that also scrolls a wide table sideways; the React `<Table>` renders it. @param {string} [prefix] - prepended verbatim to every class (e.g. `sx-`)",
14814
14814
  "root": "table",
14815
14815
  "classes": [
14816
14816
  "table",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wizeworks/silicaui-mcp",
3
- "version": "0.60.1",
3
+ "version": "0.60.2",
4
4
  "description": "A local MCP server that lets AI coding assistants query the Silica UI design system — real class names, component props, blocks, and behaviors — instead of guessing.",
5
5
  "type": "module",
6
6
  "license": "MIT",