@nayhoo/ui 0.14.0 → 0.15.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/README.md +32 -28
- package/dist/{avatar.css-Lh26jRUS.d.mts → avatar.css-C22jQqLD.d.mts} +18 -18
- package/dist/{avatar.css-Lh26jRUS.d.ts → avatar.css-C22jQqLD.d.ts} +18 -18
- package/dist/{badge.css-ToNvOJof.d.mts → badge.css-saeodjWf.d.mts} +14 -14
- package/dist/{badge.css-ToNvOJof.d.ts → badge.css-saeodjWf.d.ts} +14 -14
- package/dist/{button.css-BLr4KDtC.d.mts → button.css-BQdFVzyM.d.mts} +40 -40
- package/dist/{button.css-BLr4KDtC.d.ts → button.css-BQdFVzyM.d.ts} +40 -40
- package/dist/{checkbox.css-C3L6B1cb.d.mts → checkbox.css-DbB07gs9.d.mts} +6 -6
- package/dist/{checkbox.css-C3L6B1cb.d.ts → checkbox.css-DbB07gs9.d.ts} +6 -6
- package/dist/chunk-DOHVBMXO.mjs +7 -0
- package/dist/chunk-DOHVBMXO.mjs.map +1 -0
- package/dist/components/aspect-ratio.d.mts +9 -0
- package/dist/components/aspect-ratio.d.ts +9 -0
- package/dist/components/aspect-ratio.js +42 -0
- package/dist/components/aspect-ratio.js.map +1 -0
- package/dist/components/aspect-ratio.mjs +7 -0
- package/dist/components/aspect-ratio.mjs.map +1 -0
- package/dist/components/avatar.d.mts +2 -2
- package/dist/components/avatar.d.ts +2 -2
- package/dist/components/avatar.mjs +3 -3
- package/dist/components/badge.d.mts +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/button.d.mts +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/checkbox.d.mts +1 -1
- package/dist/components/checkbox.d.ts +1 -1
- package/dist/components/flex.d.mts +1 -1
- package/dist/components/flex.d.ts +1 -1
- package/dist/components/form.d.mts +1 -1
- package/dist/components/form.d.ts +1 -1
- package/dist/components/grid.d.mts +1 -1
- package/dist/components/grid.d.ts +1 -1
- package/dist/components/heading.d.mts +1 -1
- package/dist/components/heading.d.ts +1 -1
- package/dist/components/icon-button.d.mts +1 -1
- package/dist/components/icon-button.d.ts +1 -1
- package/dist/components/image.css +6 -0
- package/dist/components/image.css.map +1 -0
- package/dist/components/image.d.mts +11 -0
- package/dist/components/image.d.ts +11 -0
- package/dist/components/image.js +47 -0
- package/dist/components/image.js.map +1 -0
- package/dist/components/image.mjs +19 -0
- package/dist/components/image.mjs.map +1 -0
- package/dist/components/label.d.mts +1 -1
- package/dist/components/label.d.ts +1 -1
- package/dist/components/link.d.mts +1 -1
- package/dist/components/link.d.ts +1 -1
- package/dist/components/paragraph.d.mts +1 -1
- package/dist/components/paragraph.d.ts +1 -1
- package/dist/components/select.d.mts +1 -1
- package/dist/components/select.d.ts +1 -1
- package/dist/components/select.mjs +6 -6
- package/dist/components/skeleton.d.mts +1 -1
- package/dist/components/skeleton.d.ts +1 -1
- package/dist/components/spinner.d.mts +1 -1
- package/dist/components/spinner.d.ts +1 -1
- 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-field.d.mts +1 -1
- package/dist/components/text-field.d.ts +1 -1
- package/dist/components/text.d.mts +1 -1
- package/dist/components/text.d.ts +1 -1
- package/dist/{flex.css-7asy3CjM.d.mts → flex.css-wpH47_rr.d.mts} +9 -9
- package/dist/{flex.css-7asy3CjM.d.ts → flex.css-wpH47_rr.d.ts} +9 -9
- package/dist/{form.css-QulER1wj.d.mts → form.css-s3B8O22Z.d.mts} +1 -1
- package/dist/{form.css-QulER1wj.d.ts → form.css-s3B8O22Z.d.ts} +1 -1
- package/dist/{grid.css-nAw5xuD0.d.mts → grid.css-Z-qoRIGI.d.mts} +27 -27
- package/dist/{grid.css-nAw5xuD0.d.ts → grid.css-Z-qoRIGI.d.ts} +27 -27
- package/dist/{icon-button.css-yt0wizml.d.mts → icon-button.css-4pTw87C1.d.mts} +18 -18
- package/dist/{icon-button.css-yt0wizml.d.ts → icon-button.css-4pTw87C1.d.ts} +18 -18
- package/dist/{link.css-J250gDi8.d.mts → link.css-Dt6mcRb1.d.mts} +8 -8
- package/dist/{link.css-J250gDi8.d.ts → link.css-Dt6mcRb1.d.ts} +8 -8
- package/dist/providers/index.js +3 -9
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs +3 -9
- package/dist/providers/index.mjs.map +1 -1
- package/dist/{skeleton.css-JJ3Of78e.d.mts → skeleton.css-D17yFXPB.d.mts} +24 -24
- package/dist/{skeleton.css-JJ3Of78e.d.ts → skeleton.css-D17yFXPB.d.ts} +24 -24
- package/dist/{spinner.css-DDZLGtPI.d.mts → spinner.css-ChFZg-w0.d.mts} +18 -18
- package/dist/{spinner.css-DDZLGtPI.d.ts → spinner.css-ChFZg-w0.d.ts} +18 -18
- package/dist/{status.css-D2Xhx8gm.d.mts → status.css-BB1Lk0Lb.d.mts} +5 -5
- package/dist/{status.css-D2Xhx8gm.d.ts → status.css-BB1Lk0Lb.d.ts} +5 -5
- package/dist/{switch.css-Ku46q4IP.d.mts → switch.css-CQUuPRD7.d.mts} +6 -6
- package/dist/{switch.css-Ku46q4IP.d.ts → switch.css-CQUuPRD7.d.ts} +6 -6
- package/dist/{text-field.css-Da2cQDwY.d.mts → text-field.css-Ct3ZoW7k.d.mts} +23 -23
- package/dist/{text-field.css-Da2cQDwY.d.ts → text-field.css-Ct3ZoW7k.d.ts} +23 -23
- package/dist/{text.css-onESqiq6.d.mts → text.css-DU9FwT1v.d.mts} +16 -16
- package/dist/{text.css-onESqiq6.d.ts → text.css-DU9FwT1v.d.ts} +16 -16
- package/dist/theme/index.css +6 -0
- package/dist/theme/index.css.map +1 -1
- package/dist/theme/index.d.mts +3223 -3221
- package/dist/theme/index.d.ts +3223 -3221
- package/dist/theme/index.js +5 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +26 -22
- package/dist/theme/index.mjs.map +1 -1
- package/package.json +51 -7
|
@@ -4,14 +4,14 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
|
|
|
4
4
|
declare const checkboxRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
5
5
|
size: {
|
|
6
6
|
"1": {
|
|
7
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
8
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
9
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
7
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
10
10
|
};
|
|
11
11
|
"2": {
|
|
12
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
13
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
12
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
14
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
}>;
|
|
@@ -4,14 +4,14 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
|
|
|
4
4
|
declare const checkboxRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
5
5
|
size: {
|
|
6
6
|
"1": {
|
|
7
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
8
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
9
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
7
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
10
10
|
};
|
|
11
11
|
"2": {
|
|
12
|
-
width: `var(--${string})` | `var(--${string}, ${string})
|
|
13
|
-
height: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
12
|
+
width: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
|
+
height: `var(--${string})` | `var(--${string}, ${string})`;
|
|
14
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/theme/styles/image.css.ts"],"sourcesContent":["import 'src/theme/styles/image.css.ts.vanilla.css?source=LmltYWdlX2ltYWdlX18xZThubXhkMCB7CiAgbWF4LXdpZHRoOiAxMDAlOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7Cn0=';\nexport var image = 'image_image__1e8nmxd0';"],"mappings":";AACO,IAAI,QAAQ;","names":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @see https://github.com/nayhoo/ui/blob/main/apps/react-cosmos/src/aspect-ratio.fixture.tsx
|
|
6
|
+
*/
|
|
7
|
+
declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
|
|
9
|
+
export { AspectRatio };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @see https://github.com/nayhoo/ui/blob/main/apps/react-cosmos/src/aspect-ratio.fixture.tsx
|
|
6
|
+
*/
|
|
7
|
+
declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
|
|
9
|
+
export { AspectRatio };
|
|
@@ -0,0 +1,42 @@
|
|
|
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/aspect-ratio.tsx
|
|
31
|
+
var aspect_ratio_exports = {};
|
|
32
|
+
__export(aspect_ratio_exports, {
|
|
33
|
+
AspectRatio: () => AspectRatio
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(aspect_ratio_exports);
|
|
36
|
+
var AspectRatioPrimitive = __toESM(require("@radix-ui/react-aspect-ratio"));
|
|
37
|
+
var AspectRatio = AspectRatioPrimitive.Root;
|
|
38
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
39
|
+
0 && (module.exports = {
|
|
40
|
+
AspectRatio
|
|
41
|
+
});
|
|
42
|
+
//# sourceMappingURL=aspect-ratio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/react-cosmos/src/aspect-ratio.fixture.tsx\n */\nexport const AspectRatio = AspectRatioPrimitive.Root;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAsC;AAK/B,IAAM,cAAmC;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/react-cosmos/src/aspect-ratio.fixture.tsx\n */\nexport const AspectRatio = AspectRatioPrimitive.Root;\n"],"mappings":";AAAA,YAAY,0BAA0B;AAK/B,IAAM,cAAmC;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { A as AvatarVariants } from '../avatar.css-
|
|
3
|
-
import { S as StatusVariants } from '../status.css-
|
|
2
|
+
import { A as AvatarVariants } from '../avatar.css-C22jQqLD.mjs';
|
|
3
|
+
import { S as StatusVariants } from '../status.css-BB1Lk0Lb.mjs';
|
|
4
4
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
5
5
|
import react__default from 'react';
|
|
6
6
|
import '@vanilla-extract/recipes';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { A as AvatarVariants } from '../avatar.css-
|
|
3
|
-
import { S as StatusVariants } from '../status.css-
|
|
2
|
+
import { A as AvatarVariants } from '../avatar.css-C22jQqLD.js';
|
|
3
|
+
import { S as StatusVariants } from '../status.css-BB1Lk0Lb.js';
|
|
4
4
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
5
5
|
import react__default from 'react';
|
|
6
6
|
import '@vanilla-extract/recipes';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Status
|
|
3
|
+
} from "../chunk-KYAQZHQ5.mjs";
|
|
1
4
|
import {
|
|
2
5
|
avatarFallbackRecipe,
|
|
3
6
|
avatarImage,
|
|
4
7
|
avatarRecipe
|
|
5
8
|
} from "../chunk-P2VEMZGS.mjs";
|
|
6
|
-
import {
|
|
7
|
-
Status
|
|
8
|
-
} from "../chunk-KYAQZHQ5.mjs";
|
|
9
9
|
import "../chunk-EXKRRQYL.mjs";
|
|
10
10
|
import {
|
|
11
11
|
theme
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { B as BadgeVariants } from '../badge.css-
|
|
2
|
+
import { B as BadgeVariants } from '../badge.css-saeodjWf.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { B as BadgeVariants } from '../badge.css-
|
|
2
|
+
import { B as BadgeVariants } from '../badge.css-saeodjWf.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { B as ButtonVariants } from '../button.css-
|
|
2
|
+
import { B as ButtonVariants } from '../button.css-BQdFVzyM.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import 'homemade-recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { B as ButtonVariants } from '../button.css-
|
|
2
|
+
import { B as ButtonVariants } from '../button.css-BQdFVzyM.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import 'homemade-recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { C as CheckboxVariants } from '../checkbox.css-
|
|
2
|
+
import { C as CheckboxVariants } from '../checkbox.css-DbB07gs9.mjs';
|
|
3
3
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { C as CheckboxVariants } from '../checkbox.css-
|
|
2
|
+
import { C as CheckboxVariants } from '../checkbox.css-DbB07gs9.js';
|
|
3
3
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { F as FlexVariants } from '../flex.css-
|
|
2
|
+
import { F as FlexVariants } from '../flex.css-wpH47_rr.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import 'homemade-recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { F as FlexVariants } from '../flex.css-
|
|
2
|
+
import { F as FlexVariants } from '../flex.css-wpH47_rr.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import 'homemade-recipes';
|
|
5
5
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import { F as FormMessageVariants } from '../form.css-
|
|
3
|
+
import { F as FormMessageVariants } from '../form.css-s3B8O22Z.mjs';
|
|
4
4
|
import * as FormPrimitive from '@radix-ui/react-form';
|
|
5
5
|
import '@vanilla-extract/recipes';
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import { F as FormMessageVariants } from '../form.css-
|
|
3
|
+
import { F as FormMessageVariants } from '../form.css-s3B8O22Z.js';
|
|
4
4
|
import * as FormPrimitive from '@radix-ui/react-form';
|
|
5
5
|
import '@vanilla-extract/recipes';
|
|
6
6
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { G as GridVariants } from '../grid.css-
|
|
2
|
+
import { G as GridVariants } from '../grid.css-Z-qoRIGI.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import 'homemade-recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { G as GridVariants } from '../grid.css-
|
|
2
|
+
import { G as GridVariants } from '../grid.css-Z-qoRIGI.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import 'homemade-recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextVariants } from '../text.css-
|
|
2
|
+
import { T as TextVariants } from '../text.css-DU9FwT1v.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextVariants } from '../text.css-
|
|
2
|
+
import { T as TextVariants } from '../text.css-DU9FwT1v.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { I as IconButtonVariants } from '../icon-button.css-
|
|
2
|
+
import { I as IconButtonVariants } from '../icon-button.css-4pTw87C1.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { I as IconButtonVariants } from '../icon-button.css-
|
|
2
|
+
import { I as IconButtonVariants } from '../icon-button.css-4pTw87C1.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/styles/image.css.ts.vanilla.css?source=LmltYWdlX2ltYWdlX18xZThubXhkMCB7CiAgbWF4LXdpZHRoOiAxMDAlOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7Cn0= */
|
|
2
|
+
.image_image__1e8nmxd0 {
|
|
3
|
+
max-width: 100%;
|
|
4
|
+
vertical-align: middle;
|
|
5
|
+
}
|
|
6
|
+
/*# sourceMappingURL=image.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/styles/image.css.ts.vanilla.css?source=LmltYWdlX2ltYWdlX18xZThubXhkMCB7CiAgbWF4LXdpZHRoOiAxMDAlOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7Cn0="],"sourcesContent":[".image_image__1e8nmxd0 {\n max-width: 100%;\n vertical-align: middle;\n}"],"mappings":";AAAA,CAAC;AACC,aAAW;AACX,kBAAgB;AAClB;","names":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
3
|
+
|
|
4
|
+
declare const defaultElement = "img";
|
|
5
|
+
type ImageProps = ComponentProps<typeof defaultElement>;
|
|
6
|
+
/**
|
|
7
|
+
* @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx
|
|
8
|
+
*/
|
|
9
|
+
declare const Image: ({ asChild, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { Image, type ImageProps };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
3
|
+
|
|
4
|
+
declare const defaultElement = "img";
|
|
5
|
+
type ImageProps = ComponentProps<typeof defaultElement>;
|
|
6
|
+
/**
|
|
7
|
+
* @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx
|
|
8
|
+
*/
|
|
9
|
+
declare const Image: ({ asChild, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { Image, type ImageProps };
|
|
@@ -0,0 +1,47 @@
|
|
|
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/image.tsx
|
|
21
|
+
var image_exports = {};
|
|
22
|
+
__export(image_exports, {
|
|
23
|
+
Image: () => Image
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(image_exports);
|
|
26
|
+
|
|
27
|
+
// src/theme/styles/image.css.ts
|
|
28
|
+
var image = "image_image__1e8nmxd0";
|
|
29
|
+
|
|
30
|
+
// src/utils/merge-classes.ts
|
|
31
|
+
function mergeClasses(...classes) {
|
|
32
|
+
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
// src/components/image.tsx
|
|
36
|
+
var import_react_slot = require("@radix-ui/react-slot");
|
|
37
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
38
|
+
var defaultElement = "img";
|
|
39
|
+
var Image = ({ asChild, ...props }) => {
|
|
40
|
+
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
41
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(image, props.className), children: props.children });
|
|
42
|
+
};
|
|
43
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
44
|
+
0 && (module.exports = {
|
|
45
|
+
Image
|
|
46
|
+
});
|
|
47
|
+
//# sourceMappingURL=image.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/image.tsx","../../src/theme/styles/image.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { image } from \"@/theme/styles/image.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"img\";\n\nexport type ImageProps = ComponentProps<typeof defaultElement>;\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx\n */\nexport const Image = ({ asChild, ...props }: ImageProps) => {\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(image, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/styles/image.css.ts.vanilla.css?source=LmltYWdlX2ltYWdlX18xZThubXhkMCB7CiAgbWF4LXdpZHRoOiAxMDAlOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7Cn0=';\nexport var image = 'image_image__1e8nmxd0';","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;;;ACCO,IAAI,QAAQ;;;ACDZ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFCA,wBAAqB;AAajB;AAXJ,IAAM,iBAAiB;AAOhB,IAAM,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,MAAkB;AAC1D,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,OAAO,MAAM,SAAS,GAC5D,gBAAM,UACT;AAEJ;","names":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import {
|
|
2
|
+
image
|
|
3
|
+
} from "../chunk-DOHVBMXO.mjs";
|
|
4
|
+
import {
|
|
5
|
+
mergeClasses
|
|
6
|
+
} from "../chunk-7EGQM3ZL.mjs";
|
|
7
|
+
|
|
8
|
+
// src/components/image.tsx
|
|
9
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
10
|
+
import { jsx } from "react/jsx-runtime";
|
|
11
|
+
var defaultElement = "img";
|
|
12
|
+
var Image = ({ asChild, ...props }) => {
|
|
13
|
+
const Comp = asChild ? Slot : defaultElement;
|
|
14
|
+
return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(image, props.className), children: props.children });
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
Image
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=image.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/image.tsx"],"sourcesContent":["import { image } from \"@/theme/styles/image.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"img\";\n\nexport type ImageProps = ComponentProps<typeof defaultElement>;\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx\n */\nexport const Image = ({ asChild, ...props }: ImageProps) => {\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(image, props.className)}>\n {props.children}\n </Comp>\n );\n};\n"],"mappings":";;;;;;;;AAGA,SAAS,YAAY;AAajB;AAXJ,IAAM,iBAAiB;AAOhB,IAAM,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,MAAkB;AAC1D,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,OAAO,MAAM,SAAS,GAC5D,gBAAM,UACT;AAEJ;","names":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextVariants } from '../text.css-
|
|
2
|
+
import { T as TextVariants } from '../text.css-DU9FwT1v.mjs';
|
|
3
3
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextVariants } from '../text.css-
|
|
2
|
+
import { T as TextVariants } from '../text.css-DU9FwT1v.js';
|
|
3
3
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { L as LinkVariants } from '../link.css-
|
|
2
|
+
import { L as LinkVariants } from '../link.css-Dt6mcRb1.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { L as LinkVariants } from '../link.css-
|
|
2
|
+
import { L as LinkVariants } from '../link.css-Dt6mcRb1.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextVariants } from '../text.css-
|
|
2
|
+
import { T as TextVariants } from '../text.css-DU9FwT1v.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextVariants } from '../text.css-
|
|
2
|
+
import { T as TextVariants } from '../text.css-DU9FwT1v.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import { B as ButtonVariants } from '../button.css-
|
|
3
|
+
import { B as ButtonVariants } from '../button.css-BQdFVzyM.mjs';
|
|
4
4
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
5
5
|
import 'homemade-recipes';
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import { B as ButtonVariants } from '../button.css-
|
|
3
|
+
import { B as ButtonVariants } from '../button.css-BQdFVzyM.js';
|
|
4
4
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
5
5
|
import 'homemade-recipes';
|
|
6
6
|
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Button
|
|
3
|
-
} from "../chunk-ZSB4NTM3.mjs";
|
|
4
|
-
import "../chunk-4A7WL3BM.mjs";
|
|
5
|
-
import "../chunk-67WEB6LY.mjs";
|
|
6
|
-
import "../chunk-47YGQSLM.mjs";
|
|
7
1
|
import {
|
|
8
2
|
menu,
|
|
9
3
|
menuItem,
|
|
@@ -13,6 +7,12 @@ import {
|
|
|
13
7
|
import {
|
|
14
8
|
panel
|
|
15
9
|
} from "../chunk-WUVNL3DI.mjs";
|
|
10
|
+
import {
|
|
11
|
+
Button
|
|
12
|
+
} from "../chunk-ZSB4NTM3.mjs";
|
|
13
|
+
import "../chunk-4A7WL3BM.mjs";
|
|
14
|
+
import "../chunk-67WEB6LY.mjs";
|
|
15
|
+
import "../chunk-47YGQSLM.mjs";
|
|
16
16
|
import "../chunk-IFN22XIN.mjs";
|
|
17
17
|
import "../chunk-UPZYS6TE.mjs";
|
|
18
18
|
import {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { S as SkeletonVariants } from '../skeleton.css-
|
|
2
|
+
import { S as SkeletonVariants } from '../skeleton.css-D17yFXPB.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { S as SkeletonVariants } from '../skeleton.css-
|
|
2
|
+
import { S as SkeletonVariants } from '../skeleton.css-D17yFXPB.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { S as SpinnerVariants } from '../spinner.css-
|
|
2
|
+
import { S as SpinnerVariants } from '../spinner.css-ChFZg-w0.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { S as SpinnerVariants } from '../spinner.css-
|
|
2
|
+
import { S as SpinnerVariants } from '../spinner.css-ChFZg-w0.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { S as StatusVariants } from '../status.css-
|
|
2
|
+
import { S as StatusVariants } from '../status.css-BB1Lk0Lb.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { S as StatusVariants } from '../status.css-
|
|
2
|
+
import { S as StatusVariants } from '../status.css-BB1Lk0Lb.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { S as SwitchThumbVariants, a as SwitchVariants } from '../switch.css-
|
|
2
|
+
import { S as SwitchThumbVariants, a as SwitchVariants } from '../switch.css-CQUuPRD7.mjs';
|
|
3
3
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { S as SwitchThumbVariants, a as SwitchVariants } from '../switch.css-
|
|
2
|
+
import { S as SwitchThumbVariants, a as SwitchVariants } from '../switch.css-CQUuPRD7.js';
|
|
3
3
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextFieldVariants } from '../text-field.css-
|
|
2
|
+
import { T as TextFieldVariants } from '../text-field.css-Ct3ZoW7k.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextFieldVariants } from '../text-field.css-
|
|
2
|
+
import { T as TextFieldVariants } from '../text-field.css-Ct3ZoW7k.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextVariants } from '../text.css-
|
|
2
|
+
import { T as TextVariants } from '../text.css-DU9FwT1v.mjs';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { T as TextVariants } from '../text.css-
|
|
2
|
+
import { T as TextVariants } from '../text.css-DU9FwT1v.js';
|
|
3
3
|
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|