@infonomic/uikit 6.0.3 → 6.0.5

package/dist/widgets/datepicker/datepicker.d.ts

@@ -5,7 +5,7 @@
  * of https://github.com/Maliksidk19/shadcn-datetime-picker/
  */
 import type React from 'react';
-import type { Intent, Size, Variant } from '../../components/forms/@types/input.js';
+import type { Intent, Size, Variant } from '../../components/inputs/@types/input.js';
 export interface DatePickerProps extends React.InputHTMLAttributes<HTMLInputElement> {
     id: string;
     name: string;

package/dist/widgets/datepicker/datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/widgets/datepicker/datepicker.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAA;AAEnF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAClF,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK;QAC7B,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,IAAI,CAAA;KACZ,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAiB,EACjB,aAAiB,EACjB,WAAgB,EAChB,OAAO,EACP,MAAM,EACN,SAAS,EACT,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,OAAmB,EACnB,YAAwB,EACxB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAoB,EACpB,kBAA2B,EAC3B,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+QrC"}
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/widgets/datepicker/datepicker.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAEpF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAClF,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK;QAC7B,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,IAAI,CAAA;KACZ,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAiB,EACjB,aAAiB,EACjB,WAAgB,EAChB,OAAO,EACP,MAAM,EACN,SAAS,EACT,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,OAAmB,EACnB,YAAwB,EACxB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAoB,EACpB,kBAA2B,EAC3B,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+QrC"}

package/dist/widgets/datepicker/datepicker.js

@@ -6,9 +6,9 @@ import classnames from "classnames";
 import { format } from "date-fns";
 import { Button } from "../../components/button/button.js";
 import { IconButton } from "../../components/button/icon-button.js";
-import { Calendar } from "../../components/forms/calendar.js";
-import { Input } from "../../components/forms/input.js";
-import { InputAdornment } from "../../components/forms/input-adornment.js";
+import { Calendar } from "../../components/inputs/calendar.js";
+import { Input } from "../../components/inputs/input.js";
+import { InputAdornment } from "../../components/inputs/input-adornment.js";
 import { ScrollArea } from "../../components/scroll-area/scroll-area.js";
 import { CalendarIcon } from "../../icons/calendar-icon.js";
 import { CloseIcon } from "../../icons/close-icon.js";

package/dist/widgets/search/search.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { ClassName, Intent, Size, Variant } from '../../components/forms/@types/input.js';
+import type { ClassName, Intent, Size, Variant } from '../../components/inputs/@types/input.js';
 export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement> {
     variant?: Variant;
     inputSize?: Size;

package/dist/widgets/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/widgets/search/search.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAA;AAE9F,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAC/B,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,GAAG,CAAA;KACX,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAgBD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,eAA0B,EAC1B,kBAA6B,EAC7B,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiIjC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/widgets/search/search.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAE/F,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAC/B,KAAK,EAAE,OAAO,CAAA;QACd,KAAK,EAAE,GAAG,CAAA;KACX,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAgBD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,eAA0B,EAC1B,kBAA6B,EAC7B,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiIjC"}

package/dist/widgets/search/search.js

@@ -2,8 +2,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { IconButton } from "../../components/button/index.js";
-import { Input } from "../../components/forms/input.js";
-import { InputAdornment } from "../../components/forms/input-adornment.js";
+import { Input } from "../../components/inputs/input.js";
+import { InputAdornment } from "../../components/inputs/input-adornment.js";
 import { CloseIcon, SearchIcon } from "../../icons/index.js";
 function fallbackSearchHandler(value) {
     const url = new URL(window.location.href);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@infonomic/uikit",
   "private": false,
   "license": "MIT",
-  "version": "6.0.3",
+  "version": "6.0.5",
   "type": "module",
   "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
   "keywords": [

package/src/astro.d.ts

@@ -7,12 +7,12 @@ import type CardFooterComponent from './components/card/card-footer.astro'
 import type CardHeaderComponent from './components/card/card-header.astro'
 import type CardTitleComponent from './components/card/card-title.astro'
 import type ContainerComponent from './components/container/container.astro'
-import type ErrorTextComponent from './components/forms/error-text.astro'
-import type HelpTextComponent from './components/forms/help-text.astro'
-import type InputComponent from './components/forms/input.astro'
-import type InputAdornmentComponent from './components/forms/input-adornment.astro'
-import type LabelComponent from './components/forms/label.astro'
 import type HamburgerComponent from './components/hamburger/hamburger.astro'
+import type ErrorTextComponent from './components/inputs/error-text.astro'
+import type HelpTextComponent from './components/inputs/help-text.astro'
+import type InputComponent from './components/inputs/input.astro'
+import type InputAdornmentComponent from './components/inputs/input-adornment.astro'
+import type LabelComponent from './components/inputs/label.astro'
 import type ScrollToTopComponent from './components/scroll-to-top/scroll-to-top.astro'
 import type SectionComponent from './components/section/section.astro'
 import type CloseIconComponent from './icons/close-icon.astro'

package/src/components/{forms → inputs}/calendar.stories.tsx

@@ -12,7 +12,7 @@ const meta: Meta<typeof CalendarComponent> = {
    * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
-  title: 'Components/Forms/Calendar',
+  title: 'Components/Inputs/Calendar',
   component: CalendarComponent,
 }
 
@@ -45,12 +45,12 @@ export const Calendar = (): React.JSX.Element => {
             }
           }}
           onDayClick={() => setIsOpen(false)}
-          // fromYear={2000}
-          // toYear={new Date().getFullYear()}
-          // disabled={(date: Date) =>
-          //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
-          //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
-          // }
+        // fromYear={2000}
+        // toYear={new Date().getFullYear()}
+        // disabled={(date: Date) =>
+        //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
+        //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
+        // }
         />
         <div style={{ paddingLeft: '1rem', paddingTop: '1rem' }}>
           {date ? `${format(date, 'PPPp')}` : 'No date selected'}
@@ -95,12 +95,12 @@ export const Multiple = (): React.JSX.Element => {
             }
           }}
           onDayClick={() => setIsOpen(false)}
-          // fromYear={2000}
-          // toYear={new Date().getFullYear()}
-          // disabled={(date: Date) =>
-          //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
-          //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
-          // }
+        // fromYear={2000}
+        // toYear={new Date().getFullYear()}
+        // disabled={(date: Date) =>
+        //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
+        //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
+        // }
         />
       </div>
     </div>
@@ -128,12 +128,12 @@ export const Range = (): React.JSX.Element => {
             }
           }}
           onDayClick={() => setIsOpen(false)}
-          // fromYear={2000}
-          // toYear={new Date().getFullYear()}
-          // disabled={(date: Date) =>
-          //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
-          //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
-          // }
+        // fromYear={2000}
+        // toYear={new Date().getFullYear()}
+        // disabled={(date: Date) =>
+        //   Number(date) < Date.now() - 1000 * 60 * 60 * 24 ||
+        //   Number(date) > Date.now() + 1000 * 60 * 60 * 24 * 30
+        // }
         />
       </div>
     </div>

package/src/components/{forms → inputs}/calendar.tsx

@@ -18,9 +18,9 @@ import {
   type Dropdown as DropDownDayPicker,
 } from 'react-day-picker'
 
-import { ChevronsUpDown } from '../../icons/chevrons-up-down.js'
-import { Button } from '../button/button.js'
-import { ScrollArea } from '../scroll-area/scroll-area.js'
+import { ChevronsUpDown } from '../../icons/chevrons-up-down.jsx'
+import { Button } from '../button/button.jsx'
+import { ScrollArea } from '../scroll-area/scroll-area.jsx'
 import styles from './calendar.module.css'
 
 export type CalendarProps = DayPickerProps & {

package/src/components/inputs/checkbox-group.module.css

@@ -0,0 +1,16 @@
+@layer infonomic-base,
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
+
+@layer infonomic-components {
+
+  :global(.infonomic-checkbox-group),
+  .checkbox-group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-8);
+  }
+}

package/src/components/inputs/checkbox-group.stories.tsx

@@ -0,0 +1,47 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import type React from 'react'
+import { useState } from 'react'
+
+import { CheckboxGroup } from './checkbox-group.js'
+
+
+export default {
+  title: 'Components/Inputs/CheckboxGroup',
+  component: CheckboxGroup,
+  argTypes: {},
+}
+
+export const Default = (): React.JSX.Element => {
+  const [checked, setChecked] = useState(false)
+
+  const handleOnClick = (): void => {
+    console.log('clicked')
+    setChecked(!checked)
+  }
+
+  return (
+    <div style={{ maxWidth: '800px', margin: '2rem auto 2rem' }}>
+      <h2 className="text-xl" style={{ marginBottom: '1rem' }}>
+        Checkbox Group
+      </h2>
+      <div className="grid gap-4 grid-cols-3">
+        <div className="control">
+          <CheckboxGroup
+            groupName="roles"
+            // TODO: Nullability of role.name
+            checkBoxes={[
+              { id: 'admin', label: 'Admin' },
+              { id: 'editor', label: 'Editor' },
+              { id: 'viewer', label: 'Viewer' },
+            ]}
+          // onChange={(selected) => {
+          //   handleOnClick(selected)
+          // }}
+          />
+        </div>
+      </div>
+    </div>
+  )
+}
+
+

package/src/components/{forms → inputs}/checkbox-group.tsx

@@ -5,7 +5,8 @@ import { useEffect, useState } from 'react'
 
 import cx from 'classnames'
 
-import { Checkbox } from './checkbox.js'
+import { Checkbox } from './checkbox.jsx'
+import styles from './checkbox-group.module.css'
 
 export interface CheckboxGroupProps {
   groupName: string
@@ -67,7 +68,7 @@ export const CheckboxGroup: React.FC<CheckboxGroupProps> = ({
   }
 
   return (
-    <div className={cx('infonomic-checkbox-group', className)}>
+    <div className={cx('infonomic-checkbox-group', styles['checkbox-group'], className)}>
       {checkBoxes.map((cb) => (
         <Checkbox
           key={cb.id}

package/src/components/{forms → inputs}/checkbox.stories.tsx

@@ -5,7 +5,7 @@ import { useState } from 'react'
 import { Checkbox } from './checkbox.js'
 
 export default {
-  title: 'Components/Forms/Checkbox',
+  title: 'Components/Inputs/Checkbox',
   component: Checkbox,
   argTypes: {},
 }

package/src/components/{forms → inputs}/checkbox.tsx

@@ -7,8 +7,8 @@ import cx from 'classnames'
 
 import { CheckIcon } from '../../icons/check-icon'
 import styles from './checkbox.module.css'
-import { ErrorText } from './error-text.js'
-import { HelpText } from './help-text.js'
+import { ErrorText } from './error-text.jsx'
+import { HelpText } from './help-text.jsx'
 import type { Intent, Size, Variant } from './@types/checkbox.js'
 
 export interface Props {

package/src/components/inputs/index.tsx

@@ -0,0 +1,8 @@
+export * from './checkbox.jsx'
+export * from './help-text.jsx'
+export * from './input.jsx'
+export * from './input-adornment.jsx'
+export * from './label.jsx'
+export * from './select.jsx'
+export * from './text-area.jsx'
+export * from './utils.js'

package/src/components/{forms → inputs}/input-password.tsx

@@ -1,9 +1,9 @@
 import { useState } from 'react'
 
-import { EyeClosedIcon } from '../../icons/eye-closed-icon.js'
-import { EyeOpenIcon } from '../../icons/eye-open-icon.js'
-import { Input } from './input'
-import type { InputProps } from './input'
+import { EyeClosedIcon } from '../../icons/eye-closed-icon.jsx'
+import { EyeOpenIcon } from '../../icons/eye-open-icon.jsx'
+import { Input } from './input.jsx'
+import type { InputProps } from './input.jsx'
 
 export function InputPassword({ ...props }: InputProps) {
   const [visible, setVisible] = useState(false)

package/src/components/{forms → inputs}/input.stories.tsx

@@ -9,7 +9,7 @@ import { Input, InputAdornment } from './index.js'
 import { InputPassword } from './input-password.js'
 
 export default {
-  title: 'Components/Forms/Text',
+  title: 'Components/Inputs/Text',
   component: Input,
   argTypes: {},
 }

package/src/components/{forms → inputs}/input.tsx

@@ -4,12 +4,12 @@ import type React from 'react'
 
 import cx from 'classnames'
 
-import { ErrorText } from './error-text.js'
-import { HelpText } from './help-text.js'
+import { ErrorText } from './error-text.jsx'
+import { HelpText } from './help-text.jsx'
 import styles from './input.module.css'
-import { Label } from './label.js'
+import { Label } from './label.jsx'
 import type { Intent, Size, Variant } from './@types/input.js'
-import type { InputAdornmentProps } from './input-adornment.js'
+import type { InputAdornmentProps } from './input-adornment.jsx'
 
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   id: string

package/src/components/{forms → inputs}/radio-group.stories.tsx

@@ -8,7 +8,7 @@ const meta: Meta = {
    * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
-  title: 'Components/Forms/RadioGroup',
+  title: 'Components/Inputs/RadioGroup',
   component: RadioGroupComponent,
 }
 

package/src/components/{forms → inputs}/select.stories.tsx

@@ -4,7 +4,7 @@ import type React from 'react'
 import { Select, SelectItem, type SelectValue } from './select.js'
 
 export default {
-  title: 'Components/Forms/Select',
+  title: 'Components/Inputs/Select',
   component: Select,
   argTypes: {},
 }

package/src/components/{forms → inputs}/select.tsx

@@ -5,11 +5,11 @@ import type React from 'react'
 import { Select as SelectPrimitive } from '@base-ui/react/select'
 import cx from 'classnames'
 
-import { CheckIcon } from '../../icons/check-icon.js'
-import { ChevronDownIcon } from '../../icons/chevron-down-icon.js'
-import { ChevronUpIcon } from '../../icons/chevron-up-icon.js'
-import { Button } from '../button/button.js'
-import { HelpText } from './help-text.js'
+import { CheckIcon } from '../../icons/check-icon.jsx'
+import { ChevronDownIcon } from '../../icons/chevron-down-icon.jsx'
+import { ChevronUpIcon } from '../../icons/chevron-up-icon.jsx'
+import { Button } from '../button/button.jsx'
+import { HelpText } from './help-text.jsx'
 import styles from './select.module.css'
 import type { Intent } from '../@types/shared.js'
 import type { Size, Variant } from '../button/@types/button.js'

package/src/components/{forms → inputs}/text-area.stories.tsx

@@ -4,7 +4,7 @@ import type React from 'react'
 import { TextArea } from './index.js'
 
 export default {
-  title: 'Components/Forms/TextArea',
+  title: 'Components/Inputs/TextArea',
   component: TextArea,
   argTypes: {},
 }

package/src/components/{forms → inputs}/text-area.tsx

@@ -2,10 +2,10 @@ import type * as React from 'react'
 
 import cx from 'classnames'
 
-import { ErrorText } from './error-text.js'
-import { HelpText } from './help-text.js'
+import { ErrorText } from './error-text.jsx'
+import { HelpText } from './help-text.jsx'
 import inputStyles from './input.module.css'
-import { Label } from './label.js'
+import { Label } from './label.jsx'
 import styles from './text-area.module.css'
 import type { Intent, Variant } from './@types/input.js'
 

package/src/react.ts

@@ -21,21 +21,21 @@ export * from './components/card/card.js'
 export * from './components/chips/chip.js'
 export * from './components/container/container.js'
 export * from './components/dropdown/dropdown.js'
-export * from './components/forms/calendar.js'
-export * from './components/forms/checkbox.js'
-export * from './components/forms/checkbox-group.js'
-export * from './components/forms/error-text.js'
-export * from './components/forms/errors.js'
-export * from './components/forms/help-text.js'
-export * from './components/forms/input.js'
-export * from './components/forms/input-adornment.js'
-export * from './components/forms/input-password.js'
-export * from './components/forms/label.js'
-export * from './components/forms/radio-group.js'
-export * from './components/forms/select.js'
-export * from './components/forms/text-area.js'
-export * from './components/forms/utils.js'
 export * from './components/hamburger/hamburger.js'
+export * from './components/inputs/calendar.jsx'
+export * from './components/inputs/checkbox.jsx'
+export * from './components/inputs/checkbox-group.jsx'
+export * from './components/inputs/error-text.jsx'
+export * from './components/inputs/errors.jsx'
+export * from './components/inputs/help-text.jsx'
+export * from './components/inputs/input.jsx'
+export * from './components/inputs/input-adornment.jsx'
+export * from './components/inputs/input-password.jsx'
+export * from './components/inputs/label.jsx'
+export * from './components/inputs/radio-group.jsx'
+export * from './components/inputs/select.jsx'
+export * from './components/inputs/text-area.jsx'
+export * from './components/inputs/utils.js'
 export * from './components/notifications/alert.js'
 export * from './components/notifications/toast.js'
 export * from './components/pager/pagination.js'

package/src/widgets/datepicker/datepicker.tsx

@@ -16,14 +16,14 @@ import { format } from 'date-fns'
 
 import { Button } from '../../components/button/button.js'
 import { IconButton } from '../../components/button/icon-button.js'
-import { Calendar } from '../../components/forms/calendar.js'
-import { Input } from '../../components/forms/input.js'
-import { InputAdornment } from '../../components/forms/input-adornment.js'
+import { Calendar } from '../../components/inputs/calendar.jsx'
+import { Input } from '../../components/inputs/input.jsx'
+import { InputAdornment } from '../../components/inputs/input-adornment.jsx'
 import { ScrollArea } from '../../components/scroll-area/scroll-area.js'
 import { CalendarIcon } from '../../icons/calendar-icon.js'
 import { CloseIcon } from '../../icons/close-icon.js'
 import styles from './datepicker.module.css'
-import type { Intent, Size, Variant } from '../../components/forms/@types/input.js'
+import type { Intent, Size, Variant } from '../../components/inputs/@types/input.js'
 
 export interface DatePickerProps extends React.InputHTMLAttributes<HTMLInputElement> {
   id: string

package/src/widgets/search/search.tsx

@@ -4,10 +4,10 @@ import type React from 'react'
 import { useEffect, useRef, useState } from 'react'
 
 import { IconButton } from '../../components/button/index.js'
-import { Input } from '../../components/forms/input.js'
-import { InputAdornment } from '../../components/forms/input-adornment.js'
+import { Input } from '../../components/inputs/input.jsx'
+import { InputAdornment } from '../../components/inputs/input-adornment.jsx'
 import { CloseIcon, SearchIcon } from '../../icons'
-import type { ClassName, Intent, Size, Variant } from '../../components/forms/@types/input.js'
+import type { ClassName, Intent, Size, Variant } from '../../components/inputs/@types/input.js'
 
 export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement> {
   variant?: Variant

package/dist/components/forms/@types/checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/@types/checkbox.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAA;AAEzD;;GAEG;AAIH;;GAEG;AACH,eAAO,MAAM,OAAO,iCAAkC,CAAA;AAEtD;;;;;;;GAOG;AACH,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9C;;GAEG;AACH,eAAO,MAAM,IAAI,6BAA8B,CAAA;AAE/C;;;;;;;;GAQG;AACH,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAA;AAExC;;;GAGG;AACH,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,CAAC,CAAA;AAClC,MAAM,MAAM,SAAS,GAAG,MAAM,CAAA;AAC9B,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAA"}

package/dist/components/forms/@types/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/@types/input.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAA;AAEzD;;GAEG;AAIH;;GAEG;AACH,eAAO,MAAM,OAAO,+CAAgD,CAAA;AAEpE;;;;;;;;GAQG;AACH,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9C;;GAEG;AACH,eAAO,MAAM,IAAI,6BAA8B,CAAA;AAE/C;;;;;;;;GAQG;AACH,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAA;AAExC;;;GAGG;AACH,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,CAAC,CAAA;AAClC,MAAM,MAAM,SAAS,GAAG,MAAM,CAAA;AAC9B,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAA"}

package/dist/components/forms/calendar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/forms/calendar.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,kBAAkB,CAAA;AAOzB,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA;AAED,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,SAAS,EACT,UAAU,EACV,cAAc,EACd,eAAsB,EACtB,UAAU,EAAE,gBAAgB,EAC5B,GAAG,KAAK,EACT,EAAE,aAAa,qBA6Hf;yBArIe,QAAQ"}

package/dist/components/forms/calendar.module.js

@@ -1,45 +0,0 @@
-import "./calendar_module.css";
-const calendar_module = {
-    "day-picker": "day-picker-y7Hl7p",
-    dayPicker: "day-picker-y7Hl7p",
-    months: "months-b87F7E",
-    "months-caption": "months-caption-kDTTdX",
-    monthsCaption: "months-caption-kDTTdX",
-    dropdowns: "dropdowns-erBLYh",
-    "select-trigger": "select-trigger-hOsFML",
-    selectTrigger: "select-trigger-hOsFML",
-    "select-content": "select-content-_eFzfR",
-    selectContent: "select-content-_eFzfR",
-    "select-item": "select-item-V5Rg6u",
-    selectItem: "select-item-V5Rg6u",
-    "select-chevrons": "select-chevrons-kPRdHE",
-    selectChevrons: "select-chevrons-kPRdHE",
-    "scroll-area": "scroll-area-epmyLI",
-    scrollArea: "scroll-area-epmyLI",
-    disabled: "disabled-xiZ9Hf",
-    hidden: "hidden-UklZZ2",
-    outside: "outside-V5MXWM",
-    footer: "footer-QtfvNg",
-    weekdays: "weekdays-qlRhV0",
-    weekday: "weekday-WkecO9",
-    "caption-label": "caption-label-s72ral",
-    captionLabel: "caption-label-s72ral",
-    "month-grid": "month-grid-o9jb0q",
-    monthGrid: "month-grid-o9jb0q",
-    week: "week-kpm7YL",
-    day: "day-iMPvhj",
-    today: "today-vDw_Vq",
-    "day-selected": "day-selected-zpU4nM",
-    daySelected: "day-selected-zpU4nM",
-    "day-button": "day-button-Fo6dMw",
-    dayButton: "day-button-Fo6dMw",
-    "button-range": "button-range-ut02cG",
-    buttonRange: "button-range-ut02cG",
-    "range-start": "range-start-UCMex_",
-    rangeStart: "range-start-UCMex_",
-    "range-end": "range-end-JI4MZO",
-    rangeEnd: "range-end-JI4MZO",
-    "range-middle": "range-middle-ZVXPRk",
-    rangeMiddle: "range-middle-ZVXPRk"
-};
-export default calendar_module;

package/dist/components/forms/checkbox-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/components/forms/checkbox-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAC7C;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgEtD,CAAA"}

package/dist/components/forms/checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/forms/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAOvE,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAEjE,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,CAAA;IACxF,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,QAAQ,GAAqB,6KAkBvC,KAAK,GAAG;IACT,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACzC,KAAG,KAAK,CAAC,GAAG,CAAC,OAoDb,CAAA"}

package/dist/components/forms/checkbox.module.js

@@ -1,25 +0,0 @@
-import "./checkbox_module.css";
-const checkbox_module = {
-    container: "container-Mu7CJl",
-    component: "component-Gur2yg",
-    reverse: "reverse-lTpLV5",
-    checkbox: "checkbox-FiKZnf",
-    indicator: "indicator-uDQYoF",
-    icon: "icon-gwRvT_",
-    checkBoxIn: "checkBoxIn-DSnbUl",
-    label: "label-rsCVhp",
-    errorText: "errorText-nwgg63",
-    sm: "sm-FMFjMf",
-    md: "md-iztHYW",
-    lg: "lg-GVxECP",
-    outlined: "outlined-VB1vGz",
-    filled: "filled-aCYMdF",
-    primary: "primary-OnpxZl",
-    secondary: "secondary-AWuj0h",
-    noeffect: "noeffect-iWFjDW",
-    success: "success-fdV1Bf",
-    info: "info-nDP5Bh",
-    warning: "warning-leHmkw",
-    danger: "danger-LGwa4G"
-};
-export default checkbox_module;

package/dist/components/forms/error-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-text.d.ts","sourceRoot":"","sources":["../../../src/components/forms/error-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAM1F"}

package/dist/components/forms/errors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../../src/components/forms/errors.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAElF;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,GACP,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,GAAG,CAAA;CACZ,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAQ3B;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,GAAG,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAM7F"}

package/dist/components/forms/help-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"help-text.d.ts","sourceRoot":"","sources":["../../../src/components/forms/help-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMpF"}

package/dist/components/forms/input-adornment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-adornment.d.ts","sourceRoot":"","sources":["../../../src/components/forms/input-adornment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACtE,MAAM,WAAW,mBAAoB,SAAQ,4BAA4B;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAkB,EAClB,OAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgBzC"}

package/dist/components/forms/input-password.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-password.d.ts","sourceRoot":"","sources":["../../../src/components/forms/input-password.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAgBrD"}

package/dist/components/forms/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/forms/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAE/D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAA;IACxD,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAA;IACtD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAC5F;AAED,eAAO,MAAM,KAAK,GAAI,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,EAAE,sMAoB3D,UAAU,sBAgEZ,CAAA"}