@fragments-sdk/ui 0.9.4 → 0.9.5

package/dist/assets/ui.css

@@ -3871,12 +3871,12 @@ a {
   -moz-osx-font-smoothing: grayscale;
   font-size: var(--fui-font-size-sm, 1rem);
   color: var(--fui-text-secondary, #52525b);
-}._wrapper_14cv1_1 {
+}._wrapper_1gugf_1 {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 }
 
-._table_14cv1_6 {
+._table_1gugf_6 {
   width: 100%;
   border-collapse: collapse;
   font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
@@ -3884,7 +3884,7 @@ a {
   -moz-osx-font-smoothing: grayscale;
 }
 
-._caption_14cv1_14 {
+._caption_1gugf_14 {
   padding: var(--fui-space-3, 1.5rem) 0;
   font-size: var(--fui-font-size-sm, 1rem);
   font-weight: var(--fui-font-weight-medium, 500);
@@ -3893,7 +3893,7 @@ a {
   caption-side: top;
 }
 
-._captionHidden_14cv1_23 {
+._captionHidden_1gugf_23 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -3905,29 +3905,172 @@ a {
   border: 0;
 }
 
-._sm_14cv1_35 ._th_14cv1_35,
-._sm_14cv1_35 ._td_14cv1_36 {
+._sm_1gugf_35 ._th_1gugf_35,
+._sm_1gugf_35 ._td_1gugf_36 {
   padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-md, 1.5rem);
   font-size: var(--fui-font-size-xs, 0.857rem);
 }
 
-._md_14cv1_41 ._th_14cv1_35,
-._md_14cv1_41 ._td_14cv1_36 {
+._md_1gugf_41 ._th_1gugf_35,
+._md_1gugf_41 ._td_1gugf_36 {
   padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-md, 1.5rem);
   font-size: var(--fui-font-size-sm, 1rem);
 }
 
-._thead_14cv1_47 {
+._thead_1gugf_47 {
   position: sticky;
   top: 0;
   z-index: 1;
 }
+._thead_1gugf_47 > tr {
+  border-bottom: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+}
+
+._th_1gugf_35 {
+  text-align: left;
+  font-weight: var(--fui-font-weight-medium, 500);
+  color: var(--fui-text-secondary, #52525b);
+  white-space: nowrap;
+  vertical-align: middle;
+}
+._th_1gugf_35:first-child {
+  border-top-left-radius: var(--fui-radius-md, 0.429rem);
+}
+._th_1gugf_35:last-child {
+  border-top-right-radius: var(--fui-radius-md, 0.429rem);
+}
+
+._headerContent_1gugf_70 {
+  display: flex;
+  align-items: center;
+  gap: var(--fui-space-1, 0.5rem);
+}
+
+._row_1gugf_76 {
+  border-bottom: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+  transition: background-color var(--fui-transition-fast, 150ms ease);
+}
+._row_1gugf_76:last-child {
+  border-bottom: none;
+}
+._row_1gugf_76:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+
+._selected_1gugf_87 {
+  background-color: rgba(24, 24, 27, 0.08);
+}
+._selected_1gugf_87:hover {
+  background-color: rgba(24, 24, 27, 0.12);
+}
+
+._td_1gugf_36 {
+  color: var(--fui-text-primary, #18181b);
+  vertical-align: middle;
+  line-height: var(--fui-line-height-normal, 1.5);
+}
+
+._tfoot_1gugf_100 {
+  border-top: 2px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+}
+._tfoot_1gugf_100 ._td_1gugf_36,
+._tfoot_1gugf_100 ._th_1gugf_35 {
+  font-weight: var(--fui-font-weight-medium, 500);
+}
+
+._striped_1gugf_108 ._tbody_1gugf_108 ._row_1gugf_76:nth-child(even) {
+  background-color: var(--fui-bg-subtle, #fafafa);
+}
+._striped_1gugf_108 ._selected_1gugf_87 {
+  background-color: rgba(24, 24, 27, 0.08);
+}
+._striped_1gugf_108 ._selected_1gugf_87:hover {
+  background-color: rgba(24, 24, 27, 0.12);
+}
+
+._bordered_1gugf_118 {
+  border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+  border-radius: var(--fui-radius-md, 0.429rem);
+  overflow: hidden;
+}
+
+@media (max-width: 639px) {
+  ._wrapper_1gugf_1 {
+    margin-left: calc(-1 * var(--fui-space-4, 2rem));
+    margin-right: calc(-1 * var(--fui-space-4, 2rem));
+    padding-left: var(--fui-space-4, 2rem);
+    padding-right: var(--fui-space-4, 2rem);
+  }
+}
+@media (prefers-contrast: more) {
+  ._thead_1gugf_47 > tr {
+    border-bottom-width: 2px;
+  }
+  ._row_1gugf_76 {
+    border-bottom-width: 2px;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._row_1gugf_76 {
+    transition: none;
+  }
+}._wrapper_1mtjg_1 {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+._table_1mtjg_6 {
+  width: 100%;
+  border-collapse: collapse;
+  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+._caption_1mtjg_14 {
+  padding: var(--fui-space-3, 1.5rem) 0;
+  font-size: var(--fui-font-size-sm, 1rem);
+  font-weight: var(--fui-font-weight-medium, 500);
+  color: var(--fui-text-secondary, #52525b);
+  text-align: left;
+  caption-side: top;
+}
 
-._headerRow_14cv1_53 {
+._captionHidden_1mtjg_23 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+._sm_1mtjg_35 ._th_1mtjg_35,
+._sm_1mtjg_35 ._td_1mtjg_36 {
+  padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-md, 1.5rem);
+  font-size: var(--fui-font-size-xs, 0.857rem);
+}
+
+._md_1mtjg_41 ._th_1mtjg_35,
+._md_1mtjg_41 ._td_1mtjg_36 {
+  padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-md, 1.5rem);
+  font-size: var(--fui-font-size-sm, 1rem);
+}
+
+._thead_1mtjg_47 {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
+._headerRow_1mtjg_53 {
   border-bottom: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
 }
 
-._th_14cv1_35 {
+._th_1mtjg_35 {
   text-align: left;
   font-weight: var(--fui-font-weight-medium, 500);
   color: var(--fui-text-secondary, #52525b);
@@ -3935,24 +4078,24 @@ a {
   vertical-align: middle;
   user-select: none;
 }
-._th_14cv1_35:first-child {
+._th_1mtjg_35:first-child {
   border-top-left-radius: var(--fui-radius-md, 0.429rem);
 }
-._th_14cv1_35:last-child {
+._th_1mtjg_35:last-child {
   border-top-right-radius: var(--fui-radius-md, 0.429rem);
 }
 
-._headerContent_14cv1_72 {
+._headerContent_1mtjg_72 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
 }
 
-._thSortable_14cv1_78 {
+._thSortable_1mtjg_78 {
   padding: 0;
 }
 
-._sortButton_14cv1_82 {
+._sortButton_1mtjg_82 {
   appearance: none;
   background: transparent;
   border: none;
@@ -3962,21 +4105,21 @@ a {
   color: inherit;
   cursor: pointer;
 }
-._sortButton_14cv1_82:disabled {
+._sortButton_1mtjg_82:disabled {
   cursor: not-allowed;
 }
-._sortButton_14cv1_82 {
+._sortButton_1mtjg_82 {
   transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
 }
-._sortButton_14cv1_82:focus-visible {
+._sortButton_1mtjg_82:focus-visible {
   outline: none;
   box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
 }
-._sortButton_14cv1_82:disabled, ._sortButton_14cv1_82[data-disabled] {
+._sortButton_1mtjg_82:disabled, ._sortButton_1mtjg_82[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._sortButton_14cv1_82 {
+._sortButton_1mtjg_82 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3987,95 +4130,151 @@ a {
   text-align: left;
   transition: color var(--fui-transition-fast, 150ms ease);
 }
-._sortButton_14cv1_82:hover {
+._sortButton_1mtjg_82:hover {
   color: var(--fui-text-primary, #18181b);
 }
 
-._sortIndicator_14cv1_121 {
+._sortIndicator_1mtjg_121 {
   display: inline-flex;
   align-items: center;
   color: var(--fui-text-tertiary, #71717a);
   flex-shrink: 0;
 }
-._sortButton_14cv1_82:hover ._sortIndicator_14cv1_121 {
+._sortButton_1mtjg_82:hover ._sortIndicator_1mtjg_121 {
   color: var(--fui-text-secondary, #52525b);
 }
 
-._row_14cv1_131 {
+._row_1mtjg_131 {
   border-bottom: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
   transition: background-color var(--fui-transition-fast, 150ms ease);
 }
-._row_14cv1_131:last-child {
+._row_1mtjg_131:last-child {
   border-bottom: none;
 }
-._row_14cv1_131:hover {
+._row_1mtjg_131:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
 
-._clickable_14cv1_142 {
+._clickable_1mtjg_142 {
   cursor: pointer;
 }
-._clickable_14cv1_142:hover {
+._clickable_1mtjg_142:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._clickable_14cv1_142:focus-visible {
+._clickable_1mtjg_142:focus-visible {
   outline: none;
   box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
 }
-._clickable_14cv1_142:active {
+._clickable_1mtjg_142:active {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
 
-._selected_14cv1_156 {
+._selected_1mtjg_156 {
   background-color: rgba(24, 24, 27, 0.08);
 }
-._selected_14cv1_156:hover {
+._selected_1mtjg_156:hover {
   background-color: rgba(24, 24, 27, 0.12);
 }
 
-._td_14cv1_36 {
+._td_1mtjg_36 {
   color: var(--fui-text-primary, #18181b);
   vertical-align: middle;
   line-height: var(--fui-line-height-normal, 1.5);
 }
 
-._striped_14cv1_169 ._row_14cv1_131:nth-child(even) {
+._striped_1mtjg_169 ._row_1mtjg_131:nth-child(even) {
   background-color: var(--fui-bg-subtle, #fafafa);
 }
-._striped_14cv1_169 ._clickable_14cv1_142:hover {
+._striped_1mtjg_169 ._clickable_1mtjg_142:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._striped_14cv1_169 ._clickable_14cv1_142:active {
+._striped_1mtjg_169 ._clickable_1mtjg_142:active {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
-._striped_14cv1_169 ._selected_14cv1_156 {
+._striped_1mtjg_169 ._selected_1mtjg_156 {
   background-color: rgba(24, 24, 27, 0.08);
 }
-._striped_14cv1_169 ._selected_14cv1_156:hover {
+._striped_1mtjg_169 ._selected_1mtjg_156:hover {
   background-color: rgba(24, 24, 27, 0.12);
 }
 
-._bordered_14cv1_185 {
+._bordered_1mtjg_185 {
   border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
   border-radius: var(--fui-radius-md, 0.429rem);
   overflow: hidden;
 }
 
-._emptyState_14cv1_191 {
+._fixedLayout_1mtjg_191 {
+  table-layout: fixed;
+}
+
+._checkboxCell_1mtjg_195 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+._expandCell_1mtjg_201 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--fui-space-1, 0.5rem);
+}
+
+._expandButton_1mtjg_207 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+._expandButton_1mtjg_207:disabled {
+  cursor: not-allowed;
+}
+._expandButton_1mtjg_207 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  border-radius: var(--fui-radius-sm, 0.25rem);
+  color: var(--fui-text-tertiary, #71717a);
+  transition: color var(--fui-transition-fast, 150ms ease), background-color var(--fui-transition-fast, 150ms ease);
+}
+._expandButton_1mtjg_207:hover {
+  color: var(--fui-text-primary, #18181b);
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+._expandButton_1mtjg_207:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
+}
+
+._subRow_1mtjg_240 {
+  background-color: var(--fui-bg-subtle, #fafafa);
+}
+._subRow_1mtjg_240:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+
+._emptyState_1mtjg_247 {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: var(--fui-space-12, 6rem) var(--fui-space-6, 3rem);
 }
 
-._emptyMessage_14cv1_198 {
+._emptyMessage_1mtjg_254 {
   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);
   color: var(--fui-text-tertiary, #71717a);
 }
 
 @media (max-width: 639px) {
-  ._wrapper_14cv1_1 {
+  ._wrapper_1mtjg_1 {
     margin-left: calc(-1 * var(--fui-space-4, 2rem));
     margin-right: calc(-1 * var(--fui-space-4, 2rem));
     padding-left: var(--fui-space-4, 2rem);
@@ -4083,21 +4282,21 @@ a {
   }
 }
 @media (prefers-contrast: more) {
-  ._headerRow_14cv1_53 {
+  ._headerRow_1mtjg_53 {
     border-bottom-width: 2px;
   }
-  ._row_14cv1_131 {
+  ._row_1mtjg_131 {
     border-bottom-width: 2px;
   }
-  ._sortButton_14cv1_82:focus-visible {
+  ._sortButton_1mtjg_82:focus-visible {
     outline-width: 3px;
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._row_14cv1_131 {
+  ._row_1mtjg_131 {
     transition: none;
   }
-  ._sortButton_14cv1_82 {
+  ._sortButton_1mtjg_82 {
     transition: none;
   }
 }._emptyState_1m2hy_1 {

package/dist/blocks/components/index.d.ts

@@ -6,6 +6,4 @@ export { ActivityFeed } from './ActivityFeed';
 export type { ActivityFeedProps, ActivityFeedItem } from './ActivityFeed';
 export { DashboardLayout } from './DashboardLayout';
 export type { DashboardLayoutProps } from './DashboardLayout';
-export { DataTable } from './DataTable';
-export type { DataTableProps, DataTableColumn } from './DataTable';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/codeblock.cjs

@@ -356,6 +356,7 @@ const CodeBlockBase = React__namespace.forwardRef(
     compact = false,
     persistentCopy = false,
     copyPlacement = "auto",
+    onCopy,
     className,
     ...htmlProps
   }, ref) {
@@ -427,12 +428,13 @@ const CodeBlockBase = React__namespace.forwardRef(
         await navigator.clipboard.writeText(trimmedCode);
         setCopied(true);
         setTimeout(() => setCopied(false), 2e3);
+        onCopy == null ? void 0 : onCopy();
       } catch (err) {
         if (process.env.NODE_ENV !== "production") {
           console.error("Failed to copy:", err);
         }
       }
-    }, [trimmedCode]);
+    }, [trimmedCode, onCopy]);
     const toggleCollapsed = React.useCallback(() => {
       setIsCollapsed((prev) => !prev);
     }, []);
@@ -530,7 +532,8 @@ function TabbedCodeBlock({
   tabsVariant = "pills",
   wordWrap,
   maxHeight,
-  className
+  className,
+  onCopy
 }) {
   var _a;
   const defaultValue = defaultTab || ((_a = tabs[0]) == null ? void 0 : _a.label) || "";
@@ -546,7 +549,8 @@ function TabbedCodeBlock({
         copyPlacement,
         showLineNumbers,
         wordWrap,
-        maxHeight
+        maxHeight,
+        onCopy: onCopy ? () => onCopy(tab.label) : void 0
       }
     ) }, tab.label))
   ] }) });