react-science 11.2.0 → 12.0.0

package/src/components/forms/radio-button-group/RadioButton.tsx

@@ -0,0 +1,73 @@
+/** @jsxImportSource @emotion/react */
+import type { RadioProps } from '@blueprintjs/core';
+import styled from '@emotion/styled';
+
+import { enabledColor } from '../styles.js';
+import { useInputId } from '../utils/use_input_id.js';
+
+const HiddenInput = styled.input`
+  // Those styles are taken from the sr-only class in tailwind CSS.
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+
+  // Label associated with the checked input
+  &:checked + label {
+    color: ${enabledColor};
+    border-color: ${enabledColor};
+    opacity: ${(props) => (props.disabled ? 0.25 : 1)};
+    border-width: 1px;
+  }
+
+  // Next label after the one that is checked
+  &:checked + label + input + label {
+    border-left-width: 0;
+  }
+`;
+
+const RadioContent = styled.div<{ large?: boolean }>`
+  place-content: center;
+  padding: ${(props) => (props.large ? '0px 15px' : '0px 7px')};
+  line-height: 0;
+`;
+
+const Label = styled.label<{ large?: boolean; disabled?: boolean }>`
+  display: flex;
+  height: ${(props) => (props.large ? '40px' : '30px')};
+  opacity: ${(props) => (props.disabled ? 0.25 : 1)};
+  border-width: 1px 0 1px 1px;
+  border-color: rgba(0, 0, 0, ${(props) => (props.disabled ? 1 : 0.25)});
+  border-style: solid;
+  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
+  white-space: nowrap;
+  &:hover {
+    color: ${enabledColor};
+  }
+`;
+
+export function RadioButton(props: RadioProps) {
+  const { large, disabled, label, name, value, id, checked, onChange } = props;
+  const uniqId = useInputId(id, name);
+  return (
+    <>
+      <HiddenInput
+        checked={checked}
+        id={uniqId}
+        name={name}
+        value={value}
+        type="radio"
+        disabled={disabled}
+        onChange={onChange}
+      />
+      <Label large={large} disabled={disabled} htmlFor={uniqId}>
+        <RadioContent large={large}>{label}</RadioContent>
+      </Label>
+    </>
+  );
+}

package/src/components/forms/radio-button-group/RadioButtonGroup.tsx

@@ -0,0 +1,80 @@
+/** @jsxImportSource @emotion/react */
+import type { RadioGroupProps } from '@blueprintjs/core';
+import { RadioGroup } from '@blueprintjs/core';
+import styled from '@emotion/styled';
+import { Children, cloneElement } from 'react';
+
+import { RadioButton } from './RadioButton.js';
+
+export interface RadioButtonGroupProps extends RadioGroupProps {
+  large?: boolean;
+}
+
+const RadioButtonContainer = styled.div<{ large?: boolean }>`
+  display: flex;
+  & label:first-of-type {
+    border-bottom-left-radius: ${(props) => (props.large ? '6px' : '4px')};
+    border-top-left-radius: ${(props) => (props.large ? '6px' : '4px')};
+  }
+  & label:last-of-type {
+    border-right-width: 1px;
+    border-bottom-right-radius: ${(props) => (props.large ? '6px' : '4px')};
+    border-top-right-radius: ${(props) => (props.large ? '6px' : '4px')};
+  }
+`;
+
+export function RadioButtonGroup(props: RadioButtonGroupProps) {
+  const {
+    disabled: groupDisabled = false,
+    options = [],
+    name,
+    large,
+    selectedValue,
+    onChange,
+    children,
+    ...restProps
+  } = props;
+
+  return (
+    <RadioGroup
+      name={name}
+      selectedValue={selectedValue}
+      onChange={onChange}
+      {...restProps}
+    >
+      <RadioButtonContainer large={large}>
+        {options?.map(({ value, label, disabled }, index) => {
+          return (
+            <RadioButton
+              // eslint-disable-next-line react/no-array-index-key
+              key={index}
+              value={value}
+              label={label}
+              large={large}
+              name={name}
+              onChange={onChange}
+              checked={value === selectedValue}
+              disabled={groupDisabled || disabled}
+            />
+          );
+        })}
+        {Children.map(children, (child) => {
+          if (!child || typeof child !== 'object' || !('type' in child)) {
+            return child;
+          }
+          if (child.type === RadioButton) {
+            return cloneElement(child, {
+              ...child.props,
+              large,
+              name,
+              onChange,
+              checked: child.props.value === selectedValue,
+              disabled: groupDisabled || child.props.disabled,
+            });
+          }
+          return child;
+        })}
+      </RadioButtonContainer>
+    </RadioGroup>
+  );
+}

package/src/components/forms/radio-button-group/index.ts

@@ -0,0 +1,2 @@
+export * from './RadioButtonGroup.js';
+export * from './RadioButton.js';

package/src/components/forms/utils/use_input_id.ts

@@ -0,0 +1,13 @@
+import { useId } from 'react';
+
+export function useInputId(
+  id: string | null | undefined,
+  name: string | null | undefined,
+) {
+  const reactId = useId();
+
+  // If an id is provided, use it
+  // Else if a name is specified, join name with reactId to simplify debug in devtools
+  // else use the id from useId()
+  return id ?? (name ? `${name}_${reactId}` : reactId);
+}

package/src/components/hooks/index.ts

@@ -1,6 +1,5 @@
 export * from './useDoubleClick.js';
 export * from './useHashSearchParams.js';
-export * from './useModifiedPopper.js';
 export * from './useOnClickOutside.js';
 export * from './useOnOff.js';
 export * from './useToggle.js';

package/src/components/info-panel/InfoPanel.tsx

@@ -1,11 +1,12 @@
 /** @jsxImportSource @emotion/react */
-import { Icon, InputGroup } from '@blueprintjs/core';
+import { Classes, Collapse, InputGroup } from '@blueprintjs/core';
 import { css } from '@emotion/react';
-import * as Collapsible from '@radix-ui/react-collapsible';
+import styled from '@emotion/styled';
 import type { CSSProperties } from 'react';
 import { memo, useCallback, useMemo, useState } from 'react';
 import { match, P } from 'ts-pattern';
 
+import { Button } from '../button/Button.js';
 import { SelectedTotal } from '../selected-total/index.js';
 import { createTableColumnHelper, Table } from '../table/index.js';
 import * as ValueRenderers from '../value-renderers/index.js';
@@ -23,27 +24,34 @@ interface InfoPanelProps {
   inputStyle?: CSSProperties;
 }
 
+const AccordionButton = styled(Button, {
+  shouldForwardProp: (propName) => propName !== 'open',
+})<{ open?: boolean }>`
+  z-index: 1;
+  position: sticky;
+  height: 30px;
+  top: 0;
+  .${Classes.ICON} {
+    rotate: ${(props) => (props.open ? '90deg' : '')};
+    transition: all 0.3s ease-in-out;
+  }
+  cursor: pointer;
+  border-bottom: 1px solid #f5f5f5;
+  display: flex;
+  align-items: center;
+  padding: 5px 2px;
+  width: 100%;
+  &.${Classes.MINIMAL} {
+    background-color: white;
+  }
+  :hover {
+    background-color: #f5f5f5;
+  }
+`;
+
 const style = {
   content: css({
     overflow: 'hidden',
-    "&[data-state='open']": {
-      animation: 'slideDown 300ms ease-out',
-    },
-    '&[data-state="closed"]': {
-      animation: 'slideUp 300ms ease-out',
-    },
-    '@keyframes slideDown': {
-      from: {
-        height: 0,
-      },
-      to: { height: 'var(--radix-collapsible-content-height)' },
-    },
-    '@keyframes slideUp': {
-      from: {
-        height: 'var(--radix-collapsible-content-height)',
-      },
-      to: { height: 0 },
-    },
   }),
   container: css({
     padding: '5px 0 0 0',
@@ -51,28 +59,6 @@ const style = {
     display: 'flex',
     flexDirection: 'column',
   }),
-  chevron: css({
-    transition: 'all 0.3s ease-in-out',
-  }),
-  button: css({
-    zIndex: 10,
-    position: 'sticky',
-    height: 30,
-    top: 0,
-    "&[data-state='open'] > span": {
-      rotate: '90deg',
-    },
-    cursor: 'pointer',
-    borderBottom: '1px solid #f5f5f5',
-    backgroundColor: 'white',
-    display: 'flex',
-    alignItems: 'center',
-    padding: '5px 2px',
-    width: '100%',
-    ':hover': {
-      backgroundColor: '#f5f5f5',
-    },
-  }),
 };
 
 interface InfoPanelDatum {
@@ -206,6 +192,9 @@ interface InfoPanelContentProps {
 
 const InfoPanelContent = memo((props: InfoPanelContentProps) => {
   const { filteredData } = props;
+  const [isOpen, setIsOpen] = useState<string[]>(
+    filteredData.map(({ description }) => description),
+  );
   return (
     <div
       style={{
@@ -218,19 +207,25 @@ const InfoPanelContent = memo((props: InfoPanelContentProps) => {
       }}
     >
       {filteredData.map(({ description, data }) => {
+        const open = isOpen.includes(description);
         return (
-          <Collapsible.Root
-            key={description}
-            className="CollapsibleRoot"
-            defaultOpen
-          >
-            <Collapsible.Trigger asChild css={style.button}>
-              <div>
-                <Icon icon="chevron-right" css={style.chevron} />
-                {description}
-              </div>
-            </Collapsible.Trigger>
-            <Collapsible.Content css={style.content}>
+          <div key={description}>
+            <AccordionButton
+              open={open}
+              minimal
+              onClick={() =>
+                setIsOpen((pred) =>
+                  open
+                    ? pred.filter((o) => o !== description)
+                    : [...pred, description],
+                )
+              }
+              alignText="left"
+              icon="chevron-right"
+            >
+              {description}
+            </AccordionButton>
+            <Collapse isOpen={open} css={style.content}>
               <Table
                 data={data}
                 columns={columns}
@@ -238,8 +233,8 @@ const InfoPanelContent = memo((props: InfoPanelContentProps) => {
                 tableProps={{ style: { width: '100%' } }}
                 compact
               />
-            </Collapsible.Content>
-          </Collapsible.Root>
+            </Collapse>
+          </div>
         );
       })}
     </div>

package/src/components/root-layout/root_layout.tsx

@@ -1,12 +1,10 @@
 import { BlueprintProvider, FocusStyleManager } from '@blueprintjs/core';
-import { QueryClientProvider } from '@tanstack/react-query';
 import type { CSSProperties, ReactNode } from 'react';
 import { useCallback, useState } from 'react';
 
 import { AccordionProvider } from '../accordion/index.js';
 
 import { CustomDivPreflight } from './css-reset/customPreflight.js';
-import { queryClient } from './query_client.js';
 import { RootLayoutProvider } from './root_layout_context.provider.js';
 
 FocusStyleManager.onlyShowFocusOnTabs();
@@ -48,9 +46,7 @@ export function RootLayout(props: RootLayoutProps) {
         {...(rootRef ? { portalContainer: rootRef } : undefined)}
       >
         <RootLayoutProvider innerRef={rootRef}>
-          <QueryClientProvider client={queryClient}>
-            <AccordionProvider>{props.children}</AccordionProvider>
-          </QueryClientProvider>
+          <AccordionProvider>{props.children}</AccordionProvider>
         </RootLayoutProvider>
       </BlueprintProvider>
     </CustomDivPreflight>

package/src/components/table/table_header_cell.tsx

@@ -1,6 +1,9 @@
-import type { Header, RowData } from '@tanstack/react-table';
+import { Icon } from '@blueprintjs/core';
+import type { IconName } from '@blueprintjs/icons';
+import type { Header, RowData, SortingFnOption } from '@tanstack/react-table';
 import { flexRender } from '@tanstack/react-table';
-import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
+import { match } from 'ts-pattern';
 
 type ThProps = Pick<
   HTMLAttributes<HTMLTableCellElement>,
@@ -32,26 +35,53 @@ export function TableHeaderCell<TData extends RowData>(
 function getThProps<TData extends RowData>(
   header: Header<TData, unknown>,
 ): ThProps {
-  const sorted = header.column.getIsSorted();
-  const canSort = header.column.getCanSort();
-  const style: CSSProperties = {
-    position: 'relative',
-    cursor: canSort ? 'pointer' : undefined,
-  };
-  const onClick = canSort ? header.column.getToggleSortingHandler() : undefined;
-  const children = (
-    <div style={{ display: 'flex', flexDirection: 'row', gap: '5px' }}>
-      <div>
-        {flexRender(header.column.columnDef.header, header.getContext())}
+  const { column } = header;
+
+  const sorted = column.getIsSorted();
+  const canSort = column.getCanSort();
+  const sortingIcon = getSortingIcon(column.columnDef.sortingFn)[
+    sorted || 'asc'
+  ];
+
+  return {
+    onClick: canSort ? column.getToggleSortingHandler() : undefined,
+    style: {
+      position: 'relative',
+      cursor: canSort ? 'pointer' : undefined,
+    },
+    children: (
+      <div style={{ display: 'flex', flexDirection: 'row', gap: '5px' }}>
+        <div>{flexRender(column.columnDef.header, header.getContext())}</div>
+        {sorted && <Icon icon={sortingIcon} />}
       </div>
-      {sorted
-        ? {
-            asc: '🔼',
-            desc: '🔽',
-          }[sorted]
-        : null}
-    </div>
-  );
-
-  return { style, children, onClick };
+    ),
+  };
+}
+
+function getSortingIcon<TData extends RowData>(
+  type: SortingFnOption<TData> | undefined,
+): { asc: IconName; desc: IconName } {
+  return match<
+    SortingFnOption<TData> | undefined,
+    { asc: IconName; desc: IconName }
+  >(type)
+    .with(
+      'auto',
+      'datetime',
+      'alphanumeric',
+      'alphanumericCaseSensitive',
+      () => ({
+        asc: 'sort-asc',
+        desc: 'sort-desc',
+      }),
+    )
+    .with('text', 'textCaseSensitive', () => ({
+      asc: 'sort-alphabetical',
+      desc: 'sort-alphabetical-desc',
+    }))
+    .with('basic', () => ({
+      asc: 'sort-numerical',
+      desc: 'sort-numerical-desc',
+    }))
+    .otherwise(() => ({ asc: 'sort-asc', desc: 'sort-desc' }));
 }

package/lib/components/forms/radio-group/ButtonRadioItem.d.ts

@@ -1,3 +0,0 @@
-import type { RadioGroupProps, RadioOption } from './RadioGroup.js';
-export declare function ButtonRadioItem(prop: RadioOption & Pick<RadioGroupProps, 'onSelect' | 'variant' | 'name'>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ButtonRadioItem.d.ts.map

package/lib/components/forms/radio-group/ButtonRadioItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonRadioItem.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/ButtonRadioItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AA6CpE,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,oDAwB3E"}

package/lib/components/forms/radio-group/ButtonRadioItem.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-import * as RadioGroup from '@radix-ui/react-radio-group';
-import { enabledColor } from '../styles.js';
-const buttonStyles = {
-    container: css({
-        border: '1px solid rgba(0, 0, 0, 0.25)',
-        borderRightWidth: 0,
-        position: 'relative',
-    }),
-    item: (disabled, variant) => css({
-        opacity: disabled ? 0.25 : 1,
-        padding: variant === 'default' ? '0px 15px' : '0px 7px',
-        width: '100%',
-        height: '100%',
-        cursor: 'pointer',
-        ':hover': {
-            '& > label': {
-                color: disabled ? '' : enabledColor,
-            },
-        },
-    }),
-    indicator: css({
-        position: 'absolute',
-        top: -1,
-        left: -1,
-        right: -1,
-        bottom: -1,
-        zIndex: 10,
-        border: '1px solid',
-        borderColor: enabledColor,
-        '& ~ label': {
-            color: enabledColor,
-        },
-    }),
-    label: (variant) => css({
-        cursor: 'pointer',
-        fontSize: variant === 'small' ? '1em' : '1.125em',
-        lineHeight: variant === 'default' ? '30px' : '22px',
-    }),
-};
-export function ButtonRadioItem(prop) {
-    const { value, label, disabled = false, onSelect, variant, name } = prop;
-    return (_jsx("div", { css: buttonStyles.container, children: _jsxs(RadioGroup.Item, { css: buttonStyles.item(disabled, variant), value: value, id: `${value}${name}`, onClick: () => {
-                if (!disabled)
-                    onSelect?.(prop);
-            }, children: [_jsx(RadioGroup.Indicator, { css: buttonStyles.indicator }), _jsx("label", { css: buttonStyles.label(variant), htmlFor: `${value}${name}`, style: {}, children: label })] }) }));
-}
-//# sourceMappingURL=ButtonRadioItem.js.map

package/lib/components/forms/radio-group/ButtonRadioItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonRadioItem.js","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/ButtonRadioItem.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,MAAM,YAAY,GAAG;IACnB,SAAS,EAAE,GAAG,CAAC;QACb,MAAM,EAAE,+BAA+B;QACvC,gBAAgB,EAAE,CAAC;QACnB,QAAQ,EAAE,UAAU;KACrB,CAAC;IACF,IAAI,EAAE,CAAC,QAAiB,EAAE,OAAsB,EAAE,EAAE,CAClD,GAAG,CAAC;QACF,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5B,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QACvD,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE;YACR,WAAW,EAAE;gBACX,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;aACpC;SACF;KACF,CAAC;IAEJ,SAAS,EAAE,GAAG,CAAC;QACb,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC,CAAC;QACP,IAAI,EAAE,CAAC,CAAC;QACR,KAAK,EAAE,CAAC,CAAC;QACT,MAAM,EAAE,CAAC,CAAC;QACV,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,YAAY;QAEzB,WAAW,EAAE;YACX,KAAK,EAAE,YAAY;SACpB;KACF,CAAC;IAEF,KAAK,EAAE,CAAC,OAAsB,EAAE,EAAE,CAChC,GAAG,CAAC;QACF,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QACjD,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC;CACL,CAAC;AAEF,MAAM,UAAU,eAAe,CAC7B,IAA0E;IAE1E,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACzE,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,CAAC,SAAS,YAC9B,MAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,GAAG,KAAK,GAAG,IAAI,EAAE,EACrB,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,QAAQ;oBAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC,aAED,KAAC,UAAU,CAAC,SAAS,IAAC,GAAG,EAAE,YAAY,CAAC,SAAS,GAAI,EACrD,gBACE,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,EAChC,OAAO,EAAE,GAAG,KAAK,GAAG,IAAI,EAAE,EAC1B,KAAK,EAAE,EAAE,YAER,KAAK,GACA,IACQ,GACd,CACP,CAAC;AACJ,CAAC"}

package/lib/components/forms/radio-group/RadioGroup.d.ts

@@ -1,18 +0,0 @@
-import type { ReactNode } from 'react';
-import type { InputVariant } from '../styles.js';
-export interface RadioOption {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-}
-export interface RadioGroupProps {
-    selected?: RadioOption;
-    options?: RadioOption[];
-    onSelect?: (option: RadioOption) => void;
-    name?: string;
-    disabled?: boolean;
-    variant?: InputVariant;
-    id?: string;
-}
-export declare function RadioGroup(props: RadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=RadioGroup.d.ts.map

package/lib/components/forms/radio-group/RadioGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAIjD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAkBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAkChD"}

package/lib/components/forms/radio-group/RadioGroup.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-import * as RadioGroupRadix from '@radix-ui/react-radio-group';
-import { ButtonRadioItem } from './ButtonRadioItem.js';
-const rootStyles = {
-    basic: css({
-        display: 'flex',
-        flexDirection: 'row',
-        width: 'fit-content',
-    }),
-    button: (variant) => css({
-        ' & > *:first-of-type, & > *:first-of-type span': {
-            borderRadius: variant === 'default' ? '6px 0 0 6px' : '4px 0 0 4px',
-        },
-        ' & > *:last-of-type, & > *:last-of-type span': {
-            borderRightWidth: 1,
-            borderRadius: variant === 'default' ? '0 6px 6px 0' : '0 4px 4px 0',
-        },
-    }),
-};
-export function RadioGroup(props) {
-    const { id, selected, disabled: groupDisabled = false, options = [], onSelect, name = '', variant = 'default', } = props;
-    return (_jsx(RadioGroupRadix.Root, { id: id, css: [rootStyles.basic, rootStyles.button(variant)], style: {
-            gap: 0,
-        }, value: selected?.value, name: name, disabled: groupDisabled, children: options?.map(({ value, label, disabled }) => {
-            const childProps = {
-                value,
-                label,
-                disabled: groupDisabled || disabled,
-                onSelect,
-                variant,
-                name,
-            };
-            return _jsx(ButtonRadioItem, { ...childProps }, value);
-        }) }));
-}
-//# sourceMappingURL=RadioGroup.js.map

package/lib/components/forms/radio-group/RadioGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/RadioGroup.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,eAAe,MAAM,6BAA6B,CAAC;AAK/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAgBvD,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,GAAG,CAAC;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,aAAa;KACrB,CAAC;IACF,MAAM,EAAE,CAAC,OAAqB,EAAE,EAAE,CAChC,GAAG,CAAC;QACF,gDAAgD,EAAE;YAChD,YAAY,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;SACpE;QACD,8CAA8C,EAAE;YAC9C,gBAAgB,EAAE,CAAC;YACnB,YAAY,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;SACpE;KACF,CAAC;CACL,CAAC;AACF,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,EAAE,EACF,QAAQ,EACR,QAAQ,EAAE,aAAa,GAAG,KAAK,EAC/B,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,SAAS,GACpB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,IACnB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EACnD,KAAK,EAAE;YACL,GAAG,EAAE,CAAC;SACP,EACD,KAAK,EAAE,QAAQ,EAAE,KAAK,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,aAAa,YAEtB,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;YAC3C,MAAM,UAAU,GAAG;gBACjB,KAAK;gBACL,KAAK;gBACL,QAAQ,EAAE,aAAa,IAAI,QAAQ;gBACnC,QAAQ;gBACR,OAAO;gBACP,IAAI;aACL,CAAC;YACF,OAAO,KAAC,eAAe,OAAiB,UAAU,IAArB,KAAK,CAAoB,CAAC;QACzD,CAAC,CAAC,GACmB,CACxB,CAAC;AACJ,CAAC"}

package/lib/components/forms/radio-group/index.d.ts

@@ -1,2 +0,0 @@
-export * from './RadioGroup.js';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/forms/radio-group/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/components/forms/radio-group/index.js

@@ -1,2 +0,0 @@
-export * from './RadioGroup.js';
-//# sourceMappingURL=index.js.map

package/lib/components/forms/radio-group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/components/hooks/useModifiedPopper.d.ts

@@ -1,13 +0,0 @@
-import type { Placement } from '@popperjs/core';
-import type { HTMLAttributes } from 'react';
-export interface UseModifiedPopperReturn<R extends Element = HTMLDivElement, P extends HTMLElement = HTMLDivElement> {
-    setReferenceElement: (ref: R | null) => void;
-    setPopperElement: (popper: P | null) => void;
-    popperProps: HTMLAttributes<P>;
-}
-export declare function useModifiedPopper<R extends Element = HTMLDivElement, P extends HTMLElement = HTMLDivElement>(options: {
-    placement?: Placement;
-    offset?: number;
-    sameWidth?: boolean;
-}): UseModifiedPopperReturn<R, P>;
-//# sourceMappingURL=useModifiedPopper.d.ts.map

package/lib/components/hooks/useModifiedPopper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModifiedPopper.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useModifiedPopper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA6B5C,MAAM,WAAW,uBAAuB,CACtC,CAAC,SAAS,OAAO,GAAG,cAAc,EAClC,CAAC,SAAS,WAAW,GAAG,cAAc;IAEtC,mBAAmB,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,gBAAgB,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CAChC;AAED,wBAAgB,iBAAiB,CAC/B,CAAC,SAAS,OAAO,GAAG,cAAc,EAClC,CAAC,SAAS,WAAW,GAAG,cAAc,EACtC,OAAO,EAAE;IACT,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,uBAAuB,CAAC,CAAC,EAAE,CAAC,CAAC,CA8BhC"}

package/lib/components/hooks/useModifiedPopper.js

@@ -1,48 +0,0 @@
-import { useState } from 'react';
-import { usePopper } from 'react-popper';
-const sameWidthModifier = {
-    name: 'sameWidth',
-    enabled: true,
-    phase: 'beforeWrite',
-    requires: ['computeStyles'],
-    fn: ({ state }) => {
-        state.styles.popper.width = `${state.rects.reference.width}px`;
-    },
-    effect: ({ state }) => {
-        state.elements.popper.style.width = `${state.elements.reference.getBoundingClientRect().width}px`;
-    },
-};
-function getOffsetModifier(offset) {
-    return {
-        name: 'offset',
-        options: {
-            offset: [0, offset],
-        },
-    };
-}
-export function useModifiedPopper(options) {
-    const { offset, placement, sameWidth } = options;
-    const [referenceElement, setReferenceElement] = useState(null);
-    const [popperElement, setPopperElement] = useState(null);
-    const modifiers = [];
-    if (sameWidth) {
-        modifiers.push(sameWidthModifier);
-    }
-    if (offset) {
-        modifiers.push(getOffsetModifier(offset));
-    }
-    const { styles, attributes } = usePopper(referenceElement, popperElement, {
-        placement,
-        strategy: 'fixed',
-        modifiers,
-    });
-    return {
-        setReferenceElement,
-        setPopperElement,
-        popperProps: {
-            style: styles.popper,
-            ...attributes.popper,
-        },
-    };
-}
-//# sourceMappingURL=useModifiedPopper.js.map