@caseparts-org/caseblocks 0.0.1

package/dist/molecules/Chip/Chip.js

@@ -0,0 +1,71 @@
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { c as u } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as f } from "../../atoms/HideAt.js";
+import { Icon as x } from "../../atoms/Icon/Icon.js";
+import { Text as c } from "../../atoms/Text/Text.js";
+import { Flex as h } from "../../atoms/Flex/Flex.js";
+import '../../assets/Chip.css';const k = "_chip_mklpn_1", y = "_disabled_mklpn_10", g = "_selected_mklpn_16", B = "_unselected_mklpn_21", C = "_dismissable_mklpn_27", j = "_dismissButton_mklpn_31", w = "_pill_mklpn_47", s = {
+  chip: k,
+  disabled: y,
+  selected: g,
+  unselected: B,
+  dismissable: C,
+  dismissButton: j,
+  pill: w
+};
+function H({
+  selected: m,
+  text: n,
+  hideAt: d,
+  className: r,
+  disabled: l = !1,
+  count: t = void 0,
+  variant: e = "selectable",
+  styleVariant: p = "primary",
+  // Default style variant
+  onDismiss: a,
+  onSelect: _,
+  ...b
+}) {
+  return /* @__PURE__ */ o(
+    h,
+    {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      className: u(
+        s.chip,
+        l && s.disabled,
+        e === "selectable" && (m ? s.selected : s.unselected),
+        e === "dismissable" && s.dismissable,
+        e === "pill" && s.pill,
+        e === "dismissable" && s[p],
+        // Apply style variant
+        f(d),
+        r
+      ),
+      onClick: e === "selectable" && !l ? _ : void 0,
+      ...b,
+      children: [
+        /* @__PURE__ */ i(c, { size: "xxs", variant: "body", weight: "regular", children: n }),
+        typeof t == "number" && /* @__PURE__ */ o(c, { size: "xxs", variant: "body", weight: "regular", children: [
+          "(",
+          t,
+          ")"
+        ] }),
+        e === "dismissable" && /* @__PURE__ */ i(
+          "button",
+          {
+            className: s.dismissButton,
+            onClick: a,
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ i(x, { iconKey: "fa-solid fa-xmark", size: "sm", title: "close" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  H as Chip
+};

package/dist/molecules/Chip/Chip.stories.d.ts

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

package/dist/molecules/Chip/Chip.stories.js

@@ -0,0 +1,53 @@
+import { jsxs as a, jsx as t, Fragment as l } from "react/jsx-runtime";
+import { Chip as e } from "./Chip.js";
+const r = {
+  title: "Case Parts/Molecules/Chip",
+  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"]
+}, n = {
+  args: {
+    text: "Selected",
+    variant: "selectable",
+    count: 5,
+    selected: !0
+  }
+}, i = {
+  render: () => /* @__PURE__ */ a("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: [
+    /* @__PURE__ */ t(
+      e,
+      {
+        variant: "selectable",
+        selected: !0,
+        count: 5,
+        text: "Selected Chip"
+      }
+    ),
+    /* @__PURE__ */ t(
+      e,
+      {
+        variant: "selectable",
+        selected: !1,
+        count: 5,
+        text: "Unselected Chip"
+      }
+    ),
+    /* @__PURE__ */ t(e, { variant: "dismissable", text: "Dismissable Chip" }),
+    /* @__PURE__ */ t(e, { variant: "pill", text: "Pill Variant" })
+  ] })
+}, o = {
+  render: () => /* @__PURE__ */ a(l, { children: [
+    /* @__PURE__ */ t(e, { variant: "selectable", selected: !0, count: 5, text: "Selected" }),
+    /* @__PURE__ */ t(e, { variant: "selectable", selected: !1, count: 5, text: "Unselected" })
+  ] })
+};
+export {
+  n as AllProps,
+  o as States,
+  i as Variants,
+  r as default
+};

package/dist/molecules/Logo/Logo.d.ts

@@ -0,0 +1 @@
+export declare function Logo(): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/Logo/Logo.js

@@ -0,0 +1,53 @@
+import { jsxs as e, jsx as C } from "react/jsx-runtime";
+import { Text as n } from "../../atoms/Text/Text.js";
+import { Flex as i } from "../../atoms/Flex/Flex.js";
+import '../../assets/Logo.css';const r = "_container_16m6g_1", a = "_wordmark_16m6g_11", o = "_tagline_16m6g_19", t = {
+  container: r,
+  wordmark: a,
+  tagline: o
+}, s = "data:image/svg+xml,%3csvg%20width='36'%20height='36'%20viewBox='0%200%2036%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='icon'%20d='M4.6%206.0663C7.9%202.38674%2012.7%200%2018.1%200C23%200%2027.4%201.98895%2030.7%205.07182H8.4C7%205.07182%205.7%205.46961%204.6%206.0663ZM6.4%2013.0276C6.4%2014.1215%207.3%2015.0166%208.4%2015.0166H33.4C34.3%2015.0166%2035.2%2015.2155%2036%2015.4144C35.8%2013.8232%2035.4%2012.4309%2034.8%2011.0387H8.4C7.3%2011.0387%206.4%2011.9337%206.4%2013.0276ZM11.4%2030.9282V34.7072C13.5%2035.5028%2015.7%2036%2018.1%2036C23%2036%2027.4%2034.011%2030.7%2030.9282H11.4ZM5.4%2027.9448C5.4%2026.2541%206.7%2024.9613%208.4%2024.9613H33.4C34.5%2024.9613%2035.4%2024.0663%2035.4%2022.9724C35.4%2021.8785%2034.5%2020.9834%2033.4%2020.9834H8.4C4.3%2020.9834%200.9%2017.9006%200.5%2013.9227C0.2%2015.2155%200%2016.6077%200%2018C0%2023.0718%202.1%2027.547%205.4%2030.8287V27.9448Z'%20fill='%231380B1'%20/%3e%3c/svg%3e", l = "data:image/svg+xml,%3csvg%20width='140'%20height='22'%20viewBox='0%200%20140%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='wordmark'%20d='M14.925%201.86855C16.325%203.26855%2017.125%205.16855%2017.325%207.66855V7.76855H12.525C12.425%206.36855%2012.125%205.36855%2011.625%204.66855C11.125%203.96855%2010.125%203.66855%208.825%203.66855C7.725%203.66855%206.825%204.16855%206.125%205.06855C5.425%205.96855%205.125%207.16855%205.125%208.66855V13.1685C5.125%2014.6685%205.525%2015.8685%206.225%2016.7685C6.925%2017.6685%207.925%2018.1685%209.125%2018.1685C10.325%2018.1685%2011.125%2017.8685%2011.625%2017.1685C12.125%2016.4685%2012.425%2015.5685%2012.425%2014.1685H17.225V14.2685C17.125%2016.7685%2016.425%2018.6685%2015.025%2019.9685C13.625%2021.2685%2011.625%2021.9685%209.025%2021.9685C6.425%2021.9685%204.225%2021.1685%202.625%2019.5685C1.025%2017.9685%200.125%2015.8685%200.125%2013.2685V8.76855C0.125%206.16855%200.924998%204.06855%202.525%202.46855C4.125%200.868548%206.225%200.0685483%208.725%200.0685483C11.425%20-0.231452%2013.425%200.468548%2014.925%201.86855ZM33.425%2019.2685C33.525%2019.9685%2033.825%2020.6685%2034.025%2021.4685H29.125C29.025%2021.1685%2028.825%2020.9685%2028.725%2020.6685C28.625%2020.3685%2028.525%2020.0685%2028.425%2019.6685C27.925%2020.3685%2027.425%2020.8685%2026.725%2021.2685C26.025%2021.6685%2025.225%2021.8685%2024.325%2021.8685C22.825%2021.8685%2021.625%2021.4685%2020.625%2020.5685C19.625%2019.6685%2019.225%2018.5685%2019.225%2017.0685C19.225%2015.4685%2019.825%2014.2685%2021.025%2013.4685C22.225%2012.6685%2024.025%2012.1685%2026.425%2012.1685H28.325V11.0685C28.325%2010.3685%2028.125%209.86855%2027.825%209.46855C27.525%209.06855%2027.025%208.96855%2026.325%208.96855C25.725%208.96855%2025.325%209.06855%2025.025%209.36855C24.725%209.66855%2024.625%2010.0685%2024.625%2010.6685H19.825V10.5685C19.725%209.16855%2020.325%207.86855%2021.625%206.96855C22.925%206.06855%2024.525%205.46855%2026.625%205.46855C28.625%205.46855%2030.125%205.96855%2031.425%206.96855C32.725%207.96855%2033.225%209.36855%2033.225%2011.1685V17.1685C33.225%2017.7685%2033.325%2018.5685%2033.425%2019.2685ZM28.325%2014.6685H26.525C25.725%2014.6685%2025.225%2014.8685%2024.825%2015.2685C24.425%2015.6685%2024.325%2016.0685%2024.325%2016.6685C24.325%2017.0685%2024.525%2017.4685%2024.825%2017.7685C25.125%2018.0685%2025.525%2018.1685%2026.025%2018.1685C26.525%2018.1685%2026.925%2018.0685%2027.325%2017.8685C27.725%2017.6685%2028.025%2017.4685%2028.325%2017.0685V14.6685ZM43.825%2011.8685C42.625%2011.6685%2041.825%2011.3685%2041.325%2011.0685C40.925%2010.7685%2040.725%2010.4685%2040.725%209.96855C40.725%209.56855%2040.925%209.16855%2041.225%208.86855C41.525%208.56855%2042.025%208.46855%2042.525%208.46855C43.225%208.46855%2043.725%208.66855%2044.025%208.96855C44.325%209.26855%2044.525%209.76855%2044.525%2010.3685H49.325V10.2685C49.425%208.76855%2048.825%207.56855%2047.525%206.56855C46.225%205.56855%2044.625%205.16855%2042.525%205.16855C40.525%205.16855%2038.925%205.66855%2037.725%206.66855C36.525%207.66855%2035.925%208.86855%2035.925%2010.2685C35.925%2011.5685%2036.425%2012.6685%2037.325%2013.3685C38.225%2014.0685%2039.625%2014.6685%2041.525%2015.0685C42.725%2015.2685%2043.525%2015.5685%2043.925%2015.8685C44.325%2016.1685%2044.625%2016.5685%2044.625%2016.8685C44.625%2017.3685%2044.425%2017.6685%2044.125%2017.9685C43.825%2018.2685%2043.325%2018.3685%2042.625%2018.3685C41.825%2018.3685%2041.225%2018.1685%2040.725%2017.8685C40.325%2017.5685%2040.025%2016.9685%2040.025%2016.2685H35.525V16.3685C35.425%2017.6685%2036.025%2018.9685%2037.325%2020.0685C38.625%2021.1685%2040.325%2021.6685%2042.425%2021.6685C44.525%2021.6685%2046.225%2021.1685%2047.425%2020.2685C48.725%2019.3685%2049.325%2018.1685%2049.325%2016.7685C49.325%2015.3685%2048.825%2014.2685%2047.925%2013.5685C47.125%2012.8685%2045.725%2012.2685%2043.825%2011.8685ZM64.025%207.16855C65.225%208.46855%2065.825%2010.1685%2065.825%2012.3685V14.9685H56.725V15.0685C56.825%2015.8685%2057.125%2016.5685%2057.725%2017.0685C58.325%2017.5685%2059.025%2017.8685%2059.925%2017.8685C60.825%2017.8685%2061.625%2017.7685%2062.125%2017.6685C62.625%2017.5685%2063.425%2017.2685%2064.225%2016.8685L65.425%2019.8685C64.725%2020.3685%2063.825%2020.7685%2062.725%2021.1685C61.625%2021.5685%2060.425%2021.6685%2059.225%2021.6685C56.925%2021.6685%2055.025%2020.9685%2053.625%2019.4685C52.225%2017.9685%2051.525%2016.1685%2051.525%2013.9685V13.3685C51.525%2010.9685%2052.125%208.96855%2053.425%207.46855C54.725%205.96855%2056.525%205.16855%2058.825%205.16855C61.125%205.26855%2062.825%205.96855%2064.025%207.16855ZM61.025%2011.5685C61.025%2010.7685%2060.825%2010.1685%2060.525%209.76855C60.225%209.36855%2059.725%209.16855%2058.925%209.16855C58.225%209.16855%2057.725%209.46855%2057.325%209.96855C56.925%2010.4685%2056.725%2011.1685%2056.625%2011.9685V12.0685H60.925V11.5685H61.025ZM85.925%207.06855C85.925%209.16855%2085.225%2010.8685%2083.725%2012.1685C82.225%2013.4685%2080.225%2014.0685%2077.725%2014.0685H74.025V21.3685H69.025V0.0685483H77.725C80.225%200.0685483%2082.225%200.668548%2083.725%201.96855C85.225%203.26855%2085.925%204.96855%2085.925%207.06855ZM80.925%207.16855C80.925%206.26855%2080.625%205.46855%2080.125%204.86855C79.625%204.26855%2078.725%203.96855%2077.625%203.96855H73.925V10.3685H77.625C78.725%2010.3685%2079.525%2010.0685%2080.125%209.46855C80.725%208.86855%2080.925%208.06855%2080.925%207.16855ZM100.725%2019.2685C100.825%2019.9685%20101.125%2020.6685%20101.325%2021.4685H96.425C96.325%2021.1685%2096.125%2020.9685%2096.025%2020.6685C95.925%2020.3685%2095.825%2020.0685%2095.725%2019.6685C95.225%2020.3685%2094.725%2020.8685%2094.025%2021.2685C93.325%2021.6685%2092.525%2021.8685%2091.625%2021.8685C90.125%2021.8685%2088.925%2021.4685%2087.925%2020.5685C87.025%2019.6685%2086.525%2018.5685%2086.525%2017.0685C86.525%2015.4685%2087.125%2014.2685%2088.325%2013.4685C89.525%2012.5685%2091.325%2012.1685%2093.725%2012.1685H95.525V11.0685C95.525%2010.3685%2095.325%209.86855%2095.025%209.46855C94.725%209.06855%2094.225%208.96855%2093.525%208.96855C92.925%208.96855%2092.525%209.06855%2092.225%209.36855C91.925%209.66855%2091.825%2010.0685%2091.825%2010.6685H87.025V10.5685C86.925%209.16855%2087.525%207.86855%2088.825%206.96855C90.125%206.06855%2091.725%205.46855%2093.825%205.46855C95.825%205.46855%2097.325%205.96855%2098.625%206.96855C99.825%207.96855%20100.425%209.36855%20100.425%2011.1685V17.1685C100.525%2017.7685%20100.625%2018.5685%20100.725%2019.2685ZM95.525%2014.6685H93.725C92.925%2014.6685%2092.425%2014.8685%2092.025%2015.2685C91.625%2015.6685%2091.525%2016.1685%2091.525%2016.7685C91.525%2017.1685%2091.725%2017.5685%2092.025%2017.8685C92.325%2018.1685%2092.725%2018.2685%2093.225%2018.2685C93.725%2018.2685%2094.125%2018.1685%2094.525%2017.9685C94.925%2017.7685%2095.225%2017.5685%2095.525%2017.1685V14.6685ZM111.625%205.26855C110.925%205.26855%20110.225%205.46855%20109.725%205.96855C109.225%206.46855%20108.725%207.06855%20108.425%207.86855L108.225%205.56855H103.525V21.3685H108.525V11.0685C108.725%2010.6685%20108.925%2010.4685%20109.325%2010.2685C109.725%2010.0685%20110.125%209.96855%20110.725%209.96855H112.525L113.025%205.46855C112.825%205.46855%20112.625%205.36855%20112.425%205.36855C112.225%205.36855%20111.825%205.26855%20111.625%205.26855ZM123.725%2017.8685C123.525%2017.8685%20123.325%2017.8685%20123.025%2017.8685C122.625%2017.8685%20122.325%2017.7685%20122.125%2017.4685C121.925%2017.2685%20121.825%2016.7685%20121.825%2016.2685V8.96855H124.525V5.56855H121.825V1.66855H116.925V5.56855H114.725V8.96855H116.925V16.2685C116.925%2018.1685%20117.325%2019.5685%20118.225%2020.3685C119.125%2021.1685%20120.325%2021.6685%20121.925%2021.6685C122.525%2021.6685%20123.025%2021.6685%20123.525%2021.5685C124.025%2021.4685%20124.425%2021.4685%20125.025%2021.2685L124.625%2017.5685C124.125%2017.7685%20123.925%2017.7685%20123.725%2017.8685ZM138.625%2013.5685C137.725%2012.7685%20136.225%2012.2685%20134.325%2011.8685C133.125%2011.6685%20132.325%2011.3685%20131.825%2011.0685C131.325%2010.7685%20131.225%2010.4685%20131.225%209.96855C131.225%209.56855%20131.425%209.16855%20131.725%208.86855C132.025%208.56855%20132.525%208.46855%20133.025%208.46855C133.725%208.46855%20134.225%208.66855%20134.525%208.96855C134.825%209.26855%20135.025%209.76855%20135.025%2010.3685H139.825V10.2685C139.925%208.76855%20139.325%207.56855%20138.025%206.56855C136.725%205.56855%20135.125%205.16855%20133.025%205.16855C131.025%205.16855%20129.425%205.66855%20128.225%206.66855C127.025%207.66855%20126.425%208.86855%20126.425%2010.2685C126.425%2011.5685%20126.925%2012.6685%20127.825%2013.3685C128.725%2014.0685%20130.125%2014.6685%20132.025%2015.0685C133.225%2015.2685%20134.025%2015.5685%20134.425%2015.8685C134.825%2016.1685%20135.125%2016.5685%20135.125%2016.8685C135.125%2017.3685%20134.925%2017.6685%20134.625%2017.9685C134.325%2018.2685%20133.825%2018.3685%20133.125%2018.3685C132.325%2018.3685%20131.725%2018.1685%20131.225%2017.8685C130.725%2017.5685%20130.525%2016.9685%20130.525%2016.2685H126.025V16.3685C125.925%2017.6685%20126.525%2018.9685%20127.825%2020.0685C129.125%2021.1685%20130.825%2021.6685%20132.925%2021.6685C135.025%2021.6685%20136.725%2021.1685%20137.925%2020.2685C139.125%2019.3685%20139.825%2018.1685%20139.825%2016.7685C140.025%2015.4685%20139.625%2014.3685%20138.625%2013.5685Z'%20fill='black'%20/%3e%3c/svg%3e";
+function m() {
+  return /* @__PURE__ */ e(
+    i,
+    {
+      flexDirection: "row",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      className: t.container,
+      children: [
+        /* @__PURE__ */ C("img", { src: s, alt: "CaseParts icon" }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            flexDirection: "column",
+            justifyContent: "flex-start",
+            alignItems: "center",
+            children: [
+              /* @__PURE__ */ C(
+                "img",
+                {
+                  src: l,
+                  alt: "CaseParts wordmark",
+                  className: t.wordmark
+                }
+              ),
+              /* @__PURE__ */ C(
+                n,
+                {
+                  size: "xxs",
+                  variant: "display",
+                  weight: "thin",
+                  className: t.tagline,
+                  children: "Commercial Refrigeration Specialists"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  m as Logo
+};

package/dist/molecules/Logo/Logo.stories.d.ts

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

package/dist/molecules/Logo/Logo.stories.js

@@ -0,0 +1,17 @@
+import { Logo as t } from "./Logo.js";
+const e = {
+  title: "Case Parts/Molecules/Logo",
+  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"]
+}, a = {
+  args: {}
+};
+export {
+  a as Default,
+  e as default
+};

package/dist/molecules/SearchBox/SearchBox.d.ts

@@ -0,0 +1,6 @@
+import { HideAtProps } from '../../atoms/HideAt';
+/** A search box. */
+export interface SearchBoxProps extends React.HTMLAttributes<HTMLDivElement>, HideAtProps {
+    action: string;
+}
+export declare function SearchBox({ action, hideAt, className, ...otherProps }: SearchBoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/SearchBox/SearchBox.js

@@ -0,0 +1,60 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { c as a } from "../../clsx-OuTLNxxd.js";
+import { Flex as r } from "../../atoms/Flex/Flex.js";
+import { getHideAtStyles as l } from "../../atoms/HideAt.js";
+import { Icon as m } from "../../atoms/Icon/Icon.js";
+import '../../assets/SearchBox.css';const u = "_button_1ql5u_1", h = "_text_1ql5u_31", p = "_input_1ql5u_61", x = "_inputSearch_1ql5u_69", _ = "_searchfield_1ql5u_77", f = "_searchBox_1ql5u_91", t = {
+  button: u,
+  text: h,
+  input: p,
+  inputSearch: x,
+  searchfield: _,
+  searchBox: f
+};
+function S({
+  action: c,
+  hideAt: n,
+  className: s,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    r,
+    {
+      flexDirection: "row",
+      alignItems: "center",
+      className: a(t.searchBox, l(n), s),
+      ...o,
+      children: /* @__PURE__ */ e(
+        r,
+        {
+          flexDirection: "row",
+          alignItems: "center",
+          className: t.searchfield,
+          children: /* @__PURE__ */ e("div", { className: t.inputSearch, children: /* @__PURE__ */ e("form", { action: c, method: "get", children: /* @__PURE__ */ i(
+            r,
+            {
+              className: t.input,
+              flexDirection: "row",
+              alignItems: "center",
+              children: [
+                /* @__PURE__ */ e("button", { className: t.button, type: "submit", children: /* @__PURE__ */ e(m, { iconKey: "fa-regular fa-magnifying-glass", size: "sm" }) }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "text",
+                    className: t.text,
+                    placeholder: "Search by keyword(s) or Part #....",
+                    name: "query"
+                  }
+                )
+              ]
+            }
+          ) }) })
+        }
+      )
+    }
+  );
+}
+export {
+  S as SearchBox
+};

package/dist/molecules/SearchBox/SearchBox.stories.d.ts

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

package/dist/molecules/SearchBox/SearchBox.stories.js

@@ -0,0 +1,15 @@
+import { SearchBox as e } from "./SearchBox.js";
+const a = {
+  title: "Case Parts/Molecules/SearchBox",
+  component: e,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  }
+}, o = {
+  args: { action: "/search" }
+};
+export {
+  o as Default,
+  a as default
+};

package/dist/molecules/ToggleView/ToggleView.d.ts

@@ -0,0 +1,75 @@
+import { default as React } from 'react';
+import { HideAtProps } from '../../atoms/HideAt';
+export interface ToggleViewProps extends React.HTMLAttributes<HTMLDivElement>, HideAtProps {
+    selectedId: string | number;
+    onToggle: (id: string | number) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ToggleOptionBaseProps {
+    id: string | number;
+    label: string;
+    icon: React.ReactNode;
+    isSelected?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+export interface ToggleOptionProps {
+    variant: keyof typeof toggleOptionTitleMap;
+    id: string | number;
+    isSelected?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+declare const toggleOptionTitleMap: Record<string, string>;
+/**
+ * A `ToggleView` component that allows users to toggle between multiple options, such as "grid", "list", and "table".
+ *
+ * This component is designed to be flexible and accessible, with built-in support for ARIA attributes and customizable options.
+ *
+ * ### Features
+ * - **Built-in Variants**: Includes predefined options for "grid", "list", and "table" with corresponding icons.
+ * - **Customizable**: Supports custom options via `ToggleView.OptionBase`.
+ * - **Accessibility**: Uses `role="button"` and `aria-selected` for better screen reader support.
+ * - **Responsive**: Integrates with `HideAtProps` for responsive visibility.
+ *
+ * ### Usage
+ *
+ * #### Basic Example
+ * ```tsx
+ * <ToggleView
+ *   selectedId="grid"
+ *   onToggle={(id) => console.log("Selected:", id)}
+ * >
+ *   <ToggleView.Option id="grid" variant="grid" />
+ *   <ToggleView.Option id="list" variant="list" />
+ *   <ToggleView.Option id="table" variant="table" />
+ * </ToggleView>
+ * ```
+ *
+ * #### Custom Options Example
+ * ```tsx
+ * <ToggleView
+ *   selectedId="custom"
+ *   onToggle={(id) => console.log("Selected:", id)}
+ * >
+ *   <ToggleView.OptionBase
+ *     id="custom"
+ *     label="Custom"
+ *     icon={<Icon iconKey="fa-regular fa-star" size="sm" />}
+ *   />
+ * </ToggleView>
+ * ```
+ */
+export declare function ToggleView({ selectedId, onToggle, className, children, hideAt, ...otherProps }: ToggleViewProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ToggleView {
+    var OptionBase: typeof ToggleOptionBase;
+    var Option: typeof ToggleOption;
+    var GridIcon: import("react/jsx-runtime").JSX.Element;
+    var ListIcon: import("react/jsx-runtime").JSX.Element;
+    var TableIcon: import("react/jsx-runtime").JSX.Element;
+}
+declare function ToggleOption({ id, variant, // Specify variant on built-in option
+isSelected, onClick, className, ...otherProps }: ToggleOptionProps): import("react/jsx-runtime").JSX.Element;
+declare function ToggleOptionBase({ id, label, icon, isSelected, onClick, className, ...otherProps }: ToggleOptionBaseProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/molecules/ToggleView/ToggleView.js

@@ -0,0 +1,102 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import g from "react";
+import { Flex as f } from "../../atoms/Flex/Flex.js";
+import { Icon as l } from "../../atoms/Icon/Icon.js";
+import { Text as b } from "../../atoms/Text/Text.js";
+import { getHideAtStyles as x } from "../../atoms/HideAt.js";
+import { c as p } from "../../clsx-OuTLNxxd.js";
+import '../../assets/ToggleView.css';const O = "_toggleView_1qbhe_1", y = "_toggleOption_1qbhe_5", I = "_selected_1qbhe_13", m = {
+  toggleView: O,
+  toggleOption: y,
+  selected: I
+}, _ = {
+  grid: "GRID",
+  list: "LIST",
+  table: "TABLE"
+}, T = {
+  grid: /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-grid-2", size: "sm" }),
+  list: /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-list-ul", size: "sm" }),
+  table: /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-table-cells", size: "sm" })
+};
+function s({
+  selectedId: c,
+  onToggle: t,
+  className: n,
+  children: o,
+  hideAt: a,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    f,
+    {
+      flexDirection: "row",
+      alignItems: "center",
+      className: p(m.toggleView, x(a), n),
+      ...r,
+      children: g.Children.map(o, (i) => g.isValidElement(i) ? g.cloneElement(i, {
+        isSelected: i.props.id === c,
+        onClick: () => t(i.props.id)
+      }) : null)
+    }
+  );
+}
+function w({
+  id: c,
+  variant: t,
+  // Specify variant on built-in option
+  isSelected: n,
+  onClick: o,
+  className: a,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    u,
+    {
+      id: c,
+      label: _[t],
+      icon: T[t],
+      isSelected: n,
+      onClick: o,
+      ...r
+    }
+  );
+}
+function u({
+  id: c,
+  label: t,
+  icon: n,
+  isSelected: o,
+  onClick: a,
+  className: r,
+  ...i
+}) {
+  return /* @__PURE__ */ d(
+    f,
+    {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      className: p(
+        m.toggleOption,
+        o && m.selected,
+        r
+      ),
+      role: "button",
+      "aria-selected": o,
+      onClick: a,
+      ...i,
+      children: [
+        n,
+        /* @__PURE__ */ e(b, { size: "xxs", children: t })
+      ]
+    }
+  );
+}
+s.OptionBase = u;
+s.Option = w;
+s.GridIcon = /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-grid-2", size: "sm" });
+s.ListIcon = /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-list-ul", size: "sm" });
+s.TableIcon = /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-table-cells", size: "sm" });
+export {
+  s as ToggleView
+};

package/dist/molecules/ToggleView/ToggleView.stories.d.ts

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

package/dist/molecules/ToggleView/ToggleView.stories.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import { ToggleView as t } from "./ToggleView.js";
+const l = {
+  title: "Case Parts/Molecules/ToggleView",
+  component: t,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"]
+}, r = {
+  args: {
+    selectedId: "table",
+    onToggle: (o) => console.log(`Option ${o} selected`),
+    children: [
+      /* @__PURE__ */ e(t.Option, { id: "grid", variant: "grid" }, "grid"),
+      /* @__PURE__ */ e(t.Option, { id: "list", variant: "list" }, "list"),
+      /* @__PURE__ */ e(t.Option, { id: "table", variant: "table" }, "table")
+    ]
+  }
+};
+export {
+  r as Default,
+  l as default
+};

package/dist/organisms/ChipSelector/ChipSelector.d.ts

@@ -0,0 +1,12 @@
+import { HideAtProps } from '../../atoms/HideAt';
+import { ChipProps } from '../../molecules/Chip/Chip';
+export interface ChipSelectorChip extends Omit<ChipProps, "id"> {
+    id: string | number;
+}
+export interface ChipSelectorProps extends HideAtProps {
+    chips: ChipSelectorChip[];
+    onChipSelect?: (id: string | number) => void;
+    onChipDismiss?: (id: string | number) => void;
+    className?: string;
+}
+export declare function ChipSelector({ chips, onChipSelect, onChipDismiss, className, hideAt, ...otherProps }: ChipSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/ChipSelector/ChipSelector.js

@@ -0,0 +1,43 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as m } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as n } from "../../atoms/HideAt.js";
+import { Flex as s } from "../../atoms/Flex/Flex.js";
+import { Chip as f } from "../../molecules/Chip/Chip.js";
+import '../../assets/ChipSelector.css';const x = "_chipSelector_1k7dl_1", i = {
+  chipSelector: x
+};
+function g({
+  chips: o,
+  onChipSelect: e,
+  onChipDismiss: r,
+  className: a,
+  hideAt: d,
+  ...c
+}) {
+  return /* @__PURE__ */ l(
+    s,
+    {
+      flexDirection: "row",
+      alignItems: "center",
+      className: m(i.chipSelector, n(d), a),
+      ...c,
+      children: o.map((t) => /* @__PURE__ */ l(
+        f,
+        {
+          text: t.text,
+          selected: t.selected,
+          disabled: t.disabled,
+          variant: t.variant,
+          styleVariant: t.styleVariant,
+          count: t.count,
+          onSelect: () => e == null ? void 0 : e(t.id),
+          onDismiss: () => r == null ? void 0 : r(t.id)
+        },
+        t.id
+      ))
+    }
+  );
+}
+export {
+  g as ChipSelector
+};

package/dist/organisms/ChipSelector/ChipSelector.stories.d.ts

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