@crisp-ui-kit/crisp 0.57.1 → 0.57.3

package/dist/types/product/workspacegeneralsettings/workspacegeneralsettings.d.ts

@@ -0,0 +1,48 @@
+import type * as React from "react";
+export type WorkspaceExportRow = {
+    id: string;
+    type: React.ReactNode;
+    date: React.ReactNode;
+};
+export type WorkspaceGeneralSettingsProps = Omit<React.ComponentPropsWithoutRef<"div">, "title"> & {
+    logoSrc?: string;
+    /** Shown in the logo tile when `logoSrc` is unset — the workspace's own initial. */
+    workspaceInitial: string;
+    onUploadLogo?: () => void;
+    name: string;
+    onNameChange: (value: string) => void;
+    slug: string;
+    onCopySlug?: () => void;
+    exports: WorkspaceExportRow[];
+    onStartExport?: () => void;
+    onDeleteWorkspace?: () => void;
+    /** Chrome strings, each overridable for non-English UIs. */
+    title?: string;
+    description?: string;
+    learnMoreLabel?: string;
+    learnMoreHref?: string;
+    logoHelpText?: string;
+    uploadLogoLabel?: string;
+    nameFieldLabel?: string;
+    slugFieldLabel?: string;
+    copySlugLabel?: string;
+    exportSectionTitle?: string;
+    exportSectionDescription?: string;
+    startExportLabel?: string;
+    typeColumnLabel?: string;
+    dateColumnLabel?: string;
+    noExportsLabel?: string;
+    dangerSectionTitle?: string;
+    deleteWorkspaceTitle?: string;
+    deleteWorkspaceWarning?: string;
+    deleteWorkspaceLabel?: string;
+};
+/**
+ * Attio's Settings → Workspace → General page (crisp#638, P-128), measured
+ * live: a logo + Name/Slug section, an "Export workspace data" table, and a
+ * "Danger zone" delete-workspace row.
+ */
+export declare function WorkspaceGeneralSettings({ logoSrc, workspaceInitial, onUploadLogo, name, onNameChange, slug, onCopySlug, exports: exportRows, onStartExport, onDeleteWorkspace, className, title, description, learnMoreLabel, learnMoreHref, logoHelpText, uploadLogoLabel, nameFieldLabel, slugFieldLabel, copySlugLabel, exportSectionTitle, exportSectionDescription, startExportLabel, typeColumnLabel, dateColumnLabel, noExportsLabel, dangerSectionTitle, deleteWorkspaceTitle, deleteWorkspaceWarning, deleteWorkspaceLabel, ...rest }: WorkspaceGeneralSettingsProps): React.JSX.Element;
+export declare namespace WorkspaceGeneralSettings {
+    var displayName: string;
+}

package/dist/types/product/workspacegeneralsettings/workspacegeneralsettings.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const workspacegeneralsettingsRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/tokens/contract.d.ts

@@ -20,6 +20,8 @@ export declare const contract: MapLeafNodes<{
     bgTileActive: "tileActive";
     shadowTileActive: "tileActiveShadow";
     bgScrim: "bgScrim";
+    bgOverlayStrong: "bgOverlayStrong";
+    strokeGroupDivider: "strokeGroupDivider";
     fgAlertDescription: "fgAlertDescription";
     bgOverlayFrost: "overlayFrost";
     shadowOverlay1: "shadowOverlay1";
@@ -71,9 +73,10 @@ export declare const contract: MapLeafNodes<{
     shadowSelect: "selectShadow";
 }, `var(--${string})`> & {
     space: Record<"0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "8" | "px", `var(--${string})`>;
-    radius: Record<"2xl" | "3xl" | "chip" | "full" | "lg" | "md" | "sm" | "xl" | "xs", `var(--${string})`>;
+    radius: Record<"2xl" | "3xl" | "4xl" | "chip" | "full" | "lg" | "md" | "sm" | "xl" | "xs", `var(--${string})`>;
     size: Record<"calendarCell" | "calendarPill" | "chip" | "header" | "icon" | "menuRow" | "row" | "selectIconLg" | "selectTriggerLg" | "selectTriggerMd" | "tableHeader" | "tableRow", `var(--${string})`>;
     font: Record<"sans", `var(--${string})`>;
     text: Record<"lg" | "md" | "sm" | "xl" | "xs", `var(--${string})`>;
     weight: Record<"bold" | "medium" | "regular" | "semibold", `var(--${string})`>;
+    tracking: Record<"18" | "20" | "24" | "26" | "28" | "32", `var(--${string})`>;
 };

package/dist/types/tokens/elevation.d.ts

@@ -11,9 +11,11 @@
  */
 export declare const elevation: {
     /**
-     * Tier 1 — anything floating and *attached*: menus, popovers, dropdowns,
+     * Tier 1 — anything floating and *attached*: popovers, dropdowns,
      * hover-preview cards, the floating sidebar, the record peek, drawers, the
      * bulk bar. Pairs with a 10–12px radius and, for panels, an 8px gutter.
+     * NOT `Menu` (your-moon/crisp#934) -- that moved to
+     * `selectFloating`, seed-design's own flat shadow, below.
      */
     readonly floating: `inset 0 0 0 1px var(--${string}), 0 0 0 1px var(--${string}), 0 4px 8px -4px var(--${string}), 0 4px 12px -2px var(--${string})`;
     /**
@@ -56,10 +58,11 @@ export declare const elevation: {
      */
     readonly fieldNoRing: `0 0 2px rgba(28,40,64,0.18), 0 1px 3px rgba(0,0,0,0.04)`;
     /**
-     * Select's own listbox shadow (crisp/#867) — seed-design's `$shadow.s3`, a
-     * single layer, NOT `floating` above. This component follows seed, not
-     * Attio, for the same reason `DatePicker` follows seed's calendar
-     * structure: an explicit owner request to match seed-design exactly.
+     * Seed-design's own `$shadow.s3`, a single flat layer, NOT `floating`
+     * above. Originally Select's own listbox shadow (crisp/#867); also `Menu`'s
+     * (your-moon/crisp#934) -- the raw seed dump confirms Menu
+     * is the one component seed's own spec gives a shadow to at all, and it's
+     * this exact value. Despite the name, not exclusive to Select.
      */
     readonly selectFloating: `0 4px 16px var(--${string})`;
 };

package/dist/types/tokens/palette.d.ts

@@ -60,9 +60,17 @@ export declare const palette: {
         readonly dark: "rgba(0,0,0,0)";
     };
     readonly bgScrim: {
-        readonly light: "rgba(0,0,0,0.25)";
+        readonly light: "rgba(0,0,0,0.45)";
         readonly dark: "rgba(0,0,0,0.55)";
     };
+    readonly bgOverlayStrong: {
+        readonly light: "#00000074";
+        readonly dark: "#00000074";
+    };
+    readonly strokeGroupDivider: {
+        readonly light: "#00000010";
+        readonly dark: "#ffffff17";
+    };
     readonly fgAlertDescription: {
         readonly light: "rgba(0,0,0,0.63)";
         readonly dark: "rgba(255,255,255,0.6)";

package/dist/types/tokens/scale.d.ts

@@ -14,13 +14,14 @@ export declare const space: {
 };
 export declare const radius: {
     readonly xs: "4px";
-    readonly chip: "7px";
+    readonly chip: "999px";
     readonly sm: "6px";
     readonly md: "8px";
     readonly lg: "9px";
     readonly xl: "12px";
     readonly "2xl": "16px";
     readonly "3xl": "20px";
+    readonly "4xl": "24px";
     readonly full: "999px";
 };
 export declare const size: {
@@ -53,9 +54,18 @@ export declare const weight: {
     readonly semibold: "600";
     readonly bold: "700";
 };
+export declare const tracking: {
+    readonly "18": "-0.36px";
+    readonly "20": "-0.4px";
+    readonly "24": "-0.48px";
+    readonly "26": "-0.52px";
+    readonly "28": "-0.56px";
+    readonly "32": "-0.64px";
+};
 export type SpaceKey = keyof typeof space;
 export type RadiusKey = keyof typeof radius;
 export type SizeKey = keyof typeof size;
 export type FontKey = keyof typeof font;
 export type TextKey = keyof typeof text;
 export type WeightKey = keyof typeof weight;
+export type TrackingKey = keyof typeof tracking;

package/dist/types/tokens/semantic.d.ts

@@ -35,6 +35,8 @@ export declare const semantic: {
     bgTileActive: "tileActive";
     shadowTileActive: "tileActiveShadow";
     bgScrim: "bgScrim";
+    bgOverlayStrong: "bgOverlayStrong";
+    strokeGroupDivider: "strokeGroupDivider";
     fgAlertDescription: "fgAlertDescription";
     bgOverlayFrost: "overlayFrost";
     shadowOverlay1: "shadowOverlay1";

package/dist/wheelpicker.css

@@ -1,14 +1,16 @@
 .crisp-wheelpicker {
   position: relative; box-sizing: border-box; width: 100%; overflow: hidden; background: var(--crisp-bg-surface); font-family: var(--crisp-font-sans); /* the band the selected row sits in; behind the items, never hit-tested */
     & .crisp-wheelpicker-indicator { position: absolute; z-index: 0; inset-inline: var(--crisp-space-4); top: 50%; transform: translateY(-50%); border-radius: var(--crisp-radius-md); background: var(--crisp-bg-neutral-weak); pointer-events: none; }
-    /* fades the rows furthest from the centre, so the column reads as a wheel rather than a list. 40% of the viewport, capped, top and bottom. */
+    /* fades the rows furthest from the centre, so the column reads as a wheel
+       rather than a list. 40% of the viewport, capped, top and bottom. */
     & .crisp-wheelpicker-fog { position: relative; z-index: 1; height: 100%; overflow: hidden; mask-image: linear-gradient( to bottom, transparent 0, #000 var(--crisp-wheelpicker-fog), #000 calc(100% - var(--crisp-wheelpicker-fog)), transparent 100% ); }
     & .crisp-wheelpicker-columns { display: flex; width: 100%; height: 100%; justify-content: center; }
     & .crisp-wheelpicker-column { box-sizing: border-box; flex: 0 0 auto; width: max-content; height: 100%; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; overscroll-behavior-x: none; scroll-snap-type: y mandatory; touch-action: pan-y; scrollbar-width: none; -ms-overflow-style: none; outline: none; padding-block: var(--crisp-wheelpicker-offset); }
     & .crisp-wheelpicker-column::-webkit-scrollbar { display: none; }
     & .crisp-wheelpicker-item { display: flex; align-items: center; justify-content: center; scroll-snap-align: center; user-select: none; white-space: nowrap; padding-inline: var(--crisp-space-4); color: var(--crisp-fg-disabled); background: none; border: none; font: inherit; cursor: pointer; }
     & .crisp-wheelpicker-item[data-selected] { color: var(--crisp-fg-primary); }
-    /* the ring is drawn on the SELECTED row, and only for keyboard focus: a pointer user has just tapped the row they meant and does not need it */
+    /* the ring is drawn on the SELECTED row, and only for keyboard focus:
+       a pointer user has just tapped the row they meant and does not need it */
     & .crisp-wheelpicker-column:focus-visible .crisp-wheelpicker-item[data-selected] { outline: 2px solid var(--crisp-stroke-focus-ring); outline-offset: -2px; border-radius: var(--crisp-radius-md); }
 }
 .crisp-wheelpicker--size_small {

package/dist/wheelpicker.layered.css

@@ -2,14 +2,16 @@
 .crisp-wheelpicker {
   position: relative; box-sizing: border-box; width: 100%; overflow: hidden; background: var(--crisp-bg-surface); font-family: var(--crisp-font-sans); /* the band the selected row sits in; behind the items, never hit-tested */
     & .crisp-wheelpicker-indicator { position: absolute; z-index: 0; inset-inline: var(--crisp-space-4); top: 50%; transform: translateY(-50%); border-radius: var(--crisp-radius-md); background: var(--crisp-bg-neutral-weak); pointer-events: none; }
-    /* fades the rows furthest from the centre, so the column reads as a wheel rather than a list. 40% of the viewport, capped, top and bottom. */
+    /* fades the rows furthest from the centre, so the column reads as a wheel
+       rather than a list. 40% of the viewport, capped, top and bottom. */
     & .crisp-wheelpicker-fog { position: relative; z-index: 1; height: 100%; overflow: hidden; mask-image: linear-gradient( to bottom, transparent 0, #000 var(--crisp-wheelpicker-fog), #000 calc(100% - var(--crisp-wheelpicker-fog)), transparent 100% ); }
     & .crisp-wheelpicker-columns { display: flex; width: 100%; height: 100%; justify-content: center; }
     & .crisp-wheelpicker-column { box-sizing: border-box; flex: 0 0 auto; width: max-content; height: 100%; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; overscroll-behavior-x: none; scroll-snap-type: y mandatory; touch-action: pan-y; scrollbar-width: none; -ms-overflow-style: none; outline: none; padding-block: var(--crisp-wheelpicker-offset); }
     & .crisp-wheelpicker-column::-webkit-scrollbar { display: none; }
     & .crisp-wheelpicker-item { display: flex; align-items: center; justify-content: center; scroll-snap-align: center; user-select: none; white-space: nowrap; padding-inline: var(--crisp-space-4); color: var(--crisp-fg-disabled); background: none; border: none; font: inherit; cursor: pointer; }
     & .crisp-wheelpicker-item[data-selected] { color: var(--crisp-fg-primary); }
-    /* the ring is drawn on the SELECTED row, and only for keyboard focus: a pointer user has just tapped the row they meant and does not need it */
+    /* the ring is drawn on the SELECTED row, and only for keyboard focus:
+       a pointer user has just tapped the row they meant and does not need it */
     & .crisp-wheelpicker-column:focus-visible .crisp-wheelpicker-item[data-selected] { outline: 2px solid var(--crisp-stroke-focus-ring); outline-offset: -2px; border-radius: var(--crisp-radius-md); }
 }
 .crisp-wheelpicker--size_small {

package/dist/workspacegeneralsettings.css

@@ -0,0 +1,30 @@
+.crisp-workspacegeneralsettings {
+  & .crisp-workspacegeneralsettings-page { display: flex; flex-direction: column; gap: var(--crisp-space-6); font-family: var(--crisp-font-sans); }
+    & .crisp-workspacegeneralsettings-heading { display: flex; flex-direction: column; gap: var(--crisp-space-0-5); }
+    & .crisp-workspacegeneralsettings-title { font-size: 24px; line-height: 28px; font-weight: var(--crisp-weight-semibold); letter-spacing: -0.48px; color: var(--crisp-fg-primary); margin: 0; }
+    & .crisp-workspacegeneralsettings-desc { font-size: var(--crisp-text-lg); line-height: 20px; color: var(--crisp-fg-muted); margin: 0; }
+    & .crisp-workspacegeneralsettings-section { display: flex; flex-direction: column; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-sectiontitle { font-size: 16px; line-height: 20px; font-weight: var(--crisp-weight-semibold); color: var(--crisp-fg-primary); margin: 0; }
+    & .crisp-workspacegeneralsettings-sectionhead { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-sectionhead-text { display: flex; flex-direction: column; gap: var(--crisp-space-1); }
+    /* Logo row: a tile + helper text + "Upload logo" button. */
+    & .crisp-workspacegeneralsettings-logorow { display: flex; align-items: center; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-logohelp { font-size: var(--crisp-text-sm); color: var(--crisp-fg-muted); }
+    & .crisp-workspacegeneralsettings-logotext { display: flex; flex-direction: column; align-items: flex-start; gap: var(--crisp-space-1); }
+    /* Name + Slug sit side by side, each ~half the content width. */
+    & .crisp-workspacegeneralsettings-fieldrow { display: flex; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-fieldrow > * { flex: 1; min-width: 0; }
+    & .crisp-workspacegeneralsettings-slugfield { display: flex; align-items: center; gap: var(--crisp-space-1-5); }
+    & .crisp-workspacegeneralsettings-slugfield > :first-child { flex: 1; min-width: 0; }
+    & .crisp-workspacegeneralsettings-copybtn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border: none; border-radius: var(--crisp-radius-md); background: none; font-family: inherit; color: var(--crisp-fg-muted); cursor: pointer; }
+    & .crisp-workspacegeneralsettings-copybtn:hover { background: var(--crisp-bg-raised); color: var(--crisp-fg-primary); }
+    /* Export-data empty state -- measured: 14/500/63%-opacity, centred in a
+       40px row, no border of its own (the Table wrapper already draws it). */
+    & .crisp-workspacegeneralsettings-emptyrow { padding: var(--crisp-space-2-5) var(--crisp-space-4); font-size: var(--crisp-text-lg); font-weight: var(--crisp-weight-medium); color: color-mix(in srgb, var(--crisp-fg-primary) 63%, transparent); text-align: center; }
+    /* Danger zone: a red-tinted bordered row, distinct from every other
+       card on the page. */
+    & .crisp-workspacegeneralsettings-dangerrow { display: flex; align-items: center; justify-content: space-between; gap: var(--crisp-space-6); padding: var(--crisp-space-3) var(--crisp-space-4); border: 1px solid color-mix(in srgb, var(--crisp-bg-danger) 30%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--crisp-bg-danger) 6%, transparent); }
+    & .crisp-workspacegeneralsettings-dangertext { display: flex; flex-direction: column; gap: var(--crisp-space-1); }
+    & .crisp-workspacegeneralsettings-rowtitle { font-size: var(--crisp-text-lg); font-weight: var(--crisp-weight-medium); color: var(--crisp-fg-primary); }
+    & .crisp-workspacegeneralsettings-dangerwarning { font-size: var(--crisp-text-sm); font-weight: var(--crisp-weight-medium); color: color-mix(in srgb, var(--crisp-fg-primary) 63%, transparent); }
+}

package/dist/workspacegeneralsettings.d.ts

@@ -0,0 +1,7 @@
+import type { RecipeFn } from "../core/types";
+
+export interface WorkspacegeneralsettingsVariants {
+
+}
+
+export declare const workspacegeneralsettingsRecipe: RecipeFn<{  }>;

package/dist/workspacegeneralsettings.layered.css

@@ -0,0 +1,32 @@
+@layer crisp-components {
+.crisp-workspacegeneralsettings {
+  & .crisp-workspacegeneralsettings-page { display: flex; flex-direction: column; gap: var(--crisp-space-6); font-family: var(--crisp-font-sans); }
+    & .crisp-workspacegeneralsettings-heading { display: flex; flex-direction: column; gap: var(--crisp-space-0-5); }
+    & .crisp-workspacegeneralsettings-title { font-size: 24px; line-height: 28px; font-weight: var(--crisp-weight-semibold); letter-spacing: -0.48px; color: var(--crisp-fg-primary); margin: 0; }
+    & .crisp-workspacegeneralsettings-desc { font-size: var(--crisp-text-lg); line-height: 20px; color: var(--crisp-fg-muted); margin: 0; }
+    & .crisp-workspacegeneralsettings-section { display: flex; flex-direction: column; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-sectiontitle { font-size: 16px; line-height: 20px; font-weight: var(--crisp-weight-semibold); color: var(--crisp-fg-primary); margin: 0; }
+    & .crisp-workspacegeneralsettings-sectionhead { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-sectionhead-text { display: flex; flex-direction: column; gap: var(--crisp-space-1); }
+    /* Logo row: a tile + helper text + "Upload logo" button. */
+    & .crisp-workspacegeneralsettings-logorow { display: flex; align-items: center; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-logohelp { font-size: var(--crisp-text-sm); color: var(--crisp-fg-muted); }
+    & .crisp-workspacegeneralsettings-logotext { display: flex; flex-direction: column; align-items: flex-start; gap: var(--crisp-space-1); }
+    /* Name + Slug sit side by side, each ~half the content width. */
+    & .crisp-workspacegeneralsettings-fieldrow { display: flex; gap: var(--crisp-space-4); }
+    & .crisp-workspacegeneralsettings-fieldrow > * { flex: 1; min-width: 0; }
+    & .crisp-workspacegeneralsettings-slugfield { display: flex; align-items: center; gap: var(--crisp-space-1-5); }
+    & .crisp-workspacegeneralsettings-slugfield > :first-child { flex: 1; min-width: 0; }
+    & .crisp-workspacegeneralsettings-copybtn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border: none; border-radius: var(--crisp-radius-md); background: none; font-family: inherit; color: var(--crisp-fg-muted); cursor: pointer; }
+    & .crisp-workspacegeneralsettings-copybtn:hover { background: var(--crisp-bg-raised); color: var(--crisp-fg-primary); }
+    /* Export-data empty state -- measured: 14/500/63%-opacity, centred in a
+       40px row, no border of its own (the Table wrapper already draws it). */
+    & .crisp-workspacegeneralsettings-emptyrow { padding: var(--crisp-space-2-5) var(--crisp-space-4); font-size: var(--crisp-text-lg); font-weight: var(--crisp-weight-medium); color: color-mix(in srgb, var(--crisp-fg-primary) 63%, transparent); text-align: center; }
+    /* Danger zone: a red-tinted bordered row, distinct from every other
+       card on the page. */
+    & .crisp-workspacegeneralsettings-dangerrow { display: flex; align-items: center; justify-content: space-between; gap: var(--crisp-space-6); padding: var(--crisp-space-3) var(--crisp-space-4); border: 1px solid color-mix(in srgb, var(--crisp-bg-danger) 30%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--crisp-bg-danger) 6%, transparent); }
+    & .crisp-workspacegeneralsettings-dangertext { display: flex; flex-direction: column; gap: var(--crisp-space-1); }
+    & .crisp-workspacegeneralsettings-rowtitle { font-size: var(--crisp-text-lg); font-weight: var(--crisp-weight-medium); color: var(--crisp-fg-primary); }
+    & .crisp-workspacegeneralsettings-dangerwarning { font-size: var(--crisp-text-sm); font-weight: var(--crisp-weight-medium); color: color-mix(in srgb, var(--crisp-fg-primary) 63%, transparent); }
+}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.57.1",
+  "version": "0.57.3",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",
@@ -63,6 +63,11 @@
       "import": "./dist/esm/components/barchart/index.js",
       "require": "./dist/cjs/components/barchart/index.js"
     },
+    "./bottomsheet": {
+      "types": "./dist/types/components/bottomsheet/index.d.ts",
+      "import": "./dist/esm/components/bottomsheet/index.js",
+      "require": "./dist/cjs/components/bottomsheet/index.js"
+    },
     "./breadcrumb": {
       "types": "./dist/types/components/breadcrumb/index.d.ts",
       "import": "./dist/esm/components/breadcrumb/index.js",
@@ -98,6 +103,11 @@
       "import": "./dist/esm/components/chip/index.js",
       "require": "./dist/cjs/components/chip/index.js"
     },
+    "./chipgroup": {
+      "types": "./dist/types/components/chipgroup/index.d.ts",
+      "import": "./dist/esm/components/chipgroup/index.js",
+      "require": "./dist/cjs/components/chipgroup/index.js"
+    },
     "./columncalc": {
       "types": "./dist/types/components/columncalc/index.d.ts",
       "import": "./dist/esm/components/columncalc/index.js",
@@ -203,6 +213,11 @@
       "import": "./dist/esm/components/menu/index.js",
       "require": "./dist/cjs/components/menu/index.js"
     },
+    "./menusheet": {
+      "types": "./dist/types/components/menusheet/index.d.ts",
+      "import": "./dist/esm/components/menusheet/index.js",
+      "require": "./dist/cjs/components/menusheet/index.js"
+    },
     "./middletruncate": {
       "types": "./dist/types/components/middletruncate/index.d.ts",
       "import": "./dist/esm/components/middletruncate/index.js",
@@ -268,6 +283,11 @@
       "import": "./dist/esm/components/slider/index.js",
       "require": "./dist/cjs/components/slider/index.js"
     },
+    "./snackbar": {
+      "types": "./dist/types/components/snackbar/index.d.ts",
+      "import": "./dist/esm/components/snackbar/index.js",
+      "require": "./dist/cjs/components/snackbar/index.js"
+    },
     "./spinner": {
       "types": "./dist/types/components/spinner/index.d.ts",
       "import": "./dist/esm/components/spinner/index.js",
@@ -413,11 +433,21 @@
       "import": "./dist/esm/product/listpage/index.js",
       "require": "./dist/cjs/product/listpage/index.js"
     },
+    "./memberssettings": {
+      "types": "./dist/types/product/memberssettings/index.d.ts",
+      "import": "./dist/esm/product/memberssettings/index.js",
+      "require": "./dist/cjs/product/memberssettings/index.js"
+    },
     "./navitem": {
       "types": "./dist/types/product/navitem/index.d.ts",
       "import": "./dist/esm/product/navitem/index.js",
       "require": "./dist/cjs/product/navitem/index.js"
     },
+    "./notificationssettings": {
+      "types": "./dist/types/product/notificationssettings/index.d.ts",
+      "import": "./dist/esm/product/notificationssettings/index.js",
+      "require": "./dist/cjs/product/notificationssettings/index.js"
+    },
     "./objectsettings": {
       "types": "./dist/types/product/objectsettings/index.d.ts",
       "import": "./dist/esm/product/objectsettings/index.js",
@@ -488,6 +518,11 @@
       "import": "./dist/esm/product/viewtoggle/index.js",
       "require": "./dist/cjs/product/viewtoggle/index.js"
     },
+    "./workspacegeneralsettings": {
+      "types": "./dist/types/product/workspacegeneralsettings/index.d.ts",
+      "import": "./dist/esm/product/workspacegeneralsettings/index.js",
+      "require": "./dist/cjs/product/workspacegeneralsettings/index.js"
+    },
     "./tokens": {
       "types": "./dist/types/tokens/index.d.ts",
       "import": "./dist/esm/tokens/index.js",