@planningcenter/tapestry 2.10.0-rc.0 → 2.10.0-rc.1

package/dist/components/radio-group/RadioGroup.d.ts

@@ -0,0 +1,23 @@
+import "./index.css";
+import React, { FieldsetHTMLAttributes } from "react";
+export type RadioGroupSize = "md" | "sm";
+export interface RadioGroupProps {
+    description?: string;
+    invalid?: boolean;
+    label: string;
+    size?: RadioGroupSize;
+}
+export type RadioGroupElementProps = Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, keyof RadioGroupProps> & RadioGroupProps;
+/**
+ * A radio group component that renders as a fieldset with legend.
+ * Use to group two or more Radio components.
+ * Supports label and description text, sizes, invalid, and disabled state.
+ * Label is required and must be a string. Renders as <legend>.
+ *
+ * @component
+ */
+export declare const RadioGroup: {
+    ({ children, className, description, invalid, label, size, ...restProps }: RadioGroupElementProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/radio-group/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAKpB,OAAO,KAAK,EAAE,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAA;AAExC,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,cAAc,CAAA;CACtB;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,eAAe,CACtB,GACC,eAAe,CAAA;AAEjB;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU;+EAQpB,sBAAsB;;CAiCxB,CAAA"}

package/dist/components/radio-group/RadioGroup.js

@@ -0,0 +1,29 @@
+import Icon from '../../utilities/Icon.js';
+import { useId } from '../../utilities/useId.js';
+import classNames from 'classnames';
+import React from 'react';
+
+/**
+ * A radio group component that renders as a fieldset with legend.
+ * Use to group two or more Radio components.
+ * Supports label and description text, sizes, invalid, and disabled state.
+ * Label is required and must be a string. Renders as <legend>.
+ *
+ * @component
+ */
+const RadioGroup = ({ children, className, description, invalid, label, size = "md", ...restProps }) => {
+    const combinedClassName = classNames("tds-radio-group", size && size === "sm" && "tds-radio-group--sm", className);
+    const stableId = useId();
+    const displayDescription = description || (invalid ? "Please select an option" : undefined);
+    const descriptionId = `tds-radio-group-${stableId}-description`;
+    return (React.createElement("fieldset", { ...restProps, "aria-describedby": displayDescription ? descriptionId : undefined, "aria-invalid": invalid ? "true" : undefined, className: combinedClassName },
+        React.createElement("legend", null, label),
+        displayDescription && (React.createElement("p", { id: descriptionId, className: "tds-radio-group-description" },
+            React.createElement(Icon, { className: "tds-radio-group-description-invalid-icon", symbol: "general#exclamation-triangle", "aria-hidden": true }),
+            displayDescription)),
+        React.createElement("div", { className: "tds-radio-group-fields" }, children)));
+};
+RadioGroup.displayName = "RadioGroup";
+
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/radio-group/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport Icon from \"@utilities/Icon\"\nimport { useId } from \"@utilities/useId\"\nimport classNames from \"classnames\"\nimport React, { FieldsetHTMLAttributes } from \"react\"\n\nexport type RadioGroupSize = \"md\" | \"sm\"\n\nexport interface RadioGroupProps {\n  description?: string\n  invalid?: boolean\n  label: string\n  size?: RadioGroupSize\n}\n\nexport type RadioGroupElementProps = Omit<\n  FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  keyof RadioGroupProps\n> &\n  RadioGroupProps\n\n/**\n * A radio group component that renders as a fieldset with legend.\n * Use to group two or more Radio components.\n * Supports label and description text, sizes, invalid, and disabled state.\n * Label is required and must be a string. Renders as <legend>.\n *\n * @component\n */\nexport const RadioGroup = ({\n  children,\n  className,\n  description,\n  invalid,\n  label,\n  size = \"md\",\n  ...restProps\n}: RadioGroupElementProps) => {\n  const combinedClassName = classNames(\n    \"tds-radio-group\",\n    size && size === \"sm\" && \"tds-radio-group--sm\",\n    className\n  )\n  const stableId = useId()\n\n  const displayDescription =\n    description || (invalid ? \"Please select an option\" : undefined)\n  const descriptionId = `tds-radio-group-${stableId}-description`\n\n  return (\n    <fieldset\n      {...restProps}\n      aria-describedby={displayDescription ? descriptionId : undefined}\n      aria-invalid={invalid ? \"true\" : undefined}\n      className={combinedClassName}\n    >\n      <legend>{label}</legend>\n      {displayDescription && (\n        <p id={descriptionId} className=\"tds-radio-group-description\">\n          <Icon\n            className=\"tds-radio-group-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n            aria-hidden\n          />\n          {displayDescription}\n        </p>\n      )}\n      <div className=\"tds-radio-group-fields\">{children}</div>\n    </fieldset>\n  )\n}\n\nRadioGroup.displayName = \"RadioGroup\"\n"],"names":[],"mappings":";;;;;AAsBA;;;;;;;AAOG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,KAAK,EACL,IAAI,GAAG,IAAI,EACX,GAAG,SAAS,EACW,KAAI;AAC3B,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAClC,iBAAiB,EACjB,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,qBAAqB,EAC9C,SAAS,CACV;AACD,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE;AAExB,IAAA,MAAM,kBAAkB,GACtB,WAAW,KAAK,OAAO,GAAG,yBAAyB,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,aAAa,GAAG,CAAA,gBAAA,EAAmB,QAAQ,cAAc;IAE/D,QACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GACM,SAAS,EAAA,kBAAA,EACK,kBAAkB,GAAG,aAAa,GAAG,SAAS,kBAClD,OAAO,GAAG,MAAM,GAAG,SAAS,EAC1C,SAAS,EAAE,iBAAiB,EAAA;AAE5B,QAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAS,KAAK,CAAU;QACvB,kBAAkB,KACjB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,6BAA6B,EAAA;YAC3D,KAAA,CAAA,aAAA,CAAC,IAAI,IACH,SAAS,EAAC,0CAA0C,EACpD,MAAM,EAAC,8BAA8B,EAAA,aAAA,EAAA,IAAA,EAAA,CAErC;AACD,YAAA,kBAAkB,CACjB,CACL;QACD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wBAAwB,EAAA,EAAE,QAAQ,CAAO,CAC/C;AAEf;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+export type { RadioGroupElementProps, RadioGroupProps, RadioGroupSize, } from "./RadioGroup";
+export { RadioGroup } from "./RadioGroup";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,YAAY,EACV,sBAAsB,EACtB,eAAe,EACf,cAAc,GACf,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}