@gobolt/genesis 0.2.20 → 0.3.0

package/dist/components/Chat/Message.js

@@ -0,0 +1,97 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { PiRobot } from "../../node_modules/react-icons/pi/index.js";
+import { Markdown } from "../../node_modules/react-markdown/lib/index.js";
+const MessageContainer = styled.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin: 8px 0;
+  flex-direction: ${({ $isBot }) => $isBot ? "row" : "row-reverse"};
+`;
+const IconContainer = styled.div`
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const teal = "#30606B";
+const TextContainer = styled.div`
+  background-color: ${({ $isBot }) => $isBot ? "#f0f0f0" : teal};
+  color: ${({ $isBot }) => $isBot ? "black" : "white"};
+  padding: 8px 12px;
+  border-radius: 8px;
+  max-width: 80%;
+`;
+const MessageText = styled.p`
+  margin: 0;
+  font-family: "Helvetica", "Arial", sans-serif;
+  font-size: 14px;
+  line-height: 1.4;
+`;
+const ThinkingDots = styled.div`
+  display: flex;
+  gap: 4px;
+  padding: 8px;
+
+  .dot {
+    width: 8px;
+    height: 8px;
+    background-color: #666;
+    border-radius: 50%;
+    animation: bounce 1.4s infinite ease-in-out both;
+  }
+
+  .dot-1 {
+    animation-delay: -0.32s;
+  }
+
+  .dot-2 {
+    animation-delay: -0.16s;
+  }
+
+  @keyframes bounce {
+    0%,
+    80%,
+    100% {
+      transform: scale(0);
+    }
+    40% {
+      transform: scale(1);
+    }
+  }
+`;
+const BotIcon = () => /* @__PURE__ */ jsx(PiRobot, { size: 24, color: teal });
+const UserIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z",
+        fill: "white"
+      }
+    )
+  }
+);
+const ThinkingIndicator = () => /* @__PURE__ */ jsxs(ThinkingDots, { children: [
+  /* @__PURE__ */ jsx("div", { className: "dot dot-1" }),
+  /* @__PURE__ */ jsx("div", { className: "dot dot-2" }),
+  /* @__PURE__ */ jsx("div", { className: "dot dot-3" })
+] });
+const Message = ({ message, handle, isThinking = false }) => {
+  const isBot = handle === "bot";
+  return /* @__PURE__ */ jsxs(MessageContainer, { $isBot: isBot, children: [
+    /* @__PURE__ */ jsx(IconContainer, { children: isBot ? /* @__PURE__ */ jsx(BotIcon, {}) : /* @__PURE__ */ jsx(UserIcon, {}) }),
+    /* @__PURE__ */ jsx(TextContainer, { $isBot: isBot, children: isThinking ? /* @__PURE__ */ jsx(ThinkingIndicator, {}) : handle === "bot" ? /* @__PURE__ */ jsx(Markdown, { children: message }) : /* @__PURE__ */ jsx(MessageText, { children: message }) })
+  ] });
+};
+export {
+  Message as default
+};

package/dist/components/Chat/__stories__/Chat.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('..').ChatProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithMessageHistory: Story;
+export declare const WithTitle: Story;

package/dist/components/Chat/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Chat';
+export type { ChatProps } from './Chat';

package/dist/components/Checkbox/styles.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxProps } from './Checkbox';
+import { CheckboxProps as CheckboxProperties } from './Checkbox';
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
 declare module "styled-components" {
     interface DefaultTheme extends GenesisTheme {
@@ -10,6 +10,6 @@ export declare const getGenesisClass: ({ colors, borderRadius }: {
 }, type?: string, state?: string) => string;
 export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').CheckboxProps & import('react').RefAttributes<import('rc-checkbox').CheckboxRef>, "ref"> & {
     ref?: import('react').Ref<import('rc-checkbox').CheckboxRef>;
-}, CheckboxProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').CheckboxProps & import('react').RefAttributes<import('rc-checkbox').CheckboxRef>> & {
+}, CheckboxProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').CheckboxProps & import('react').RefAttributes<import('rc-checkbox').CheckboxRef>> & {
     Group: <T = any>(props: import('antd/es/checkbox').CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
 }, keyof import('react').Component<any, {}, any>>;

package/dist/components/Dashboard/__stories__/charts/LineChart.d.ts

@@ -3,10 +3,10 @@ interface DeliveryData {
     vehicleType: "EV" | "ICE";
     parcelsDelivered: number;
 }
-interface LineChartProps {
+interface LineChartProperties {
     data: DeliveryData[];
     width?: number;
     height?: number;
 }
-export declare const DeliveryLineChart: ({ data, width, height, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeliveryLineChart: ({ data, width, height, }: LineChartProperties) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dashboard/styles.d.ts

@@ -1,5 +1,5 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledDashboardProps {
+interface StyledDashboardProperties {
     theme?: GenesisTheme;
     type?: "primary" | "secondary";
     state?: "active" | "disabled";
@@ -9,5 +9,5 @@ export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
     borderRadius: any;
     sizing: any;
 }, type?: string, state?: string) => string;
-export declare const StyledDashboard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDashboardProps>> & string;
+export declare const StyledDashboard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDashboardProperties>> & string;
 export {};

package/dist/components/DatePicker/DatePicker.cjs

@@ -2,12 +2,12 @@
 var jsxRuntime = require("react/jsx-runtime");
 var useGenesis = require("../../providers/useGenesis.cjs");
 var index = require("../../node_modules/antd/es/date-picker/index.cjs");
-const DatePicker = (props) => {
+const DatePicker = (properties) => {
   const { theme } = useGenesis.useGenesis();
   return /* @__PURE__ */ jsxRuntime.jsx(
     index,
     {
-      ...props,
+      ...properties,
       style: {
         border: `1px solid ${theme.colors.inputs.surface.border}`,
         padding: "8px"

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import { DatePickerProps as AntDatePickerProps } from 'antd';
-export type DatePickerProps = AntDatePickerProps;
-declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+import { DatePickerProps as AntDatePickerProperties } from 'antd';
+export type DatePickerProps = AntDatePickerProperties;
+declare const DatePicker: (properties: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/dist/components/DatePicker/DatePicker.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useGenesis } from "../../providers/useGenesis.js";
 import DatePicker$1 from "../../node_modules/antd/es/date-picker/index.js";
-const DatePicker = (props) => {
+const DatePicker = (properties) => {
   const { theme } = useGenesis();
   return /* @__PURE__ */ jsx(
     DatePicker$1,
     {
-      ...props,
+      ...properties,
       style: {
         border: `1px solid ${theme.colors.inputs.surface.border}`,
         padding: "8px"

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -3,12 +3,12 @@ var jsxRuntime = require("react/jsx-runtime");
 var useGenesis = require("../../providers/useGenesis.cjs");
 var index = require("../../node_modules/antd/es/date-picker/index.cjs");
 const { RangePicker: AntDateRange } = index;
-const DateRangerPicker = (props) => {
+const DateRangerPicker = (properties) => {
   const { theme } = useGenesis.useGenesis();
   return /* @__PURE__ */ jsxRuntime.jsx(
     AntDateRange,
     {
-      ...props,
+      ...properties,
       style: {
         border: `1px solid ${theme.colors.inputs.surface.border}`,
         padding: "8px",

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,4 +1,4 @@
 import { RangePickerProps } from 'antd/es/date-picker';
 export type DateRangePickerProps = RangePickerProps;
-declare const DateRangerPicker: (props: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DateRangerPicker: (properties: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DateRangerPicker;

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { useGenesis } from "../../providers/useGenesis.js";
 import DatePicker from "../../node_modules/antd/es/date-picker/index.js";
 const { RangePicker: AntDateRange } = DatePicker;
-const DateRangerPicker = (props) => {
+const DateRangerPicker = (properties) => {
   const { theme } = useGenesis();
   return /* @__PURE__ */ jsx(
     AntDateRange,
     {
-      ...props,
+      ...properties,
       style: {
         border: `1px solid ${theme.colors.inputs.surface.border}`,
         padding: "8px",

package/dist/components/ErrorBoundary/ErrorBoundary.cjs

@@ -25,8 +25,8 @@ const logErrorToConsole = (error, componentStack, ownerStack) => {
   console.error(error, componentStack, ownerStack);
 };
 class ErrorBoundary extends React__namespace.Component {
-  constructor(props) {
-    super(props);
+  constructor(properties) {
+    super(properties);
     this.state = { hasError: false };
   }
   static getDerivedStateFromError(error) {

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -9,7 +9,7 @@ export interface ErrorBoundaryProps {
     componentStack?: string;
 }
 declare class ErrorBoundary extends React.Component<any, ErrorBoundaryProps> {
-    constructor(props: any);
+    constructor(properties: any);
     static getDerivedStateFromError(error: any): {
         hasError: boolean;
     };

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -5,8 +5,8 @@ const logErrorToConsole = (error, componentStack, ownerStack) => {
   console.error(error, componentStack, ownerStack);
 };
 class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
+  constructor(properties) {
+    super(properties);
     this.state = { hasError: false };
   }
   static getDerivedStateFromError(error) {

package/dist/components/ErrorBoundary/styles.d.ts

@@ -1,5 +1,5 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledErrorBoundaryProps {
+interface StyledErrorBoundaryProperties {
     theme?: GenesisTheme;
     type?: "primary" | "secondary";
     state?: "active" | "disabled";
@@ -9,5 +9,5 @@ export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
     borderRadius: any;
     sizing: any;
 }, type?: string, state?: string) => string;
-export declare const StyledErrorBoundary: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledErrorBoundaryProps>> & string;
+export declare const StyledErrorBoundary: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledErrorBoundaryProperties>> & string;
 export {};

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs

@@ -4,7 +4,7 @@ var styles = require("./styles.cjs");
 var Button = require("../Button/Button.cjs");
 var index = require("../../node_modules/antd/es/space/index.cjs");
 var Typography = require("../Typography/Typography.cjs");
-const ErrorBoundaryFallback = (props) => {
+const ErrorBoundaryFallback = (properties) => {
   const goHome = () => window.location.href = "/";
   return /* @__PURE__ */ jsxRuntime.jsx(
     styles.StyledErrorBoundaryFallback,
@@ -13,14 +13,22 @@ const ErrorBoundaryFallback = (props) => {
       title: "Sorry, It looks like we're having some internal issues.",
       subTitle: /* @__PURE__ */ jsxRuntime.jsxs(index.default, { direction: "vertical", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Typography, { themeType: "secondary", children: "Our team has been notified. If this issue persist contact customer service." }),
-        props.eventId ? /* @__PURE__ */ jsxRuntime.jsxs(Typography, { themeType: "secondary", children: [
+        properties.eventId ? /* @__PURE__ */ jsxRuntime.jsxs(Typography, { themeType: "secondary", children: [
           "(reference: ",
-          props.eventId,
+          properties.eventId,
           ")"
         ] }) : null
       ] }),
       extra: [
-        props.resetError && /* @__PURE__ */ jsxRuntime.jsx(Button, { themeType: "secondary", onClick: props.resetError, children: "Try again" }, "reset"),
+        properties.resetError && /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            themeType: "secondary",
+            onClick: properties.resetError,
+            children: "Try again"
+          },
+          "reset"
+        ),
         goHome && /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: goHome, children: "Take me home" }, "back-home")
       ].filter(Boolean)
     }

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.d.ts

@@ -4,5 +4,5 @@ export interface ErrorBoundaryFallbackProps {
     eventId?: string | null;
     resetError?: () => void;
 }
-declare const ErrorBoundaryFallback: (props: ErrorBoundaryFallbackProps) => import("react/jsx-runtime").JSX.Element;
+declare const ErrorBoundaryFallback: (properties: ErrorBoundaryFallbackProps) => import("react/jsx-runtime").JSX.Element;
 export default ErrorBoundaryFallback;

package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js

@@ -3,7 +3,7 @@ import { StyledErrorBoundaryFallback } from "./styles.js";
 import Button from "../Button/Button.js";
 import Space from "../../node_modules/antd/es/space/index.js";
 import Typography from "../Typography/Typography.js";
-const ErrorBoundaryFallback = (props) => {
+const ErrorBoundaryFallback = (properties) => {
   const goHome = () => window.location.href = "/";
   return /* @__PURE__ */ jsx(
     StyledErrorBoundaryFallback,
@@ -12,14 +12,22 @@ const ErrorBoundaryFallback = (props) => {
       title: "Sorry, It looks like we're having some internal issues.",
       subTitle: /* @__PURE__ */ jsxs(Space, { direction: "vertical", children: [
         /* @__PURE__ */ jsx(Typography, { themeType: "secondary", children: "Our team has been notified. If this issue persist contact customer service." }),
-        props.eventId ? /* @__PURE__ */ jsxs(Typography, { themeType: "secondary", children: [
+        properties.eventId ? /* @__PURE__ */ jsxs(Typography, { themeType: "secondary", children: [
           "(reference: ",
-          props.eventId,
+          properties.eventId,
           ")"
         ] }) : null
       ] }),
       extra: [
-        props.resetError && /* @__PURE__ */ jsx(Button, { themeType: "secondary", onClick: props.resetError, children: "Try again" }, "reset"),
+        properties.resetError && /* @__PURE__ */ jsx(
+          Button,
+          {
+            themeType: "secondary",
+            onClick: properties.resetError,
+            children: "Try again"
+          },
+          "reset"
+        ),
         goHome && /* @__PURE__ */ jsx(Button, { onClick: goHome, children: "Take me home" }, "back-home")
       ].filter(Boolean)
     }

package/dist/components/Filters/__stories__/Filters.stories.d.ts

@@ -1,9 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as Filters } from '../Filters';
-import { FilterRowProps } from '../FilterRow';
 declare const meta: Meta<typeof Filters>;
 export default meta;
 type Story = StoryObj<typeof Filters>;
-export declare const oneFilterRow: FilterRowProps[];
 export declare const OneFilterRowStory: Story;
 export declare const ThreeFilterRowsStory: Story;

package/dist/components/Filters/__stories__/mock.d.ts

@@ -0,0 +1,5 @@
+import { FilterRowProps as FilterRowProperties } from '../FilterRow';
+export declare const filterRowA: FilterRowProperties;
+export declare const filterRowB: FilterRowProperties;
+export declare const filterRowC: FilterRowProperties;
+export declare const oneFilterRow: FilterRowProperties[];

package/dist/components/Filters/styles.d.ts

@@ -1,5 +1,5 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledFiltersProps {
+interface StyledFiltersProperties {
     theme?: GenesisTheme;
     type?: "primary" | "secondary";
     state?: "active" | "disabled";
@@ -9,7 +9,7 @@ export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
     borderRadius: any;
     sizing: any;
 }, type?: string, state?: string) => string;
-export declare const StyledFilters: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledFiltersProps>> & string;
+export declare const StyledFilters: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledFiltersProperties>> & string;
 export declare const LinkButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const FilterRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('antd').RowProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: import('react').Ref<HTMLDivElement>;
@@ -17,8 +17,8 @@ export declare const FilterRow: import('styled-components/dist/types').IStyledCo
 export declare const FilterRowNoDivider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('antd').RowProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: import('react').Ref<HTMLDivElement>;
 }, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').RowProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
-export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('..').InputProps, never>> & string & Omit<({ state, size, ...rest }: import('..').InputProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
-export declare const StyledSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('..').SelectProps, never>> & string & Omit<({ type, state, variant, defaultValue, onChange, size, width, value, ...rest }: import('..').SelectProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('..').InputProps, never>> & string & Omit<({ state, size, onChange, value, ...rest }: import('..').InputProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export declare const StyledSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('..').SelectProps, never>> & string & Omit<({ type, state, variant, defaultValue, onChange, size, width, value, options, placeholder, selectDisplayMode, isSingleSelect, disabled, ...rest }: import('..').SelectProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const StyledCol: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('antd').ColProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: import('react').Ref<HTMLDivElement>;
 }, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').ColProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;

package/dist/components/Form/Form.cjs

@@ -5,9 +5,9 @@ var styles = require("./styles.cjs");
 var useGenesis = require("../../providers/useGenesis.cjs");
 const FormItem = styles.Form.Item;
 const Form = Object.assign(
-  ({ children, ...props }) => {
+  ({ children, ...properties }) => {
     const { breakpoint } = useGenesis.useGenesis();
-    return /* @__PURE__ */ jsxRuntime.jsx(styles.Form, { role: "form", ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(styles.Form, { role: "form", ...properties, children });
   },
   {
     Item: FormItem,

package/dist/components/Form/Form.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { FormProps as AntFormProps, FormInstance } from 'antd';
+import { FormProps as AntFormProperties, FormInstance } from 'antd';
 import { TYPE, STATE } from '../../constants';
 import * as S from "./styles";
-export interface FormProps extends AntFormProps {
+export interface FormProps extends AntFormProperties {
     children?: React.ReactNode;
     type?: keyof typeof TYPE;
     state?: keyof typeof STATE;

package/dist/components/Form/Form.js

@@ -3,9 +3,9 @@ import { Form as Form$1 } from "./styles.js";
 import { useGenesis } from "../../providers/useGenesis.js";
 const FormItem = Form$1.Item;
 const Form = Object.assign(
-  ({ children, ...props }) => {
+  ({ children, ...properties }) => {
     const { breakpoint } = useGenesis();
-    return /* @__PURE__ */ jsx(Form$1, { role: "form", ...props, children });
+    return /* @__PURE__ */ jsx(Form$1, { role: "form", ...properties, children });
   },
   {
     Item: FormItem,

package/dist/components/Glyph/custom/UnitNumber.cjs

@@ -0,0 +1,51 @@
+"use strict";
+var jsxRuntime = require("react/jsx-runtime");
+const Outline = (properties) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...properties,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fill: "#101010",
+          d: "M12.6 15.383a2.47 2.47 0 0 1 .18-.926c.054-.139.123-.278.207-.419.086-.143.173-.272.261-.39.09-.119.194-.24.314-.366.119-.127.231-.24.336-.34a17.157 17.157 0 0 1 1.087-.9c.034-.024.059-.044.076-.058.317-.246.552-.522.707-.829.154-.306.231-.616.231-.928 0-.413-.11-.73-.331-.953-.219-.224-.538-.336-.958-.336-.184 0-.372.043-.566.131a1.404 1.404 0 0 0-.48.346.89.89 0 0 1 .577.31.9.9 0 0 1 .235.619c0 .26-.092.481-.276.665a.901.901 0 0 1-.662.272.922.922 0 0 1-.84-.521 1.49 1.49 0 0 1-.177-.71c0-.204.04-.406.118-.606.078-.199.194-.384.348-.556.155-.174.337-.327.548-.46.211-.133.458-.238.741-.314.284-.076.584-.114.903-.114.396 0 .755.04 1.075.12.322.078.59.185.803.32.213.132.39.29.533.474.142.182.245.372.308.571.062.198.093.406.093.624 0 .213-.023.414-.07.604a2.076 2.076 0 0 1-.463.908 2.718 2.718 0 0 1-.346.343 5.695 5.695 0 0 1-.392.296 8.39 8.39 0 0 1-.407.266c-.125.075-.262.16-.41.255-.147.094-.271.18-.373.258a9.965 9.965 0 0 1-.369.264 34.1 34.1 0 0 0-.334.234c-.08.057-.17.133-.272.229-.1.095-.19.2-.273.313.223-.068.444-.102.662-.102h1.524a.307.307 0 0 0 .22-.094.617.617 0 0 0 .146-.246c.035-.1.06-.2.076-.302.018-.102.026-.2.026-.296v-.469h1.055v2.813h-5.39ZM7.418 9.611 7.216 11.1c.326-.102.68-.18 1.063-.232.385-.055.715-.082.99-.082.374 0 .702.058.985.173.283.113.513.275.688.486.176.211.308.46.396.747.088.285.132.607.132.964a2.168 2.168 0 0 1-.404 1.28c-.143.208-.32.39-.53.545a2.6 2.6 0 0 1-.804.375 3.77 3.77 0 0 1-1.075.144 3.46 3.46 0 0 1-.902-.114 2.57 2.57 0 0 1-1.29-.77 1.869 1.869 0 0 1-.348-.56A1.649 1.649 0 0 1 6 13.449c0-.252.059-.488.176-.709a.915.915 0 0 1 .343-.378.909.909 0 0 1 .498-.143c.26 0 .48.091.662.275a.897.897 0 0 1 .275.662.911.911 0 0 1-.234.621.895.895 0 0 1-.577.308c.128.144.289.26.48.349.193.086.382.129.565.129.42 0 .74-.112.958-.335.221-.224.332-.543.332-.955 0-.529-.11-.907-.332-1.133-.22-.227-.6-.34-1.136-.34-.242 0-.534.022-.876.067l-.938-.234.041-.024.48-3.492h.886c.039.01.14.037.301.082.164.043.279.072.343.085a5.676 5.676 0 0 0 .879.067c.824 0 1.527-.078 2.11-.234l.116.352a2.005 2.005 0 0 1-.36.662 1.748 1.748 0 0 1-.539.44 2.544 2.544 0 0 1-.63.23 3.194 3.194 0 0 1-.697.074c-.76 0-1.33-.088-1.708-.264Z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fill: "#101010",
+          fillRule: "evenodd",
+          d: "M19 6H5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1ZM5 4a3 3 0 0 0-3 3v9a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H5Z",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+);
+const Solid = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...properties,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill: "#101010",
+        d: "M19 4a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h14ZM6.718 8.117l-.48 3.492-.042.024.938.234c.342-.045.634-.067.876-.067.537 0 .916.113 1.136.34.221.226.332.604.332 1.133 0 .412-.11.73-.332.956-.218.222-.538.334-.958.334-.183 0-.372-.043-.565-.13a1.438 1.438 0 0 1-.48-.348.895.895 0 0 0 .577-.308.911.911 0 0 0 .234-.62c0-.26-.092-.481-.275-.663a.896.896 0 0 0-.662-.275.909.909 0 0 0-.498.143.915.915 0 0 0-.343.378 1.49 1.49 0 0 0-.176.71c0 .204.04.406.117.606.078.199.195.385.349.56a2.57 2.57 0 0 0 1.289.77c.283.076.584.114.902.114a3.77 3.77 0 0 0 1.075-.144 2.6 2.6 0 0 0 .803-.375c.211-.156.388-.337.53-.544a2.168 2.168 0 0 0 .405-1.28c0-.358-.044-.68-.132-.965a2.122 2.122 0 0 0-.396-.747 1.697 1.697 0 0 0-.688-.486 2.598 2.598 0 0 0-.984-.173c-.276 0-.606.027-.99.082-.384.053-.738.13-1.064.232l.202-1.489c.379.176.948.264 1.708.264.246 0 .478-.024.697-.073.219-.05.429-.126.63-.232.203-.105.383-.252.54-.44.155-.187.276-.407.36-.661l-.118-.352c-.582.156-1.285.235-2.109.235a5.676 5.676 0 0 1-.879-.068 8.84 8.84 0 0 1-.343-.085 17.89 17.89 0 0 0-.301-.082h-.885ZM15.178 8c-.318 0-.618.038-.902.114-.283.076-.53.18-.74.314a2.526 2.526 0 0 0-.549.46c-.154.172-.27.357-.348.556-.079.2-.117.402-.117.607 0 .252.058.488.175.709a.933.933 0 0 0 .841.521c.26 0 .48-.09.662-.272a.906.906 0 0 0 .276-.665.9.9 0 0 0-.235-.618.89.89 0 0 0-.577-.311c.129-.144.29-.26.48-.346.194-.088.382-.132.566-.132.42 0 .74.113.958.337.22.223.331.54.331.953 0 .312-.077.622-.231.928-.155.307-.39.583-.707.83l-.076.058c-.134.104-.255.197-.36.281a17.157 17.157 0 0 0-.727.618c-.105.1-.217.213-.336.34a4.22 4.22 0 0 0-.314.366 4.665 4.665 0 0 0-.26.39 2.753 2.753 0 0 0-.34.864 2.47 2.47 0 0 0-.047.48h5.39V12.57h-1.055v.47c0 .095-.008.193-.026.295a1.678 1.678 0 0 1-.076.302.617.617 0 0 1-.146.246.307.307 0 0 1-.22.094h-1.524c-.218 0-.44.034-.662.102.082-.113.173-.218.273-.313.101-.096.192-.172.272-.229a34.1 34.1 0 0 1 .334-.234c.143-.098.266-.186.37-.264.1-.078.225-.164.371-.258.149-.096.286-.18.41-.255a8.39 8.39 0 0 0 .408-.266c.146-.102.277-.2.392-.296.118-.096.233-.21.346-.343a2.076 2.076 0 0 0 .463-.908c.047-.19.07-.39.07-.604 0-.218-.031-.426-.093-.624-.063-.199-.166-.39-.308-.57a2.02 2.02 0 0 0-.533-.476 2.676 2.676 0 0 0-.803-.319c-.32-.08-.679-.12-1.075-.12Z"
+      }
+    )
+  }
+);
+const UnitNumber = ({ variant }) => {
+  return variant === "outline" ? /* @__PURE__ */ jsxRuntime.jsx(Outline, {}) : /* @__PURE__ */ jsxRuntime.jsx(Solid, {});
+};
+module.exports = UnitNumber;

package/dist/components/Glyph/custom/UnitNumber.d.ts

@@ -0,0 +1,5 @@
+export interface UnitNumberProps {
+    variant: "outline" | "solid";
+}
+declare const UnitNumber: ({ variant }: UnitNumberProps) => import("react/jsx-runtime").JSX.Element;
+export default UnitNumber;

package/dist/components/Glyph/custom/UnitNumber.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const Outline = (properties) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...properties,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#101010",
+          d: "M12.6 15.383a2.47 2.47 0 0 1 .18-.926c.054-.139.123-.278.207-.419.086-.143.173-.272.261-.39.09-.119.194-.24.314-.366.119-.127.231-.24.336-.34a17.157 17.157 0 0 1 1.087-.9c.034-.024.059-.044.076-.058.317-.246.552-.522.707-.829.154-.306.231-.616.231-.928 0-.413-.11-.73-.331-.953-.219-.224-.538-.336-.958-.336-.184 0-.372.043-.566.131a1.404 1.404 0 0 0-.48.346.89.89 0 0 1 .577.31.9.9 0 0 1 .235.619c0 .26-.092.481-.276.665a.901.901 0 0 1-.662.272.922.922 0 0 1-.84-.521 1.49 1.49 0 0 1-.177-.71c0-.204.04-.406.118-.606.078-.199.194-.384.348-.556.155-.174.337-.327.548-.46.211-.133.458-.238.741-.314.284-.076.584-.114.903-.114.396 0 .755.04 1.075.12.322.078.59.185.803.32.213.132.39.29.533.474.142.182.245.372.308.571.062.198.093.406.093.624 0 .213-.023.414-.07.604a2.076 2.076 0 0 1-.463.908 2.718 2.718 0 0 1-.346.343 5.695 5.695 0 0 1-.392.296 8.39 8.39 0 0 1-.407.266c-.125.075-.262.16-.41.255-.147.094-.271.18-.373.258a9.965 9.965 0 0 1-.369.264 34.1 34.1 0 0 0-.334.234c-.08.057-.17.133-.272.229-.1.095-.19.2-.273.313.223-.068.444-.102.662-.102h1.524a.307.307 0 0 0 .22-.094.617.617 0 0 0 .146-.246c.035-.1.06-.2.076-.302.018-.102.026-.2.026-.296v-.469h1.055v2.813h-5.39ZM7.418 9.611 7.216 11.1c.326-.102.68-.18 1.063-.232.385-.055.715-.082.99-.082.374 0 .702.058.985.173.283.113.513.275.688.486.176.211.308.46.396.747.088.285.132.607.132.964a2.168 2.168 0 0 1-.404 1.28c-.143.208-.32.39-.53.545a2.6 2.6 0 0 1-.804.375 3.77 3.77 0 0 1-1.075.144 3.46 3.46 0 0 1-.902-.114 2.57 2.57 0 0 1-1.29-.77 1.869 1.869 0 0 1-.348-.56A1.649 1.649 0 0 1 6 13.449c0-.252.059-.488.176-.709a.915.915 0 0 1 .343-.378.909.909 0 0 1 .498-.143c.26 0 .48.091.662.275a.897.897 0 0 1 .275.662.911.911 0 0 1-.234.621.895.895 0 0 1-.577.308c.128.144.289.26.48.349.193.086.382.129.565.129.42 0 .74-.112.958-.335.221-.224.332-.543.332-.955 0-.529-.11-.907-.332-1.133-.22-.227-.6-.34-1.136-.34-.242 0-.534.022-.876.067l-.938-.234.041-.024.48-3.492h.886c.039.01.14.037.301.082.164.043.279.072.343.085a5.676 5.676 0 0 0 .879.067c.824 0 1.527-.078 2.11-.234l.116.352a2.005 2.005 0 0 1-.36.662 1.748 1.748 0 0 1-.539.44 2.544 2.544 0 0 1-.63.23 3.194 3.194 0 0 1-.697.074c-.76 0-1.33-.088-1.708-.264Z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#101010",
+          fillRule: "evenodd",
+          d: "M19 6H5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1ZM5 4a3 3 0 0 0-3 3v9a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H5Z",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+);
+const Solid = (properties) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...properties,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "#101010",
+        d: "M19 4a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h14ZM6.718 8.117l-.48 3.492-.042.024.938.234c.342-.045.634-.067.876-.067.537 0 .916.113 1.136.34.221.226.332.604.332 1.133 0 .412-.11.73-.332.956-.218.222-.538.334-.958.334-.183 0-.372-.043-.565-.13a1.438 1.438 0 0 1-.48-.348.895.895 0 0 0 .577-.308.911.911 0 0 0 .234-.62c0-.26-.092-.481-.275-.663a.896.896 0 0 0-.662-.275.909.909 0 0 0-.498.143.915.915 0 0 0-.343.378 1.49 1.49 0 0 0-.176.71c0 .204.04.406.117.606.078.199.195.385.349.56a2.57 2.57 0 0 0 1.289.77c.283.076.584.114.902.114a3.77 3.77 0 0 0 1.075-.144 2.6 2.6 0 0 0 .803-.375c.211-.156.388-.337.53-.544a2.168 2.168 0 0 0 .405-1.28c0-.358-.044-.68-.132-.965a2.122 2.122 0 0 0-.396-.747 1.697 1.697 0 0 0-.688-.486 2.598 2.598 0 0 0-.984-.173c-.276 0-.606.027-.99.082-.384.053-.738.13-1.064.232l.202-1.489c.379.176.948.264 1.708.264.246 0 .478-.024.697-.073.219-.05.429-.126.63-.232.203-.105.383-.252.54-.44.155-.187.276-.407.36-.661l-.118-.352c-.582.156-1.285.235-2.109.235a5.676 5.676 0 0 1-.879-.068 8.84 8.84 0 0 1-.343-.085 17.89 17.89 0 0 0-.301-.082h-.885ZM15.178 8c-.318 0-.618.038-.902.114-.283.076-.53.18-.74.314a2.526 2.526 0 0 0-.549.46c-.154.172-.27.357-.348.556-.079.2-.117.402-.117.607 0 .252.058.488.175.709a.933.933 0 0 0 .841.521c.26 0 .48-.09.662-.272a.906.906 0 0 0 .276-.665.9.9 0 0 0-.235-.618.89.89 0 0 0-.577-.311c.129-.144.29-.26.48-.346.194-.088.382-.132.566-.132.42 0 .74.113.958.337.22.223.331.54.331.953 0 .312-.077.622-.231.928-.155.307-.39.583-.707.83l-.076.058c-.134.104-.255.197-.36.281a17.157 17.157 0 0 0-.727.618c-.105.1-.217.213-.336.34a4.22 4.22 0 0 0-.314.366 4.665 4.665 0 0 0-.26.39 2.753 2.753 0 0 0-.34.864 2.47 2.47 0 0 0-.047.48h5.39V12.57h-1.055v.47c0 .095-.008.193-.026.295a1.678 1.678 0 0 1-.076.302.617.617 0 0 1-.146.246.307.307 0 0 1-.22.094h-1.524c-.218 0-.44.034-.662.102.082-.113.173-.218.273-.313.101-.096.192-.172.272-.229a34.1 34.1 0 0 1 .334-.234c.143-.098.266-.186.37-.264.1-.078.225-.164.371-.258.149-.096.286-.18.41-.255a8.39 8.39 0 0 0 .408-.266c.146-.102.277-.2.392-.296.118-.096.233-.21.346-.343a2.076 2.076 0 0 0 .463-.908c.047-.19.07-.39.07-.604 0-.218-.031-.426-.093-.624-.063-.199-.166-.39-.308-.57a2.02 2.02 0 0 0-.533-.476 2.676 2.676 0 0 0-.803-.319c-.32-.08-.679-.12-1.075-.12Z"
+      }
+    )
+  }
+);
+const UnitNumber = ({ variant }) => {
+  return variant === "outline" ? /* @__PURE__ */ jsx(Outline, {}) : /* @__PURE__ */ jsx(Solid, {});
+};
+export {
+  UnitNumber as default
+};

package/dist/components/Glyph/custom/__stories__/UnitNumber.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as UnitNumber } from '../UnitNumber';
+declare const meta: Meta<typeof UnitNumber>;
+export default meta;
+type Story = StoryObj<typeof UnitNumber>;
+export declare const Outline: Story;
+export declare const Solid: Story;

package/dist/components/Glyph/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './Glyph';
 export type { GlyphProps } from './Glyph';
+export { default as UnitNumber } from './custom/UnitNumber';
+export type { UnitNumberProps } from './custom/UnitNumber';

package/dist/components/Glyph/styles.d.ts

@@ -1,5 +1,5 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledGlyphProps {
+interface StyledGlyphProperties {
     theme?: GenesisTheme;
     type?: "primary" | "secondary";
     state?: "active" | "disabled";
@@ -9,5 +9,5 @@ export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
     borderRadius: any;
     sizing: any;
 }, type?: string, state?: string) => string;
-export declare const StyledGlyph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledGlyphProps>> & string;
+export declare const StyledGlyph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledGlyphProperties>> & string;
 export {};