@papillonarts/components 0.31.0 → 0.32.0

package/build/Modern/Flash/Flash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flash.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAA;AAC5D,OAAO,KAAK,EAAE,mBAAmB,IAAI,8BAA8B,EAAE,MAAM,sBAAsB,CAAA;AAGjG,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,QAAA,MAAM,KAAK,EAUL,8BAA8B,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;AAMvD,eAAe,KAAK,CAAA"}

package/build/Modern/Flash/Flash.docs.json

@@ -0,0 +1,54 @@
+{
+  "id": "flash",
+  "name": "Flash",
+  "status": "alpha",
+  "a11yReviewed": "2025-01-08",
+  "stories": [
+    {
+      "id": "components-flash--default"
+    },
+    {
+      "id": "components-flash-features--success"
+    },
+    {
+      "id": "components-flash-features--danger"
+    },
+    {
+      "id": "components-flash-features--warning"
+    },
+    {
+      "id": "components-flash-features--full"
+    },
+    {
+      "id": "components-flash-features--with-icon-and-action"
+    },
+    {
+      "id": "components-flash-features--with-icon-action-dismiss"
+    }
+  ],
+  "importPath": "@primer/react",
+  "props": [
+    {
+      "name": "full",
+      "type": "boolean",
+      "defaultValue": "false",
+      "description": "Creates a full width Flash component"
+    },
+    {
+      "name": "variant",
+      "type": "'default' | 'success' | 'warning' | 'danger'",
+      "defaultValue": "'default'",
+      "description": "Sets the background color and border"
+    },
+    {
+      "name": "ref",
+      "type": "React.RefObject<HTMLDivElement>"
+    },
+    {
+      "name": "as",
+      "type": "React.ElementType",
+      "defaultValue": "\"div\""
+    }
+  ],
+  "subcomponents": []
+}

package/build/Modern/Flash/Flash.features.d.ts

@@ -0,0 +1,9 @@
+export declare const Flash: any;
+export declare function regular(): import("react/jsx-runtime").JSX.Element;
+export declare function success(): import("react/jsx-runtime").JSX.Element;
+export declare function danger(): import("react/jsx-runtime").JSX.Element;
+export declare function warning(): import("react/jsx-runtime").JSX.Element;
+export declare function full(): import("react/jsx-runtime").JSX.Element;
+export declare function withIconAndAction(): import("react/jsx-runtime").JSX.Element;
+export declare function withIconActionDismiss(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Flash.features.d.ts.map

package/build/Modern/Flash/Flash.features.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flash.features.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.features.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,KAGgC,CAAA;AAElD,wBAAgB,OAAO,4CAEtB;AAED,wBAAgB,OAAO,4CAgBtB;AAED,wBAAgB,MAAM,4CAgBrB;AAED,wBAAgB,OAAO,4CAgBtB;AAED,wBAAgB,IAAI,4CAgBnB;AAED,wBAAgB,iBAAiB,4CAahC;AAED,wBAAgB,qBAAqB,4CAcpC"}

package/build/Modern/Flash/Flash.features.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Flash = void 0;
+exports.danger = danger;
+exports.full = full;
+exports.regular = regular;
+exports.success = success;
+exports.warning = warning;
+exports.withIconActionDismiss = withIconActionDismiss;
+exports.withIconAndAction = withIconAndAction;
+var _octiconsReact = require("@primer/octicons-react");
+var _FlashFeaturesStoriesModule = _interopRequireDefault(require("./Flash.features.stories.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+// import { Button, IconButton } from '../Button'
+// import Link from '../Link'
+
+var Flash = exports.Flash = process.env.NODE_ENV === 'develop' || process.env.NODE_ENV === 'test' ? require('../../index').Modern.Flash.Flash : require('../../../build').Modern.Flash.Flash;
+function regular() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Flash, {
+    children: "Default"
+  });
+}
+function success() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
+    variant: "success",
+    style: {
+      display: 'grid',
+      gridTemplateColumns: 'min-content 1fr minmax(0, auto)',
+      gridTemplateAreas: "'visual message actions'"
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Visual,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.CheckCircleIcon, {
+        "aria-label": "Success"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Message,
+      children: "Success"
+    })]
+  });
+}
+function danger() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
+    variant: "danger",
+    style: {
+      display: 'grid',
+      gridTemplateColumns: 'min-content 1fr minmax(0, auto)',
+      gridTemplateAreas: "'visual message actions'"
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Visual,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.InfoIcon, {
+        "aria-label": "Danger"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Message,
+      children: "Danger"
+    })]
+  });
+}
+function warning() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
+    variant: "warning",
+    style: {
+      display: 'grid',
+      gridTemplateColumns: 'min-content 1fr minmax(0, auto)',
+      gridTemplateAreas: "'visual message actions'"
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Visual,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.AlertIcon, {
+        "aria-label": "Warning"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Message,
+      children: "Warning"
+    })]
+  });
+}
+function full() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
+    full: true,
+    style: {
+      display: 'grid',
+      gridTemplateColumns: 'min-content 1fr minmax(0, auto)',
+      gridTemplateAreas: "'visual message actions'"
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Visual,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.InfoIcon, {
+        "aria-label": "Info"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Message,
+      children: "Full"
+    })]
+  });
+}
+function withIconAndAction() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
+    className: _FlashFeaturesStoriesModule["default"].WithIconAndAction,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Visual,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.InfoIcon, {
+        "aria-label": "Info"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Message,
+      children: "This is a flash message with an icon and an action."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].ActionsResponsive
+    })]
+  });
+}
+function withIconActionDismiss() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Flash, {
+    className: _FlashFeaturesStoriesModule["default"].WithIconActionDismiss,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Visual,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.InfoIcon, {
+        "aria-label": "Info"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Message,
+      children: "This is a flash message with an icon and an action."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].ActionsResponsive
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FlashFeaturesStoriesModule["default"].Close
+    })]
+  });
+}

package/build/Modern/Flash/Flash.features.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react-webpack5';
+declare const meta: {
+    title: string;
+    component: any;
+    decorators: ((...args: any[]) => any)[];
+    parameters: {
+        jest: string[];
+    };
+    excludeStories: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const Warning: Story;
+export declare const Full: Story;
+export declare const WithIconAndAction: Story;
+export declare const WithIconActionDismiss: Story;
+//# sourceMappingURL=Flash.features.stories.d.ts.map

package/build/Modern/Flash/Flash.features.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flash.features.stories.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.features.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,IAAI;;;;;;;;CAMoB,CAAA;AAE9B,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAA2B,CAAA;AAEjD,eAAO,MAAM,MAAM,EAAE,KAA0B,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAA2B,CAAA;AAEjD,eAAO,MAAM,IAAI,EAAE,KAAwB,CAAA;AAE3C,eAAO,MAAM,iBAAiB,EAAE,KAAqC,CAAA;AAErE,eAAO,MAAM,qBAAqB,EAAE,KAAyC,CAAA"}

package/build/Modern/Flash/Flash.features.stories.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithIconAndAction = exports.WithIconActionDismiss = exports.Warning = exports.Success = exports.Full = exports.Danger = void 0;
+var _addonJest = require("@storybook/addon-jest");
+var _jestTestResults = _interopRequireDefault(require("../../../../../.jest-test-results.json"));
+var _Flash = require("./Flash.features");
+// https://storybook.js.org/docs/writing-stories
+// https://storybook.js.org/docs/api/csf
+
+var meta = {
+  title: 'Modern/Flash/Features',
+  component: _Flash.Flash,
+  decorators: [(0, _addonJest.withTests)({
+    results: _jestTestResults["default"]
+  })],
+  parameters: {
+    jest: ['Flash.test.ts']
+  },
+  excludeStories: ['Custom']
+};
+var _default = exports["default"] = meta;
+var Success = exports.Success = {
+  render: _Flash.success
+};
+var Danger = exports.Danger = {
+  render: _Flash.danger
+};
+var Warning = exports.Warning = {
+  render: _Flash.warning
+};
+var Full = exports.Full = {
+  render: _Flash.full
+};
+var WithIconAndAction = exports.WithIconAndAction = {
+  render: _Flash.withIconAndAction
+};
+var WithIconActionDismiss = exports.WithIconActionDismiss = {
+  render: _Flash.withIconActionDismiss
+};

package/build/Modern/Flash/Flash.features.stories.module.scss

@@ -0,0 +1,67 @@
+/* stylelint-disable custom-property-pattern, media-feature-range-notation, declaration-block-no-redundant-longhand-properties */
+
+.Visual {
+  display: grid;
+  padding-block: var(--base-size-8);
+  align-self: start;
+  grid-area: visual;
+}
+
+.Message {
+  font-size: var(--text-body-size-medium);
+  line-height: var(--text-body-lineHeight-large);
+  padding: var(--base-size-6) var(--base-size-8);
+  align-self: center;
+  grid-area: message;
+}
+
+.Actions {
+  grid-area: actions;
+}
+
+.ActionsResponsive {
+  grid-area: actions;
+}
+
+@media screen and (max-width: 543.98px) {
+  .ActionsResponsive {
+    align-self: start;
+    margin: var(--base-size-8) 0 0 var(--base-size-8);
+  }
+}
+
+.Close {
+  grid-area: close;
+  margin-left: var(--base-size-8);
+
+  & svg {
+    margin: 0;
+    color: var(--fgColor-muted);
+  }
+}
+
+.WithIconAndAction {
+  display: grid;
+  grid-template-columns: min-content 1fr minmax(0, auto);
+  grid-template-rows: min-content;
+  grid-template-areas: 'visual message actions';
+
+  @media screen and (max-width: 543.98px) {
+    grid-template-columns: min-content 1fr;
+    grid-template-rows: min-content min-content;
+    grid-template-areas: 'visual message' '. actions';
+  }
+}
+
+.WithIconActionDismiss {
+  display: grid;
+  grid-template-columns: min-content 1fr minmax(0, auto);
+  grid-template-rows: min-content;
+  grid-template-areas: 'visual message actions close';
+
+  @media screen and (max-width: 543.98px) {
+    grid-template-columns: min-content 1fr;
+    grid-template-rows: min-content min-content;
+    grid-template-areas: 'visual message close' '. actions actions';
+  }
+}

package/build/Modern/Flash/Flash.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = require("clsx");
+var _react = require("react");
+var _FlashModule = _interopRequireDefault(require("./Flash.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["as", "className", "variant", "full"];
+/* eslint-disable react/prop-types */
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Flash = /*#__PURE__*/(0, _react.forwardRef)(function Flash(_ref, ref) {
+  var _ref$as = _ref.as,
+    BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
+    className = _ref.className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    full = _ref.full,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseComponent, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    className: (0, _clsx.clsx)(_FlashModule["default"].Flash, className),
+    "data-full": full ? '' : undefined,
+    "data-variant": variant
+  }));
+});
+
+// if (__DEV__) {
+//   Flash.displayName = 'Flash'
+// }
+var _default = exports["default"] = Flash;

package/build/Modern/Flash/Flash.module.scss

@@ -0,0 +1,62 @@
+/* stylelint-disable custom-property-pattern */
+
+.Flash {
+  position: relative;
+  padding: var(--base-size-16);
+  margin-top: 0;
+  color: var(--fgColor-default);
+  border-style: solid;
+  border-width: var(--borderWidth-thin);
+  border-radius: var(--borderRadius-medium);
+
+  &:where([data-variant='default']) {
+    background-color: var(--bgColor-accent-muted);
+    border-color: var(--borderColor-accent-muted);
+
+    & :where(svg) {
+      color: var(--fgColor-accent);
+    }
+  }
+
+  &:where([data-variant='success']) {
+    background-color: var(--bgColor-success-muted);
+    border-color: var(--borderColor-success-muted);
+
+    & :where(svg) {
+      color: var(--fgColor-success);
+    }
+  }
+
+  &:where([data-variant='danger']) {
+    background-color: var(--bgColor-danger-muted);
+    border-color: var(--borderColor-danger-muted);
+
+    & :where(svg) {
+      color: var(--fgColor-danger);
+    }
+  }
+
+  &:where([data-variant='warning']) {
+    background-color: var(--bgColor-attention-muted);
+    border-color: var(--borderColor-attention-muted);
+
+    & :where(svg) {
+      color: var(--fgColor-attention);
+    }
+  }
+
+  &:where([data-full]) {
+    /* stylelint-disable-next-line primer/spacing */
+    margin-top: -1px;
+    border-width: var(--borderWidth-thin) 0;
+    border-radius: 0;
+  }
+
+  & :where(p:last-child) {
+    margin-bottom: 0;
+  }
+
+  & :where(svg) {
+    margin-right: var(--base-size-8);
+  }
+}

package/build/Modern/Flash/Flash.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react-webpack5';
+declare const meta: {
+    title: string;
+    component: any;
+    decorators: ((...args: any[]) => any)[];
+    parameters: {
+        jest: string[];
+    };
+    excludeStories: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=Flash.stories.d.ts.map

package/build/Modern/Flash/Flash.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flash.stories.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,IAAI;;;;;;;;CAMoB,CAAA;AAE9B,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAA2B,CAAA"}

package/build/Modern/Flash/Flash.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _addonJest = require("@storybook/addon-jest");
+var _jestTestResults = _interopRequireDefault(require("../../../../../.jest-test-results.json"));
+var _Flash = require("./Flash.features");
+// https://storybook.js.org/docs/writing-stories
+// https://storybook.js.org/docs/api/csf
+
+var meta = {
+  title: 'Modern/Flash',
+  component: _Flash.Flash,
+  decorators: [(0, _addonJest.withTests)({
+    results: _jestTestResults["default"]
+  })],
+  parameters: {
+    jest: ['Flash.test.ts']
+  },
+  excludeStories: ['Custom']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  render: _Flash.regular
+};

package/build/Modern/Flash/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Flash';
+export type { FlashProps } from './Flash';
+//# sourceMappingURL=index.d.ts.map

package/build/Modern/Flash/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/build/Modern/Flash/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Flash["default"];
+  }
+});
+var _Flash = _interopRequireDefault(require("./Flash"));

package/build/Modern/Typing/index.d.js

@@ -0,0 +1 @@
+"use strict";

package/build/Modern/global.d.js

@@ -0,0 +1 @@
+"use strict";

package/build/Modern/index.d.ts

@@ -0,0 +1,7 @@
+export type { FlashProps } from './Flash';
+export declare const Modern: {
+    Flash: {
+        Flash: import("./utils/polymorphic").ForwardRefComponent<"div", import("./Flash").FlashProps>;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/build/Modern/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modern/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,MAAM;;;;CAIlB,CAAA"}

package/build/Modern/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Modern = void 0;
+var _Flash = _interopRequireDefault(require("./Flash"));
+var Modern = exports.Modern = {
+  Flash: {
+    Flash: _Flash["default"]
+  }
+};

package/build/Modern/utils/polymorphic.d.ts

@@ -0,0 +1,40 @@
+/**
+ * This file is originally from `@radix-ui/react-polymorphic` before the package
+ * was deprecated. The original source for this lived in the URL below.
+ *
+ * @see https://github.com/radix-ui/primitives/blob/17ffcb7aaa42cbd36b3c210ba86d7d73d218e5be/packages/react/polymorphic/src/polymorphic.ts
+ */
+import * as React from 'react';
+import type { JSX } from 'react';
+import type { SlotMarker } from './types/Slots';
+type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
+/**
+ * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
+ */
+type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
+/**
+ * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
+ */
+type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
+type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
+    as?: E;
+}>>;
+interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps>, SlotMarker {
+    /**
+     * When `as` prop is passed, use this overload.
+     * Merges original own props (without DOM props) and the inferred props
+     * from `as` element with the own props taking precedence.
+     *
+     * We explicitly avoid `React.ElementType` and manually narrow the prop types
+     * so that events are typed when using JSX.IntrinsicElements.
+     */
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+    }> : never): React.ReactElement<any> | null;
+}
+export type { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };
+//# sourceMappingURL=polymorphic.d.ts.map

package/build/Modern/utils/polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK/C,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,CACnG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAMb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAAE,UAAU;IAC/E;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAE,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAE,GACnC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GAC/B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GACvD,KAAK,GACZ,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;CAClC;AAED,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAA"}

package/build/Modern/utils/polymorphic.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/build/Modern/utils/types/Slots.d.ts

@@ -0,0 +1,7 @@
+export interface SlotMarker {
+    /** Marker to denote the custom child slot for a component */
+    __SLOT__?: symbol;
+}
+export type WithSlotMarker<T> = T & SlotMarker;
+export type FCWithSlotMarker<P> = WithSlotMarker<React.FC<P>>;
+//# sourceMappingURL=Slots.d.ts.map

package/build/Modern/utils/types/Slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slots.d.ts","sourceRoot":"","sources":["../../../../src/Modern/utils/types/Slots.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,UAAU,CAAA;AAE9C,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA"}

package/build/Modern/utils/types/Slots.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/build/index.d.ts

@@ -1,3 +1,4 @@
-export { primer } from './primer';
-export type { IAlertConsent, IFlexGridItem } from './primer/type';
+export { Legacy } from './Legacy';
+export type { IAlertConsent, IFlexGridItem } from './Legacy/type';
+export { Modern } from './Modern';
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/build/index.js

@@ -3,10 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "primer", {
+Object.defineProperty(exports, "Legacy", {
   enumerable: true,
   get: function get() {
-    return _primer.primer;
+    return _Legacy.Legacy;
   }
 });
-var _primer = require("./primer");
+Object.defineProperty(exports, "Modern", {
+  enumerable: true,
+  get: function get() {
+    return _Modern.Modern;
+  }
+});
+var _Legacy = require("./Legacy");
+var _Modern = require("./Modern");