@fragments-sdk/ui 0.19.0 → 0.19.1

package/README.md

@@ -305,7 +305,7 @@ The library includes composition blocks — named patterns showing how component
 - **Dashboard Layout** — Featured card with metrics grid
 - **Settings Page** — Settings sections with cards and controls
 
-Access blocks via the MCP server's `fragments_blocks` tool or `fragments_context`.
+Access blocks via the MCP server's `blocks` tool or `context`.
 
 ## License
 

package/dist/assets/ui.css

@@ -7456,7 +7456,7 @@
   ._preset_11geu_388 {
     transition: none;
   }
-}._prompt_bmejv_1 {
+}._prompt_1s0ha_1 {
   background-color: var(--fui-bg-elevated, #ffffff);
   border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.05));
   border-radius: var(--fui-radius-lg, 0.571rem);
@@ -7466,43 +7466,43 @@
   overflow: hidden;
   position: relative;
 }
-._prompt_bmejv_1::before, ._prompt_bmejv_1::after {
+._prompt_1s0ha_1::before, ._prompt_1s0ha_1::after {
   content: "";
   position: absolute;
   inset: 0;
   border-radius: inherit;
   pointer-events: none;
 }
-._prompt_bmejv_1::before {
+._prompt_1s0ha_1::before {
   inset: -1px;
   z-index: 0;
   background: conic-gradient(from var(--beam-angle, 0deg) at 50% 50%, transparent 0%, transparent 25%, var(--fui-color-accent, #18181b) 45%, transparent 50%, transparent 55%, color-mix(in srgb, var(--fui-color-accent, #18181b) 40%, transparent) 70%, transparent 75%, transparent 100%);
-  animation: _beam-rotate_bmejv_1 4s linear infinite;
+  animation: _beam-rotate_1s0ha_1 4s linear infinite;
   opacity: 0.6;
   transition: opacity 300ms ease;
 }
-._prompt_bmejv_1::after {
+._prompt_1s0ha_1::after {
   inset: 1px;
   z-index: 1;
   background: var(--fui-bg-elevated, #ffffff);
 }
-._prompt_bmejv_1 > * {
+._prompt_1s0ha_1 > * {
   position: relative;
   z-index: 2;
 }
-._prompt_bmejv_1:focus-within::before {
+._prompt_1s0ha_1:focus-within::before {
   opacity: 1;
 }
-._prompt_bmejv_1[data-disabled] {
+._prompt_1s0ha_1[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._prompt_bmejv_1[data-disabled]::before {
+._prompt_1s0ha_1[data-disabled]::before {
   animation-play-state: paused;
   opacity: 0.2;
 }
 
-@keyframes _beam-rotate_bmejv_1 {
+@keyframes _beam-rotate_1s0ha_1 {
   from {
     --beam-angle: 0deg;
   }
@@ -7515,7 +7515,7 @@
   initial-value: 0deg;
   inherits: false;
 }
-._fixed_bmejv_60 {
+._fixed_1s0ha_60 {
   position: fixed;
   bottom: var(--fui-space-4, 2rem);
   left: 50%;
@@ -7526,7 +7526,7 @@
   box-shadow: var(--fui-shadow-lg, 0 8px 12px -3px rgba(0, 0, 0, 0.06), 0 3px 5px -4px rgba(0, 0, 0, 0.04));
 }
 
-._sticky_bmejv_71 {
+._sticky_1s0ha_71 {
   position: fixed;
   bottom: var(--fui-space-4, 2rem);
   left: var(--fui-prompt-inset-left, 0);
@@ -7541,7 +7541,7 @@
   transform: translateX(-50%);
 }
 
-._textarea_bmejv_86 {
+._textarea_1s0ha_86 {
   appearance: none;
   background: transparent;
   border: none;
@@ -7551,10 +7551,10 @@
   color: inherit;
   cursor: pointer;
 }
-._textarea_bmejv_86:disabled {
+._textarea_1s0ha_86:disabled {
   cursor: not-allowed;
 }
-._textarea_bmejv_86 {
+._textarea_1s0ha_86 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: var(--fui-line-height-normal, 1.5);
@@ -7571,18 +7571,18 @@
   overflow-y: auto;
   line-height: 1.5;
 }
-._textarea_bmejv_86::placeholder {
+._textarea_1s0ha_86::placeholder {
   color: var(--fui-text-tertiary, rgb(84.3360471452, 84.3194311989, 92.9517353318));
 }
-._textarea_bmejv_86:focus, ._textarea_bmejv_86:focus-visible {
+._textarea_1s0ha_86:focus, ._textarea_1s0ha_86:focus-visible {
   outline: none;
   box-shadow: none;
 }
-._textarea_bmejv_86:disabled {
+._textarea_1s0ha_86:disabled {
   cursor: not-allowed;
 }
 
-._tabs_bmejv_127 {
+._tabs_1s0ha_127 {
   display: flex;
   justify-content: center;
   margin-bottom: calc(-1 * var(--fui-space-1, 0.5rem));
@@ -7590,7 +7590,7 @@
   z-index: 1;
 }
 
-._tabsInner_bmejv_135 {
+._tabsInner_1s0ha_135 {
   display: inline-flex;
   gap: 1px;
   background-color: var(--fui-bg-elevated, #ffffff);
@@ -7600,7 +7600,7 @@
   border-bottom: none;
 }
 
-._tabButton_bmejv_145 {
+._tabButton_1s0ha_145 {
   appearance: none;
   background: transparent;
   border: none;
@@ -7610,10 +7610,10 @@
   color: inherit;
   cursor: pointer;
 }
-._tabButton_bmejv_145:disabled {
+._tabButton_1s0ha_145:disabled {
   cursor: not-allowed;
 }
-._tabButton_bmejv_145 {
+._tabButton_1s0ha_145 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7625,16 +7625,16 @@
   transition: all 120ms ease;
   white-space: nowrap;
 }
-._tabButton_bmejv_145:hover {
+._tabButton_1s0ha_145:hover {
   color: var(--fui-text-primary, #18181b);
 }
 
-._tabButtonActive_bmejv_174 {
+._tabButtonActive_1s0ha_174 {
   background-color: var(--fui-bg-secondary, #f4f4f5);
   color: var(--fui-text-primary, #18181b);
 }
 
-._toolbar_bmejv_179 {
+._toolbar_1s0ha_179 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -7644,22 +7644,21 @@
   border-top: 1px solid var(--fui-border, rgba(0, 0, 0, 0.05));
 }
 
-._actions_bmejv_189 {
+._actions_1s0ha_189 {
   display: flex;
   align-items: center;
   align-self: flex-end;
   gap: var(--fui-space-1, 0.5rem);
-  padding: 0 var(--fui-space-2, 1rem) var(--fui-space-2, 1rem) 0;
 }
 
-._info_bmejv_197 {
+._info_1s0ha_196 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-2, 1rem);
   margin-left: auto;
 }
 
-._actionButton_bmejv_204 {
+._actionButton_1s0ha_203 {
   appearance: none;
   background: transparent;
   border: none;
@@ -7669,21 +7668,21 @@
   color: inherit;
   cursor: pointer;
 }
-._actionButton_bmejv_204:disabled {
+._actionButton_1s0ha_203:disabled {
   cursor: not-allowed;
 }
-._actionButton_bmejv_204 {
+._actionButton_1s0ha_203 {
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), border-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), box-shadow var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._actionButton_bmejv_204:focus-visible {
+._actionButton_1s0ha_203:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
 }
-._actionButton_bmejv_204:disabled, ._actionButton_bmejv_204[data-disabled] {
+._actionButton_1s0ha_203:disabled, ._actionButton_1s0ha_203[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._actionButton_bmejv_204 {
+._actionButton_1s0ha_203 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7694,18 +7693,18 @@
   color: var(--fui-text-primary, #18181b);
   font-size: var(--fui-font-size-sm, 1rem);
 }
-._actionButton_bmejv_204:hover:not(:disabled) {
+._actionButton_1s0ha_203:hover:not(:disabled) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._actionButton_bmejv_204:active:not(:disabled) {
+._actionButton_1s0ha_203:active:not(:disabled) {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
-._actionButton_bmejv_204 svg {
+._actionButton_1s0ha_203 svg {
   width: 1rem;
   height: 1rem;
 }
 
-._modeButton_bmejv_250 {
+._modeButton_1s0ha_249 {
   appearance: none;
   background: transparent;
   border: none;
@@ -7715,21 +7714,21 @@
   color: inherit;
   cursor: pointer;
 }
-._modeButton_bmejv_250:disabled {
+._modeButton_1s0ha_249:disabled {
   cursor: not-allowed;
 }
-._modeButton_bmejv_250 {
+._modeButton_1s0ha_249 {
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), border-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), box-shadow var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._modeButton_bmejv_250:focus-visible {
+._modeButton_1s0ha_249:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
 }
-._modeButton_bmejv_250:disabled, ._modeButton_bmejv_250[data-disabled] {
+._modeButton_1s0ha_249:disabled, ._modeButton_1s0ha_249[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._modeButton_bmejv_250 {
+._modeButton_1s0ha_249 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
@@ -7740,27 +7739,27 @@
   font-size: var(--fui-font-size-xs, 0.857rem);
   font-weight: var(--fui-font-weight-medium, 500);
 }
-._modeButton_bmejv_250:hover:not(:disabled) {
+._modeButton_1s0ha_249:hover:not(:disabled) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   color: var(--fui-text-primary, #18181b);
 }
-._modeButton_bmejv_250:active:not(:disabled) {
+._modeButton_1s0ha_249:active:not(:disabled) {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
 
-._modeButtonActive_bmejv_293 {
+._modeButtonActive_1s0ha_292 {
   color: var(--fui-text-primary, #18181b);
   background-color: var(--fui-bg-tertiary, #f4f4f5);
 }
 
-._usage_bmejv_298 {
+._usage_1s0ha_297 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-xs, 0.857rem);
   color: var(--fui-text-secondary, #52525b);
   white-space: nowrap;
 }
 
-._submit_bmejv_305 {
+._submit_1s0ha_304 {
   appearance: none;
   background: transparent;
   border: none;
@@ -7770,21 +7769,21 @@
   color: inherit;
   cursor: pointer;
 }
-._submit_bmejv_305:disabled {
+._submit_1s0ha_304:disabled {
   cursor: not-allowed;
 }
-._submit_bmejv_305 {
+._submit_1s0ha_304 {
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), border-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), box-shadow var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._submit_bmejv_305:focus-visible {
+._submit_1s0ha_304:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
 }
-._submit_bmejv_305:disabled, ._submit_bmejv_305[data-disabled] {
+._submit_1s0ha_304:disabled, ._submit_1s0ha_304[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._submit_bmejv_305 {
+._submit_1s0ha_304 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7794,26 +7793,26 @@
   background-color: var(--fui-color-accent, #18181b);
   color: var(--fui-color-on-accent, #000000);
 }
-._submit_bmejv_305:hover:not(:disabled) {
+._submit_1s0ha_304:hover:not(:disabled) {
   background-color: var(--fui-color-accent-hover, rgb(12.9972909922, 12.9872137403, 15.7863772452));
 }
-._submit_bmejv_305:active:not(:disabled) {
+._submit_1s0ha_304:active:not(:disabled) {
   background-color: var(--fui-color-accent-active, rgb(5.5629369478, 5.5468397116, 7.5708088213));
 }
-._submit_bmejv_305:disabled {
+._submit_1s0ha_304:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
-._submit_bmejv_305 svg {
+._submit_1s0ha_304 svg {
   width: 1rem;
   height: 1rem;
 }
 
-._submitLoading_bmejv_354 {
+._submitLoading_1s0ha_353 {
   pointer-events: none;
 }
 
-._submitSpinner_bmejv_358 {
+._submitSpinner_1s0ha_357 {
   line-height: 0;
 }._container_1tb68_1 {
   width: 100%;

package/dist/components/Prompt/Prompt.module.scss.cjs

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const prompt = "_prompt_bmejv_1";
-const fixed = "_fixed_bmejv_60";
-const sticky = "_sticky_bmejv_71";
-const textarea = "_textarea_bmejv_86";
-const tabs = "_tabs_bmejv_127";
-const tabsInner = "_tabsInner_bmejv_135";
-const tabButton = "_tabButton_bmejv_145";
-const tabButtonActive = "_tabButtonActive_bmejv_174";
-const toolbar = "_toolbar_bmejv_179";
-const actions = "_actions_bmejv_189";
-const info = "_info_bmejv_197";
-const actionButton = "_actionButton_bmejv_204";
-const modeButton = "_modeButton_bmejv_250";
-const modeButtonActive = "_modeButtonActive_bmejv_293";
-const usage = "_usage_bmejv_298";
-const submit = "_submit_bmejv_305";
-const submitLoading = "_submitLoading_bmejv_354";
-const submitSpinner = "_submitSpinner_bmejv_358";
+const prompt = "_prompt_1s0ha_1";
+const fixed = "_fixed_1s0ha_60";
+const sticky = "_sticky_1s0ha_71";
+const textarea = "_textarea_1s0ha_86";
+const tabs = "_tabs_1s0ha_127";
+const tabsInner = "_tabsInner_1s0ha_135";
+const tabButton = "_tabButton_1s0ha_145";
+const tabButtonActive = "_tabButtonActive_1s0ha_174";
+const toolbar = "_toolbar_1s0ha_179";
+const actions = "_actions_1s0ha_189";
+const info = "_info_1s0ha_196";
+const actionButton = "_actionButton_1s0ha_203";
+const modeButton = "_modeButton_1s0ha_249";
+const modeButtonActive = "_modeButtonActive_1s0ha_292";
+const usage = "_usage_1s0ha_297";
+const submit = "_submit_1s0ha_304";
+const submitLoading = "_submitLoading_1s0ha_353";
+const submitSpinner = "_submitSpinner_1s0ha_357";
 const styles = {
   prompt,
   fixed,

package/dist/components/Prompt/Prompt.module.scss.js

@@ -1,21 +1,21 @@
-const prompt = "_prompt_bmejv_1";
-const fixed = "_fixed_bmejv_60";
-const sticky = "_sticky_bmejv_71";
-const textarea = "_textarea_bmejv_86";
-const tabs = "_tabs_bmejv_127";
-const tabsInner = "_tabsInner_bmejv_135";
-const tabButton = "_tabButton_bmejv_145";
-const tabButtonActive = "_tabButtonActive_bmejv_174";
-const toolbar = "_toolbar_bmejv_179";
-const actions = "_actions_bmejv_189";
-const info = "_info_bmejv_197";
-const actionButton = "_actionButton_bmejv_204";
-const modeButton = "_modeButton_bmejv_250";
-const modeButtonActive = "_modeButtonActive_bmejv_293";
-const usage = "_usage_bmejv_298";
-const submit = "_submit_bmejv_305";
-const submitLoading = "_submitLoading_bmejv_354";
-const submitSpinner = "_submitSpinner_bmejv_358";
+const prompt = "_prompt_1s0ha_1";
+const fixed = "_fixed_1s0ha_60";
+const sticky = "_sticky_1s0ha_71";
+const textarea = "_textarea_1s0ha_86";
+const tabs = "_tabs_1s0ha_127";
+const tabsInner = "_tabsInner_1s0ha_135";
+const tabButton = "_tabButton_1s0ha_145";
+const tabButtonActive = "_tabButtonActive_1s0ha_174";
+const toolbar = "_toolbar_1s0ha_179";
+const actions = "_actions_1s0ha_189";
+const info = "_info_1s0ha_196";
+const actionButton = "_actionButton_1s0ha_203";
+const modeButton = "_modeButton_1s0ha_249";
+const modeButtonActive = "_modeButtonActive_1s0ha_292";
+const usage = "_usage_1s0ha_297";
+const submit = "_submit_1s0ha_304";
+const submitLoading = "_submitLoading_1s0ha_353";
+const submitSpinner = "_submitSpinner_1s0ha_357";
 const styles = {
   prompt,
   fixed,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fragments-sdk/ui",
-  "version": "0.19.0",
+  "version": "0.19.1",
   "license": "MIT",
   "description": "Customizable UI components built on Base UI headless primitives",
   "author": "Conan McNicholl",

package/src/components/Prompt/Prompt.module.scss

@@ -216,7 +216,6 @@
   align-items: center;
   align-self: flex-end;
   gap: var(--fui-space-1, $fui-space-1);
-  padding: 0 var(--fui-space-2, $fui-space-2) var(--fui-space-2, $fui-space-2) 0;
 }
 
 .info {