@hyphen/hyphen-components 6.0.1 → 6.1.1

package/dist/components/AspectRatio/AspectRatio.d.ts

@@ -0,0 +1,3 @@
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+export { AspectRatio };

package/dist/components/AspectRatio/AspectRatio.stories.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Meta } from '@storybook/react-vite';
+import { AspectRatio } from './AspectRatio';
+declare const meta: Meta<typeof AspectRatio>;
+export default meta;
+export declare const Usage: () => React.JSX.Element;

package/dist/hyphen-components.cjs.development.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classNames = require('classnames');
 var icons = require('@hyphen/hyphen-design-tokens/build/assets/icons/react');
+var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
 var reactSlot = require('@radix-ui/react-slot');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var format = require('date-fns/format');
@@ -45,6 +46,7 @@ function _interopNamespaceDefault(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(AspectRatioPrimitive);
 var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(CollapsiblePrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(PopoverPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
@@ -643,6 +645,8 @@ var Alert = function Alert(_ref) {
   }, title), message && (typeof message === 'string' ? React.createElement("p", null, message) : message))), isClosable && renderCloseIcon());
 };
 
+var AspectRatio = AspectRatioPrimitive__namespace.Root;
+
 var styles$y = {"badge":"Badge-module_badge__ZbEBU","size-sm":"Badge-module_size-sm__rL8a6","size-md":"Badge-module_size-md__kf6IH","size-lg":"Badge-module_size-lg__of6XJ","inverse":"Badge-module_inverse__qZCFA","purple":"Badge-module_purple__rX-xW","green":"Badge-module_green__W03uU","red":"Badge-module_red__fl2jg","blue":"Badge-module_blue__C7kyV","yellow":"Badge-module_yellow__gGZ6R","light-grey":"Badge-module_light-grey__Wtrhx","dark-grey":"Badge-module_dark-grey__X-807","hyphen":"Badge-module_hyphen__9pe7x","size-sm-tablet":"Badge-module_size-sm-tablet__6xMVk","size-md-tablet":"Badge-module_size-md-tablet__4w-7I","size-lg-tablet":"Badge-module_size-lg-tablet__8xyRF","size-sm-desktop":"Badge-module_size-sm-desktop__Ayf5L","size-md-desktop":"Badge-module_size-md-desktop__XSq7m","size-lg-desktop":"Badge-module_size-lg-desktop__Baw3S","size-sm-hd":"Badge-module_size-sm-hd__Da6Au","size-md-hd":"Badge-module_size-md-hd__-VNMk","size-lg-hd":"Badge-module_size-lg-hd__6MOwL"};
 
 var _excluded$N = ["className", "message", "variant", "size"];
@@ -5446,6 +5450,7 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 
 exports.Alert = Alert;
+exports.AspectRatio = AspectRatio;
 exports.Badge = Badge;
 exports.Box = Box;
 exports.Button = Button;