@cck-ui/core 0.20.2 → 0.21.0

package/cjs/components/file-button/file-button.cjs

@@ -0,0 +1,116 @@
+"use client";
+const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_use_component_props = require("../../core/config-provider/use-component-props/use-component-props.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/components/file-button/file-button.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	name: "CFileButton",
+	__name: "file-button",
+	props: {
+		multiple: {
+			type: Boolean,
+			required: false
+		},
+		accept: {
+			type: String,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		form: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		capture: {
+			type: [Boolean, String],
+			required: false
+		},
+		inputProps: {
+			type: Object,
+			required: false
+		}
+	},
+	emits: ["change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const inputRef = (0, vue.ref)(null);
+		const rawProps = __props;
+		const emit = __emit;
+		const defaultProps = {
+			multiple: false,
+			disabled: false
+		};
+		const props = require_use_component_props.useComponentProps({
+			component: "CFileButton",
+			defaultProps,
+			props: rawProps
+		});
+		const handleClick = () => {
+			if (!props.value.disabled) inputRef.value?.click();
+		};
+		const handleChange = (event) => {
+			const target = event.target;
+			if (target.files === null) {
+				emit("change", props.value.multiple ? [] : null);
+				return;
+			}
+			if (props.value.multiple !== false && props.value.multiple !== void 0) emit("change", Array.from(target.files));
+			else emit("change", target.files[0] || null);
+		};
+		const reset = () => {
+			if (inputRef.value) inputRef.value.value = "";
+		};
+		__expose({
+			input: inputRef,
+			reset
+		});
+		const __returned__ = {
+			inputRef,
+			rawProps,
+			emit,
+			defaultProps,
+			props,
+			handleClick,
+			handleChange,
+			reset
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+const _hoisted_1 = [
+	"accept",
+	"capture",
+	"disabled",
+	"form",
+	"multiple",
+	"name"
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createElementVNode)("input", (0, vue.mergeProps)({
+		ref: "inputRef",
+		style: { "display": "none" },
+		type: "file"
+	}, $setup.props.inputProps, {
+		accept: $setup.props.accept,
+		capture: $setup.props.capture,
+		disabled: $setup.props.disabled,
+		form: $setup.props.form,
+		multiple: $setup.props.multiple,
+		name: $setup.props.name,
+		onChange: $setup.handleChange
+	}), null, 16, _hoisted_1), (0, vue.renderSlot)(_ctx.$slots, "default", { onClick: $setup.handleClick })], 64);
+}
+var file_button_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/file-button/file-button.vue"]]);
+//#endregion
+exports.default = file_button_default;
+
+//# sourceMappingURL=file-button.cjs.map

package/cjs/components/file-button/file-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-button.cjs","names":[],"sources":["../../../src/components/file-button/file-button.vue"],"sourcesContent":["<template>\n  <input\n    ref=\"inputRef\"\n    style=\"display: none\"\n    type=\"file\"\n    v-bind=\"props.inputProps\"\n    :accept=\"props.accept\"\n    :capture=\"props.capture\"\n    :disabled=\"props.disabled\"\n    :form=\"props.form\"\n    :multiple=\"props.multiple\"\n    :name=\"props.name\"\n    @change=\"handleChange\"\n  />\n  <slot :on-click=\"handleClick\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { useComponentProps } from '../../core'\nimport { FileButtonProps } from './file-button.types'\n\ndefineOptions({\n  name: 'CFileButton',\n})\n\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nconst rawProps = defineProps<FileButtonProps>()\n\nconst emit = defineEmits<{\n  (e: 'change', payload: File | File[] | null): void\n}>()\n\nconst defaultProps = {\n  multiple: false,\n  disabled: false,\n} satisfies Partial<FileButtonProps>\n\nconst props = useComponentProps({\n  component: 'CFileButton',\n  defaultProps,\n  props: rawProps,\n})\n\nconst handleClick = () => {\n  if (!props.value.disabled) {\n    inputRef.value?.click()\n  }\n}\n\nconst handleChange = (event: Event) => {\n  const target = event.target as HTMLInputElement\n  if (target.files === null) {\n    emit('change', props.value.multiple ? [] : null)\n    return\n  }\n\n  if (props.value.multiple !== false && props.value.multiple !== undefined) {\n    emit('change', Array.from(target.files))\n  } else {\n    emit('change', target.files[0] || null)\n  }\n}\n\nconst reset = () => {\n  if (inputRef.value) {\n    inputRef.value.value = ''\n  }\n}\n\ndefineExpose({\n  input: inputRef,\n  reset,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,YAAA,GAAA,IAAA,IAAA,CAAwC,IAAI;EAElD,MAAM,WAAW;EAEjB,MAAM,OAAO;EAIb,MAAM,eAAe;GACnB,UAAU;GACV,UAAU;EACZ;EAEA,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX;GACA,OAAO;EACT,CAAC;EAED,MAAM,oBAAoB;GACxB,IAAI,CAAC,MAAM,MAAM,UACf,SAAS,OAAO,MAAM;EAE1B;EAEA,MAAM,gBAAgB,UAAiB;GACrC,MAAM,SAAS,MAAM;GACrB,IAAI,OAAO,UAAU,MAAM;IACzB,KAAK,UAAU,MAAM,MAAM,WAAW,CAAC,IAAI,IAAI;IAC/C;GACF;GAEA,IAAI,MAAM,MAAM,aAAa,SAAS,MAAM,MAAM,aAAa,KAAA,GAC7D,KAAK,UAAU,MAAM,KAAK,OAAO,KAAK,CAAC;QAEvC,KAAK,UAAU,OAAO,MAAM,MAAM,IAAI;EAE1C;EAEA,MAAM,cAAc;GAClB,IAAI,SAAS,OACX,SAAS,MAAM,QAAQ;EAE3B;EAEA,SAAa;GACX,OAAO;GACP;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;2GA7DG,UAAA,GAAA,IAAA,WAAA,CAAA;EAXA,KAAI;EACJ,OAAA,EAAA,WAAA,OAAA;EACA,MAAK;IACG,OAAA,MAAM,YAAU;EACvB,QAAQ,OAAA,MAAM;EACd,SAAS,OAAA,MAAM;EACf,UAAU,OAAA,MAAM;EAChB,MAAM,OAAA,MAAM;EACZ,UAAU,OAAA,MAAM;EAChB,MAAM,OAAA,MAAM;EACZ,UAAQ,OAAA;gDAEqB,KAAA,QAAA,WAAA,EAAzB,SAAU,OAAA,YAAW,CAAA,CAAA,GAAA,EAAA"}

package/cjs/components/file-button/index.cjs

@@ -0,0 +1,10 @@
+"use client";
+const require_install = require("../../core/utils/vue/install.cjs");
+const require_file_button = require("./file-button.cjs");
+//#region packages/@cck-ui/core/src/components/file-button/index.ts
+const CFileButton = require_install.withInstall(require_file_button.default);
+//#endregion
+exports.CFileButton = CFileButton;
+exports.default = CFileButton;
+
+//# sourceMappingURL=index.cjs.map

package/cjs/components/file-button/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["withInstall","FileButton"],"sources":["../../../src/components/file-button/index.ts"],"sourcesContent":["import { withInstall } from '../../core'\nimport FileButton from './file-button.vue'\n\nexport const CFileButton = withInstall(FileButton)\n\nexport default CFileButton\n\nexport * from './file-button.types'\n"],"mappings":";;;;AAGA,MAAa,cAAcA,gBAAAA,YAAYC,oBAAAA,OAAU"}

package/cjs/components/typography/index.cjs

@@ -0,0 +1,13 @@
+"use client";
+const require_install = require("../../core/utils/vue/install.cjs");
+const require_statics = require("../../core/utils/vue/statics.cjs");
+const require_typography_module = require("./typography.module.cjs");
+const require_typography = require("./typography.cjs");
+//#region packages/@cck-ui/core/src/components/typography/index.ts
+const TypographyWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withClasses(require_typography.default, require_typography_module.default)));
+const CTypography = require_install.withInstall(TypographyWithStatic);
+//#endregion
+exports.CTypography = CTypography;
+exports.default = CTypography;
+
+//# sourceMappingURL=index.cjs.map

package/cjs/components/typography/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["withPropsFactory","withExtend","withClasses","Typography","classes","withInstall"],"sources":["../../../src/components/typography/index.ts"],"sourcesContent":["import {\n  SFCWithInstallAndClasses,\n  withClasses,\n  withExtend,\n  withInstall,\n  withPropsFactory,\n} from '../../core'\nimport classes from './typography.module.css'\nimport Typography from './typography.vue'\n\nconst TypographyWithStatic = withPropsFactory(withExtend(withClasses(Typography, classes)))\n\nexport const CTypography: SFCWithInstallAndClasses<typeof Typography, typeof classes> =\n  withInstall(TypographyWithStatic)\n\nexport default CTypography\n\nexport * from './typography.types'\n"],"mappings":";;;;;;AAUA,MAAM,uBAAuBA,gBAAAA,iBAAiBC,gBAAAA,WAAWC,gBAAAA,YAAYC,mBAAAA,SAAYC,0BAAAA,OAAO,CAAC,CAAC;AAE1F,MAAa,cACXC,gBAAAA,YAAY,oBAAoB"}

package/cjs/components/typography/typography.cjs

@@ -0,0 +1,381 @@
+"use client";
+const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
+const require_use_component_props = require("../../core/config-provider/use-component-props/use-component-props.cjs");
+const require_index = require("../../core/box/index.cjs");
+const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
+const require_typography_module = require("./typography.module.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/core/src/components/typography/typography.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	name: "CTypography",
+	__name: "typography",
+	props: {
+		className: {
+			type: String,
+			required: false
+		},
+		style: {
+			type: [
+				Object,
+				Function,
+				Array
+			],
+			required: false,
+			skipCheck: true
+		},
+		__vars: {
+			type: null,
+			required: false
+		},
+		__size: {
+			type: String,
+			required: false
+		},
+		hiddenFrom: {
+			type: null,
+			required: false
+		},
+		visibleFrom: {
+			type: null,
+			required: false
+		},
+		lightHidden: {
+			type: Boolean,
+			required: false
+		},
+		darkHidden: {
+			type: Boolean,
+			required: false
+		},
+		mod: {
+			type: [
+				Object,
+				String,
+				Array
+			],
+			required: false
+		},
+		m: {
+			type: null,
+			required: false
+		},
+		my: {
+			type: null,
+			required: false
+		},
+		mx: {
+			type: null,
+			required: false
+		},
+		mt: {
+			type: null,
+			required: false
+		},
+		mb: {
+			type: null,
+			required: false
+		},
+		ms: {
+			type: null,
+			required: false
+		},
+		me: {
+			type: null,
+			required: false
+		},
+		mis: {
+			type: null,
+			required: false
+		},
+		mie: {
+			type: null,
+			required: false
+		},
+		ml: {
+			type: null,
+			required: false
+		},
+		mr: {
+			type: null,
+			required: false
+		},
+		p: {
+			type: null,
+			required: false
+		},
+		py: {
+			type: null,
+			required: false
+		},
+		px: {
+			type: null,
+			required: false
+		},
+		pt: {
+			type: null,
+			required: false
+		},
+		pb: {
+			type: null,
+			required: false
+		},
+		ps: {
+			type: null,
+			required: false
+		},
+		pe: {
+			type: null,
+			required: false
+		},
+		pis: {
+			type: null,
+			required: false
+		},
+		pie: {
+			type: null,
+			required: false
+		},
+		pl: {
+			type: null,
+			required: false
+		},
+		pr: {
+			type: null,
+			required: false
+		},
+		bd: {
+			type: null,
+			required: false
+		},
+		bdrs: {
+			type: null,
+			required: false
+		},
+		bg: {
+			type: null,
+			required: false
+		},
+		c: {
+			type: null,
+			required: false
+		},
+		opacity: {
+			type: [
+				String,
+				Object,
+				Number
+			],
+			required: false
+		},
+		ff: {
+			type: [String, Object],
+			required: false
+		},
+		fz: {
+			type: null,
+			required: false
+		},
+		fw: {
+			type: null,
+			required: false
+		},
+		lts: {
+			type: null,
+			required: false
+		},
+		ta: {
+			type: [String, Object],
+			required: false
+		},
+		lh: {
+			type: null,
+			required: false
+		},
+		fs: {
+			type: null,
+			required: false
+		},
+		tt: {
+			type: [String, Object],
+			required: false
+		},
+		td: {
+			type: null,
+			required: false
+		},
+		w: {
+			type: null,
+			required: false
+		},
+		miw: {
+			type: null,
+			required: false
+		},
+		maw: {
+			type: null,
+			required: false
+		},
+		h: {
+			type: null,
+			required: false
+		},
+		mih: {
+			type: null,
+			required: false
+		},
+		mah: {
+			type: null,
+			required: false
+		},
+		bgsz: {
+			type: null,
+			required: false
+		},
+		bgp: {
+			type: null,
+			required: false
+		},
+		bgr: {
+			type: null,
+			required: false
+		},
+		bga: {
+			type: null,
+			required: false
+		},
+		pos: {
+			type: [String, Object],
+			required: false
+		},
+		top: {
+			type: null,
+			required: false
+		},
+		left: {
+			type: null,
+			required: false
+		},
+		bottom: {
+			type: null,
+			required: false
+		},
+		right: {
+			type: null,
+			required: false
+		},
+		inset: {
+			type: null,
+			required: false
+		},
+		display: {
+			type: null,
+			required: false
+		},
+		flex: {
+			type: null,
+			required: false
+		},
+		unstyled: {
+			type: Boolean,
+			required: false
+		},
+		variant: {
+			type: null,
+			required: false
+		},
+		classNames: {
+			type: null,
+			required: false
+		},
+		styles: {
+			type: null,
+			required: false
+		},
+		vars: {
+			type: Function,
+			required: false
+		},
+		attributes: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const _root = (0, vue.ref)(null);
+		const attrs = (0, vue.useAttrs)();
+		const rawProps = __props;
+		const props = require_use_component_props.useComponentProps({
+			component: "CTypography",
+			defaultProps: {},
+			props: rawProps
+		});
+		const knownProps = [
+			"classNames",
+			"className",
+			"style",
+			"styles",
+			"unstyled",
+			"attributes"
+		];
+		const styleProps = (0, vue.computed)(() => ({
+			...props.value,
+			...attrs,
+			style: attrs.style ?? props.value.style
+		}));
+		const getStyles = require_use_styles.useStyles({
+			name: "Typography",
+			classes: require_typography_module.default,
+			props: styleProps,
+			className: () => props.value.className,
+			style: () => props.value.style,
+			classNames: props.value.classNames,
+			styles: props.value.styles,
+			unstyled: props.value.unstyled,
+			attributes: props.value.attributes
+		});
+		const rootAttrs = (0, vue.computed)(() => getStyles("root"));
+		const mergedAttrs = (0, vue.computed)(() => {
+			const others = {};
+			const propsValue = props.value;
+			for (const key in propsValue) if (!knownProps.includes(key)) others[key] = propsValue[key];
+			const userMod = props.value.mod;
+			const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)];
+			return {
+				...others,
+				mod: mergedMod,
+				...rootAttrs.value
+			};
+		});
+		__expose({ root: (0, vue.computed)(() => _root.value?.root ?? null) });
+		const __returned__ = {
+			_root,
+			attrs,
+			rawProps,
+			props,
+			knownProps,
+			styleProps,
+			getStyles,
+			rootAttrs,
+			mergedAttrs,
+			get CBox() {
+				return require_index.CBox;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ ref: "_root" }, $setup.mergedAttrs), {
+		default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+		_: 3
+	}, 16);
+}
+var typography_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/typography/typography.vue"]]);
+//#endregion
+exports.default = typography_default;
+
+//# sourceMappingURL=typography.cjs.map

package/cjs/components/typography/typography.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.cjs","names":[],"sources":["../../../src/components/typography/typography.vue"],"sourcesContent":["<template>\n  <c-box ref=\"_root\" v-bind=\"mergedAttrs\">\n    <slot />\n  </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CBox, CStyleProp, useComponentProps, useStyles } from '../../core'\nimport { TypographyFactory, TypographyProps } from './typography.types'\nimport classes from './typography.module.css'\n\ndefineOptions({\n  name: 'CTypography',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<TypographyProps>()\n\nconst props = useComponentProps({\n  component: 'CTypography',\n  defaultProps: {},\n  props: rawProps,\n})\n\nconst knownProps = ['classNames', 'className', 'style', 'styles', 'unstyled', 'attributes']\n\nconst styleProps = computed(() => ({\n  ...props.value,\n  ...attrs,\n  style: (attrs.style ?? props.value.style) as CStyleProp,\n}))\n\nconst getStyles = useStyles<TypographyFactory>({\n  name: 'Typography',\n  classes,\n  props: styleProps,\n  className: () => props.value.className,\n  style: () => props.value.style,\n  classNames: props.value.classNames,\n  styles: props.value.styles,\n  unstyled: props.value.unstyled,\n  attributes: props.value.attributes,\n})\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => {\n  const others: Record<string, any> = {}\n  const propsValue = props.value\n  for (const key in propsValue) {\n    if (!knownProps.includes(key)) {\n      others[key] = propsValue[key as keyof typeof propsValue]\n    }\n  }\n  const userMod = props.value.mod\n  const mergedMod = [...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean))]\n  return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n  root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,SAAA,GAAA,IAAA,IAAA,CAA8C,IAAI;EAExD,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX,cAAc,CAAC;GACf,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GAAC;GAAc;GAAa;GAAS;GAAU;GAAY;EAAY;EAE1F,MAAM,cAAA,GAAA,IAAA,SAAA,QAA6B;GACjC,GAAG,MAAM;GACT,GAAG;GACH,OAAQ,MAAM,SAAS,MAAM,MAAM;EACrC,EAAE;EAEF,MAAM,YAAY,mBAAA,UAA6B;GAC7C,MAAM;GACN,SAAA,0BAAA;GACA,OAAO;GACP,iBAAiB,MAAM,MAAM;GAC7B,aAAa,MAAM,MAAM;GACzB,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;EAC1B,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,MAAM,CAAC;EAElD,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B;GACjC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,KAAK,MAAM,OAAO,YAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAG7B,MAAM,UAAU,MAAM,MAAM;GAC5B,MAAM,YAAY,CAAC,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,CAAE;GACpF,OAAO;IAAE,GAAG;IAAQ,KAAK;IAAW,GAAG,UAAU;GAAM;EACzD,CAAC;EAED,SAAa,EACX,OAAA,GAAA,IAAA,SAAA,OAAqB,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;mDA9DS,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAFD,KAAI,QAAO,GAAS,OAAA,WAAW,GAAA;kCAC5B,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/cjs/components/typography/typography.module.cjs

@@ -0,0 +1,7 @@
+"use client";
+//#region packages/@cck-ui/core/src/components/typography/typography.module.css
+var typography_module_default = { "root": "m_487612c0" };
+//#endregion
+exports.default = typography_module_default;
+
+//# sourceMappingURL=typography.module.cjs.map

package/cjs/components/typography/typography.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.module.cjs","names":[],"sources":["../../../src/components/typography/typography.module.css"],"sourcesContent":[".root {\n  & :first-child {\n    margin-top: 0;\n  }\n\n  & :last-child {\n    margin-bottom: 0;\n  }\n\n  & :where(h1, h2, h3, h4, h5, h6) {\n    margin-bottom: var(--c-spacing-xs);\n    text-wrap: var(--c-heading-text-wrap);\n    font-family: var(--c-font-family-headings);\n  }\n\n  & :where(h1) {\n    margin-top: calc(1.5 * var(--c-spacing-xl));\n    font-size: var(--c-h1-font-size);\n    line-height: var(--c-h1-line-height);\n    font-weight: var(--c-h1-font-weight);\n  }\n\n  & :where(h2) {\n    margin-top: calc(--c-spacing-xl);\n    font-size: var(--c-h2-font-size);\n    line-height: var(--c-h2-line-height);\n    font-weight: var(--c-h2-font-weight);\n  }\n\n  & :where(h3) {\n    margin-top: calc(0.8 * var(--c-spacing-xl));\n    font-size: var(--c-h3-font-size);\n    line-height: var(--c-h3-line-height);\n    font-weight: var(--c-h3-font-weight);\n  }\n\n  & :where(h4) {\n    margin-top: calc(0.8 * var(--c-spacing-xl));\n    font-size: var(--c-h4-font-size);\n    line-height: var(--c-h4-line-height);\n    font-weight: var(--c-h4-font-weight);\n  }\n\n  & :where(h5) {\n    margin-top: calc(0.5 * var(--c-spacing-xl));\n    font-size: var(--c-h5-font-size);\n    line-height: var(--c-h5-line-height);\n    font-weight: var(--c-h5-font-weight);\n  }\n\n  & :where(h6) {\n    margin-top: calc(0.5 * var(--c-spacing-xl));\n    font-size: var(--c-h6-font-size);\n    line-height: var(--c-h6-line-height);\n    font-weight: var(--c-h6-font-weight);\n  }\n\n  & :where(img) {\n    max-width: 100%;\n    margin-bottom: var(--c-spacing-xs);\n  }\n\n  & :where(p) {\n    margin-top: 0;\n    margin-bottom: var(--c-spacing-lg);\n  }\n\n  & :where(mark) {\n    @mixin where-light {\n      background-color: var(--c-color-yellow-2);\n      color: inherit;\n    }\n\n    @mixin where-dark {\n      background-color: var(--c-color-yellow-5);\n      color: var(--c-color-black);\n    }\n  }\n\n  & :where(a) {\n    color: var(--c-color-anchor);\n    text-decoration: none;\n\n    @mixin hover {\n      text-decoration: underline;\n    }\n  }\n\n  & :where(hr) {\n    margin-top: var(--c-spacing-md);\n    margin-bottom: var(--c-spacing-md);\n    border: 0;\n    border-top: 1px solid;\n\n    @mixin where-light {\n      border-color: var(--c-color-gray-3);\n    }\n\n    @mixin where-dark {\n      border-color: var(--c-color-dark-3);\n    }\n  }\n\n  & :where(pre) {\n    padding: var(--c-spacing-xs);\n    line-height: var(--c-line-height);\n    margin: 0;\n    margin-top: var(--c-spacing-md);\n    margin-bottom: var(--c-spacing-md);\n    overflow-x: auto;\n    font-family: var(--c-font-family-monospace);\n    font-size: var(--c-font-size-xs);\n    border-radius: var(--c-radius-sm);\n\n    @mixin where-light {\n      background-color: var(--c-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--c-color-dark-8);\n    }\n\n    & :where(code) {\n      background-color: transparent;\n      padding: 0;\n      border-radius: 0;\n      color: inherit;\n      border: 0;\n    }\n  }\n\n  & :where(kbd) {\n    --kbd-fz: 12px;\n    --kbd-padding: 3px 5px;\n\n    font-family: var(--c-font-family-monospace);\n    line-height: var(--c-line-height);\n    padding: var(--kbd-padding);\n    font-size: var(--kbd-fz);\n    border-radius: var(--c-radius-sm);\n    border: 1px solid;\n    border-bottom-width: 3px;\n\n    @mixin where-light {\n      border-color: var(--c-color-gray-3);\n      color: var(--c-color-gray-7);\n      background-color: var(--c-color-gray-0);\n    }\n\n    @mixin where-dark {\n      border-color: var(--c-color-dark-3);\n      color: var(--c-color-dark-0);\n      background-color: var(--c-color-dark-5);\n    }\n  }\n\n  & :where(code) {\n    line-height: var(--c-line-height);\n    padding: 1px 5px;\n    border-radius: var(--c-radius-sm);\n    font-family: var(--c-font-family-monospace);\n    font-size: var(--c-font-size-xs);\n\n    @mixin where-light {\n      background-color: var(--c-color-gray-0);\n      color: var(--c-color-black);\n    }\n\n    @mixin where-dark {\n      background-color: var(--c-color-dark-5);\n      color: var(--c-color-white);\n    }\n  }\n\n  & :where(ul, ol):not([data-type='taskList']) {\n    margin-bottom: var(--c-spacing-md);\n    padding-inline-start: var(--c-spacing-xl);\n    list-style-position: outside;\n  }\n\n  & :where(table) {\n    width: 100%;\n    border-collapse: collapse;\n    caption-side: bottom;\n    margin-bottom: var(--c-spacing-md);\n\n    @mixin where-light {\n      --table-border-color: var(--c-color-gray-3);\n    }\n\n    @mixin where-dark {\n      --table-border-color: var(--c-color-dark-4);\n    }\n\n    & :where(caption) {\n      margin-top: var(--c-spacing-xs);\n      font-size: var(--c-font-size-sm);\n      color: var(--c-color-dimmed);\n    }\n\n    & :where(th) {\n      text-align: start;\n      font-weight: bold;\n      font-size: var(--c-font-size-sm);\n      padding: var(--c-spacing-xs) var(--c-spacing-sm);\n    }\n\n    & :where(thead th) {\n      border-bottom: 1px solid;\n      border-color: var(--table-border-color);\n    }\n\n    & :where(tfoot th) {\n      border-top: 1px solid;\n      border-color: var(--table-border-color);\n    }\n\n    & :where(td) {\n      padding: var(--c-spacing-xs) var(--c-spacing-sm);\n      border-bottom: 1px solid;\n      border-color: var(--table-border-color);\n      font-size: var(--c-font-size-sm);\n    }\n\n    & :where(tr:last-of-type td) {\n      border-bottom: 0;\n    }\n  }\n\n  & :where(blockquote) {\n    font-size: var(--c-font-size-lg);\n    line-height: var(--c-line-height);\n    margin: var(--c-spacing-md) 0;\n    border-radius: var(--c-radius-sm);\n    padding: var(--c-spacing-md) var(--c-spacing-lg);\n\n    @mixin where-light {\n      background-color: var(--c-color-gray-0);\n    }\n\n    @mixin where-dark {\n      background-color: var(--c-color-dark-8);\n    }\n  }\n}\n"],"mappings":";;AAAA,IAAA,4BAAe,EAAC,QAAO,aAAY"}