@easypost/easy-ui 1.0.0-alpha.9 → 1.0.0-alpha.91

package/Calendar/Calendar.d.ts

@@ -0,0 +1,67 @@
+import React from "react";
+import { DateValue, MappedDateValue } from "@react-types/calendar";
+import { CalendarBaseStateProps } from "./CalendarBase";
+export type CalendarProps = CalendarBaseStateProps & {
+    /**
+     * The current value (controlled).
+     */
+    value?: DateValue | null;
+    /**
+     * The default value (uncontrolled).
+     */
+    defaultValue?: DateValue | null;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onChange?: (value: MappedDateValue<DateValue | null>) => void;
+    /**
+     * Callback that is called for each date of the calendar. If
+     * it returns true, then the date is unavailable.
+     */
+    isDateUnavailable?: (date: DateValue) => boolean;
+};
+/**
+ *
+ * A `Calendar` displays a grid of days and allows users to select a single date.
+ *
+ * @example
+ * _Default Value:_
+ * ```tsx
+ * <Calendar defaultValue={new CalendarDate(2024, 7, 25)} />
+ * ```
+ *
+ * @example
+ * _Set limited available dates:_
+ * ```tsx
+ * <Calendar
+ *  minValue={new CalendarDate(2024, 7, 24)}
+ *  maxValue={new CalendarDate(2024, 8, 5)}
+ * />
+ * ```
+ *
+ * @example
+ * _Date availability:_
+ * ```tsx
+ * <Calendar
+ *  isDateUnavailable={(date: DateValue) =>
+ *    today(getLocalTimeZone()).compare(date) > 0
+ *  }
+ * />
+ * ```
+ *
+ * @example
+ * _Controlled:_
+ * ```tsx
+ * const [date, setDate] = React.useState(null);
+ *
+ * <Calendar
+ *  value={date}
+ *  onChange={setDate}
+ * />
+ * ```
+ */
+export declare function Calendar(props: CalendarProps): React.JSX.Element;
+export declare namespace Calendar {
+    var displayName: string;
+}
+//# sourceMappingURL=Calendar.d.ts.map

package/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAgB,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,MAAM,aAAa,GAAG,sBAAsB,GAAG;IACnD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IAC9D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;CAClD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAkB5C;yBAlBe,QAAQ"}

package/Calendar/Calendar.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Calendar } from "./Calendar";
+type Story = StoryObj<typeof Calendar>;
+declare const meta: Meta<typeof Calendar>;
+export default meta;
+export declare const Default: Story;
+export declare const DefaultValue: Story;
+export declare const LimitAvailableDates: Story;
+export declare const DatesAvailability: Story;
+export declare const ShowDaysOutsideCurrentMonth: Story;
+export declare const ControlledSelection: Story;
+export declare const InvalidSelection: Story;
+export declare const DisabledCalendar: Story;
+export declare const ReadonlyCalendar: Story;
+//# sourceMappingURL=Calendar.stories.d.ts.map

package/Calendar/Calendar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.stories.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASlD,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAIvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAqB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAKzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAWjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC"}

package/Calendar/Calendar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Calendar.test.d.ts.map

package/Calendar/Calendar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.test.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.test.tsx"],"names":[],"mappings":""}

package/Calendar/CalendarBase.d.ts

@@ -0,0 +1,57 @@
+import React, { ReactNode, HTMLAttributes } from "react";
+import { AriaButtonProps } from "react-aria";
+import { CalendarState, RangeCalendarState } from "@react-stately/calendar";
+import { RefObject } from "@react-types/shared";
+import { DateValue } from "@react-types/calendar";
+export type CalendarBaseStateProps = {
+    /**
+     * The minimum allowed date that a user may select.
+     */
+    minValue?: DateValue | null;
+    /**
+     * The maximum allowed date that a user may select.
+     */
+    maxValue?: DateValue | null;
+    /**
+     * Whether the calendar is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the calendar value is immutable.
+     * @default false
+     */
+    isReadOnly?: boolean;
+    /**
+     * Callback that is called for each date of the calendar. If
+     * it returns true, then the date is unavailable.
+     */
+    isDateUnavailable?: (date: DateValue) => boolean;
+    /**
+     * Whether the current selection is invalid according to application logic.
+     */
+    isInvalid?: boolean;
+    /**
+     * An error message to display when the selected value is invalid.
+     */
+    errorMessage?: ReactNode;
+    /**
+     * Display the days falling into the other months.
+     * @default false
+     */
+    showDaysOutsideCurrentMonth?: boolean;
+};
+type CalendarBaseProps = {
+    state: CalendarState | RangeCalendarState;
+    isInvalid?: boolean;
+    showDaysOutsideCurrentMonth?: boolean;
+    errorMessage?: ReactNode;
+    calendarProps: HTMLAttributes<HTMLElement>;
+    nextButtonProps: AriaButtonProps;
+    prevButtonProps: AriaButtonProps;
+    errorMessageProps: HTMLAttributes<HTMLElement>;
+    calendarRef: RefObject<HTMLDivElement | null>;
+};
+export declare function CalendarBase(props: CalendarBaseProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CalendarBase.d.ts.map

package/Calendar/CalendarBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarBase.d.ts","sourceRoot":"","sources":["../../src/Calendar/CalendarBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKlD,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IACjD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,aAAa,GAAG,kBAAkB,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC3C,eAAe,EAAE,eAAe,CAAC;IACjC,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC/C,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC/C,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAkCpD"}

package/Calendar/CalendarCell.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { CalendarState, RangeCalendarState } from "@react-stately/calendar";
+import { CalendarDate } from "@internationalized/date";
+export type CalendarCellProps = {
+    state: CalendarState | RangeCalendarState;
+    /**
+     * The date that this cell represents.
+     */
+    date: CalendarDate;
+};
+export declare function CalendarCell({ state, date }: CalendarCellProps): React.JSX.Element;
+//# sourceMappingURL=CalendarCell.d.ts.map

package/Calendar/CalendarCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarCell.d.ts","sourceRoot":"","sources":["../../src/Calendar/CalendarCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAA2B,MAAM,yBAAyB,CAAC;AAMhF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,aAAa,GAAG,kBAAkB,CAAC;IAC1C;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,iBAAiB,qBA8E9D"}

package/Calendar/CalendarGrid.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { CalendarState, RangeCalendarState } from "@react-stately/calendar";
+export type CalendarGridProps = {
+    state: CalendarState | RangeCalendarState;
+    weekdayStyle?: "narrow" | "short" | "long";
+    showDaysOutsideCurrentMonth?: boolean;
+};
+export declare function CalendarGrid({ state, ...props }: CalendarGridProps): React.JSX.Element;
+//# sourceMappingURL=CalendarGrid.d.ts.map

package/Calendar/CalendarGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarGrid.d.ts","sourceRoot":"","sources":["../../src/Calendar/CalendarGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAM5E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,aAAa,GAAG,kBAAkB,CAAC;IAC1C,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAwClE"}

package/Calendar/CalendarHeader.d.ts

@@ -0,0 +1,20 @@
+import React, { AriaAttributes } from "react";
+import { CalendarState, RangeCalendarState } from "@react-stately/calendar";
+import { AriaButtonProps } from "react-aria";
+export type CalendarHeaderProps = {
+    state: CalendarState | RangeCalendarState;
+    /**
+     * Props for the calendar grouping element.
+     */
+    calendarProps: AriaAttributes;
+    /**
+     * Props for the previous button.
+     */
+    prevButtonProps: AriaButtonProps;
+    /**
+     * Props for the next button.
+     */
+    nextButtonProps: AriaButtonProps;
+};
+export declare function CalendarHeader({ state, calendarProps, prevButtonProps: { onFocusChange: _onFocusChangePrevButton, ...restPrevButtonProps }, nextButtonProps: { onFocusChange: _onFocusChangeNextButton, ...restNextButtonProps }, }: CalendarHeaderProps): React.JSX.Element;
+//# sourceMappingURL=CalendarHeader.d.ts.map

package/Calendar/CalendarHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../src/Calendar/CalendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAW7C,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,aAAa,GAAG,kBAAkB,CAAC;IAC1C;;OAEG;IACH,aAAa,EAAE,cAAc,CAAC;IAC9B;;OAEG;IACH,eAAe,EAAE,eAAe,CAAC;IACjC;;OAEG;IACH,eAAe,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,aAAa,EACb,eAAe,EAAE,EACf,aAAa,EAAE,wBAAwB,EACvC,GAAG,mBAAmB,EACvB,EACD,eAAe,EAAE,EACf,aAAa,EAAE,wBAAwB,EACvC,GAAG,mBAAmB,EACvB,GACF,EAAE,mBAAmB,qBA4BrB"}

package/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Calendar";
+//# sourceMappingURL=index.d.ts.map

package/Calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/Calendar/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Calendar = require("../__chunks__/Calendar-CU64FTOr.js");
+exports.Calendar = Calendar.Calendar;

package/Calendar/index.mjs

@@ -0,0 +1,4 @@
+import { C } from "../__chunks__/Calendar-BX4HC7xq.mjs";
+export {
+  C as Calendar
+};

package/Card/Card.d.ts

@@ -1,10 +1,10 @@
 import React, { AllHTMLAttributes, ElementType, ReactNode } from "react";
-import { DesignTokenNamespace } from "../types";
+import { BorderRadius, DesignTokenNamespace, ShadowLevel, ThemeTokenNamespace } from "../types";
 import { ResponsiveProp } from "../utilities/css";
 type SpaceScale = DesignTokenNamespace<"space">;
-export type CardBackground = "primary" | "secondary";
+export type CardBackground = "primary" | "secondary" | ThemeTokenNamespace<"color">;
 export type CardVariant = "solid" | "outlined" | "flagged";
-export type CardStatus = "danger" | "warning" | "success";
+export type CardStatus = "primary" | "secondary" | "danger" | "warning" | "success" | "neutral" | ThemeTokenNamespace<"color">;
 export type CardPadding = ResponsiveProp<SpaceScale>;
 export type CardContainerProps = {
     /** Custom element for the card container. */
@@ -24,6 +24,16 @@ export type CardContainerProps = {
      * @default outlined
      */
     variant?: CardVariant;
+    /**
+     * Card shadow.
+     */
+    boxShadow?: ShadowLevel;
+    /** Card border color. */
+    borderColor?: ThemeTokenNamespace<"color">;
+    /**
+     * Card border radius.
+     */
+    borderRadius?: BorderRadius;
 } & AllHTMLAttributes<ElementType>;
 export type CardAreaProps = {
     /** Background of the card area. By default, card backgrounds are transparent. */
@@ -33,16 +43,35 @@ export type CardAreaProps = {
     /**
      * The spacing around the content area. Accepts a spacing token or an object of spacing tokens for different screen sizes.
      *
-     * @default '2'
      * @example
      * padding='2'
      * padding={{ xs: '2', sm: '3', md: '4', lg: '5', xl: '6' }}
      */
     padding?: CardPadding;
+    /**
+     * The horizontal spacing around the content area. Accepts a spacing token or an object of spacing tokens for different screen sizes.
+     *
+     * @example
+     * paddingX='2'
+     * paddingX={{ xs: '2', sm: '3', md: '4', lg: '5', xl: '6' }}
+     */
+    paddingX?: CardPadding;
+    /**
+     * The vertical spacing around the content area. Accepts a spacing token or an object of spacing tokens for different screen sizes.
+     *
+     * @example
+     * paddingY='2'
+     * paddingY={{ xs: '2', sm: '3', md: '4', lg: '5', xl: '6' }}
+     */
+    paddingY?: CardPadding;
 };
 export type CardProps = CardContainerProps & CardAreaProps;
+/**
+ * Helper for picking card area props from a superset of component props.
+ */
+export declare function pickCardAreaProps(props: Partial<CardAreaProps>): Partial<Partial<CardAreaProps>>;
 declare function CardContainer(props: CardContainerProps): React.JSX.Element;
-declare function CardArea({ background, children, padding }: CardAreaProps): React.JSX.Element;
+declare function CardArea({ background, children, padding, paddingX, paddingY, }: CardAreaProps): React.JSX.Element;
 /**
  * A styled container that groups related content.
  *
@@ -70,6 +99,36 @@ declare function CardArea({ background, children, padding }: CardAreaProps): Rea
  * ```
  *
  * @example
+ * _Shadow:_
+ * ```tsx
+ * <Card boxShadow="1">Content</Card>
+ * ```
+ *
+ * @example
+ * _Border radius:_
+ * ```tsx
+ * <Card borderRadius="sm">Content</Card>
+ * ```
+ *
+ * @example
+ * _Padding:_
+ * ```tsx
+ * <Card padding={{ xs: '2', sm: '3', md: '4', lg: '5', xl: '6' }}>Content</Card>
+ * ```
+ *
+ * @example
+ * _PaddingX:_
+ * ```tsx
+ * <Card paddingX="3">Content</Card>
+ * ```
+ *
+ * @example
+ * _PaddingY:_
+ * ```tsx
+ * <Card paddingY={{ xs: '1', sm: '2', md: '3'}}>Content</Card>
+ * ```
+ *
+ * @example
  * _Composition of parts:_
  * ```tsx
  * <Card.Container variant="outlined">

package/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EACL,cAAc,EAKf,MAAM,kBAAkB,CAAC;AAO1B,KAAK,UAAU,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6CAA6C;IAC7C,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAC;IAEpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG;IAC1B,iFAAiF;IACjF,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B,gCAAgC;IAChC,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,kBAAkB,GAAG,aAAa,CAAC;AAE3D,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAqC/C;AAED,iBAAS,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAa,EAAE,EAAE,aAAa,qBAevE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBASpC;yBATe,IAAI"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,WAAW,EACX,mBAAmB,EACpB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,cAAc,EAKf,MAAM,kBAAkB,CAAC;AAS1B,KAAK,UAAU,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAEhD,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,WAAW,GACX,mBAAmB,CAAC,OAAO,CAAC,CAAC;AACjC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AAC3D,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,mBAAmB,CAAC,OAAO,CAAC,CAAC;AACjC,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6CAA6C;IAC7C,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAC;IAEpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB,yBAAyB;IACzB,WAAW,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAE3C;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG;IAC1B,iFAAiF;IACjF,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B,gCAAgC;IAChC,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IAEvB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,kBAAkB,GAAG,aAAa,CAAC;AAE3D;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,mCAS9D;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAyD/C;AAED,iBAAS,QAAQ,CAAC,EAChB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,aAAa,qBA0Cf;AAqED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBAqBpC;yBArBe,IAAI"}

package/Card/Card.stories.d.ts

@@ -6,6 +6,10 @@ export default meta;
 export declare const Outlined: Story;
 export declare const Solid: Story;
 export declare const Flagged: Story;
+export declare const Shadow: Story;
+export declare const BorderRadius: Story;
+export declare const Padding: Story;
+export declare const PaddingXAndPaddingY: Story;
 export declare const Composition: Story;
 export declare const ExampleCheckbox: Story;
 export declare const ExampleRadio: Story;
@@ -16,4 +20,5 @@ export declare const ExampleTileB: Story;
 export declare const ExampleTileC: Story;
 export declare const ExampleSlat: Story;
 export declare const ExampleCallout: Story;
+export declare const ExampleStretch: Story;
 //# sourceMappingURL=Card.stories.d.ts.map

package/Card/Card.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../src/Card/Card.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAGzC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAS3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgC7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA6C1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsB1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC"}
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../src/Card/Card.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAgBlD,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAEzC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAe3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA+B7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA4C1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsB1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoB5B,CAAC"}

package/Card/index.js

@@ -1,86 +1,5 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const omit = require("../__chunks__/omit-fca26542.js");
-const React = require("react");
-const utilities_css = require("../utilities/css.js");
-const container = "_container_16mug_5";
-const area = "_area_16mug_23";
-const variantOutlined = "_variantOutlined_16mug_59";
-const variantFlagged = "_variantFlagged_16mug_60";
-const selected = "_selected_16mug_72";
-const disabled = "_disabled_16mug_76";
-const statusDanger = "_statusDanger_16mug_80";
-const statusWarning = "_statusWarning_16mug_84";
-const statusSuccess = "_statusSuccess_16mug_88";
-const styles = {
-  container,
-  area,
-  variantOutlined,
-  variantFlagged,
-  selected,
-  disabled,
-  statusDanger,
-  statusWarning,
-  statusSuccess
-};
-const DEFAULT_ELEMENT_TYPE = "div";
-const DEFAULT_VARIANT = "outlined";
-function CardContainer(props) {
-  const _a = props, { as: As = DEFAULT_ELEMENT_TYPE, children, isDisabled, isSelected, status, variant = DEFAULT_VARIANT } = _a, restProps = __objRest(_a, ["as", "children", "isDisabled", "isSelected", "status", "variant"]);
-  const className = utilities_css.classNames(styles.container, styles[utilities_css.variationName("variant", variant)], variant === "flagged" && status && styles[utilities_css.variationName("status", status)], variant === "outlined" && isDisabled && styles.disabled, variant === "outlined" && isSelected && styles.selected);
-  if (variant !== "flagged" && status) {
-    console.warn("status is only applicable for flagged cards");
-  }
-  if (variant !== "outlined" && isSelected) {
-    console.warn("isSelected is only applicable for outlined cards");
-  }
-  return React.createElement(As, __spreadValues({
-    className,
-    disabled: isDisabled
-  }, omit.omit(restProps, ["className"])), children);
-}
-function CardArea({ background, children, padding = "2" }) {
-  const style = __spreadValues(__spreadValues({}, utilities_css.getComponentThemeToken("card-area", "background", "color.surface.card", background)), utilities_css.getResponsiveDesignToken("card-area", "padding", "space", padding));
-  return React.createElement("div", {
-    className: styles.area,
-    style
-  }, children);
-}
-function Card(props) {
-  const _a = props, { background, children, padding } = _a, containerProps = __objRest(_a, ["background", "children", "padding"]);
-  return React.createElement(CardContainer, __spreadValues({}, containerProps), React.createElement(CardArea, {
-    background,
-    padding
-  }, children));
-}
-Card.Container = CardContainer;
-Card.Area = CardArea;
-exports.Card = Card;
+const Card = require("../__chunks__/Card-BM2DKiVA.js");
+exports.Card = Card.Card;
+exports.pickCardAreaProps = Card.pickCardAreaProps;

package/Card/index.mjs

@@ -1,86 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { o as omit } from "../__chunks__/omit-f17deb8f.mjs";
-import React__default from "react";
-import { classNames, variationName, getComponentThemeToken, getResponsiveDesignToken } from "../utilities/css.mjs";
-const container = "_container_16mug_5";
-const area = "_area_16mug_23";
-const variantOutlined = "_variantOutlined_16mug_59";
-const variantFlagged = "_variantFlagged_16mug_60";
-const selected = "_selected_16mug_72";
-const disabled = "_disabled_16mug_76";
-const statusDanger = "_statusDanger_16mug_80";
-const statusWarning = "_statusWarning_16mug_84";
-const statusSuccess = "_statusSuccess_16mug_88";
-const styles = {
-  container,
-  area,
-  variantOutlined,
-  variantFlagged,
-  selected,
-  disabled,
-  statusDanger,
-  statusWarning,
-  statusSuccess
-};
-const DEFAULT_ELEMENT_TYPE = "div";
-const DEFAULT_VARIANT = "outlined";
-function CardContainer(props) {
-  const _a = props, { as: As = DEFAULT_ELEMENT_TYPE, children, isDisabled, isSelected, status, variant = DEFAULT_VARIANT } = _a, restProps = __objRest(_a, ["as", "children", "isDisabled", "isSelected", "status", "variant"]);
-  const className = classNames(styles.container, styles[variationName("variant", variant)], variant === "flagged" && status && styles[variationName("status", status)], variant === "outlined" && isDisabled && styles.disabled, variant === "outlined" && isSelected && styles.selected);
-  if (variant !== "flagged" && status) {
-    console.warn("status is only applicable for flagged cards");
-  }
-  if (variant !== "outlined" && isSelected) {
-    console.warn("isSelected is only applicable for outlined cards");
-  }
-  return React__default.createElement(As, __spreadValues({
-    className,
-    disabled: isDisabled
-  }, omit(restProps, ["className"])), children);
-}
-function CardArea({ background, children, padding = "2" }) {
-  const style = __spreadValues(__spreadValues({}, getComponentThemeToken("card-area", "background", "color.surface.card", background)), getResponsiveDesignToken("card-area", "padding", "space", padding));
-  return React__default.createElement("div", {
-    className: styles.area,
-    style
-  }, children);
-}
-function Card(props) {
-  const _a = props, { background, children, padding } = _a, containerProps = __objRest(_a, ["background", "children", "padding"]);
-  return React__default.createElement(CardContainer, __spreadValues({}, containerProps), React__default.createElement(CardArea, {
-    background,
-    padding
-  }, children));
-}
-Card.Container = CardContainer;
-Card.Area = CardArea;
+import { C, p } from "../__chunks__/Card-CJug4GMX.mjs";
 export {
-  Card
+  C as Card,
+  p as pickCardAreaProps
 };

package/CheckableCard/CheckableCard.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from "react";
+import { CheckboxProps } from "../Checkbox";
+export type CheckableCardProps = Omit<CheckboxProps, "size"> & {
+    /**
+     * The header for the checkable card.
+     */
+    header: ReactNode;
+    /**
+     * The content for the checkable card.
+     */
+    children: ReactNode;
+};
+/**
+ * A styled container with a `Checkbox` form element.
+ *
+ * @example
+ * ```tsx
+ * <CheckableCard
+ *   isSelected={isSelected}
+ *   onChange={(isSelected) => setIsSelected(isSelected)}
+ *   header="Header"
+ * >
+ *   Content
+ * </CheckableCard>
+ * ```
+ */
+export declare function CheckableCard(props: CheckableCardProps): React.JSX.Element;
+//# sourceMappingURL=CheckableCard.d.ts.map

package/CheckableCard/CheckableCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckableCard.d.ts","sourceRoot":"","sources":["../../src/CheckableCard/CheckableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAY,aAAa,EAAE,MAAM,aAAa,CAAC;AAOtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAC7D;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAsBtD"}

package/CheckableCard/CheckableCard.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { CheckableCard } from "./CheckableCard";
+type Story = StoryObj<typeof CheckableCard>;
+declare const meta: Meta<typeof CheckableCard>;
+export default meta;
+export declare const Default: Story;
+//# sourceMappingURL=CheckableCard.stories.d.ts.map

package/CheckableCard/CheckableCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckableCard.stories.d.ts","sourceRoot":"","sources":["../../src/CheckableCard/CheckableCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAsB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEpE,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/CheckableCard/CheckableCard.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CheckableCard.test.d.ts.map

package/CheckableCard/CheckableCard.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckableCard.test.d.ts","sourceRoot":"","sources":["../../src/CheckableCard/CheckableCard.test.tsx"],"names":[],"mappings":""}

package/CheckableCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./CheckableCard";
+//# sourceMappingURL=index.d.ts.map

package/CheckableCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CheckableCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}