@mintlify/msft-sdk 1.1.33 → 1.1.36

package/dist/api-playground/EndpointFields/ParamFields/PrimitiveParamField/index.js

@@ -1,6 +1,7 @@
 import "react/jsx-runtime";
-const t = (e) => e.type === "enum<integer>" || e.type === "enum<number>" || e.type === "enum<string>";
+import "@mintlify/validation";
+const r = (t) => t.type === "enum<integer>" || t.type === "enum<number>" || t.type === "enum<string>";
 export {
-  t as isEnum
+  r as isEnum
 };
 //# sourceMappingURL=index.js.map

package/dist/api-playground/EndpointFields/ParamFields/PrimitiveParamField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/api-playground/EndpointFields/ParamFields/PrimitiveParamField/index.tsx"],"sourcesContent":["\nimport {\n  AnySchema,\n  BooleanSchema,\n  DataSchema,\n  DataSchemaArray,\n  FileSchema,\n  IncrementalDataSchema,\n  IncrementalDataSchemaArray,\n  NullSchema,\n  NumberEnumSchema,\n  NumberSchema,\n  StringEnumSchema,\n  StringSchema,\n} from '@mintlify/validation';\n\nimport { ParamHead } from '@/components/Api/Param';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { Description } from '../../components/Description';\nimport { ExampleDescription } from '../ExampleDescription';\nimport { EnumConstTable, EnumOptions } from './Enum';\nimport { NumberMetadata } from './NumberMetadata';\nimport { StringMetadata } from './StringMetadata';\nimport { FieldType } from '@/api-playground-2/types/api';\n\nexport type PrimitiveParamFieldParams = {\n  fieldType: FieldType;\n  schema:\n    | BooleanSchema\n    | StringSchema\n    | NumberSchema\n    | StringEnumSchema\n    | NumberEnumSchema\n    | FileSchema\n    | NullSchema\n    | AnySchema;\n  schemaArray?: DataSchemaArray | IncrementalDataSchemaArray;\n  typeOptions: string[];\n  name?: string | null;\n  location?: string;\n  selectedIndex?: number;\n  onSelectTypeOption?: (index: number) => void;\n  parentName?: string;\n  paramId?: string;\n  style?: string;\n  explode?: boolean;\n};\n\nexport const PrimitiveParamField = ({\n  fieldType,\n  schema,\n  schemaArray,\n  name,\n  location,\n  typeOptions,\n  selectedIndex,\n  onSelectTypeOption,\n  parentName,\n  paramId,\n  style,\n  explode,\n}: PrimitiveParamFieldParams) => {\n  const typeLabel = typeOptions[selectedIndex ?? 0];\n\n  const description =\n    schema.description ??\n    (name === undefined ? `The ${fieldType} is of type \\`${typeLabel}\\`.` : undefined);\n\n  return (\n    <div className=\"mint:py-6\">\n      <ParamHead\n        id={paramId}\n        name={name}\n        typeLabel={typeLabel}\n        location={location}\n        fieldType={fieldType}\n        required={schema.required}\n        deprecated={schema.deprecated}\n        defaultValue={schema.default}\n        typeOptions={typeOptions}\n        selectedTypeOptionIndex={selectedIndex}\n        onSelectTypeOption={onSelectTypeOption}\n        parentName={parentName}\n        style={style}\n        explode={explode}\n      />\n      <div className={cn({ 'mint:mt-4': description || isEnum(schema) })}>\n        {description && <Description markdown={description} />}\n        {schemaArray && isEnumWithConsts(schemaArray) ? (\n          <EnumConstTable schemaArray={schemaArray} />\n        ) : (\n          isEnum(schema) && <EnumOptions schema={schema} />\n        )}\n        {isStringSchema(schema) && <StringMetadata schema={schema} description={description} />}\n        {isNumberSchema(schema) && <NumberMetadata schema={schema} />}\n        <ExampleDescription schema={schema} />\n      </div>\n    </div>\n  );\n};\n\nexport const isEnum = (\n  schema: DataSchema | IncrementalDataSchema\n): schema is NumberEnumSchema | StringEnumSchema => {\n  return (\n    schema.type === 'enum<integer>' ||\n    schema.type === 'enum<number>' ||\n    schema.type === 'enum<string>'\n  );\n};\n\nexport const isEnumWithConsts = (\n  schemaArray?: DataSchemaArray | IncrementalDataSchemaArray\n): boolean => {\n  if (!schemaArray) return false;\n  return schemaArray.some((schema) => isEnum(schema) && 'const' in schema);\n};\n\nconst isStringSchema = (schema: DataSchema | IncrementalDataSchema): schema is StringSchema => {\n  return schema.type === 'string';\n};\n\nconst isNumberSchema = (schema: DataSchema | IncrementalDataSchema): schema is NumberSchema => {\n  return schema.type === 'number' || schema.type === 'integer';\n};\n"],"names":["isEnum","schema"],"mappings":";AAsGO,MAAMA,IAAS,CACpBC,MAGEA,EAAO,SAAS,mBAChBA,EAAO,SAAS,kBAChBA,EAAO,SAAS;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/api-playground/EndpointFields/ParamFields/PrimitiveParamField/index.tsx"],"sourcesContent":["\nimport {\n  AnySchema,\n  BooleanSchema,\n  DataSchema,\n  DataSchemaArray,\n  FileSchema,\n  IncrementalDataSchema,\n  IncrementalDataSchemaArray,\n  NullSchema,\n  NumberEnumSchema,\n  NumberSchema,\n  StringEnumSchema,\n  StringSchema,\n} from '@mintlify/validation';\n\nimport { ParamHead } from '@/components/Api/Param';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { Description } from '../../components/Description';\nimport { ExampleDescription } from '../ExampleDescription';\nimport { EnumConstTable, EnumOptions } from './Enum';\nimport { NumberMetadata } from './NumberMetadata';\nimport { StringMetadata } from './StringMetadata';\nimport { FieldType } from '@/api-playground-2/types/api';\n\nexport type PrimitiveParamFieldParams = {\n  fieldType: FieldType;\n  schema:\n    | BooleanSchema\n    | StringSchema\n    | NumberSchema\n    | StringEnumSchema\n    | NumberEnumSchema\n    | FileSchema\n    | NullSchema\n    | AnySchema;\n  schemaArray?: DataSchemaArray | IncrementalDataSchemaArray;\n  typeOptions: string[];\n  name?: string | null;\n  location?: string;\n  selectedIndex?: number;\n  onSelectTypeOption?: (index: number) => void;\n  parentName?: string;\n  paramId?: string;\n  style?: string;\n  explode?: boolean;\n};\n\nexport const PrimitiveParamField = ({\n  fieldType,\n  schema,\n  schemaArray,\n  name,\n  location,\n  typeOptions,\n  selectedIndex,\n  onSelectTypeOption,\n  parentName,\n  paramId,\n  style,\n  explode,\n}: PrimitiveParamFieldParams) => {\n  const typeLabel = typeOptions[selectedIndex ?? 0];\n\n  const description =\n    schema.description ??\n    (name === undefined ? `The ${fieldType} is of type \\`${typeLabel}\\`.` : undefined);\n\n  return (\n    <div className=\"mint:py-6\">\n      <ParamHead\n        id={paramId}\n        name={name}\n        typeLabel={typeLabel}\n        location={location}\n        fieldType={fieldType}\n        required={schema.required}\n        deprecated={schema.deprecated}\n        defaultValue={schema.default}\n        typeOptions={typeOptions}\n        selectedTypeOptionIndex={selectedIndex}\n        onSelectTypeOption={onSelectTypeOption}\n        parentName={parentName}\n        style={style}\n        explode={explode}\n      />\n      <div className={cn({ 'mint:mt-4': description || isEnum(schema) })}>\n        {description && <Description markdown={description} />}\n        {schemaArray && isEnumWithConsts(schemaArray) ? (\n          <EnumConstTable schemaArray={schemaArray} />\n        ) : (\n          isEnum(schema) && <EnumOptions schema={schema} />\n        )}\n        {isStringSchema(schema) && <StringMetadata schema={schema} description={description} />}\n        {isNumberSchema(schema) && <NumberMetadata schema={schema} />}\n        <ExampleDescription schema={schema} />\n      </div>\n    </div>\n  );\n};\n\nexport const isEnum = (\n  schema: DataSchema | IncrementalDataSchema\n): schema is NumberEnumSchema | StringEnumSchema => {\n  return (\n    schema.type === 'enum<integer>' ||\n    schema.type === 'enum<number>' ||\n    schema.type === 'enum<string>'\n  );\n};\n\nexport const isEnumWithConsts = (\n  schemaArray?: DataSchemaArray | IncrementalDataSchemaArray\n): boolean => {\n  if (!schemaArray) return false;\n  return schemaArray.some((schema) => isEnum(schema) && 'const' in schema);\n};\n\nconst isStringSchema = (schema: DataSchema | IncrementalDataSchema): schema is StringSchema => {\n  return schema.type === 'string';\n};\n\nconst isNumberSchema = (schema: DataSchema | IncrementalDataSchema): schema is NumberSchema => {\n  return schema.type === 'number' || schema.type === 'integer';\n};\n"],"names":["isEnum","schema"],"mappings":";;AAsGO,MAAMA,IAAS,CACpBC,MAGEA,EAAO,SAAS,mBAChBA,EAAO,SAAS,kBAChBA,EAAO,SAAS;"}

package/dist/api-playground/EndpointFields/ParamFields/RecursiveParamField.js

@@ -1,14 +1,13 @@
 import "react/jsx-runtime";
-import i from "@sindresorhus/slugify";
-import "../../../contexts/EndpointLocationContext.js";
-const s = (r, t, e, $) => i(
-  `${r ? `${r}-` : ""}${e ? `${e}-` : ""}${t || ""}-`,
+import $ from "@sindresorhus/slugify";
+const c = (r, e, t, i) => $(
+  `${r ? `${r}-` : ""}${t ? `${t}-` : ""}${e || ""}-`,
   {
     decamelize: !0
   }
-), m = (r, t) => r ? `${t ? `${t}` : ""}${r}.` : "";
+), s = (r, e) => r ? `${e ? `${e}` : ""}${r}.` : "";
 export {
-  s as buildRecursiveParamFieldId,
-  m as getRecursiveParentName
+  c as buildRecursiveParamFieldId,
+  s as getRecursiveParentName
 };
 //# sourceMappingURL=RecursiveParamField.js.map

package/dist/api-playground/EndpointFields/ParamFields/RecursiveParamField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecursiveParamField.js","sources":["../../../../src/api-playground/EndpointFields/ParamFields/RecursiveParamField.tsx"],"sourcesContent":["\nimport { DataSchema, DataSchemaArray, IncrementalDataSchemaArray } from '@mintlify/validation';\nimport slugify from '@sindresorhus/slugify';\n\nimport { useEndpointLocation } from '@/contexts/EndpointLocationContext';\nimport { getConstFilteredSchemaArray } from '@/openapi/filterEnums';\nimport {\n  getAuthFilteredSchemaArray,\n  isDataSchemaArrayOrIncrementalDataSchemaArray,\n} from '@/openapi/getAuthFilteredSchemaArray';\nimport { getNextPropertiesByType } from '@/utils/api-reference/getNextPropertiesByType';\n\nimport { RecursiveParamFieldWithChildrenObserver } from './RecursiveParamFieldWithChildrenObserver';\nimport { RecursiveParamFieldWithObserver } from './RecursiveParamFieldWithObserver';\nimport { FieldType, RenderedRefs } from '@/api-playground-2/types/api';\n\nexport type RecursiveParamFieldParams = {\n  fieldType: FieldType;\n  schemaArray: DataSchemaArray | IncrementalDataSchemaArray;\n  renderedRefs?: RenderedRefs;\n  name?: string | null;\n  location?: string;\n  parentName?: string;\n  depth?: number;\n  hideDescription?: boolean;\n  circularRefs?: string[];\n  paramId?: string;\n  style?: string;\n  explode?: boolean;\n};\n\nexport const RecursiveParamField = ({\n  fieldType,\n  schemaArray,\n  name,\n  location,\n  parentName,\n  depth = 0,\n  hideDescription = false,\n  renderedRefs = new Set(),\n  circularRefs,\n  paramId,\n  style,\n  explode,\n}: RecursiveParamFieldParams) => {\n  const { anchor } = useEndpointLocation();\n  let filteredSchemaArray: DataSchemaArray | IncrementalDataSchemaArray | null = schemaArray;\n  filteredSchemaArray = getAuthFilteredSchemaArray({ schemaArray, userGroups: undefined });\n\n  if (\n    filteredSchemaArray &&\n    filteredSchemaArray.some((schema) => 'enum' in schema && 'const' in schema)\n  ) {\n    filteredSchemaArray = getConstFilteredSchemaArray({ schemaArray });\n  }\n\n  if (!isDataSchemaArrayOrIncrementalDataSchemaArray(filteredSchemaArray)) {\n    return null;\n  }\n\n  const RecursiveParamFieldType = anchor\n    ? RecursiveParamFieldWithChildrenObserver\n    : RecursiveParamFieldWithObserver;\n\n  return (\n    <RecursiveParamFieldType\n      fieldType={fieldType}\n      schemaArray={filteredSchemaArray}\n      name={name}\n      location={location}\n      parentName={parentName}\n      depth={depth}\n      style={style}\n      explode={explode}\n      hideDescription={hideDescription}\n      renderedRefs={renderedRefs}\n      circularRefs={circularRefs}\n      paramId={paramId}\n    />\n  );\n};\n\ntype RenderNextPropertiesRecursivelyParams = {\n  properties: [string, DataSchemaArray | IncrementalDataSchemaArray][];\n  fieldType: FieldType;\n  depth: number;\n  refs: Set<string>;\n  parentName?: string;\n  name?: string | null;\n  currentSchemaRef: string | undefined;\n  style?: string;\n  explode?: boolean;\n  hideParentName?: boolean;\n};\n\nexport const renderNextPropertiesRecursively = ({\n  currentSchemaRef,\n  properties,\n  fieldType,\n  parentName,\n  name,\n  depth,\n  refs,\n  style,\n  explode,\n  hideParentName,\n}: RenderNextPropertiesRecursivelyParams) => {\n  // Create a new set with the current refs for this level\n  const currentLevelRefs = new Set(refs);\n\n  if (currentSchemaRef) {\n    currentLevelRefs.add(currentSchemaRef);\n  }\n\n  if (currentLevelRefs.size > 0) {\n    return properties.map((property) => {\n      const [propertyName, schemaArray] = property;\n      const nextSchemaArray = schemaArray[0];\n      const nextSchemaArrayProperties = getNextPropertiesByType(nextSchemaArray);\n      const paramId = buildRecursiveParamFieldId(fieldType, name, parentName, propertyName);\n      const passedName = hideParentName ? '' : name;\n      let circularReferences: string[] = [];\n      if (\n        Object.values(nextSchemaArrayProperties).some(\n          (value: unknown) => typeof value === 'string' && currentLevelRefs.has(value)\n        )\n      ) {\n        circularReferences = Object.values(nextSchemaArrayProperties).filter(\n          (value: unknown) => typeof value === 'string' && currentLevelRefs.has(value)\n        );\n      }\n      return (\n        <RecursiveParamField\n          paramId={paramId}\n          fieldType={fieldType}\n          key={propertyName}\n          schemaArray={schemaArray}\n          name={propertyName}\n          parentName={\n            style === 'deepObject' && explode\n              ? getDeepObjectParentName(passedName, parentName)\n              : getRecursiveParentName(passedName, parentName)\n          }\n          depth={depth + 1}\n          renderedRefs={new Set(currentLevelRefs)}\n          circularRefs={circularReferences}\n          style={style}\n          explode={explode}\n        />\n      );\n    });\n  } else {\n    return properties.map(([propertyName, schemaArray]) => {\n      const paramId = buildRecursiveParamFieldId(fieldType, name, parentName, propertyName);\n      const passedName = hideParentName ? '' : name;\n      return (\n        <RecursiveParamField\n          paramId={paramId}\n          fieldType={fieldType}\n          key={propertyName}\n          schemaArray={schemaArray}\n          name={propertyName}\n          parentName={\n            style === 'deepObject' && explode\n              ? getDeepObjectParentName(passedName, parentName)\n              : getRecursiveParentName(passedName, parentName)\n          }\n          depth={depth + 1}\n          renderedRefs={new Set()}\n          style={style}\n          explode={explode}\n        />\n      );\n    });\n  }\n};\n\ntype RenderTruncatedNextPropertiesParams = {\n  properties: [string, DataSchemaArray | IncrementalDataSchemaArray][];\n  fieldType: FieldType;\n  parentName?: string;\n  name?: string | null;\n  depth: number;\n};\n\nexport const renderTruncatedNextProperties = ({\n  properties,\n  fieldType,\n  parentName,\n  name,\n  depth,\n}: RenderTruncatedNextPropertiesParams) => {\n  return properties.map((property) => {\n    const [propertyName, schemaArray] = property;\n    const nextSchemaArray = schemaArray[0];\n    const baseSchema: DataSchema = nextSchemaArray as DataSchema;\n    if (baseSchema.type === 'array') {\n      baseSchema.items = [{ type: 'any' }];\n    } else if (baseSchema.type === 'object') {\n      baseSchema.properties = {};\n    }\n    const paramId = buildRecursiveParamFieldId(fieldType, name, parentName);\n    const id = `${paramId}-${propertyName}`;\n    return (\n      <RecursiveParamField\n        fieldType={fieldType}\n        key={propertyName}\n        schemaArray={[baseSchema]}\n        name={propertyName}\n        paramId={id}\n        depth={depth + 1}\n        renderedRefs={new Set()}\n      />\n    );\n  });\n};\n\nexport const buildRecursiveParamFieldId = (\n  fieldType: FieldType | undefined,\n  name: string | undefined | null,\n  parentName: string | undefined,\n  propertyName?: string | undefined\n) => {\n  return slugify(\n    `${fieldType ? `${fieldType}-` : ''}${parentName ? `${parentName}-` : ''}${name ? name : ''}-${propertyName ? propertyName : ''}`,\n    {\n      decamelize: true,\n    }\n  );\n};\n\nexport const getRecursiveParentName = (name?: string | null, parentName?: string): string => {\n  if (!name) {\n    return '';\n  }\n\n  return `${parentName ? `${parentName}` : ''}${name}.`;\n};\n\nexport const getDeepObjectParentName = (name?: string | null, parentName?: string): string => {\n  if (!name) {\n    return '';\n  }\n\n  return parentName ? `${parentName}${name}][` : `${name}[`;\n};\n"],"names":["buildRecursiveParamFieldId","fieldType","name","parentName","propertyName","slugify","getRecursiveParentName"],"mappings":";;;AAyNO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,GACAC,MAEOC;AAAA,EACL,GAAGJ,IAAY,GAAGA,CAAS,MAAM,EAAE,GAAGE,IAAa,GAAGA,CAAU,MAAM,EAAE,GAAGD,KAAc,EAAE;AAAA,EAC3F;AAAA,IACE,YAAY;AAAA,EAAA;AACd,GAISI,IAAyB,CAACJ,GAAsBC,MACtDD,IAIE,GAAGC,IAAa,GAAGA,CAAU,KAAK,EAAE,GAAGD,CAAI,MAHzC;"}
+{"version":3,"file":"RecursiveParamField.js","sources":["../../../../src/api-playground/EndpointFields/ParamFields/RecursiveParamField.tsx"],"sourcesContent":["\nimport { DataSchema, DataSchemaArray, IncrementalDataSchemaArray } from '@mintlify/validation';\nimport slugify from '@sindresorhus/slugify';\n\nimport { useEndpointLocation } from '@/contexts/EndpointLocationContext';\nimport { getConstFilteredSchemaArray } from '@/openapi/filterEnums';\nimport {\n  getAuthFilteredSchemaArray,\n  isDataSchemaArrayOrIncrementalDataSchemaArray,\n} from '@/openapi/getAuthFilteredSchemaArray';\nimport { getNextPropertiesByType } from '@/utils/api-reference/getNextPropertiesByType';\n\nimport { RecursiveParamFieldWithChildrenObserver } from './RecursiveParamFieldWithChildrenObserver';\nimport { RecursiveParamFieldWithObserver } from './RecursiveParamFieldWithObserver';\nimport { FieldType, RenderedRefs } from '@/api-playground-2/types/api';\n\nexport type RecursiveParamFieldParams = {\n  fieldType: FieldType;\n  schemaArray: DataSchemaArray | IncrementalDataSchemaArray;\n  renderedRefs?: RenderedRefs;\n  name?: string | null;\n  location?: string;\n  parentName?: string;\n  depth?: number;\n  hideDescription?: boolean;\n  circularRefs?: string[];\n  paramId?: string;\n  style?: string;\n  explode?: boolean;\n};\n\nexport const RecursiveParamField = ({\n  fieldType,\n  schemaArray,\n  name,\n  location,\n  parentName,\n  depth = 0,\n  hideDescription = false,\n  renderedRefs = new Set(),\n  circularRefs,\n  paramId,\n  style,\n  explode,\n}: RecursiveParamFieldParams) => {\n  const { anchor } = useEndpointLocation();\n  let filteredSchemaArray: DataSchemaArray | IncrementalDataSchemaArray | null = schemaArray;\n  filteredSchemaArray = getAuthFilteredSchemaArray({ schemaArray, userGroups: undefined });\n\n  if (\n    filteredSchemaArray &&\n    filteredSchemaArray.some((schema) => 'enum' in schema && 'const' in schema)\n  ) {\n    filteredSchemaArray = getConstFilteredSchemaArray({ schemaArray });\n  }\n\n  if (!isDataSchemaArrayOrIncrementalDataSchemaArray(filteredSchemaArray)) {\n    return null;\n  }\n\n  const RecursiveParamFieldType = anchor\n    ? RecursiveParamFieldWithChildrenObserver\n    : RecursiveParamFieldWithObserver;\n\n  return (\n    <RecursiveParamFieldType\n      fieldType={fieldType}\n      schemaArray={filteredSchemaArray}\n      name={name}\n      location={location}\n      parentName={parentName}\n      depth={depth}\n      style={style}\n      explode={explode}\n      hideDescription={hideDescription}\n      renderedRefs={renderedRefs}\n      circularRefs={circularRefs}\n      paramId={paramId}\n    />\n  );\n};\n\ntype RenderNextPropertiesRecursivelyParams = {\n  properties: [string, DataSchemaArray | IncrementalDataSchemaArray][];\n  fieldType: FieldType;\n  depth: number;\n  refs: Set<string>;\n  parentName?: string;\n  name?: string | null;\n  currentSchemaRef: string | undefined;\n  style?: string;\n  explode?: boolean;\n  hideParentName?: boolean;\n};\n\nexport const renderNextPropertiesRecursively = ({\n  currentSchemaRef,\n  properties,\n  fieldType,\n  parentName,\n  name,\n  depth,\n  refs,\n  style,\n  explode,\n  hideParentName,\n}: RenderNextPropertiesRecursivelyParams) => {\n  // Create a new set with the current refs for this level\n  const currentLevelRefs = new Set(refs);\n\n  if (currentSchemaRef) {\n    currentLevelRefs.add(currentSchemaRef);\n  }\n\n  if (currentLevelRefs.size > 0) {\n    return properties.map((property) => {\n      const [propertyName, schemaArray] = property;\n      const nextSchemaArray = schemaArray[0];\n      const nextSchemaArrayProperties = getNextPropertiesByType(nextSchemaArray);\n      const paramId = buildRecursiveParamFieldId(fieldType, name, parentName, propertyName);\n      const passedName = hideParentName ? '' : name;\n      let circularReferences: string[] = [];\n      if (\n        Object.values(nextSchemaArrayProperties).some(\n          (value: unknown) => typeof value === 'string' && currentLevelRefs.has(value)\n        )\n      ) {\n        circularReferences = Object.values(nextSchemaArrayProperties).filter(\n          (value: unknown) => typeof value === 'string' && currentLevelRefs.has(value)\n        );\n      }\n      return (\n        <RecursiveParamField\n          paramId={paramId}\n          fieldType={fieldType}\n          key={propertyName}\n          schemaArray={schemaArray}\n          name={propertyName}\n          parentName={\n            style === 'deepObject' && explode\n              ? getDeepObjectParentName(passedName, parentName)\n              : getRecursiveParentName(passedName, parentName)\n          }\n          depth={depth + 1}\n          renderedRefs={new Set(currentLevelRefs)}\n          circularRefs={circularReferences}\n          style={style}\n          explode={explode}\n        />\n      );\n    });\n  } else {\n    return properties.map(([propertyName, schemaArray]) => {\n      const paramId = buildRecursiveParamFieldId(fieldType, name, parentName, propertyName);\n      const passedName = hideParentName ? '' : name;\n      return (\n        <RecursiveParamField\n          paramId={paramId}\n          fieldType={fieldType}\n          key={propertyName}\n          schemaArray={schemaArray}\n          name={propertyName}\n          parentName={\n            style === 'deepObject' && explode\n              ? getDeepObjectParentName(passedName, parentName)\n              : getRecursiveParentName(passedName, parentName)\n          }\n          depth={depth + 1}\n          renderedRefs={new Set()}\n          style={style}\n          explode={explode}\n        />\n      );\n    });\n  }\n};\n\ntype RenderTruncatedNextPropertiesParams = {\n  properties: [string, DataSchemaArray | IncrementalDataSchemaArray][];\n  fieldType: FieldType;\n  parentName?: string;\n  name?: string | null;\n  depth: number;\n};\n\nexport const renderTruncatedNextProperties = ({\n  properties,\n  fieldType,\n  parentName,\n  name,\n  depth,\n}: RenderTruncatedNextPropertiesParams) => {\n  return properties.map((property) => {\n    const [propertyName, schemaArray] = property;\n    const nextSchemaArray = schemaArray[0];\n    const baseSchema: DataSchema = nextSchemaArray as DataSchema;\n    if (baseSchema.type === 'array') {\n      baseSchema.items = [{ type: 'any' }];\n    } else if (baseSchema.type === 'object') {\n      baseSchema.properties = {};\n    }\n    const paramId = buildRecursiveParamFieldId(fieldType, name, parentName);\n    const id = `${paramId}-${propertyName}`;\n    return (\n      <RecursiveParamField\n        fieldType={fieldType}\n        key={propertyName}\n        schemaArray={[baseSchema]}\n        name={propertyName}\n        paramId={id}\n        depth={depth + 1}\n        renderedRefs={new Set()}\n      />\n    );\n  });\n};\n\nexport const buildRecursiveParamFieldId = (\n  fieldType: FieldType | undefined,\n  name: string | undefined | null,\n  parentName: string | undefined,\n  propertyName?: string | undefined\n) => {\n  return slugify(\n    `${fieldType ? `${fieldType}-` : ''}${parentName ? `${parentName}-` : ''}${name ? name : ''}-${propertyName ? propertyName : ''}`,\n    {\n      decamelize: true,\n    }\n  );\n};\n\nexport const getRecursiveParentName = (name?: string | null, parentName?: string): string => {\n  if (!name) {\n    return '';\n  }\n\n  return `${parentName ? `${parentName}` : ''}${name}.`;\n};\n\nexport const getDeepObjectParentName = (name?: string | null, parentName?: string): string => {\n  if (!name) {\n    return '';\n  }\n\n  return parentName ? `${parentName}${name}][` : `${name}[`;\n};\n"],"names":["buildRecursiveParamFieldId","fieldType","name","parentName","propertyName","slugify","getRecursiveParentName"],"mappings":";;AAyNO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,GACAC,MAEOC;AAAA,EACL,GAAGJ,IAAY,GAAGA,CAAS,MAAM,EAAE,GAAGE,IAAa,GAAGA,CAAU,MAAM,EAAE,GAAGD,KAAc,EAAE;AAAA,EAC3F;AAAA,IACE,YAAY;AAAA,EAAA;AACd,GAISI,IAAyB,CAACJ,GAAsBC,MACtDD,IAIE,GAAGC,IAAa,GAAGA,CAAU,KAAK,EAAE,GAAGD,CAAI,MAHzC;"}

package/dist/api-playground/EndpointFields/index.js

@@ -1,8 +1,7 @@
 import "react/jsx-runtime";
-import "../../contexts/EndpointLocationContext.js";
-import { useOpenApiEndpoint as t } from "../../hooks/useEndpoint.js";
-const i = () => (t(), null);
+import { useOpenApiEndpoint as n } from "../../hooks/useEndpoint.js";
+const p = () => (n(), null);
 export {
-  i as default
+  p as default
 };
 //# sourceMappingURL=index.js.map

package/dist/api-playground/EndpointFields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/api-playground/EndpointFields/index.tsx"],"sourcesContent":["\nimport { EndpointLocationProvider } from '@/contexts/EndpointLocationContext';\nimport { useOpenApiEndpoint } from '@/hooks/useEndpoint';\nimport { getFilteredSecurityOptions } from '@/utils/api-reference/getFilteredSecurityOptions';\n\nimport { EndpointBody } from './EndpointBody';\nimport { EndpointParameters } from './EndpointParameters';\nimport { EndpointResponse } from './EndpointResponse';\nimport { EndpointSecurity } from './EndpointSecurity';\n\nconst EndpointFields = () => {\n  const endpoint = useOpenApiEndpoint();\n  const newApiReferencePage = true;\n\n  if (endpoint === undefined || newApiReferencePage) {\n    return null;\n  }\n\n  // TODO(ronan): remove when all security options are handled (none should be empty)\n  const filteredSecurityOptions = getFilteredSecurityOptions(endpoint);\n\n  return (\n    <>\n      {filteredSecurityOptions.length > 0 && (\n        <EndpointSecurity securityOptions={filteredSecurityOptions} />\n      )}\n      <EndpointParameters parameters={endpoint.request.parameters} />\n      <EndpointLocationProvider location=\"request\">\n        <EndpointBody body={endpoint.request.body} />\n      </EndpointLocationProvider>\n      <EndpointLocationProvider location=\"response\">\n        {Object.entries(endpoint.response)[0] && <EndpointResponse response={endpoint.response} />}\n      </EndpointLocationProvider>\n    </>\n  );\n};\n\nexport default EndpointFields;\n"],"names":["EndpointFields","useOpenApiEndpoint"],"mappings":";;;AAUA,MAAMA,IAAiB,OACJC,EAAA,GAIR;"}
+{"version":3,"file":"index.js","sources":["../../../src/api-playground/EndpointFields/index.tsx"],"sourcesContent":["\nimport { EndpointLocationProvider } from '@/contexts/EndpointLocationContext';\nimport { useOpenApiEndpoint } from '@/hooks/useEndpoint';\nimport { getFilteredSecurityOptions } from '@/utils/api-reference/getFilteredSecurityOptions';\n\nimport { EndpointBody } from './EndpointBody';\nimport { EndpointParameters } from './EndpointParameters';\nimport { EndpointResponse } from './EndpointResponse';\nimport { EndpointSecurity } from './EndpointSecurity';\n\nconst EndpointFields = () => {\n  const endpoint = useOpenApiEndpoint();\n  const newApiReferencePage = true;\n\n  if (endpoint === undefined || newApiReferencePage) {\n    return null;\n  }\n\n  // TODO(ronan): remove when all security options are handled (none should be empty)\n  const filteredSecurityOptions = getFilteredSecurityOptions(endpoint);\n\n  return (\n    <>\n      {filteredSecurityOptions.length > 0 && (\n        <EndpointSecurity securityOptions={filteredSecurityOptions} />\n      )}\n      <EndpointParameters parameters={endpoint.request.parameters} />\n      <EndpointLocationProvider location=\"request\">\n        <EndpointBody body={endpoint.request.body} />\n      </EndpointLocationProvider>\n      <EndpointLocationProvider location=\"response\">\n        {Object.entries(endpoint.response)[0] && <EndpointResponse response={endpoint.response} />}\n      </EndpointLocationProvider>\n    </>\n  );\n};\n\nexport default EndpointFields;\n"],"names":["EndpointFields","useOpenApiEndpoint"],"mappings":";;AAUA,MAAMA,IAAiB,OACJC,EAAA,GAIR;"}

package/dist/components/content-components/code-block.js

@@ -1,17 +1,17 @@
 import { jsx as o, jsxs as v } from "react/jsx-runtime";
-import N, { useState as C, useEffect as B } from "react";
+import { ClipboardCheckmarkRegular as N, Copy20Regular as B } from "@fluentui/react-icons";
 import b from "prismjs";
-import "prismjs/components/prism-javascript.js";
-import "prismjs/components/prism-typescript.js";
-import "prismjs/components/prism-python.js";
 import "prismjs/components/prism-bash.js";
+import "prismjs/components/prism-csharp.js";
+import "prismjs/components/prism-javascript.js";
 import "prismjs/components/prism-json.js";
 import "prismjs/components/prism-markdown.js";
-import "prismjs/components/prism-csharp.js";
 import "prismjs/components/prism-powershell.js";
-import { getNodeText as I } from "../../utils/get-node-text.js";
+import "prismjs/components/prism-python.js";
+import "prismjs/components/prism-typescript.js";
+import I, { useState as C, useEffect as A } from "react";
 import { cn as h } from "../../utils/cn.js";
-import { ClipboardCheckmarkRegular as A, Copy20Regular as R } from "@fluentui/react-icons";
+import { getNodeText as R } from "../../utils/get-node-text.js";
 const w = ["image/png", "text/plain"];
 function g() {
   const [t, e] = C(!1), n = async (r) => {
@@ -52,18 +52,24 @@ function _({ onClick: t, isCopied: e, showTooltip: n = !0 }) {
         onClick: t,
         className: "mint:flex mint:items-center mint:gap-1.5 mint:px-2 mint:py-1 mint:text-xs mint:text-[#737373] mint:dark:text-[#a3a3a3] mint:rounded mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:cursor-pointer mint:hover:text-[#9263f1] mint:dark:hover:text-[#c9aaf9]",
         "aria-label": e ? "Copied" : "Copy code",
-        children: e ? /* @__PURE__ */ o(A, { className: "mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]" }) : /* @__PURE__ */ o(R, { className: "mint:w-5 mint:h-5" })
+        children: e ? /* @__PURE__ */ o(N, { className: "mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]" }) : /* @__PURE__ */ o(B, { className: "mint:w-5 mint:h-5" })
       }
     )
   ] });
 }
-function q({ textToCopy: t, showTooltip: e = !0 }) {
+function q({
+  textToCopy: t,
+  showTooltip: e = !0
+}) {
   const { isCopied: n, copy: p } = g();
   return /* @__PURE__ */ o(_, { onClick: () => {
     p(t);
   }, isCopied: n, showTooltip: e });
 }
-function G({ data: t, showTooltip: e = !0 }) {
+function G({
+  data: t,
+  showTooltip: e = !0
+}) {
   const { isCopied: n, copy: p, copyBlob: r } = g();
   return /* @__PURE__ */ o(_, { onClick: () => {
     t.contentType && w.includes(t.contentType) ? r(t.blob, t.contentType) : t.type === "other" && t.content ? p(t.content) : console.error("Unsupported content type for clipboard");
@@ -79,7 +85,7 @@ function J({
 }) {
   const [i, a] = C("");
   g();
-  const m = p || (e == null ? void 0 : e.replace(/^language-/, "")) || "text", d = I(t), k = !!n, u = N.useMemo(() => {
+  const m = p || (e == null ? void 0 : e.replace(/^language-/, "")) || "text", d = R(t), k = !!n, u = I.useMemo(() => {
     var f, y;
     if (typeof t != "object" || t == null)
       return !1;
@@ -93,7 +99,7 @@ function J({
       }
     return !1;
   }, [t]);
-  return B(() => {
+  return A(() => {
     if (!u)
       try {
         const s = b.languages[m] || b.languages.plaintext, f = b.highlight(d, s, m);

package/dist/components/content-components/code-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.js","sources":["../../../src/components/content-components/code-block.tsx"],"sourcesContent":["\nimport React, { useEffect, useState } from \"react\";\nimport Prism from \"prismjs\";\nimport \"prismjs/components/prism-javascript.js\";\nimport \"prismjs/components/prism-typescript.js\";\nimport \"prismjs/components/prism-python.js\";\nimport \"prismjs/components/prism-bash.js\";\nimport \"prismjs/components/prism-json.js\";\nimport \"prismjs/components/prism-markdown.js\";\nimport \"prismjs/components/prism-csharp.js\";\nimport \"prismjs/components/prism-powershell.js\";\nimport { getNodeText } from \"../../utils/get-node-text\";\nimport { capitalize } from \"../../utils/string\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  Copy20Regular,\n  ClipboardCheckmarkRegular,\n} from \"@fluentui/react-icons\";\n\nconst SUPPORTED_CLIPBOARD_CONTENT_TYPES = [\"image/png\", \"text/plain\"];\n\n// Hook for clipboard operations\nexport function useCopyToClipboard() {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const copy = async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 2000);\n    } catch (error) {\n      console.error(\"Failed to copy to clipboard:\", error);\n    }\n  };\n\n  const copyBlob = async (blob: Blob, contentType: string) => {\n    try {\n      // image/png, text/plain, and text/html are the only filetypes supported in the chromium\n      // clipboard - however, text/html crashes chrome for some reason\n      if (SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(contentType)) {\n        const buffer = await blob.arrayBuffer();\n        const newBlob = new Blob([buffer], { type: contentType });\n        const clipboardItem = new ClipboardItem({\n          [contentType]: newBlob,\n        });\n        await navigator.clipboard.write([clipboardItem]);\n        setIsCopied(true);\n        setTimeout(() => setIsCopied(false), 2000);\n      } else {\n        // Fallback to text copy for unsupported types\n        const text = await blob.text();\n        await copy(text);\n      }\n    } catch (error) {\n      console.error(\"Failed to copy blob to clipboard:\", error);\n      // Fallback to text copy if blob copy fails\n      try {\n        const text = await blob.text();\n        await copy(text);\n      } catch (fallbackError) {\n        console.error(\"Failed to copy as text fallback:\", fallbackError);\n      }\n    }\n  };\n\n  return { isCopied, copy, copyBlob };\n}\n\n// Base copy icon button component\ninterface CopyIconButtonProps {\n  onClick: () => void;\n  isCopied: boolean;\n  showTooltip?: boolean;\n}\n\nexport function CopyIconButton({ onClick, isCopied, showTooltip = true }: CopyIconButtonProps) {\n  return (\n    <div className=\"mint:relative\">\n      {showTooltip && isCopied && (\n        <div className=\"mint:absolute mint:bottom-[calc(100%+0.5rem)] mint:left-1/2 mint:-translate-x-1/2 mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#171717] mint:dark:text-[#fafafa] mint:px-2.5 mint:py-1.5 mint:rounded-md mint:text-xs mint:font-medium mint:whitespace-nowrap mint:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)] mint:dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.3),0_2px_4px_-1px_rgba(0,0,0,0.2)] mint:z-10 mint:animate-[fadeIn_0.15s_ease-out] mint:after:content-[''] mint:after:absolute mint:after:top-full mint:after:left-1/2 mint:after:-translate-x-1/2 mint:after:w-0 mint:after:h-0 mint:after:border-l-[6px] mint:after:border-l-transparent mint:after:border-r-[6px] mint:after:border-r-transparent mint:after:border-t-[6px] mint:after:border-t-white mint:dark:after:border-t-[#1a1a1a]\">\n          Copied!\n        </div>\n      )}\n      <button\n        onClick={onClick}\n        className=\"mint:flex mint:items-center mint:gap-1.5 mint:px-2 mint:py-1 mint:text-xs mint:text-[#737373] mint:dark:text-[#a3a3a3] mint:rounded mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:cursor-pointer mint:hover:text-[#9263f1] mint:dark:hover:text-[#c9aaf9]\"\n        aria-label={isCopied ? \"Copied\" : \"Copy code\"}\n      >\n        {isCopied ? (\n          <ClipboardCheckmarkRegular className=\"mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]\" />\n        ) : (\n          <Copy20Regular className=\"mint:w-5 mint:h-5\" />\n        )}\n      </button>\n    </div>\n  );\n}\n\n// Convenience component that handles text copying\ninterface CopyToClipboardButtonProps {\n  textToCopy: string;\n  showTooltip?: boolean;\n}\n\nexport function CopyToClipboardButton({ textToCopy, showTooltip = true }: CopyToClipboardButtonProps) {\n  const { isCopied, copy } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    copy(textToCopy);\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\n// Convenience component that handles blob/data copying\ninterface CopyDataToClipboardButtonProps {\n  data: {\n    type: 'image' | 'audio' | 'video' | 'other';\n    blob: Blob;\n    contentType?: string;\n    content?: string;\n  };\n  showTooltip?: boolean;\n}\n\nexport function CopyDataToClipboardButton({ data, showTooltip = true }: CopyDataToClipboardButtonProps) {\n  const { isCopied, copy, copyBlob } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    // Check if we can copy as blob (for images, etc.)\n    if (data.contentType && SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(data.contentType)) {\n      copyBlob(data.blob, data.contentType);\n    } else if (data.type === 'other' && data.content) {\n      // For text content, copy as text\n      copy(data.content);\n    } else {\n      console.error('Unsupported content type for clipboard');\n    }\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\ninterface CodeBlockProps {\n  children: React.ReactNode;\n  className?: string;\n  language?: string;\n  fileName?: string;\n  // Support for copying blobs (images, etc.)\n  blob?: Blob;\n  contentType?: string;\n}\n\nexport function CodeBlock({\n  children,\n  className,\n  fileName,\n  language,\n  blob,\n  contentType,\n}: CodeBlockProps) {\n  const [highlightedCode, setHighlightedCode] = useState<string>(\"\");\n  const { isCopied, copy, copyBlob } = useCopyToClipboard();\n  const lang = language || className?.replace(/^language-/, \"\") || \"text\";\n  const codeText = getNodeText(children);\n  const showContainer = !!fileName;\n\n  const isSSRHighlighted = React.useMemo(() => {\n    if (typeof children !== \"object\" || children == null) {\n      return false;\n    }\n\n    const childrenArray = Array.isArray(children) ? children : [children];\n    for (const child of childrenArray) {\n      if (\n        typeof child === \"object\" &&\n        child != null &&\n        \"props\" in child &&\n        child.props?.children\n      ) {\n        const codeChildren = Array.isArray(child.props.children)\n          ? child.props.children\n          : [child.props.children];\n\n        for (const codeChild of codeChildren) {\n          if (\n            typeof codeChild === \"object\" &&\n            codeChild != null &&\n            \"props\" in codeChild &&\n            codeChild.props?.className\n          ) {\n            return true;\n          }\n        }\n      }\n    }\n    return false;\n  }, [children]);\n\n  useEffect(() => {\n    if (isSSRHighlighted) {\n      return;\n    }\n\n    try {\n      const grammar = Prism.languages[lang] || Prism.languages.plaintext;\n      const html = Prism.highlight(codeText, grammar, lang);\n      setHighlightedCode(html);\n    } catch (error) {\n      console.error(\"Failed to highlight code:\", error);\n      setHighlightedCode(codeText);\n    }\n  }, [codeText, lang, isSSRHighlighted]);\n\n  const handleCopy = () => {\n    // If blob and contentType are provided, use blob copying\n    if (blob && contentType) {\n      copyBlob(blob, contentType);\n    } else {\n      // Otherwise, use text copying\n      copy(codeText);\n    }\n  };\n\n  return (\n    <div\n      className={\n        showContainer\n          ? \"mint:flex mint:flex-col mint:gap-2 mint:px-0.5 mint:pb-0.5 mint:rounded-xl mint:overflow-hidden\"\n          : undefined\n      }\n    >\n      <div className=\"not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414]\">\n        <div className=\"mint:code-scrollbar mint:overflow-x-scroll\">\n          <pre className=\"mint:px-4 mint:py-2 mint:m-0 mint:whitespace-pre mint:text-sm\">\n            {isSSRHighlighted ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n              >\n                {children}\n              </code>\n            ) : highlightedCode ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n                dangerouslySetInnerHTML={{ __html: highlightedCode }}\n              />\n            ) : (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n              >\n                {codeText}\n              </code>\n            )}\n          </pre>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["SUPPORTED_CLIPBOARD_CONTENT_TYPES","useCopyToClipboard","isCopied","setIsCopied","useState","copy","text","error","blob","contentType","buffer","newBlob","clipboardItem","fallbackError","CopyIconButton","onClick","showTooltip","jsxs","jsx","ClipboardCheckmarkRegular","Copy20Regular","CopyToClipboardButton","textToCopy","CopyDataToClipboardButton","data","copyBlob","CodeBlock","children","className","fileName","language","highlightedCode","setHighlightedCode","lang","codeText","getNodeText","showContainer","isSSRHighlighted","React","childrenArray","child","_a","codeChildren","codeChild","_b","useEffect","grammar","Prism","html","cn"],"mappings":"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"}
+{"version":3,"file":"code-block.js","sources":["../../../src/components/content-components/code-block.tsx"],"sourcesContent":["import { Copy20Regular, ClipboardCheckmarkRegular } from '@fluentui/react-icons';\nimport Prism from 'prismjs';\nimport 'prismjs/components/prism-bash.js';\nimport 'prismjs/components/prism-csharp.js';\nimport 'prismjs/components/prism-javascript.js';\nimport 'prismjs/components/prism-json.js';\nimport 'prismjs/components/prism-markdown.js';\nimport 'prismjs/components/prism-powershell.js';\nimport 'prismjs/components/prism-python.js';\nimport 'prismjs/components/prism-typescript.js';\nimport React, { useEffect, useState } from 'react';\n\nimport { cn } from '../../utils/cn';\nimport { getNodeText } from '../../utils/get-node-text';\nimport { capitalize } from '../../utils/string';\n\nconst SUPPORTED_CLIPBOARD_CONTENT_TYPES = ['image/png', 'text/plain'];\n\n// Hook for clipboard operations\nexport function useCopyToClipboard() {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const copy = async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 2000);\n    } catch (error) {\n      console.error('Failed to copy to clipboard:', error);\n    }\n  };\n\n  const copyBlob = async (blob: Blob, contentType: string) => {\n    try {\n      // image/png, text/plain, and text/html are the only filetypes supported in the chromium\n      // clipboard - however, text/html crashes chrome for some reason\n      if (SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(contentType)) {\n        const buffer = await blob.arrayBuffer();\n        const newBlob = new Blob([buffer], { type: contentType });\n        const clipboardItem = new ClipboardItem({\n          [contentType]: newBlob,\n        });\n        await navigator.clipboard.write([clipboardItem]);\n        setIsCopied(true);\n        setTimeout(() => setIsCopied(false), 2000);\n      } else {\n        // Fallback to text copy for unsupported types\n        const text = await blob.text();\n        await copy(text);\n      }\n    } catch (error) {\n      console.error('Failed to copy blob to clipboard:', error);\n      // Fallback to text copy if blob copy fails\n      try {\n        const text = await blob.text();\n        await copy(text);\n      } catch (fallbackError) {\n        console.error('Failed to copy as text fallback:', fallbackError);\n      }\n    }\n  };\n\n  return { isCopied, copy, copyBlob };\n}\n\n// Base copy icon button component\ninterface CopyIconButtonProps {\n  onClick: () => void;\n  isCopied: boolean;\n  showTooltip?: boolean;\n}\n\nexport function CopyIconButton({ onClick, isCopied, showTooltip = true }: CopyIconButtonProps) {\n  return (\n    <div className=\"mint:relative\">\n      {showTooltip && isCopied && (\n        <div className=\"mint:absolute mint:bottom-[calc(100%+0.5rem)] mint:left-1/2 mint:-translate-x-1/2 mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#171717] mint:dark:text-[#fafafa] mint:px-2.5 mint:py-1.5 mint:rounded-md mint:text-xs mint:font-medium mint:whitespace-nowrap mint:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)] mint:dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.3),0_2px_4px_-1px_rgba(0,0,0,0.2)] mint:z-10 mint:animate-[fadeIn_0.15s_ease-out] mint:after:content-[''] mint:after:absolute mint:after:top-full mint:after:left-1/2 mint:after:-translate-x-1/2 mint:after:w-0 mint:after:h-0 mint:after:border-l-[6px] mint:after:border-l-transparent mint:after:border-r-[6px] mint:after:border-r-transparent mint:after:border-t-[6px] mint:after:border-t-white mint:dark:after:border-t-[#1a1a1a]\">\n          Copied!\n        </div>\n      )}\n      <button\n        onClick={onClick}\n        className=\"mint:flex mint:items-center mint:gap-1.5 mint:px-2 mint:py-1 mint:text-xs mint:text-[#737373] mint:dark:text-[#a3a3a3] mint:rounded mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:cursor-pointer mint:hover:text-[#9263f1] mint:dark:hover:text-[#c9aaf9]\"\n        aria-label={isCopied ? 'Copied' : 'Copy code'}\n      >\n        {isCopied ? (\n          <ClipboardCheckmarkRegular className=\"mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]\" />\n        ) : (\n          <Copy20Regular className=\"mint:w-5 mint:h-5\" />\n        )}\n      </button>\n    </div>\n  );\n}\n\n// Convenience component that handles text copying\ninterface CopyToClipboardButtonProps {\n  textToCopy: string;\n  showTooltip?: boolean;\n}\n\nexport function CopyToClipboardButton({\n  textToCopy,\n  showTooltip = true,\n}: CopyToClipboardButtonProps) {\n  const { isCopied, copy } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    copy(textToCopy);\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\n// Convenience component that handles blob/data copying\ninterface CopyDataToClipboardButtonProps {\n  data: {\n    type: 'image' | 'audio' | 'video' | 'other';\n    blob: Blob;\n    contentType?: string;\n    content?: string;\n  };\n  showTooltip?: boolean;\n}\n\nexport function CopyDataToClipboardButton({\n  data,\n  showTooltip = true,\n}: CopyDataToClipboardButtonProps) {\n  const { isCopied, copy, copyBlob } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    // Check if we can copy as blob (for images, etc.)\n    if (data.contentType && SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(data.contentType)) {\n      copyBlob(data.blob, data.contentType);\n    } else if (data.type === 'other' && data.content) {\n      // For text content, copy as text\n      copy(data.content);\n    } else {\n      console.error('Unsupported content type for clipboard');\n    }\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\ninterface CodeBlockProps {\n  children: React.ReactNode;\n  className?: string;\n  language?: string;\n  fileName?: string;\n  // Support for copying blobs (images, etc.)\n  blob?: Blob;\n  contentType?: string;\n}\n\nexport function CodeBlock({\n  children,\n  className,\n  fileName,\n  language,\n  blob,\n  contentType,\n}: CodeBlockProps) {\n  const [highlightedCode, setHighlightedCode] = useState<string>('');\n  const { isCopied, copy, copyBlob } = useCopyToClipboard();\n  const lang = language || className?.replace(/^language-/, '') || 'text';\n  const codeText = getNodeText(children);\n  const showContainer = !!fileName;\n\n  const isSSRHighlighted = React.useMemo(() => {\n    if (typeof children !== 'object' || children == null) {\n      return false;\n    }\n\n    const childrenArray = Array.isArray(children) ? children : [children];\n    for (const child of childrenArray) {\n      if (typeof child === 'object' && child != null && 'props' in child && child.props?.children) {\n        const codeChildren = Array.isArray(child.props.children)\n          ? child.props.children\n          : [child.props.children];\n\n        for (const codeChild of codeChildren) {\n          if (\n            typeof codeChild === 'object' &&\n            codeChild != null &&\n            'props' in codeChild &&\n            codeChild.props?.className\n          ) {\n            return true;\n          }\n        }\n      }\n    }\n    return false;\n  }, [children]);\n\n  useEffect(() => {\n    if (isSSRHighlighted) {\n      return;\n    }\n\n    try {\n      const grammar = Prism.languages[lang] || Prism.languages.plaintext;\n      const html = Prism.highlight(codeText, grammar, lang);\n      setHighlightedCode(html);\n    } catch (error) {\n      console.error('Failed to highlight code:', error);\n      setHighlightedCode(codeText);\n    }\n  }, [codeText, lang, isSSRHighlighted]);\n\n  const handleCopy = () => {\n    // If blob and contentType are provided, use blob copying\n    if (blob && contentType) {\n      copyBlob(blob, contentType);\n    } else {\n      // Otherwise, use text copying\n      copy(codeText);\n    }\n  };\n\n  return (\n    <div\n      className={\n        showContainer\n          ? 'mint:flex mint:flex-col mint:gap-2 mint:px-0.5 mint:pb-0.5 mint:rounded-xl mint:overflow-hidden'\n          : undefined\n      }\n    >\n      <div className=\"not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414]\">\n        <div className=\"mint:code-scrollbar mint:overflow-x-scroll\">\n          <pre className=\"mint:px-4 mint:py-2 mint:m-0 mint:whitespace-pre mint:text-sm\">\n            {isSSRHighlighted ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  'mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]'\n                )}\n              >\n                {children}\n              </code>\n            ) : highlightedCode ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  'mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]'\n                )}\n                dangerouslySetInnerHTML={{ __html: highlightedCode }}\n              />\n            ) : (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  'mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]'\n                )}\n              >\n                {codeText}\n              </code>\n            )}\n          </pre>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["SUPPORTED_CLIPBOARD_CONTENT_TYPES","useCopyToClipboard","isCopied","setIsCopied","useState","copy","text","error","blob","contentType","buffer","newBlob","clipboardItem","fallbackError","CopyIconButton","onClick","showTooltip","jsxs","jsx","ClipboardCheckmarkRegular","Copy20Regular","CopyToClipboardButton","textToCopy","CopyDataToClipboardButton","data","copyBlob","CodeBlock","children","className","fileName","language","highlightedCode","setHighlightedCode","lang","codeText","getNodeText","showContainer","isSSRHighlighted","React","childrenArray","child","_a","codeChildren","codeChild","_b","useEffect","grammar","Prism","html","cn"],"mappings":"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"}

package/dist/components/content-components/heading.js

@@ -1,56 +1,53 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { cn as n } from "../../utils/cn.js";
-const x = ({
-  id: t,
-  level: a,
-  children: o,
-  className: r = ""
-}) => {
-  const l = `h${a}`, [m, i] = d(!1), s = (c) => {
-    c.preventDefault();
-    const p = window.location.href.split("#")[0] + "#" + t;
-    navigator.clipboard.writeText(p).then(() => {
-      i(!0), setTimeout(() => i(!1), 2e3);
-    }), window.location.hash = t;
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { useState as C } from "react";
+import { cn as a } from "../../utils/cn.js";
+const B = ({ id: t, level: r, children: c, className: s = "" }) => {
+  const m = `h${r}`, [p, o] = C(!1), d = (u) => {
+    u.preventDefault();
+    const g = window.location.href.split("#")[0] + "#" + t;
+    navigator.clipboard.writeText(g).then(() => {
+      o(!0), setTimeout(() => o(!1), 2e3);
+    });
+    const e = document.getElementById("main-content"), i = document.getElementById(t);
+    if (e && i) {
+      const l = window.getComputedStyle(document.documentElement), f = parseFloat(l.getPropertyValue("--scroll-mt") || "0"), h = parseFloat(l.fontSize), w = f * h, y = e.getBoundingClientRect(), v = i.getBoundingClientRect().top - y.top + e.scrollTop - w;
+      e.scrollTo({
+        top: v,
+        behavior: "instant"
+      });
+    }
+    history.replaceState(null, "", `#${t}`);
   };
-  return /* @__PURE__ */ h(
-    l,
-    {
-      id: t,
-      className: n("mint:group mint:relative", r),
-      children: [
-        o,
-        /* @__PURE__ */ e(
-          "a",
+  return /* @__PURE__ */ x(m, { id: t, className: a("mint:group mint:relative", s), children: [
+    c,
+    /* @__PURE__ */ n(
+      "a",
+      {
+        href: `#${t}`,
+        onClick: d,
+        className: a(
+          "mint:absolute mint:-left-6 mint:top-1/2 mint:-translate-y-1/2 mint:opacity-0 mint:transition-opacity mint:duration-200",
+          "mint:group-hover:opacity-100 mint:text-[#0078d4] mint:dark:text-[#75b6e7]",
+          "mint:no-underline mint:flex mint:items-center mint:justify-center mint:w-5 mint:h-5",
+          "hover:mint:text-[#005a9e] hover:mint:dark:text-[#9ed2f7]"
+        ),
+        "aria-label": `Link to ${t}`,
+        title: p ? "Link copied!" : "Copy link",
+        children: /* @__PURE__ */ n(
+          "svg",
           {
-            href: `#${t}`,
-            onClick: s,
-            className: n(
-              "mint:absolute mint:-left-6 mint:top-1/2 mint:-translate-y-1/2 mint:opacity-0 mint:transition-opacity mint:duration-200",
-              "mint:group-hover:opacity-100 mint:text-[#0078d4] mint:dark:text-[#75b6e7]",
-              "mint:no-underline mint:flex mint:items-center mint:justify-center mint:w-5 mint:h-5",
-              "hover:mint:text-[#005a9e] hover:mint:dark:text-[#9ed2f7]"
-            ),
-            "aria-label": `Link to ${t}`,
-            title: m ? "Link copied!" : "Copy link",
-            children: /* @__PURE__ */ e(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 16 16",
-                fill: "currentColor",
-                className: "mint:w-4 mint:h-4",
-                children: /* @__PURE__ */ e("path", { d: "M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z" })
-              }
-            )
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 16 16",
+            fill: "currentColor",
+            className: "mint:w-4 mint:h-4",
+            children: /* @__PURE__ */ n("path", { d: "M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z" })
           }
         )
-      ]
-    }
-  );
+      }
+    )
+  ] });
 };
 export {
-  x as Heading
+  B as Heading
 };
 //# sourceMappingURL=heading.js.map

package/dist/components/content-components/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sources":["../../../src/components/content-components/heading.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface HeadingProps {\n  id: string;\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport const Heading = ({\n  id,\n  level,\n  children,\n  className = \"\",\n}: HeadingProps) => {\n  const Tag = `h${level}` as keyof JSX.IntrinsicElements;\n  const [isCopied, setIsCopied] = useState(false);\n\n  const handleAnchorClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    const url = window.location.href.split('#')[0] + '#' + id;\n    navigator.clipboard.writeText(url).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 2000);\n    });\n    window.location.hash = id;\n  };\n\n  return (\n    <Tag\n      id={id}\n      className={cn(\"mint:group mint:relative\", className)}\n    >\n      {children}\n      <a\n        href={`#${id}`}\n        onClick={handleAnchorClick}\n        className={cn(\n          \"mint:absolute mint:-left-6 mint:top-1/2 mint:-translate-y-1/2 mint:opacity-0 mint:transition-opacity mint:duration-200\",\n          \"mint:group-hover:opacity-100 mint:text-[#0078d4] mint:dark:text-[#75b6e7]\",\n          \"mint:no-underline mint:flex mint:items-center mint:justify-center mint:w-5 mint:h-5\",\n          \"hover:mint:text-[#005a9e] hover:mint:dark:text-[#9ed2f7]\"\n        )}\n        aria-label={`Link to ${id}`}\n        title={isCopied ? \"Link copied!\" : \"Copy link\"}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 16 16\"\n          fill=\"currentColor\"\n          className=\"mint:w-4 mint:h-4\"\n        >\n          <path d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\" />\n        </svg>\n      </a>\n    </Tag>\n  );\n};\n"],"names":["Heading","id","level","children","className","Tag","isCopied","setIsCopied","useState","handleAnchorClick","e","url","jsxs","cn","jsx"],"mappings":";;;AAUO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAoB;AAClB,QAAMC,IAAM,IAAIH,CAAK,IACf,CAACI,GAAUC,CAAW,IAAIC,EAAS,EAAK,GAExCC,IAAoB,CAACC,MAA2C;AACpE,IAAAA,EAAE,eAAA;AACF,UAAMC,IAAM,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,MAAMV;AACvD,cAAU,UAAU,UAAUU,CAAG,EAAE,KAAK,MAAM;AAC5C,MAAAJ,EAAY,EAAI,GAChB,WAAW,MAAMA,EAAY,EAAK,GAAG,GAAI;AAAA,IAC3C,CAAC,GACD,OAAO,SAAS,OAAON;AAAA,EACzB;AAEA,SACE,gBAAAW;AAAA,IAACP;AAAA,IAAA;AAAA,MACC,IAAAJ;AAAA,MACA,WAAWY,EAAG,4BAA4BT,CAAS;AAAA,MAElD,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAW;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,IAAIb,CAAE;AAAA,YACZ,SAASQ;AAAA,YACT,WAAWI;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,cAAY,WAAWZ,CAAE;AAAA,YACzB,OAAOK,IAAW,iBAAiB;AAAA,YAEnC,UAAA,gBAAAQ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,kWAAA,CAAkW;AAAA,cAAA;AAAA,YAAA;AAAA,UAC5W;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"heading.js","sources":["../../../src/components/content-components/heading.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { cn } from '../../utils/cn';\n\nexport interface HeadingProps {\n  id: string;\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport const Heading = ({ id, level, children, className = '' }: HeadingProps) => {\n  const Tag = `h${level}` as keyof JSX.IntrinsicElements;\n  const [isCopied, setIsCopied] = useState(false);\n\n  const handleAnchorClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    const url = window.location.href.split('#')[0] + '#' + id;\n    navigator.clipboard.writeText(url).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 2000);\n    });\n\n    const scrollContainer = document.getElementById('main-content');\n    const targetElement = document.getElementById(id);\n\n    if (scrollContainer && targetElement) {\n      const style = window.getComputedStyle(document.documentElement);\n      const scrollMtRem = parseFloat(style.getPropertyValue('--scroll-mt') || '0');\n      const fontSize = parseFloat(style.fontSize);\n      const scrollOffset = scrollMtRem * fontSize;\n\n      const containerRect = scrollContainer.getBoundingClientRect();\n      const targetRect = targetElement.getBoundingClientRect();\n      const relativeTop =\n        targetRect.top - containerRect.top + scrollContainer.scrollTop - scrollOffset;\n\n      scrollContainer.scrollTo({\n        top: relativeTop,\n        behavior: 'instant',\n      });\n    }\n\n    history.replaceState(null, '', `#${id}`);\n  };\n\n  return (\n    <Tag id={id} className={cn('mint:group mint:relative', className)}>\n      {children}\n      <a\n        href={`#${id}`}\n        onClick={handleAnchorClick}\n        className={cn(\n          'mint:absolute mint:-left-6 mint:top-1/2 mint:-translate-y-1/2 mint:opacity-0 mint:transition-opacity mint:duration-200',\n          'mint:group-hover:opacity-100 mint:text-[#0078d4] mint:dark:text-[#75b6e7]',\n          'mint:no-underline mint:flex mint:items-center mint:justify-center mint:w-5 mint:h-5',\n          'hover:mint:text-[#005a9e] hover:mint:dark:text-[#9ed2f7]'\n        )}\n        aria-label={`Link to ${id}`}\n        title={isCopied ? 'Link copied!' : 'Copy link'}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 16 16\"\n          fill=\"currentColor\"\n          className=\"mint:w-4 mint:h-4\"\n        >\n          <path d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\" />\n        </svg>\n      </a>\n    </Tag>\n  );\n};\n"],"names":["Heading","id","level","children","className","Tag","isCopied","setIsCopied","useState","handleAnchorClick","e","url","scrollContainer","targetElement","style","scrollMtRem","fontSize","scrollOffset","containerRect","relativeTop","cn","jsx"],"mappings":";;;AAWO,MAAMA,IAAU,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,GAAU,WAAAC,IAAY,SAAuB;AAChF,QAAMC,IAAM,IAAIH,CAAK,IACf,CAACI,GAAUC,CAAW,IAAIC,EAAS,EAAK,GAExCC,IAAoB,CAACC,MAA2C;AACpE,IAAAA,EAAE,eAAA;AACF,UAAMC,IAAM,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,MAAMV;AACvD,cAAU,UAAU,UAAUU,CAAG,EAAE,KAAK,MAAM;AAC5C,MAAAJ,EAAY,EAAI,GAChB,WAAW,MAAMA,EAAY,EAAK,GAAG,GAAI;AAAA,IAC3C,CAAC;AAED,UAAMK,IAAkB,SAAS,eAAe,cAAc,GACxDC,IAAgB,SAAS,eAAeZ,CAAE;AAEhD,QAAIW,KAAmBC,GAAe;AACpC,YAAMC,IAAQ,OAAO,iBAAiB,SAAS,eAAe,GACxDC,IAAc,WAAWD,EAAM,iBAAiB,aAAa,KAAK,GAAG,GACrEE,IAAW,WAAWF,EAAM,QAAQ,GACpCG,IAAeF,IAAcC,GAE7BE,IAAgBN,EAAgB,sBAAA,GAEhCO,IADaN,EAAc,sBAAA,EAEpB,MAAMK,EAAc,MAAMN,EAAgB,YAAYK;AAEnE,MAAAL,EAAgB,SAAS;AAAA,QACvB,KAAKO;AAAA,QACL,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAEA,YAAQ,aAAa,MAAM,IAAI,IAAIlB,CAAE,EAAE;AAAA,EACzC;AAEA,2BACGI,GAAA,EAAI,IAAAJ,GAAQ,WAAWmB,EAAG,4BAA4BhB,CAAS,GAC7D,UAAA;AAAA,IAAAD;AAAA,IACD,gBAAAkB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,IAAIpB,CAAE;AAAA,QACZ,SAASQ;AAAA,QACT,WAAWW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,cAAY,WAAWnB,CAAE;AAAA,QACzB,OAAOK,IAAW,iBAAiB;AAAA,QAEnC,UAAA,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YAEV,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,kWAAA,CAAkW;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5W;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/content-components/tabs/tabs.js

@@ -1,52 +1,52 @@
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import s, { useState as k, useRef as w, useEffect as x } from "react";
-import { cn as f } from "../../../utils/cn.js";
-const A = s.createContext({
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import m, { useState as k, useRef as w, useEffect as N } from "react";
+import { cn as p } from "../../../utils/cn.js";
+const x = m.createContext({
   activeTab: 0,
   setActiveTab: () => {
   }
 });
-function E({ children: h, defaultTab: v = 0, defaultTabIndex: y, className: g, onClickTab: m, onChange: c }) {
-  const [o, b] = k(y ?? v), l = w([]), r = s.Children.toArray(h);
-  x(() => {
-    l.current = l.current.slice(0, r.length);
-  }, [r.length]);
+function E({ children: h, defaultTab: v = 0, defaultTabIndex: y, className: g, onClickTab: o, onChange: c }) {
+  const [s, b] = k(y ?? v), l = w([]), n = m.Children.toArray(h);
+  N(() => {
+    l.current = l.current.slice(0, n.length);
+  }, [n.length]);
   const _ = (e, t) => {
     var i;
-    let n = t;
+    let r = t;
     switch (e.key) {
       case "ArrowRight":
-        e.preventDefault(), n = (t + 1) % r.length;
+        e.preventDefault(), r = (t + 1) % n.length;
         break;
       case "ArrowLeft":
-        e.preventDefault(), n = (t - 1 + r.length) % r.length;
+        e.preventDefault(), r = (t - 1 + n.length) % n.length;
         break;
       case "Home":
-        e.preventDefault(), n = 0;
+        e.preventDefault(), r = 0;
         break;
       case "End":
-        e.preventDefault(), n = r.length - 1;
+        e.preventDefault(), r = n.length - 1;
         break;
       default:
         return;
     }
-    b(n), (i = l.current[n]) == null || i.focus();
+    b(r), (i = l.current[r]) == null || i.focus();
   };
-  return /* @__PURE__ */ a(A.Provider, { value: { activeTab: o, setActiveTab: b }, children: /* @__PURE__ */ p("div", { className: f("mint:my-6", g), children: [
+  return /* @__PURE__ */ a(x.Provider, { value: { activeTab: s, setActiveTab: b }, children: /* @__PURE__ */ u("div", { className: p("mint:my-6", g), children: [
     /* @__PURE__ */ a(
       "div",
       {
         role: "tablist",
         "aria-label": "Content tabs",
         className: "mint:flex mint:gap-1 mint:border-b mint:border-gray-200 mint:mb-4 mint:overflow-x-auto mint:dark:border-b-gray-700",
-        children: r.map((e, t) => {
-          if (!s.isValidElement(e)) return null;
-          const n = e.props.title || `Tab ${t + 1}`, i = e.props.icon, d = o === t;
+        children: n.map((e, t) => {
+          if (!m.isValidElement(e)) return null;
+          const r = e.props.title || `Tab ${t + 1}`, i = e.props.icon, d = s === t;
           return /* @__PURE__ */ a(
             "button",
             {
-              ref: (u) => {
-                l.current[t] = u;
+              ref: (f) => {
+                l.current[t] = f;
               },
               role: "tab",
               "aria-selected": d,
@@ -54,16 +54,19 @@ function E({ children: h, defaultTab: v = 0, defaultTabIndex: y, className: g, o
               id: `tab-${t}`,
               tabIndex: d ? 0 : -1,
               onClick: () => {
-                b(t), m == null || m(t), c == null || c(t);
+                b(t), o == null || o(t), c == null || c(t);
               },
-              onKeyDown: (u) => _(u, t),
-              className: f(
-                "mint:px-4 mint:py-2 mint:text-sm mint:font-medium mint:border-0 mint:border-b-2 mint:rounded-t mint:bg-transparent mint:cursor-pointer mint:transition-all mint:duration-150 mint:focus:outline-none mint:focus-visible:shadow-[0_0_0_2px_#fff,0_0_0_4px_#75b6e7] mint:focus-visible:outline-offset-2",
-                d ? "mint:border-b-[#0078d4] mint:text-[#0078d4] mint:dark:border-b-[#75b6e7] mint:dark:text-[#75b6e7]" : "mint:border-b-transparent mint:text-gray-600 mint:hover:text-gray-900 mint:hover:border-b-gray-300 mint:dark:text-gray-400 mint:dark:hover:text-gray-200 mint:dark:hover:border-b-gray-600"
+              onKeyDown: (f) => _(f, t),
+              className: p(
+                "mint:px-4 mint:py-2 mint:text-sm mint:font-medium mint:border-0 mint:border-b-2 mint:rounded-t mint:bg-transparent mint:cursor-pointer mint:focus:outline-none mint:focus-visible:shadow-[0_0_0_2px_#fff,0_0_0_4px_#75b6e7] mint:focus-visible:outline-offset-2",
+                d ? "mint:border-b-[#8251ee] mint:text-[#242424] mint:dark:border-b-[#9263f1] mint:dark:text-[#ffffff] mint:font-semibold" : "mint:border-b-transparent mint:text-gray-600 mint:hover:text-gray-900 mint:hover:border-b-gray-300 mint:dark:text-gray-400 mint:dark:hover:text-gray-200 mint:dark:hover:border-b-gray-600"
               ),
-              children: /* @__PURE__ */ p("span", { className: "mint:flex mint:items-center mint:gap-2", children: [
+              children: /* @__PURE__ */ u("span", { className: "mint:flex mint:items-center mint:gap-2", children: [
                 i && /* @__PURE__ */ a("span", { "aria-hidden": "true", children: i }),
-                n
+                /* @__PURE__ */ u("span", { className: "mint:relative", children: [
+                  /* @__PURE__ */ a("span", { className: "mint:invisible mint:font-semibold", "aria-hidden": "true", children: r }),
+                  /* @__PURE__ */ a("span", { className: "mint:absolute mint:inset-0", children: r })
+                ] })
               ] })
             },
             t
@@ -71,19 +74,19 @@ function E({ children: h, defaultTab: v = 0, defaultTabIndex: y, className: g, o
         })
       }
     ),
-    /* @__PURE__ */ a("div", { children: r.map((e, t) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { children: n.map((e, t) => /* @__PURE__ */ a(
       "div",
       {
         role: "tabpanel",
         id: `tabpanel-${t}`,
         "aria-labelledby": `tab-${t}`,
         tabIndex: 0,
-        hidden: o !== t,
-        className: f(
+        hidden: s !== t,
+        className: p(
           "mint:outline-none",
-          o !== t && "mint:hidden"
+          s !== t && "mint:hidden"
         ),
-        children: s.isValidElement(e) ? e.props.children : null
+        children: m.isValidElement(e) ? e.props.children : null
       },
       t
     )) })
@@ -91,6 +94,6 @@ function E({ children: h, defaultTab: v = 0, defaultTabIndex: y, className: g, o
 }
 export {
   E as Tabs,
-  A as TabsContext
+  x as TabsContext
 };
 //# sourceMappingURL=tabs.js.map

package/dist/components/content-components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../../../src/components/content-components/tabs/tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport { cn } from \"../../../utils/cn\";\n\ninterface TabsProps {\n  children: React.ReactNode;\n  defaultTab?: number;\n  defaultTabIndex?: number;\n  className?: string;\n  onClickTab?: (index: number) => void;\n  onChange?: (index: number) => void;\n}\n\ninterface TabsContextValue {\n  activeTab: number;\n  setActiveTab: (index: number) => void;\n}\n\nexport const TabsContext = React.createContext<TabsContextValue>({\n  activeTab: 0,\n  setActiveTab: () => {},\n});\n\nexport function Tabs({ children, defaultTab = 0, defaultTabIndex, className, onClickTab, onChange }: TabsProps) {\n  const [activeTab, setActiveTab] = useState(defaultTabIndex ?? defaultTab);\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const tabs = React.Children.toArray(children);\n\n  useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, tabs.length);\n  }, [tabs.length]);\n\n  const handleKeyDown = (event: React.KeyboardEvent, currentIndex: number) => {\n    let newIndex = currentIndex;\n\n    switch (event.key) {\n      case \"ArrowRight\":\n        event.preventDefault();\n        newIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        newIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      case \"Home\":\n        event.preventDefault();\n        newIndex = 0;\n        break;\n      case \"End\":\n        event.preventDefault();\n        newIndex = tabs.length - 1;\n        break;\n      default:\n        return;\n    }\n\n    setActiveTab(newIndex);\n    tabRefs.current[newIndex]?.focus();\n  };\n\n  return (\n    <TabsContext.Provider value={{ activeTab, setActiveTab }}>\n      <div className={cn(\"mint:my-6\", className)}>\n        <div\n          role=\"tablist\"\n          aria-label=\"Content tabs\"\n          className=\"mint:flex mint:gap-1 mint:border-b mint:border-gray-200 mint:mb-4 mint:overflow-x-auto mint:dark:border-b-gray-700\"\n        >\n          {tabs.map((tab, index) => {\n            if (!React.isValidElement(tab)) return null;\n            const title = tab.props.title || `Tab ${index + 1}`;\n            const icon = tab.props.icon;\n            const isActive = activeTab === index;\n\n            return (\n              <button\n                key={index}\n                ref={(el) => {tabRefs.current[index] = el}}\n                role=\"tab\"\n                aria-selected={isActive}\n                aria-controls={`tabpanel-${index}`}\n                id={`tab-${index}`}\n                tabIndex={isActive ? 0 : -1}\n                onClick={() => {\n                  setActiveTab(index);\n                  onClickTab?.(index);\n                  onChange?.(index);\n                }}\n                onKeyDown={(e) => handleKeyDown(e, index)}\n                className={cn(\n                  \"mint:px-4 mint:py-2 mint:text-sm mint:font-medium mint:border-0 mint:border-b-2 mint:rounded-t mint:bg-transparent mint:cursor-pointer mint:transition-all mint:duration-150 mint:focus:outline-none mint:focus-visible:shadow-[0_0_0_2px_#fff,0_0_0_4px_#75b6e7] mint:focus-visible:outline-offset-2\",\n                  isActive\n                    ? \"mint:border-b-[#0078d4] mint:text-[#0078d4] mint:dark:border-b-[#75b6e7] mint:dark:text-[#75b6e7]\"\n                    : \"mint:border-b-transparent mint:text-gray-600 mint:hover:text-gray-900 mint:hover:border-b-gray-300 mint:dark:text-gray-400 mint:dark:hover:text-gray-200 mint:dark:hover:border-b-gray-600\"\n                )}\n              >\n                <span className=\"mint:flex mint:items-center mint:gap-2\">\n                  {icon && <span aria-hidden=\"true\">{icon}</span>}\n                  {title}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        <div>\n          {tabs.map((tab, index) => (\n            <div\n              key={index}\n              role=\"tabpanel\"\n              id={`tabpanel-${index}`}\n              aria-labelledby={`tab-${index}`}\n              tabIndex={0}\n              hidden={activeTab !== index}\n              className={cn(\n                \"mint:outline-none\",\n                activeTab !== index && \"mint:hidden\"\n              )}\n            >\n              {React.isValidElement(tab) ? tab.props.children : null}\n            </div>\n          ))}\n        </div>\n      </div>\n    </TabsContext.Provider>\n  );\n}\n"],"names":["TabsContext","React","Tabs","children","defaultTab","defaultTabIndex","className","onClickTab","onChange","activeTab","setActiveTab","useState","tabRefs","useRef","tabs","useEffect","handleKeyDown","event","currentIndex","newIndex","_a","jsx","cn","tab","index","title","icon","isActive","el","e","jsxs"],"mappings":";;;AAiBO,MAAMA,IAAcC,EAAM,cAAgC;AAAA,EAC/D,WAAW;AAAA,EACX,cAAc,MAAM;AAAA,EAAC;AACvB,CAAC;AAEM,SAASC,EAAK,EAAE,UAAAC,GAAU,YAAAC,IAAa,GAAG,iBAAAC,GAAiB,WAAAC,GAAW,YAAAC,GAAY,UAAAC,KAAuB;AAC9G,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASN,KAAmBD,CAAU,GAClEQ,IAAUC,EAAqC,EAAE,GAEjDC,IAAOb,EAAM,SAAS,QAAQE,CAAQ;AAE5C,EAAAY,EAAU,MAAM;AACd,IAAAH,EAAQ,UAAUA,EAAQ,QAAQ,MAAM,GAAGE,EAAK,MAAM;AAAA,EACxD,GAAG,CAACA,EAAK,MAAM,CAAC;AAEhB,QAAME,IAAgB,CAACC,GAA4BC,MAAyB;;AAC1E,QAAIC,IAAWD;AAEf,YAAQD,EAAM,KAAA;AAAA,MACZ,KAAK;AACH,QAAAA,EAAM,eAAA,GACNE,KAAYD,IAAe,KAAKJ,EAAK;AACrC;AAAA,MACF,KAAK;AACH,QAAAG,EAAM,eAAA,GACNE,KAAYD,IAAe,IAAIJ,EAAK,UAAUA,EAAK;AACnD;AAAA,MACF,KAAK;AACH,QAAAG,EAAM,eAAA,GACNE,IAAW;AACX;AAAA,MACF,KAAK;AACH,QAAAF,EAAM,eAAA,GACNE,IAAWL,EAAK,SAAS;AACzB;AAAA,MACF;AACE;AAAA,IAAA;AAGJ,IAAAJ,EAAaS,CAAQ,IACrBC,IAAAR,EAAQ,QAAQO,CAAQ,MAAxB,QAAAC,EAA2B;AAAA,EAC7B;AAEA,SACE,gBAAAC,EAACrB,EAAY,UAAZ,EAAqB,OAAO,EAAE,WAAAS,GAAW,cAAAC,EAAA,GACxC,4BAAC,OAAA,EAAI,WAAWY,EAAG,aAAahB,CAAS,GACvC,UAAA;AAAA,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAU;AAAA,QAET,UAAAP,EAAK,IAAI,CAACS,GAAKC,MAAU;AACxB,cAAI,CAACvB,EAAM,eAAesB,CAAG,EAAG,QAAO;AACvC,gBAAME,IAAQF,EAAI,MAAM,SAAS,OAAOC,IAAQ,CAAC,IAC3CE,IAAOH,EAAI,MAAM,MACjBI,IAAWlB,MAAce;AAE/B,iBACE,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,KAAK,CAACO,MAAO;AAAC,gBAAAhB,EAAQ,QAAQY,CAAK,IAAII;AAAA,cAAE;AAAA,cACzC,MAAK;AAAA,cACL,iBAAeD;AAAA,cACf,iBAAe,YAAYH,CAAK;AAAA,cAChC,IAAI,OAAOA,CAAK;AAAA,cAChB,UAAUG,IAAW,IAAI;AAAA,cACzB,SAAS,MAAM;AACb,gBAAAjB,EAAac,CAAK,GAClBjB,KAAA,QAAAA,EAAaiB,IACbhB,KAAA,QAAAA,EAAWgB;AAAA,cACb;AAAA,cACA,WAAW,CAACK,MAAMb,EAAca,GAAGL,CAAK;AAAA,cACxC,WAAWF;AAAA,gBACT;AAAA,gBACAK,IACI,sGACA;AAAA,cAAA;AAAA,cAGN,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,0CACb,UAAA;AAAA,gBAAAJ,KAAQ,gBAAAL,EAAC,QAAA,EAAK,eAAY,QAAQ,UAAAK,GAAK;AAAA,gBACvCD;AAAA,cAAA,EAAA,CACH;AAAA,YAAA;AAAA,YAvBKD;AAAA,UAAA;AAAA,QA0BX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGF,OAAA,EACE,UAAAV,EAAK,IAAI,CAACS,GAAKC,MACd,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,IAAI,YAAYG,CAAK;AAAA,QACrB,mBAAiB,OAAOA,CAAK;AAAA,QAC7B,UAAU;AAAA,QACV,QAAQf,MAAce;AAAA,QACtB,WAAWF;AAAA,UACT;AAAA,UACAb,MAAce,KAAS;AAAA,QAAA;AAAA,QAGxB,YAAM,eAAeD,CAAG,IAAIA,EAAI,MAAM,WAAW;AAAA,MAAA;AAAA,MAX7CC;AAAA,IAAA,CAaR,EAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"tabs.js","sources":["../../../../src/components/content-components/tabs/tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport { cn } from \"../../../utils/cn\";\n\ninterface TabsProps {\n  children: React.ReactNode;\n  defaultTab?: number;\n  defaultTabIndex?: number;\n  className?: string;\n  onClickTab?: (index: number) => void;\n  onChange?: (index: number) => void;\n}\n\ninterface TabsContextValue {\n  activeTab: number;\n  setActiveTab: (index: number) => void;\n}\n\nexport const TabsContext = React.createContext<TabsContextValue>({\n  activeTab: 0,\n  setActiveTab: () => {},\n});\n\nexport function Tabs({ children, defaultTab = 0, defaultTabIndex, className, onClickTab, onChange }: TabsProps) {\n  const [activeTab, setActiveTab] = useState(defaultTabIndex ?? defaultTab);\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const tabs = React.Children.toArray(children);\n\n  useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, tabs.length);\n  }, [tabs.length]);\n\n  const handleKeyDown = (event: React.KeyboardEvent, currentIndex: number) => {\n    let newIndex = currentIndex;\n\n    switch (event.key) {\n      case \"ArrowRight\":\n        event.preventDefault();\n        newIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        newIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      case \"Home\":\n        event.preventDefault();\n        newIndex = 0;\n        break;\n      case \"End\":\n        event.preventDefault();\n        newIndex = tabs.length - 1;\n        break;\n      default:\n        return;\n    }\n\n    setActiveTab(newIndex);\n    tabRefs.current[newIndex]?.focus();\n  };\n\n  return (\n    <TabsContext.Provider value={{ activeTab, setActiveTab }}>\n      <div className={cn(\"mint:my-6\", className)}>\n        <div\n          role=\"tablist\"\n          aria-label=\"Content tabs\"\n          className=\"mint:flex mint:gap-1 mint:border-b mint:border-gray-200 mint:mb-4 mint:overflow-x-auto mint:dark:border-b-gray-700\"\n        >\n          {tabs.map((tab, index) => {\n            if (!React.isValidElement(tab)) return null;\n            const title = tab.props.title || `Tab ${index + 1}`;\n            const icon = tab.props.icon;\n            const isActive = activeTab === index;\n\n            return (\n              <button\n                key={index}\n                ref={(el) => {tabRefs.current[index] = el}}\n                role=\"tab\"\n                aria-selected={isActive}\n                aria-controls={`tabpanel-${index}`}\n                id={`tab-${index}`}\n                tabIndex={isActive ? 0 : -1}\n                onClick={() => {\n                  setActiveTab(index);\n                  onClickTab?.(index);\n                  onChange?.(index);\n                }}\n                onKeyDown={(e) => handleKeyDown(e, index)}\n                className={cn(\n                  \"mint:px-4 mint:py-2 mint:text-sm mint:font-medium mint:border-0 mint:border-b-2 mint:rounded-t mint:bg-transparent mint:cursor-pointer mint:focus:outline-none mint:focus-visible:shadow-[0_0_0_2px_#fff,0_0_0_4px_#75b6e7] mint:focus-visible:outline-offset-2\",\n                  isActive\n                    ? \"mint:border-b-[#8251ee] mint:text-[#242424] mint:dark:border-b-[#9263f1] mint:dark:text-[#ffffff] mint:font-semibold\"\n                    : \"mint:border-b-transparent mint:text-gray-600 mint:hover:text-gray-900 mint:hover:border-b-gray-300 mint:dark:text-gray-400 mint:dark:hover:text-gray-200 mint:dark:hover:border-b-gray-600\"\n                )}\n              >\n                <span className=\"mint:flex mint:items-center mint:gap-2\">\n                  {icon && <span aria-hidden=\"true\">{icon}</span>}\n                  <span className=\"mint:relative\">\n                    <span className=\"mint:invisible mint:font-semibold\" aria-hidden=\"true\">\n                      {title}\n                    </span>\n                    <span className=\"mint:absolute mint:inset-0\">\n                      {title}\n                    </span>\n                  </span>\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        <div>\n          {tabs.map((tab, index) => (\n            <div\n              key={index}\n              role=\"tabpanel\"\n              id={`tabpanel-${index}`}\n              aria-labelledby={`tab-${index}`}\n              tabIndex={0}\n              hidden={activeTab !== index}\n              className={cn(\n                \"mint:outline-none\",\n                activeTab !== index && \"mint:hidden\"\n              )}\n            >\n              {React.isValidElement(tab) ? tab.props.children : null}\n            </div>\n          ))}\n        </div>\n      </div>\n    </TabsContext.Provider>\n  );\n}\n"],"names":["TabsContext","React","Tabs","children","defaultTab","defaultTabIndex","className","onClickTab","onChange","activeTab","setActiveTab","useState","tabRefs","useRef","tabs","useEffect","handleKeyDown","event","currentIndex","newIndex","_a","jsx","cn","tab","index","title","icon","isActive","el","e","jsxs"],"mappings":"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"}