@nayhoo/ui 0.14.1 → 0.15.0

package/dist/chunk-DOHVBMXO.mjs

@@ -0,0 +1,7 @@
+// src/theme/styles/image.css.ts
+var image = "image_image__1e8nmxd0";
+
+export {
+  image
+};
+//# sourceMappingURL=chunk-DOHVBMXO.mjs.map

package/dist/chunk-DOHVBMXO.mjs.map

@@ -0,0 +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":[]}

package/dist/components/aspect-ratio.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+
+/**
+ * @see https://github.com/nayhoo/ui/blob/main/apps/react-cosmos/src/aspect-ratio.fixture.tsx
+ */
+declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AspectRatio };

package/dist/components/aspect-ratio.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+
+/**
+ * @see https://github.com/nayhoo/ui/blob/main/apps/react-cosmos/src/aspect-ratio.fixture.tsx
+ */
+declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AspectRatio };

package/dist/components/aspect-ratio.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/aspect-ratio.tsx
+var aspect_ratio_exports = {};
+__export(aspect_ratio_exports, {
+  AspectRatio: () => AspectRatio
+});
+module.exports = __toCommonJS(aspect_ratio_exports);
+var AspectRatioPrimitive = __toESM(require("@radix-ui/react-aspect-ratio"));
+var AspectRatio = AspectRatioPrimitive.Root;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AspectRatio
+});
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/components/aspect-ratio.js.map

@@ -0,0 +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":[]}

package/dist/components/aspect-ratio.mjs

@@ -0,0 +1,7 @@
+// src/components/aspect-ratio.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+var AspectRatio = AspectRatioPrimitive.Root;
+export {
+  AspectRatio
+};
+//# sourceMappingURL=aspect-ratio.mjs.map

package/dist/components/aspect-ratio.mjs.map

@@ -0,0 +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":[]}

package/dist/components/avatar.mjs

@@ -1,11 +1,11 @@
+import {
+  Status
+} from "../chunk-KYAQZHQ5.mjs";
 import {
   avatarFallbackRecipe,
   avatarImage,
   avatarRecipe
 } from "../chunk-P2VEMZGS.mjs";
-import {
-  Status
-} from "../chunk-KYAQZHQ5.mjs";
 import "../chunk-EXKRRQYL.mjs";
 import {
   theme

package/dist/components/image.css

@@ -0,0 +1,6 @@
+/* vanilla-extract-css-ns:src/theme/styles/image.css.ts.vanilla.css?source=LmltYWdlX2ltYWdlX18xZThubXhkMCB7CiAgbWF4LXdpZHRoOiAxMDAlOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7Cn0= */
+.image_image__1e8nmxd0 {
+  max-width: 100%;
+  vertical-align: middle;
+}
+/*# sourceMappingURL=image.css.map */

package/dist/components/image.css.map

@@ -0,0 +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":[]}

package/dist/components/image.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
+
+declare const defaultElement = "img";
+type ImageProps = ComponentProps<typeof defaultElement>;
+/**
+ * @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx
+ */
+declare const Image: ({ asChild, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
+
+export { Image, type ImageProps };

package/dist/components/image.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as ComponentProps } from '../component-props-BHzinuRX.js';
+
+declare const defaultElement = "img";
+type ImageProps = ComponentProps<typeof defaultElement>;
+/**
+ * @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx
+ */
+declare const Image: ({ asChild, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
+
+export { Image, type ImageProps };

package/dist/components/image.js

@@ -0,0 +1,47 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/image.tsx
+var image_exports = {};
+__export(image_exports, {
+  Image: () => Image
+});
+module.exports = __toCommonJS(image_exports);
+
+// src/theme/styles/image.css.ts
+var image = "image_image__1e8nmxd0";
+
+// src/utils/merge-classes.ts
+function mergeClasses(...classes) {
+  return classes.filter((cls) => Boolean(cls)).join(" ");
+}
+
+// src/components/image.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultElement = "img";
+var Image = ({ asChild, ...props }) => {
+  const Comp = asChild ? import_react_slot.Slot : defaultElement;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(image, props.className), children: props.children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Image
+});
+//# sourceMappingURL=image.js.map

package/dist/components/image.js.map

@@ -0,0 +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":[]}

package/dist/components/image.mjs

@@ -0,0 +1,19 @@
+import {
+  image
+} from "../chunk-DOHVBMXO.mjs";
+import {
+  mergeClasses
+} from "../chunk-7EGQM3ZL.mjs";
+
+// src/components/image.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+var defaultElement = "img";
+var Image = ({ asChild, ...props }) => {
+  const Comp = asChild ? Slot : defaultElement;
+  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(image, props.className), children: props.children });
+};
+export {
+  Image
+};
+//# sourceMappingURL=image.mjs.map

package/dist/components/image.mjs.map

@@ -0,0 +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":[]}

package/dist/components/select.mjs

@@ -1,9 +1,3 @@
-import {
-  Button
-} from "../chunk-ZSB4NTM3.mjs";
-import "../chunk-4A7WL3BM.mjs";
-import "../chunk-67WEB6LY.mjs";
-import "../chunk-47YGQSLM.mjs";
 import {
   menu,
   menuItem,
@@ -13,6 +7,12 @@ import {
 import {
   panel
 } from "../chunk-WUVNL3DI.mjs";
+import {
+  Button
+} from "../chunk-ZSB4NTM3.mjs";
+import "../chunk-4A7WL3BM.mjs";
+import "../chunk-67WEB6LY.mjs";
+import "../chunk-47YGQSLM.mjs";
 import "../chunk-IFN22XIN.mjs";
 import "../chunk-UPZYS6TE.mjs";
 import {

package/dist/theme/index.css

@@ -4115,6 +4115,12 @@ body {
   color: var(--semanticColors-backgroundTextContrast__19nbe8d2f7);
 }
 
+/* vanilla-extract-css-ns:src/theme/styles/image.css.ts.vanilla.css?source=LmltYWdlX2ltYWdlX18xZThubXhkMCB7CiAgbWF4LXdpZHRoOiAxMDAlOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7Cn0= */
+.image_image__1e8nmxd0 {
+  max-width: 100%;
+  vertical-align: middle;
+}
+
 /* vanilla-extract-css-ns:src/theme/styles/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsX19yMW5rZ3EwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0= */
 .label_label__r1nkgq0 {
   display: inline-block;