@elliemae/ds-form-layout-label 3.22.0-next.0

package/dist/cjs/DSFormLayoutLabel.js

@@ -0,0 +1,54 @@
+"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);
+var DSFormLayoutLabel_exports = {};
+__export(DSFormLayoutLabel_exports, {
+  DSFormLayoutLabel: () => DSFormLayoutLabel,
+  DSFormLayoutLabelWithSchema: () => DSFormLayoutLabelWithSchema
+});
+module.exports = __toCommonJS(DSFormLayoutLabel_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_useFormLayoutLabel = require("./config/useFormLayoutLabel.js");
+var import_constants = require("./constants/index.js");
+var import_styled = require("./styled.js");
+const DSFormLayoutLabel = (props) => {
+  const { propsWithDefault, globalProps, xstyledProps } = (0, import_useFormLayoutLabel.useFormLayoutLabel)(props);
+  const { children, required, hideLabel, optional } = propsWithDefault;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledLabel, { ...globalProps, ...xstyledProps, hideLabel, children: [
+    children,
+    (required || optional) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledMark, { required })
+  ] });
+};
+DSFormLayoutLabel.propTypes = import_react_desc_prop_types.DSFormLayoutLabelPropTypes;
+DSFormLayoutLabel.displayName = import_constants.DSFormLayoutLabelName;
+const DSFormLayoutLabelWithSchema = (0, import_ds_props_helpers.describe)(DSFormLayoutLabel);
+DSFormLayoutLabelWithSchema.propTypes = import_react_desc_prop_types.DSFormLayoutLabelPropTypes;
+//# sourceMappingURL=DSFormLayoutLabel.js.map

package/dist/cjs/DSFormLayoutLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSFormLayoutLabel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSFormLayoutLabelT, DSFormLayoutLabelPropTypes } from './react-desc-prop-types.js';\nimport { useFormLayoutLabel } from './config/useFormLayoutLabel.js';\nimport { DSFormLayoutLabelName } from './constants/index.js';\nimport { StyledLabel, StyledMark } from './styled.js';\nconst DSFormLayoutLabel: React.ComponentType<DSFormLayoutLabelT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useFormLayoutLabel(props);\n  const { children, required, hideLabel, optional } = propsWithDefault;\n  return (\n    <StyledLabel {...globalProps} {...xstyledProps} hideLabel={hideLabel}>\n      {children}\n      {(required || optional) && <StyledMark required={required} />}\n    </StyledLabel>\n  );\n};\n\nDSFormLayoutLabel.propTypes = DSFormLayoutLabelPropTypes;\nDSFormLayoutLabel.displayName = DSFormLayoutLabelName;\nconst DSFormLayoutLabelWithSchema = describe(DSFormLayoutLabel);\nDSFormLayoutLabelWithSchema.propTypes = DSFormLayoutLabelPropTypes;\n\nexport { DSFormLayoutLabel, DSFormLayoutLabelWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AATJ,8BAAyB;AACzB,mCAAoE;AACpE,gCAAmC;AACnC,uBAAsC;AACtC,oBAAwC;AACxC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,8CAAmB,KAAK;AAChF,QAAM,EAAE,UAAU,UAAU,WAAW,SAAS,IAAI;AACpD,SACE,6CAAC,6BAAa,GAAG,aAAc,GAAG,cAAc,WAC7C;AAAA;AAAA,KACC,YAAY,aAAa,4CAAC,4BAAW,UAAoB;AAAA,KAC7D;AAEJ;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useFormLayoutLabel.js

@@ -0,0 +1,58 @@
+"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);
+var useFormLayoutLabel_exports = {};
+__export(useFormLayoutLabel_exports, {
+  useFormLayoutLabel: () => useFormLayoutLabel
+});
+module.exports = __toCommonJS(useFormLayoutLabel_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useFormLayoutLabel = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSFormLayoutLabelPropTypes);
+  const globalProps = (0, import_lodash.omit)((0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault), [
+    "cols",
+    "rows",
+    "wrap"
+  ]);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps
+    }),
+    [propsWithDefault, globalProps, xstyledProps]
+  );
+};
+//# sourceMappingURL=useFormLayoutLabel.js.map

package/dist/cjs/config/useFormLayoutLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useFormLayoutLabel.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSFormLayoutLabelT, DSFormLayoutLabelPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface FormLayoutLabelCTX {\n  propsWithDefault: DSFormLayoutLabelT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useFormLayoutLabel = (propsFromUser: DSFormLayoutLabelT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutLabelT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSFormLayoutLabelPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSFormLayoutLabelT.InternalProps>(propsWithDefault), [\n    'cols',\n    'rows',\n    'wrap',\n  ]);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n    }),\n    [propsWithDefault, globalProps, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAqB;AACrB,8BAAyF;AACzF,mCAAkF;AAClF,8BAAiC;AAQ1B,MAAM,qBAAqB,CAAC,kBAA4C;AAI7E,QAAM,uBAAmB,sDAA+D,eAAe,yCAAY;AACnH,gDAAiB,kBAAkB,uDAA0B;AAI7D,QAAM,kBAAc,wBAAK,gDAAyD,gBAAgB,GAAG;AAAA,IACnG;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,YAAY;AAAA,EAC9C;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"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);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSFormLayoutLabelName);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { type WeakValidationMap } from 'react';\nimport { type DSFormLayoutLabelT } from '../react-desc-prop-types.js';\nimport { DSFormLayoutLabelName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSFormLayoutLabelT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutLabelName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAsC;AAE/B,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,sCAAqB;AACxE;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,44 @@
+"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);
+var constants_exports = {};
+__export(constants_exports, {
+  DSFormLayoutBlockItemDataTestId: () => DSFormLayoutBlockItemDataTestId,
+  DSFormLayoutLabelName: () => DSFormLayoutLabelName,
+  DSFormLayoutLabelSlots: () => DSFormLayoutLabelSlots
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSFormLayoutLabelName = "DSFormLayoutLabel";
+const DSFormLayoutLabelSlots = {
+  LABEL: "label",
+  MARK: "mark"
+};
+const DSFormLayoutBlockItemDataTestId = (0, import_ds_system.slotObjectToDataTestIds)(DSFormLayoutLabelName, DSFormLayoutLabelSlots);
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSFormLayoutLabelName = 'DSFormLayoutLabel';\n\nexport const DSFormLayoutLabelSlots = {\n  LABEL: 'label',\n  MARK: 'mark',\n};\n\nexport const DSFormLayoutBlockItemDataTestId = slotObjectToDataTestIds(DSFormLayoutLabelName, DSFormLayoutLabelSlots);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,wBAAwB;AAE9B,MAAM,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AACR;AAEO,MAAM,sCAAkC,0CAAwB,uBAAuB,sBAAsB;",
+  "names": []
+}

package/dist/cjs/index.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);
+var src_exports = {};
+__export(src_exports, {
+  DSFormLayoutBlockItemDataTestId: () => import_constants.DSFormLayoutBlockItemDataTestId,
+  DSFormLayoutLabel: () => import_DSFormLayoutLabel.DSFormLayoutLabel,
+  DSFormLayoutLabelName: () => import_constants.DSFormLayoutLabelName,
+  DSFormLayoutLabelSlots: () => import_constants.DSFormLayoutLabelSlots,
+  DSFormLayoutLabelWithSchema: () => import_DSFormLayoutLabel.DSFormLayoutLabelWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSFormLayoutLabel = require("./DSFormLayoutLabel.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSFormLayoutLabel, DSFormLayoutLabelWithSchema } from './DSFormLayoutLabel.js';\nexport { type DSFormLayoutLabelT } from './react-desc-prop-types.js';\nexport { DSFormLayoutBlockItemDataTestId, DSFormLayoutLabelName, DSFormLayoutLabelSlots } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,+BAA+D;AAC/D,mCAAwC;AACxC,uBAA+F;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,46 @@
+"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);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSFormLayoutLabelPropTypes: () => DSFormLayoutLabelPropTypes,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {};
+const DSFormLayoutLabelPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  children: import_ds_props_helpers.PropTypes.node.isRequired.description("label string"),
+  required: import_ds_props_helpers.PropTypes.bool.description("Adds required extra styling."),
+  optional: import_ds_props_helpers.PropTypes.bool.description("Adds optional extra styling."),
+  hideLabel: import_ds_props_helpers.PropTypes.bool.description("Hides the label.")
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\nimport type { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  type GlobalAttributesT,\n  type XstyledProps,\n} from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSFormLayoutLabelT {\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    required?: boolean;\n    optional?: boolean;\n    hideLabel?: boolean;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export type ExampleState = '0' | '1';\n}\n\nexport const defaultProps: DSFormLayoutLabelT.DefaultProps = {};\n\nexport const DSFormLayoutLabelPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.isRequired.description('label string'),\n  required: PropTypes.bool.description('Adds required extra styling.'),\n  optional: PropTypes.bool.description('Adds optional extra styling.'),\n  hideLabel: PropTypes.bool.description('Hides the label.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAMO;AAsCA,MAAM,eAAgD,CAAC;AAEvD,MAAM,6BAA6B;AAAA,EACxC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,kCAAU,KAAK,WAAW,YAAY,cAAc;AAAA,EAC9D,UAAU,kCAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,kCAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,WAAW,kCAAU,KAAK,YAAY,kBAAkB;AAC1D;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,69 @@
+"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);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledLabel: () => StyledLabel,
+  StyledMark: () => StyledMark
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("./constants/index.js");
+const StyledLabel = (0, import_ds_system.styled)("label", {
+  name: import_constants.DSFormLayoutLabelName,
+  slot: import_constants.DSFormLayoutLabelSlots.LABEL
+})`
+  display: flex;
+  ${({ hideLabel }) => hideLabel ? `position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+  ` : void 0}
+  ${import_ds_system.xStyledCommonProps}
+`;
+const StyledMark = (0, import_ds_system.styled)("span", {
+  name: import_constants.DSFormLayoutLabelName,
+  slot: import_constants.DSFormLayoutLabelSlots.MARK
+})`
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  margin-left: ${({ theme }) => theme.space.xxxs};
+  ${({ theme, required }) => required ? `
+  background-color: ${theme.colors.danger[900]};
+  ` : `
+  border: 1px solid ${theme.colors.brand[600]};
+  `}
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSFormLayoutLabelName, DSFormLayoutLabelSlots } from './constants/index.js';\n\ninterface DSFormLayoutBlockItemStyledLabelT {\n  hideLabel?: boolean;\n}\n\ninterface DSFormLayoutBlockItemStyledMarkT {\n  required?: boolean;\n}\n\nexport const StyledLabel = styled('label', {\n  name: DSFormLayoutLabelName,\n  slot: DSFormLayoutLabelSlots.LABEL,\n})<DSFormLayoutBlockItemStyledLabelT>`\n  display: flex;\n  ${({ hideLabel }) =>\n    hideLabel\n      ? `position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n  `\n      : undefined}\n  ${xStyledCommonProps}\n`;\n\nexport const StyledMark = styled('span', {\n  name: DSFormLayoutLabelName,\n  slot: DSFormLayoutLabelSlots.MARK,\n})<DSFormLayoutBlockItemStyledMarkT>`\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  ${({ theme, required }) =>\n    required\n      ? `\n  background-color: ${theme.colors.danger[900]};\n  `\n      : `\n  border: 1px solid ${theme.colors.brand[600]};\n  `}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,uBAA8D;AAUvD,MAAM,kBAAc,yBAAO,SAAS;AAAA,EACzC,MAAM;AAAA,EACN,MAAM,wCAAuB;AAC/B,CAAC;AAAA;AAAA,IAEG,CAAC,EAAE,UAAU,MACb,YACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA;AAAA,IACJ;AAAA;AAGG,MAAM,iBAAa,yBAAO,QAAQ;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,wCAAuB;AAC/B,CAAC;AAAA;AAAA;AAAA;AAAA,iBAIgB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,IACxC,CAAC,EAAE,OAAO,SAAS,MACnB,WACI;AAAA,sBACc,MAAM,OAAO,OAAO,GAAG;AAAA,MAErC;AAAA,sBACc,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/DSFormLayoutLabel.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { DSFormLayoutLabelPropTypes } from "./react-desc-prop-types.js";
+import { useFormLayoutLabel } from "./config/useFormLayoutLabel.js";
+import { DSFormLayoutLabelName } from "./constants/index.js";
+import { StyledLabel, StyledMark } from "./styled.js";
+const DSFormLayoutLabel = (props) => {
+  const { propsWithDefault, globalProps, xstyledProps } = useFormLayoutLabel(props);
+  const { children, required, hideLabel, optional } = propsWithDefault;
+  return /* @__PURE__ */ jsxs(StyledLabel, { ...globalProps, ...xstyledProps, hideLabel, children: [
+    children,
+    (required || optional) && /* @__PURE__ */ jsx(StyledMark, { required })
+  ] });
+};
+DSFormLayoutLabel.propTypes = DSFormLayoutLabelPropTypes;
+DSFormLayoutLabel.displayName = DSFormLayoutLabelName;
+const DSFormLayoutLabelWithSchema = describe(DSFormLayoutLabel);
+DSFormLayoutLabelWithSchema.propTypes = DSFormLayoutLabelPropTypes;
+export {
+  DSFormLayoutLabel,
+  DSFormLayoutLabelWithSchema
+};
+//# sourceMappingURL=DSFormLayoutLabel.js.map

package/dist/esm/DSFormLayoutLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSFormLayoutLabel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSFormLayoutLabelT, DSFormLayoutLabelPropTypes } from './react-desc-prop-types.js';\nimport { useFormLayoutLabel } from './config/useFormLayoutLabel.js';\nimport { DSFormLayoutLabelName } from './constants/index.js';\nimport { StyledLabel, StyledMark } from './styled.js';\nconst DSFormLayoutLabel: React.ComponentType<DSFormLayoutLabelT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useFormLayoutLabel(props);\n  const { children, required, hideLabel, optional } = propsWithDefault;\n  return (\n    <StyledLabel {...globalProps} {...xstyledProps} hideLabel={hideLabel}>\n      {children}\n      {(required || optional) && <StyledMark required={required} />}\n    </StyledLabel>\n  );\n};\n\nDSFormLayoutLabel.propTypes = DSFormLayoutLabelPropTypes;\nDSFormLayoutLabel.displayName = DSFormLayoutLabelName;\nconst DSFormLayoutLabelWithSchema = describe(DSFormLayoutLabel);\nDSFormLayoutLabelWithSchema.propTypes = DSFormLayoutLabelPropTypes;\n\nexport { DSFormLayoutLabel, DSFormLayoutLabelWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACUnB,SAE6B,KAF7B;AATJ,SAAS,gBAAgB;AACzB,SAAkC,kCAAkC;AACpE,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,aAAa,kBAAkB;AACxC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,mBAAmB,KAAK;AAChF,QAAM,EAAE,UAAU,UAAU,WAAW,SAAS,IAAI;AACpD,SACE,qBAAC,eAAa,GAAG,aAAc,GAAG,cAAc,WAC7C;AAAA;AAAA,KACC,YAAY,aAAa,oBAAC,cAAW,UAAoB;AAAA,KAC7D;AAEJ;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "names": []
+}

package/dist/esm/config/useFormLayoutLabel.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import React2 from "react";
+import { omit } from "lodash";
+import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { DSFormLayoutLabelPropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useFormLayoutLabel = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSFormLayoutLabelPropTypes);
+  const globalProps = omit(useGetGlobalAttributes(propsWithDefault), [
+    "cols",
+    "rows",
+    "wrap"
+  ]);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps
+    }),
+    [propsWithDefault, globalProps, xstyledProps]
+  );
+};
+export {
+  useFormLayoutLabel
+};
+//# sourceMappingURL=useFormLayoutLabel.js.map

package/dist/esm/config/useFormLayoutLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useFormLayoutLabel.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { omit } from 'lodash';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSFormLayoutLabelT, DSFormLayoutLabelPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface FormLayoutLabelCTX {\n  propsWithDefault: DSFormLayoutLabelT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useFormLayoutLabel = (propsFromUser: DSFormLayoutLabelT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutLabelT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSFormLayoutLabelPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSFormLayoutLabelT.InternalProps>(propsWithDefault), [\n    'cols',\n    'rows',\n    'wrap',\n  ]);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n    }),\n    [propsWithDefault, globalProps, xstyledProps],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAkC,4BAA4B,oBAAoB;AAClF,SAAS,wBAAwB;AAQ1B,MAAM,qBAAqB,CAAC,kBAA4C;AAI7E,QAAM,mBAAmB,6BAA+D,eAAe,YAAY;AACnH,mBAAiB,kBAAkB,0BAA0B;AAI7D,QAAM,cAAc,KAAK,uBAAyD,gBAAgB,GAAG;AAAA,IACnG;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,YAAY;AAAA,EAC9C;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSFormLayoutLabelName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutLabelName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { type WeakValidationMap } from 'react';\nimport { type DSFormLayoutLabelT } from '../react-desc-prop-types.js';\nimport { DSFormLayoutLabelName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSFormLayoutLabelT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutLabelName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,6BAA6B;AAE/B,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,qBAAqB;AACxE;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSFormLayoutLabelName = "DSFormLayoutLabel";
+const DSFormLayoutLabelSlots = {
+  LABEL: "label",
+  MARK: "mark"
+};
+const DSFormLayoutBlockItemDataTestId = slotObjectToDataTestIds(DSFormLayoutLabelName, DSFormLayoutLabelSlots);
+export {
+  DSFormLayoutBlockItemDataTestId,
+  DSFormLayoutLabelName,
+  DSFormLayoutLabelSlots
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSFormLayoutLabelName = 'DSFormLayoutLabel';\n\nexport const DSFormLayoutLabelSlots = {\n  LABEL: 'label',\n  MARK: 'mark',\n};\n\nexport const DSFormLayoutBlockItemDataTestId = slotObjectToDataTestIds(DSFormLayoutLabelName, DSFormLayoutLabelSlots);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,wBAAwB;AAE9B,MAAM,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AACR;AAEO,MAAM,kCAAkC,wBAAwB,uBAAuB,sBAAsB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { DSFormLayoutLabel, DSFormLayoutLabelWithSchema } from "./DSFormLayoutLabel.js";
+import {} from "./react-desc-prop-types.js";
+import { DSFormLayoutBlockItemDataTestId, DSFormLayoutLabelName, DSFormLayoutLabelSlots } from "./constants/index.js";
+export {
+  DSFormLayoutBlockItemDataTestId,
+  DSFormLayoutLabel,
+  DSFormLayoutLabelName,
+  DSFormLayoutLabelSlots,
+  DSFormLayoutLabelWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSFormLayoutLabel, DSFormLayoutLabelWithSchema } from './DSFormLayoutLabel.js';\nexport { type DSFormLayoutLabelT } from './react-desc-prop-types.js';\nexport { DSFormLayoutBlockItemDataTestId, DSFormLayoutLabelName, DSFormLayoutLabelSlots } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,mBAAmB,mCAAmC;AAC/D,eAAwC;AACxC,SAAS,iCAAiC,uBAAuB,8BAA8B;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import {
+  PropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+const defaultProps = {};
+const DSFormLayoutLabelPropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  children: PropTypes.node.isRequired.description("label string"),
+  required: PropTypes.bool.description("Adds required extra styling."),
+  optional: PropTypes.bool.description("Adds optional extra styling."),
+  hideLabel: PropTypes.bool.description("Hides the label.")
+};
+export {
+  DSFormLayoutLabelPropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\nimport type { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  type GlobalAttributesT,\n  type XstyledProps,\n} from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSFormLayoutLabelT {\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    required?: boolean;\n    optional?: boolean;\n    hideLabel?: boolean;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export type ExampleState = '0' | '1';\n}\n\nexport const defaultProps: DSFormLayoutLabelT.DefaultProps = {};\n\nexport const DSFormLayoutLabelPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.isRequired.description('label string'),\n  required: PropTypes.bool.description('Adds required extra styling.'),\n  optional: PropTypes.bool.description('Adds optional extra styling.'),\n  hideLabel: PropTypes.bool.description('Hides the label.'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAsCA,MAAM,eAAgD,CAAC;AAEvD,MAAM,6BAA6B;AAAA,EACxC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,WAAW,YAAY,cAAc;AAAA,EAC9D,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,WAAW,UAAU,KAAK,YAAY,kBAAkB;AAC1D;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { styled, xStyledCommonProps } from "@elliemae/ds-system";
+import { DSFormLayoutLabelName, DSFormLayoutLabelSlots } from "./constants/index.js";
+const StyledLabel = styled("label", {
+  name: DSFormLayoutLabelName,
+  slot: DSFormLayoutLabelSlots.LABEL
+})`
+  display: flex;
+  ${({ hideLabel }) => hideLabel ? `position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+  ` : void 0}
+  ${xStyledCommonProps}
+`;
+const StyledMark = styled("span", {
+  name: DSFormLayoutLabelName,
+  slot: DSFormLayoutLabelSlots.MARK
+})`
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  margin-left: ${({ theme }) => theme.space.xxxs};
+  ${({ theme, required }) => required ? `
+  background-color: ${theme.colors.danger[900]};
+  ` : `
+  border: 1px solid ${theme.colors.brand[600]};
+  `}
+`;
+export {
+  StyledLabel,
+  StyledMark
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSFormLayoutLabelName, DSFormLayoutLabelSlots } from './constants/index.js';\n\ninterface DSFormLayoutBlockItemStyledLabelT {\n  hideLabel?: boolean;\n}\n\ninterface DSFormLayoutBlockItemStyledMarkT {\n  required?: boolean;\n}\n\nexport const StyledLabel = styled('label', {\n  name: DSFormLayoutLabelName,\n  slot: DSFormLayoutLabelSlots.LABEL,\n})<DSFormLayoutBlockItemStyledLabelT>`\n  display: flex;\n  ${({ hideLabel }) =>\n    hideLabel\n      ? `position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n  `\n      : undefined}\n  ${xStyledCommonProps}\n`;\n\nexport const StyledMark = styled('span', {\n  name: DSFormLayoutLabelName,\n  slot: DSFormLayoutLabelSlots.MARK,\n})<DSFormLayoutBlockItemStyledMarkT>`\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  ${({ theme, required }) =>\n    required\n      ? `\n  background-color: ${theme.colors.danger[900]};\n  `\n      : `\n  border: 1px solid ${theme.colors.brand[600]};\n  `}\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,uBAAuB,8BAA8B;AAUvD,MAAM,cAAc,OAAO,SAAS;AAAA,EACzC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA;AAAA,IAEG,CAAC,EAAE,UAAU,MACb,YACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA;AAAA,IACJ;AAAA;AAGG,MAAM,aAAa,OAAO,QAAQ;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA;AAAA;AAAA;AAAA,iBAIgB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,IACxC,CAAC,EAAE,OAAO,SAAS,MACnB,WACI;AAAA,sBACc,MAAM,OAAO,OAAO,GAAG;AAAA,MAErC;AAAA,sBACc,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;",
+  "names": []
+}

package/dist/types/DSFormLayoutLabel.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSFormLayoutLabelT } from './react-desc-prop-types.js';
+declare const DSFormLayoutLabel: React.ComponentType<DSFormLayoutLabelT.Props>;
+declare const DSFormLayoutLabelWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSFormLayoutLabelT.Props>;
+export { DSFormLayoutLabel, DSFormLayoutLabelWithSchema };

package/dist/types/config/useFormLayoutLabel.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="lodash" />
+import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSFormLayoutLabelT } from '../react-desc-prop-types.js';
+export interface FormLayoutLabelCTX {
+    propsWithDefault: DSFormLayoutLabelT.InternalProps;
+    globalProps: ReturnType<typeof useGetGlobalAttributes>;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+}
+export declare const useFormLayoutLabel: (propsFromUser: DSFormLayoutLabelT.Props) => {
+    propsWithDefault: DSFormLayoutLabelT.InternalProps;
+    globalProps: import("lodash").Omit<import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>, "cols" | "rows" | "wrap">;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import { type WeakValidationMap } from 'react';
+import { type DSFormLayoutLabelT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSFormLayoutLabelT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,6 @@
+export declare const DSFormLayoutLabelName = "DSFormLayoutLabel";
+export declare const DSFormLayoutLabelSlots: {
+    LABEL: string;
+    MARK: string;
+};
+export declare const DSFormLayoutBlockItemDataTestId: Record<string, string>;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSFormLayoutLabel, DSFormLayoutLabelWithSchema } from './DSFormLayoutLabel.js';
+export { type DSFormLayoutLabelT } from './react-desc-prop-types.js';
+export { DSFormLayoutBlockItemDataTestId, DSFormLayoutLabelName, DSFormLayoutLabelSlots } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,21 @@
+import type React from 'react';
+import { type GlobalAttributesT, type XstyledProps } from '@elliemae/ds-props-helpers';
+export declare namespace DSFormLayoutLabelT {
+    interface RequiredProps {
+        children: React.ReactNode;
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps {
+        required?: boolean;
+        optional?: boolean;
+        hideLabel?: boolean;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    type ExampleState = '0' | '1';
+}
+export declare const defaultProps: DSFormLayoutLabelT.DefaultProps;
+export declare const DSFormLayoutLabelPropTypes: React.WeakValidationMap<unknown>;

package/dist/types/styled.d.ts

@@ -0,0 +1,9 @@
+interface DSFormLayoutBlockItemStyledLabelT {
+    hideLabel?: boolean;
+}
+interface DSFormLayoutBlockItemStyledMarkT {
+    required?: boolean;
+}
+export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("@elliemae/ds-system").Theme, DSFormLayoutBlockItemStyledLabelT & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const StyledMark: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, DSFormLayoutBlockItemStyledMarkT & import("@elliemae/ds-system").OwnerInterface, never>;
+export {};

package/dist/types/tests/DSFormLayoutLabel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@elliemae/ds-form-layout-label",
+  "version": "3.22.0-next.0",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Form Layout Label",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@xstyled/system": "~3.7.3",
+    "@elliemae/ds-props-helpers": "3.22.0-next.0",
+    "@elliemae/ds-system": "3.22.0-next.0"
+  },
+  "devDependencies": {
+    "lodash": "^4.17.21",
+    "styled-components": "~5.3.9"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": true
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
+    "dts": "node ../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}