@caseparts-org/caseblocks 0.0.1

package/dist/assets/SearchBox.css

@@ -0,0 +1 @@
+._button_1ql5u_1{box-sizing:border-box;cursor:pointer;width:var(--spacing-2-5);height:var(--spacing-2-5);padding:var(--spacing-0-5);border-width:0;border-radius:0px var(--spacing-0-125) var(--spacing-0-125) 0px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:inherit;color:var(--icons-icon-search)}._text_1ql5u_31{flex:1;position:relative;border:none;outline:none;font-family:var(--font-family-body);font-weight:var(--font-weight-light);font-size:var(--font-size-sm);line-height:var(--line-height-sm);background:transparent;color:var(--text-text-search-bar)}._text_1ql5u_31::placeholder{font-style:italic}._input_1ql5u_61{flex:1;padding:0px 0px 0px var(--spacing-0-25)}._inputSearch_1ql5u_69{flex:1;border-radius:var(--spacing-0-125)}._searchfield_1ql5u_77{flex:1;height:var(--spacing-2-5);border-radius:var(--spacing-2-5);overflow:hidden;background-color:var(--surface-surface-search-bar)}._searchBox_1ql5u_91{flex:1;width:100%;min-width:250px;max-width:392px;height:var(--spacing-2-5);position:relative;border-radius:var(--spacing-2-5);overflow:hidden;text-align:left;background-color:var(--surface-surface-search-bar)}

package/dist/assets/Separator.css

@@ -0,0 +1 @@
+._separator_1ucrf_1{display:block;--separator-color: var(--color-brand-primary-primary-black);border-color:var(--separator-color);border-style:solid;--separator-thickness: 1px;border-width:0}._separator-vertical_1ucrf_19{border-left-width:var(--separator-thickness)}._separator-horizontal_1ucrf_27{border-top-width:var(--separator-thickness)}

package/dist/assets/Text.css

@@ -0,0 +1 @@
+._text-body_dp585_1{font-family:var(--font-family-body),sans-serif}._text-display_dp585_7{font-family:var(--font-family-display)}._text-xxs_dp585_15{font-size:var(--font-size-xxs);line-height:var(--line-height-xxs)}._text-xs_dp585_23{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}._text-sm_dp585_31{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}._text-md_dp585_39{font-size:var(--font-size-md);line-height:var(--line-height-md)}._text-lg_dp585_47{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}._text-xl_dp585_55{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}._text-2xl_dp585_63{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}._text-3xl_dp585_71{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}._text-4xl_dp585_79{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}._text-5xl_dp585_87{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}._text-6xl_dp585_95{font-size:var(--font-size-6xl);line-height:var(--line-height-6xl)}._text-thin_dp585_105{font-weight:var(--font-weight-thin)}._text-extra-light_dp585_111{font-weight:var(--font-weight-extra-light)}._text-light_dp585_117{font-weight:var(--font-weight-light)}._text-regular_dp585_123{font-weight:var(--font-weight-regular)}._text-medium_dp585_129{font-weight:var(--font-weight-medium)}._text-semibold_dp585_135{font-weight:var(--font-weight-semibold)}._text-bold_dp585_141{font-weight:var(--font-weight-bold)}

package/dist/assets/ToggleView.css

@@ -0,0 +1 @@
+._toggleView_1qbhe_1{flex-wrap:wrap}._toggleOption_1qbhe_5{border:none;padding:var(--spacing-0-25) var(--spacing-1);gap:var(--spacing-0-125);cursor:pointer;border:1px solid var(--border-border-primary)}._toggleOption_1qbhe_5._selected_1qbhe_13{color:var(--text-text-invert);border:1px solid var(--color-brand-primary-primary-teal-blue);background-color:var(--color-brand-primary-primary-teal-blue)}._toggleOption_1qbhe_5._selected_1qbhe_13 path{fill:var(--icons-icon-invert)}

package/dist/atoms/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import { HideAtProps } from '../HideAt';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, HideAtProps {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    variant: "primary" | "secondary" | "cta-primary" | "tertiary" | "destructive";
+    disabled?: boolean;
+}
+export declare function Button({ children, size, variant, hideAt, className, ...otherProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Button/Button.js

@@ -0,0 +1,45 @@
+import { jsx as r } from "react/jsx-runtime";
+import { t as n } from "../../Text.module-ruz24ug-.js";
+import { c as i } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as l } from "../HideAt.js";
+import '../../assets/Button.css';const m = "_button_1vql2_1", t = {
+  button: m,
+  "button-primary": "_button-primary_1vql2_71",
+  "button-secondary": "_button-secondary_1vql2_99",
+  "button-cta-primary": "_button-cta-primary_1vql2_143",
+  "button-tertiary": "_button-tertiary_1vql2_171",
+  "button-destructive": "_button-destructive_1vql2_207",
+  "button-size-xs": "_button-size-xs_1vql2_243",
+  "button-size-sm": "_button-size-sm_1vql2_251",
+  "button-size-md": "_button-size-md_1vql2_259",
+  "button-size-lg": "_button-size-lg_1vql2_267",
+  "button-size-xl": "_button-size-xl_1vql2_275"
+};
+function y({
+  children: _,
+  size: o,
+  variant: u,
+  hideAt: s,
+  className: e,
+  ...b
+}) {
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      className: i(
+        t.button,
+        t[`button-${u}`],
+        t[`button-size-${o}`],
+        n.text,
+        n[`text-${o}`],
+        l(s),
+        e
+      ),
+      ...b,
+      children: _
+    }
+  );
+}
+export {
+  y as Button
+};

package/dist/atoms/Button/Button.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { Button } from './Button';
+declare const meta: {
+    title: string;
+    component: typeof Button;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AllProps: Story;
+export declare const Variants: StoryObj<typeof Button>;
+export declare const Sizes: StoryObj<typeof Button>;

package/dist/atoms/Button/Button.stories.js

@@ -0,0 +1,40 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { Button as e } from "./Button.js";
+const c = {
+  title: "Case Parts/Atoms/Button",
+  component: e,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"]
+}, l = {
+  args: {
+    children: "Button Text",
+    size: "sm",
+    variant: "primary"
+  }
+}, a = [
+  "primary",
+  "secondary",
+  "tertiary",
+  "cta-primary",
+  "destructive"
+], p = {
+  render: () => /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: a.map((t) => /* @__PURE__ */ s(e, { variant: t, size: "md", children: [
+    t.charAt(0).toUpperCase() + t.slice(1),
+    " Button"
+  ] }, t)) })
+}, o = ["xs", "sm", "md", "lg", "xl"], m = {
+  render: () => /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: o.map((t) => /* @__PURE__ */ s(e, { size: t, variant: "primary", children: [
+    t.charAt(0).toUpperCase() + t.slice(1),
+    " Button"
+  ] }, t)) })
+};
+export {
+  l as AllProps,
+  m as Sizes,
+  p as Variants,
+  c as default
+};

package/dist/atoms/Flex/Flex.d.ts

@@ -0,0 +1,13 @@
+import { Property } from 'csstype';
+import { HideAtProps } from '../HideAt';
+import { ResponsiveProp } from '../ResponsiveProp';
+/** A flex container for layout of elements. */
+export interface FlexProps extends React.HTMLAttributes<HTMLDivElement>, HideAtProps {
+    /** The main direction of the flex container. */
+    flexDirection: ResponsiveProp<Property.FlexDirection>;
+    /** The alignment of items across the main flex axis. */
+    justifyContent?: ResponsiveProp<Property.JustifyContent>;
+    /** The alignment of items across the cross flex axis. */
+    alignItems?: ResponsiveProp<Property.AlignItems>;
+}
+export declare function Flex({ flexDirection, justifyContent, alignItems, style, hideAt, className, children, ...otherProps }: FlexProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Flex/Flex.js

@@ -0,0 +1,35 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as x } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as c } from "../HideAt.js";
+import { responsivePropToCSSVariables as e } from "../ResponsiveProp.js";
+import '../../assets/Flex.css';const a = "_flex_99eez_1", p = {
+  flex: a
+};
+function _({
+  flexDirection: t = "row",
+  justifyContent: o = "flex-start",
+  alignItems: r = "stretch",
+  style: s = {},
+  hideAt: i,
+  className: l,
+  children: f,
+  ...m
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: x(p.flex, c(i), l),
+      style: {
+        ...s,
+        ...e("flex-direction", t),
+        ...e("justify-content", o),
+        ...e("align-items", r)
+      },
+      ...m,
+      children: f
+    }
+  );
+}
+export {
+  _ as Flex
+};

package/dist/atoms/Flex/Flex.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { Flex } from './Flex';
+declare const meta: {
+    title: string;
+    component: typeof Flex;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+export declare const FlexDirection: StoryObj<typeof Flex>;
+export declare const JustifyContent: StoryObj<typeof Flex>;
+export declare const AlignItems: StoryObj<typeof Flex>;

package/dist/atoms/Flex/Flex.stories.js

@@ -0,0 +1,131 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Flex as t } from "./Flex.js";
+import { Text as c } from "../Text/Text.js";
+import '../../assets/Flex2.css';const i = "_flexWrapper_1jk8h_1", d = {
+  flexWrapper: i
+}, h = {
+  title: "Case Parts/Atoms/Flex",
+  component: t,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"]
+};
+function o({ children: l }) {
+  return /* @__PURE__ */ e("div", { className: d.flexWrapper, children: l });
+}
+function r({ children: l }) {
+  return /* @__PURE__ */ e(
+    c,
+    {
+      size: "md",
+      style: { backgroundColor: "lightgray", margin: 5, padding: 5 },
+      children: l
+    }
+  );
+}
+const u = {
+  render: () => /* @__PURE__ */ n(o, { children: [
+    /* @__PURE__ */ n(t, { flexDirection: "row", style: { backgroundColor: "#f0f0f0" }, children: [
+      /* @__PURE__ */ e(r, { children: "row" }),
+      /* @__PURE__ */ e(r, { children: "row" }),
+      /* @__PURE__ */ e(r, { children: "row" })
+    ] }),
+    /* @__PURE__ */ n(t, { flexDirection: "column", style: { backgroundColor: "#f0f0f0" }, children: [
+      /* @__PURE__ */ e(r, { children: "column" }),
+      /* @__PURE__ */ e(r, { children: "column" }),
+      /* @__PURE__ */ e(r, { children: "column" })
+    ] }),
+    /* @__PURE__ */ n(
+      t,
+      {
+        flexDirection: ["row", "column", "row"],
+        style: { backgroundColor: "#f0f0f0" },
+        children: [
+          /* @__PURE__ */ e(r, { children: '["row", "column", "row"]' }),
+          /* @__PURE__ */ e(r, { children: '["row", "column", "row"]' }),
+          /* @__PURE__ */ e(r, { children: '["row", "column", "row"]' })
+        ]
+      }
+    )
+  ] })
+}, m = {
+  render: () => /* @__PURE__ */ n(o, { children: [
+    /* @__PURE__ */ n(
+      t,
+      {
+        flexDirection: "row",
+        justifyContent: "flex-start",
+        style: { backgroundColor: "#f0f0f0" },
+        children: [
+          /* @__PURE__ */ e(r, { children: "flex-start" }),
+          /* @__PURE__ */ e(r, { children: "flex-start" }),
+          /* @__PURE__ */ e(r, { children: "flex-start" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(
+      t,
+      {
+        flexDirection: "row",
+        justifyContent: "flex-end",
+        style: { backgroundColor: "#f0f0f0" },
+        children: [
+          /* @__PURE__ */ e(r, { children: "flex-end" }),
+          /* @__PURE__ */ e(r, { children: "flex-end" }),
+          /* @__PURE__ */ e(r, { children: "flex-end" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(
+      t,
+      {
+        flexDirection: "row",
+        justifyContent: ["start", "end", "start"],
+        style: { backgroundColor: "#f0f0f0" },
+        children: [
+          /* @__PURE__ */ e(r, { children: "start, end, start" }),
+          /* @__PURE__ */ e(r, { children: "start, end, start" }),
+          /* @__PURE__ */ e(r, { children: "start, end, start" })
+        ]
+      }
+    )
+  ] })
+}, x = {
+  render: () => /* @__PURE__ */ n(o, { children: [
+    /* @__PURE__ */ n(
+      t,
+      {
+        flexDirection: "column",
+        alignItems: "end",
+        style: { backgroundColor: "#f0f0f0" },
+        children: [
+          /* @__PURE__ */ e(r, { children: "end" }),
+          /* @__PURE__ */ e(r, { children: "end" }),
+          /* @__PURE__ */ e(r, { children: "end" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(
+      t,
+      {
+        flexDirection: "column",
+        alignItems: ["start", "center", "end"],
+        style: { backgroundColor: "#f0f0f0" },
+        children: [
+          /* @__PURE__ */ e(r, { children: "start, center, end" }),
+          /* @__PURE__ */ e(r, { children: "start, center, end" }),
+          /* @__PURE__ */ e(r, { children: "start, center, end" })
+        ]
+      }
+    )
+  ] })
+};
+export {
+  x as AlignItems,
+  u as FlexDirection,
+  m as JustifyContent,
+  h as default
+};

package/dist/atoms/Grid/Grid.d.ts

@@ -0,0 +1,25 @@
+import { HideAtProps } from '../HideAt';
+import { ResponsiveProp } from '../ResponsiveProp';
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/** A Grid component for layout of elements. Use the Column component to define children. */
+export declare function Grid({ children, ...otherProps }: GridProps): import("react/jsx-runtime").JSX.Element;
+export interface ColumnProps extends React.HTMLAttributes<HTMLDivElement>, HideAtProps {
+    /** The number of grid columns to span.
+     * If provided a number, it applies to all screen sizes.
+     * If provided an array, the first item applies to small screens, second to medium screens, and third to large screens.
+     */
+    span?: ResponsiveProp<number>;
+    /** The grid column in which to start the element.
+     * If provided a number, it applies to all screen sizes.
+     * If provided an array, the first item applies to small screens, second to medium screens, and third to large screens.
+     */
+    start?: ResponsiveProp<number | "auto">;
+    /** The content of the column. */
+    children: React.ReactNode;
+}
+/** A Column within a Grid. */
+export declare function Column({ span, // default to full-width.
+start, // default to "auto".
+hideAt, className, children, style, ...otherProps }: ColumnProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Grid/Grid.js

@@ -0,0 +1,40 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as u } from "../HideAt.js";
+import { responsivePropToCSSVariables as t } from "../ResponsiveProp.js";
+import '../../assets/Grid.css';const d = "_grid_wn2h7_3", p = "_column_wn2h7_21", n = {
+  grid: d,
+  column: p
+};
+function x({ children: o, ...r }) {
+  return /* @__PURE__ */ s("div", { className: n.grid, ...r, children: o });
+}
+function y({
+  span: o = [4, 12, 12],
+  // default to full-width.
+  start: r = ["auto", "auto", "auto"],
+  // default to "auto".
+  hideAt: i,
+  className: m,
+  children: c,
+  style: e = {},
+  ...a
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: l(n.column, u(i), m),
+      style: {
+        ...e,
+        ...t("span", o),
+        ...t("start", r)
+      },
+      ...a,
+      children: c
+    }
+  );
+}
+export {
+  y as Column,
+  x as Grid
+};

package/dist/atoms/Grid/Grid.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { Grid } from './Grid';
+declare const meta: {
+    title: string;
+    component: typeof Grid;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const NoSpanSpecified: StoryObj<typeof Grid>;
+export declare const SpanOf1: StoryObj<typeof Grid>;
+export declare const ResponsiveSpans: StoryObj<typeof Grid>;
+export declare const WrappingForSmallOnly: StoryObj<typeof Grid>;
+export declare const AlwaysWrapping: StoryObj<typeof Grid>;
+export declare const Start: StoryObj<typeof Grid>;
+export declare const ResponsiveStart: StoryObj<typeof Grid>;

package/dist/atoms/Grid/Grid.stories.js

@@ -0,0 +1,58 @@
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { Grid as t, Column as e } from "./Grid.js";
+import { Text as n } from "../Text/Text.js";
+const m = {
+  title: "Case Parts/Atoms/Grid",
+  component: t,
+  parameters: {
+    layout: "centered"
+  }
+}, r = { backgroundColor: "#ccc", height: "50px" }, l = { backgroundColor: "#eee" }, y = {
+  render: () => /* @__PURE__ */ s(t, { style: l, children: /* @__PURE__ */ s(e, { style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "no span specified " }) }) })
+}, z = {
+  render: () => {
+    const a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], c = { backgroundColor: "#ccc", height: "50px" };
+    return /* @__PURE__ */ s(t, { style: l, children: a.map((d) => /* @__PURE__ */ s(e, { span: 1, style: c, children: /* @__PURE__ */ s(n, { size: "sm", children: "span 1" }) }, d)) });
+  }
+}, u = {
+  render: () => /* @__PURE__ */ i(t, { style: l, children: [
+    /* @__PURE__ */ s(e, { span: [2, 6, 6], style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "span [2, 6, 6]" }) }),
+    /* @__PURE__ */ s(e, { span: [2, 6, 6], style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "span [2, 6, 6]" }) })
+  ] })
+}, S = {
+  render: () => /* @__PURE__ */ i(t, { style: l, children: [
+    /* @__PURE__ */ s(e, { span: [4, 8, 8], style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "span [4, 8, 8]" }) }),
+    /* @__PURE__ */ s(e, { span: 4, style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "span 4" }) })
+  ] })
+}, g = {
+  render: () => /* @__PURE__ */ i(t, { style: l, children: [
+    /* @__PURE__ */ s(e, { span: 7, style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "span 7" }) }),
+    /* @__PURE__ */ s(e, { span: 7, style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "span 7" }) })
+  ] })
+}, f = {
+  render: () => /* @__PURE__ */ i(t, { style: l, children: [
+    /* @__PURE__ */ s(e, { start: 1, span: 2, style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "start 1, span 2" }) }),
+    /* @__PURE__ */ s(e, { start: 2, span: 2, style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "start 2, span 2" }) }),
+    /* @__PURE__ */ s(e, { start: 3, span: 2, style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "start 3, span 2" }) }),
+    /* @__PURE__ */ s(e, { start: 1, span: 1, style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "start 1, span 1" }) }),
+    /* @__PURE__ */ s(e, { start: 3, span: 1, style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "start 3, span 1" }) })
+  ] })
+}, x = {
+  render: () => /* @__PURE__ */ i(t, { style: l, children: [
+    /* @__PURE__ */ s(e, { start: 1, span: [2, 6, 6], style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "start 1, span [2,6,6]" }) }),
+    /* @__PURE__ */ s(e, { start: [2, 4, 4], span: [2, 6, 6], style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "start [2,4,4], span [2,6,6]" }) }),
+    /* @__PURE__ */ s(e, { start: [3, 7, 7], span: [2, 6, 6], style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "start [3,7,7], span [2,6,6]" }) }),
+    /* @__PURE__ */ s(e, { start: 1, span: 1, style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "start 1, span 1" }) }),
+    /* @__PURE__ */ s(e, { start: [3, 7, 7], span: 1, style: r, children: /* @__PURE__ */ s(n, { size: "sm", children: "start [3,7,7] span 1" }) })
+  ] })
+};
+export {
+  g as AlwaysWrapping,
+  y as NoSpanSpecified,
+  u as ResponsiveSpans,
+  x as ResponsiveStart,
+  z as SpanOf1,
+  f as Start,
+  S as WrappingForSmallOnly,
+  m as default
+};

package/dist/atoms/HideAt.d.ts

@@ -0,0 +1,9 @@
+export type HideAtValue = "sm" | "md" | "lg";
+export type HideAtProp = HideAtValue | Array<HideAtValue> | undefined;
+/** Describes a component which can be hidden at specific screen sizes. */
+export interface HideAtProps {
+    /** Hide the element at specific screen sizes. */
+    hideAt?: HideAtProp;
+}
+/** Get the CSS styles for a HideAtProp.  */
+export declare function getHideAtStyles(hideAt: HideAtProp): string[];

package/dist/atoms/HideAt.js

@@ -0,0 +1,15 @@
+import '../assets/HideAt.css';const i = {
+  "hideAt-lg": "_hideAt-lg_curbn_1",
+  "hideAt-md": "_hideAt-md_curbn_13",
+  "hideAt-sm": "_hideAt-sm_curbn_25"
+};
+function d(t) {
+  const e = n(t);
+  return e.length === 0 ? [] : e.map((r) => i[`hideAt-${r}`]).concat(["hide"]);
+}
+function n(t) {
+  return t === void 0 ? [] : Array.isArray(t) ? t : [t];
+}
+export {
+  d as getHideAtStyles
+};

package/dist/atoms/Icon/Icon.d.ts

@@ -0,0 +1,8 @@
+import { HideAtProps } from '../HideAt';
+type IconSet = "fa-kit" | "fa-solid" | "fa-regular" | "fa-light" | "fa-thin" | "fa-brands";
+interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, HideAtProps {
+    iconKey: `${IconSet} ${string}`;
+    size?: "sm" | "md" | "lg";
+}
+export declare function Icon({ iconKey, size, hideAt, className, ...otherProps }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/atoms/Icon/Icon.js

@@ -0,0 +1,33 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as _ } from "../HideAt.js";
+import '../../assets/Icon.css';const e = {
+  "icon-sm": "_icon-sm_flrgw_1",
+  "icon-md": "_icon-md_flrgw_6",
+  "icon-lg": "_icon-lg_flrgw_11"
+};
+function d({
+  iconKey: o,
+  size: c = "md",
+  hideAt: i,
+  className: n,
+  ...s
+}) {
+  const [t, m] = o.split(" ");
+  return /* @__PURE__ */ r(
+    "i",
+    {
+      className: l(
+        t,
+        m,
+        e[`icon-${c}`],
+        _(i),
+        n
+      ),
+      ...s
+    }
+  );
+}
+export {
+  d as Icon
+};

package/dist/atoms/Icon/Icon.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { Icon } from './Icon';
+declare const meta: {
+    title: string;
+    component: typeof Icon;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: StoryObj<typeof Icon>;

package/dist/atoms/Icon/Icon.stories.js

@@ -0,0 +1,28 @@
+import { jsxs as a, Fragment as i, jsx as e } from "react/jsx-runtime";
+import { Icon as t } from "./Icon.js";
+const c = {
+  title: "Case Parts/Atoms/Icon",
+  component: t,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"]
+}, n = {
+  args: {
+    iconKey: "fa-kit fa-chat",
+    title: "Live Chat"
+  }
+}, r = {
+  render: () => /* @__PURE__ */ a(i, { children: [
+    /* @__PURE__ */ e(t, { iconKey: "fa-kit fa-chat", size: "sm", title: "Live Chat" }),
+    /* @__PURE__ */ e(t, { iconKey: "fa-kit fa-chat", size: "md", title: "Live Chat" }),
+    /* @__PURE__ */ e(t, { iconKey: "fa-kit fa-chat", size: "lg", title: "Live Chat" })
+  ] })
+};
+export {
+  n as Default,
+  r as Sizes,
+  c as default
+};

package/dist/atoms/Link/Link.d.ts

@@ -0,0 +1,7 @@
+import { HideAtProps } from '../HideAt';
+/** A link element. */
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, HideAtProps {
+    /** Is the link disabled? */
+    disabled?: boolean;
+}
+export declare function Link({ href, children, disabled, hideAt, className, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Link/Link.js

@@ -0,0 +1,35 @@
+import { jsx as n } from "react/jsx-runtime";
+import { t as a } from "../../Text.module-ruz24ug-.js";
+import { c as d } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as m } from "../HideAt.js";
+import '../../assets/Link.css';const c = "_link_6pq15_1", f = "_disabled_6pq15_27", s = {
+  link: c,
+  disabled: f
+};
+function b({
+  href: e,
+  children: i,
+  disabled: t = !1,
+  hideAt: o,
+  className: l,
+  ...r
+}) {
+  return /* @__PURE__ */ n(
+    "a",
+    {
+      href: t ? void 0 : e,
+      className: d(
+        a["text-body"],
+        s.link,
+        t ? s.disabled : "",
+        m(o),
+        l
+      ),
+      ...r,
+      children: i
+    }
+  );
+}
+export {
+  b as Link
+};

package/dist/atoms/Link/Link.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { Link } from './Link';
+declare const meta: {
+    title: string;
+    component: typeof Link;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;