@planningcenter/tapestry 3.0.1-rc.0 → 3.0.1-rc.2

package/dist/components/input-text-base/InputTextBase.d.ts

@@ -9,7 +9,7 @@ interface InputTextBaseProps {
     id?: string;
     invalid?: boolean;
     label?: React.ReactNode;
-    size?: "sm" | "md" | "lg";
+    size?: "md" | "lg";
 }
 export type InputTextBaseElementProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof InputTextBaseProps> & InputTextBaseProps;
 export declare function InputTextBase({ children, className, description, hideLabel, id, label, invalid, size, }: InputTextBaseElementProps): React.JSX.Element;

package/dist/components/input-text-base/InputTextBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputTextBase.d.ts","sourceRoot":"","sources":["../../../src/components/input-text-base/InputTextBase.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,OAAO,EAAE,MAAM,CAAA;KAChB,KAAK,KAAK,CAAC,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,MAAM,kBAAkB,CACzB,GACC,kBAAkB,CAAA;AAEpB,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,EAAE,EACF,KAAK,EACL,OAAO,EACP,IAAI,GACL,EAAE,yBAAyB,qBA6B3B"}
+{"version":3,"file":"InputTextBase.d.ts","sourceRoot":"","sources":["../../../src/components/input-text-base/InputTextBase.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,OAAO,EAAE,MAAM,CAAA;KAChB,KAAK,KAAK,CAAC,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CACnB;AAED,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,MAAM,kBAAkB,CACzB,GACC,kBAAkB,CAAA;AAEpB,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,EAAE,EACF,KAAK,EACL,OAAO,EACP,IAAI,GACL,EAAE,yBAAyB,qBA6B3B"}

package/dist/components/input-text-base/InputTextBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputTextBase.js","sources":["../../../src/components/input-text-base/InputTextBase.tsx"],"sourcesContent":["import Icon from \"@utilities/Icon\"\nimport { useId } from \"@utilities/useId\"\nimport classNames from \"classnames\"\nimport * as React from \"react\"\n\ninterface InputTextBaseProps {\n  children: (props: {\n    descriptionId?: string\n    inputId: string\n  }) => React.ReactNode\n  description?: string\n  hideLabel?: boolean\n  id?: string\n  invalid?: boolean\n  label?: React.ReactNode\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\nexport type InputTextBaseElementProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  keyof InputTextBaseProps\n> &\n  InputTextBaseProps\n\nexport function InputTextBase({\n  children,\n  className,\n  description,\n  hideLabel,\n  id,\n  label,\n  invalid,\n  size,\n}: InputTextBaseElementProps) {\n  const combinedClassName = classNames(\"tds-input\", className, {\n    \"tds-input--invalid\": invalid,\n    \"tds-input--lg\": size === \"lg\",\n  })\n\n  const stableId = useId()\n  const inputId = id || `tds-input-${stableId}`\n  const descriptionId = description ? `${inputId}-description` : undefined\n\n  return (\n    <div className={combinedClassName}>\n      {!hideLabel && label ? <label htmlFor={inputId}>{label}</label> : null}\n      {children({\n        descriptionId,\n        inputId,\n      })}\n      {description && (\n        <p id={descriptionId} className=\"tds-input-description\">\n          <Icon\n            className=\"tds-input-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n            aria-hidden\n          />\n          {description}\n        </p>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;SAwBgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,EAAE,EACF,KAAK,EACL,OAAO,EACP,IAAI,GACsB,EAAA;AAC1B,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;AAC3D,QAAA,oBAAoB,EAAE,OAAO;QAC7B,eAAe,EAAE,IAAI,KAAK,IAAI;AAC/B,KAAA,CAAC;AAEF,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE;AACxB,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,CAAA,UAAA,EAAa,QAAQ,EAAE;AAC7C,IAAA,MAAM,aAAa,GAAG,WAAW,GAAG,CAAA,EAAG,OAAO,CAAA,YAAA,CAAc,GAAG,SAAS;AAExE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,iBAAiB,EAAA;AAC9B,QAAA,CAAC,SAAS,IAAI,KAAK,GAAG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,OAAO,IAAG,KAAK,CAAS,GAAG,IAAI;AACrE,QAAA,QAAQ,CAAC;YACR,aAAa;YACb,OAAO;SACR,CAAC;QACD,WAAW,KACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,uBAAuB,EAAA;YACrD,KAAA,CAAA,aAAA,CAAC,IAAI,IACH,SAAS,EAAC,oCAAoC,EAC9C,MAAM,EAAC,8BAA8B,EAAA,aAAA,EAAA,IAAA,EAAA,CAErC;AACD,YAAA,WAAW,CACV,CACL,CACG;AAEV;;;;"}
+{"version":3,"file":"InputTextBase.js","sources":["../../../src/components/input-text-base/InputTextBase.tsx"],"sourcesContent":["import Icon from \"@utilities/Icon\"\nimport { useId } from \"@utilities/useId\"\nimport classNames from \"classnames\"\nimport * as React from \"react\"\n\ninterface InputTextBaseProps {\n  children: (props: {\n    descriptionId?: string\n    inputId: string\n  }) => React.ReactNode\n  description?: string\n  hideLabel?: boolean\n  id?: string\n  invalid?: boolean\n  label?: React.ReactNode\n  size?: \"md\" | \"lg\"\n}\n\nexport type InputTextBaseElementProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  keyof InputTextBaseProps\n> &\n  InputTextBaseProps\n\nexport function InputTextBase({\n  children,\n  className,\n  description,\n  hideLabel,\n  id,\n  label,\n  invalid,\n  size,\n}: InputTextBaseElementProps) {\n  const combinedClassName = classNames(\"tds-input\", className, {\n    \"tds-input--invalid\": invalid,\n    \"tds-input--lg\": size === \"lg\",\n  })\n\n  const stableId = useId()\n  const inputId = id || `tds-input-${stableId}`\n  const descriptionId = description ? `${inputId}-description` : undefined\n\n  return (\n    <div className={combinedClassName}>\n      {!hideLabel && label ? <label htmlFor={inputId}>{label}</label> : null}\n      {children({\n        descriptionId,\n        inputId,\n      })}\n      {description && (\n        <p id={descriptionId} className=\"tds-input-description\">\n          <Icon\n            className=\"tds-input-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n            aria-hidden\n          />\n          {description}\n        </p>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;SAwBgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,EAAE,EACF,KAAK,EACL,OAAO,EACP,IAAI,GACsB,EAAA;AAC1B,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;AAC3D,QAAA,oBAAoB,EAAE,OAAO;QAC7B,eAAe,EAAE,IAAI,KAAK,IAAI;AAC/B,KAAA,CAAC;AAEF,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE;AACxB,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,CAAA,UAAA,EAAa,QAAQ,EAAE;AAC7C,IAAA,MAAM,aAAa,GAAG,WAAW,GAAG,CAAA,EAAG,OAAO,CAAA,YAAA,CAAc,GAAG,SAAS;AAExE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,iBAAiB,EAAA;AAC9B,QAAA,CAAC,SAAS,IAAI,KAAK,GAAG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,OAAO,IAAG,KAAK,CAAS,GAAG,IAAI;AACrE,QAAA,QAAQ,CAAC;YACR,aAAa;YACb,OAAO;SACR,CAAC;QACD,WAAW,KACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,uBAAuB,EAAA;YACrD,KAAA,CAAA,aAAA,CAAC,IAAI,IACH,SAAS,EAAC,oCAAoC,EAC9C,MAAM,EAAC,8BAA8B,EAAA,aAAA,EAAA,IAAA,EAAA,CAErC;AACD,YAAA,WAAW,CACV,CACL,CACG;AAEV;;;;"}

package/dist/components/page-header/index.js

@@ -1,4 +1,4 @@
-import '../../tapestry-wc/dist/components/p-BO35mzk2.js';
+import '../../tapestry-wc/dist/components/p-DE-SE_bD.js';
 import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-page-header.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-page-header-nav.js';
 

package/dist/components/select/SelectNative.d.ts

@@ -0,0 +1,18 @@
+import React, { type SelectHTMLAttributes } from "react";
+import type { SelectItem } from "./SelectPopover";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            selectedcontent: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+export interface SelectNativeProps {
+    /** Options to render inside the select. */
+    options: SelectItem[];
+    /** Placeholder text rendered as a disabled hidden option. */
+    placeholder: string;
+}
+export type SelectNativeElementProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, keyof SelectNativeProps | "multiple"> & SelectNativeProps;
+export declare const SelectNative: React.ForwardRefExoticComponent<Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "multiple" | keyof SelectNativeProps> & SelectNativeProps & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=SelectNative.d.ts.map

package/dist/components/select/SelectNative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectNative.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,KAAK,oBAAoB,EAG1B,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAsBjD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,eAAe,EAAE,KAAK,CAAC,iBAAiB,CACtC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,CAAA;SACF;KACF;CACF;AAMD,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,6DAA6D;IAC7D,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,iBAAiB,GAAG,UAAU,CACrC,GACC,iBAAiB,CAAA;AAEnB,eAAO,MAAM,YAAY,yLA+BvB,CAAA"}

package/dist/components/select/SelectOptions.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { SelectItem } from "./SelectPopover";
+interface SelectOptionsProps {
+    items: SelectItem[];
+    supportsBaseSelect?: boolean;
+}
+export declare function SelectOptions({ items, supportsBaseSelect, }: SelectOptionsProps): React.ReactNode;
+export {};
+//# sourceMappingURL=SelectOptions.d.ts.map

package/dist/components/select/SelectOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptions.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,UAAU,EAAsB,MAAM,iBAAiB,CAAA;AAsBrE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAuBD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,kBAA0B,GAC3B,EAAE,kBAAkB,GAAG,KAAK,CAAC,SAAS,CA8BtC"}

package/dist/components/select/SelectPopover.d.ts

@@ -0,0 +1,63 @@
+import "./index.css";
+import { ButtonHTMLAttributes } from "react";
+import * as React from "react";
+export type SelectPopoverSize = "lg" | "md";
+interface SelectOptionWithTextLabel {
+    /** Whether this option is non-interactive. */
+    disabled?: boolean;
+    divider?: never;
+    /** Displayed as the option content and used for type-ahead matching. */
+    label: string;
+    textValue?: never;
+    value: string;
+}
+interface SelectOptionWithNodeLabel {
+    /** Whether this option is non-interactive. */
+    disabled?: boolean;
+    divider?: never;
+    /** Displayed as the option content. */
+    label: React.ReactNode;
+    /** Plain-text representation required for type-ahead matching. */
+    textValue: string;
+    value: string;
+}
+export interface SelectOptionDivider {
+    disabled?: never;
+    divider: true;
+    label?: never;
+    textValue?: never;
+    value?: never;
+}
+export type SelectOption = SelectOptionDivider | SelectOptionWithNodeLabel | SelectOptionWithTextLabel;
+export interface SelectOptionsGroup {
+    /** Whether all options in this group are non-interactive. */
+    disabled?: boolean;
+    /** Visible heading displayed above the group's options. */
+    label: string;
+    /** The selectable options within this group. */
+    options: SelectOption[];
+}
+export type SelectItem = SelectOption | SelectOptionsGroup;
+interface SelectPopoverBaseProps {
+    defaultValue?: string;
+    description?: string;
+    invalid?: boolean;
+    /** A flat or mixed array of options and option groups. */
+    options: SelectItem[];
+    placeholder: string;
+    required?: boolean;
+    size?: SelectPopoverSize;
+}
+interface SelectPopoverWithLabel extends SelectPopoverBaseProps {
+    "aria-labelledby"?: never;
+    label: React.ReactNode;
+}
+interface SelectPopoverWithAriaLabelledBy extends SelectPopoverBaseProps {
+    "aria-labelledby": string;
+    label?: never;
+}
+export type SelectPopoverProps = SelectPopoverWithAriaLabelledBy | SelectPopoverWithLabel;
+export type SelectPopoverElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof SelectPopoverProps> & SelectPopoverProps;
+export declare const SelectPopover: React.ForwardRefExoticComponent<SelectPopoverElementProps & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=SelectPopover.d.ts.map

package/dist/components/select/SelectPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPopover.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAMpB,OAAO,EACL,oBAAoB,EAKrB,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,UAAU,yBAAyB;IACjC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,yBAAyB;IACjC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,uCAAuC;IACvC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,kEAAkE;IAClE,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,OAAO,EAAE,IAAI,CAAA;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,MAAM,MAAM,YAAY,GACpB,mBAAmB,GACnB,yBAAyB,GACzB,yBAAyB,CAAA;AAE7B,MAAM,WAAW,kBAAkB;IACjC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB;AAED,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,kBAAkB,CAAA;AAE1D,UAAU,sBAAsB;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0DAA0D;IAC1D,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,iBAAiB,CAAA;CACzB;AAED,UAAU,sBAAuB,SAAQ,sBAAsB;IAC7D,iBAAiB,CAAC,EAAE,KAAK,CAAA;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,UAAU,+BAAgC,SAAQ,sBAAsB;IACtE,iBAAiB,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,MAAM,MAAM,kBAAkB,GAC1B,+BAA+B,GAC/B,sBAAsB,CAAA;AAE1B,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,kBAAkB,CACzB,GACC,kBAAkB,CAAA;AAqDpB,eAAO,MAAM,aAAa,qGA2IzB,CAAA"}

package/dist/components/select/index.d.ts

@@ -0,0 +1,2 @@
+export type { SelectNativeElementProps, SelectNativeProps, } from "./SelectNative";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,gBAAgB,CAAA"}

package/dist/components/sidenav/index.js

@@ -1,4 +1,4 @@
-import '../../tapestry-wc/dist/components/p-BO35mzk2.js';
+import '../../tapestry-wc/dist/components/p-DE-SE_bD.js';
 import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-sidenav.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-sidenav-item.js';
 import { defineCustomElement as defineCustomElement$3 } from '../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js';