@nayhoo/ui 0.21.0 → 0.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{avatar.css-m44RZpGY.d.mts → avatar.css-YFj-sVm_.d.mts} +2 -2
- package/dist/{avatar.css-m44RZpGY.d.ts → avatar.css-YFj-sVm_.d.ts} +2 -2
- package/dist/{badge.css-BiiAU3Jo.d.mts → badge.css-qilqDGjW.d.mts} +1 -1
- package/dist/{badge.css-BiiAU3Jo.d.ts → badge.css-qilqDGjW.d.ts} +1 -1
- package/dist/{button.css-CBtNCrkL.d.mts → button.css-KMqdCdRL.d.mts} +2 -2
- package/dist/{button.css-CBtNCrkL.d.ts → button.css-KMqdCdRL.d.ts} +2 -2
- package/dist/{checkbox.css-CJD0qdcJ.d.mts → checkbox.css-CGzH7iFG.d.mts} +1 -1
- package/dist/{checkbox.css-CJD0qdcJ.d.ts → checkbox.css-CGzH7iFG.d.ts} +1 -1
- package/dist/{chunk-N535ABFC.mjs → chunk-4Q6FJKVL.mjs} +2 -2
- package/dist/{chunk-N535ABFC.mjs.map → chunk-4Q6FJKVL.mjs.map} +1 -1
- package/dist/{chunk-4JJB6DUF.mjs → chunk-65T2AXGV.mjs} +4 -4
- package/dist/chunk-65T2AXGV.mjs.map +1 -0
- package/dist/chunk-A5XHUJ2A.mjs +12 -0
- package/dist/chunk-A5XHUJ2A.mjs.map +1 -0
- package/dist/{chunk-5WJ4KGIE.mjs → chunk-BD5MZVXZ.mjs} +1 -1
- package/dist/{chunk-5WJ4KGIE.mjs.map → chunk-BD5MZVXZ.mjs.map} +1 -1
- package/dist/{chunk-OWCOYR6H.mjs → chunk-CQ3SNSPG.mjs} +8 -8
- package/dist/chunk-CQ3SNSPG.mjs.map +1 -0
- package/dist/{chunk-QSFZ2LOS.mjs → chunk-EFNLOCJE.mjs} +3 -3
- package/dist/chunk-EFNLOCJE.mjs.map +1 -0
- package/dist/{chunk-GWDU7T23.mjs → chunk-ENQ7ORHL.mjs} +1 -1
- package/dist/chunk-ENQ7ORHL.mjs.map +1 -0
- package/dist/chunk-GW7MIISK.mjs +40 -0
- package/dist/chunk-GW7MIISK.mjs.map +1 -0
- package/dist/{chunk-O62XWWJU.mjs → chunk-IVA2SE6G.mjs} +1 -1
- package/dist/chunk-IVA2SE6G.mjs.map +1 -0
- package/dist/chunk-KWTNICKO.mjs +12 -0
- package/dist/chunk-KWTNICKO.mjs.map +1 -0
- package/dist/{chunk-HNN7XTNY.mjs → chunk-VJMDG74N.mjs} +8 -9
- package/dist/chunk-VJMDG74N.mjs.map +1 -0
- package/dist/{chunk-VW4CTCZL.mjs → chunk-VZW5PY4D.mjs} +13 -7
- package/dist/chunk-VZW5PY4D.mjs.map +1 -0
- package/dist/chunk-WRIZ5KCE.mjs +12 -0
- package/dist/chunk-WRIZ5KCE.mjs.map +1 -0
- package/dist/chunk-YXNAFARR.mjs +43 -0
- package/dist/chunk-YXNAFARR.mjs.map +1 -0
- package/dist/components/aspect-ratio.d.mts +1 -1
- package/dist/components/aspect-ratio.d.ts +1 -1
- package/dist/components/aspect-ratio.js.map +1 -1
- package/dist/components/aspect-ratio.mjs.map +1 -1
- package/dist/components/avatar.d.mts +2 -2
- package/dist/components/avatar.d.ts +2 -2
- package/dist/components/avatar.js +1 -1
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/avatar.mjs +1 -1
- package/dist/components/badge.d.mts +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/button.css +11 -150
- package/dist/components/button.css.map +1 -1
- package/dist/components/button.d.mts +2 -3
- package/dist/components/button.d.ts +2 -3
- package/dist/components/button.js +23 -17
- package/dist/components/button.js.map +1 -1
- package/dist/components/button.mjs +4 -4
- package/dist/components/checkbox.d.mts +1 -1
- package/dist/components/checkbox.d.ts +1 -1
- package/dist/components/container.d.mts +1 -1
- package/dist/components/container.d.ts +1 -1
- package/dist/components/dialog.css +249 -1723
- package/dist/components/dialog.css.map +1 -1
- package/dist/components/dialog.d.mts +2 -3
- package/dist/components/dialog.d.ts +2 -3
- package/dist/components/dialog.js +59 -237
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/dialog.mjs +15 -17
- package/dist/components/dialog.mjs.map +1 -1
- package/dist/components/dropdown-menu.css +2 -2
- package/dist/components/dropdown-menu.css.map +1 -1
- package/dist/components/dropdown-menu.js +1 -1
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/dropdown-menu.mjs +2 -2
- package/dist/components/form.d.mts +1 -1
- package/dist/components/form.d.ts +1 -1
- package/dist/components/heading.css +20 -29
- package/dist/components/heading.css.map +1 -1
- package/dist/components/heading.d.mts +3 -7
- package/dist/components/heading.d.ts +3 -7
- package/dist/components/heading.js +42 -23
- package/dist/components/heading.js.map +1 -1
- package/dist/components/heading.mjs +4 -2
- package/dist/components/icon-button.css +13 -42
- package/dist/components/icon-button.css.map +1 -1
- package/dist/components/icon-button.d.mts +2 -3
- package/dist/components/icon-button.d.ts +2 -3
- package/dist/components/icon-button.js +18 -13
- package/dist/components/icon-button.js.map +1 -1
- package/dist/components/icon-button.mjs +4 -4
- package/dist/components/image.d.mts +5 -4
- package/dist/components/image.d.ts +5 -4
- package/dist/components/image.js +12 -5
- package/dist/components/image.js.map +1 -1
- package/dist/components/image.mjs +12 -5
- package/dist/components/image.mjs.map +1 -1
- package/dist/components/link.d.mts +1 -1
- package/dist/components/link.d.ts +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/link.js.map +1 -1
- package/dist/components/link.mjs +1 -1
- package/dist/components/link.mjs.map +1 -1
- package/dist/components/menu.css +2 -2
- package/dist/components/menu.css.map +1 -1
- package/dist/components/menu.js +1 -1
- package/dist/components/menu.js.map +1 -1
- package/dist/components/menu.mjs +2 -2
- package/dist/components/popover.css +2 -2
- package/dist/components/popover.css.map +1 -1
- package/dist/components/popover.js.map +1 -1
- package/dist/components/popover.mjs +1 -1
- package/dist/components/select.css +13 -152
- package/dist/components/select.css.map +1 -1
- package/dist/components/select.d.mts +1 -1
- package/dist/components/select.d.ts +1 -1
- package/dist/components/select.js +23 -17
- package/dist/components/select.js.map +1 -1
- package/dist/components/select.mjs +5 -5
- package/dist/components/separator.d.mts +3 -0
- package/dist/components/separator.d.ts +3 -0
- package/dist/components/separator.js.map +1 -1
- package/dist/components/separator.mjs.map +1 -1
- package/dist/components/skeleton.d.mts +1 -1
- package/dist/components/skeleton.d.ts +1 -1
- package/dist/components/spinner.css +5 -29
- package/dist/components/spinner.css.map +1 -1
- package/dist/components/spinner.d.mts +3 -5
- package/dist/components/spinner.d.ts +3 -5
- package/dist/components/spinner.js +12 -6
- package/dist/components/spinner.js.map +1 -1
- package/dist/components/spinner.mjs +2 -2
- package/dist/components/status.d.mts +1 -1
- package/dist/components/status.d.ts +1 -1
- package/dist/components/switch.d.mts +1 -1
- package/dist/components/switch.d.ts +1 -1
- package/dist/components/text-area.d.mts +1 -1
- package/dist/components/text-area.d.ts +1 -1
- package/dist/components/text-field.d.mts +1 -1
- package/dist/components/text-field.d.ts +1 -1
- package/dist/components/text.d.mts +2 -2
- package/dist/components/text.d.ts +2 -2
- package/dist/components/text.js +2 -2
- package/dist/components/text.js.map +1 -1
- package/dist/components/text.mjs +1 -1
- package/dist/components/tooltip.css +2 -1
- package/dist/components/tooltip.css.map +1 -1
- package/dist/components/tooltip.d.mts +1 -1
- package/dist/components/tooltip.d.ts +1 -1
- package/dist/components/tooltip.js +3 -3
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tooltip.mjs +3 -3
- package/dist/{container.css-DrtNVXzo.d.mts → container.css-BgQOsZ4q.d.mts} +1 -1
- package/dist/{container.css-DrtNVXzo.d.ts → container.css-BgQOsZ4q.d.ts} +1 -1
- package/dist/{dialog.css-C7oMaNav.d.mts → dialog.css-CYDkFLZx.d.mts} +2 -10
- package/dist/{dialog.css-C7oMaNav.d.ts → dialog.css-CYDkFLZx.d.ts} +2 -10
- package/dist/{form.css-CBijFS-Z.d.mts → form.css-NAo0sSxW.d.mts} +1 -1
- package/dist/{form.css-CBijFS-Z.d.ts → form.css-NAo0sSxW.d.ts} +1 -1
- package/dist/heading.css-8Qi1-uCW.d.mts +53 -0
- package/dist/heading.css-8Qi1-uCW.d.ts +53 -0
- package/dist/{icon-button.css-ndHR4t3c.d.mts → icon-button.css-DOlVsfKX.d.mts} +1 -6
- package/dist/{icon-button.css-ndHR4t3c.d.ts → icon-button.css-DOlVsfKX.d.ts} +1 -6
- package/dist/{link.css-CgQxXknE.d.mts → link.css-CiQJiLia.d.mts} +1 -1
- package/dist/{link.css-CgQxXknE.d.ts → link.css-CiQJiLia.d.ts} +1 -1
- package/dist/patterns/index.css +253 -1727
- package/dist/patterns/index.css.map +1 -1
- package/dist/patterns/index.d.mts +17 -5
- package/dist/patterns/index.d.ts +17 -5
- package/dist/patterns/index.js +70 -280
- package/dist/patterns/index.js.map +1 -1
- package/dist/patterns/index.mjs +30 -49
- package/dist/patterns/index.mjs.map +1 -1
- package/dist/providers/index.css +111 -200
- package/dist/providers/index.css.map +1 -1
- package/dist/providers/index.d.mts +2 -2
- package/dist/providers/index.d.ts +2 -2
- package/dist/providers/index.js +60 -53
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs +14 -12
- package/dist/providers/index.mjs.map +1 -1
- package/dist/{skeleton.css-CpCE7T-Z.d.mts → skeleton.css-Dqj91z1J.d.mts} +1 -1
- package/dist/{skeleton.css-CpCE7T-Z.d.ts → skeleton.css-Dqj91z1J.d.ts} +1 -1
- package/dist/spinner.css-BZiQWnG0.d.mts +22 -0
- package/dist/spinner.css-BZiQWnG0.d.ts +22 -0
- package/dist/{status.css-BgE7VySx.d.mts → status.css-Co587rxg.d.mts} +1 -1
- package/dist/{status.css-BgE7VySx.d.ts → status.css-Co587rxg.d.ts} +1 -1
- package/dist/{switch.css-DL5vSOih.d.mts → switch.css-h_sQVT_Y.d.mts} +2 -2
- package/dist/{switch.css-DL5vSOih.d.ts → switch.css-h_sQVT_Y.d.ts} +2 -2
- package/dist/{text-area.css-CAGsYX0q.d.mts → text-area.css-mKrAGHB3.d.mts} +1 -1
- package/dist/{text-area.css-CAGsYX0q.d.ts → text-area.css-mKrAGHB3.d.ts} +1 -1
- package/dist/{text-field.css-T4wUHMsd.d.mts → text-field.css-BdmWDCNj.d.mts} +1 -1
- package/dist/{text-field.css-T4wUHMsd.d.ts → text-field.css-BdmWDCNj.d.ts} +1 -1
- package/dist/{text.css-CjBSPcnP.d.mts → text.css-CxDfx0B7.d.mts} +1 -1
- package/dist/{text.css-CjBSPcnP.d.ts → text.css-CxDfx0B7.d.ts} +1 -1
- package/dist/theme/index.css +253 -1727
- package/dist/theme/index.css.map +1 -1
- package/dist/theme/index.d.mts +43 -154
- package/dist/theme/index.d.ts +43 -154
- package/dist/theme/index.js +50 -234
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +27 -27
- package/dist/{tooltip.css-XeMsLpNS.d.mts → tooltip.css-otpfm6_m.d.mts} +1 -1
- package/dist/{tooltip.css-XeMsLpNS.d.ts → tooltip.css-otpfm6_m.d.ts} +1 -1
- package/package.json +8 -18
- package/dist/chunk-4JJB6DUF.mjs.map +0 -1
- package/dist/chunk-GWDU7T23.mjs.map +0 -1
- package/dist/chunk-HNN7XTNY.mjs.map +0 -1
- package/dist/chunk-LFQ232LO.mjs +0 -43
- package/dist/chunk-LFQ232LO.mjs.map +0 -1
- package/dist/chunk-NOIOHUNH.mjs +0 -7
- package/dist/chunk-NOIOHUNH.mjs.map +0 -1
- package/dist/chunk-O62XWWJU.mjs.map +0 -1
- package/dist/chunk-OWCOYR6H.mjs.map +0 -1
- package/dist/chunk-QSFZ2LOS.mjs.map +0 -1
- package/dist/chunk-SV63RX5X.mjs +0 -232
- package/dist/chunk-SV63RX5X.mjs.map +0 -1
- package/dist/chunk-URGU4MLN.mjs +0 -12
- package/dist/chunk-URGU4MLN.mjs.map +0 -1
- package/dist/chunk-VW4CTCZL.mjs.map +0 -1
- package/dist/chunk-ZDBDV2HW.mjs +0 -12
- package/dist/chunk-ZDBDV2HW.mjs.map +0 -1
- package/dist/components/label.css +0 -65
- package/dist/components/label.css.map +0 -1
- package/dist/components/label.d.mts +0 -12
- package/dist/components/label.d.ts +0 -12
- package/dist/components/label.js +0 -75
- package/dist/components/label.js.map +0 -1
- package/dist/components/label.mjs +0 -32
- package/dist/components/label.mjs.map +0 -1
- package/dist/components/paragraph.css +0 -58
- package/dist/components/paragraph.css.map +0 -1
- package/dist/components/paragraph.d.mts +0 -13
- package/dist/components/paragraph.d.ts +0 -13
- package/dist/components/paragraph.js +0 -63
- package/dist/components/paragraph.js.map +0 -1
- package/dist/components/paragraph.mjs +0 -30
- package/dist/components/paragraph.mjs.map +0 -1
- package/dist/spinner.css-D4j8oa1u.d.mts +0 -46
- package/dist/spinner.css-D4j8oa1u.d.ts +0 -46
package/dist/components/label.js
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
|
|
30
|
-
// src/components/label.tsx
|
|
31
|
-
var label_exports = {};
|
|
32
|
-
__export(label_exports, {
|
|
33
|
-
Label: () => Label
|
|
34
|
-
});
|
|
35
|
-
module.exports = __toCommonJS(label_exports);
|
|
36
|
-
|
|
37
|
-
// src/theme/recipes/text.css.ts
|
|
38
|
-
var import_createRuntimeFn = require("homemade-recipes/createRuntimeFn");
|
|
39
|
-
var textRecipe = (0, import_createRuntimeFn.createRuntimeFn)((function() {
|
|
40
|
-
var x = { defaultClassName: "text__1y7s4vx0", variantClassNames: { color: { primary: "text_color_primary__1y7s4vx1", secondary: "text_color_secondary__1y7s4vx2", error: "text_color_error__1y7s4vx3", subtle: "text_color_subtle__1y7s4vx4" }, size: { "1": "text_size_1__1y7s4vx5", "2": "text_size_2__1y7s4vx6", "3": "text_size_3__1y7s4vx7", "4": "text_size_4__1y7s4vx8", "5": "text_size_5__1y7s4vx9", "6": "text_size_6__1y7s4vxa", "7": "text_size_7__1y7s4vxb", "8": "text_size_8__1y7s4vxc", "9": "text_size_9__1y7s4vxd" }, weight: { regular: "text_weight_regular__1y7s4vxe", medium: "text_weight_medium__1y7s4vxf", bold: "text_weight_bold__1y7s4vxg" } }, defaultVariants: { size: "3" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0 }, conditionNames: [], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
|
|
41
|
-
x.responsiveVariantClassNames.initial = x.variantClassNames;
|
|
42
|
-
return x;
|
|
43
|
-
})());
|
|
44
|
-
|
|
45
|
-
// src/theme/styles/label.css.ts
|
|
46
|
-
var label = "label_label__r1nkgq0";
|
|
47
|
-
|
|
48
|
-
// src/utils/merge-classes.ts
|
|
49
|
-
function mergeClasses(...classes) {
|
|
50
|
-
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
// src/components/label.tsx
|
|
54
|
-
var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
|
|
55
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
56
|
-
var textSize = {
|
|
57
|
-
1: "3",
|
|
58
|
-
2: "4"
|
|
59
|
-
};
|
|
60
|
-
var Label = ({ color, size = "1", weight, ...props }) => {
|
|
61
|
-
const text = textRecipe({ color, size: textSize[size], weight });
|
|
62
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
|
-
LabelPrimitive.Root,
|
|
64
|
-
{
|
|
65
|
-
...props,
|
|
66
|
-
className: mergeClasses(text, label, props.className),
|
|
67
|
-
children: props.children
|
|
68
|
-
}
|
|
69
|
-
);
|
|
70
|
-
};
|
|
71
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
72
|
-
0 && (module.exports = {
|
|
73
|
-
Label
|
|
74
|
-
});
|
|
75
|
-
//# sourceMappingURL=label.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/label.tsx","../../src/theme/recipes/text.css.ts","../../src/theme/styles/label.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { label } from \"@/theme/styles/label.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\ntype LabelSizeVariants = \"1\" | \"2\";\n\nexport type LabelProps = LabelPrimitive.LabelProps &\n Omit<TextVariants, \"size\"> & {\n size?: LabelSizeVariants;\n };\n\nconst textSize: Record<LabelSizeVariants, TextVariants[\"size\"]> = {\n 1: \"3\",\n 2: \"4\",\n};\n\nexport const Label = ({ color, size = \"1\", weight, ...props }: LabelProps) => {\n const text = textRecipe({ color, size: textSize[size], weight });\n\n return (\n <LabelPrimitive.Root\n {...props}\n className={mergeClasses(text, label, props.className)}\n >\n {props.children}\n </LabelPrimitive.Root>\n );\n};\n","import 'src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5XUuXKDMBAG4J6nUBkX8hiMzeEyj+AiJSNgwZoI4UjgGGfy7hlhWBgo5DQcK+33i2O0beDeJInbBdq/3XfkxyFEcAn0Ary8NDFxTw4hFVMllzHZmZuilg39HoZvTL1RakoffUVTBWUrmEoSN5IphLlXyA223ZjiTDZUthUonsWkYamZbQrazMq5vgrWxSQVdfaJfQWruOjmcZoOKx9T+Obk/DrbvprVolbJVfGKqQ6fzu2frh8bJQ0Vkw3P3k1R06FjPEcTn32teA1ZLfN5gGcNwJ7pahaSwyoElKoVBuytAf3853EGg7defZs2AlD2rbLpPY9N40vPZq7mD0hcFA+92H89MzL/dmf+AE1ddKKl4qFytCkeKmyp7FEJbMoelXSp+KiENsVHZfVeDqhENuWASr5Ujqgwm3JEBZZKgEpqUwJUiqUSopLZlBCVcqlEqOQ2ZfqfLzPluREl067z1GDS/rtVLeQKct5WCBevwNgzuvXaTWuRo1q+og4do3k15h9/MRwiwAUAAA==';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var textRecipe = _dc746((function(){var x={defaultClassName:'text__1y7s4vx0',variantClassNames:{color:{primary:'text_color_primary__1y7s4vx1',secondary:'text_color_secondary__1y7s4vx2',error:'text_color_error__1y7s4vx3',subtle:'text_color_subtle__1y7s4vx4'},size:{'1':'text_size_1__1y7s4vx5','2':'text_size_2__1y7s4vx6','3':'text_size_3__1y7s4vx7','4':'text_size_4__1y7s4vx8','5':'text_size_5__1y7s4vx9','6':'text_size_6__1y7s4vxa','7':'text_size_7__1y7s4vxb','8':'text_size_8__1y7s4vxc','9':'text_size_9__1y7s4vxd'},weight:{regular:'text_weight_regular__1y7s4vxe',medium:'text_weight_medium__1y7s4vxf',bold:'text_weight_bold__1y7s4vxg'}},defaultVariants:{size:'3'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));","import 'src/theme/styles/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsX19yMW5rZ3EwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0=';\nexport var label = 'label_label__r1nkgq0';","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,kBAAQ,WAAU;AAAC,MAAI,IAAE,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,OAAM,EAAC,SAAQ,gCAA+B,WAAU,kCAAiC,OAAM,8BAA6B,QAAO,8BAA6B,GAAE,MAAK,EAAC,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,wBAAuB,GAAE,QAAO,EAAC,SAAQ,iCAAgC,QAAO,gCAA+B,MAAK,6BAA4B,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,GAAE,6BAA4B,EAAC,SAAQ,OAAS,GAAE,gBAAe,CAAC,GAAE,YAAW,EAAC,IAAG,SAAQ,IAAG,SAAQ,IAAG,UAAS,IAAG,UAAS,IAAG,SAAQ,GAAE,YAAW,4BAA2B,UAAS,CAAC,EAAC;AAAE,IAAE,4BAA4B,UAAQ,EAAE;AAAkB,SAAO;AAAE,GAAE,CAAE;;;ACDj7B,IAAI,QAAQ;;;ACDZ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AHCA,qBAAgC;AAkB5B;AATJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAE/D,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":["_dc746"]}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
label
|
|
3
|
-
} from "../chunk-NOIOHUNH.mjs";
|
|
4
|
-
import {
|
|
5
|
-
textRecipe
|
|
6
|
-
} from "../chunk-7RIU5XD3.mjs";
|
|
7
|
-
import {
|
|
8
|
-
mergeClasses
|
|
9
|
-
} from "../chunk-7EGQM3ZL.mjs";
|
|
10
|
-
|
|
11
|
-
// src/components/label.tsx
|
|
12
|
-
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
13
|
-
import { jsx } from "react/jsx-runtime";
|
|
14
|
-
var textSize = {
|
|
15
|
-
1: "3",
|
|
16
|
-
2: "4"
|
|
17
|
-
};
|
|
18
|
-
var Label = ({ color, size = "1", weight, ...props }) => {
|
|
19
|
-
const text = textRecipe({ color, size: textSize[size], weight });
|
|
20
|
-
return /* @__PURE__ */ jsx(
|
|
21
|
-
LabelPrimitive.Root,
|
|
22
|
-
{
|
|
23
|
-
...props,
|
|
24
|
-
className: mergeClasses(text, label, props.className),
|
|
25
|
-
children: props.children
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
};
|
|
29
|
-
export {
|
|
30
|
-
Label
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=label.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/label.tsx"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { label } from \"@/theme/styles/label.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\ntype LabelSizeVariants = \"1\" | \"2\";\n\nexport type LabelProps = LabelPrimitive.LabelProps &\n Omit<TextVariants, \"size\"> & {\n size?: LabelSizeVariants;\n };\n\nconst textSize: Record<LabelSizeVariants, TextVariants[\"size\"]> = {\n 1: \"3\",\n 2: \"4\",\n};\n\nexport const Label = ({ color, size = \"1\", weight, ...props }: LabelProps) => {\n const text = textRecipe({ color, size: textSize[size], weight });\n\n return (\n <LabelPrimitive.Root\n {...props}\n className={mergeClasses(text, label, props.className)}\n >\n {props.children}\n </LabelPrimitive.Root>\n );\n};\n"],"mappings":";;;;;;;;;;;AAGA,YAAY,oBAAoB;AAkB5B;AATJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAE/D,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5XUuXKDMBAG4J6nUBkX8hiMzeEyj+AiJSNgwZoI4UjgGGfy7hlhWBgo5DQcK+33i2O0beDeJInbBdq/3XfkxyFEcAn0Ary8NDFxTw4hFVMllzHZmZuilg39HoZvTL1RakoffUVTBWUrmEoSN5IphLlXyA223ZjiTDZUthUonsWkYamZbQrazMq5vgrWxSQVdfaJfQWruOjmcZoOKx9T+Obk/DrbvprVolbJVfGKqQ6fzu2frh8bJQ0Vkw3P3k1R06FjPEcTn32teA1ZLfN5gGcNwJ7pahaSwyoElKoVBuytAf3853EGg7defZs2AlD2rbLpPY9N40vPZq7mD0hcFA+92H89MzL/dmf+AE1ddKKl4qFytCkeKmyp7FEJbMoelXSp+KiENsVHZfVeDqhENuWASr5Ujqgwm3JEBZZKgEpqUwJUiqUSopLZlBCVcqlEqOQ2ZfqfLzPluREl067z1GDS/rtVLeQKct5WCBevwNgzuvXaTWuRo1q+og4do3k15h9/MRwiwAUAAA== */
|
|
2
|
-
.text__1y7s4vx0 {
|
|
3
|
-
line-height: 1;
|
|
4
|
-
margin: 0;
|
|
5
|
-
font-weight: var(--fontWeights-regular__19nbe8d2fn);
|
|
6
|
-
font-variant-numeric: tabular-nums;
|
|
7
|
-
display: block;
|
|
8
|
-
font-family: var(--fonts-text__19nbe8d2fi);
|
|
9
|
-
}
|
|
10
|
-
.text_color_primary__1y7s4vx1 {
|
|
11
|
-
color: var(--semanticColors-primary-primary9__19nbe8d2cq);
|
|
12
|
-
}
|
|
13
|
-
.text_color_secondary__1y7s4vx2 {
|
|
14
|
-
color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
|
|
15
|
-
}
|
|
16
|
-
.text_color_error__1y7s4vx3 {
|
|
17
|
-
color: var(--semanticColors-error-error9__19nbe8d2e2);
|
|
18
|
-
}
|
|
19
|
-
.text_color_subtle__1y7s4vx4 {
|
|
20
|
-
color: var(--semanticColors-textSubtle__19nbe8d2fc);
|
|
21
|
-
}
|
|
22
|
-
.text_size_1__1y7s4vx5 {
|
|
23
|
-
font-size: var(--fontSizes-1__19nbe8d9);
|
|
24
|
-
}
|
|
25
|
-
.text_size_2__1y7s4vx6 {
|
|
26
|
-
font-size: var(--fontSizes-2__19nbe8da);
|
|
27
|
-
}
|
|
28
|
-
.text_size_3__1y7s4vx7 {
|
|
29
|
-
font-size: var(--fontSizes-3__19nbe8db);
|
|
30
|
-
}
|
|
31
|
-
.text_size_4__1y7s4vx8 {
|
|
32
|
-
font-size: var(--fontSizes-4__19nbe8dc);
|
|
33
|
-
}
|
|
34
|
-
.text_size_5__1y7s4vx9 {
|
|
35
|
-
font-size: var(--fontSizes-5__19nbe8dd);
|
|
36
|
-
}
|
|
37
|
-
.text_size_6__1y7s4vxa {
|
|
38
|
-
font-size: var(--fontSizes-6__19nbe8de);
|
|
39
|
-
}
|
|
40
|
-
.text_size_7__1y7s4vxb {
|
|
41
|
-
font-size: var(--fontSizes-7__19nbe8df);
|
|
42
|
-
}
|
|
43
|
-
.text_size_8__1y7s4vxc {
|
|
44
|
-
font-size: var(--fontSizes-8__19nbe8dg);
|
|
45
|
-
}
|
|
46
|
-
.text_size_9__1y7s4vxd {
|
|
47
|
-
font-size: var(--fontSizes-9__19nbe8dh);
|
|
48
|
-
}
|
|
49
|
-
.text_weight_regular__1y7s4vxe {
|
|
50
|
-
font-weight: var(--fontWeights-regular__19nbe8d2fn);
|
|
51
|
-
}
|
|
52
|
-
.text_weight_medium__1y7s4vxf {
|
|
53
|
-
font-weight: var(--fontWeights-medium__19nbe8d2fo);
|
|
54
|
-
}
|
|
55
|
-
.text_weight_bold__1y7s4vxg {
|
|
56
|
-
font-weight: var(--fontWeights-bold__19nbe8d2fp);
|
|
57
|
-
}
|
|
58
|
-
/*# sourceMappingURL=paragraph.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5XUuXKDMBAG4J6nUBkX8hiMzeEyj+AiJSNgwZoI4UjgGGfy7hlhWBgo5DQcK+33i2O0beDeJInbBdq/3XfkxyFEcAn0Ary8NDFxTw4hFVMllzHZmZuilg39HoZvTL1RakoffUVTBWUrmEoSN5IphLlXyA223ZjiTDZUthUonsWkYamZbQrazMq5vgrWxSQVdfaJfQWruOjmcZoOKx9T+Obk/DrbvprVolbJVfGKqQ6fzu2frh8bJQ0Vkw3P3k1R06FjPEcTn32teA1ZLfN5gGcNwJ7pahaSwyoElKoVBuytAf3853EGg7defZs2AlD2rbLpPY9N40vPZq7mD0hcFA+92H89MzL/dmf+AE1ddKKl4qFytCkeKmyp7FEJbMoelXSp+KiENsVHZfVeDqhENuWASr5Ujqgwm3JEBZZKgEpqUwJUiqUSopLZlBCVcqlEqOQ2ZfqfLzPluREl067z1GDS/rtVLeQKct5WCBevwNgzuvXaTWuRo1q+og4do3k15h9/MRwiwAUAAA=="],"sourcesContent":[".text__1y7s4vx0 {\n line-height: 1;\n margin: 0;\n font-weight: var(--fontWeights-regular__19nbe8d2fn);\n font-variant-numeric: tabular-nums;\n display: block;\n font-family: var(--fonts-text__19nbe8d2fi);\n}\n.text_color_primary__1y7s4vx1 {\n color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.text_color_secondary__1y7s4vx2 {\n color: var(--semanticColors-secondary-secondary9__19nbe8d2de);\n}\n.text_color_error__1y7s4vx3 {\n color: var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.text_color_subtle__1y7s4vx4 {\n color: var(--semanticColors-textSubtle__19nbe8d2fc);\n}\n.text_size_1__1y7s4vx5 {\n font-size: var(--fontSizes-1__19nbe8d9);\n}\n.text_size_2__1y7s4vx6 {\n font-size: var(--fontSizes-2__19nbe8da);\n}\n.text_size_3__1y7s4vx7 {\n font-size: var(--fontSizes-3__19nbe8db);\n}\n.text_size_4__1y7s4vx8 {\n font-size: var(--fontSizes-4__19nbe8dc);\n}\n.text_size_5__1y7s4vx9 {\n font-size: var(--fontSizes-5__19nbe8dd);\n}\n.text_size_6__1y7s4vxa {\n font-size: var(--fontSizes-6__19nbe8de);\n}\n.text_size_7__1y7s4vxb {\n font-size: var(--fontSizes-7__19nbe8df);\n}\n.text_size_8__1y7s4vxc {\n font-size: var(--fontSizes-8__19nbe8dg);\n}\n.text_size_9__1y7s4vxd {\n font-size: var(--fontSizes-9__19nbe8dh);\n}\n.text_weight_regular__1y7s4vxe {\n font-weight: var(--fontWeights-regular__19nbe8d2fn);\n}\n.text_weight_medium__1y7s4vxf {\n font-weight: var(--fontWeights-medium__19nbe8d2fo);\n}\n.text_weight_bold__1y7s4vxg {\n font-weight: var(--fontWeights-bold__19nbe8d2fp);\n}"],"mappings":";AAAA,CAAC;AACC,eAAa;AACb,UAAQ;AACR,eAAa,IAAI;AACjB,wBAAsB;AACtB,WAAS;AACT,eAAa,IAAI;AACnB;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;","names":[]}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextVariants } from '../text.css-CjBSPcnP.mjs';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
|
-
import 'homemade-recipes';
|
|
5
|
-
|
|
6
|
-
declare const defaultElement = "p";
|
|
7
|
-
type ParagraphSizeVariants = "1" | "2";
|
|
8
|
-
type ParagraphProps = ComponentProps<typeof defaultElement, Omit<TextVariants, "size">> & {
|
|
9
|
-
size?: ParagraphSizeVariants;
|
|
10
|
-
};
|
|
11
|
-
declare const Paragraph: ({ asChild, color, size, weight, ...props }: ParagraphProps) => react_jsx_runtime.JSX.Element;
|
|
12
|
-
|
|
13
|
-
export { Paragraph, type ParagraphProps };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextVariants } from '../text.css-CjBSPcnP.js';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
|
-
import 'homemade-recipes';
|
|
5
|
-
|
|
6
|
-
declare const defaultElement = "p";
|
|
7
|
-
type ParagraphSizeVariants = "1" | "2";
|
|
8
|
-
type ParagraphProps = ComponentProps<typeof defaultElement, Omit<TextVariants, "size">> & {
|
|
9
|
-
size?: ParagraphSizeVariants;
|
|
10
|
-
};
|
|
11
|
-
declare const Paragraph: ({ asChild, color, size, weight, ...props }: ParagraphProps) => react_jsx_runtime.JSX.Element;
|
|
12
|
-
|
|
13
|
-
export { Paragraph, type ParagraphProps };
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/components/paragraph.tsx
|
|
21
|
-
var paragraph_exports = {};
|
|
22
|
-
__export(paragraph_exports, {
|
|
23
|
-
Paragraph: () => Paragraph
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(paragraph_exports);
|
|
26
|
-
|
|
27
|
-
// src/theme/recipes/text.css.ts
|
|
28
|
-
var import_createRuntimeFn = require("homemade-recipes/createRuntimeFn");
|
|
29
|
-
var textRecipe = (0, import_createRuntimeFn.createRuntimeFn)((function() {
|
|
30
|
-
var x = { defaultClassName: "text__1y7s4vx0", variantClassNames: { color: { primary: "text_color_primary__1y7s4vx1", secondary: "text_color_secondary__1y7s4vx2", error: "text_color_error__1y7s4vx3", subtle: "text_color_subtle__1y7s4vx4" }, size: { "1": "text_size_1__1y7s4vx5", "2": "text_size_2__1y7s4vx6", "3": "text_size_3__1y7s4vx7", "4": "text_size_4__1y7s4vx8", "5": "text_size_5__1y7s4vx9", "6": "text_size_6__1y7s4vxa", "7": "text_size_7__1y7s4vxb", "8": "text_size_8__1y7s4vxc", "9": "text_size_9__1y7s4vxd" }, weight: { regular: "text_weight_regular__1y7s4vxe", medium: "text_weight_medium__1y7s4vxf", bold: "text_weight_bold__1y7s4vxg" } }, defaultVariants: { size: "3" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0 }, conditionNames: [], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
|
|
31
|
-
x.responsiveVariantClassNames.initial = x.variantClassNames;
|
|
32
|
-
return x;
|
|
33
|
-
})());
|
|
34
|
-
|
|
35
|
-
// src/utils/merge-classes.ts
|
|
36
|
-
function mergeClasses(...classes) {
|
|
37
|
-
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// src/components/paragraph.tsx
|
|
41
|
-
var import_react_slot = require("@radix-ui/react-slot");
|
|
42
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
|
-
var defaultElement = "p";
|
|
44
|
-
var textSize = {
|
|
45
|
-
1: "3",
|
|
46
|
-
2: "4"
|
|
47
|
-
};
|
|
48
|
-
var Paragraph = ({
|
|
49
|
-
asChild,
|
|
50
|
-
color,
|
|
51
|
-
size = "1",
|
|
52
|
-
weight,
|
|
53
|
-
...props
|
|
54
|
-
}) => {
|
|
55
|
-
const text = textRecipe({ color, size: textSize[size], weight });
|
|
56
|
-
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
57
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
|
|
58
|
-
};
|
|
59
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
60
|
-
0 && (module.exports = {
|
|
61
|
-
Paragraph
|
|
62
|
-
});
|
|
63
|
-
//# sourceMappingURL=paragraph.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/paragraph.tsx","../../src/theme/recipes/text.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"p\";\n\ntype ParagraphSizeVariants = \"1\" | \"2\";\n\nexport type ParagraphProps = ComponentProps<\n typeof defaultElement,\n Omit<TextVariants, \"size\">\n> & {\n size?: ParagraphSizeVariants;\n};\n\nconst textSize: Record<ParagraphSizeVariants, TextVariants[\"size\"]> = {\n 1: \"3\",\n 2: \"4\",\n};\n\nexport const Paragraph = ({\n asChild,\n color,\n size = \"1\",\n weight,\n ...props\n}: ParagraphProps) => {\n const text = textRecipe({ color, size: textSize[size], weight });\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(text, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5XUuXKDMBAG4J6nUBkX8hiMzeEyj+AiJSNgwZoI4UjgGGfy7hlhWBgo5DQcK+33i2O0beDeJInbBdq/3XfkxyFEcAn0Ary8NDFxTw4hFVMllzHZmZuilg39HoZvTL1RakoffUVTBWUrmEoSN5IphLlXyA223ZjiTDZUthUonsWkYamZbQrazMq5vgrWxSQVdfaJfQWruOjmcZoOKx9T+Obk/DrbvprVolbJVfGKqQ6fzu2frh8bJQ0Vkw3P3k1R06FjPEcTn32teA1ZLfN5gGcNwJ7pahaSwyoElKoVBuytAf3853EGg7defZs2AlD2rbLpPY9N40vPZq7mD0hcFA+92H89MzL/dmf+AE1ddKKl4qFytCkeKmyp7FEJbMoelXSp+KiENsVHZfVeDqhENuWASr5Ujqgwm3JEBZZKgEpqUwJUiqUSopLZlBCVcqlEqOQ2ZfqfLzPluREl067z1GDS/rtVLeQKct5WCBevwNgzuvXaTWuRo1q+og4do3k15h9/MRwiwAUAAA==';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var textRecipe = _dc746((function(){var x={defaultClassName:'text__1y7s4vx0',variantClassNames:{color:{primary:'text_color_primary__1y7s4vx1',secondary:'text_color_secondary__1y7s4vx2',error:'text_color_error__1y7s4vx3',subtle:'text_color_subtle__1y7s4vx4'},size:{'1':'text_size_1__1y7s4vx5','2':'text_size_2__1y7s4vx6','3':'text_size_3__1y7s4vx7','4':'text_size_4__1y7s4vx8','5':'text_size_5__1y7s4vx9','6':'text_size_6__1y7s4vxa','7':'text_size_7__1y7s4vxb','8':'text_size_8__1y7s4vxc','9':'text_size_9__1y7s4vxd'},weight:{regular:'text_weight_regular__1y7s4vxe',medium:'text_weight_medium__1y7s4vxf',bold:'text_weight_bold__1y7s4vxg'}},defaultVariants:{size:'3'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,kBAAQ,WAAU;AAAC,MAAI,IAAE,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,OAAM,EAAC,SAAQ,gCAA+B,WAAU,kCAAiC,OAAM,8BAA6B,QAAO,8BAA6B,GAAE,MAAK,EAAC,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,yBAAwB,KAAI,wBAAuB,GAAE,QAAO,EAAC,SAAQ,iCAAgC,QAAO,gCAA+B,MAAK,6BAA4B,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,GAAE,6BAA4B,EAAC,SAAQ,OAAS,GAAE,gBAAe,CAAC,GAAE,YAAW,EAAC,IAAG,SAAQ,IAAG,SAAQ,IAAG,UAAS,IAAG,UAAS,IAAG,SAAQ,GAAE,YAAW,4BAA2B,UAAS,CAAC,EAAC;AAAE,IAAE,4BAA4B,UAAQ,EAAE;AAAkB,SAAO;AAAE,GAAE,CAAE;;;ACFj7B,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFCA,wBAAqB;AA6BjB;AA3BJ,IAAM,iBAAiB;AAWvB,IAAM,WAAgE;AAAA,EACpE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAC/D,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":["_dc746"]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
textRecipe
|
|
3
|
-
} from "../chunk-7RIU5XD3.mjs";
|
|
4
|
-
import {
|
|
5
|
-
mergeClasses
|
|
6
|
-
} from "../chunk-7EGQM3ZL.mjs";
|
|
7
|
-
|
|
8
|
-
// src/components/paragraph.tsx
|
|
9
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
10
|
-
import { jsx } from "react/jsx-runtime";
|
|
11
|
-
var defaultElement = "p";
|
|
12
|
-
var textSize = {
|
|
13
|
-
1: "3",
|
|
14
|
-
2: "4"
|
|
15
|
-
};
|
|
16
|
-
var Paragraph = ({
|
|
17
|
-
asChild,
|
|
18
|
-
color,
|
|
19
|
-
size = "1",
|
|
20
|
-
weight,
|
|
21
|
-
...props
|
|
22
|
-
}) => {
|
|
23
|
-
const text = textRecipe({ color, size: textSize[size], weight });
|
|
24
|
-
const Comp = asChild ? Slot : defaultElement;
|
|
25
|
-
return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
|
|
26
|
-
};
|
|
27
|
-
export {
|
|
28
|
-
Paragraph
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=paragraph.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/paragraph.tsx"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"p\";\n\ntype ParagraphSizeVariants = \"1\" | \"2\";\n\nexport type ParagraphProps = ComponentProps<\n typeof defaultElement,\n Omit<TextVariants, \"size\">\n> & {\n size?: ParagraphSizeVariants;\n};\n\nconst textSize: Record<ParagraphSizeVariants, TextVariants[\"size\"]> = {\n 1: \"3\",\n 2: \"4\",\n};\n\nexport const Paragraph = ({\n asChild,\n color,\n size = \"1\",\n weight,\n ...props\n}: ParagraphProps) => {\n const text = textRecipe({ color, size: textSize[size], weight });\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(text, props.className)}>\n {props.children}\n </Comp>\n );\n};\n"],"mappings":";;;;;;;;AAGA,SAAS,YAAY;AA6BjB;AA3BJ,IAAM,iBAAiB;AAWvB,IAAM,WAAgE;AAAA,EACpE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAC/D,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":[]}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import * as homemade_recipes from 'homemade-recipes';
|
|
2
|
-
import { HomemadeRecipeVariants } from 'homemade-recipes';
|
|
3
|
-
|
|
4
|
-
declare const spinnerRecipe: homemade_recipes.RuntimeFn<{
|
|
5
|
-
size: {
|
|
6
|
-
"1": {
|
|
7
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
|
-
};
|
|
10
|
-
"2": {
|
|
11
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
|
-
};
|
|
14
|
-
"3": {
|
|
15
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
16
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
|
-
};
|
|
18
|
-
"4": {
|
|
19
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
|
-
};
|
|
22
|
-
"5": {
|
|
23
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
|
-
};
|
|
26
|
-
"6": {
|
|
27
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
28
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
|
-
};
|
|
30
|
-
"7": {
|
|
31
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
32
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
33
|
-
};
|
|
34
|
-
"8": {
|
|
35
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
36
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
37
|
-
};
|
|
38
|
-
"9": {
|
|
39
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
40
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
}, ("xs" | "sm" | "md" | "lg" | "xl")[]>;
|
|
44
|
-
type SpinnerVariants = HomemadeRecipeVariants<typeof spinnerRecipe>;
|
|
45
|
-
|
|
46
|
-
export { type SpinnerVariants as S, spinnerRecipe as s };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import * as homemade_recipes from 'homemade-recipes';
|
|
2
|
-
import { HomemadeRecipeVariants } from 'homemade-recipes';
|
|
3
|
-
|
|
4
|
-
declare const spinnerRecipe: homemade_recipes.RuntimeFn<{
|
|
5
|
-
size: {
|
|
6
|
-
"1": {
|
|
7
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
|
-
};
|
|
10
|
-
"2": {
|
|
11
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
|
-
};
|
|
14
|
-
"3": {
|
|
15
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
16
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
|
-
};
|
|
18
|
-
"4": {
|
|
19
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
|
-
};
|
|
22
|
-
"5": {
|
|
23
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
|
-
};
|
|
26
|
-
"6": {
|
|
27
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
28
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
|
-
};
|
|
30
|
-
"7": {
|
|
31
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
32
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
33
|
-
};
|
|
34
|
-
"8": {
|
|
35
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
36
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
37
|
-
};
|
|
38
|
-
"9": {
|
|
39
|
-
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
40
|
-
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
}, ("xs" | "sm" | "md" | "lg" | "xl")[]>;
|
|
44
|
-
type SpinnerVariants = HomemadeRecipeVariants<typeof spinnerRecipe>;
|
|
45
|
-
|
|
46
|
-
export { type SpinnerVariants as S, spinnerRecipe as s };
|