@handijit/ui 1.0.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +485 -571
- package/build/base.css +1 -1
- package/build/charts.cjs +1 -1
- package/build/charts.cjs.map +1 -1
- package/build/charts.css +1 -1
- package/build/charts.js +350 -349
- package/build/charts.js.map +1 -1
- package/build/chat.cjs +3 -3
- package/build/chat.cjs.map +1 -1
- package/build/chat.css +1 -1
- package/build/chat.js +344 -343
- package/build/chat.js.map +1 -1
- package/build/components/Accordion/style.css +1 -1
- package/build/components/Alert/style.css +1 -1
- package/build/components/Avatar/style.css +1 -1
- package/build/components/Badge/index.cjs +1 -1
- package/build/components/Badge/index.cjs.map +1 -1
- package/build/components/Badge/index.d.ts +8 -13
- package/build/components/Badge/index.js +1 -1
- package/build/components/Badge/index.js.map +1 -1
- package/build/components/Badge/style.css +1 -1
- package/build/components/BottomSheet/style.css +1 -1
- package/build/components/Breadcrumb/style.css +1 -1
- package/build/components/Button/index.cjs +1 -1
- package/build/components/Button/index.cjs.map +1 -1
- package/build/components/Button/index.js +2 -2
- package/build/components/Button/index.js.map +1 -1
- package/build/components/Button/style.css +1 -1
- package/build/components/Card/style.css +1 -1
- package/build/components/Carousel/style.css +1 -1
- package/build/components/Checkbox/style.css +1 -1
- package/build/components/Chip/style.css +1 -1
- package/build/components/ChipGroup/style.css +1 -1
- package/build/components/CodeBadge/style.css +1 -1
- package/build/components/Combobox/index.cjs +1 -1
- package/build/components/Combobox/index.cjs.map +1 -1
- package/build/components/Combobox/index.js +51 -51
- package/build/components/Combobox/index.js.map +1 -1
- package/build/components/Combobox/style.css +1 -1
- package/build/components/CommandPalette/style.css +1 -1
- package/build/components/CopyField/style.css +1 -1
- package/build/components/DataTable/style.css +1 -1
- package/build/components/DateField/index.d.ts +1 -1
- package/build/components/DateField/style.css +1 -1
- package/build/components/Directory/style.css +1 -1
- package/build/components/Disclosure/style.css +1 -1
- package/build/components/Divider/style.css +1 -1
- package/build/components/Drawer/style.css +1 -1
- package/build/components/EmptyState/style.css +1 -1
- package/build/components/Field/style.css +1 -1
- package/build/components/FileUpload/style.css +1 -1
- package/build/components/FilterBar/style.css +1 -1
- package/build/components/IconButton/index.cjs +1 -1
- package/build/components/IconButton/index.cjs.map +1 -1
- package/build/components/IconButton/index.d.ts +2 -2
- package/build/components/IconButton/index.js +1 -1
- package/build/components/IconButton/index.js.map +1 -1
- package/build/components/IconButton/style.css +1 -1
- package/build/components/Input/index.d.ts +1 -1
- package/build/components/Input/style.css +1 -1
- package/build/components/Kbd/style.css +1 -1
- package/build/components/Menu/style.css +1 -1
- package/build/components/Modal/style.css +1 -1
- package/build/components/PageHeader/style.css +1 -1
- package/build/components/Pagination/style.css +1 -1
- package/build/components/Panel/style.css +1 -1
- package/build/components/PasswordInput/style.css +1 -1
- package/build/components/Popover/style.css +1 -1
- package/build/components/Price/style.css +1 -1
- package/build/components/Progress/style.css +1 -1
- package/build/components/PromptDialog/style.css +1 -1
- package/build/components/QuantityStepper/style.css +1 -1
- package/build/components/Radio/style.css +1 -1
- package/build/components/RadioCard/style.css +1 -1
- package/build/components/RangeSlider/style.css +1 -1
- package/build/components/Rating/style.css +1 -1
- package/build/components/RatingInput/style.css +1 -1
- package/build/components/ScrollArea/style.css +1 -1
- package/build/components/SectionHeader/style.css +1 -1
- package/build/components/SegmentedControl/style.css +1 -1
- package/build/components/Select/index.cjs +1 -1
- package/build/components/Select/index.cjs.map +1 -1
- package/build/components/Select/index.js +28 -28
- package/build/components/Select/index.js.map +1 -1
- package/build/components/Select/style.css +1 -1
- package/build/components/Skeleton/style.css +1 -1
- package/build/components/Spinner/style.css +1 -1
- package/build/components/Stat/style.css +1 -1
- package/build/components/StatusDot/style.css +1 -1
- package/build/components/Steps/style.css +1 -1
- package/build/components/SummaryCard/style.css +1 -1
- package/build/components/Switch/index.d.ts +1 -1
- package/build/components/Switch/style.css +1 -1
- package/build/components/Table/style.css +1 -1
- package/build/components/TableCheckbox/style.css +1 -1
- package/build/components/Tabs/style.css +1 -1
- package/build/components/TagInput/style.css +1 -1
- package/build/components/TextLink/style.css +1 -1
- package/build/components/Textarea/style.css +1 -1
- package/build/components/Tile/style.css +1 -1
- package/build/components/Timeline/style.css +1 -1
- package/build/components/Toast/style.css +1 -1
- package/build/components/Tooltip/style.css +1 -1
- package/build/constants/breakpoint.constants.cjs +1 -1
- package/build/constants/breakpoint.constants.cjs.map +1 -1
- package/build/constants/breakpoint.constants.d.ts +13 -8
- package/build/constants/breakpoint.constants.js +7 -5
- package/build/constants/breakpoint.constants.js.map +1 -1
- package/build/enums/ui-size.enum.cjs.map +1 -1
- package/build/enums/ui-size.enum.d.ts +5 -2
- package/build/enums/ui-size.enum.js.map +1 -1
- package/build/enums/ui-variant.enum.cjs +1 -1
- package/build/enums/ui-variant.enum.cjs.map +1 -1
- package/build/enums/ui-variant.enum.d.ts +13 -13
- package/build/enums/ui-variant.enum.js +1 -1
- package/build/enums/ui-variant.enum.js.map +1 -1
- package/build/helpers/theme.helper.cjs +1 -23
- package/build/helpers/theme.helper.cjs.map +1 -1
- package/build/helpers/theme.helper.d.ts +13 -44
- package/build/helpers/theme.helper.js +31 -69
- package/build/helpers/theme.helper.js.map +1 -1
- package/build/hooks/useUiTheme.cjs +1 -1
- package/build/hooks/useUiTheme.cjs.map +1 -1
- package/build/hooks/useUiTheme.d.ts +4 -1
- package/build/hooks/useUiTheme.js +34 -28
- package/build/hooks/useUiTheme.js.map +1 -1
- package/build/hooks/useUiTokens.cjs +1 -1
- package/build/hooks/useUiTokens.cjs.map +1 -1
- package/build/hooks/useUiTokens.d.ts +8 -8
- package/build/hooks/useUiTokens.js +24 -27
- package/build/hooks/useUiTokens.js.map +1 -1
- package/build/index.cjs +1 -1
- package/build/index.d.ts +3 -5
- package/build/index.js +194 -202
- package/build/index.js.map +1 -1
- package/build/scss/_index.scss +4 -3
- package/build/scss/_mixins.scss +264 -146
- package/build/scss/_variables.scss +216 -24
- package/build/styles.css +67 -67
- package/build/theme/UiProvider.cjs +1 -1
- package/build/theme/UiProvider.cjs.map +1 -1
- package/build/theme/UiProvider.d.ts +10 -9
- package/build/theme/UiProvider.js +7 -25
- package/build/theme/UiProvider.js.map +1 -1
- package/build/theme/UiThemeScript.cjs +1 -1
- package/build/theme/UiThemeScript.cjs.map +1 -1
- package/build/theme/UiThemeScript.d.ts +13 -10
- package/build/theme/UiThemeScript.js +2 -2
- package/build/theme/UiThemeScript.js.map +1 -1
- package/build/theme/context.js +2 -2
- package/build/types/charts/core/palette.d.ts +6 -8
- package/build/types/chat/Legend/index.d.ts +3 -2
- package/build/types/theme.type.d.ts +6 -48
- package/build/types/types/theme.type.d.ts +6 -48
- package/package.json +10 -10
- package/build/scss/_colors.generated.scss +0 -119
- package/build/scss/_metrics.generated.scss +0 -49
- package/build/theme/initUi.cjs +0 -2
- package/build/theme/initUi.cjs.map +0 -1
- package/build/theme/initUi.d.ts +0 -7
- package/build/theme/initUi.js +0 -10
- package/build/theme/initUi.js.map +0 -1
- package/build/theme/palette.cjs +0 -2
- package/build/theme/palette.cjs.map +0 -1
- package/build/theme/palette.d.ts +0 -219
- package/build/theme/palette.js +0 -148
- package/build/theme/palette.js.map +0 -1
- package/build/theme/tokens.cjs +0 -2
- package/build/theme/tokens.cjs.map +0 -1
- package/build/theme/tokens.d.ts +0 -225
- package/build/theme/tokens.js +0 -384
- package/build/theme/tokens.js.map +0 -1
- package/build/types/theme/palette.d.ts +0 -219
- package/build/types/theme/tokens.d.ts +0 -225
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-accordion-h9jLC{display:flex;flex-direction:column;gap:var(--
|
|
1
|
+
@layer ui{.ui-accordion-h9jLC{display:flex;flex-direction:column;gap:var(--hd-space-0);min-height:min-content;border:1px solid var(--hd-border);border-radius:var(--hd-radius-md);background-color:var(--hd-bg-surface);overflow:hidden}.ui-accordion__item--YvzK{border-bottom:1px solid var(--hd-border)}.ui-accordion__item--YvzK:last-child{border-bottom:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-alert-gHI-9{display:flex;align-items:flex-start;gap:var(--
|
|
1
|
+
@layer ui{.ui-alert-gHI-9{display:flex;align-items:flex-start;gap:var(--hd-space-3);padding:var(--hd-space-4);border-radius:var(--hd-radius-sm);font-size:var(--hd-type-small-size)}.ui-alert__icon-DhiCT{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--hd-radius-xs);font-size:20px}.ui-alert__body-52-z2{display:flex;flex-direction:column;gap:var(--hd-space-1);flex:1;min-width:0;padding-top:3px}.ui-alert__title-I8BAh{font-family:var(--hd-font-body);font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);color:inherit}.ui-alert__content-lhBEo{line-height:var(--hd-type-body-line-height);color:inherit;max-width:68ch}.ui-alert__content-lhBEo a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:var(--hd-font-weight-semibold)}.ui-alert__content-lhBEo strong{font-weight:var(--hd-font-weight-semibold)}.ui-alert__action-1mTje{flex-shrink:0}@media (max-width: 640px){.ui-alert__action-1mTje{width:100%;margin-top:var(--hd-space-2)}}@media (max-width: 640px){.ui-alert-gHI-9{flex-wrap:wrap}}.ui-alert--info-lsAVw{background-color:var(--hd-info-bg);border:1px solid var(--hd-info-line);color:var(--hd-info-fg)}.ui-alert--success-RMJR6{background-color:var(--hd-success-bg);border:1px solid var(--hd-success-line);color:var(--hd-success-fg)}.ui-alert--warning-Rkgln{background-color:var(--hd-warning-bg);border:1px solid var(--hd-warning-line);color:var(--hd-warning-fg)}.ui-alert--danger-9ei0Y{background-color:var(--hd-danger-bg);border:1px solid var(--hd-danger-line);color:var(--hd-danger-fg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-avatar-qoh3P{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--
|
|
1
|
+
@layer ui{.ui-avatar-qoh3P{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--hd-radius-pill);background-color:var(--hd-bg-inset);color:var(--hd-text);font-family:var(--hd-font-display);font-weight:var(--hd-font-weight-semibold);letter-spacing:0;line-height:1;-webkit-user-select:none;user-select:none;overflow:hidden}.ui-avatar__image-uAyAX{width:100%;height:100%;object-fit:cover}.ui-avatar__icon-CVOYs{display:inline-flex;font-size:18px}.ui-avatar--sm-GGjU4 .ui-avatar__icon-CVOYs{font-size:16px}.ui-avatar--lg-ULP-r .ui-avatar__icon-CVOYs{font-size:24px}.ui-avatar--rounded-Sq2tv{border-radius:var(--hd-radius-sm)}.ui-avatar--rounded-Sq2tv.ui-avatar--md-xhXnK{border-radius:var(--hd-radius-md)}.ui-avatar--rounded-Sq2tv.ui-avatar--lg-ULP-r{border-radius:var(--hd-radius-lg)}.ui-avatar--brand-oJor6{background-color:var(--hd-band-bg);color:var(--hd-highlight)}.ui-avatar--sm-GGjU4{width:32px;height:32px;font-size:var(--hd-type-caption-size)}.ui-avatar--md-xhXnK{width:44px;height:44px;font-size:var(--hd-type-body-size)}.ui-avatar--lg-ULP-r{width:56px;height:56px;font-size:var(--hd-type-h4-size)}.ui-avatar--tone-0-mvjdw{background-color:var(--hd-primary-soft);color:var(--hd-text)}.ui-avatar--tone-1-RYZOX{background-color:var(--hd-success-bg);color:var(--hd-success-fg)}.ui-avatar--tone-2-vP-CS{background-color:var(--hd-warning-bg);color:var(--hd-warning-fg)}.ui-avatar--tone-3-ivgnI{background-color:var(--hd-highlight-soft);color:var(--hd-highlight-text)}.ui-avatar--tone-4-V57r3{background-color:var(--hd-bg-raised);color:var(--hd-text-2)}.ui-avatar--tone-5-65aPg{background-color:var(--hd-danger-bg);color:var(--hd-danger-fg)}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),c=require("../../helpers/class-name.helper.cjs"),e={default:{"badge":"ui-badge-uLAaI","badge__icon":"ui-badge__icon-R2goZ","badge--neutral":"ui-badge--neutral-6kddt","badge--soft":"ui-badge--soft-gFeRF","badge--solid":"ui-badge--solid-rtdHI","badge--outline":"ui-badge--outline-QiAAz","badge--success":"ui-badge--success-Oj11F","badge--
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),c=require("../../helpers/class-name.helper.cjs"),e={default:{"badge":"ui-badge-uLAaI","badge__icon":"ui-badge__icon-R2goZ","badge--neutral":"ui-badge--neutral-6kddt","badge--soft":"ui-badge--soft-gFeRF","badge--solid":"ui-badge--solid-rtdHI","badge--outline":"ui-badge--outline-QiAAz","badge--success":"ui-badge--success-Oj11F","badge--warning":"ui-badge--warning-vAsx2","badge--danger":"ui-badge--danger-X3nV0","badge--info":"ui-badge--info-mHOwk","badge--highlight":"ui-badge--highlight-NOUp4"}},i=({children:s,tone:d="neutral",variant:l="soft",icon:a,className:r,testId:u})=>t.jsxs("span",{className:c.cx(e.default.badge,e.default[`badge--${d}`],e.default[`badge--${l}`],r),"data-testid":u,children:[a&&t.jsx("span",{className:e.default.badge__icon,children:a}),s]}),o=n.memo(i);exports.default=o;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { type FC, memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\n\nimport styles from './index.module.scss';\n\nexport type BadgeTone =\n | 'neutral'\n | 'success'\n | 'danger'\n | 'warning'\n
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { type FC, memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\n\nimport styles from './index.module.scss';\n\nexport type BadgeTone =\n | 'neutral'\n | 'success'\n | 'danger'\n | 'warning'\n /** Cobalt: information, a counter, a navigation label. */\n | 'info'\n /** Turquoise: a highlight or a live state (\"New\", \"Live\"). */\n | 'highlight';\n\n/** `soft` is the tint, `solid` the filled pair (a counter, a discount), `outline` line and text. */\nexport type BadgeVariant = 'soft' | 'solid' | 'outline';\n\ntype Props = {\n children: ReactNode;\n tone?: BadgeTone;\n variant?: BadgeVariant;\n /** A small icon, shown before the text. */\n icon?: ReactNode;\n className?: string;\n testId?: string;\n};\n\n/** Badge — a status or classification label. */\nconst Badge: FC<Props> = ({\n children,\n tone = 'neutral',\n variant = 'soft',\n icon,\n className,\n testId,\n}) => (\n <span\n className={cx(styles.badge, styles[`badge--${tone}`], styles[`badge--${variant}`], className)}\n data-testid={testId}\n >\n {icon && <span className={styles.badge__icon}>{icon}</span>}\n {children}\n </span>\n);\n\nexport default /*#__PURE__*/ memo(Badge) as typeof Badge;\n"],"names":["Badge","children","tone","variant","icon","className","testId","jsxs","cx","styles","jsx","index"],"mappings":"0PA8BMA,EAAmB,CAAC,CACxB,SAAAC,EACA,KAAAC,EAAO,UACP,QAAAC,EAAU,OACV,KAAAC,EACA,UAAAC,EACA,OAAAC,CACF,IACEC,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,MAAOA,EAAAA,QAAO,UAAUP,CAAI,EAAE,EAAGO,EAAAA,QAAO,UAAUN,CAAO,EAAE,EAAGE,CAAS,EAC5F,cAAaC,EAEZ,SAAA,CAAAF,GAAQM,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,YAAc,SAAAL,EAAK,EACnDH,CAAA,CAAA,CACH,EAGFU,SAAkCX,CAAK"}
|
|
@@ -1,26 +1,21 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
-
export type BadgeTone = 'neutral' | 'success' | 'danger' | 'warning'
|
|
3
|
-
/**
|
|
4
|
-
| '
|
|
5
|
-
/**
|
|
6
|
-
| '
|
|
7
|
-
/**
|
|
8
|
-
| 'sale'
|
|
9
|
-
/** Miktar sayacı (sepet adedi, filtre sayısı) — dolu zemine izin verilir. */
|
|
10
|
-
| 'action'
|
|
11
|
-
/** Gezinme etiketi. */
|
|
12
|
-
| 'link';
|
|
2
|
+
export type BadgeTone = 'neutral' | 'success' | 'danger' | 'warning'
|
|
3
|
+
/** Cobalt: information, a counter, a navigation label. */
|
|
4
|
+
| 'info'
|
|
5
|
+
/** Turquoise: a highlight or a live state ("New", "Live"). */
|
|
6
|
+
| 'highlight';
|
|
7
|
+
/** `soft` is the tint, `solid` the filled pair (a counter, a discount), `outline` line and text. */
|
|
13
8
|
export type BadgeVariant = 'soft' | 'solid' | 'outline';
|
|
14
9
|
type Props = {
|
|
15
10
|
children: ReactNode;
|
|
16
11
|
tone?: BadgeTone;
|
|
17
12
|
variant?: BadgeVariant;
|
|
18
|
-
/**
|
|
13
|
+
/** A small icon, shown before the text. */
|
|
19
14
|
icon?: ReactNode;
|
|
20
15
|
className?: string;
|
|
21
16
|
testId?: string;
|
|
22
17
|
};
|
|
23
|
-
/**
|
|
18
|
+
/** Badge — a status or classification label. */
|
|
24
19
|
declare const Badge: FC<Props>;
|
|
25
20
|
declare const _default: typeof Badge;
|
|
26
21
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as d, jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { memo as n } from "react";
|
|
3
3
|
import { cx as c } from "../../helpers/class-name.helper.js";
|
|
4
|
-
const a = {"badge":"ui-badge-uLAaI","badge__icon":"ui-badge__icon-R2goZ","badge--neutral":"ui-badge--neutral-6kddt","badge--soft":"ui-badge--soft-gFeRF","badge--solid":"ui-badge--solid-rtdHI","badge--outline":"ui-badge--outline-QiAAz","badge--success":"ui-badge--success-Oj11F","badge--
|
|
4
|
+
const a = {"badge":"ui-badge-uLAaI","badge__icon":"ui-badge__icon-R2goZ","badge--neutral":"ui-badge--neutral-6kddt","badge--soft":"ui-badge--soft-gFeRF","badge--solid":"ui-badge--solid-rtdHI","badge--outline":"ui-badge--outline-QiAAz","badge--success":"ui-badge--success-Oj11F","badge--warning":"ui-badge--warning-vAsx2","badge--danger":"ui-badge--danger-X3nV0","badge--info":"ui-badge--info-mHOwk","badge--highlight":"ui-badge--highlight-NOUp4"};
|
|
5
5
|
const l = ({
|
|
6
6
|
children: s,
|
|
7
7
|
tone: t = "neutral",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { type FC, memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\n\nimport styles from './index.module.scss';\n\nexport type BadgeTone =\n | 'neutral'\n | 'success'\n | 'danger'\n | 'warning'\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { type FC, memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\n\nimport styles from './index.module.scss';\n\nexport type BadgeTone =\n | 'neutral'\n | 'success'\n | 'danger'\n | 'warning'\n /** Cobalt: information, a counter, a navigation label. */\n | 'info'\n /** Turquoise: a highlight or a live state (\"New\", \"Live\"). */\n | 'highlight';\n\n/** `soft` is the tint, `solid` the filled pair (a counter, a discount), `outline` line and text. */\nexport type BadgeVariant = 'soft' | 'solid' | 'outline';\n\ntype Props = {\n children: ReactNode;\n tone?: BadgeTone;\n variant?: BadgeVariant;\n /** A small icon, shown before the text. */\n icon?: ReactNode;\n className?: string;\n testId?: string;\n};\n\n/** Badge — a status or classification label. */\nconst Badge: FC<Props> = ({\n children,\n tone = 'neutral',\n variant = 'soft',\n icon,\n className,\n testId,\n}) => (\n <span\n className={cx(styles.badge, styles[`badge--${tone}`], styles[`badge--${variant}`], className)}\n data-testid={testId}\n >\n {icon && <span className={styles.badge__icon}>{icon}</span>}\n {children}\n </span>\n);\n\nexport default /*#__PURE__*/ memo(Badge) as typeof Badge;\n"],"names":["Badge","children","tone","variant","icon","className","testId","jsxs","cx","styles","jsx","index"],"mappings":";;;;AA8BA,MAAMA,IAAmB,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACF,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGC,EAAO,OAAOA,EAAO,UAAUP,CAAI,EAAE,GAAGO,EAAO,UAAUN,CAAO,EAAE,GAAGE,CAAS;AAAA,IAC5F,eAAaC;AAAA,IAEZ,UAAA;AAAA,MAAAF,KAAQ,gBAAAM,EAAC,QAAA,EAAK,WAAWD,EAAO,aAAc,UAAAL,GAAK;AAAA,MACnDH;AAAA,IAAA;AAAA,EAAA;AACH,GAGFU,sBAAkCX,CAAK;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-badge-uLAaI{display:inline-flex;align-items:center;gap:var(--
|
|
1
|
+
@layer ui{.ui-badge-uLAaI{display:inline-flex;align-items:center;gap:var(--hd-space-1);font-family:var(--ui-badge-font, var(--hd-font-body));font-size:var(--hd-type-caption-size);font-weight:var(--ui-badge-weight, var(--hd-font-weight-semibold));letter-spacing:var(--ui-badge-tracking, normal);text-transform:var(--ui-badge-transform, none);line-height:1;white-space:nowrap;padding:var(--hd-space-1) var(--hd-space-2);border-radius:var(--ui-badge-radius, var(--hd-radius-pill));border:1px solid transparent}.ui-badge__icon-R2goZ{display:flex;font-size:.95em}.ui-badge--neutral-6kddt.ui-badge--soft-gFeRF{background-color:var(--ui-badge-bg, var(--hd-bg-raised));border-color:var(--ui-badge-line, var(--hd-border));color:var(--ui-badge-fg, var(--hd-text-2))}.ui-badge--neutral-6kddt.ui-badge--solid-rtdHI{background-color:var(--ui-badge-bg, var(--hd-text));border-color:var(--ui-badge-line, var(--hd-text));color:var(--ui-badge-fg, var(--hd-bg-surface))}.ui-badge--neutral-6kddt.ui-badge--outline-QiAAz{border-color:var(--ui-badge-line, var(--hd-border-strong));color:var(--ui-badge-fg, var(--hd-text-2))}.ui-badge--success-Oj11F.ui-badge--soft-gFeRF{background-color:var(--hd-success-bg);border:1px solid var(--hd-success-line);color:var(--hd-success-fg)}.ui-badge--success-Oj11F.ui-badge--solid-rtdHI{background-color:var(--hd-success-solid);border-color:var(--hd-success-solid);color:var(--hd-success-on-solid)}.ui-badge--success-Oj11F.ui-badge--outline-QiAAz{border-color:var(--hd-success-line);color:var(--hd-success-fg)}.ui-badge--warning-vAsx2.ui-badge--soft-gFeRF{background-color:var(--hd-warning-bg);border:1px solid var(--hd-warning-line);color:var(--hd-warning-fg)}.ui-badge--warning-vAsx2.ui-badge--solid-rtdHI{background-color:var(--hd-warning-solid);border-color:var(--hd-warning-solid);color:var(--hd-warning-on-solid)}.ui-badge--warning-vAsx2.ui-badge--outline-QiAAz{border-color:var(--hd-warning-line);color:var(--hd-warning-fg)}.ui-badge--danger-X3nV0.ui-badge--soft-gFeRF{background-color:var(--hd-danger-bg);border:1px solid var(--hd-danger-line);color:var(--hd-danger-fg)}.ui-badge--danger-X3nV0.ui-badge--solid-rtdHI{background-color:var(--hd-danger-solid);border-color:var(--hd-danger-solid);color:var(--hd-danger-on-solid)}.ui-badge--danger-X3nV0.ui-badge--outline-QiAAz{border-color:var(--hd-danger-line);color:var(--hd-danger-fg)}.ui-badge--info-mHOwk.ui-badge--soft-gFeRF{background-color:var(--hd-info-bg);border:1px solid var(--hd-info-line);color:var(--hd-info-fg)}.ui-badge--info-mHOwk.ui-badge--solid-rtdHI{background-color:var(--hd-info-solid);border-color:var(--hd-info-solid);color:var(--hd-info-on-solid)}.ui-badge--info-mHOwk.ui-badge--outline-QiAAz{border-color:var(--hd-info-line);color:var(--hd-info-fg)}.ui-badge--highlight-NOUp4.ui-badge--soft-gFeRF{background-color:var(--hd-highlight-soft);border:1px solid color-mix(in srgb,var(--hd-highlight) 45%,transparent);color:var(--hd-highlight-text)}.ui-badge--highlight-NOUp4.ui-badge--solid-rtdHI{background-color:var(--hd-highlight);border-color:var(--hd-highlight);color:var(--hd-on-highlight)}.ui-badge--highlight-NOUp4.ui-badge--outline-QiAAz{border-color:color-mix(in srgb,var(--hd-highlight) 45%,transparent);color:var(--hd-highlight-text)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-sheet-GEvdE{display:none}.ui-sheet-GEvdE[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px)) 0;width:100%;max-width:none;max-height:max(min(50dvh,320px),min(80dvh,var(--ui-sheet-height, 100dvh) - var(--
|
|
1
|
+
@layer ui{.ui-sheet-GEvdE{display:none}.ui-sheet-GEvdE[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px)) 0;width:100%;max-width:none;max-height:max(min(50dvh,320px),min(80dvh,var(--ui-sheet-height, 100dvh) - var(--hd-space-5) - env(safe-area-inset-top,0px)));margin:0;padding:0;border:none;border-radius:var(--hd-radius-lg) var(--hd-radius-lg) 0 0;background-color:var(--hd-bg-overlay);color:var(--hd-text);box-shadow:var(--hd-shadow-3);overflow:hidden;animation:var(--ui-anim-slide-up) var(--hd-duration-base) var(--hd-ease-standard)}.ui-sheet-GEvdE[open]:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, -2px)}.ui-sheet-GEvdE[open]::backdrop{background-color:var(--hd-scrim);animation:var(--ui-anim-fade-in) var(--hd-duration-base) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-sheet-GEvdE[open]{animation:none}.ui-sheet-GEvdE[open]::backdrop{animation:none}}.ui-sheet__header-NJgw-{display:flex;align-items:center;gap:var(--hd-space-3);justify-content:space-between;padding:var(--hd-space-3) var(--hd-space-4);border-bottom:1px solid var(--hd-border);flex-shrink:0;padding-left:max(var(--hd-space-4),env(safe-area-inset-left,0px));padding-right:max(var(--hd-space-4),env(safe-area-inset-right,0px))}.ui-sheet__title-f-b07{font-family:var(--hd-font-body);font-size:var(--hd-type-body-size);font-weight:var(--hd-font-weight-semibold);line-height:var(--hd-type-h4-line-height);letter-spacing:normal;color:var(--hd-text);margin:0}.ui-sheet__toolbar-eyhmW{padding:var(--hd-space-2) var(--hd-space-3);border-bottom:1px solid var(--hd-border);flex-shrink:0;padding-left:max(var(--hd-space-3),env(safe-area-inset-left,0px));padding-right:max(var(--hd-space-3),env(safe-area-inset-right,0px))}.ui-sheet__body-eJ2KB{flex:1 1 auto;min-height:0;position:relative;overflow-y:auto;overscroll-behavior:contain;padding:var(--hd-space-2) var(--hd-space-3);padding-left:max(var(--hd-space-3),env(safe-area-inset-left,0px));padding-right:max(var(--hd-space-3),env(safe-area-inset-right,0px));scrollbar-width:thin;scrollbar-color:var(--hd-border-strong) transparent}.ui-sheet__body-eJ2KB::-webkit-scrollbar{width:8px;height:8px}.ui-sheet__body-eJ2KB::-webkit-scrollbar-track{background:transparent}.ui-sheet__body-eJ2KB::-webkit-scrollbar-thumb{background-color:var(--hd-border-strong);border-radius:var(--hd-radius-pill);border:2px solid transparent;background-clip:content-box}.ui-sheet__body-eJ2KB::-webkit-scrollbar-thumb:hover{background-color:var(--hd-text-3)}.ui-sheet__body-eJ2KB:last-child{padding-bottom:max(var(--hd-space-3),env(safe-area-inset-bottom,0px) - max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px)))}.ui-sheet__footer-NpsY5{display:flex;align-items:center;gap:var(--hd-space-3);padding:var(--hd-space-3) var(--hd-space-4);padding-left:max(var(--hd-space-4),env(safe-area-inset-left,0px));padding-right:max(var(--hd-space-4),env(safe-area-inset-right,0px));padding-bottom:max(var(--hd-space-3),env(safe-area-inset-bottom,0px) - max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px)));border-top:1px solid var(--hd-border);flex-shrink:0}.ui-sheet__footer-NpsY5>*{flex:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-breadcrumb-amB9n{display:flex;align-items:center;flex-wrap:wrap;gap:var(--
|
|
1
|
+
@layer ui{.ui-breadcrumb-amB9n{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hd-space-1);list-style:none;margin:0;padding:0;font-size:var(--hd-type-caption-size)}@media (max-width: 768px){.ui-breadcrumb-amB9n{display:flex;gap:var(--hd-space-1);position:relative;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-block:var(--hd-space-1) var(--hd-space-3);scrollbar-width:none;-ms-overflow-style:none}.ui-breadcrumb-amB9n::-webkit-scrollbar{display:none}.ui-breadcrumb-amB9n>*{scroll-snap-align:start;flex-shrink:0}.ui-breadcrumb-amB9n{flex-wrap:nowrap;padding-block:0}}.ui-breadcrumb__item-Icv1S{display:inline-flex;align-items:center;gap:var(--hd-space-1);white-space:nowrap}.ui-breadcrumb__link-eVkPq{color:var(--hd-text-2);text-decoration:none;transition:color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-breadcrumb__link-eVkPq:hover{color:var(--hd-primary-text);text-decoration:underline}.ui-breadcrumb__link-eVkPq:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}@media (prefers-reduced-motion: reduce){.ui-breadcrumb__link-eVkPq{transition:none}}.ui-breadcrumb__current-8XjhU{color:var(--hd-text-2);font-weight:var(--hd-font-weight-medium)}[dir=rtl] .ui-breadcrumb__separator-vvaUi{transform:scaleX(-1)}.ui-breadcrumb__separator-vvaUi{color:var(--hd-text-3);font-size:14px;flex-shrink:0}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("react"),h=require("../../helpers/class-name.helper.cjs"),k=require("../../helpers/component.helper.cjs"),v=require("../../enums/ui-size.enum.cjs"),C=require("../../enums/ui-variant.enum.cjs"),R=require("../Link/index.cjs"),$=require("../Spinner/index.cjs"),e={default:{"button":"ui-button-SRu4R","button__icon":"ui-button__icon-giom6","button__spinner":"ui-button__spinner-vexVG","button__label":"ui-button__label-qiMHm","button--inert":"ui-button--inert-iUGId","button--full":"ui-button--full-CwPHR","button--loading":"ui-button--loading-O-naJ","button--xsmall":"ui-button--xsmall-MmjpU","button--pill":"ui-button--pill-VFBYN","button--small":"ui-button--small-TF9Hz","button--medium":"ui-button--medium-JDjkH","button--large":"ui-button--large-btadu","button--primary":"ui-button--primary-ym7RJ","button--
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("react"),h=require("../../helpers/class-name.helper.cjs"),k=require("../../helpers/component.helper.cjs"),v=require("../../enums/ui-size.enum.cjs"),C=require("../../enums/ui-variant.enum.cjs"),R=require("../Link/index.cjs"),$=require("../Spinner/index.cjs"),e={default:{"button":"ui-button-SRu4R","button__icon":"ui-button__icon-giom6","button__spinner":"ui-button__spinner-vexVG","button__label":"ui-button__label-qiMHm","button--inert":"ui-button--inert-iUGId","button--full":"ui-button--full-CwPHR","button--loading":"ui-button--loading-O-naJ","button--xsmall":"ui-button--xsmall-MmjpU","button--pill":"ui-button--pill-VFBYN","button--small":"ui-button--small-TF9Hz","button--medium":"ui-button--medium-JDjkH","button--large":"ui-button--large-btadu","button--primary":"ui-button--primary-ym7RJ","button--accent":"ui-button--accent--hgUf","button--secondary":"ui-button--secondary-56m1d","button--outline":"ui-button--outline-ZI8sw","button--soft":"ui-button--soft-xKGjx","button--ghost":"ui-button--ghost-rijnZ","button--danger":"ui-button--danger-TNGd2","button--on-band":"ui-button--on-band-kQyJF"}},w=m.forwardRef(({variant:f=C.default.PRIMARY,size:_=v.default.MEDIUM,shape:x="rounded",isLoading:n,isFullWidth:p,startIcon:c,endIcon:d,className:j,children:q,disabled:i,href:a,isExternal:N,linkProps:B,testId:o,...u},M)=>{const l=!!i||!!n,r=h.cx(e.default.button,e.default[`button--${f.toLowerCase().replace("_","-")}`],e.default[`button--${_.toLowerCase()}`],x==="pill"&&e.default["button--pill"],p&&e.default["button--full"],n&&e.default["button--loading"],a&&l&&e.default["button--inert"],j),s=t.jsxs(t.Fragment,{children:[n&&t.jsx($.default,{size:"sm",className:e.default.button__spinner,label:""}),!n&&c&&t.jsx("span",{className:e.default.button__icon,children:c}),t.jsx("span",{className:e.default.button__label,children:q}),d&&t.jsx("span",{className:e.default.button__icon,children:d})]}),b={"aria-busy":n,"aria-disabled":l||void 0,tabIndex:l?-1:u.tabIndex,onClick:l?void 0:u.onClick};return a&&N?t.jsx("a",{...u,...b,href:a,className:r,target:"_blank",rel:"noopener noreferrer","data-testid":o,children:s}):a?t.jsx(R.default,{...u,...b,href:a,className:r,"data-testid":o,...B,children:s}):t.jsx("button",{ref:M,className:r,disabled:i||n,"aria-busy":n,"data-testid":o,...u,children:s})}),y=m.memo(k.named(w,"Button"));exports.default=y;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n type AnchorHTMLAttributes,\n type ButtonHTMLAttributes,\n forwardRef,\n memo,\n type MouseEventHandler,\n type ReactNode,\n} from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport UISize from '../../enums/ui-size.enum';\nimport UIVariant from '../../enums/ui-variant.enum';\nimport type { CommonElementProps } from '../../types/common-element-props.type';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\nimport Spinner from '../Spinner';\n\nimport styles from './index.module.scss';\n\n/** Köşe biçimi. `pill` üst bant ve araç çubuğundaki hafif eylemler için; ölçü değişmez. */\nexport type ButtonShape = 'rounded' | 'pill';\n\ntype BaseProps = Partial<{\n variant: UIVariant;\n size: UISize;\n shape: ButtonShape;\n isLoading: boolean;\n isFullWidth: boolean;\n startIcon: ReactNode;\n endIcon: ReactNode;\n}> &\n CommonElementProps;\n\ntype Props = BaseProps &\n ButtonHTMLAttributes<HTMLButtonElement> & {\n /** Verilirse düğme bir bağlantı olarak çizilir. */\n href?: string;\n /** Uygulama dışına çıkan bağlantı: yeni sekmede açılır ve yönlendirici devreye girmez. */\n isExternal?: boolean;\n /** Yönlendiriciye geçirilecek ek props (`{ scroll: false }`, `{ replace: true }`). */\n linkProps?: UiLinkExtraProps;\n };\n\n/**\n * Düğme.\n * @example <Button variant={UIVariant.PRIMARY} isLoading={isSaving} onClick={save}> Kaydet…\n */\nconst Button = /*#__PURE__*/ forwardRef<HTMLButtonElement, Props>(\n (\n {\n variant = UIVariant.PRIMARY,\n size = UISize.MEDIUM,\n shape = 'rounded',\n isLoading,\n isFullWidth,\n startIcon,\n endIcon,\n className,\n children,\n disabled,\n href,\n isExternal,\n linkProps,\n testId,\n ...rest\n },\n ref,\n ) => {\n const isInert = Boolean(disabled) || Boolean(isLoading);\n\n const classNames = cx(\n styles.button,\n styles[`button--${variant.toLowerCase()}`],\n styles[`button--${size.toLowerCase()}`],\n shape === 'pill' && styles['button--pill'],\n isFullWidth && styles['button--full'],\n isLoading && styles['button--loading'],\n href && isInert && styles['button--inert'],\n className,\n );\n\n const content = (\n <>\n {isLoading && <Spinner size=\"sm\" className={styles.button__spinner} label=\"\" />}\n {!isLoading && startIcon && <span className={styles.button__icon}>{startIcon}</span>}\n <span className={styles.button__label}>{children}</span>\n {endIcon && <span className={styles.button__icon}>{endIcon}</span>}\n </>\n );\n\n /*\n * Olculen ariza: tip `ButtonHTMLAttributes` oldugu icin `onClick`, `aria-*`, `data-*`, `id`,\n * `title`, `onBlur` hepsi TIP DENETIMINDEN geciyordu ama…\n * ⚠ BAGLANTI DALLARI DA `...rest` YAYAR.\n *\n * 6.0: BAĞLANTI DALI İŞLEV PROP'U ÜRETMEZ. Bileşen `'use client'` taşımaz; sunucu bileşeninden\n * çizildiğinde `UiLink` (istemci) bir işlev alsaydı RSC serileştirmesi düşerdi (\"Functions\n * cannot be passed directly to Client Components\"). Pasif bağlantı (`disabled` / `isLoading`)\n * `aria-disabled` + `tabIndex=-1` + `pointer-events: none` (`button--inert`) ile durdurulur;\n * tüketicinin `onClick`i yalnızca etkinken ve verildiyse iletilir.\n */\n const linkGuards = {\n 'aria-busy': isLoading,\n 'aria-disabled': isInert || undefined,\n tabIndex: isInert ? -1 : rest.tabIndex,\n onClick: isInert\n ? undefined\n : (rest.onClick as unknown as MouseEventHandler<HTMLAnchorElement> | undefined),\n };\n\n if (href && isExternal)\n return (\n <a\n {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...linkGuards}\n href={href}\n className={classNames}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n data-testid={testId}\n >\n {content}\n </a>\n );\n\n if (href)\n return (\n <UiLink\n {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...linkGuards}\n href={href}\n className={classNames}\n data-testid={testId}\n {...linkProps}\n >\n {content}\n </UiLink>\n );\n\n return (\n <button\n ref={ref}\n className={classNames}\n disabled={disabled || isLoading}\n aria-busy={isLoading}\n data-testid={testId}\n {...rest}\n >\n {content}\n </button>\n );\n },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Button, 'Button')) as typeof Button;\n"],"names":["Button","forwardRef","variant","UIVariant","size","UISize","shape","isLoading","isFullWidth","startIcon","endIcon","className","children","disabled","href","isExternal","linkProps","testId","rest","ref","isInert","classNames","cx","styles","content","jsxs","Fragment","jsx","Spinner","linkGuards","UiLink","memo","named"],"mappings":"kcAgDMA,EAAuBC,EAAAA,WAC3B,CACE,CACE,QAAAC,EAAUC,EAAAA,QAAU,QACpB,KAAAC,EAAOC,EAAAA,QAAO,OACd,MAAAC,EAAQ,UACR,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAU,EAAQP,GAAa,EAAQN,EAEvCc,EAAaC,EAAAA,GACjBC,EAAAA,QAAO,OACPA,
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n type AnchorHTMLAttributes,\n type ButtonHTMLAttributes,\n forwardRef,\n memo,\n type MouseEventHandler,\n type ReactNode,\n} from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport UISize from '../../enums/ui-size.enum';\nimport UIVariant from '../../enums/ui-variant.enum';\nimport type { CommonElementProps } from '../../types/common-element-props.type';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\nimport Spinner from '../Spinner';\n\nimport styles from './index.module.scss';\n\n/** Köşe biçimi. `pill` üst bant ve araç çubuğundaki hafif eylemler için; ölçü değişmez. */\nexport type ButtonShape = 'rounded' | 'pill';\n\ntype BaseProps = Partial<{\n variant: UIVariant;\n size: UISize;\n shape: ButtonShape;\n isLoading: boolean;\n isFullWidth: boolean;\n startIcon: ReactNode;\n endIcon: ReactNode;\n}> &\n CommonElementProps;\n\ntype Props = BaseProps &\n ButtonHTMLAttributes<HTMLButtonElement> & {\n /** Verilirse düğme bir bağlantı olarak çizilir. */\n href?: string;\n /** Uygulama dışına çıkan bağlantı: yeni sekmede açılır ve yönlendirici devreye girmez. */\n isExternal?: boolean;\n /** Yönlendiriciye geçirilecek ek props (`{ scroll: false }`, `{ replace: true }`). */\n linkProps?: UiLinkExtraProps;\n };\n\n/**\n * Düğme.\n * @example <Button variant={UIVariant.PRIMARY} isLoading={isSaving} onClick={save}> Kaydet…\n */\nconst Button = /*#__PURE__*/ forwardRef<HTMLButtonElement, Props>(\n (\n {\n variant = UIVariant.PRIMARY,\n size = UISize.MEDIUM,\n shape = 'rounded',\n isLoading,\n isFullWidth,\n startIcon,\n endIcon,\n className,\n children,\n disabled,\n href,\n isExternal,\n linkProps,\n testId,\n ...rest\n },\n ref,\n ) => {\n const isInert = Boolean(disabled) || Boolean(isLoading);\n\n const classNames = cx(\n styles.button,\n styles[`button--${variant.toLowerCase().replace('_', '-')}`],\n styles[`button--${size.toLowerCase()}`],\n shape === 'pill' && styles['button--pill'],\n isFullWidth && styles['button--full'],\n isLoading && styles['button--loading'],\n href && isInert && styles['button--inert'],\n className,\n );\n\n const content = (\n <>\n {isLoading && <Spinner size=\"sm\" className={styles.button__spinner} label=\"\" />}\n {!isLoading && startIcon && <span className={styles.button__icon}>{startIcon}</span>}\n <span className={styles.button__label}>{children}</span>\n {endIcon && <span className={styles.button__icon}>{endIcon}</span>}\n </>\n );\n\n /*\n * Olculen ariza: tip `ButtonHTMLAttributes` oldugu icin `onClick`, `aria-*`, `data-*`, `id`,\n * `title`, `onBlur` hepsi TIP DENETIMINDEN geciyordu ama…\n * ⚠ BAGLANTI DALLARI DA `...rest` YAYAR.\n *\n * 6.0: BAĞLANTI DALI İŞLEV PROP'U ÜRETMEZ. Bileşen `'use client'` taşımaz; sunucu bileşeninden\n * çizildiğinde `UiLink` (istemci) bir işlev alsaydı RSC serileştirmesi düşerdi (\"Functions\n * cannot be passed directly to Client Components\"). Pasif bağlantı (`disabled` / `isLoading`)\n * `aria-disabled` + `tabIndex=-1` + `pointer-events: none` (`button--inert`) ile durdurulur;\n * tüketicinin `onClick`i yalnızca etkinken ve verildiyse iletilir.\n */\n const linkGuards = {\n 'aria-busy': isLoading,\n 'aria-disabled': isInert || undefined,\n tabIndex: isInert ? -1 : rest.tabIndex,\n onClick: isInert\n ? undefined\n : (rest.onClick as unknown as MouseEventHandler<HTMLAnchorElement> | undefined),\n };\n\n if (href && isExternal)\n return (\n <a\n {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...linkGuards}\n href={href}\n className={classNames}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n data-testid={testId}\n >\n {content}\n </a>\n );\n\n if (href)\n return (\n <UiLink\n {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...linkGuards}\n href={href}\n className={classNames}\n data-testid={testId}\n {...linkProps}\n >\n {content}\n </UiLink>\n );\n\n return (\n <button\n ref={ref}\n className={classNames}\n disabled={disabled || isLoading}\n aria-busy={isLoading}\n data-testid={testId}\n {...rest}\n >\n {content}\n </button>\n );\n },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Button, 'Button')) as typeof Button;\n"],"names":["Button","forwardRef","variant","UIVariant","size","UISize","shape","isLoading","isFullWidth","startIcon","endIcon","className","children","disabled","href","isExternal","linkProps","testId","rest","ref","isInert","classNames","cx","styles","content","jsxs","Fragment","jsx","Spinner","linkGuards","UiLink","memo","named"],"mappings":"kcAgDMA,EAAuBC,EAAAA,WAC3B,CACE,CACE,QAAAC,EAAUC,EAAAA,QAAU,QACpB,KAAAC,EAAOC,EAAAA,QAAO,OACd,MAAAC,EAAQ,UACR,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAU,EAAQP,GAAa,EAAQN,EAEvCc,EAAaC,EAAAA,GACjBC,EAAAA,QAAO,OACPA,UAAO,WAAWrB,EAAQ,YAAA,EAAc,QAAQ,IAAK,GAAG,CAAC,EAAE,EAC3DqB,EAAAA,QAAO,WAAWnB,EAAK,YAAA,CAAa,EAAE,EACtCE,IAAU,QAAUiB,EAAAA,QAAO,cAAc,EACzCf,GAAee,EAAAA,QAAO,cAAc,EACpChB,GAAagB,EAAAA,QAAO,iBAAiB,EACrCT,GAAQM,GAAWG,EAAAA,QAAO,eAAe,EACzCZ,CAAA,EAGIa,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACG,SAAA,CAAAnB,GAAaoB,EAAAA,IAACC,WAAQ,KAAK,KAAK,UAAWL,UAAO,gBAAiB,MAAM,EAAA,CAAG,EAC5E,CAAChB,GAAaE,GAAakB,EAAAA,IAAC,QAAK,UAAWJ,EAAAA,QAAO,aAAe,SAAAd,EAAU,EAC7EkB,EAAAA,IAAC,OAAA,CAAK,UAAWJ,EAAAA,QAAO,cAAgB,SAAAX,EAAS,EAChDF,GAAWiB,EAAAA,IAAC,OAAA,CAAK,UAAWJ,EAAAA,QAAO,aAAe,SAAAb,CAAA,CAAQ,CAAA,EAC7D,EAcImB,EAAa,CACjB,YAAatB,EACb,gBAAiBa,GAAW,OAC5B,SAAUA,EAAU,GAAKF,EAAK,SAC9B,QAASE,EACL,OACCF,EAAK,OAAA,EAGZ,OAAIJ,GAAQC,EAERY,EAAAA,IAAC,IAAA,CACE,GAAIT,EACJ,GAAGW,EACJ,KAAAf,EACA,UAAWO,EACX,OAAO,SACP,IAAI,sBACJ,cAAaJ,EAEZ,SAAAO,CAAA,CAAA,EAIHV,EAEAa,EAAAA,IAACG,EAAAA,QAAA,CACE,GAAIZ,EACJ,GAAGW,EACJ,KAAAf,EACA,UAAWO,EACX,cAAaJ,EACZ,GAAGD,EAEH,SAAAQ,CAAA,CAAA,EAKLG,EAAAA,IAAC,SAAA,CACC,IAAAR,EACA,UAAWE,EACX,SAAUR,GAAYN,EACtB,YAAWA,EACX,cAAaU,EACZ,GAAGC,EAEH,SAAAM,CAAA,CAAA,CAGP,CACF,EAEAxB,EAA6B+B,OAAmBC,EAAAA,MAAMhC,EAAQ,QAAQ,CAAC"}
|
|
@@ -6,7 +6,7 @@ import $ from "../../enums/ui-size.enum.js";
|
|
|
6
6
|
import h from "../../enums/ui-variant.enum.js";
|
|
7
7
|
import j from "../Link/index.js";
|
|
8
8
|
import v from "../Spinner/index.js";
|
|
9
|
-
const t = {"button":"ui-button-SRu4R","button__icon":"ui-button__icon-giom6","button__spinner":"ui-button__spinner-vexVG","button__label":"ui-button__label-qiMHm","button--inert":"ui-button--inert-iUGId","button--full":"ui-button--full-CwPHR","button--loading":"ui-button--loading-O-naJ","button--xsmall":"ui-button--xsmall-MmjpU","button--pill":"ui-button--pill-VFBYN","button--small":"ui-button--small-TF9Hz","button--medium":"ui-button--medium-JDjkH","button--large":"ui-button--large-btadu","button--primary":"ui-button--primary-ym7RJ","button--
|
|
9
|
+
const t = {"button":"ui-button-SRu4R","button__icon":"ui-button__icon-giom6","button__spinner":"ui-button__spinner-vexVG","button__label":"ui-button__label-qiMHm","button--inert":"ui-button--inert-iUGId","button--full":"ui-button--full-CwPHR","button--loading":"ui-button--loading-O-naJ","button--xsmall":"ui-button--xsmall-MmjpU","button--pill":"ui-button--pill-VFBYN","button--small":"ui-button--small-TF9Hz","button--medium":"ui-button--medium-JDjkH","button--large":"ui-button--large-btadu","button--primary":"ui-button--primary-ym7RJ","button--accent":"ui-button--accent--hgUf","button--secondary":"ui-button--secondary-56m1d","button--outline":"ui-button--outline-ZI8sw","button--soft":"ui-button--soft-xKGjx","button--ghost":"ui-button--ghost-rijnZ","button--danger":"ui-button--danger-TNGd2","button--on-band":"ui-button--on-band-kQyJF"};
|
|
10
10
|
const z = /* @__PURE__ */ I(
|
|
11
11
|
({
|
|
12
12
|
variant: p = h.PRIMARY,
|
|
@@ -27,7 +27,7 @@ const z = /* @__PURE__ */ I(
|
|
|
27
27
|
}, C) => {
|
|
28
28
|
const e = !!u || !!o, s = M(
|
|
29
29
|
t.button,
|
|
30
|
-
t[`button--${p.toLowerCase()}`],
|
|
30
|
+
t[`button--${p.toLowerCase().replace("_", "-")}`],
|
|
31
31
|
t[`button--${d.toLowerCase()}`],
|
|
32
32
|
f === "pill" && t["button--pill"],
|
|
33
33
|
_ && t["button--full"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n type AnchorHTMLAttributes,\n type ButtonHTMLAttributes,\n forwardRef,\n memo,\n type MouseEventHandler,\n type ReactNode,\n} from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport UISize from '../../enums/ui-size.enum';\nimport UIVariant from '../../enums/ui-variant.enum';\nimport type { CommonElementProps } from '../../types/common-element-props.type';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\nimport Spinner from '../Spinner';\n\nimport styles from './index.module.scss';\n\n/** Köşe biçimi. `pill` üst bant ve araç çubuğundaki hafif eylemler için; ölçü değişmez. */\nexport type ButtonShape = 'rounded' | 'pill';\n\ntype BaseProps = Partial<{\n variant: UIVariant;\n size: UISize;\n shape: ButtonShape;\n isLoading: boolean;\n isFullWidth: boolean;\n startIcon: ReactNode;\n endIcon: ReactNode;\n}> &\n CommonElementProps;\n\ntype Props = BaseProps &\n ButtonHTMLAttributes<HTMLButtonElement> & {\n /** Verilirse düğme bir bağlantı olarak çizilir. */\n href?: string;\n /** Uygulama dışına çıkan bağlantı: yeni sekmede açılır ve yönlendirici devreye girmez. */\n isExternal?: boolean;\n /** Yönlendiriciye geçirilecek ek props (`{ scroll: false }`, `{ replace: true }`). */\n linkProps?: UiLinkExtraProps;\n };\n\n/**\n * Düğme.\n * @example <Button variant={UIVariant.PRIMARY} isLoading={isSaving} onClick={save}> Kaydet…\n */\nconst Button = /*#__PURE__*/ forwardRef<HTMLButtonElement, Props>(\n (\n {\n variant = UIVariant.PRIMARY,\n size = UISize.MEDIUM,\n shape = 'rounded',\n isLoading,\n isFullWidth,\n startIcon,\n endIcon,\n className,\n children,\n disabled,\n href,\n isExternal,\n linkProps,\n testId,\n ...rest\n },\n ref,\n ) => {\n const isInert = Boolean(disabled) || Boolean(isLoading);\n\n const classNames = cx(\n styles.button,\n styles[`button--${variant.toLowerCase()}`],\n styles[`button--${size.toLowerCase()}`],\n shape === 'pill' && styles['button--pill'],\n isFullWidth && styles['button--full'],\n isLoading && styles['button--loading'],\n href && isInert && styles['button--inert'],\n className,\n );\n\n const content = (\n <>\n {isLoading && <Spinner size=\"sm\" className={styles.button__spinner} label=\"\" />}\n {!isLoading && startIcon && <span className={styles.button__icon}>{startIcon}</span>}\n <span className={styles.button__label}>{children}</span>\n {endIcon && <span className={styles.button__icon}>{endIcon}</span>}\n </>\n );\n\n /*\n * Olculen ariza: tip `ButtonHTMLAttributes` oldugu icin `onClick`, `aria-*`, `data-*`, `id`,\n * `title`, `onBlur` hepsi TIP DENETIMINDEN geciyordu ama…\n * ⚠ BAGLANTI DALLARI DA `...rest` YAYAR.\n *\n * 6.0: BAĞLANTI DALI İŞLEV PROP'U ÜRETMEZ. Bileşen `'use client'` taşımaz; sunucu bileşeninden\n * çizildiğinde `UiLink` (istemci) bir işlev alsaydı RSC serileştirmesi düşerdi (\"Functions\n * cannot be passed directly to Client Components\"). Pasif bağlantı (`disabled` / `isLoading`)\n * `aria-disabled` + `tabIndex=-1` + `pointer-events: none` (`button--inert`) ile durdurulur;\n * tüketicinin `onClick`i yalnızca etkinken ve verildiyse iletilir.\n */\n const linkGuards = {\n 'aria-busy': isLoading,\n 'aria-disabled': isInert || undefined,\n tabIndex: isInert ? -1 : rest.tabIndex,\n onClick: isInert\n ? undefined\n : (rest.onClick as unknown as MouseEventHandler<HTMLAnchorElement> | undefined),\n };\n\n if (href && isExternal)\n return (\n <a\n {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...linkGuards}\n href={href}\n className={classNames}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n data-testid={testId}\n >\n {content}\n </a>\n );\n\n if (href)\n return (\n <UiLink\n {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...linkGuards}\n href={href}\n className={classNames}\n data-testid={testId}\n {...linkProps}\n >\n {content}\n </UiLink>\n );\n\n return (\n <button\n ref={ref}\n className={classNames}\n disabled={disabled || isLoading}\n aria-busy={isLoading}\n data-testid={testId}\n {...rest}\n >\n {content}\n </button>\n );\n },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Button, 'Button')) as typeof Button;\n"],"names":["Button","forwardRef","variant","UIVariant","size","UISize","shape","isLoading","isFullWidth","startIcon","endIcon","className","children","disabled","href","isExternal","linkProps","testId","rest","ref","isInert","classNames","cx","styles","content","jsxs","Fragment","jsx","Spinner","linkGuards","UiLink","Button$1","memo","named"],"mappings":";;;;;;;;;AAgDA,MAAMA,IAAuB,gBAAAC;AAAA,EAC3B,CACE;AAAA,IACE,SAAAC,IAAUC,EAAU;AAAA,IACpB,MAAAC,IAAOC,EAAO;AAAA,IACd,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAU,EAAQP,KAAa,EAAQN,GAEvCc,IAAaC;AAAA,MACjBC,EAAO;AAAA,MACPA,EAAO,WAAWrB,EAAQ,YAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n type AnchorHTMLAttributes,\n type ButtonHTMLAttributes,\n forwardRef,\n memo,\n type MouseEventHandler,\n type ReactNode,\n} from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport UISize from '../../enums/ui-size.enum';\nimport UIVariant from '../../enums/ui-variant.enum';\nimport type { CommonElementProps } from '../../types/common-element-props.type';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\nimport Spinner from '../Spinner';\n\nimport styles from './index.module.scss';\n\n/** Köşe biçimi. `pill` üst bant ve araç çubuğundaki hafif eylemler için; ölçü değişmez. */\nexport type ButtonShape = 'rounded' | 'pill';\n\ntype BaseProps = Partial<{\n variant: UIVariant;\n size: UISize;\n shape: ButtonShape;\n isLoading: boolean;\n isFullWidth: boolean;\n startIcon: ReactNode;\n endIcon: ReactNode;\n}> &\n CommonElementProps;\n\ntype Props = BaseProps &\n ButtonHTMLAttributes<HTMLButtonElement> & {\n /** Verilirse düğme bir bağlantı olarak çizilir. */\n href?: string;\n /** Uygulama dışına çıkan bağlantı: yeni sekmede açılır ve yönlendirici devreye girmez. */\n isExternal?: boolean;\n /** Yönlendiriciye geçirilecek ek props (`{ scroll: false }`, `{ replace: true }`). */\n linkProps?: UiLinkExtraProps;\n };\n\n/**\n * Düğme.\n * @example <Button variant={UIVariant.PRIMARY} isLoading={isSaving} onClick={save}> Kaydet…\n */\nconst Button = /*#__PURE__*/ forwardRef<HTMLButtonElement, Props>(\n (\n {\n variant = UIVariant.PRIMARY,\n size = UISize.MEDIUM,\n shape = 'rounded',\n isLoading,\n isFullWidth,\n startIcon,\n endIcon,\n className,\n children,\n disabled,\n href,\n isExternal,\n linkProps,\n testId,\n ...rest\n },\n ref,\n ) => {\n const isInert = Boolean(disabled) || Boolean(isLoading);\n\n const classNames = cx(\n styles.button,\n styles[`button--${variant.toLowerCase().replace('_', '-')}`],\n styles[`button--${size.toLowerCase()}`],\n shape === 'pill' && styles['button--pill'],\n isFullWidth && styles['button--full'],\n isLoading && styles['button--loading'],\n href && isInert && styles['button--inert'],\n className,\n );\n\n const content = (\n <>\n {isLoading && <Spinner size=\"sm\" className={styles.button__spinner} label=\"\" />}\n {!isLoading && startIcon && <span className={styles.button__icon}>{startIcon}</span>}\n <span className={styles.button__label}>{children}</span>\n {endIcon && <span className={styles.button__icon}>{endIcon}</span>}\n </>\n );\n\n /*\n * Olculen ariza: tip `ButtonHTMLAttributes` oldugu icin `onClick`, `aria-*`, `data-*`, `id`,\n * `title`, `onBlur` hepsi TIP DENETIMINDEN geciyordu ama…\n * ⚠ BAGLANTI DALLARI DA `...rest` YAYAR.\n *\n * 6.0: BAĞLANTI DALI İŞLEV PROP'U ÜRETMEZ. Bileşen `'use client'` taşımaz; sunucu bileşeninden\n * çizildiğinde `UiLink` (istemci) bir işlev alsaydı RSC serileştirmesi düşerdi (\"Functions\n * cannot be passed directly to Client Components\"). Pasif bağlantı (`disabled` / `isLoading`)\n * `aria-disabled` + `tabIndex=-1` + `pointer-events: none` (`button--inert`) ile durdurulur;\n * tüketicinin `onClick`i yalnızca etkinken ve verildiyse iletilir.\n */\n const linkGuards = {\n 'aria-busy': isLoading,\n 'aria-disabled': isInert || undefined,\n tabIndex: isInert ? -1 : rest.tabIndex,\n onClick: isInert\n ? undefined\n : (rest.onClick as unknown as MouseEventHandler<HTMLAnchorElement> | undefined),\n };\n\n if (href && isExternal)\n return (\n <a\n {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...linkGuards}\n href={href}\n className={classNames}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n data-testid={testId}\n >\n {content}\n </a>\n );\n\n if (href)\n return (\n <UiLink\n {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...linkGuards}\n href={href}\n className={classNames}\n data-testid={testId}\n {...linkProps}\n >\n {content}\n </UiLink>\n );\n\n return (\n <button\n ref={ref}\n className={classNames}\n disabled={disabled || isLoading}\n aria-busy={isLoading}\n data-testid={testId}\n {...rest}\n >\n {content}\n </button>\n );\n },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Button, 'Button')) as typeof Button;\n"],"names":["Button","forwardRef","variant","UIVariant","size","UISize","shape","isLoading","isFullWidth","startIcon","endIcon","className","children","disabled","href","isExternal","linkProps","testId","rest","ref","isInert","classNames","cx","styles","content","jsxs","Fragment","jsx","Spinner","linkGuards","UiLink","Button$1","memo","named"],"mappings":";;;;;;;;;AAgDA,MAAMA,IAAuB,gBAAAC;AAAA,EAC3B,CACE;AAAA,IACE,SAAAC,IAAUC,EAAU;AAAA,IACpB,MAAAC,IAAOC,EAAO;AAAA,IACd,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAU,EAAQP,KAAa,EAAQN,GAEvCc,IAAaC;AAAA,MACjBC,EAAO;AAAA,MACPA,EAAO,WAAWrB,EAAQ,YAAA,EAAc,QAAQ,KAAK,GAAG,CAAC,EAAE;AAAA,MAC3DqB,EAAO,WAAWnB,EAAK,YAAA,CAAa,EAAE;AAAA,MACtCE,MAAU,UAAUiB,EAAO,cAAc;AAAA,MACzCf,KAAee,EAAO,cAAc;AAAA,MACpChB,KAAagB,EAAO,iBAAiB;AAAA,MACrCT,KAAQM,KAAWG,EAAO,eAAe;AAAA,MACzCZ;AAAA,IAAA,GAGIa,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,MAAAnB,KAAa,gBAAAoB,EAACC,KAAQ,MAAK,MAAK,WAAWL,EAAO,iBAAiB,OAAM,GAAA,CAAG;AAAA,MAC5E,CAAChB,KAAaE,KAAa,gBAAAkB,EAAC,UAAK,WAAWJ,EAAO,cAAe,UAAAd,GAAU;AAAA,MAC7E,gBAAAkB,EAAC,QAAA,EAAK,WAAWJ,EAAO,eAAgB,UAAAX,GAAS;AAAA,MAChDF,KAAW,gBAAAiB,EAAC,QAAA,EAAK,WAAWJ,EAAO,cAAe,UAAAb,EAAA,CAAQ;AAAA,IAAA,GAC7D,GAcImB,IAAa;AAAA,MACjB,aAAatB;AAAA,MACb,iBAAiBa,KAAW;AAAA,MAC5B,UAAUA,IAAU,KAAKF,EAAK;AAAA,MAC9B,SAASE,IACL,SACCF,EAAK;AAAA,IAAA;AAGZ,WAAIJ,KAAQC,IAER,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAIT;AAAA,QACJ,GAAGW;AAAA,QACJ,MAAAf;AAAA,QACA,WAAWO;AAAA,QACX,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,eAAaJ;AAAA,QAEZ,UAAAO;AAAA,MAAA;AAAA,IAAA,IAIHV,IAEA,gBAAAa;AAAA,MAACG;AAAA,MAAA;AAAA,QACE,GAAIZ;AAAA,QACJ,GAAGW;AAAA,QACJ,MAAAf;AAAA,QACA,WAAWO;AAAA,QACX,eAAaJ;AAAA,QACZ,GAAGD;AAAA,QAEH,UAAAQ;AAAA,MAAA;AAAA,IAAA,IAKL,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,WAAWE;AAAA,QACX,UAAUR,KAAYN;AAAA,QACtB,aAAWA;AAAA,QACX,eAAaU;AAAA,QACZ,GAAGC;AAAA,QAEH,UAAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF,GAEAO,IAA6B,gBAAAC,EAAmB,gBAAAC,EAAMjC,GAAQ,QAAQ,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-button-SRu4R{position:relative}.ui-button-SRu4R:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-button-SRu4R{display:inline-flex;align-items:center;justify-content:center;gap:var(--
|
|
1
|
+
@layer ui{.ui-button-SRu4R{position:relative}.ui-button-SRu4R:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-button-SRu4R{display:inline-flex;align-items:center;justify-content:center;gap:var(--hd-space-2);border:1px solid transparent;border-radius:var(--ui-button-radius, var(--hd-radius-sm));font-family:var(--hd-font-body);font-weight:var(--ui-button-weight, var(--hd-font-weight-semibold));line-height:1;letter-spacing:var(--ui-button-tracking, normal);white-space:var(--ui-button-wrap, nowrap);cursor:pointer;text-decoration:none;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),border-color var(--hd-duration-fast) var(--hd-ease-standard),color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard),transform var(--hd-duration-fast) var(--hd-ease-standard)}.ui-button-SRu4R:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}.ui-button-SRu4R:active:not(:disabled){transform:translateY(1px)}.ui-button-SRu4R:disabled{cursor:not-allowed;transform:none;box-shadow:none}@media (prefers-reduced-motion: reduce){.ui-button-SRu4R{transition:none}.ui-button-SRu4R:active:not(:disabled){transform:none}}.ui-button__icon-giom6{display:inline-flex;align-items:center;flex-shrink:0;font-size:18px}.ui-button__spinner-vexVG{display:inline-flex;align-items:center;flex-shrink:0;font-size:1.05em}.ui-button__label-qiMHm{display:inline-flex;align-items:center}.ui-button--inert-iUGId{pointer-events:none}.ui-button--full-CwPHR{width:100%}.ui-button--loading-O-naJ{cursor:progress}.ui-button--xsmall-MmjpU{padding:var(--hd-space-1) var(--hd-space-3);font-size:var(--hd-type-caption-size);min-height:28px}.ui-button--xsmall-MmjpU .ui-button__icon-giom6{font-size:14px}.ui-button--pill-VFBYN{border-radius:var(--hd-radius-pill)}.ui-button--small-TF9Hz{padding:var(--hd-space-1) var(--hd-space-3);font-size:var(--hd-type-small-size);min-height:32px}.ui-button--small-TF9Hz .ui-button__icon-giom6{font-size:16px}.ui-button--medium-JDjkH{padding:var(--hd-space-2) var(--hd-space-4);font-size:calc((var(--hd-type-small-size) + var(--hd-type-body-size)) / 2);min-height:40px}.ui-button--large-btadu{padding:var(--hd-space-3) var(--hd-space-6);font-size:var(--hd-type-body-size);min-height:48px}.ui-button--large-btadu .ui-button__icon-giom6{font-size:20px}.ui-button--primary-ym7RJ{background-color:var(--hd-primary);border-color:var(--hd-primary);color:var(--hd-on-primary)}.ui-button--primary-ym7RJ:hover:not(:disabled){background-color:var(--hd-primary-hover);border-color:var(--hd-primary-hover)}.ui-button--primary-ym7RJ:active:not(:disabled){background-color:var(--hd-primary-active);border-color:var(--hd-primary-active)}.ui-button--accent--hgUf{background-color:var(--hd-accent);border-color:var(--hd-accent);color:var(--hd-on-accent)}.ui-button--accent--hgUf:hover:not(:disabled){background-color:var(--hd-accent-hover);border-color:var(--hd-accent-hover)}.ui-button--accent--hgUf:active:not(:disabled){background-color:var(--hd-accent-active);border-color:var(--hd-accent-active)}.ui-button--secondary-56m1d{background-color:var(--hd-bg-surface);border-color:var(--hd-border-strong);color:var(--hd-text)}.ui-button--secondary-56m1d:hover:not(:disabled){border-color:var(--hd-text-3);background-color:var(--hd-bg-raised)}.ui-button--secondary-56m1d:active:not(:disabled){background-color:var(--hd-bg-inset)}.ui-button--outline-ZI8sw{background-color:transparent;border-color:var(--hd-primary);color:var(--hd-primary-text)}.ui-button--outline-ZI8sw:hover:not(:disabled){background-color:var(--hd-primary-soft)}.ui-button--outline-ZI8sw:active:not(:disabled){background-color:var(--hd-primary-soft-hover)}.ui-button--soft-xKGjx{background-color:var(--hd-bg-raised);color:var(--hd-text)}.ui-button--soft-xKGjx:hover:not(:disabled){background-color:var(--hd-bg-inset)}.ui-button--soft-xKGjx:active:not(:disabled){background-color:var(--hd-bg-inset);border-color:var(--hd-border-strong)}.ui-button--ghost-rijnZ{background-color:transparent;color:var(--hd-primary-text)}.ui-button--ghost-rijnZ:hover:not(:disabled){background-color:var(--hd-primary-soft)}.ui-button--ghost-rijnZ:active:not(:disabled){background-color:var(--hd-primary-soft-hover)}.ui-button--danger-TNGd2{background-color:var(--hd-danger-solid);border-color:var(--hd-danger-solid);color:var(--hd-danger-on-solid)}.ui-button--danger-TNGd2:hover:not(:disabled){background-color:color-mix(in oklab,var(--hd-danger-solid) 88%,black);border-color:color-mix(in oklab,var(--hd-danger-solid) 88%,black)}.ui-button--danger-TNGd2:active:not(:disabled){background-color:color-mix(in oklab,var(--hd-danger-solid) 78%,black);border-color:color-mix(in oklab,var(--hd-danger-solid) 78%,black)}.ui-button--on-band-kQyJF{background-color:transparent;border-color:var(--hd-band-line-strong);color:var(--hd-band-text)}.ui-button--on-band-kQyJF:hover:not(:disabled){background-color:var(--hd-band-line);border-color:var(--hd-band-text-2)}.ui-button--on-band-kQyJF:active:not(:disabled){background-color:var(--hd-band-deep)}.ui-button--on-band-kQyJF:disabled{background-color:transparent;border-color:var(--hd-band-line);color:var(--hd-band-line-strong)}.ui-button-SRu4R:disabled:not(.ui-button--on-band-kQyJF){background-color:var(--hd-bg-disabled);border-color:transparent;color:var(--hd-text-disabled)}.ui-button--outline-ZI8sw:disabled:not(.ui-button--on-band-kQyJF),.ui-button--ghost-rijnZ:disabled:not(.ui-button--on-band-kQyJF){background-color:transparent}.ui-button--outline-ZI8sw:disabled:not(.ui-button--on-band-kQyJF){border-color:var(--hd-border)}.ui-button__spinner-vexVG{border-color:color-mix(in srgb,currentColor 28%,transparent);border-top-color:currentColor;width:1.15em;height:1.15em;border-width:2px}@media (prefers-reduced-motion: reduce){.ui-button__spinner-vexVG{border-top-color:currentColor}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-card-CaHUG{background-color:var(--
|
|
1
|
+
@layer ui{.ui-card-CaHUG{background-color:var(--hd-bg-surface);border:1px solid var(--hd-border);border-radius:var(--hd-radius-md)}@media (max-width: 640px){.ui-card-CaHUG{border-radius:var(--hd-radius-sm)}}.ui-card-CaHUG{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%}.ui-card--interactive-C1pXZ{transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard),transform var(--hd-duration-fast) var(--hd-ease-standard)}.ui-card--interactive-C1pXZ:hover{border-color:var(--hd-border-strong);box-shadow:var(--hd-shadow-2);transform:translateY(-2px)}.ui-card--interactive-C1pXZ:active{transform:translateY(0);box-shadow:var(--hd-shadow-1)}.ui-card--interactive-C1pXZ:hover .ui-media__frame-eBv-s>img{transform:scale(1.04)}@media (prefers-reduced-motion: reduce){.ui-card--interactive-C1pXZ{transition:none}.ui-card--interactive-C1pXZ:hover,.ui-card--interactive-C1pXZ:active{transform:none}.ui-card--interactive-C1pXZ:hover .ui-media__frame-eBv-s>img{transform:none}}.ui-media-eggk5{position:relative}.ui-media__link-ujyVV{display:block}.ui-media__frame-eBv-s{display:block;position:relative;width:100%;overflow:hidden}.ui-media__frame-eBv-s>img{width:100%;height:100%;transition:transform var(--hd-duration-slow) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-media__frame-eBv-s>img{transition:none}}.ui-media__frame--cover-ddl29>img{object-fit:cover}.ui-media__frame--contain-5gosS,.ui-media__frame--inset-oVQIn{padding:var(--hd-space-4)}.ui-media__frame--contain-5gosS>img,.ui-media__frame--inset-oVQIn>img{object-fit:contain}.ui-media__frame--inset-oVQIn{display:flex;align-items:center;justify-content:center}.ui-media__frame--inset-oVQIn>img{width:85%;height:85%}.ui-overlay-AVMTX{position:absolute;z-index:var(--hd-z-sticky);display:flex;flex-direction:column;gap:var(--hd-space-1);pointer-events:none}.ui-overlay-AVMTX>button,.ui-overlay-AVMTX>a{pointer-events:auto}.ui-overlay--top-left-td1xA{top:var(--hd-space-3);inset-inline-start:var(--hd-space-3);align-items:flex-start}.ui-overlay--top-right-GqD9H{top:var(--hd-space-3);inset-inline-end:var(--hd-space-3);align-items:flex-end}.ui-overlay--bottom-left-T5Quw{bottom:var(--hd-space-3);inset-inline-start:var(--hd-space-3);align-items:flex-start}.ui-overlay--bottom-right-za3z3{bottom:var(--hd-space-3);inset-inline-end:var(--hd-space-3);align-items:flex-end}.ui-body-DyI-6{display:flex;flex-direction:column;gap:var(--hd-space-2);padding:var(--hd-space-4) var(--hd-space-4) var(--hd-space-3);flex:1;min-width:0}.ui-footer-2WNCZ{display:flex;flex-direction:column;gap:var(--hd-space-2);padding:var(--hd-space-3) var(--hd-space-4) var(--hd-space-4);border-top:1px solid var(--hd-border);margin-top:auto}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-carousel-GJXkW{position:relative}.ui-carousel__controls-hm5ij{display:flex;align-items:center;gap:var(--
|
|
1
|
+
@layer ui{.ui-carousel-GJXkW{position:relative}.ui-carousel__controls-hm5ij{display:flex;align-items:center;gap:var(--hd-space-1);justify-content:flex-end;margin-bottom:var(--hd-space-2)}[dir=rtl] .ui-carousel__arrowIcon-adFey{transform:scaleX(-1)}.ui-carousel__track-mAux5{display:grid;grid-auto-flow:column;grid-auto-columns:var(--ui-carousel-item, var(--ui-carousel-item-default, 240px));justify-content:start;gap:var(--hd-space-4);position:relative;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-block:var(--hd-space-1);scrollbar-width:thin;scrollbar-color:var(--hd-border-strong) transparent}.ui-carousel__track-mAux5::-webkit-scrollbar{width:8px;height:8px}.ui-carousel__track-mAux5::-webkit-scrollbar-track{background:transparent}.ui-carousel__track-mAux5::-webkit-scrollbar-thumb{background-color:var(--hd-border-strong);border-radius:var(--hd-radius-pill);border:2px solid transparent;background-clip:content-box}.ui-carousel__track-mAux5::-webkit-scrollbar-thumb:hover{background-color:var(--hd-text-3)}.ui-carousel__track-mAux5:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, -2px)}.ui-carousel__track-mAux5>*{scroll-snap-align:start}@media (prefers-reduced-motion: reduce){.ui-carousel__track-mAux5{scroll-behavior:auto}}.ui-carousel__dots-iU8RJ{display:flex;align-items:center;gap:var(--hd-space-1);justify-content:center;margin-top:var(--hd-space-3)}.ui-carousel__dot-JTLCB{position:relative}.ui-carousel__dot-JTLCB:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-carousel__dot-JTLCB{width:8px;height:8px;padding:0;border:none;border-radius:var(--hd-radius-pill);background-color:var(--hd-border-strong);cursor:pointer;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),width var(--hd-duration-fast) var(--hd-ease-standard)}.ui-carousel__dot--active-riNMm{width:20px;background-color:var(--hd-primary)}.ui-carousel__dot-JTLCB:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}@media (prefers-reduced-motion: reduce){.ui-carousel__dot-JTLCB{transition:none}}@media (forced-colors: active){.ui-carousel__dot-JTLCB{background-color:ButtonBorder}.ui-carousel__dot--active-riNMm{background-color:Highlight;forced-color-adjust:none}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-checkbox-FaFCj{display:flex;align-items:flex-start;gap:var(--
|
|
1
|
+
@layer ui{.ui-checkbox-FaFCj{display:flex;align-items:flex-start;gap:var(--hd-space-3);cursor:pointer}.ui-checkbox__input-nTHne{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-content:center;flex-shrink:0;width:18px;height:18px;margin:0;border:1.5px solid var(--hd-text-3);border-radius:var(--hd-radius-xs);background-color:var(--hd-bg-surface);cursor:pointer;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),border-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-checkbox__input-nTHne:before{content:"";width:10px;height:10px;background-color:var(--hd-on-primary);scale:0;transition:scale var(--hd-duration-fast) var(--hd-ease-standard);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.ui-checkbox__input-nTHne:hover:not(:disabled){border-color:var(--hd-text-2)}.ui-checkbox__input-nTHne:checked,.ui-checkbox__input-nTHne:indeterminate{background-color:var(--hd-primary);border-color:var(--hd-primary)}.ui-checkbox__input-nTHne:checked:before,.ui-checkbox__input-nTHne:indeterminate:before{scale:1}.ui-checkbox__input-nTHne:checked:hover:not(:disabled),.ui-checkbox__input-nTHne:indeterminate:hover:not(:disabled){background-color:var(--hd-primary-hover);border-color:var(--hd-primary-hover)}.ui-checkbox__input-nTHne:indeterminate:before{clip-path:inset(40% 5%)}.ui-checkbox__input-nTHne:disabled{background-color:var(--hd-bg-disabled);border-color:var(--hd-border-strong);cursor:not-allowed}.ui-checkbox__input-nTHne:checked:disabled,.ui-checkbox__input-nTHne:indeterminate:disabled{background-color:var(--hd-text-disabled);border-color:transparent}.ui-checkbox__input-nTHne:checked:disabled:before,.ui-checkbox__input-nTHne:indeterminate:disabled:before{background-color:var(--hd-bg-surface)}@media (prefers-reduced-motion: reduce){.ui-checkbox__input-nTHne{transition:none}.ui-checkbox__input-nTHne:before{transition:none}}@media (forced-colors: active){.ui-checkbox__input-nTHne{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.ui-checkbox__input-nTHne:before{display:none}}.ui-checkbox__input-nTHne{margin-top:2px}.ui-checkbox__input-nTHne:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}.ui-checkbox__body-VAEW2{display:flex;flex-direction:column;gap:var(--hd-space-1);flex:1;min-width:0}.ui-checkbox__label-sSNZY{font-size:var(--hd-type-small-size);line-height:var(--hd-type-body-line-height);color:var(--hd-text)}.ui-checkbox__hint-ish-J{font-size:var(--hd-type-caption-size);color:var(--hd-text-2);line-height:var(--hd-type-body-line-height)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer ui{.ui-chip--NLgU{position:relative}.ui-chip--NLgU:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-chip--NLgU{display:inline-flex;align-items:center;justify-content:center;gap:var(--
|
|
1
|
+
@charset "UTF-8";@layer ui{.ui-chip--NLgU{position:relative}.ui-chip--NLgU:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-chip--NLgU{display:inline-flex;align-items:center;justify-content:center;gap:var(--hd-space-2);background-color:var(--ui-chip-bg, var(--hd-bg-surface));border:1px solid var(--ui-chip-line, var(--hd-border));border-radius:var(--ui-chip-radius, var(--hd-radius-sm));color:var(--ui-chip-fg, var(--hd-text-2));font-family:var(--hd-font-body);font-weight:var(--ui-chip-weight, var(--hd-font-weight-medium));line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),color var(--hd-duration-fast) var(--hd-ease-standard),background-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-chip--NLgU:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}.ui-chip--NLgU:hover:not(:disabled){border-color:var(--hd-border-strong);color:var(--hd-text)}.ui-chip--NLgU:disabled{background-color:var(--hd-bg-raised);border-color:var(--hd-border);cursor:not-allowed;color:var(--hd-text-3)}@media (forced-colors: active){.ui-chip--NLgU:disabled{color:GrayText;border-color:GrayText}}.ui-chip--NLgU:disabled .ui-chip__icon-IjjSb,.ui-chip--NLgU:disabled .ui-chip__count-MBGO3{color:var(--hd-text-3)}@media (forced-colors: active){.ui-chip--NLgU:disabled .ui-chip__icon-IjjSb,.ui-chip--NLgU:disabled .ui-chip__count-MBGO3{color:GrayText}}@media (prefers-reduced-motion: reduce){.ui-chip--NLgU{transition:none}}.ui-chip__icon-IjjSb{display:inline-flex;align-items:center;flex-shrink:0;font-size:.92em;color:var(--hd-text-2);transition:color var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-chip__icon-IjjSb{transition:none}}.ui-chip__label-cT4hw{overflow:hidden;text-overflow:ellipsis}.ui-chip__count-MBGO3{font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text-3);font-variant-numeric:tabular-nums;flex-shrink:0}.ui-chip--sm-60H-S{font-size:var(--hd-type-caption-size);padding:var(--hd-space-2) var(--hd-space-3);min-height:32px}.ui-chip--md--yAlm{font-size:var(--hd-type-small-size);padding:var(--hd-space-2) var(--hd-space-4);min-height:40px}.ui-chip--iconOnly-5LT1h{gap:0}.ui-chip--iconOnly-5LT1h.ui-chip--sm-60H-S{width:32px;padding:0}.ui-chip--iconOnly-5LT1h.ui-chip--md--yAlm{width:40px;padding:0}.ui-chip--iconOnly-5LT1h .ui-chip__icon-IjjSb{font-size:1em}.ui-chip--selected-FdpCr{border-color:var(--ui-chip-selected-line, var(--hd-primary));color:var(--ui-chip-selected-fg, var(--hd-primary-text));background-color:var(--ui-chip-selected-bg, var(--hd-primary-soft));font-weight:var(--ui-chip-selected-weight, var(--hd-font-weight-semibold))}.ui-chip--selected-FdpCr .ui-chip__icon-IjjSb,.ui-chip--selected-FdpCr .ui-chip__count-MBGO3{color:var(--ui-chip-selected-fg, var(--hd-primary-text))}.ui-chip--selected-FdpCr:hover:not(:disabled){border-color:var(--ui-chip-selected-line, var(--hd-primary-hover));color:var(--ui-chip-selected-fg, var(--hd-primary-text));background-color:var(--ui-chip-selected-bg, var(--hd-primary-soft-hover))}.ui-chip--selected-FdpCr:disabled{border-color:var(--hd-text-3)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-group-0tnVf{display:flex;flex-wrap:wrap;gap:var(--
|
|
1
|
+
@layer ui{.ui-group-0tnVf{display:flex;flex-wrap:wrap;gap:var(--hd-space-2)}.ui-group--scrollable-PMu6V{display:flex;gap:var(--hd-space-2);position:relative;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-block:var(--hd-space-1) var(--hd-space-3);scrollbar-width:none;-ms-overflow-style:none}.ui-group--scrollable-PMu6V::-webkit-scrollbar{display:none}.ui-group--scrollable-PMu6V>*{scroll-snap-align:start;flex-shrink:0}.ui-group--scrollable-PMu6V{flex-wrap:nowrap;padding-block:2px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer ui{.ui-badge-b14ZG{display:inline-flex;align-items:center;gap:var(--
|
|
1
|
+
@layer ui{.ui-badge-b14ZG{display:inline-flex;align-items:center;gap:var(--hd-space-2);max-width:100%;min-width:0;background-color:var(--hd-slate-900);color:var(--hd-slate-50);border:1px solid var(--hd-slate-700);border-radius:var(--hd-radius-xs)}.ui-badge--xs-PBD2E{padding:1px var(--hd-space-1);border-radius:var(--hd-radius-xs)}.ui-badge--xs-PBD2E .ui-badge__code-RRDlH{font-family:var(--hd-font-mono);font-size:var(--hd-type-caption-size);font-variant-numeric:tabular-nums;letter-spacing:.02em}.ui-badge--sm-Fr4vY{padding:var(--hd-space-1) var(--hd-space-2)}.ui-badge--sm-Fr4vY .ui-badge__code-RRDlH{font-family:var(--hd-font-mono);font-size:var(--hd-type-small-size);letter-spacing:.02em;font-variant-numeric:tabular-nums}.ui-badge--md-HGRL4{padding:var(--hd-space-1) var(--hd-space-3)}.ui-badge--md-HGRL4 .ui-badge__code-RRDlH{font-family:var(--hd-font-mono);font-size:var(--hd-type-h4-size);letter-spacing:.02em;font-variant-numeric:tabular-nums}.ui-badge--lg-J4aiq{padding:var(--hd-space-2) var(--hd-space-4)}.ui-badge--lg-J4aiq .ui-badge__code-RRDlH{font-family:var(--hd-font-mono);font-size:var(--hd-type-h2-size);letter-spacing:.02em;font-variant-numeric:tabular-nums}.ui-badge--interactive-mxvxZ{transition:background-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-badge--interactive-mxvxZ:has(.ui-badge__action-OCHTM:hover){background-color:var(--hd-slate-800)}.ui-badge--interactive-mxvxZ .ui-badge__code-RRDlH{-webkit-user-select:auto;user-select:auto}@media (prefers-reduced-motion: reduce){.ui-badge--interactive-mxvxZ{transition:none}}.ui-badge__action-OCHTM{position:relative}.ui-badge__action-OCHTM:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-badge__action-OCHTM{display:inline-flex;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.ui-badge__action-OCHTM:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-slate-50);outline-offset:var(--ui-ring-offset, 2px)}.ui-badge__code-RRDlH{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;-webkit-user-select:all;user-select:all;color:inherit;font-weight:var(--hd-font-weight-bold);letter-spacing:.04em}.ui-badge__button-CVr21{position:relative}.ui-badge__button-CVr21:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-badge__button-CVr21{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;border-radius:var(--hd-radius-xs);background:none;color:var(--hd-slate-300);font-size:16px;cursor:pointer;transition:color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-badge__button-CVr21:hover{color:var(--hd-slate-50)}.ui-badge__button-CVr21:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-slate-50);outline-offset:var(--ui-ring-offset, 1px)}@media (prefers-reduced-motion: reduce){.ui-badge__button-CVr21{transition:none}}.ui-badge__button--done-k6XeK,.ui-badge__button--done-k6XeK:hover{color:var(--hd-slate-50)}.ui-badge__srOnly-ow8L5{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),s=require("react"),pe=require("react-dom"),
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),s=require("react"),pe=require("react-dom"),R=require("react-bootstrap-icons"),_e=require("../../constants/breakpoint.constants.cjs"),L=require("../../helpers/class-name.helper.cjs"),M=require("../../helpers/label.helper.cjs"),te=require("../../helpers/text.helper.cjs"),ve=require("../../hooks/useAsyncSearch.cjs"),ge=require("../../hooks/useListboxNavigation.cjs"),ye=require("../../hooks/usePortalSurface.cjs"),je=require("../../hooks/usePositioning.cjs"),Ne=require("../../hooks/useVirtualList.cjs"),Le=require("../../theme/context.cjs"),qe=require("../BottomSheet/index.cjs"),Ee=require("../Spinner/index.cjs"),D=require("../../constants/combobox.constants.cjs"),t={default:{"combobox":"ui-combobox-NtZoV","combobox__trigger":"ui-combobox__trigger-2riRR","combobox__trigger--empty":"ui-combobox__trigger--empty-RxwCq","combobox__trigger--open":"ui-combobox__trigger--open-rw1ZS","combobox__trigger--invalid":"ui-combobox__trigger--invalid-iZgiN","combobox__trigger--clearable":"ui-combobox__trigger--clearable-shq9I","combobox__chevron":"ui-combobox__chevron-g-QzQ","combobox__leadingIcon":"ui-combobox__leadingIcon-it2xz","combobox__value":"ui-combobox__value-acDlr","combobox__clear":"ui-combobox__clear-EXOsc","combobox__chevron--open":"ui-combobox__chevron--open-9kj1j","combobox__panel":"ui-combobox__panel-srBxl","combobox__search":"ui-combobox__search-THjer","combobox__searchIcon":"ui-combobox__searchIcon-vr4Bg","combobox__searchInput":"ui-combobox__searchInput-JPp5h","combobox__list":"ui-combobox__list-p-eCs","combobox__list--sheet":"ui-combobox__list--sheet-r3MzB","combobox__option":"ui-combobox__option-CLWh-","combobox__option--active":"ui-combobox__option--active--75Vq","combobox__option--selected":"ui-combobox__option--selected-DVFGy","combobox__option--disabled":"ui-combobox__option--disabled-e6VjI","combobox__optionText":"ui-combobox__optionText-Zm0D6","combobox__optionLabel":"ui-combobox__optionLabel-WvT4W","combobox__optionDescription":"ui-combobox__optionDescription-8OEzi","combobox__check":"ui-combobox__check-MKlLz","combobox__empty":"ui-combobox__empty-mZwBq","combobox__srName":"ui-combobox__srName-9PNXF"}},Ie=({options:p,value:_,onChange:k,labels:u,isSearchHidden:A,onSearch:S,isLoading:H,isDisabled:v,isClearable:K,icon:U,id:oe,required:se,className:ae,testId:re,"aria-describedby":le,"aria-invalid":B})=>{const{labels:a}=Le.useUi(),g={get search(){var e;return M.resolveLabel("Combobox.searchPlaceholder",u.searchPlaceholder,(e=a==null?void 0:a.combobox)==null?void 0:e.searchPlaceholder)},get empty(){var e;return M.resolveLabel("Combobox.emptyMessage",u.emptyMessage,(e=a==null?void 0:a.combobox)==null?void 0:e.emptyMessage)},get loading(){var e;return M.resolveLabel("Combobox.loadingMessage",u.loadingMessage,(e=a==null?void 0:a.combobox)==null?void 0:e.loadingMessage)},get clear(){var e;return M.resolveLabel("Combobox.clearLabel",u.clearLabel,(e=a==null?void 0:a.combobox)==null?void 0:e.clearLabel)}},ne=s.useId(),d=oe??ne,O=`${d}-listbox`,V=s.useRef(null),q=s.useRef(null),E=s.useRef(null),z=s.useRef(null),[c,G]=s.useState(null),r=c!==null,[y,$]=s.useState(""),[ce,I]=s.useState(null),l=s.useMemo(()=>{if(S||y.trim()==="")return p;const e=y.trim();return p.filter(i=>te.matchesSearch(i.label,e)||(i.description?te.matchesSearch(i.description,e):!1))},[p,y,S]),f=p.find(e=>e.value===_)??null;s.useEffect(()=>{f?I(f.label):_===null&&I(null)},[f,_]);const j=(f==null?void 0:f.label)??ce;ve.default(y,r,S,D.SEARCH_DEBOUNCE_MS);const h=s.useCallback(()=>{G(null),$("")},[]),Q=s.useCallback(()=>{v||(G(window.matchMedia(_e.SHEET_MEDIA_QUERY).matches?"sheet":"popover"),$(""))},[v]);s.useEffect(()=>{if(c!=="popover")return;const e=i=>{var w,b;const n=i.target;(w=V.current)!=null&&w.contains(n)||(b=E.current)!=null&&b.contains(n)||h()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[c,h]),s.useEffect(()=>{var e;c==="popover"&&((e=z.current)==null||e.focus({preventScroll:!0}))},[c]);const F=e=>{e.isDisabled||(I(e.label),k(e.value),h())},W=s.useRef(!1);s.useEffect(()=>{var e;W.current&&!r&&((e=q.current)==null||e.focus()),W.current=r},[r]);const P=je.default(q,E,{side:"bottom",align:"start",isOpen:r&&c==="popover"}),C=ye.default(c==="popover",q,E),{activeIndex:N,setActiveIndex:X,listRef:ie,handleKeyDown:Y}=ge.default({count:l.length,isOpen:r,initialIndex:Math.max(p.findIndex(e=>e.value===_),0),onSelect:e=>{const i=l[e];i&&F(i)},onClose:h}),de=l.some(e=>!!e.description),m=c==="popover"&&!de&&l.length>D.VIRTUAL_THRESHOLD,{scrollRef:ue,range:x,scrollToIndex:J}=Ne.default(l.length,{rowHeight:D.OPTION_HEIGHT,isEnabled:m});s.useEffect(()=>{m&&J(N)},[N,m,J]);const be=e=>{ie.current=e,ue.current=e},me=Y,xe=e=>{if(A){if(!r){["ArrowDown","ArrowUp","Enter"," "].includes(e.key)&&(e.preventDefault(),Q());return}Y(e)}},fe=()=>{k(null),I(null)},Z=A?null:o.jsxs("div",{className:t.default.combobox__search,children:[o.jsx(R.Search,{"aria-hidden":!0,className:t.default.combobox__searchIcon}),o.jsx("input",{ref:z,type:"text",className:t.default.combobox__searchInput,value:y,placeholder:g.search,autoComplete:"off","aria-autocomplete":"list","aria-controls":O,"aria-activedescendant":l[N]?`${d}-option-${N}`:void 0,"aria-label":g.search,onChange:e=>{$(e.target.value),X(0)},onKeyDown:me}),H&&o.jsx(Ee.default,{size:"sm",label:""})]}),ee=e=>{const i=l.slice(x.start,x.end);return o.jsxs("ul",{ref:be,id:O,role:"listbox",className:L.cx(t.default.combobox__list,e&&t.default["combobox__list--sheet"]),children:[m&&x.offset>0&&o.jsx("li",{"aria-hidden":!0,style:{height:x.offset}}),i.map((n,w)=>{const b=x.start+w,he=b===N,T=n.value===_;return o.jsxs("li",{id:`${d}-option-${b}`,role:"option","data-index":b,"aria-setsize":m?l.length:void 0,"aria-posinset":m?b+1:void 0,"aria-selected":T,"aria-disabled":n.isDisabled,className:L.cx(t.default.combobox__option,he&&t.default["combobox__option--active"],T&&t.default["combobox__option--selected"],n.isDisabled&&t.default["combobox__option--disabled"]),onMouseEnter:()=>X(b),onClick:()=>F(n),children:[o.jsxs("span",{className:t.default.combobox__optionText,children:[o.jsx("span",{className:t.default.combobox__optionLabel,children:n.label}),n.description&&o.jsx("span",{className:t.default.combobox__optionDescription,children:n.description})]}),T&&o.jsx(R.CheckLg,{"aria-hidden":!0,className:t.default.combobox__check})]},n.value)}),m&&x.end<l.length&&o.jsx("li",{"aria-hidden":!0,style:{height:(l.length-x.end)*D.OPTION_HEIGHT}}),l.length===0&&o.jsx("li",{className:t.default.combobox__empty,children:H?g.loading:g.empty})]})};return o.jsxs("div",{ref:V,className:L.cx(t.default.combobox,ae),"data-testid":re,children:[o.jsxs("button",{ref:q,id:d,type:"button",className:L.cx(t.default.combobox__trigger,!j&&t.default["combobox__trigger--empty"],r&&t.default["combobox__trigger--open"],B&&t.default["combobox__trigger--invalid"],K&&j&&!v&&t.default["combobox__trigger--clearable"]),disabled:v,role:"combobox","aria-haspopup":"listbox","aria-expanded":r,"aria-controls":O,"aria-labelledby":j?`${d}-name ${d}-value`:`${d}-name`,"aria-describedby":le,"aria-invalid":B||void 0,"aria-required":se||void 0,onClick:()=>r?h():Q(),onKeyDown:xe,children:[U&&o.jsx("span",{className:t.default.combobox__leadingIcon,"aria-hidden":!0,children:U}),o.jsx("span",{id:`${d}-name`,className:t.default.combobox__srName,children:u.placeholder}),o.jsx("span",{id:`${d}-value`,className:t.default.combobox__value,children:j??u.placeholder}),o.jsx(R.CaretDownFill,{"aria-hidden":!0,className:L.cx(t.default.combobox__chevron,r&&t.default["combobox__chevron--open"])})]}),K&&j&&!v&&o.jsx("button",{type:"button",className:t.default.combobox__clear,"aria-label":g.clear,onClick:fe,children:o.jsx(R.XLg,{"aria-hidden":!0})}),c==="popover"&&C.container&&pe.createPortal(o.jsxs("div",{ref:E,className:t.default.combobox__panel,...C.attributes,style:{...P.style,...C.style,width:P.anchorWidth||void 0,visibility:P.isPositioned?void 0:"hidden"},children:[Z,ee(!1)]}),C.container),c==="sheet"&&o.jsx(qe.default,{title:u.placeholder,closeLabel:u.closeLabel??(a==null?void 0:a.close),onClose:h,toolbar:Z??void 0,children:ee(!0)})]})},Ce=s.memo(Ie);exports.default=Ce;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|