@bspk/ui 1.0.0

package/Button.js

@@ -0,0 +1,254 @@
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { isValidElement } from 'react';
+import { Tooltip } from './Tooltip.js';
+import { isValidIcon } from './utils/children.js';
+import { useErrorLogger } from './utils/errors.js';
+
+/**
+ * A clickable component that allows users to perform an action, make a choice or trigger a change in state.
+ *
+ * @name Button
+ */
+function Button(props) {
+    const { size = 'medium', variant = 'primary', destructive = false, width = 'hug', as: As = 'button', disabled = false, label: labelProp, icon, showLabel: showLabelProp = true, toolTip: toolTipProp, children, ...containerProps } = props;
+    const label = typeof children === 'string' ? children : labelProp || '';
+    // ignore showLabel=false if there is no icon
+    const hideLabel = showLabelProp === false && icon;
+    const toolTip = toolTipProp || hideLabel ? label : undefined;
+    const { logError } = useErrorLogger();
+    logError(!!icon && !isValidIcon(icon), 'Button - The icon prop must be a valid icon element.');
+    logError(!label, 'Button - The button must have a label.');
+    const button = (jsx(As, { ...containerProps, "aria-label": label, css: style, "data-button": "", "data-destructive": destructive || undefined, "data-size": size, "data-variant": variant, "data-width": width, disabled: disabled || undefined, children: children && typeof children !== 'string' ? (children) : (jsxs(Fragment, { children: [jsx("span", { "data-touch-target": true }), !!icon && isValidElement(icon) && jsx("span", { "data-button-icon": true, children: icon }), !hideLabel && jsx("span", { "data-button-label": true, children: label })] })) }));
+    if (toolTip) {
+        return (jsx(Tooltip, { label: toolTip, placement: "top", children: button }));
+    }
+    return button;
+}
+Button.bspkName = 'Button';
+const style = css `
+    &,
+    &:is(a) {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        gap: var(--spacing-sizing-02);
+        border: none;
+        cursor: pointer;
+        box-sizing: border-box;
+        background: transparent;
+        text-decoration: none;
+        width: fit-content;
+        position: relative;
+
+        [data-touch-target] {
+            min-width: var(--spacing-sizing-12);
+            min-height: var(--spacing-sizing-12);
+        }
+
+        &[data-width='hug'] {
+            width: fit-content;
+        }
+
+        &[data-width='fill'] {
+            width: 100%;
+        }
+
+        &[data-size='x-small'] {
+            font-size: var(--typography-size-xs);
+            line-height: var(--typography-line-height-lh-1);
+            height: var(--spacing-sizing-06);
+            min-width: var(--spacing-sizing-06);
+            gap: var(--spacing-sizing-02);
+
+            &:has([data-button-label]),
+            &[data-override] {
+                padding: 0 var(--spacing-sizing-02);
+            }
+
+            > [data-button-icon] {
+                width: var(--spacing-sizing-04);
+                height: var(--spacing-sizing-04);
+            }
+        }
+
+        &[data-size='small'] {
+            font-size: var(--typography-size-sm);
+            line-height: var(--typography-line-height-lh-2);
+            height: var(--spacing-sizing-08);
+            min-width: var(--spacing-sizing-08);
+
+            &:has([data-button-label]),
+            &[data-override] {
+                padding: 6px var(--spacing-sizing-04);
+            }
+
+            > [data-button-icon] {
+                width: var(--spacing-sizing-05);
+                height: var(--spacing-sizing-05);
+            }
+        }
+
+        &[data-size='medium'] {
+            font-size: var(--typography-size-base);
+            line-height: var(--typography-line-height-lh-2);
+            height: var(--spacing-sizing-10);
+            min-width: var(--spacing-sizing-10);
+
+            &:has([data-button-label]),
+            &[data-override] {
+                padding: var(--spacing-sizing-02) var(--spacing-sizing-04);
+            }
+
+            > [data-button-icon] {
+                width: var(--spacing-sizing-05);
+                height: var(--spacing-sizing-05);
+            }
+        }
+        &[data-size='large'] {
+            font-size: var(--typography-size-bp-md);
+            line-height: var(--typography-line-height-lh-4);
+            height: var(--spacing-sizing-12);
+            min-width: var(--spacing-sizing-12);
+
+            &:has([data-button-label]),
+            &[data-override] {
+                padding: var(--spacing-sizing-03) var(--spacing-sizing-04);
+            }
+
+            > [data-button-icon] {
+                width: var(--spacing-sizing-06);
+                height: var(--spacing-sizing-06);
+            }
+        }
+
+        &[disabled] {
+            cursor: not-allowed;
+        }
+
+        > [data-button-icon] {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+        > [data-button-label] {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+        }
+
+        &[data-variant='primary'] {
+            --primary-background: var(--surface-brand-primary);
+
+            background: linear-gradient(var(--primary-background), var(--primary-background));
+            color: var(--foreground-brand-on-primary);
+            border-radius: var(--radius-small);
+
+            &[disabled] {
+                color: var(--foreground-neutral-disabled-on-surface);
+                background: var(--interactions-disabled-opacity);
+            }
+
+            &:not([disabled]) {
+                [data-pseudo='hover'] > &,
+                &:hover {
+                    background:
+                        linear-gradient(
+                            var(--interactions-brand-hover-opacity),
+                            var(--interactions-brand-hover-opacity)
+                        ),
+                        linear-gradient(var(--primary-background), var(--primary-background));
+                }
+
+                [data-pseudo='active'] > &,
+                &:active {
+                    background:
+                        linear-gradient(
+                            var(--interactions-brand-press-opacity),
+                            var(--interactions-brand-press-opacity)
+                        ),
+                        linear-gradient(var(--primary-background), var(--primary-background));
+                }
+
+                [data-pseudo='focus'] > &,
+                &:focus-visible {
+                    outline: solid 2px var(--stroke-neutral-focus);
+                }
+            }
+
+            &[data-destructive] {
+                --primary-background: var(--status-error);
+                color: var(--foreground-brand-on-primary);
+            }
+        }
+
+        &[data-variant='secondary'] {
+            border: solid 1px var(--stroke-neutral-base);
+            border-radius: var(--radius-small);
+            color: var(--foreground-neutral-on-surface-variant-01);
+
+            &[disabled] {
+                color: var(--foreground-neutral-disabled-on-surface);
+                border: solid 1px var(--stroke-neutral-disabled-light);
+            }
+
+            &:not([disabled]) {
+                [data-pseudo='hover'] > &,
+                &:hover {
+                    background-color: var(--interactions-neutral-hover-opacity);
+                }
+
+                [data-pseudo='active'] > &,
+                &:active {
+                    background-color: var(--interactions-neutral-press-opacity);
+                }
+
+                [data-pseudo='focus'] > &,
+                &:focus-visible {
+                    outline: solid 2px var(--stroke-neutral-focus);
+                }
+            }
+
+            &[data-destructive] {
+                background: transparent;
+                color: var(--status-error);
+                border: solid 1px var(--status-error);
+            }
+        }
+
+        &[data-variant='tertiary'] {
+            background: transparent;
+            color: var(--foreground-neutral-on-surface-variant-01);
+
+            &[disabled] {
+                color: var(--foreground-neutral-disabled-on-surface);
+            }
+
+            &:not([disabled]) {
+                [data-pseudo='hover'] > &,
+                &:hover {
+                    background: var(--interactions-neutral-hover-opacity);
+                }
+
+                [data-pseudo='active'] > &,
+                &:active {
+                    background: var(--interactions-neutral-press-opacity);
+                }
+
+                [data-pseudo='focus'] > &,
+                &:focus-visible {
+                    outline: solid 2px var(--stroke-neutral-focus);
+                }
+            }
+
+            &[data-destructive] {
+                color: var(--status-error);
+            }
+        }
+    }
+`;
+
+export { Button, style };
+//# sourceMappingURL=Button.js.map

package/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["src/Button.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AA+DA;;;;AAIG;AACH,SAAS,MAAM,CAAoC,KAAwC,EAAA;IACvF,MAAM,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,KAAK,EACnB,KAAK,GAAG,KAAK,EACb,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,QAAQ,GAAG,KAAK,EAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,SAAS,EAAE,aAAa,GAAG,IAAI,EAC/B,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,GAAG,cAAc,EACpB,GAAG,KAAK,CAAC;AACV,IAAA,MAAM,KAAK,GAAG,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,IAAI,EAAE,CAAC;;AAGxE,IAAA,MAAM,SAAS,GAAG,aAAa,KAAK,KAAK,IAAI,IAAI,CAAC;AAElD,IAAA,MAAM,OAAO,GAAG,WAAW,IAAI,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;AAE7D,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;AACtC,IAAA,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,sDAAsD,CAAC,CAAC;AAC/F,IAAA,QAAQ,CAAC,CAAC,KAAK,EAAE,wCAAwC,CAAC,CAAC;AAE3D,IAAA,MAAM,MAAM,IACRA,GAAA,CAAC,EAAE,EACK,EAAA,GAAA,cAAc,EACN,YAAA,EAAA,KAAK,EACjB,GAAG,EAAE,KAAK,EAAA,aAAA,EACE,EAAE,EACI,kBAAA,EAAA,WAAW,IAAI,SAAS,eAC/B,IAAI,EAAA,cAAA,EACD,OAAO,EAAA,YAAA,EACT,KAAK,EACjB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAA,QAAA,EAE9B,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,IACrC,QAAQ,KAERC,4BACID,GAA0B,CAAA,MAAA,EAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,CAAA,EACzB,CAAC,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,QAAA,EAAwB,IAAI,EAAA,CAAQ,EACtE,CAAC,SAAS,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,QAAA,EAAyB,KAAK,EAAQ,CAAA,CAAA,EAAA,CACtD,CACN,EAAA,CACA,CACR,CAAC;IAEF,IAAI,OAAO,EAAE;AACT,QAAA,QACIA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACnC,MAAM,EAAA,CACD,EACZ;KACL;AAED,IAAA,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAIpB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ButtonDock.d.ts

@@ -0,0 +1,20 @@
+export type ButtonDockProps = {
+    /**
+     * The content of the button dock.
+     *
+     * @required
+     */
+    children: string;
+};
+/**
+ * Component description coming soon.
+ *
+ * @name ButtonDock
+ */
+declare function ButtonDock({ children }: ButtonDockProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace ButtonDock {
+    var bspkName: string;
+}
+export { ButtonDock };
+export declare const style: import("@emotion/react").SerializedStyles;
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/ButtonDock.js

@@ -0,0 +1,18 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+
+/**
+ * Component description coming soon.
+ *
+ * @name ButtonDock
+ */
+function ButtonDock({ children }) {
+    return (jsx("div", { css: style, "data-button-dock": true, children: children }));
+}
+ButtonDock.bspkName = 'ButtonDock';
+const style = css `
+    display: flex;
+`;
+
+export { ButtonDock, style };
+//# sourceMappingURL=ButtonDock.js.map

package/ButtonDock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonDock.js","sources":["src/ButtonDock.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAmB,EAAA;IAC7C,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,kBAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC;AAED,UAAU,CAAC,QAAQ,GAAG,YAAY,CAAC;AAI5B,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}

package/CODE_OF_CONDUCT.md

@@ -0,0 +1,137 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, caste, color, religion, or sexual
+identity and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+- Focusing on what is best not just for us as individuals, but for the overall
+  community
+
+Examples of unacceptable behavior include:
+
+- The use of sexualized language or imagery, and sexual attention or advances of
+  any kind
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email address,
+  without their explicit permission
+- Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+[maintainer_email].
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series of
+actions.
+
+**Consequence**: A warning with consequences for continued behavior.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior, harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within the
+community.
+
+### 5. Appeal
+
+If you are banned you may contest the decision. To do so email [maintainer_email] with the subject line "Repeal Ban for {{your name here}} from {Project Name}" and body with the responses to the following:
+
+- Why do you believe you did not violate the Code of Conduct?
+- Were other factors involved in this situation the leadership team may have been unaware of?
+- Why do you wish to be a part of the [Project Name] community?
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.1, available at
+[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
+
+Community Impact Guidelines were inspired by
+[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
+
+For answers to common questions about this code of conduct, see the FAQ at
+[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
+[https://www.contributor-covenant.org/translations][translations].
+
+[homepage]: https://www.contributor-covenant.org
+[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
+[Mozilla CoC]: https://github.com/mozilla/diversity
+[FAQ]: https://www.contributor-covenant.org/faq
+[translations]: https://www.contributor-covenant.org/translations
+
+<!--- Copyright 2025 Anywhere Real Estate - CC BY 4.0 -->

package/CONTRIBUTING.md

@@ -0,0 +1,42 @@
+# Contributing to @bspk/ui
+
+Thank you for considering contributing to @bspk/ui! We appreciate your help in improving our React component library.
+
+## How to Contribute
+
+1. **Clone the repository**:
+
+```bash
+git clone https://gitlab.com/realogy/experience-pods/shared-packages/bspk-ui.git
+```
+
+2. **Create a new branch**:
+
+```bash
+git checkout -b feature/your-feature-name
+```
+
+3. **Make your changes**: Implement your feature or bug fix.
+
+4. **Stage and commit your changes**: Use [semantic versioning](https://semver.org/) for your commit messages.
+
+```bash
+git add .
+git commit -m "feat: Description of your feature"
+```
+
+5. **Push to your branch**:
+
+```bash
+git push origin feature/your-feature-name
+```
+
+6. **Create a Pull Request**: Go to the @bspk/ui repository and click "New Pull Request". Provide a clear description of your changes.
+
+## Reporting Issues
+
+If you find a bug or have a feature request, please open an issue on the [issue tracker](https://gitlab.com/realogy/experience-pods/shared-packages/bspk-ui/-/issues).
+
+Thank you for your contributions!
+
+<!--- Copyright 2025 Anywhere Real Estate - CC BY 4.0 -->

package/Card.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+export type CardProps = {
+    /**
+     * The content of the card.
+     *
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Determines if the padding should be hidden.
+     *
+     * @default true
+     */
+    showPadding?: boolean;
+    /**
+     * Determines how the card border will appear.
+     *
+     * @default elevated
+     */
+    variant?: 'elevated' | 'filled' | 'outlined';
+};
+/**
+ * Cards are often rectangular and contain various content, such as text, images, icons, multimedia, and interactive
+ * elements.
+ *
+ * They are similar in size and shape to playing cards and are intended to encourage users to click or tap to view more
+ * details.
+ *
+ * @name Card
+ */
+declare function Card({ children, showPadding, variant }: CardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace Card {
+    var bspkName: string;
+}
+export { Card };
+export declare const style: import("@emotion/react").SerializedStyles;
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/Card.js

@@ -0,0 +1,38 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+
+/**
+ * Cards are often rectangular and contain various content, such as text, images, icons, multimedia, and interactive
+ * elements.
+ *
+ * They are similar in size and shape to playing cards and are intended to encourage users to click or tap to view more
+ * details.
+ *
+ * @name Card
+ */
+function Card({ children, showPadding, variant = 'elevated' }) {
+    return (jsx("div", { css: style, "data-card": true, "data-hide-padding": showPadding === false || undefined, "data-variant": variant, children: children }));
+}
+Card.bspkName = 'Card';
+const style = css `
+    display: block;
+    background: var(--surface-neutral-t1-base);
+    padding: var(--spacing-sizing-03);
+    border-radius: var(--radius-medium);
+    overflow: hidden;
+
+    &[data-hide-padding] {
+        padding: 0;
+    }
+    &[data-variant='outlined'] {
+        border: solid 1px var(--stroke-neutral-low);
+    }
+    &[data-variant='elevated'] {
+        box-shadow:
+            0 1px 2px 0 var(--shadow-32),
+            0 1px 3px 1px var(--shadow-15);
+    }
+`;
+
+export { Card, style };
+//# sourceMappingURL=Card.js.map

package/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["src/Card.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAwBA;;;;;;;;AAQG;AACH,SAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,GAAG,UAAU,EAAa,EAAA;AACpE,IAAA,QACIA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,0CAA+B,WAAW,KAAK,KAAK,IAAI,SAAS,EAAgB,cAAA,EAAA,OAAO,YAClG,QAAQ,EAAA,CACP,EACR;AACN,CAAC;AAED,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;AAIhB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}

package/Chart.d.ts

@@ -0,0 +1,20 @@
+export type ChartProps = {
+    /**
+     * The content of the chart.
+     *
+     * @required
+     */
+    children: string;
+};
+/**
+ * Component description coming soon.
+ *
+ * @name Chart
+ */
+declare function Chart({ children }: ChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace Chart {
+    var bspkName: string;
+}
+export { Chart };
+export declare const style: import("@emotion/react").SerializedStyles;
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/Chart.js

@@ -0,0 +1,18 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+
+/**
+ * Component description coming soon.
+ *
+ * @name Chart
+ */
+function Chart({ children }) {
+    return (jsx("div", { css: style, "data-chart": true, children: children }));
+}
+Chart.bspkName = 'Chart';
+const style = css `
+    display: flex;
+`;
+
+export { Chart, style };
+//# sourceMappingURL=Chart.js.map

package/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["src/Chart.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,KAAK,CAAC,EAAE,QAAQ,EAAc,EAAA;IACnC,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC;AAED,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;AAIlB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}

package/Checkbox.d.ts

@@ -0,0 +1,26 @@
+import { ToggleControlProps, ElementProps } from './';
+export type CheckboxProps = ToggleControlProps<HTMLInputElement> & {
+    /**
+     * If the checkbox is partially checked or
+     * [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).
+     *
+     * @default false
+     */
+    indeterminate?: boolean;
+};
+/**
+ * A control that allows users to choose one or more items from a list or turn an feature on or off. This is the base
+ * element and if used directly you must wrap it with a label. This will more often be used in the CheckboxOption or
+ * CheckboxGroup component.
+ *
+ * @element
+ *
+ * @name Checkbox
+ */
+declare function Checkbox({ checked: checkedProp, indeterminate: indeterminateProp, invalid, disabled, ...props }: ElementProps<CheckboxProps, 'input'>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace Checkbox {
+    var bspkName: string;
+}
+export { Checkbox };
+export declare const style: import("@emotion/react").SerializedStyles;
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */