@pantheon-systems/pds-toolkit-react 1.0.0-dev.9999 → 1.1.0

package/_dist/components/cards/LinksCard/LinksCard.d.ts

@@ -1,10 +1,14 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './links-card.css';
 /**
  * Prop types for LinksCard
  */
 interface LinksCardProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Heading level
      */
@@ -17,13 +21,9 @@ interface LinksCardProps extends ComponentPropsWithoutRef<'div'> {
      * Array of links
      */
     linkItems?: ReactNode[];
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Links Card UI component
  */
-export declare const LinksCard: ({ linkItems, headingLevel, headingText, className, ...props }: LinksCardProps) => React.JSX.Element;
+export declare const LinksCard: ({ className, headingLevel, headingText, linkItems, ...props }: LinksCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts

@@ -1,9 +1,9 @@
-import React, { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { BadgeColor } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactElement } from 'react';
+import { BadgeColor } from '../../../libs/types/custom-types';
 import './new-site-card.css';
 interface BadgeValueType {
-    label: string;
     color: BadgeColor;
+    label: string;
 }
 export declare const badgeTypes: {
     [key: string]: BadgeValueType;
@@ -17,6 +17,10 @@ interface NewSiteCardProps extends ComponentPropsWithoutRef<'div'> {
      * Optional indicator badge type. Choose from only early-access at this time.
      */
     badge?: 'early-access';
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Icon. Choose from only Platform Icons at this time.
      */
@@ -26,9 +30,9 @@ interface NewSiteCardProps extends ComponentPropsWithoutRef<'div'> {
      */
     newWindowString?: string;
     /**
-     * Card title
+     * The primary link for the selection card.
      */
-    title: string;
+    selectionLink: ReactElement;
     /**
      * Card subtitle
      */
@@ -37,21 +41,17 @@ interface NewSiteCardProps extends ComponentPropsWithoutRef<'div'> {
      * Card summary
      */
     summary?: string;
-    /**
-     * The primary link for the selection card.
-     */
-    selectionLink: ReactElement;
     /**
      * Array of supplemental links. Maximum of 2.
      */
     supplementalLinks?: ReactElement[];
     /**
-     * Additional class names
+     * Card title
      */
-    className?: string;
+    title: string;
 }
 /**
  * NewSiteCard UI component
  */
-export declare const NewSiteCard: ({ badge, icon, newWindowString, title, subtitle, summary, selectionLink, supplementalLinks, className, ...props }: NewSiteCardProps) => React.JSX.Element;
+export declare const NewSiteCard: ({ badge, className, icon, newWindowString, selectionLink, subtitle, summary, supplementalLinks, title, ...props }: NewSiteCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/cards/PaymentCard/PaymentCard.d.ts

@@ -1,47 +1,47 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './payment-card.css';
 /**
  * Prop types for PaymentCard
  */
 export interface PaymentCardProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * The type of payment icon to display.
+     * The name of the cardholder.
      */
-    cardType?: 'visa' | 'mastercard' | 'amex' | 'discover';
+    cardholderName?: string;
     /**
      * The last four digits of the card number.
      */
     cardNumber?: number;
     /**
-     * The name of the cardholder.
-     */
-    cardholderName?: string;
-    /**
-     * Expiration date of the card in MM/YY format.
+     * The type of payment icon to display.
      */
-    expDate?: string;
+    cardType?: 'visa' | 'mastercard' | 'amex' | 'discover';
     /**
      * A string for the lower left corner.
      */
     cardUsage?: string;
     /**
-     * Translation string for “view details”
+     * Additional class names
      */
-    detailsLabel?: string;
+    className?: string;
     /**
      * Function for when “view details” is clicked
      */
     detailsCallback?: () => void;
     /**
-     * Function for when this card is selected
+     * Translation string for “view details”
      */
-    selectionCallback?: () => void;
+    detailsLabel?: string;
     /**
-     * Additional class names
+     * Expiration date of the card in MM/YY format.
      */
-    className?: string;
+    expDate?: string;
+    /**
+     * Function for when this card is selected
+     */
+    selectionCallback?: () => void;
 }
 /**
  * PaymentCard UI component
  */
-export declare const PaymentCard: ({ cardType, cardNumber, cardholderName, expDate, cardUsage, detailsLabel, detailsCallback, selectionCallback, className, ...props }: PaymentCardProps) => React.JSX.Element;
+export declare const PaymentCard: ({ cardholderName, cardNumber, cardType, cardUsage, className, detailsCallback, detailsLabel, expDate, selectionCallback, ...props }: PaymentCardProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/cards/PricingCard/PricingCard.d.ts

@@ -1,32 +1,32 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { ListItems } from '@components/ComparisonList/ComparisonList';
+import { ComponentPropsWithoutRef } from 'react';
+import { ListItems } from '../../ComparisonList/ComparisonList';
 import './pricing-card.css';
 interface PrimaryCallToAction {
-    type?: 'button' | 'link';
-    variant?: 'primary' | 'secondary';
-    label?: string;
     buttonAction?: () => void;
-    linkUrl?: string;
-    linkTarget?: string;
     disabled?: boolean;
+    label?: string;
+    linkTarget?: string;
+    linkUrl?: string;
+    type?: 'button' | 'link';
+    variant?: 'primary' | 'secondary';
 }
 interface SecondaryCallToAction {
-    type?: 'button' | 'link';
-    label?: string;
     buttonAction?: () => void;
-    linkUrl?: string;
+    label?: string;
     linkTarget?: string;
+    linkUrl?: string;
+    type?: 'button' | 'link';
 }
 interface PlanPricingData {
     customActionLabel?: string;
     label?: string;
-    pricePrefix?: string;
+    listItems?: ListItems[];
+    listLabel?: string;
     price?: string;
     priceDetails?: string;
+    pricePrefix?: string;
     savingsBadgeLabel?: string;
     savingsDetails?: string;
-    listLabel?: string;
-    listItems?: ListItems[];
 }
 interface StatusBadgeLabels {
     currentPlan?: string;
@@ -41,6 +41,14 @@ interface PricingCardProps extends ComponentPropsWithoutRef<'div'> {
      * An optional secondary call to action.
      */
     actionSecondary?: SecondaryCallToAction;
+    /**
+     * Additional class names for the card item.
+     */
+    className?: string;
+    /**
+     * Additional class names for the card container.
+     */
+    containerClassName?: string;
     /**
      * Has comparison list. Will be rendered below the card if true.
      * Add corresponding `comparisonListId` to each planPricingData object.
@@ -74,17 +82,9 @@ interface PricingCardProps extends ComponentPropsWithoutRef<'div'> {
      * Status badge type. Leave empty for no badge. Only one badge of each type should be used in a group of Pricing Cards.
      */
     statusBadgeType?: 'currentPlan' | 'mostPopular';
-    /**
-     * Additional class names for the card item.
-     */
-    className?: string;
-    /**
-     * Additional class names for the card container.
-     */
-    containerClassName?: string;
 }
 /**
  * PricingCard UI component
  */
-export declare const PricingCard: ({ actionPrimary, actionSecondary, hasComparisonList, onTierChange, planDescription, planName, planPricingData, statusBadgeLabels, selectLabel, statusBadgeType, className, ...props }: PricingCardProps) => React.JSX.Element;
+export declare const PricingCard: ({ actionPrimary, actionSecondary, className, hasComparisonList, onTierChange, planDescription, planName, planPricingData, selectLabel, statusBadgeLabels, statusBadgeType, ...props }: PricingCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/cards/SiteCard/SiteCard.d.ts

@@ -1,11 +1,14 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
-import { SiteStatus } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HeadingLevelCommon, SiteStatus } from '../../../libs/types/custom-types';
 import './site-card.css';
 /**
  * Prop types for SiteCard
  */
 export interface SiteCardProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Translatable text for the "Go to" link.
      */
@@ -14,6 +17,12 @@ export interface SiteCardProps extends ComponentPropsWithoutRef<'div'> {
      * Heading level of the card title.
      */
     headingLevel?: HeadingLevelCommon;
+    /**
+     * Callback for when the card is clicked.
+     * Should only be used for special handling of restricted sites.
+     * Will override the default link behavior if provided.
+     */
+    onClick?: () => void;
     /**
      * Image URL for the site.
      */
@@ -34,12 +43,8 @@ export interface SiteCardProps extends ComponentPropsWithoutRef<'div'> {
      * Status of the site.
      */
     siteStatus?: SiteStatus;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * SiteCard UI component
  */
-export declare const SiteCard: ({ gotoText, headingLevel, siteImage, siteLink, siteName, sitePlan, siteStatus, className, ...props }: SiteCardProps) => React.JSX.Element;
+export declare const SiteCard: ({ className, gotoText, headingLevel, onClick, siteImage, siteLink, siteName, sitePlan, siteStatus, ...props }: SiteCardProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/empty-states/CompactEmptyState/CompactEmptyState.d.ts

@@ -1,11 +1,15 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './compact-empty-state.css';
 /**
  * Prop types for CompactEmptyState
  */
 export interface CompactEmptyStateProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * heading to explain the empty state.
      */
@@ -17,7 +21,7 @@ export interface CompactEmptyStateProps extends ComponentPropsWithoutRef<'div'>
     /**
      * Icon to display above the heading.
      */
-    iconName: PDSIcon;
+    iconName?: PDSIcon;
     /**
      * A link element using the router of your choice. Leave empty for no link.
      */
@@ -26,12 +30,8 @@ export interface CompactEmptyStateProps extends ComponentPropsWithoutRef<'div'>
      * Message to display below the heading.
      */
     message?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * CompactEmptyState UI component
  */
-export declare const CompactEmptyState: ({ iconName, linkContent, message, heading, headingLevel, className, ...props }: CompactEmptyStateProps) => React.JSX.Element;
+export declare const CompactEmptyState: ({ className, heading, headingLevel, iconName, linkContent, message, ...props }: CompactEmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts

@@ -1,6 +1,6 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { VideoEmbedProps } from '@components/VideoEmbed/VideoEmbed';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HeadingLevel } from '../../../libs/types/custom-types';
+import { VideoEmbedProps } from '../../VideoEmbed/VideoEmbed';
 import './horizontal-empty-state.css';
 /**
  * Prop types for HorizontalEmptyState
@@ -10,30 +10,44 @@ export interface HorizontalEmptyStateProps extends ComponentPropsWithoutRef<'div
      * Vertical alignment of the content.
      */
     alignment?: 'top' | 'center';
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * A call-to-action region.
      * This should be a Button, ButtonLink, or two items wrapped in a `pds-button-group` div.
      */
     ctaRegion?: ReactNode;
+    /**
+     * heading to explain the empty state.
+     */
+    heading: string;
+    /**
+     *  Heading level.
+     */
+    headingLevel?: HeadingLevel;
     /**
      * Pantheon collage image to display next to the main content.
-     * Can be a string (image path/URL) or a React node (e.g., <Picture />).
+     * Can be a string (image path/URL) or a React node (e.g., the Picture component).
      * If a video is provided, this will be ignored.
      */
-    image?: string | React.ReactNode;
+    image?: string | ReactNode;
     /**
-     * Will this be rendered within a panel?
-     * If true, the image and heading will be scaled down to fit within the panel.
+     * Margin left of the image container (CSS value, e.g., '0', '10px', '20%').
+     * Default is '0'.
      */
-    isWithinPanel?: boolean;
+    imageMarginLeft?: string;
     /**
-     * heading to explain the empty state.
+     * Width of the image container (CSS value, e.g., '40%', '30%', '300px').
+     * Default is '40%'.
      */
-    heading: string;
+    imageWidth?: string;
     /**
-     *  Heading level.
+     * Will this be rendered within a panel?
+     * If true, the image and heading will be scaled down to fit within the panel.
      */
-    headingLevel?: HeadingLevel;
+    isWithinPanel?: boolean;
     /**
      * Message to display below the heading.
      */
@@ -48,22 +62,8 @@ export interface HorizontalEmptyStateProps extends ComponentPropsWithoutRef<'div
      * If a video is provided, the image will be ignored.
      */
     video?: VideoEmbedProps;
-    /**
-     * Width of the image container (CSS value, e.g., '40%', '30%', '300px').
-     * Default is '40%'.
-     */
-    imageWidth?: string;
-    /**
-     * Margin left of the image container (CSS value, e.g., '0', '10px', '20%').
-     * Default is '0'.
-     */
-    imageMarginLeft?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * HorizontalEmptyState UI component
  */
-export declare const HorizontalEmptyState: ({ alignment, ctaRegion, image, isWithinPanel, heading, headingLevel, message, video, imageWidth, imageMarginLeft, className, ...props }: HorizontalEmptyStateProps) => React.JSX.Element;
+export declare const HorizontalEmptyState: ({ alignment, className, ctaRegion, heading, headingLevel, image, imageMarginLeft, imageWidth, isWithinPanel, message, video, ...props }: HorizontalEmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/empty-states/VerticalEmptyState/VerticalEmptyState.d.ts

@@ -1,15 +1,27 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HeadingLevel } from '../../../libs/types/custom-types';
 import './vertical-empty-state.css';
 /**
  * Prop types for VerticalEmptyState
  */
 export interface VerticalEmptyStateProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * A call-to-action region.
      * This should be a Button, ButtonLink, or two items wrapped in a `pds-button-group` div.
      */
     ctaRegion?: ReactNode;
+    /**
+     * heading to explain the empty state.
+     */
+    heading: string;
+    /**
+     *  Heading level.
+     */
+    headingLevel?: HeadingLevel;
     /**
      * PDS illustration image to display above the heading.
      * Should be a link to an SVG file, either from Brandfolder or local.
@@ -24,24 +36,12 @@ export interface VerticalEmptyStateProps extends ComponentPropsWithoutRef<'div'>
      * Width of the image (CSS value like '200px', '50%', etc.)
      */
     imageWidth?: string;
-    /**
-     * heading to explain the empty state.
-     */
-    heading: string;
-    /**
-     *  Heading level.
-     */
-    headingLevel?: HeadingLevel;
     /**
      * Message to display below the heading.
      */
     message?: string | ReactNode;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * VerticalEmptyState UI component
  */
-export declare const VerticalEmptyState: ({ ctaRegion, image, imageHeight, imageWidth, heading, headingLevel, message, className, ...props }: VerticalEmptyStateProps) => React.JSX.Element;
+export declare const VerticalEmptyState: ({ className, ctaRegion, heading, headingLevel, image, imageHeight, imageWidth, message, ...props }: VerticalEmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/footer/FooterHeading/FooterHeading.d.ts

@@ -1,7 +1,11 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import type { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './footer-heading.css';
-import type { HeadingLevelCommon } from '@libs/types/custom-types';
 interface FooterHeadingProps {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      *  Heading level
      */
@@ -10,13 +14,9 @@ interface FooterHeadingProps {
      * Heading text
      */
     headingText: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Footer Heading UI component
  */
-export declare const FooterHeading: ({ headingLevel, headingText, className, ...props }: FooterHeadingProps & ComponentPropsWithoutRef<HeadingLevelCommon>) => React.JSX.Element;
+export declare const FooterHeading: ({ className, headingLevel, headingText, ...props }: FooterHeadingProps & ComponentPropsWithoutRef<HeadingLevelCommon>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/footer/FooterLinks/FooterLinks.d.ts

@@ -1,7 +1,11 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import type { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './footer-links.css';
-import type { HeadingLevelCommon } from '@libs/types/custom-types';
 interface FooterLinksProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      *  Heading level
      */
@@ -14,13 +18,9 @@ interface FooterLinksProps extends ComponentPropsWithoutRef<'div'> {
      * Array of links
      */
     linkItems?: ReactNode[];
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Footer Links UI component
  */
-export declare const FooterLinks: ({ headingLevel, headingText, linkItems, className, ...props }: FooterLinksProps) => React.JSX.Element;
+export declare const FooterLinks: ({ className, headingLevel, headingText, linkItems, ...props }: FooterLinksProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/footer/SiteFooter/SiteFooter.d.ts

@@ -1,15 +1,19 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ContainerWidth } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ContainerWidth } from '../../../libs/types/custom-types';
 import './site-footer.css';
 interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
-    /**
-     * PDS container width.
-     */
-    containerWidth?: ContainerWidth;
     /**
      * Footer content.
      */
     children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * PDS container width.
+     */
+    containerWidth?: ContainerWidth;
     /**
      * Should the footer have a top border?
      */
@@ -18,13 +22,9 @@ interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
      * Legal policy links.
      */
     legalLinks?: Array<'privacy' | 'dataSubjectRequest' | 'cookiePolicy' | 'termsOfUse' | 'acceptableUse' | 'accessibilityStatement'>;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * SiteFooter UI component
  */
-export declare const SiteFooter: ({ containerWidth, children, hasTopBorder, legalLinks, className, ...props }: SiteFooterProps) => React.JSX.Element;
+export declare const SiteFooter: ({ children, className, containerWidth, hasTopBorder, legalLinks, ...props }: SiteFooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/footer/SiteFooter/footer-content.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const docsFooterContent: React.JSX.Element;
+export declare const docsFooterContent: import("react/jsx-runtime").JSX.Element;

package/_dist/components/icons/Icon/Icon.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { Display } from '@libs/types/custom-types';
+import { Display } from '../../../libs/types/custom-types';
 /**
  * PDS Icon type.
  */
@@ -8,6 +7,11 @@ export type PDSIcon = keyof typeof svgData;
  * Icon component prop types
  */
 export interface IconProps {
+    /**
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Display value
      */
@@ -24,16 +28,11 @@ export interface IconProps {
      * Vertical align value
      */
     verticalAlign?: string;
-    /**
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * A component used to display an icon
  */
-export declare const Icon: ({ display, iconName, iconSize, verticalAlign, className, ...props }: IconProps) => React.JSX.Element;
+export declare const Icon: ({ className, display, iconName, iconSize, verticalAlign, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
 declare const svgData: {
     readonly angleDown: {
         readonly path: "M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z";
@@ -431,6 +430,14 @@ declare const svgData: {
         readonly path: "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z";
         readonly width: "480";
     };
+    readonly image: {
+        readonly path: "M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z";
+        readonly width: "512";
+    };
+    readonly inputText: {
+        readonly path: "M64 128l0 256 512 0 0-256L64 128zM0 128C0 92.7 28.7 64 64 64l512 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128zm184 32c9.5 0 18.1 5.6 21.9 14.3l64 144c5.4 12.1-.1 26.3-12.2 31.7s-26.3-.1-31.7-12.2l-4.3-9.7-75.5 0-4.3 9.7c-5.4 12.1-19.6 17.6-31.7 12.2s-17.6-19.6-12.2-31.7l64-144c3.9-8.7 12.4-14.3 21.9-14.3zm0 83.1L167.6 280l32.8 0L184 243.1zM304 184c0-13.3 10.7-24 24-24l52 0c33.1 0 60 26.9 60 60c0 9.2-2.1 17.9-5.8 25.7c13.3 11 21.8 27.6 21.8 46.3c0 33.1-26.9 60-60 60l-68 0c-13.3 0-24-10.7-24-24l0-8 0-64 0-64 0-8zm48 24l0 24 28 0c6.6 0 12-5.4 12-12s-5.4-12-12-12l-28 0zm0 96l44 0c6.6 0 12-5.4 12-12s-5.4-12-12-12l-16 0-28 0 0 24z";
+        readonly width: "640";
+    };
     readonly keySkeleton: {
         readonly path: "M304 64a80 80 0 1 1 0 160 80 80 0 1 1 0-160zm0 224c79.5 0 144-64.5 144-144S383.5 0 304 0S160 64.5 160 144c0 28.2 8.1 54.5 22.1 76.7L9.4 393.4c-12.5 12.5-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 416 96 397.3l41.4 41.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L141.3 352l86.1-86.1c22.2 14 48.5 22.1 76.7 22.1z";
         readonly width: "480";
@@ -647,6 +654,10 @@ declare const svgData: {
         readonly path: "M9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6zM256 416H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32s14.3-32 32-32z";
         readonly width: "576";
     };
+    readonly text: {
+        readonly path: "M64 96l0 32c0 17.7-14.3 32-32 32s-32-14.3-32-32L0 80C0 53.5 21.5 32 48 32l176 0 176 0c26.5 0 48 21.5 48 48l0 48c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-32L256 96l0 320 48 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l48 0 0-320L64 96z";
+        readonly width: "448";
+    };
     readonly threads: {
         readonly path: "M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z";
         readonly width: "440";