@mastra/playground-ui 48.0.0-alpha.9 → 48.0.0

package/dist/domains/traces/components/traces-list-view.es.js

@@ -4,9 +4,9 @@ import { useRef, useEffect } from 'react';
 import { buildTraceListColumns, hasTraceColumn, DEFAULT_TRACE_COLUMN_PREFERENCES, formatTraceMetadataValue } from '../trace-list-columns.es.js';
 import { getInputPreview, formatSpanDuration } from '../utils/span-utils.es.js';
 import { formatCompact, formatCost } from '../../metrics/components/metrics-utils.es.js';
-import { D as DataList } from '../../../data-list-CnQRIUyN.js';
+import { D as DataList } from '../../../data-list-CnQWE0QP.js';
 import { D as DataListSkeleton } from '../../../data-list-skeleton-DeEqsrIz.js';
-import { T as TracesDataList } from '../../../traces-data-list-DtuaCDES.js';
+import { T as TracesDataList } from '../../../traces-data-list-B3wMvCfk.js';
 import { c as cn } from '../../../cn-BakJzhuv.js';
 
 const ROW_HEIGHT = 36;

package/dist/domains/traces/components/traces-toolbar.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const propertyFilterApplied = require('../../../property-filter-applied-BhxbHAN8.cjs');
+const propertyFilterApplied = require('../../../property-filter-applied-ChK5XtsC.cjs');
 const utils_cn = require('../../../cn-vA5sWo9W.cjs');
 
 function TracesToolbar({

package/dist/domains/traces/components/traces-toolbar.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-DI4w1ACS.js';
+import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-C2teL4uw.js';
 import { c as cn } from '../../../cn-BakJzhuv.js';
 
 function TracesToolbar({

package/dist/domains/traces/hooks/use-entity-names.cjs.js

@@ -2,10 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const observability = require('@mastra/core/observability');
 const react = require('@mastra/react');
 const reactQuery = require('@tanstack/react-query');
 const domains_traces_traceFilters = require('../trace-filters.cjs.js');
 
+function resolveEntityType(entityType) {
+  return Object.values(observability.EntityType).find((candidate) => candidate === entityType);
+}
 const useEntityNames = ({ entityType, rootOnly = false } = {}) => {
   const client = react.useMastraClient();
   const queryKey = entityType ? ["observability-entity-names", "by-type", entityType] : ["observability-entity-names", "all", rootOnly ? "root-only" : "all-types"];
@@ -14,15 +18,19 @@ const useEntityNames = ({ entityType, rootOnly = false } = {}) => {
     queryFn: async () => {
       try {
         if (entityType) {
-          return await client.getEntityNames({ entityType });
+          const resolvedEntityType = resolveEntityType(entityType);
+          if (!resolvedEntityType) return { names: [] };
+          return await client.getEntityNames({ entityType: resolvedEntityType });
         }
         if (!rootOnly) {
           return await client.getEntityNames();
         }
         const responses = await Promise.all(
-          domains_traces_traceFilters.ROOT_ENTITY_TYPE_OPTIONS.map(
-            (option) => client.getEntityNames({ entityType: option.entityType })
-          )
+          domains_traces_traceFilters.ROOT_ENTITY_TYPE_OPTIONS.map((option) => {
+            const resolvedEntityType = resolveEntityType(option.entityType);
+            if (!resolvedEntityType) return { names: [] };
+            return client.getEntityNames({ entityType: resolvedEntityType });
+          })
         );
         return {
           names: Array.from(new Set(responses.flatMap((response) => response?.names ?? []))).sort()

package/dist/domains/traces/hooks/use-entity-names.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-entity-names.cjs.js","sources":["../../../../src/domains/traces/hooks/use-entity-names.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { ROOT_ENTITY_TYPE_OPTIONS } from '@/domains/traces/trace-filters';\n\ntype UseEntityNamesOptions = {\n  entityType?: EntityType;\n  rootOnly?: boolean;\n};\n\nexport const useEntityNames = ({ entityType, rootOnly = false }: UseEntityNamesOptions = {}) => {\n  const client = useMastraClient();\n\n  // Mirror the queryFn branches so the cache key reflects what the server\n  // actually returns. rootOnly only matters when entityType is not set; when\n  // entityType is set, the query ignores rootOnly entirely.\n  const queryKey = entityType\n    ? ['observability-entity-names', 'by-type', entityType]\n    : ['observability-entity-names', 'all', rootOnly ? 'root-only' : 'all-types'];\n\n  return useQuery({\n    queryKey,\n    queryFn: async () => {\n      try {\n        if (entityType) {\n          return await client.getEntityNames({ entityType });\n        }\n\n        if (!rootOnly) {\n          return await client.getEntityNames();\n        }\n\n        const responses = await Promise.all(\n          ROOT_ENTITY_TYPE_OPTIONS.map(option =>\n            client.getEntityNames({ entityType: option.entityType as EntityType }),\n          ),\n        );\n\n        return {\n          names: Array.from(new Set(responses.flatMap(response => response?.names ?? []))).sort(),\n        };\n      } catch {\n        return { names: [] };\n      }\n    },\n    select: data => data?.names ?? [],\n    retry: false,\n  });\n};\n"],"names":["useMastraClient","useQuery","ROOT_ENTITY_TYPE_OPTIONS"],"mappings":";;;;;;;;AAUO,MAAM,cAAA,GAAiB,CAAC,EAAE,UAAA,EAAY,WAAW,KAAA,EAAM,GAA2B,EAAC,KAAM;AAC9F,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAK/B,EAAA,MAAM,QAAA,GAAW,UAAA,GACb,CAAC,4BAAA,EAA8B,SAAA,EAAW,UAAU,CAAA,GACpD,CAAC,4BAAA,EAA8B,KAAA,EAAO,QAAA,GAAW,WAAA,GAAc,WAAW,CAAA;AAE9E,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA;AAAA,IACA,SAAS,YAAY;AACnB,MAAA,IAAI;AACF,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,OAAO,MAAM,MAAA,CAAO,cAAA,CAAe,EAAE,YAAY,CAAA;AAAA,QACnD;AAEA,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,OAAO,MAAM,OAAO,cAAA,EAAe;AAAA,QACrC;AAEA,QAAA,MAAM,SAAA,GAAY,MAAM,OAAA,CAAQ,GAAA;AAAA,UAC9BC,oDAAA,CAAyB,GAAA;AAAA,YAAI,YAC3B,MAAA,CAAO,cAAA,CAAe,EAAE,UAAA,EAAY,MAAA,CAAO,YAA0B;AAAA;AACvE,SACF;AAEA,QAAA,OAAO;AAAA,UACL,KAAA,EAAO,KAAA,CAAM,IAAA,CAAK,IAAI,IAAI,SAAA,CAAU,OAAA,CAAQ,CAAA,QAAA,KAAY,QAAA,EAAU,SAAS,EAAE,CAAC,CAAC,EAAE,IAAA;AAAK,SACxF;AAAA,MACF,CAAA,CAAA,MAAQ;AACN,QAAA,OAAO,EAAE,KAAA,EAAO,EAAC,EAAE;AAAA,MACrB;AAAA,IACF,CAAA;AAAA,IACA,MAAA,EAAQ,CAAA,IAAA,KAAQ,IAAA,EAAM,KAAA,IAAS,EAAC;AAAA,IAChC,KAAA,EAAO;AAAA,GACR,CAAA;AACH;;;;"}
+{"version":3,"file":"use-entity-names.cjs.js","sources":["../../../../src/domains/traces/hooks/use-entity-names.ts"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { ROOT_ENTITY_TYPE_OPTIONS } from '@/domains/traces/trace-filters';\n\ntype EntityTypeValue = `${EntityType}`;\n\ntype UseEntityNamesOptions = {\n  entityType?: EntityTypeValue;\n  rootOnly?: boolean;\n};\n\nfunction resolveEntityType(entityType: EntityTypeValue) {\n  return Object.values(EntityType).find(candidate => candidate === entityType);\n}\n\nexport const useEntityNames = ({ entityType, rootOnly = false }: UseEntityNamesOptions = {}) => {\n  const client = useMastraClient();\n\n  // Mirror the queryFn branches so the cache key reflects what the server\n  // actually returns. rootOnly only matters when entityType is not set; when\n  // entityType is set, the query ignores rootOnly entirely.\n  const queryKey = entityType\n    ? ['observability-entity-names', 'by-type', entityType]\n    : ['observability-entity-names', 'all', rootOnly ? 'root-only' : 'all-types'];\n\n  return useQuery({\n    queryKey,\n    queryFn: async () => {\n      try {\n        if (entityType) {\n          const resolvedEntityType = resolveEntityType(entityType);\n          if (!resolvedEntityType) return { names: [] };\n          return await client.getEntityNames({ entityType: resolvedEntityType });\n        }\n\n        if (!rootOnly) {\n          return await client.getEntityNames();\n        }\n\n        const responses = await Promise.all(\n          ROOT_ENTITY_TYPE_OPTIONS.map(option => {\n            const resolvedEntityType = resolveEntityType(option.entityType);\n            if (!resolvedEntityType) return { names: [] };\n            return client.getEntityNames({ entityType: resolvedEntityType });\n          }),\n        );\n\n        return {\n          names: Array.from(new Set(responses.flatMap(response => response?.names ?? []))).sort(),\n        };\n      } catch {\n        return { names: [] };\n      }\n    },\n    select: data => data?.names ?? [],\n    retry: false,\n  });\n};\n"],"names":["EntityType","useMastraClient","useQuery","ROOT_ENTITY_TYPE_OPTIONS"],"mappings":";;;;;;;;;AAYA,SAAS,kBAAkB,UAAA,EAA6B;AACtD,EAAA,OAAO,OAAO,MAAA,CAAOA,wBAAU,EAAE,IAAA,CAAK,CAAA,SAAA,KAAa,cAAc,UAAU,CAAA;AAC7E;AAEO,MAAM,cAAA,GAAiB,CAAC,EAAE,UAAA,EAAY,WAAW,KAAA,EAAM,GAA2B,EAAC,KAAM;AAC9F,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAK/B,EAAA,MAAM,QAAA,GAAW,UAAA,GACb,CAAC,4BAAA,EAA8B,SAAA,EAAW,UAAU,CAAA,GACpD,CAAC,4BAAA,EAA8B,KAAA,EAAO,QAAA,GAAW,WAAA,GAAc,WAAW,CAAA;AAE9E,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA;AAAA,IACA,SAAS,YAAY;AACnB,MAAA,IAAI;AACF,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,MAAM,kBAAA,GAAqB,kBAAkB,UAAU,CAAA;AACvD,UAAA,IAAI,CAAC,kBAAA,EAAoB,OAAO,EAAE,KAAA,EAAO,EAAC,EAAE;AAC5C,UAAA,OAAO,MAAM,MAAA,CAAO,cAAA,CAAe,EAAE,UAAA,EAAY,oBAAoB,CAAA;AAAA,QACvE;AAEA,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,OAAO,MAAM,OAAO,cAAA,EAAe;AAAA,QACrC;AAEA,QAAA,MAAM,SAAA,GAAY,MAAM,OAAA,CAAQ,GAAA;AAAA,UAC9BC,oDAAA,CAAyB,IAAI,CAAA,MAAA,KAAU;AACrC,YAAA,MAAM,kBAAA,GAAqB,iBAAA,CAAkB,MAAA,CAAO,UAAU,CAAA;AAC9D,YAAA,IAAI,CAAC,kBAAA,EAAoB,OAAO,EAAE,KAAA,EAAO,EAAC,EAAE;AAC5C,YAAA,OAAO,MAAA,CAAO,cAAA,CAAe,EAAE,UAAA,EAAY,oBAAoB,CAAA;AAAA,UACjE,CAAC;AAAA,SACH;AAEA,QAAA,OAAO;AAAA,UACL,KAAA,EAAO,KAAA,CAAM,IAAA,CAAK,IAAI,IAAI,SAAA,CAAU,OAAA,CAAQ,CAAA,QAAA,KAAY,QAAA,EAAU,SAAS,EAAE,CAAC,CAAC,EAAE,IAAA;AAAK,SACxF;AAAA,MACF,CAAA,CAAA,MAAQ;AACN,QAAA,OAAO,EAAE,KAAA,EAAO,EAAC,EAAE;AAAA,MACrB;AAAA,IACF,CAAA;AAAA,IACA,MAAA,EAAQ,CAAA,IAAA,KAAQ,IAAA,EAAM,KAAA,IAAS,EAAC;AAAA,IAChC,KAAA,EAAO;AAAA,GACR,CAAA;AACH;;;;"}

package/dist/domains/traces/hooks/use-entity-names.es.js

@@ -1,7 +1,11 @@
+import { EntityType } from '@mastra/core/observability';
 import { useMastraClient } from '@mastra/react';
 import { useQuery } from '@tanstack/react-query';
 import { ROOT_ENTITY_TYPE_OPTIONS } from '../trace-filters.es.js';
 
+function resolveEntityType(entityType) {
+  return Object.values(EntityType).find((candidate) => candidate === entityType);
+}
 const useEntityNames = ({ entityType, rootOnly = false } = {}) => {
   const client = useMastraClient();
   const queryKey = entityType ? ["observability-entity-names", "by-type", entityType] : ["observability-entity-names", "all", rootOnly ? "root-only" : "all-types"];
@@ -10,15 +14,19 @@ const useEntityNames = ({ entityType, rootOnly = false } = {}) => {
     queryFn: async () => {
       try {
         if (entityType) {
-          return await client.getEntityNames({ entityType });
+          const resolvedEntityType = resolveEntityType(entityType);
+          if (!resolvedEntityType) return { names: [] };
+          return await client.getEntityNames({ entityType: resolvedEntityType });
         }
         if (!rootOnly) {
           return await client.getEntityNames();
         }
         const responses = await Promise.all(
-          ROOT_ENTITY_TYPE_OPTIONS.map(
-            (option) => client.getEntityNames({ entityType: option.entityType })
-          )
+          ROOT_ENTITY_TYPE_OPTIONS.map((option) => {
+            const resolvedEntityType = resolveEntityType(option.entityType);
+            if (!resolvedEntityType) return { names: [] };
+            return client.getEntityNames({ entityType: resolvedEntityType });
+          })
         );
         return {
           names: Array.from(new Set(responses.flatMap((response) => response?.names ?? []))).sort()

package/dist/domains/traces/hooks/use-entity-names.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-entity-names.es.js","sources":["../../../../src/domains/traces/hooks/use-entity-names.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { ROOT_ENTITY_TYPE_OPTIONS } from '@/domains/traces/trace-filters';\n\ntype UseEntityNamesOptions = {\n  entityType?: EntityType;\n  rootOnly?: boolean;\n};\n\nexport const useEntityNames = ({ entityType, rootOnly = false }: UseEntityNamesOptions = {}) => {\n  const client = useMastraClient();\n\n  // Mirror the queryFn branches so the cache key reflects what the server\n  // actually returns. rootOnly only matters when entityType is not set; when\n  // entityType is set, the query ignores rootOnly entirely.\n  const queryKey = entityType\n    ? ['observability-entity-names', 'by-type', entityType]\n    : ['observability-entity-names', 'all', rootOnly ? 'root-only' : 'all-types'];\n\n  return useQuery({\n    queryKey,\n    queryFn: async () => {\n      try {\n        if (entityType) {\n          return await client.getEntityNames({ entityType });\n        }\n\n        if (!rootOnly) {\n          return await client.getEntityNames();\n        }\n\n        const responses = await Promise.all(\n          ROOT_ENTITY_TYPE_OPTIONS.map(option =>\n            client.getEntityNames({ entityType: option.entityType as EntityType }),\n          ),\n        );\n\n        return {\n          names: Array.from(new Set(responses.flatMap(response => response?.names ?? []))).sort(),\n        };\n      } catch {\n        return { names: [] };\n      }\n    },\n    select: data => data?.names ?? [],\n    retry: false,\n  });\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,cAAA,GAAiB,CAAC,EAAE,UAAA,EAAY,WAAW,KAAA,EAAM,GAA2B,EAAC,KAAM;AAC9F,EAAA,MAAM,SAAS,eAAA,EAAgB;AAK/B,EAAA,MAAM,QAAA,GAAW,UAAA,GACb,CAAC,4BAAA,EAA8B,SAAA,EAAW,UAAU,CAAA,GACpD,CAAC,4BAAA,EAA8B,KAAA,EAAO,QAAA,GAAW,WAAA,GAAc,WAAW,CAAA;AAE9E,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA;AAAA,IACA,SAAS,YAAY;AACnB,MAAA,IAAI;AACF,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,OAAO,MAAM,MAAA,CAAO,cAAA,CAAe,EAAE,YAAY,CAAA;AAAA,QACnD;AAEA,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,OAAO,MAAM,OAAO,cAAA,EAAe;AAAA,QACrC;AAEA,QAAA,MAAM,SAAA,GAAY,MAAM,OAAA,CAAQ,GAAA;AAAA,UAC9B,wBAAA,CAAyB,GAAA;AAAA,YAAI,YAC3B,MAAA,CAAO,cAAA,CAAe,EAAE,UAAA,EAAY,MAAA,CAAO,YAA0B;AAAA;AACvE,SACF;AAEA,QAAA,OAAO;AAAA,UACL,KAAA,EAAO,KAAA,CAAM,IAAA,CAAK,IAAI,IAAI,SAAA,CAAU,OAAA,CAAQ,CAAA,QAAA,KAAY,QAAA,EAAU,SAAS,EAAE,CAAC,CAAC,EAAE,IAAA;AAAK,SACxF;AAAA,MACF,CAAA,CAAA,MAAQ;AACN,QAAA,OAAO,EAAE,KAAA,EAAO,EAAC,EAAE;AAAA,MACrB;AAAA,IACF,CAAA;AAAA,IACA,MAAA,EAAQ,CAAA,IAAA,KAAQ,IAAA,EAAM,KAAA,IAAS,EAAC;AAAA,IAChC,KAAA,EAAO;AAAA,GACR,CAAA;AACH;;;;"}
+{"version":3,"file":"use-entity-names.es.js","sources":["../../../../src/domains/traces/hooks/use-entity-names.ts"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { ROOT_ENTITY_TYPE_OPTIONS } from '@/domains/traces/trace-filters';\n\ntype EntityTypeValue = `${EntityType}`;\n\ntype UseEntityNamesOptions = {\n  entityType?: EntityTypeValue;\n  rootOnly?: boolean;\n};\n\nfunction resolveEntityType(entityType: EntityTypeValue) {\n  return Object.values(EntityType).find(candidate => candidate === entityType);\n}\n\nexport const useEntityNames = ({ entityType, rootOnly = false }: UseEntityNamesOptions = {}) => {\n  const client = useMastraClient();\n\n  // Mirror the queryFn branches so the cache key reflects what the server\n  // actually returns. rootOnly only matters when entityType is not set; when\n  // entityType is set, the query ignores rootOnly entirely.\n  const queryKey = entityType\n    ? ['observability-entity-names', 'by-type', entityType]\n    : ['observability-entity-names', 'all', rootOnly ? 'root-only' : 'all-types'];\n\n  return useQuery({\n    queryKey,\n    queryFn: async () => {\n      try {\n        if (entityType) {\n          const resolvedEntityType = resolveEntityType(entityType);\n          if (!resolvedEntityType) return { names: [] };\n          return await client.getEntityNames({ entityType: resolvedEntityType });\n        }\n\n        if (!rootOnly) {\n          return await client.getEntityNames();\n        }\n\n        const responses = await Promise.all(\n          ROOT_ENTITY_TYPE_OPTIONS.map(option => {\n            const resolvedEntityType = resolveEntityType(option.entityType);\n            if (!resolvedEntityType) return { names: [] };\n            return client.getEntityNames({ entityType: resolvedEntityType });\n          }),\n        );\n\n        return {\n          names: Array.from(new Set(responses.flatMap(response => response?.names ?? []))).sort(),\n        };\n      } catch {\n        return { names: [] };\n      }\n    },\n    select: data => data?.names ?? [],\n    retry: false,\n  });\n};\n"],"names":[],"mappings":";;;;;AAYA,SAAS,kBAAkB,UAAA,EAA6B;AACtD,EAAA,OAAO,OAAO,MAAA,CAAO,UAAU,EAAE,IAAA,CAAK,CAAA,SAAA,KAAa,cAAc,UAAU,CAAA;AAC7E;AAEO,MAAM,cAAA,GAAiB,CAAC,EAAE,UAAA,EAAY,WAAW,KAAA,EAAM,GAA2B,EAAC,KAAM;AAC9F,EAAA,MAAM,SAAS,eAAA,EAAgB;AAK/B,EAAA,MAAM,QAAA,GAAW,UAAA,GACb,CAAC,4BAAA,EAA8B,SAAA,EAAW,UAAU,CAAA,GACpD,CAAC,4BAAA,EAA8B,KAAA,EAAO,QAAA,GAAW,WAAA,GAAc,WAAW,CAAA;AAE9E,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA;AAAA,IACA,SAAS,YAAY;AACnB,MAAA,IAAI;AACF,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,MAAM,kBAAA,GAAqB,kBAAkB,UAAU,CAAA;AACvD,UAAA,IAAI,CAAC,kBAAA,EAAoB,OAAO,EAAE,KAAA,EAAO,EAAC,EAAE;AAC5C,UAAA,OAAO,MAAM,MAAA,CAAO,cAAA,CAAe,EAAE,UAAA,EAAY,oBAAoB,CAAA;AAAA,QACvE;AAEA,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,OAAO,MAAM,OAAO,cAAA,EAAe;AAAA,QACrC;AAEA,QAAA,MAAM,SAAA,GAAY,MAAM,OAAA,CAAQ,GAAA;AAAA,UAC9B,wBAAA,CAAyB,IAAI,CAAA,MAAA,KAAU;AACrC,YAAA,MAAM,kBAAA,GAAqB,iBAAA,CAAkB,MAAA,CAAO,UAAU,CAAA;AAC9D,YAAA,IAAI,CAAC,kBAAA,EAAoB,OAAO,EAAE,KAAA,EAAO,EAAC,EAAE;AAC5C,YAAA,OAAO,MAAA,CAAO,cAAA,CAAe,EAAE,UAAA,EAAY,oBAAoB,CAAA;AAAA,UACjE,CAAC;AAAA,SACH;AAEA,QAAA,OAAO;AAAA,UACL,KAAA,EAAO,KAAA,CAAM,IAAA,CAAK,IAAI,IAAI,SAAA,CAAU,OAAA,CAAQ,CAAA,QAAA,KAAY,QAAA,EAAU,SAAS,EAAE,CAAC,CAAC,EAAE,IAAA;AAAK,SACxF;AAAA,MACF,CAAA,CAAA,MAAQ;AACN,QAAA,OAAO,EAAE,KAAA,EAAO,EAAC,EAAE;AAAA,MACrB;AAAA,IACF,CAAA;AAAA,IACA,MAAA,EAAQ,CAAA,IAAA,KAAQ,IAAA,EAAM,KAAA,IAAS,EAAC;AAAA,IAChC,KAAA,EAAO;AAAA,GACR,CAAA;AACH;;;;"}

package/dist/{drawer-DZ9amYo_.js → drawer-C8jNXutE.js}

@@ -3,7 +3,7 @@ import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
 import { c as cva } from './index-CSm06eOE.js';
 import { XIcon } from 'lucide-react';
 import * as React from 'react';
-import { B as Button } from './Button-Bx2lFdqb.js';
+import { B as Button } from './Button-C-9Pzy-Z.js';
 import { c as cn } from './cn-BakJzhuv.js';
 
 import './drawer.css';const drawerBackdropVariants = cva("drawer-backdrop fixed inset-0 z-50", {
@@ -323,4 +323,4 @@ const DrawerDescription = React.forwardRef(
 DrawerDescription.displayName = "DrawerDescription";
 
 export { Drawer as D, DrawerBackdrop as a, DrawerBody as b, DrawerClose as c, DrawerContent as d, DrawerDescription as e, DrawerFooter as f, DrawerHeader as g, DrawerIndent as h, DrawerIndentBackground as i, DrawerInteractive as j, DrawerPopup as k, DrawerPortal as l, DrawerProvider as m, DrawerSwipeArea as n, DrawerTitle as o, DrawerTrigger as p, DrawerViewport as q, createDrawerHandle as r, useDrawerSide as u };
-//# sourceMappingURL=drawer-DZ9amYo_.js.map
+//# sourceMappingURL=drawer-C8jNXutE.js.map

package/dist/{drawer-DZ9amYo_.js.map → drawer-C8jNXutE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-DZ9amYo_.js","sources":["../src/ds/components/Drawer/drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\n// Swipe/stack transforms live in drawer.css — unreadable as Tailwind arbitrary values.\nimport './drawer.css';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\nconst drawerBackdropVariants = cva('drawer-backdrop fixed inset-0 z-50', {\n  variants: {\n    overlay: {\n      visible: 'bg-overlay backdrop-blur-xs',\n      transparent: 'bg-transparent',\n      none: 'hidden',\n    },\n  },\n  defaultVariants: {\n    overlay: 'visible',\n  },\n});\n\nconst drawerViewportVariants = cva('fixed z-50 flex', {\n  variants: {\n    side: {\n      top: 'items-start justify-center',\n      bottom: 'items-end justify-center',\n      left: 'items-stretch justify-start',\n      right: 'items-stretch justify-end',\n    },\n    layout: {\n      default: 'inset-0',\n      floating: 'p-3 sm:p-4',\n      floatingOverlay: 'inset-0 p-3 sm:p-4',\n    },\n  },\n  compoundVariants: [\n    {\n      side: 'right',\n      layout: 'floating',\n      className: 'inset-y-0 right-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'left',\n      layout: 'floating',\n      className: 'inset-y-0 left-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'bottom',\n      layout: 'floating',\n      className: 'inset-x-0 bottom-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n    {\n      side: 'top',\n      layout: 'floating',\n      className: 'inset-x-0 top-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n  ],\n  defaultVariants: {\n    side: 'bottom',\n    layout: 'default',\n  },\n});\n\n// `drawer-popup` hooks into drawer.css for swipe/stack transforms; `::after` dims under nested drawers.\nconst drawerPopupVariants = cva(\n  cn(\n    'drawer-popup group/popup relative z-50 box-border flex [touch-action:auto] flex-col overflow-y-auto overscroll-contain will-change-transform outline-none',\n    'border-border1 bg-surface3 text-neutral5 shadow-dialog',\n    'data-[swiping]:select-none',\n    \"after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']\",\n    'data-[nested-drawer-open]:after:bg-black/25',\n  ),\n  {\n    variants: {\n      side: {\n        bottom: '',\n        top: '',\n        left: '',\n        right: '',\n      },\n      variant: {\n        default: '',\n        floating: 'drawer-popup-floating pointer-events-auto rounded-lg border',\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'bottom',\n        variant: 'default',\n        className:\n          'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mb-12 pb-12 rounded-t-xl border-x border-t',\n      },\n      {\n        side: 'top',\n        variant: 'default',\n        className:\n          'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mt-12 pt-12 rounded-b-xl border-x border-b',\n      },\n      {\n        side: 'left',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-r-xl border-y border-r',\n      },\n      {\n        side: 'right',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-l-xl border-y border-l',\n      },\n      {\n        side: ['left', 'right'],\n        variant: 'floating',\n        className:\n          'h-[calc(100dvh-1.5rem)] w-[32rem] max-w-[calc(100vw-1.5rem)] sm:h-[calc(100dvh-2rem)] sm:max-w-[calc(100vw-2rem)]',\n      },\n      {\n        side: ['top', 'bottom'],\n        variant: 'floating',\n        className:\n          'max-h-[calc(85dvh-1.5rem)] w-[calc(100vw-1.5rem)] sm:max-h-[calc(85dvh-2rem)] sm:w-[calc(100vw-2rem)]',\n      },\n    ],\n    defaultVariants: {\n      side: 'bottom',\n      variant: 'default',\n    },\n  },\n);\n\ntype DrawerBackdropVariantsProps = VariantProps<typeof drawerBackdropVariants>;\ntype DrawerViewportClassVariantsProps = VariantProps<typeof drawerViewportVariants>;\ntype DrawerPopupVariantsProps = VariantProps<typeof drawerPopupVariants>;\nexport type DrawerVariant = NonNullable<DrawerPopupVariantsProps['variant']>;\ntype DrawerViewportLayout = NonNullable<DrawerViewportClassVariantsProps['layout']>;\ntype DrawerViewportVariantsProps = Pick<DrawerViewportClassVariantsProps, 'side'> & {\n  variant?: DrawerVariant;\n};\nexport type DrawerOverlay = 'auto' | NonNullable<DrawerBackdropVariantsProps['overlay']>;\n\n// `side` = anchor edge; Base UI's `swipeDirection` = dismissal gesture (bottom sheet swipes `down`).\nconst sideToSwipeDirection: Record<DrawerSide, 'up' | 'down' | 'left' | 'right'> = {\n  top: 'up',\n  bottom: 'down',\n  left: 'left',\n  right: 'right',\n};\n\ntype DrawerContextValue = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n  resolvedOverlay: NonNullable<DrawerBackdropVariantsProps['overlay']>;\n};\n\nconst resolveDrawerOverlay = (\n  overlay: DrawerOverlay,\n  variant: DrawerVariant,\n): NonNullable<DrawerBackdropVariantsProps['overlay']> => {\n  if (overlay !== 'auto') {\n    return overlay;\n  }\n\n  return variant === 'floating' ? 'none' : 'visible';\n};\n\nconst DrawerContext = React.createContext<DrawerContextValue>({\n  side: 'bottom',\n  variant: 'default',\n  resolvedOverlay: 'visible',\n});\n\nconst useDrawerContext = () => React.useContext(DrawerContext);\n\nexport const useDrawerSide = () => useDrawerContext().side;\n\nconst resolveDrawerViewportLayout = (\n  variant: DrawerVariant,\n  overlay: NonNullable<DrawerBackdropVariantsProps['overlay']>,\n): DrawerViewportLayout => {\n  if (variant !== 'floating') {\n    return 'default';\n  }\n\n  return overlay === 'none' ? 'floating' : 'floatingOverlay';\n};\n\nexport type DrawerProps<Payload = unknown> = Omit<DrawerPrimitive.Root.Props<Payload>, 'swipeDirection'> & {\n  /** Edge the drawer is anchored to. Defaults to `bottom`. */\n  side?: DrawerSide;\n  /** Visual treatment for the drawer panel. Defaults to `default`. */\n  variant?: DrawerVariant;\n  /** Backdrop behavior. `auto` renders a visible backdrop for default drawers and no backdrop for floating drawers. */\n  overlay?: DrawerOverlay;\n};\n\nfunction Drawer<Payload = unknown>({\n  side = 'bottom',\n  variant = 'default',\n  overlay = 'auto',\n  modal,\n  disablePointerDismissal,\n  children,\n  ...props\n}: DrawerProps<Payload>) {\n  const resolvedOverlay = resolveDrawerOverlay(overlay, variant);\n  const resolvedModal = modal ?? (resolvedOverlay === 'none' ? false : undefined);\n  const resolvedDisablePointerDismissal = disablePointerDismissal ?? (resolvedOverlay === 'none' ? true : undefined);\n  const contextValue = React.useMemo<DrawerContextValue>(\n    () => ({ side, variant, resolvedOverlay }),\n    [side, variant, resolvedOverlay],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        swipeDirection={sideToSwipeDirection[side]}\n        modal={resolvedModal}\n        disablePointerDismissal={resolvedDisablePointerDismissal}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerContext.Provider>\n  );\n}\nDrawer.displayName = 'Drawer';\n\n// Generic (not `forwardRef`) so `handle` / `payload` stay type-safe on detached triggers.\ntype DrawerTriggerProps<Payload = unknown> = DrawerPrimitive.Trigger.Props<Payload> & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nfunction DrawerTrigger<Payload = unknown>({ asChild, children, ...props }: DrawerTriggerProps<Payload>) {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Trigger {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Trigger>\n  );\n}\nDrawerTrigger.displayName = 'DrawerTrigger';\n\ntype DrawerCloseProps = DrawerPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DrawerClose = React.forwardRef<HTMLButtonElement, DrawerCloseProps>(({ asChild, children, ...props }, ref) => {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Close ref={ref} {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Close>\n  );\n});\nDrawerClose.displayName = 'DrawerClose';\n\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerProvider = DrawerPrimitive.Provider;\nconst DrawerIndent = DrawerPrimitive.Indent;\nconst DrawerIndentBackground = DrawerPrimitive.IndentBackground;\nconst DrawerSwipeArea = DrawerPrimitive.SwipeArea;\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n// Inner region where pointer drags select text / scroll instead of swiping the drawer closed.\nconst DrawerInteractive = DrawerPrimitive.Content;\n\ntype DrawerBackdropProps = Omit<DrawerPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n} & DrawerBackdropVariantsProps;\n\n// The `drawer-backdrop` class (drawer.css) fades the overlay with the swipe gesture.\nconst DrawerBackdrop = React.forwardRef<HTMLDivElement, DrawerBackdropProps>(\n  ({ className, overlay, ...props }, ref) => {\n    const { resolvedOverlay } = useDrawerContext();\n    const resolvedBackdropOverlay = overlay ?? resolvedOverlay;\n\n    return (\n      <DrawerPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"drawer-backdrop\"\n        data-overlay={resolvedBackdropOverlay}\n        className={cn(drawerBackdropVariants({ overlay: resolvedBackdropOverlay }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\ntype DrawerViewportProps = Omit<DrawerPrimitive.Viewport.Props, 'className'> & {\n  className?: string;\n} & DrawerViewportVariantsProps;\n\n// Keep the viewport pointer-interactive: Base UI wires native drag-to-dismiss to it.\n// Floating drawers without an overlay constrain the viewport so the page behind stays interactive.\n// Floating drawers with an overlay keep a full-screen viewport so overlay-start drags stay native.\nconst DrawerViewport = React.forwardRef<HTMLDivElement, DrawerViewportProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n    const layout = resolveDrawerViewportLayout(resolvedVariant, context.resolvedOverlay);\n\n    return (\n      <DrawerPrimitive.Viewport\n        ref={ref}\n        data-slot=\"drawer-viewport\"\n        data-variant={resolvedVariant}\n        className={cn(drawerViewportVariants({ side: resolvedSide, layout }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerViewport.displayName = 'DrawerViewport';\n\ntype DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n} & DrawerPopupVariantsProps;\n\nconst DrawerPopup = React.forwardRef<HTMLDivElement, DrawerPopupProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n\n    return (\n      <DrawerPrimitive.Popup\n        ref={ref}\n        data-slot=\"drawer-popup\"\n        data-variant={resolvedVariant}\n        className={cn(drawerPopupVariants({ side: resolvedSide, variant: resolvedVariant }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerPopup.displayName = 'DrawerPopup';\n\n// Inner-content fade while a nested drawer covers the parent. Off the popup itself so border/shadow stay crisp.\nconst nestedFadeClass = cn(\n  'transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0',\n  'group-data-[nested-drawer-open]/popup:opacity-0',\n);\n\nconst DrawerHandleBar = () => (\n  <div\n    aria-hidden\n    data-slot=\"drawer-handle\"\n    className={cn('mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-surface5', nestedFadeClass)}\n  />\n);\nDrawerHandleBar.displayName = 'DrawerHandleBar';\n\ntype DrawerFloatingSideHandleProps = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n};\n\nconst DrawerFloatingSideHandle = ({ side, variant }: DrawerFloatingSideHandleProps) => {\n  if (variant !== 'floating' || (side !== 'left' && side !== 'right')) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden\n      data-slot=\"drawer-side-handle\"\n      className={cn(\n        'absolute top-1/2 z-10 flex h-20 w-5 -translate-y-1/2 cursor-ew-resize touch-none items-center justify-center select-none lg:hidden',\n        side === 'right' ? '-left-2' : '-right-2',\n      )}\n    >\n      <div className=\"bg-surface5/80 h-10 w-1 rounded-full shadow-sm\" />\n    </div>\n  );\n};\nDrawerFloatingSideHandle.displayName = 'DrawerFloatingSideHandle';\n\ntype DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {\n  className?: string;\n  children?: React.ReactNode;\n  /** Shows the built-in top-right close button. Defaults to `true`. */\n  showCloseButton?: boolean;\n} & Pick<DrawerPopupVariantsProps, 'variant'>;\n\n// Opinionated bundle: Portal + Backdrop + Viewport + Popup, with handle on top/bottom sheets.\n// Drop to the primitives for non-modal pages, custom portal targets, or chrome outside the popup.\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ className, children, variant, showCloseButton = true, ...props }, ref) => {\n    const { side, variant: contextVariant, resolvedOverlay } = useDrawerContext();\n    const resolvedVariant = variant ?? contextVariant;\n    const showHandle = side === 'top' || side === 'bottom';\n\n    return (\n      <DrawerPortal>\n        {resolvedOverlay !== 'none' && <DrawerBackdrop />}\n        <DrawerViewport variant={resolvedVariant}>\n          <DrawerPopup ref={ref} variant={resolvedVariant} className={className} {...props}>\n            {showHandle && side === 'bottom' && <DrawerHandleBar />}\n            <DrawerFloatingSideHandle side={side} variant={resolvedVariant} />\n            <div data-slot=\"drawer-content\" className={cn('relative flex min-h-0 flex-1 flex-col', nestedFadeClass)}>\n              {showCloseButton && <DrawerDefaultCloseButton />}\n              {children}\n            </div>\n            {showHandle && side === 'top' && <DrawerHandleBar />}\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    );\n  },\n);\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerDefaultCloseButton = () => (\n  <DrawerClose asChild>\n    <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" className=\"absolute top-3 right-3 z-10\" aria-label=\"Close\">\n      <XIcon />\n    </Button>\n  </DrawerClose>\n);\nDrawerDefaultCloseButton.displayName = 'DrawerDefaultCloseButton';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-header\"\n    className={cn('flex flex-col gap-0.5 px-4 py-3 pr-12 text-left', className)}\n    {...props}\n  />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn('mt-auto flex flex-col-reverse gap-1.5 px-4 py-3 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-body\" className={cn('flex-1 px-4 py-3', className)} {...props} />\n);\nDrawerBody.displayName = 'DrawerBody';\n\ntype DrawerTitleProps = Omit<DrawerPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerTitle = React.forwardRef<HTMLHeadingElement, DrawerTitleProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title ref={ref} className={cn('text-ui-md font-medium text-neutral6', className)} {...props} />\n));\nDrawerTitle.displayName = 'DrawerTitle';\n\ntype DrawerDescriptionProps = Omit<DrawerPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerDescription = React.forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DrawerPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nDrawerDescription.displayName = 'DrawerDescription';\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerPortal,\n  DrawerBackdrop,\n  DrawerViewport,\n  DrawerPopup,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerProvider,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerSwipeArea,\n  DrawerInteractive,\n  createDrawerHandle,\n};\n\nexport type {\n  DrawerTriggerProps,\n  DrawerCloseProps,\n  DrawerBackdropProps,\n  DrawerViewportProps,\n  DrawerPopupProps,\n  DrawerContentProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n};\n"],"names":["DrawerPrimitive"],"mappings":"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"}
+{"version":3,"file":"drawer-C8jNXutE.js","sources":["../src/ds/components/Drawer/drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\n// Swipe/stack transforms live in drawer.css — unreadable as Tailwind arbitrary values.\nimport './drawer.css';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\nconst drawerBackdropVariants = cva('drawer-backdrop fixed inset-0 z-50', {\n  variants: {\n    overlay: {\n      visible: 'bg-overlay backdrop-blur-xs',\n      transparent: 'bg-transparent',\n      none: 'hidden',\n    },\n  },\n  defaultVariants: {\n    overlay: 'visible',\n  },\n});\n\nconst drawerViewportVariants = cva('fixed z-50 flex', {\n  variants: {\n    side: {\n      top: 'items-start justify-center',\n      bottom: 'items-end justify-center',\n      left: 'items-stretch justify-start',\n      right: 'items-stretch justify-end',\n    },\n    layout: {\n      default: 'inset-0',\n      floating: 'p-3 sm:p-4',\n      floatingOverlay: 'inset-0 p-3 sm:p-4',\n    },\n  },\n  compoundVariants: [\n    {\n      side: 'right',\n      layout: 'floating',\n      className: 'inset-y-0 right-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'left',\n      layout: 'floating',\n      className: 'inset-y-0 left-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'bottom',\n      layout: 'floating',\n      className: 'inset-x-0 bottom-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n    {\n      side: 'top',\n      layout: 'floating',\n      className: 'inset-x-0 top-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n  ],\n  defaultVariants: {\n    side: 'bottom',\n    layout: 'default',\n  },\n});\n\n// `drawer-popup` hooks into drawer.css for swipe/stack transforms; `::after` dims under nested drawers.\nconst drawerPopupVariants = cva(\n  cn(\n    'drawer-popup group/popup relative z-50 box-border flex [touch-action:auto] flex-col overflow-y-auto overscroll-contain will-change-transform outline-none',\n    'border-border1 bg-surface3 text-neutral5 shadow-dialog',\n    'data-[swiping]:select-none',\n    \"after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']\",\n    'data-[nested-drawer-open]:after:bg-black/25',\n  ),\n  {\n    variants: {\n      side: {\n        bottom: '',\n        top: '',\n        left: '',\n        right: '',\n      },\n      variant: {\n        default: '',\n        floating: 'drawer-popup-floating pointer-events-auto rounded-lg border',\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'bottom',\n        variant: 'default',\n        className:\n          'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mb-12 pb-12 rounded-t-xl border-x border-t',\n      },\n      {\n        side: 'top',\n        variant: 'default',\n        className:\n          'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mt-12 pt-12 rounded-b-xl border-x border-b',\n      },\n      {\n        side: 'left',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-r-xl border-y border-r',\n      },\n      {\n        side: 'right',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-l-xl border-y border-l',\n      },\n      {\n        side: ['left', 'right'],\n        variant: 'floating',\n        className:\n          'h-[calc(100dvh-1.5rem)] w-[32rem] max-w-[calc(100vw-1.5rem)] sm:h-[calc(100dvh-2rem)] sm:max-w-[calc(100vw-2rem)]',\n      },\n      {\n        side: ['top', 'bottom'],\n        variant: 'floating',\n        className:\n          'max-h-[calc(85dvh-1.5rem)] w-[calc(100vw-1.5rem)] sm:max-h-[calc(85dvh-2rem)] sm:w-[calc(100vw-2rem)]',\n      },\n    ],\n    defaultVariants: {\n      side: 'bottom',\n      variant: 'default',\n    },\n  },\n);\n\ntype DrawerBackdropVariantsProps = VariantProps<typeof drawerBackdropVariants>;\ntype DrawerViewportClassVariantsProps = VariantProps<typeof drawerViewportVariants>;\ntype DrawerPopupVariantsProps = VariantProps<typeof drawerPopupVariants>;\nexport type DrawerVariant = NonNullable<DrawerPopupVariantsProps['variant']>;\ntype DrawerViewportLayout = NonNullable<DrawerViewportClassVariantsProps['layout']>;\ntype DrawerViewportVariantsProps = Pick<DrawerViewportClassVariantsProps, 'side'> & {\n  variant?: DrawerVariant;\n};\nexport type DrawerOverlay = 'auto' | NonNullable<DrawerBackdropVariantsProps['overlay']>;\n\n// `side` = anchor edge; Base UI's `swipeDirection` = dismissal gesture (bottom sheet swipes `down`).\nconst sideToSwipeDirection: Record<DrawerSide, 'up' | 'down' | 'left' | 'right'> = {\n  top: 'up',\n  bottom: 'down',\n  left: 'left',\n  right: 'right',\n};\n\ntype DrawerContextValue = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n  resolvedOverlay: NonNullable<DrawerBackdropVariantsProps['overlay']>;\n};\n\nconst resolveDrawerOverlay = (\n  overlay: DrawerOverlay,\n  variant: DrawerVariant,\n): NonNullable<DrawerBackdropVariantsProps['overlay']> => {\n  if (overlay !== 'auto') {\n    return overlay;\n  }\n\n  return variant === 'floating' ? 'none' : 'visible';\n};\n\nconst DrawerContext = React.createContext<DrawerContextValue>({\n  side: 'bottom',\n  variant: 'default',\n  resolvedOverlay: 'visible',\n});\n\nconst useDrawerContext = () => React.useContext(DrawerContext);\n\nexport const useDrawerSide = () => useDrawerContext().side;\n\nconst resolveDrawerViewportLayout = (\n  variant: DrawerVariant,\n  overlay: NonNullable<DrawerBackdropVariantsProps['overlay']>,\n): DrawerViewportLayout => {\n  if (variant !== 'floating') {\n    return 'default';\n  }\n\n  return overlay === 'none' ? 'floating' : 'floatingOverlay';\n};\n\nexport type DrawerProps<Payload = unknown> = Omit<DrawerPrimitive.Root.Props<Payload>, 'swipeDirection'> & {\n  /** Edge the drawer is anchored to. Defaults to `bottom`. */\n  side?: DrawerSide;\n  /** Visual treatment for the drawer panel. Defaults to `default`. */\n  variant?: DrawerVariant;\n  /** Backdrop behavior. `auto` renders a visible backdrop for default drawers and no backdrop for floating drawers. */\n  overlay?: DrawerOverlay;\n};\n\nfunction Drawer<Payload = unknown>({\n  side = 'bottom',\n  variant = 'default',\n  overlay = 'auto',\n  modal,\n  disablePointerDismissal,\n  children,\n  ...props\n}: DrawerProps<Payload>) {\n  const resolvedOverlay = resolveDrawerOverlay(overlay, variant);\n  const resolvedModal = modal ?? (resolvedOverlay === 'none' ? false : undefined);\n  const resolvedDisablePointerDismissal = disablePointerDismissal ?? (resolvedOverlay === 'none' ? true : undefined);\n  const contextValue = React.useMemo<DrawerContextValue>(\n    () => ({ side, variant, resolvedOverlay }),\n    [side, variant, resolvedOverlay],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        swipeDirection={sideToSwipeDirection[side]}\n        modal={resolvedModal}\n        disablePointerDismissal={resolvedDisablePointerDismissal}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerContext.Provider>\n  );\n}\nDrawer.displayName = 'Drawer';\n\n// Generic (not `forwardRef`) so `handle` / `payload` stay type-safe on detached triggers.\ntype DrawerTriggerProps<Payload = unknown> = DrawerPrimitive.Trigger.Props<Payload> & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nfunction DrawerTrigger<Payload = unknown>({ asChild, children, ...props }: DrawerTriggerProps<Payload>) {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Trigger {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Trigger>\n  );\n}\nDrawerTrigger.displayName = 'DrawerTrigger';\n\ntype DrawerCloseProps = DrawerPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DrawerClose = React.forwardRef<HTMLButtonElement, DrawerCloseProps>(({ asChild, children, ...props }, ref) => {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Close ref={ref} {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Close>\n  );\n});\nDrawerClose.displayName = 'DrawerClose';\n\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerProvider = DrawerPrimitive.Provider;\nconst DrawerIndent = DrawerPrimitive.Indent;\nconst DrawerIndentBackground = DrawerPrimitive.IndentBackground;\nconst DrawerSwipeArea = DrawerPrimitive.SwipeArea;\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n// Inner region where pointer drags select text / scroll instead of swiping the drawer closed.\nconst DrawerInteractive = DrawerPrimitive.Content;\n\ntype DrawerBackdropProps = Omit<DrawerPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n} & DrawerBackdropVariantsProps;\n\n// The `drawer-backdrop` class (drawer.css) fades the overlay with the swipe gesture.\nconst DrawerBackdrop = React.forwardRef<HTMLDivElement, DrawerBackdropProps>(\n  ({ className, overlay, ...props }, ref) => {\n    const { resolvedOverlay } = useDrawerContext();\n    const resolvedBackdropOverlay = overlay ?? resolvedOverlay;\n\n    return (\n      <DrawerPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"drawer-backdrop\"\n        data-overlay={resolvedBackdropOverlay}\n        className={cn(drawerBackdropVariants({ overlay: resolvedBackdropOverlay }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\ntype DrawerViewportProps = Omit<DrawerPrimitive.Viewport.Props, 'className'> & {\n  className?: string;\n} & DrawerViewportVariantsProps;\n\n// Keep the viewport pointer-interactive: Base UI wires native drag-to-dismiss to it.\n// Floating drawers without an overlay constrain the viewport so the page behind stays interactive.\n// Floating drawers with an overlay keep a full-screen viewport so overlay-start drags stay native.\nconst DrawerViewport = React.forwardRef<HTMLDivElement, DrawerViewportProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n    const layout = resolveDrawerViewportLayout(resolvedVariant, context.resolvedOverlay);\n\n    return (\n      <DrawerPrimitive.Viewport\n        ref={ref}\n        data-slot=\"drawer-viewport\"\n        data-variant={resolvedVariant}\n        className={cn(drawerViewportVariants({ side: resolvedSide, layout }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerViewport.displayName = 'DrawerViewport';\n\ntype DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n} & DrawerPopupVariantsProps;\n\nconst DrawerPopup = React.forwardRef<HTMLDivElement, DrawerPopupProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n\n    return (\n      <DrawerPrimitive.Popup\n        ref={ref}\n        data-slot=\"drawer-popup\"\n        data-variant={resolvedVariant}\n        className={cn(drawerPopupVariants({ side: resolvedSide, variant: resolvedVariant }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerPopup.displayName = 'DrawerPopup';\n\n// Inner-content fade while a nested drawer covers the parent. Off the popup itself so border/shadow stay crisp.\nconst nestedFadeClass = cn(\n  'transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0',\n  'group-data-[nested-drawer-open]/popup:opacity-0',\n);\n\nconst DrawerHandleBar = () => (\n  <div\n    aria-hidden\n    data-slot=\"drawer-handle\"\n    className={cn('mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-surface5', nestedFadeClass)}\n  />\n);\nDrawerHandleBar.displayName = 'DrawerHandleBar';\n\ntype DrawerFloatingSideHandleProps = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n};\n\nconst DrawerFloatingSideHandle = ({ side, variant }: DrawerFloatingSideHandleProps) => {\n  if (variant !== 'floating' || (side !== 'left' && side !== 'right')) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden\n      data-slot=\"drawer-side-handle\"\n      className={cn(\n        'absolute top-1/2 z-10 flex h-20 w-5 -translate-y-1/2 cursor-ew-resize touch-none items-center justify-center select-none lg:hidden',\n        side === 'right' ? '-left-2' : '-right-2',\n      )}\n    >\n      <div className=\"bg-surface5/80 h-10 w-1 rounded-full shadow-sm\" />\n    </div>\n  );\n};\nDrawerFloatingSideHandle.displayName = 'DrawerFloatingSideHandle';\n\ntype DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {\n  className?: string;\n  children?: React.ReactNode;\n  /** Shows the built-in top-right close button. Defaults to `true`. */\n  showCloseButton?: boolean;\n} & Pick<DrawerPopupVariantsProps, 'variant'>;\n\n// Opinionated bundle: Portal + Backdrop + Viewport + Popup, with handle on top/bottom sheets.\n// Drop to the primitives for non-modal pages, custom portal targets, or chrome outside the popup.\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ className, children, variant, showCloseButton = true, ...props }, ref) => {\n    const { side, variant: contextVariant, resolvedOverlay } = useDrawerContext();\n    const resolvedVariant = variant ?? contextVariant;\n    const showHandle = side === 'top' || side === 'bottom';\n\n    return (\n      <DrawerPortal>\n        {resolvedOverlay !== 'none' && <DrawerBackdrop />}\n        <DrawerViewport variant={resolvedVariant}>\n          <DrawerPopup ref={ref} variant={resolvedVariant} className={className} {...props}>\n            {showHandle && side === 'bottom' && <DrawerHandleBar />}\n            <DrawerFloatingSideHandle side={side} variant={resolvedVariant} />\n            <div data-slot=\"drawer-content\" className={cn('relative flex min-h-0 flex-1 flex-col', nestedFadeClass)}>\n              {showCloseButton && <DrawerDefaultCloseButton />}\n              {children}\n            </div>\n            {showHandle && side === 'top' && <DrawerHandleBar />}\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    );\n  },\n);\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerDefaultCloseButton = () => (\n  <DrawerClose asChild>\n    <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" className=\"absolute top-3 right-3 z-10\" aria-label=\"Close\">\n      <XIcon />\n    </Button>\n  </DrawerClose>\n);\nDrawerDefaultCloseButton.displayName = 'DrawerDefaultCloseButton';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-header\"\n    className={cn('flex flex-col gap-0.5 px-4 py-3 pr-12 text-left', className)}\n    {...props}\n  />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn('mt-auto flex flex-col-reverse gap-1.5 px-4 py-3 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-body\" className={cn('flex-1 px-4 py-3', className)} {...props} />\n);\nDrawerBody.displayName = 'DrawerBody';\n\ntype DrawerTitleProps = Omit<DrawerPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerTitle = React.forwardRef<HTMLHeadingElement, DrawerTitleProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title ref={ref} className={cn('text-ui-md font-medium text-neutral6', className)} {...props} />\n));\nDrawerTitle.displayName = 'DrawerTitle';\n\ntype DrawerDescriptionProps = Omit<DrawerPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerDescription = React.forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DrawerPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nDrawerDescription.displayName = 'DrawerDescription';\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerPortal,\n  DrawerBackdrop,\n  DrawerViewport,\n  DrawerPopup,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerProvider,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerSwipeArea,\n  DrawerInteractive,\n  createDrawerHandle,\n};\n\nexport type {\n  DrawerTriggerProps,\n  DrawerCloseProps,\n  DrawerBackdropProps,\n  DrawerViewportProps,\n  DrawerPopupProps,\n  DrawerContentProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n};\n"],"names":["DrawerPrimitive"],"mappings":"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"}

package/dist/{drawer-CdsTitFp.cjs → drawer-CNnvBMfD.cjs}

@@ -5,7 +5,7 @@ const drawer = require('@base-ui/react/drawer');
 const index = require('./index-C-Lt4Bx_.cjs');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('./Button-Bm94fEF2.cjs');
+const Button = require('./Button-B4Ixj2aW.cjs');
 const utils_cn = require('./cn-vA5sWo9W.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -363,4 +363,4 @@ exports.DrawerTrigger = DrawerTrigger;
 exports.DrawerViewport = DrawerViewport;
 exports.createDrawerHandle = createDrawerHandle;
 exports.useDrawerSide = useDrawerSide;
-//# sourceMappingURL=drawer-CdsTitFp.cjs.map
+//# sourceMappingURL=drawer-CNnvBMfD.cjs.map

package/dist/{drawer-CdsTitFp.cjs.map → drawer-CNnvBMfD.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-CdsTitFp.cjs","sources":["../src/ds/components/Drawer/drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\n// Swipe/stack transforms live in drawer.css — unreadable as Tailwind arbitrary values.\nimport './drawer.css';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\nconst drawerBackdropVariants = cva('drawer-backdrop fixed inset-0 z-50', {\n  variants: {\n    overlay: {\n      visible: 'bg-overlay backdrop-blur-xs',\n      transparent: 'bg-transparent',\n      none: 'hidden',\n    },\n  },\n  defaultVariants: {\n    overlay: 'visible',\n  },\n});\n\nconst drawerViewportVariants = cva('fixed z-50 flex', {\n  variants: {\n    side: {\n      top: 'items-start justify-center',\n      bottom: 'items-end justify-center',\n      left: 'items-stretch justify-start',\n      right: 'items-stretch justify-end',\n    },\n    layout: {\n      default: 'inset-0',\n      floating: 'p-3 sm:p-4',\n      floatingOverlay: 'inset-0 p-3 sm:p-4',\n    },\n  },\n  compoundVariants: [\n    {\n      side: 'right',\n      layout: 'floating',\n      className: 'inset-y-0 right-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'left',\n      layout: 'floating',\n      className: 'inset-y-0 left-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'bottom',\n      layout: 'floating',\n      className: 'inset-x-0 bottom-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n    {\n      side: 'top',\n      layout: 'floating',\n      className: 'inset-x-0 top-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n  ],\n  defaultVariants: {\n    side: 'bottom',\n    layout: 'default',\n  },\n});\n\n// `drawer-popup` hooks into drawer.css for swipe/stack transforms; `::after` dims under nested drawers.\nconst drawerPopupVariants = cva(\n  cn(\n    'drawer-popup group/popup relative z-50 box-border flex [touch-action:auto] flex-col overflow-y-auto overscroll-contain will-change-transform outline-none',\n    'border-border1 bg-surface3 text-neutral5 shadow-dialog',\n    'data-[swiping]:select-none',\n    \"after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']\",\n    'data-[nested-drawer-open]:after:bg-black/25',\n  ),\n  {\n    variants: {\n      side: {\n        bottom: '',\n        top: '',\n        left: '',\n        right: '',\n      },\n      variant: {\n        default: '',\n        floating: 'drawer-popup-floating pointer-events-auto rounded-lg border',\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'bottom',\n        variant: 'default',\n        className:\n          'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mb-12 pb-12 rounded-t-xl border-x border-t',\n      },\n      {\n        side: 'top',\n        variant: 'default',\n        className:\n          'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mt-12 pt-12 rounded-b-xl border-x border-b',\n      },\n      {\n        side: 'left',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-r-xl border-y border-r',\n      },\n      {\n        side: 'right',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-l-xl border-y border-l',\n      },\n      {\n        side: ['left', 'right'],\n        variant: 'floating',\n        className:\n          'h-[calc(100dvh-1.5rem)] w-[32rem] max-w-[calc(100vw-1.5rem)] sm:h-[calc(100dvh-2rem)] sm:max-w-[calc(100vw-2rem)]',\n      },\n      {\n        side: ['top', 'bottom'],\n        variant: 'floating',\n        className:\n          'max-h-[calc(85dvh-1.5rem)] w-[calc(100vw-1.5rem)] sm:max-h-[calc(85dvh-2rem)] sm:w-[calc(100vw-2rem)]',\n      },\n    ],\n    defaultVariants: {\n      side: 'bottom',\n      variant: 'default',\n    },\n  },\n);\n\ntype DrawerBackdropVariantsProps = VariantProps<typeof drawerBackdropVariants>;\ntype DrawerViewportClassVariantsProps = VariantProps<typeof drawerViewportVariants>;\ntype DrawerPopupVariantsProps = VariantProps<typeof drawerPopupVariants>;\nexport type DrawerVariant = NonNullable<DrawerPopupVariantsProps['variant']>;\ntype DrawerViewportLayout = NonNullable<DrawerViewportClassVariantsProps['layout']>;\ntype DrawerViewportVariantsProps = Pick<DrawerViewportClassVariantsProps, 'side'> & {\n  variant?: DrawerVariant;\n};\nexport type DrawerOverlay = 'auto' | NonNullable<DrawerBackdropVariantsProps['overlay']>;\n\n// `side` = anchor edge; Base UI's `swipeDirection` = dismissal gesture (bottom sheet swipes `down`).\nconst sideToSwipeDirection: Record<DrawerSide, 'up' | 'down' | 'left' | 'right'> = {\n  top: 'up',\n  bottom: 'down',\n  left: 'left',\n  right: 'right',\n};\n\ntype DrawerContextValue = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n  resolvedOverlay: NonNullable<DrawerBackdropVariantsProps['overlay']>;\n};\n\nconst resolveDrawerOverlay = (\n  overlay: DrawerOverlay,\n  variant: DrawerVariant,\n): NonNullable<DrawerBackdropVariantsProps['overlay']> => {\n  if (overlay !== 'auto') {\n    return overlay;\n  }\n\n  return variant === 'floating' ? 'none' : 'visible';\n};\n\nconst DrawerContext = React.createContext<DrawerContextValue>({\n  side: 'bottom',\n  variant: 'default',\n  resolvedOverlay: 'visible',\n});\n\nconst useDrawerContext = () => React.useContext(DrawerContext);\n\nexport const useDrawerSide = () => useDrawerContext().side;\n\nconst resolveDrawerViewportLayout = (\n  variant: DrawerVariant,\n  overlay: NonNullable<DrawerBackdropVariantsProps['overlay']>,\n): DrawerViewportLayout => {\n  if (variant !== 'floating') {\n    return 'default';\n  }\n\n  return overlay === 'none' ? 'floating' : 'floatingOverlay';\n};\n\nexport type DrawerProps<Payload = unknown> = Omit<DrawerPrimitive.Root.Props<Payload>, 'swipeDirection'> & {\n  /** Edge the drawer is anchored to. Defaults to `bottom`. */\n  side?: DrawerSide;\n  /** Visual treatment for the drawer panel. Defaults to `default`. */\n  variant?: DrawerVariant;\n  /** Backdrop behavior. `auto` renders a visible backdrop for default drawers and no backdrop for floating drawers. */\n  overlay?: DrawerOverlay;\n};\n\nfunction Drawer<Payload = unknown>({\n  side = 'bottom',\n  variant = 'default',\n  overlay = 'auto',\n  modal,\n  disablePointerDismissal,\n  children,\n  ...props\n}: DrawerProps<Payload>) {\n  const resolvedOverlay = resolveDrawerOverlay(overlay, variant);\n  const resolvedModal = modal ?? (resolvedOverlay === 'none' ? false : undefined);\n  const resolvedDisablePointerDismissal = disablePointerDismissal ?? (resolvedOverlay === 'none' ? true : undefined);\n  const contextValue = React.useMemo<DrawerContextValue>(\n    () => ({ side, variant, resolvedOverlay }),\n    [side, variant, resolvedOverlay],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        swipeDirection={sideToSwipeDirection[side]}\n        modal={resolvedModal}\n        disablePointerDismissal={resolvedDisablePointerDismissal}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerContext.Provider>\n  );\n}\nDrawer.displayName = 'Drawer';\n\n// Generic (not `forwardRef`) so `handle` / `payload` stay type-safe on detached triggers.\ntype DrawerTriggerProps<Payload = unknown> = DrawerPrimitive.Trigger.Props<Payload> & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nfunction DrawerTrigger<Payload = unknown>({ asChild, children, ...props }: DrawerTriggerProps<Payload>) {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Trigger {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Trigger>\n  );\n}\nDrawerTrigger.displayName = 'DrawerTrigger';\n\ntype DrawerCloseProps = DrawerPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DrawerClose = React.forwardRef<HTMLButtonElement, DrawerCloseProps>(({ asChild, children, ...props }, ref) => {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Close ref={ref} {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Close>\n  );\n});\nDrawerClose.displayName = 'DrawerClose';\n\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerProvider = DrawerPrimitive.Provider;\nconst DrawerIndent = DrawerPrimitive.Indent;\nconst DrawerIndentBackground = DrawerPrimitive.IndentBackground;\nconst DrawerSwipeArea = DrawerPrimitive.SwipeArea;\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n// Inner region where pointer drags select text / scroll instead of swiping the drawer closed.\nconst DrawerInteractive = DrawerPrimitive.Content;\n\ntype DrawerBackdropProps = Omit<DrawerPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n} & DrawerBackdropVariantsProps;\n\n// The `drawer-backdrop` class (drawer.css) fades the overlay with the swipe gesture.\nconst DrawerBackdrop = React.forwardRef<HTMLDivElement, DrawerBackdropProps>(\n  ({ className, overlay, ...props }, ref) => {\n    const { resolvedOverlay } = useDrawerContext();\n    const resolvedBackdropOverlay = overlay ?? resolvedOverlay;\n\n    return (\n      <DrawerPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"drawer-backdrop\"\n        data-overlay={resolvedBackdropOverlay}\n        className={cn(drawerBackdropVariants({ overlay: resolvedBackdropOverlay }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\ntype DrawerViewportProps = Omit<DrawerPrimitive.Viewport.Props, 'className'> & {\n  className?: string;\n} & DrawerViewportVariantsProps;\n\n// Keep the viewport pointer-interactive: Base UI wires native drag-to-dismiss to it.\n// Floating drawers without an overlay constrain the viewport so the page behind stays interactive.\n// Floating drawers with an overlay keep a full-screen viewport so overlay-start drags stay native.\nconst DrawerViewport = React.forwardRef<HTMLDivElement, DrawerViewportProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n    const layout = resolveDrawerViewportLayout(resolvedVariant, context.resolvedOverlay);\n\n    return (\n      <DrawerPrimitive.Viewport\n        ref={ref}\n        data-slot=\"drawer-viewport\"\n        data-variant={resolvedVariant}\n        className={cn(drawerViewportVariants({ side: resolvedSide, layout }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerViewport.displayName = 'DrawerViewport';\n\ntype DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n} & DrawerPopupVariantsProps;\n\nconst DrawerPopup = React.forwardRef<HTMLDivElement, DrawerPopupProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n\n    return (\n      <DrawerPrimitive.Popup\n        ref={ref}\n        data-slot=\"drawer-popup\"\n        data-variant={resolvedVariant}\n        className={cn(drawerPopupVariants({ side: resolvedSide, variant: resolvedVariant }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerPopup.displayName = 'DrawerPopup';\n\n// Inner-content fade while a nested drawer covers the parent. Off the popup itself so border/shadow stay crisp.\nconst nestedFadeClass = cn(\n  'transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0',\n  'group-data-[nested-drawer-open]/popup:opacity-0',\n);\n\nconst DrawerHandleBar = () => (\n  <div\n    aria-hidden\n    data-slot=\"drawer-handle\"\n    className={cn('mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-surface5', nestedFadeClass)}\n  />\n);\nDrawerHandleBar.displayName = 'DrawerHandleBar';\n\ntype DrawerFloatingSideHandleProps = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n};\n\nconst DrawerFloatingSideHandle = ({ side, variant }: DrawerFloatingSideHandleProps) => {\n  if (variant !== 'floating' || (side !== 'left' && side !== 'right')) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden\n      data-slot=\"drawer-side-handle\"\n      className={cn(\n        'absolute top-1/2 z-10 flex h-20 w-5 -translate-y-1/2 cursor-ew-resize touch-none items-center justify-center select-none lg:hidden',\n        side === 'right' ? '-left-2' : '-right-2',\n      )}\n    >\n      <div className=\"bg-surface5/80 h-10 w-1 rounded-full shadow-sm\" />\n    </div>\n  );\n};\nDrawerFloatingSideHandle.displayName = 'DrawerFloatingSideHandle';\n\ntype DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {\n  className?: string;\n  children?: React.ReactNode;\n  /** Shows the built-in top-right close button. Defaults to `true`. */\n  showCloseButton?: boolean;\n} & Pick<DrawerPopupVariantsProps, 'variant'>;\n\n// Opinionated bundle: Portal + Backdrop + Viewport + Popup, with handle on top/bottom sheets.\n// Drop to the primitives for non-modal pages, custom portal targets, or chrome outside the popup.\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ className, children, variant, showCloseButton = true, ...props }, ref) => {\n    const { side, variant: contextVariant, resolvedOverlay } = useDrawerContext();\n    const resolvedVariant = variant ?? contextVariant;\n    const showHandle = side === 'top' || side === 'bottom';\n\n    return (\n      <DrawerPortal>\n        {resolvedOverlay !== 'none' && <DrawerBackdrop />}\n        <DrawerViewport variant={resolvedVariant}>\n          <DrawerPopup ref={ref} variant={resolvedVariant} className={className} {...props}>\n            {showHandle && side === 'bottom' && <DrawerHandleBar />}\n            <DrawerFloatingSideHandle side={side} variant={resolvedVariant} />\n            <div data-slot=\"drawer-content\" className={cn('relative flex min-h-0 flex-1 flex-col', nestedFadeClass)}>\n              {showCloseButton && <DrawerDefaultCloseButton />}\n              {children}\n            </div>\n            {showHandle && side === 'top' && <DrawerHandleBar />}\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    );\n  },\n);\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerDefaultCloseButton = () => (\n  <DrawerClose asChild>\n    <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" className=\"absolute top-3 right-3 z-10\" aria-label=\"Close\">\n      <XIcon />\n    </Button>\n  </DrawerClose>\n);\nDrawerDefaultCloseButton.displayName = 'DrawerDefaultCloseButton';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-header\"\n    className={cn('flex flex-col gap-0.5 px-4 py-3 pr-12 text-left', className)}\n    {...props}\n  />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn('mt-auto flex flex-col-reverse gap-1.5 px-4 py-3 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-body\" className={cn('flex-1 px-4 py-3', className)} {...props} />\n);\nDrawerBody.displayName = 'DrawerBody';\n\ntype DrawerTitleProps = Omit<DrawerPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerTitle = React.forwardRef<HTMLHeadingElement, DrawerTitleProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title ref={ref} className={cn('text-ui-md font-medium text-neutral6', className)} {...props} />\n));\nDrawerTitle.displayName = 'DrawerTitle';\n\ntype DrawerDescriptionProps = Omit<DrawerPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerDescription = React.forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DrawerPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nDrawerDescription.displayName = 'DrawerDescription';\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerPortal,\n  DrawerBackdrop,\n  DrawerViewport,\n  DrawerPopup,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerProvider,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerSwipeArea,\n  DrawerInteractive,\n  createDrawerHandle,\n};\n\nexport type {\n  DrawerTriggerProps,\n  DrawerCloseProps,\n  DrawerBackdropProps,\n  DrawerViewportProps,\n  DrawerPopupProps,\n  DrawerContentProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n};\n"],"names":["cva","cn","React","jsx","DrawerPrimitive","jsxs","Button","XIcon"],"mappings":"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"}
+{"version":3,"file":"drawer-CNnvBMfD.cjs","sources":["../src/ds/components/Drawer/drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\n// Swipe/stack transforms live in drawer.css — unreadable as Tailwind arbitrary values.\nimport './drawer.css';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\nconst drawerBackdropVariants = cva('drawer-backdrop fixed inset-0 z-50', {\n  variants: {\n    overlay: {\n      visible: 'bg-overlay backdrop-blur-xs',\n      transparent: 'bg-transparent',\n      none: 'hidden',\n    },\n  },\n  defaultVariants: {\n    overlay: 'visible',\n  },\n});\n\nconst drawerViewportVariants = cva('fixed z-50 flex', {\n  variants: {\n    side: {\n      top: 'items-start justify-center',\n      bottom: 'items-end justify-center',\n      left: 'items-stretch justify-start',\n      right: 'items-stretch justify-end',\n    },\n    layout: {\n      default: 'inset-0',\n      floating: 'p-3 sm:p-4',\n      floatingOverlay: 'inset-0 p-3 sm:p-4',\n    },\n  },\n  compoundVariants: [\n    {\n      side: 'right',\n      layout: 'floating',\n      className: 'inset-y-0 right-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'left',\n      layout: 'floating',\n      className: 'inset-y-0 left-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'bottom',\n      layout: 'floating',\n      className: 'inset-x-0 bottom-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n    {\n      side: 'top',\n      layout: 'floating',\n      className: 'inset-x-0 top-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n  ],\n  defaultVariants: {\n    side: 'bottom',\n    layout: 'default',\n  },\n});\n\n// `drawer-popup` hooks into drawer.css for swipe/stack transforms; `::after` dims under nested drawers.\nconst drawerPopupVariants = cva(\n  cn(\n    'drawer-popup group/popup relative z-50 box-border flex [touch-action:auto] flex-col overflow-y-auto overscroll-contain will-change-transform outline-none',\n    'border-border1 bg-surface3 text-neutral5 shadow-dialog',\n    'data-[swiping]:select-none',\n    \"after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']\",\n    'data-[nested-drawer-open]:after:bg-black/25',\n  ),\n  {\n    variants: {\n      side: {\n        bottom: '',\n        top: '',\n        left: '',\n        right: '',\n      },\n      variant: {\n        default: '',\n        floating: 'drawer-popup-floating pointer-events-auto rounded-lg border',\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'bottom',\n        variant: 'default',\n        className:\n          'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mb-12 pb-12 rounded-t-xl border-x border-t',\n      },\n      {\n        side: 'top',\n        variant: 'default',\n        className:\n          'h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full -mt-12 pt-12 rounded-b-xl border-x border-b',\n      },\n      {\n        side: 'left',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-r-xl border-y border-r',\n      },\n      {\n        side: 'right',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-l-xl border-y border-l',\n      },\n      {\n        side: ['left', 'right'],\n        variant: 'floating',\n        className:\n          'h-[calc(100dvh-1.5rem)] w-[32rem] max-w-[calc(100vw-1.5rem)] sm:h-[calc(100dvh-2rem)] sm:max-w-[calc(100vw-2rem)]',\n      },\n      {\n        side: ['top', 'bottom'],\n        variant: 'floating',\n        className:\n          'max-h-[calc(85dvh-1.5rem)] w-[calc(100vw-1.5rem)] sm:max-h-[calc(85dvh-2rem)] sm:w-[calc(100vw-2rem)]',\n      },\n    ],\n    defaultVariants: {\n      side: 'bottom',\n      variant: 'default',\n    },\n  },\n);\n\ntype DrawerBackdropVariantsProps = VariantProps<typeof drawerBackdropVariants>;\ntype DrawerViewportClassVariantsProps = VariantProps<typeof drawerViewportVariants>;\ntype DrawerPopupVariantsProps = VariantProps<typeof drawerPopupVariants>;\nexport type DrawerVariant = NonNullable<DrawerPopupVariantsProps['variant']>;\ntype DrawerViewportLayout = NonNullable<DrawerViewportClassVariantsProps['layout']>;\ntype DrawerViewportVariantsProps = Pick<DrawerViewportClassVariantsProps, 'side'> & {\n  variant?: DrawerVariant;\n};\nexport type DrawerOverlay = 'auto' | NonNullable<DrawerBackdropVariantsProps['overlay']>;\n\n// `side` = anchor edge; Base UI's `swipeDirection` = dismissal gesture (bottom sheet swipes `down`).\nconst sideToSwipeDirection: Record<DrawerSide, 'up' | 'down' | 'left' | 'right'> = {\n  top: 'up',\n  bottom: 'down',\n  left: 'left',\n  right: 'right',\n};\n\ntype DrawerContextValue = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n  resolvedOverlay: NonNullable<DrawerBackdropVariantsProps['overlay']>;\n};\n\nconst resolveDrawerOverlay = (\n  overlay: DrawerOverlay,\n  variant: DrawerVariant,\n): NonNullable<DrawerBackdropVariantsProps['overlay']> => {\n  if (overlay !== 'auto') {\n    return overlay;\n  }\n\n  return variant === 'floating' ? 'none' : 'visible';\n};\n\nconst DrawerContext = React.createContext<DrawerContextValue>({\n  side: 'bottom',\n  variant: 'default',\n  resolvedOverlay: 'visible',\n});\n\nconst useDrawerContext = () => React.useContext(DrawerContext);\n\nexport const useDrawerSide = () => useDrawerContext().side;\n\nconst resolveDrawerViewportLayout = (\n  variant: DrawerVariant,\n  overlay: NonNullable<DrawerBackdropVariantsProps['overlay']>,\n): DrawerViewportLayout => {\n  if (variant !== 'floating') {\n    return 'default';\n  }\n\n  return overlay === 'none' ? 'floating' : 'floatingOverlay';\n};\n\nexport type DrawerProps<Payload = unknown> = Omit<DrawerPrimitive.Root.Props<Payload>, 'swipeDirection'> & {\n  /** Edge the drawer is anchored to. Defaults to `bottom`. */\n  side?: DrawerSide;\n  /** Visual treatment for the drawer panel. Defaults to `default`. */\n  variant?: DrawerVariant;\n  /** Backdrop behavior. `auto` renders a visible backdrop for default drawers and no backdrop for floating drawers. */\n  overlay?: DrawerOverlay;\n};\n\nfunction Drawer<Payload = unknown>({\n  side = 'bottom',\n  variant = 'default',\n  overlay = 'auto',\n  modal,\n  disablePointerDismissal,\n  children,\n  ...props\n}: DrawerProps<Payload>) {\n  const resolvedOverlay = resolveDrawerOverlay(overlay, variant);\n  const resolvedModal = modal ?? (resolvedOverlay === 'none' ? false : undefined);\n  const resolvedDisablePointerDismissal = disablePointerDismissal ?? (resolvedOverlay === 'none' ? true : undefined);\n  const contextValue = React.useMemo<DrawerContextValue>(\n    () => ({ side, variant, resolvedOverlay }),\n    [side, variant, resolvedOverlay],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        swipeDirection={sideToSwipeDirection[side]}\n        modal={resolvedModal}\n        disablePointerDismissal={resolvedDisablePointerDismissal}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerContext.Provider>\n  );\n}\nDrawer.displayName = 'Drawer';\n\n// Generic (not `forwardRef`) so `handle` / `payload` stay type-safe on detached triggers.\ntype DrawerTriggerProps<Payload = unknown> = DrawerPrimitive.Trigger.Props<Payload> & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nfunction DrawerTrigger<Payload = unknown>({ asChild, children, ...props }: DrawerTriggerProps<Payload>) {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Trigger {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Trigger>\n  );\n}\nDrawerTrigger.displayName = 'DrawerTrigger';\n\ntype DrawerCloseProps = DrawerPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DrawerClose = React.forwardRef<HTMLButtonElement, DrawerCloseProps>(({ asChild, children, ...props }, ref) => {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Close ref={ref} {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Close>\n  );\n});\nDrawerClose.displayName = 'DrawerClose';\n\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerProvider = DrawerPrimitive.Provider;\nconst DrawerIndent = DrawerPrimitive.Indent;\nconst DrawerIndentBackground = DrawerPrimitive.IndentBackground;\nconst DrawerSwipeArea = DrawerPrimitive.SwipeArea;\nconst createDrawerHandle = DrawerPrimitive.createHandle;\n// Inner region where pointer drags select text / scroll instead of swiping the drawer closed.\nconst DrawerInteractive = DrawerPrimitive.Content;\n\ntype DrawerBackdropProps = Omit<DrawerPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n} & DrawerBackdropVariantsProps;\n\n// The `drawer-backdrop` class (drawer.css) fades the overlay with the swipe gesture.\nconst DrawerBackdrop = React.forwardRef<HTMLDivElement, DrawerBackdropProps>(\n  ({ className, overlay, ...props }, ref) => {\n    const { resolvedOverlay } = useDrawerContext();\n    const resolvedBackdropOverlay = overlay ?? resolvedOverlay;\n\n    return (\n      <DrawerPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"drawer-backdrop\"\n        data-overlay={resolvedBackdropOverlay}\n        className={cn(drawerBackdropVariants({ overlay: resolvedBackdropOverlay }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\ntype DrawerViewportProps = Omit<DrawerPrimitive.Viewport.Props, 'className'> & {\n  className?: string;\n} & DrawerViewportVariantsProps;\n\n// Keep the viewport pointer-interactive: Base UI wires native drag-to-dismiss to it.\n// Floating drawers without an overlay constrain the viewport so the page behind stays interactive.\n// Floating drawers with an overlay keep a full-screen viewport so overlay-start drags stay native.\nconst DrawerViewport = React.forwardRef<HTMLDivElement, DrawerViewportProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n    const layout = resolveDrawerViewportLayout(resolvedVariant, context.resolvedOverlay);\n\n    return (\n      <DrawerPrimitive.Viewport\n        ref={ref}\n        data-slot=\"drawer-viewport\"\n        data-variant={resolvedVariant}\n        className={cn(drawerViewportVariants({ side: resolvedSide, layout }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerViewport.displayName = 'DrawerViewport';\n\ntype DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n} & DrawerPopupVariantsProps;\n\nconst DrawerPopup = React.forwardRef<HTMLDivElement, DrawerPopupProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n\n    return (\n      <DrawerPrimitive.Popup\n        ref={ref}\n        data-slot=\"drawer-popup\"\n        data-variant={resolvedVariant}\n        className={cn(drawerPopupVariants({ side: resolvedSide, variant: resolvedVariant }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerPopup.displayName = 'DrawerPopup';\n\n// Inner-content fade while a nested drawer covers the parent. Off the popup itself so border/shadow stay crisp.\nconst nestedFadeClass = cn(\n  'transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0',\n  'group-data-[nested-drawer-open]/popup:opacity-0',\n);\n\nconst DrawerHandleBar = () => (\n  <div\n    aria-hidden\n    data-slot=\"drawer-handle\"\n    className={cn('mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-surface5', nestedFadeClass)}\n  />\n);\nDrawerHandleBar.displayName = 'DrawerHandleBar';\n\ntype DrawerFloatingSideHandleProps = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n};\n\nconst DrawerFloatingSideHandle = ({ side, variant }: DrawerFloatingSideHandleProps) => {\n  if (variant !== 'floating' || (side !== 'left' && side !== 'right')) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden\n      data-slot=\"drawer-side-handle\"\n      className={cn(\n        'absolute top-1/2 z-10 flex h-20 w-5 -translate-y-1/2 cursor-ew-resize touch-none items-center justify-center select-none lg:hidden',\n        side === 'right' ? '-left-2' : '-right-2',\n      )}\n    >\n      <div className=\"bg-surface5/80 h-10 w-1 rounded-full shadow-sm\" />\n    </div>\n  );\n};\nDrawerFloatingSideHandle.displayName = 'DrawerFloatingSideHandle';\n\ntype DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {\n  className?: string;\n  children?: React.ReactNode;\n  /** Shows the built-in top-right close button. Defaults to `true`. */\n  showCloseButton?: boolean;\n} & Pick<DrawerPopupVariantsProps, 'variant'>;\n\n// Opinionated bundle: Portal + Backdrop + Viewport + Popup, with handle on top/bottom sheets.\n// Drop to the primitives for non-modal pages, custom portal targets, or chrome outside the popup.\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ className, children, variant, showCloseButton = true, ...props }, ref) => {\n    const { side, variant: contextVariant, resolvedOverlay } = useDrawerContext();\n    const resolvedVariant = variant ?? contextVariant;\n    const showHandle = side === 'top' || side === 'bottom';\n\n    return (\n      <DrawerPortal>\n        {resolvedOverlay !== 'none' && <DrawerBackdrop />}\n        <DrawerViewport variant={resolvedVariant}>\n          <DrawerPopup ref={ref} variant={resolvedVariant} className={className} {...props}>\n            {showHandle && side === 'bottom' && <DrawerHandleBar />}\n            <DrawerFloatingSideHandle side={side} variant={resolvedVariant} />\n            <div data-slot=\"drawer-content\" className={cn('relative flex min-h-0 flex-1 flex-col', nestedFadeClass)}>\n              {showCloseButton && <DrawerDefaultCloseButton />}\n              {children}\n            </div>\n            {showHandle && side === 'top' && <DrawerHandleBar />}\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    );\n  },\n);\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerDefaultCloseButton = () => (\n  <DrawerClose asChild>\n    <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" className=\"absolute top-3 right-3 z-10\" aria-label=\"Close\">\n      <XIcon />\n    </Button>\n  </DrawerClose>\n);\nDrawerDefaultCloseButton.displayName = 'DrawerDefaultCloseButton';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-header\"\n    className={cn('flex flex-col gap-0.5 px-4 py-3 pr-12 text-left', className)}\n    {...props}\n  />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn('mt-auto flex flex-col-reverse gap-1.5 px-4 py-3 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-body\" className={cn('flex-1 px-4 py-3', className)} {...props} />\n);\nDrawerBody.displayName = 'DrawerBody';\n\ntype DrawerTitleProps = Omit<DrawerPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerTitle = React.forwardRef<HTMLHeadingElement, DrawerTitleProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title ref={ref} className={cn('text-ui-md font-medium text-neutral6', className)} {...props} />\n));\nDrawerTitle.displayName = 'DrawerTitle';\n\ntype DrawerDescriptionProps = Omit<DrawerPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerDescription = React.forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DrawerPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nDrawerDescription.displayName = 'DrawerDescription';\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerPortal,\n  DrawerBackdrop,\n  DrawerViewport,\n  DrawerPopup,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerProvider,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerSwipeArea,\n  DrawerInteractive,\n  createDrawerHandle,\n};\n\nexport type {\n  DrawerTriggerProps,\n  DrawerCloseProps,\n  DrawerBackdropProps,\n  DrawerViewportProps,\n  DrawerPopupProps,\n  DrawerContentProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n};\n"],"names":["cva","cn","React","jsx","DrawerPrimitive","jsxs","Button","XIcon"],"mappings":"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"}

package/dist/{dropdown-menu-ppWztidX.cjs → dropdown-menu-BZGlERgf.cjs}

@@ -36,6 +36,7 @@ const itemClass = utils_cn.cn(
   "relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4 transition-colors outline-none select-none hover:bg-surface4 hover:text-neutral6 focus:bg-surface4 focus:text-neutral6 focus:outline-none focus-visible:ring-0 focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&_svg]:size-4 [&_svg]:shrink-0 [&>span]:truncate",
   "[&:hover>svg]:opacity-100 [&>svg]:size-[1.1em] [&>svg]:opacity-60"
 );
+const positionerClass = "z-50 outline-none data-[anchor-hidden]:hidden";
 const popupClass = utils_cn.cn(
   "z-50 max-h-[min(20rem,var(--available-height))] min-w-44 origin-[var(--transform-origin)] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 bg-surface3 p-1 text-neutral4 shadow-dialog outline-none",
   "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
@@ -108,7 +109,7 @@ const DropdownMenuSubContent = React__namespace.forwardRef(
       disableAnchorTracking,
       collisionAvoidance
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { className: positionerClass, ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
       menu.Menu.Popup,
       {
         ref,
@@ -153,7 +154,7 @@ const DropdownMenuContent = React__namespace.forwardRef(
       disableAnchorTracking,
       collisionAvoidance
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { className: positionerClass, ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
       menu.Menu.Popup,
       {
         ref,
@@ -260,4 +261,4 @@ DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
 DropdownMenu.RadioGroup = DropdownMenuRadioGroup;
 
 exports.DropdownMenu = DropdownMenu;
-//# sourceMappingURL=dropdown-menu-ppWztidX.cjs.map
+//# sourceMappingURL=dropdown-menu-BZGlERgf.cjs.map

package/dist/dropdown-menu-BZGlERgf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-BZGlERgf.cjs","sources":["../src/ds/components/DropdownMenu/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport type { MenuPopupProps, MenuPositionerProps } from '@base-ui/react/menu';\nimport { CheckIcon, ChevronDown, Circle } from 'lucide-react';\nimport * as React from 'react';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nconst DropdownMenuRoot = MenuPrimitive.Root;\n\nconst DropdownMenuGroup = MenuPrimitive.Group;\n\nconst DropdownMenuPortal = MenuPrimitive.Portal;\n\nconst DropdownMenuSub = MenuPrimitive.SubmenuRoot;\n\nconst DropdownMenuRadioGroup = MenuPrimitive.RadioGroup;\n\nconst itemClass = cn(\n  'relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4 transition-colors outline-none select-none hover:bg-surface4 hover:text-neutral6 focus:bg-surface4 focus:text-neutral6 focus:outline-none focus-visible:ring-0 focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&_svg]:size-4 [&_svg]:shrink-0 [&>span]:truncate',\n  '[&:hover>svg]:opacity-100 [&>svg]:size-[1.1em] [&>svg]:opacity-60',\n);\n\n// A hidden anchor makes Floating UI fall back to the top-left corner, so the popup goes with it.\nconst positionerClass = 'z-50 outline-none data-[anchor-hidden]:hidden';\n\nconst popupClass = cn(\n  'z-50 max-h-[min(20rem,var(--available-height))] min-w-44 origin-[var(--transform-origin)] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 bg-surface3 p-1 text-neutral4 shadow-dialog outline-none',\n  'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n  'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n);\n\ntype DropdownMenuTriggerProps = MenuPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  ({ className, asChild, children, ...props }, ref) => {\n    return (\n      <MenuPrimitive.Trigger\n        ref={ref}\n        className={cn('cursor-pointer outline-none', className)}\n        {...asChildRenderProps(asChild, children)}\n        {...props}\n      >\n        {asChild ? undefined : children}\n      </MenuPrimitive.Trigger>\n    );\n  },\n);\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\ntype DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean;\n};\n\nconst DropdownMenuSubTrigger = React.forwardRef<HTMLDivElement, DropdownMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <MenuPrimitive.SubmenuTrigger\n      ref={ref}\n      className={cn(\n        itemClass,\n        'data-[popup-open]:bg-surface4 data-[popup-open]:text-neutral6',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className=\"ml-auto pl-2\">\n        <ChevronDown className=\"-rotate-90 opacity-50\" />\n      </span>\n    </MenuPrimitive.SubmenuTrigger>\n  ),\n);\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\ntype DropdownMenuContentPositionerProps = Omit<MenuPositionerProps, keyof MenuPopupProps>;\n\ntype DropdownMenuSubContentProps = MenuPopupProps & DropdownMenuContentPositionerProps;\n\nconst DropdownMenuSubContent = React.forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = 0,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the submenu stays\n    // interactive inside a modal drawer.\n    const resolvedContainer = usePortalContainer();\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={positionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-sub-content\"\n            className={cn(popupClass, className)}\n            {...props}\n          />\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\ntype DropdownMenuContentProps = MenuPopupProps &\n  DropdownMenuContentPositionerProps & {\n    container?: HTMLElement;\n  };\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'start',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 8,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the menu stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={positionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-content\"\n            className={cn(popupClass, className)}\n            {...props}\n          />\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\ntype DropdownMenuItemProps = MenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  /** Alias for `onClick`, kept for compatibility with the previous Radix API. */\n  onSelect?: MenuPrimitive.Item.Props['onClick'];\n};\n\nconst DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  ({ className, inset, variant = 'default', onSelect, onClick, ...props }, ref) => (\n    <MenuPrimitive.Item\n      ref={ref}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        itemClass,\n        inset && 'pl-8',\n        'data-[variant=destructive]:text-accent2 data-[variant=destructive]:hover:bg-accent2/10 data-[variant=destructive]:hover:text-accent2 data-[variant=destructive]:data-[highlighted]:bg-accent2/10 data-[variant=destructive]:data-[highlighted]:text-accent2',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, MenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <MenuPrimitive.CheckboxItem ref={ref} className={cn(itemClass, 'w-full', className)} checked={checked} {...props}>\n      <div className=\"border-border2 flex size-4 items-center justify-center rounded-sm border\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </div>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  ),\n);\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';\n\nconst DropdownMenuRadioItem = React.forwardRef<HTMLDivElement, MenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <MenuPrimitive.RadioItem\n      ref={ref}\n      className={cn(\n        'relative flex cursor-pointer items-center rounded-lg py-1.5 pr-2 pl-8 text-ui-smd leading-ui-sm text-neutral4 transition-colors outline-none select-none hover:bg-surface4 hover:text-neutral6 focus:bg-surface4 focus:text-neutral6 focus:outline-none focus-visible:ring-0 focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenuPrimitive.RadioItemIndicator>\n          <Circle className=\"size-2 fill-current\" />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  ),\n);\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';\n\ntype DropdownMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & {\n  inset?: boolean;\n};\n\nconst DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'px-2 pt-1.5 pb-1 text-ui-xs font-medium tracking-wider text-neutral3 uppercase',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\n\nconst DropdownMenuSeparator = React.forwardRef<HTMLDivElement, MenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <MenuPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-border1', className)} {...props} />\n  ),\n);\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\n/**\n *\n * Right now, these are the props mostly used for the menu\n * if we find out, consumers need more props, we can just extend it\n * with componentProps\n */\nfunction DropdownMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n  modal,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n  modal?: boolean;\n}) {\n  return (\n    <DropdownMenuRoot modal={modal} open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </DropdownMenuRoot>\n  );\n}\n\nDropdownMenu.Trigger = DropdownMenuTrigger;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = DropdownMenuGroup;\nDropdownMenu.Portal = DropdownMenuPortal;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Shortcut = DropdownMenuShortcut;\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\n\nexport { DropdownMenu };\n"],"names":["MenuPrimitive","cn","React","asChild","jsx","asChildRenderProps","jsxs","ChevronDown","usePortalContainer","CheckIcon","Circle"],"mappings":"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"}

package/dist/{dropdown-menu-DEFygDZI.js → dropdown-menu-DCMh8P4w.js}

@@ -15,6 +15,7 @@ const itemClass = cn(
   "relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4 transition-colors outline-none select-none hover:bg-surface4 hover:text-neutral6 focus:bg-surface4 focus:text-neutral6 focus:outline-none focus-visible:ring-0 focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&_svg]:size-4 [&_svg]:shrink-0 [&>span]:truncate",
   "[&:hover>svg]:opacity-100 [&>svg]:size-[1.1em] [&>svg]:opacity-60"
 );
+const positionerClass = "z-50 outline-none data-[anchor-hidden]:hidden";
 const popupClass = cn(
   "z-50 max-h-[min(20rem,var(--available-height))] min-w-44 origin-[var(--transform-origin)] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 bg-surface3 p-1 text-neutral4 shadow-dialog outline-none",
   "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
@@ -87,7 +88,7 @@ const DropdownMenuSubContent = React.forwardRef(
       disableAnchorTracking,
       collisionAvoidance
     };
-    return /* @__PURE__ */ jsx(Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Menu.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Menu.Positioner, { className: positionerClass, ...positionerProps, children: /* @__PURE__ */ jsx(
       Menu.Popup,
       {
         ref,
@@ -132,7 +133,7 @@ const DropdownMenuContent = React.forwardRef(
       disableAnchorTracking,
       collisionAvoidance
     };
-    return /* @__PURE__ */ jsx(Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Menu.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Menu.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Menu.Positioner, { className: positionerClass, ...positionerProps, children: /* @__PURE__ */ jsx(
       Menu.Popup,
       {
         ref,
@@ -239,4 +240,4 @@ DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
 DropdownMenu.RadioGroup = DropdownMenuRadioGroup;
 
 export { DropdownMenu as D };
-//# sourceMappingURL=dropdown-menu-DEFygDZI.js.map
+//# sourceMappingURL=dropdown-menu-DCMh8P4w.js.map