@sprawlify/solid 0.0.17 → 0.0.19
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/dist/{collapsible-Dp3pmOz6.js → collapsible-ACshHp__.js} +8 -8
- package/dist/{collapsible-oWvTRylz.jsx → collapsible-CKkCMXuJ.jsx} +8 -8
- package/dist/{collection-DOjgejiS.js → collection-CJLbf7-L.js} +2 -2
- package/dist/{collection-gIC58P6c.jsx → collection-DpPs7_vA.jsx} +2 -2
- package/dist/components/accordion/index.d.ts +11 -11
- package/dist/components/accordion/index.js +9 -9
- package/dist/components/accordion/index.jsx +9 -9
- package/dist/components/angle-slider/index.d.ts +13 -13
- package/dist/components/angle-slider/index.js +7 -7
- package/dist/components/angle-slider/index.jsx +7 -7
- package/dist/components/avatar/index.d.ts +8 -8
- package/dist/components/avatar/index.js +7 -7
- package/dist/components/avatar/index.jsx +7 -7
- package/dist/components/bottom-sheet/index.d.ts +13 -13
- package/dist/components/bottom-sheet/index.js +10 -10
- package/dist/components/bottom-sheet/index.jsx +10 -10
- package/dist/components/carousel/index.d.ts +17 -17
- package/dist/components/carousel/index.js +7 -7
- package/dist/components/carousel/index.jsx +7 -7
- package/dist/components/checkbox/index.d.ts +14 -14
- package/dist/components/checkbox/index.js +10 -10
- package/dist/components/checkbox/index.jsx +10 -10
- package/dist/components/clipboard/index.d.ts +11 -11
- package/dist/components/clipboard/index.js +7 -7
- package/dist/components/clipboard/index.jsx +7 -7
- package/dist/components/collapsible/index.d.ts +10 -10
- package/dist/components/collapsible/index.js +7 -7
- package/dist/components/collapsible/index.jsx +7 -7
- package/dist/components/collection/index.d.ts +2 -2
- package/dist/components/collection/index.js +2 -2
- package/dist/components/collection/index.jsx +2 -2
- package/dist/components/color-picker/index.d.ts +36 -36
- package/dist/components/color-picker/index.js +12 -12
- package/dist/components/color-picker/index.jsx +12 -12
- package/dist/components/combobox/index.d.ts +23 -23
- package/dist/components/combobox/index.js +13 -13
- package/dist/components/combobox/index.jsx +13 -13
- package/dist/components/date-picker/index.d.ts +33 -33
- package/dist/components/date-picker/index.js +10 -10
- package/dist/components/date-picker/index.jsx +10 -10
- package/dist/components/dialog/index.d.ts +13 -13
- package/dist/components/dialog/index.js +10 -10
- package/dist/components/dialog/index.jsx +10 -10
- package/dist/components/download-trigger/index.d.ts +2 -2
- package/dist/components/download-trigger/index.js +4 -4
- package/dist/components/download-trigger/index.jsx +4 -4
- package/dist/components/editable/index.d.ts +14 -14
- package/dist/components/editable/index.js +10 -10
- package/dist/components/editable/index.jsx +10 -10
- package/dist/components/field/index.d.ts +15 -15
- package/dist/components/field/index.js +8 -8
- package/dist/components/field/index.jsx +8 -8
- package/dist/components/fieldset/index.d.ts +12 -12
- package/dist/components/fieldset/index.js +7 -7
- package/dist/components/fieldset/index.jsx +7 -7
- package/dist/components/file-upload/index.d.ts +18 -18
- package/dist/components/file-upload/index.js +10 -10
- package/dist/components/file-upload/index.jsx +10 -10
- package/dist/components/floating-panel/index.d.ts +17 -17
- package/dist/components/floating-panel/index.js +10 -10
- package/dist/components/floating-panel/index.jsx +10 -10
- package/dist/components/focus-trap/index.d.ts +4 -4
- package/dist/components/focus-trap/index.js +4 -4
- package/dist/components/focus-trap/index.jsx +4 -4
- package/dist/components/format/index.d.ts +4 -4
- package/dist/components/format/index.js +3 -3
- package/dist/components/format/index.jsx +3 -3
- package/dist/components/frame/index.d.ts +1 -1
- package/dist/components/frame/index.js +3 -3
- package/dist/components/frame/index.jsx +3 -3
- package/dist/components/highlight/index.d.ts +3 -3
- package/dist/components/highlight/index.js +2 -2
- package/dist/components/highlight/index.jsx +2 -2
- package/dist/components/hover-card/index.d.ts +70 -0
- package/dist/components/hover-card/index.js +168 -0
- package/dist/components/hover-card/index.jsx +136 -0
- package/dist/components/image-cropper/index.d.ts +64 -0
- package/dist/components/image-cropper/index.js +151 -0
- package/dist/components/image-cropper/index.jsx +144 -0
- package/dist/components/json-tree-view/index.d.ts +56 -0
- package/dist/components/json-tree-view/index.js +330 -0
- package/dist/components/json-tree-view/index.jsx +204 -0
- package/dist/components/listbox/index.d.ts +114 -0
- package/dist/components/listbox/index.js +261 -0
- package/dist/components/listbox/index.jsx +236 -0
- package/dist/components/marquee/index.d.ts +59 -0
- package/dist/components/marquee/index.js +138 -0
- package/dist/components/marquee/index.jsx +126 -0
- package/dist/components/menu/index.d.ts +161 -0
- package/dist/components/menu/index.js +471 -0
- package/dist/components/menu/index.jsx +392 -0
- package/dist/components/navigation-menu/index.d.ts +90 -0
- package/dist/components/navigation-menu/index.js +304 -0
- package/dist/components/navigation-menu/index.jsx +237 -0
- package/dist/components/number-input/index.d.ts +74 -0
- package/dist/components/number-input/index.js +182 -0
- package/dist/components/number-input/index.jsx +173 -0
- package/dist/components/pagination/index.d.ts +69 -0
- package/dist/components/pagination/index.js +146 -0
- package/dist/components/pagination/index.jsx +139 -0
- package/dist/components/password-input/index.d.ts +66 -0
- package/dist/components/password-input/index.js +159 -0
- package/dist/components/password-input/index.jsx +140 -0
- package/dist/components/pin-input/index.d.ts +59 -0
- package/dist/components/pin-input/index.js +151 -0
- package/dist/components/pin-input/index.jsx +142 -0
- package/dist/components/popover/index.d.ts +95 -0
- package/dist/components/popover/index.js +220 -0
- package/dist/components/popover/index.jsx +188 -0
- package/dist/components/presence/index.d.ts +4 -4
- package/dist/components/presence/index.js +7 -7
- package/dist/components/presence/index.jsx +7 -7
- package/dist/components/progress/index.d.ts +79 -0
- package/dist/components/progress/index.js +163 -0
- package/dist/components/progress/index.jsx +154 -0
- package/dist/components/qr-code/index.d.ts +59 -0
- package/dist/components/qr-code/index.js +124 -0
- package/dist/components/qr-code/index.jsx +117 -0
- package/dist/components/radio-group/index.d.ts +78 -0
- package/dist/components/radio-group/index.js +189 -0
- package/dist/components/radio-group/index.jsx +176 -0
- package/dist/components/rating-group/index.d.ts +68 -0
- package/dist/components/rating-group/index.js +159 -0
- package/dist/components/rating-group/index.jsx +148 -0
- package/dist/components/scroll-area/index.d.ts +63 -0
- package/dist/components/scroll-area/index.js +134 -0
- package/dist/components/scroll-area/index.jsx +124 -0
- package/dist/components/segment-group/index.d.ts +82 -0
- package/dist/components/segment-group/index.js +185 -0
- package/dist/components/segment-group/index.jsx +172 -0
- package/dist/components/select/index.d.ts +22 -22
- package/dist/components/select/index.js +13 -13
- package/dist/components/select/index.jsx +13 -13
- package/dist/components/tree-view/index.d.ts +7 -0
- package/dist/components/tree-view/index.js +11 -0
- package/dist/components/tree-view/index.jsx +11 -0
- package/dist/{factory-OCDy1fEv.jsx → factory-CaQWQo9S.jsx} +1 -1
- package/dist/{factory-Ci1LUSWg.js → factory-Cw0jOohn.js} +1 -1
- package/dist/{factory-C7CCEqYp.d.ts → factory-JAbO6zq9.d.ts} +6 -1
- package/dist/{field-D5bG5XXV.js → field-CF9yh37t.js} +8 -8
- package/dist/{field-DQLYAOgJ.jsx → field-HJX3--SZ.jsx} +8 -8
- package/dist/{fieldset-DT2nCjE0.jsx → fieldset-GRdimTgu.jsx} +8 -8
- package/dist/{fieldset-Def05D5r.js → fieldset-QCHS-iMi.js} +8 -8
- package/dist/index-BGVwqZq5.d.ts +143 -0
- package/dist/index-BIlfNQle.d.ts +41 -0
- package/dist/index-BRkEGZOE.d.ts +41 -0
- package/dist/{index-Bf3vaCUa.d.ts → index-CWs-F296.d.ts} +8 -8
- package/dist/{index-4WaIBGi6.d.ts → index-CXTRMyIJ.d.ts} +1 -1
- package/dist/{index-CsB3A61w.d.ts → index-DD3lUYha.d.ts} +8 -8
- package/dist/index-PYTR4Rcx.d.ts +143 -0
- package/dist/index.d.ts +6 -44
- package/dist/index.js +6 -5
- package/dist/index.jsx +6 -5
- package/dist/{presence-CAkwk5S4.js → presence-DghVNXji.js} +7 -7
- package/dist/{presence-vlL8hWT8.jsx → presence-w97672yk.jsx} +7 -7
- package/dist/{providers-BRmk_hzA.jsx → providers--4jSRiKF.jsx} +2 -2
- package/dist/{providers-D1hKjv0s.js → providers-DU0gn4Pj.js} +2 -2
- package/dist/{render-strategy-BA_kLuwR.jsx → render-strategy-Bv1Mb0YK.jsx} +2 -2
- package/dist/{render-strategy-CqWA1-xU.js → render-strategy-CDrX5Nbw.js} +2 -2
- package/dist/tree-view-DdWaaT-E.js +318 -0
- package/dist/tree-view-Z565ZOf5.jsx +291 -0
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +2 -2
- package/dist/utils/index.jsx +2 -2
- package/package.json +97 -2
- /package/dist/{chunk-Wl6TQfsu.js → chunk-D5dGY5zD.jsx} +0 -0
- /package/dist/{chunk-dNcSV51B.jsx → chunk-Dcpub2IO.js} +0 -0
- /package/dist/{compose-refs-CDTdkuP1.jsx → compose-refs-D9EoLzZW.js} +0 -0
- /package/dist/{compose-refs-DbJoODKO.js → compose-refs-DhhUBbcq.jsx} +0 -0
- /package/dist/{core-CWSDVCoi.jsx → core-7JOW6ue9.jsx} +0 -0
- /package/dist/{core-Cl2xcDm5.js → core-D7Nb-duK.js} +0 -0
- /package/dist/{create-context-BBDU3kF1.js → create-context-BxYEOGb8.js} +0 -0
- /package/dist/{create-context-CpcL7CiV.jsx → create-context-CnA1wNMK.jsx} +0 -0
- /package/dist/{create-split-props-CHlLW_X_.js → create-split-props-CdETNVwB.jsx} +0 -0
- /package/dist/{create-split-props-DrfYep1t.jsx → create-split-props-u4BuKc2i.js} +0 -0
- /package/dist/{index-5DzQGTeT.d.ts → index-BF_h-dhb.d.ts} +0 -0
- /package/dist/{index-BLKwiHM7.d.ts → index-tbMcVIMv.d.ts} +0 -0
- /package/dist/{render-strategy-DfQ78EfE.d.ts → render-strategy-BYpcY4CF.d.ts} +0 -0
- /package/dist/{run-if-fn-Ct4sSuFV.js → run-if-fn-B-2chXMn.js} +0 -0
- /package/dist/{run-if-fn-iVu0r8rO.jsx → run-if-fn-D59uI-12.jsx} +0 -0
- /package/dist/{types-M3kll1K0.d.ts → types-DPhuMU2R.d.ts} +0 -0
- /package/dist/{utils-DK-8VxTv.jsx → utils-CM1Hmr0J.js} +0 -0
- /package/dist/{utils-xOi5tXWN.js → utils-DWEfyavN.jsx} +0 -0
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { n as PropTypes } from "../../index-tbMcVIMv.js";
|
|
2
|
+
import { i as Optional, n as MaybeAccessor } from "../../types-DPhuMU2R.js";
|
|
3
|
+
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-JAbO6zq9.js";
|
|
4
|
+
import * as solid_js186 from "solid-js";
|
|
5
|
+
import { Accessor, JSX } from "solid-js";
|
|
6
|
+
import * as qrCode from "@sprawlify/primitives/machines/qr-code";
|
|
7
|
+
import { DownloadTriggerProps, QrCodeGenerateOptions, QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult, QrCodeGenerateResult as GenerateResult, anatomy as qrCodeAnatomy } from "@sprawlify/primitives/machines/qr-code";
|
|
8
|
+
|
|
9
|
+
//#region src/components/qr-code/use-qr-code.d.ts
|
|
10
|
+
interface UseQrCodeProps extends Optional<Omit<qrCode.Props, 'dir' | 'getRootNode'>, 'id'> {}
|
|
11
|
+
interface UseQrCodeReturn extends Accessor<qrCode.Api<PropTypes>> {}
|
|
12
|
+
declare const useQrCode: (props?: MaybeAccessor<UseQrCodeProps>) => UseQrCodeReturn;
|
|
13
|
+
//#endregion
|
|
14
|
+
//#region src/components/qr-code/use-qr-code-context.d.ts
|
|
15
|
+
interface UseQrCodeContext extends UseQrCodeReturn {}
|
|
16
|
+
//#endregion
|
|
17
|
+
//#region src/components/qr-code/qr-code-context.d.ts
|
|
18
|
+
interface QrCodeContextProps {
|
|
19
|
+
children: (context: UseQrCodeContext) => JSX.Element;
|
|
20
|
+
}
|
|
21
|
+
declare const QrCodeContext: (props: QrCodeContextProps) => JSX.Element;
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/qr-code/qr-code-download-trigger.d.ts
|
|
24
|
+
interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps<'button'> {}
|
|
25
|
+
interface QrCodeDownloadTriggerProps extends HTMLProps<'button'>, QrCodeDownloadTriggerBaseProps {}
|
|
26
|
+
declare const QrCodeDownloadTrigger: (props: QrCodeDownloadTriggerProps) => solid_js186.JSX.Element;
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/qr-code/qr-code-frame.d.ts
|
|
29
|
+
interface QrCodeFrameBaseProps extends PolymorphicProps<'svg'> {}
|
|
30
|
+
interface QrCodeFrameProps extends HTMLProps<'svg'>, QrCodeFrameBaseProps {}
|
|
31
|
+
declare const QrCodeFrame: (props: QrCodeFrameProps) => solid_js186.JSX.Element;
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region src/components/qr-code/qr-code-overlay.d.ts
|
|
34
|
+
interface QrCodeOverlayBaseProps extends PolymorphicProps<'div'> {}
|
|
35
|
+
interface QrCodeOverlayProps extends HTMLProps<'div'>, QrCodeOverlayBaseProps {}
|
|
36
|
+
declare const QrCodeOverlay: (props: QrCodeOverlayProps) => solid_js186.JSX.Element;
|
|
37
|
+
//#endregion
|
|
38
|
+
//#region src/components/qr-code/qr-code-pattern.d.ts
|
|
39
|
+
interface QrCodePatternBaseProps extends PolymorphicProps<'path'> {}
|
|
40
|
+
interface QrCodePatternProps extends HTMLProps<'path'>, QrCodePatternBaseProps {}
|
|
41
|
+
declare const QrCodePattern: (props: QrCodePatternProps) => solid_js186.JSX.Element;
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/qr-code/qr-code-root.d.ts
|
|
44
|
+
interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps<'div'> {}
|
|
45
|
+
interface QrCodeRootProps extends HTMLProps<'div'>, QrCodeRootBaseProps {}
|
|
46
|
+
declare const QrCodeRoot: (props: QrCodeRootProps) => solid_js186.JSX.Element;
|
|
47
|
+
//#endregion
|
|
48
|
+
//#region src/components/qr-code/qr-code-root-provider.d.ts
|
|
49
|
+
interface RootProviderProps {
|
|
50
|
+
value: UseQrCodeReturn;
|
|
51
|
+
}
|
|
52
|
+
interface QrCodeRootProviderBaseProps extends PolymorphicProps<'div'> {}
|
|
53
|
+
interface QrCodeRootProviderProps extends HTMLProps<'div'>, RootProviderProps, QrCodeRootProviderBaseProps {}
|
|
54
|
+
declare const QrCodeRootProvider: (props: QrCodeRootProviderProps) => solid_js186.JSX.Element;
|
|
55
|
+
declare namespace qr_code_d_exports {
|
|
56
|
+
export { QrCodeContext as Context, QrCodeContextProps as ContextProps, QrCodeDownloadTrigger as DownloadTrigger, QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, QrCodeDownloadTriggerProps as DownloadTriggerProps, QrCodeFrame as Frame, QrCodeFrameBaseProps as FrameBaseProps, QrCodeFrameProps as FrameProps, GenerateOptions, GenerateResult, QrCodeOverlay as Overlay, QrCodeOverlayBaseProps as OverlayBaseProps, QrCodeOverlayProps as OverlayProps, QrCodePattern as Pattern, QrCodePatternBaseProps as PatternBaseProps, QrCodePatternProps as PatternProps, QrCodeRoot as Root, QrCodeRootBaseProps as RootBaseProps, QrCodeRootProps as RootProps, QrCodeRootProvider as RootProvider, QrCodeRootProviderBaseProps as RootProviderBaseProps, QrCodeRootProviderProps as RootProviderProps };
|
|
57
|
+
}
|
|
58
|
+
//#endregion
|
|
59
|
+
export { qr_code_d_exports as QrCode, QrCodeContext, type QrCodeContextProps, QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps, type QrCodeGenerateOptions, type QrCodeGenerateResult, QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps, QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps, QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps, QrCodeRootProvider, type QrCodeRootProviderBaseProps, type QrCodeRootProviderProps, type UseQrCodeContext, type UseQrCodeProps, type UseQrCodeReturn, qrCodeAnatomy, useQrCode, useQrCodeContext };
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import { t as __export } from "../../chunk-Dcpub2IO.js";
|
|
2
|
+
import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-D7Nb-duK.js";
|
|
3
|
+
import { t as runIfFn } from "../../run-if-fn-B-2chXMn.js";
|
|
4
|
+
import { t as createContext$1 } from "../../create-context-BxYEOGb8.js";
|
|
5
|
+
import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DU0gn4Pj.js";
|
|
6
|
+
import { t as sprawlify } from "../../factory-Cw0jOohn.js";
|
|
7
|
+
import { t as createSplitProps } from "../../create-split-props-u4BuKc2i.js";
|
|
8
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
9
|
+
import { createComponent } from "solid-js/web";
|
|
10
|
+
import * as qrCode from "@sprawlify/primitives/machines/qr-code";
|
|
11
|
+
import { anatomy as qrCodeAnatomy } from "@sprawlify/primitives/machines/qr-code";
|
|
12
|
+
|
|
13
|
+
//#region src/components/qr-code/use-qr-code-context.ts
|
|
14
|
+
const [QrCodeProvider, useQrCodeContext] = createContext$1({
|
|
15
|
+
hookName: "useQrCodeContext",
|
|
16
|
+
providerName: "<QrCodeProvider />"
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region src/components/qr-code/qr-code-context.ts
|
|
21
|
+
const QrCodeContext = (props) => props.children(useQrCodeContext());
|
|
22
|
+
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/qr-code/qr-code-download-trigger.tsx
|
|
25
|
+
const QrCodeDownloadTrigger = (props) => {
|
|
26
|
+
const [downloadTriggerProps, localProps] = createSplitProps()(props, [
|
|
27
|
+
"fileName",
|
|
28
|
+
"mimeType",
|
|
29
|
+
"quality"
|
|
30
|
+
]);
|
|
31
|
+
const qrCode$1 = useQrCodeContext();
|
|
32
|
+
const mergedProps = mergeProps$2(() => qrCode$1().getDownloadTriggerProps(downloadTriggerProps), localProps);
|
|
33
|
+
return createComponent(sprawlify.button, mergedProps);
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/qr-code/qr-code-frame.tsx
|
|
38
|
+
const QrCodeFrame = (props) => {
|
|
39
|
+
const qrCode$1 = useQrCodeContext();
|
|
40
|
+
const mergedProps = mergeProps$2(() => qrCode$1().getFrameProps(), props);
|
|
41
|
+
return createComponent(sprawlify.svg, mergedProps);
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
//#endregion
|
|
45
|
+
//#region src/components/qr-code/qr-code-overlay.tsx
|
|
46
|
+
const QrCodeOverlay = (props) => {
|
|
47
|
+
const qrCode$1 = useQrCodeContext();
|
|
48
|
+
const mergedProps = mergeProps$2(() => qrCode$1().getOverlayProps(), props);
|
|
49
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/components/qr-code/qr-code-pattern.tsx
|
|
54
|
+
const QrCodePattern = (props) => {
|
|
55
|
+
const qrCode$1 = useQrCodeContext();
|
|
56
|
+
const mergedProps = mergeProps$2(() => qrCode$1().getPatternProps(), props);
|
|
57
|
+
return createComponent(sprawlify.path, mergedProps);
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
//#endregion
|
|
61
|
+
//#region src/components/qr-code/use-qr-code.ts
|
|
62
|
+
const useQrCode = (props) => {
|
|
63
|
+
const id = createUniqueId();
|
|
64
|
+
const locale = useLocaleContext();
|
|
65
|
+
const environment = useEnvironmentContext();
|
|
66
|
+
const machineProps = createMemo(() => ({
|
|
67
|
+
id,
|
|
68
|
+
dir: locale().dir,
|
|
69
|
+
getRootNode: environment().getRootNode,
|
|
70
|
+
...runIfFn(props)
|
|
71
|
+
}));
|
|
72
|
+
const service = useMachine(qrCode.machine, machineProps);
|
|
73
|
+
return createMemo(() => qrCode.connect(service, normalizeProps));
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region src/components/qr-code/qr-code-root.tsx
|
|
78
|
+
const QrCodeRoot = (props) => {
|
|
79
|
+
const [useQrCodeProps, restProps] = createSplitProps()(props, [
|
|
80
|
+
"defaultValue",
|
|
81
|
+
"encoding",
|
|
82
|
+
"id",
|
|
83
|
+
"ids",
|
|
84
|
+
"onValueChange",
|
|
85
|
+
"pixelSize",
|
|
86
|
+
"value"
|
|
87
|
+
]);
|
|
88
|
+
const api = useQrCode(useQrCodeProps);
|
|
89
|
+
const mergedProps = mergeProps$2(() => api().getRootProps(), restProps);
|
|
90
|
+
return createComponent(QrCodeProvider, {
|
|
91
|
+
value: api,
|
|
92
|
+
get children() {
|
|
93
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
//#endregion
|
|
99
|
+
//#region src/components/qr-code/qr-code-root-provider.tsx
|
|
100
|
+
const QrCodeRootProvider = (props) => {
|
|
101
|
+
const [{ value: qrCode$1 }, localProps] = createSplitProps()(props, ["value"]);
|
|
102
|
+
const mergedProps = mergeProps$2(() => qrCode$1().getRootProps(), localProps);
|
|
103
|
+
return createComponent(QrCodeProvider, {
|
|
104
|
+
value: qrCode$1,
|
|
105
|
+
get children() {
|
|
106
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
//#endregion
|
|
112
|
+
//#region src/components/qr-code/qr-code.ts
|
|
113
|
+
var qr_code_exports = /* @__PURE__ */ __export({
|
|
114
|
+
Context: () => QrCodeContext,
|
|
115
|
+
DownloadTrigger: () => QrCodeDownloadTrigger,
|
|
116
|
+
Frame: () => QrCodeFrame,
|
|
117
|
+
Overlay: () => QrCodeOverlay,
|
|
118
|
+
Pattern: () => QrCodePattern,
|
|
119
|
+
Root: () => QrCodeRoot,
|
|
120
|
+
RootProvider: () => QrCodeRootProvider
|
|
121
|
+
});
|
|
122
|
+
|
|
123
|
+
//#endregion
|
|
124
|
+
export { qr_code_exports as QrCode, QrCodeContext, QrCodeDownloadTrigger, QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodeRoot, QrCodeRootProvider, qrCodeAnatomy, useQrCode, useQrCodeContext };
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { t as __export } from "../../chunk-D5dGY5zD.jsx";
|
|
2
|
+
import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-7JOW6ue9.jsx";
|
|
3
|
+
import { t as runIfFn } from "../../run-if-fn-D59uI-12.jsx";
|
|
4
|
+
import { t as createContext$1 } from "../../create-context-CnA1wNMK.jsx";
|
|
5
|
+
import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers--4jSRiKF.jsx";
|
|
6
|
+
import { t as sprawlify } from "../../factory-CaQWQo9S.jsx";
|
|
7
|
+
import { t as createSplitProps } from "../../create-split-props-CdETNVwB.jsx";
|
|
8
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
9
|
+
import * as qrCode from "@sprawlify/primitives/machines/qr-code";
|
|
10
|
+
import { anatomy as qrCodeAnatomy } from "@sprawlify/primitives/machines/qr-code";
|
|
11
|
+
|
|
12
|
+
//#region src/components/qr-code/use-qr-code-context.ts
|
|
13
|
+
const [QrCodeProvider, useQrCodeContext] = createContext$1({
|
|
14
|
+
hookName: "useQrCodeContext",
|
|
15
|
+
providerName: "<QrCodeProvider />"
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
//#endregion
|
|
19
|
+
//#region src/components/qr-code/qr-code-context.ts
|
|
20
|
+
const QrCodeContext = (props) => props.children(useQrCodeContext());
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/qr-code/qr-code-download-trigger.tsx
|
|
24
|
+
const QrCodeDownloadTrigger = (props) => {
|
|
25
|
+
const [downloadTriggerProps, localProps] = createSplitProps()(props, [
|
|
26
|
+
"fileName",
|
|
27
|
+
"mimeType",
|
|
28
|
+
"quality"
|
|
29
|
+
]);
|
|
30
|
+
const qrCode$1 = useQrCodeContext();
|
|
31
|
+
const mergedProps = mergeProps$1(() => qrCode$1().getDownloadTriggerProps(downloadTriggerProps), localProps);
|
|
32
|
+
return <sprawlify.button {...mergedProps} />;
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/components/qr-code/qr-code-frame.tsx
|
|
37
|
+
const QrCodeFrame = (props) => {
|
|
38
|
+
const qrCode$1 = useQrCodeContext();
|
|
39
|
+
const mergedProps = mergeProps$1(() => qrCode$1().getFrameProps(), props);
|
|
40
|
+
return <sprawlify.svg {...mergedProps} />;
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/components/qr-code/qr-code-overlay.tsx
|
|
45
|
+
const QrCodeOverlay = (props) => {
|
|
46
|
+
const qrCode$1 = useQrCodeContext();
|
|
47
|
+
const mergedProps = mergeProps$1(() => qrCode$1().getOverlayProps(), props);
|
|
48
|
+
return <sprawlify.div {...mergedProps} />;
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
//#endregion
|
|
52
|
+
//#region src/components/qr-code/qr-code-pattern.tsx
|
|
53
|
+
const QrCodePattern = (props) => {
|
|
54
|
+
const qrCode$1 = useQrCodeContext();
|
|
55
|
+
const mergedProps = mergeProps$1(() => qrCode$1().getPatternProps(), props);
|
|
56
|
+
return <sprawlify.path {...mergedProps} />;
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
//#endregion
|
|
60
|
+
//#region src/components/qr-code/use-qr-code.ts
|
|
61
|
+
const useQrCode = (props) => {
|
|
62
|
+
const id = createUniqueId();
|
|
63
|
+
const locale = useLocaleContext();
|
|
64
|
+
const environment = useEnvironmentContext();
|
|
65
|
+
const machineProps = createMemo(() => ({
|
|
66
|
+
id,
|
|
67
|
+
dir: locale().dir,
|
|
68
|
+
getRootNode: environment().getRootNode,
|
|
69
|
+
...runIfFn(props)
|
|
70
|
+
}));
|
|
71
|
+
const service = useMachine(qrCode.machine, machineProps);
|
|
72
|
+
return createMemo(() => qrCode.connect(service, normalizeProps));
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
//#endregion
|
|
76
|
+
//#region src/components/qr-code/qr-code-root.tsx
|
|
77
|
+
const QrCodeRoot = (props) => {
|
|
78
|
+
const [useQrCodeProps, restProps] = createSplitProps()(props, [
|
|
79
|
+
"defaultValue",
|
|
80
|
+
"encoding",
|
|
81
|
+
"id",
|
|
82
|
+
"ids",
|
|
83
|
+
"onValueChange",
|
|
84
|
+
"pixelSize",
|
|
85
|
+
"value"
|
|
86
|
+
]);
|
|
87
|
+
const api = useQrCode(useQrCodeProps);
|
|
88
|
+
const mergedProps = mergeProps$1(() => api().getRootProps(), restProps);
|
|
89
|
+
return <QrCodeProvider value={api}>
|
|
90
|
+
<sprawlify.div {...mergedProps} />
|
|
91
|
+
</QrCodeProvider>;
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
//#endregion
|
|
95
|
+
//#region src/components/qr-code/qr-code-root-provider.tsx
|
|
96
|
+
const QrCodeRootProvider = (props) => {
|
|
97
|
+
const [{ value: qrCode$1 }, localProps] = createSplitProps()(props, ["value"]);
|
|
98
|
+
const mergedProps = mergeProps$1(() => qrCode$1().getRootProps(), localProps);
|
|
99
|
+
return <QrCodeProvider value={qrCode$1}>
|
|
100
|
+
<sprawlify.div {...mergedProps} />
|
|
101
|
+
</QrCodeProvider>;
|
|
102
|
+
};
|
|
103
|
+
|
|
104
|
+
//#endregion
|
|
105
|
+
//#region src/components/qr-code/qr-code.ts
|
|
106
|
+
var qr_code_exports = /* @__PURE__ */ __export({
|
|
107
|
+
Context: () => QrCodeContext,
|
|
108
|
+
DownloadTrigger: () => QrCodeDownloadTrigger,
|
|
109
|
+
Frame: () => QrCodeFrame,
|
|
110
|
+
Overlay: () => QrCodeOverlay,
|
|
111
|
+
Pattern: () => QrCodePattern,
|
|
112
|
+
Root: () => QrCodeRoot,
|
|
113
|
+
RootProvider: () => QrCodeRootProvider
|
|
114
|
+
});
|
|
115
|
+
|
|
116
|
+
//#endregion
|
|
117
|
+
export { qr_code_exports as QrCode, QrCodeContext, QrCodeDownloadTrigger, QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodeRoot, QrCodeRootProvider, qrCodeAnatomy, useQrCode, useQrCodeContext };
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { n as PropTypes } from "../../index-tbMcVIMv.js";
|
|
2
|
+
import { i as Optional, n as MaybeAccessor } from "../../types-DPhuMU2R.js";
|
|
3
|
+
import { r as PolymorphicProps, t as HTMLProps } from "../../factory-JAbO6zq9.js";
|
|
4
|
+
import * as solid_js376 from "solid-js";
|
|
5
|
+
import { Accessor, JSX } from "solid-js";
|
|
6
|
+
import * as radio from "@sprawlify/primitives/machines/radio-group";
|
|
7
|
+
import { ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as RadioGroupValueChangeDetails, anatomy as radioGroupAnatomy } from "@sprawlify/primitives/machines/radio-group";
|
|
8
|
+
|
|
9
|
+
//#region src/components/radio-group/use-radio-group.d.ts
|
|
10
|
+
interface UseRadioGroupProps extends Optional<Omit<radio.Props, 'dir' | 'getRootNode'>, 'id'> {}
|
|
11
|
+
interface UseRadioGroupReturn extends Accessor<radio.Api<PropTypes>> {}
|
|
12
|
+
declare const useRadioGroup: (props?: MaybeAccessor<UseRadioGroupProps>) => UseRadioGroupReturn;
|
|
13
|
+
//#endregion
|
|
14
|
+
//#region src/components/radio-group/use-radio-group-context.d.ts
|
|
15
|
+
interface UseRadioGroupContext extends UseRadioGroupReturn {}
|
|
16
|
+
//#endregion
|
|
17
|
+
//#region src/components/radio-group/radio-group-context.d.ts
|
|
18
|
+
interface RadioGroupContextProps {
|
|
19
|
+
children: (context: UseRadioGroupContext) => JSX.Element;
|
|
20
|
+
}
|
|
21
|
+
declare const RadioGroupContext: (props: RadioGroupContextProps) => JSX.Element;
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/radio-group/radio-group-indicator.d.ts
|
|
24
|
+
interface RadioGroupIndicatorBaseProps extends PolymorphicProps<'div'> {}
|
|
25
|
+
interface RadioGroupIndicatorProps extends HTMLProps<'div'>, RadioGroupIndicatorBaseProps {}
|
|
26
|
+
declare const RadioGroupIndicator: (props: RadioGroupIndicatorProps) => solid_js376.JSX.Element;
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/radio-group/radio-group-item.d.ts
|
|
29
|
+
interface RadioGroupItemBaseProps extends ItemProps, PolymorphicProps<'label'> {}
|
|
30
|
+
interface RadioGroupItemProps extends HTMLProps<'label'>, RadioGroupItemBaseProps {}
|
|
31
|
+
declare const RadioGroupItem: (props: RadioGroupItemProps) => solid_js376.JSX.Element;
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region src/components/radio-group/use-radio-group-item-context.d.ts
|
|
34
|
+
interface UseRadioGroupItemContext extends Accessor<ItemState> {}
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/components/radio-group/radio-group-item-context.d.ts
|
|
37
|
+
interface RadioGroupItemContextProps {
|
|
38
|
+
children: (context: UseRadioGroupItemContext) => JSX.Element;
|
|
39
|
+
}
|
|
40
|
+
declare const RadioGroupItemContext: (props: RadioGroupItemContextProps) => JSX.Element;
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/components/radio-group/radio-group-item-control.d.ts
|
|
43
|
+
interface RadioGroupItemControlBaseProps extends PolymorphicProps<'div'> {}
|
|
44
|
+
interface RadioGroupItemControlProps extends HTMLProps<'div'>, RadioGroupItemControlBaseProps {}
|
|
45
|
+
declare const RadioGroupItemControl: (props: RadioGroupItemControlProps) => solid_js376.JSX.Element;
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/radio-group/radio-group-item-hidden-input.d.ts
|
|
48
|
+
interface RadioGroupItemHiddenInputBaseProps extends PolymorphicProps<'input'> {}
|
|
49
|
+
interface RadioGroupItemHiddenInputProps extends HTMLProps<'input'>, RadioGroupItemHiddenInputBaseProps {}
|
|
50
|
+
declare const RadioGroupItemHiddenInput: (props: RadioGroupItemHiddenInputProps) => solid_js376.JSX.Element;
|
|
51
|
+
//#endregion
|
|
52
|
+
//#region src/components/radio-group/radio-group-item-text.d.ts
|
|
53
|
+
interface RadioGroupItemTextBaseProps extends PolymorphicProps<'span'> {}
|
|
54
|
+
interface RadioGroupItemTextProps extends HTMLProps<'span'>, RadioGroupItemTextBaseProps {}
|
|
55
|
+
declare const RadioGroupItemText: (props: RadioGroupItemTextProps) => solid_js376.JSX.Element;
|
|
56
|
+
//#endregion
|
|
57
|
+
//#region src/components/radio-group/radio-group-label.d.ts
|
|
58
|
+
interface RadioGroupLabelBaseProps extends PolymorphicProps<'label'> {}
|
|
59
|
+
interface RadioGroupLabelProps extends HTMLProps<'label'>, RadioGroupLabelBaseProps {}
|
|
60
|
+
declare const RadioGroupLabel: (props: RadioGroupLabelProps) => solid_js376.JSX.Element;
|
|
61
|
+
//#endregion
|
|
62
|
+
//#region src/components/radio-group/radio-group-root.d.ts
|
|
63
|
+
interface RadioGroupRootBaseProps extends UseRadioGroupProps, PolymorphicProps<'div'> {}
|
|
64
|
+
interface RadioGroupRootProps extends HTMLProps<'div'>, RadioGroupRootBaseProps {}
|
|
65
|
+
declare const RadioGroupRoot: (props: RadioGroupRootProps) => solid_js376.JSX.Element;
|
|
66
|
+
//#endregion
|
|
67
|
+
//#region src/components/radio-group/radio-group-root-provider.d.ts
|
|
68
|
+
interface RootProviderProps {
|
|
69
|
+
value: UseRadioGroupReturn;
|
|
70
|
+
}
|
|
71
|
+
interface RadioGroupRootProviderBaseProps extends PolymorphicProps<'div'> {}
|
|
72
|
+
interface RadioGroupRootProviderProps extends HTMLProps<'div'>, RootProviderProps, RadioGroupRootProviderBaseProps {}
|
|
73
|
+
declare const RadioGroupRootProvider: (props: RadioGroupRootProviderProps) => solid_js376.JSX.Element;
|
|
74
|
+
declare namespace radio_group_d_exports {
|
|
75
|
+
export { RadioGroupContext as Context, RadioGroupContext as ContextProps, RadioGroupIndicator as Indicator, RadioGroupIndicatorBaseProps as IndicatorBaseProps, RadioGroupIndicatorProps as IndicatorProps, RadioGroupItem as Item, RadioGroupItemBaseProps as ItemBaseProps, RadioGroupItemContext as ItemContext, RadioGroupItemContext as ItemContextProps, RadioGroupItemControl as ItemControl, RadioGroupItemControlBaseProps as ItemControlBaseProps, RadioGroupItemControlProps as ItemControlProps, RadioGroupItemHiddenInput as ItemHiddenInput, RadioGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, RadioGroupItemHiddenInputProps as ItemHiddenInputProps, RadioGroupItemProps as ItemProps, RadioGroupItemText as ItemText, RadioGroupItemTextBaseProps as ItemTextBaseProps, RadioGroupItemTextProps as ItemTextProps, RadioGroupLabel as Label, RadioGroupLabelBaseProps as LabelBaseProps, RadioGroupLabelProps as LabelProps, RadioGroupRoot as Root, RadioGroupRootBaseProps as RootBaseProps, RadioGroupRootProps as RootProps, RadioGroupRootProvider as RootProvider, RadioGroupRootProviderBaseProps as RootProviderBaseProps, RadioGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
|
|
76
|
+
}
|
|
77
|
+
//#endregion
|
|
78
|
+
export { radio_group_d_exports as RadioGroup, RadioGroupContext, type RadioGroupContextProps, RadioGroupIndicator, type RadioGroupIndicatorBaseProps, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemBaseProps, RadioGroupItemContext, type RadioGroupItemContextProps, RadioGroupItemControl, type RadioGroupItemControlBaseProps, type RadioGroupItemControlProps, RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputBaseProps, type RadioGroupItemHiddenInputProps, type RadioGroupItemProps, RadioGroupItemText, type RadioGroupItemTextBaseProps, type RadioGroupItemTextProps, RadioGroupLabel, type RadioGroupLabelBaseProps, type RadioGroupLabelProps, RadioGroupRoot, type RadioGroupRootBaseProps, type RadioGroupRootProps, RadioGroupRootProvider, type RadioGroupRootProviderBaseProps, type RadioGroupRootProviderProps, type RadioGroupValueChangeDetails, type UseRadioGroupContext, type UseRadioGroupItemContext, type UseRadioGroupProps, type UseRadioGroupReturn, radioGroupAnatomy, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext };
|
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
import { t as __export } from "../../chunk-Dcpub2IO.js";
|
|
2
|
+
import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-D7Nb-duK.js";
|
|
3
|
+
import { t as runIfFn } from "../../run-if-fn-B-2chXMn.js";
|
|
4
|
+
import { t as createContext$1 } from "../../create-context-BxYEOGb8.js";
|
|
5
|
+
import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DU0gn4Pj.js";
|
|
6
|
+
import { t as sprawlify } from "../../factory-Cw0jOohn.js";
|
|
7
|
+
import { t as createSplitProps } from "../../create-split-props-u4BuKc2i.js";
|
|
8
|
+
import "../../compose-refs-D9EoLzZW.js";
|
|
9
|
+
import { u as useFieldsetContext } from "../../fieldset-QCHS-iMi.js";
|
|
10
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
11
|
+
import { createComponent } from "solid-js/web";
|
|
12
|
+
import * as radio from "@sprawlify/primitives/machines/radio-group";
|
|
13
|
+
import { anatomy as radioGroupAnatomy } from "@sprawlify/primitives/machines/radio-group";
|
|
14
|
+
|
|
15
|
+
//#region src/components/radio-group/use-radio-group-context.ts
|
|
16
|
+
const [RadioGroupProvider, useRadioGroupContext] = createContext$1({
|
|
17
|
+
hookName: "useRadioGroupContext",
|
|
18
|
+
providerName: "<RadioGroupProvider />"
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/components/radio-group/radio-group-context.tsx
|
|
23
|
+
const RadioGroupContext = (props) => props.children(useRadioGroupContext());
|
|
24
|
+
|
|
25
|
+
//#endregion
|
|
26
|
+
//#region src/components/radio-group/radio-group-indicator.tsx
|
|
27
|
+
const RadioGroupIndicator = (props) => {
|
|
28
|
+
const radioGroup = useRadioGroupContext();
|
|
29
|
+
const mergedProps = mergeProps$2(() => radioGroup().getIndicatorProps(), props);
|
|
30
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/radio-group/use-radio-group-item-context.ts
|
|
35
|
+
const [RadioGroupItemProvider, useRadioGroupItemContext] = createContext$1({
|
|
36
|
+
hookName: "useRadioGroupItemContext",
|
|
37
|
+
providerName: "<RadioGroupItemProvider />"
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
//#endregion
|
|
41
|
+
//#region src/components/radio-group/use-radio-group-item-props-context.ts
|
|
42
|
+
const [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext$1({
|
|
43
|
+
hookName: "useRadioGroupItemPropsContext",
|
|
44
|
+
providerName: "<RadioGroupItemPropsProvider />"
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
//#endregion
|
|
48
|
+
//#region src/components/radio-group/radio-group-item.tsx
|
|
49
|
+
const RadioGroupItem = (props) => {
|
|
50
|
+
const [itemProps, localProps] = createSplitProps()(props, [
|
|
51
|
+
"value",
|
|
52
|
+
"disabled",
|
|
53
|
+
"invalid"
|
|
54
|
+
]);
|
|
55
|
+
const radioGroup = useRadioGroupContext();
|
|
56
|
+
const mergedProps = mergeProps$2(() => radioGroup().getItemProps(itemProps), localProps);
|
|
57
|
+
const itemState = createMemo(() => radioGroup().getItemState(itemProps));
|
|
58
|
+
return createComponent(RadioGroupItemPropsProvider, {
|
|
59
|
+
value: itemProps,
|
|
60
|
+
get children() {
|
|
61
|
+
return createComponent(RadioGroupItemProvider, {
|
|
62
|
+
value: itemState,
|
|
63
|
+
get children() {
|
|
64
|
+
return createComponent(sprawlify.label, mergedProps);
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/radio-group/radio-group-item-context.tsx
|
|
73
|
+
const RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());
|
|
74
|
+
|
|
75
|
+
//#endregion
|
|
76
|
+
//#region src/components/radio-group/radio-group-item-control.tsx
|
|
77
|
+
const RadioGroupItemControl = (props) => {
|
|
78
|
+
const radioGroup = useRadioGroupContext();
|
|
79
|
+
const itemProps = useRadioGroupItemPropsContext();
|
|
80
|
+
const mergedProps = mergeProps$2(() => radioGroup().getItemControlProps(itemProps), props);
|
|
81
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
//#endregion
|
|
85
|
+
//#region src/components/radio-group/radio-group-item-hidden-input.tsx
|
|
86
|
+
const RadioGroupItemHiddenInput = (props) => {
|
|
87
|
+
const radioGroup = useRadioGroupContext();
|
|
88
|
+
const itemProps = useRadioGroupItemPropsContext();
|
|
89
|
+
const mergedProps = mergeProps$2(() => radioGroup().getItemHiddenInputProps(itemProps), props);
|
|
90
|
+
return createComponent(sprawlify.input, mergedProps);
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
//#endregion
|
|
94
|
+
//#region src/components/radio-group/radio-group-item-text.tsx
|
|
95
|
+
const RadioGroupItemText = (props) => {
|
|
96
|
+
const radioGroup = useRadioGroupContext();
|
|
97
|
+
const itemProps = useRadioGroupItemPropsContext();
|
|
98
|
+
const mergedProps = mergeProps$2(() => radioGroup().getItemTextProps(itemProps), props);
|
|
99
|
+
return createComponent(sprawlify.span, mergedProps);
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
//#endregion
|
|
103
|
+
//#region src/components/radio-group/radio-group-label.tsx
|
|
104
|
+
const RadioGroupLabel = (props) => {
|
|
105
|
+
const radioGroup = useRadioGroupContext();
|
|
106
|
+
const mergedProps = mergeProps$2(() => radioGroup().getLabelProps(), props);
|
|
107
|
+
return createComponent(sprawlify.label, mergedProps);
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
//#endregion
|
|
111
|
+
//#region src/components/radio-group/use-radio-group.ts
|
|
112
|
+
const useRadioGroup = (props) => {
|
|
113
|
+
const id = createUniqueId();
|
|
114
|
+
const locale = useLocaleContext();
|
|
115
|
+
const environment = useEnvironmentContext();
|
|
116
|
+
const fieldset = useFieldsetContext();
|
|
117
|
+
const machineProps = createMemo(() => {
|
|
118
|
+
const fieldsetContext = fieldset?.();
|
|
119
|
+
return {
|
|
120
|
+
id,
|
|
121
|
+
ids: { label: fieldsetContext?.ids?.legend },
|
|
122
|
+
dir: locale().dir,
|
|
123
|
+
disabled: fieldsetContext?.disabled,
|
|
124
|
+
invalid: fieldsetContext?.invalid,
|
|
125
|
+
getRootNode: environment().getRootNode,
|
|
126
|
+
...runIfFn(props)
|
|
127
|
+
};
|
|
128
|
+
});
|
|
129
|
+
const service = useMachine(radio.machine, machineProps);
|
|
130
|
+
return createMemo(() => radio.connect(service, normalizeProps));
|
|
131
|
+
};
|
|
132
|
+
|
|
133
|
+
//#endregion
|
|
134
|
+
//#region src/components/radio-group/radio-group-root.tsx
|
|
135
|
+
const RadioGroupRoot = (props) => {
|
|
136
|
+
const [useRadioGroupProps, localProps] = createSplitProps()(props, [
|
|
137
|
+
"defaultValue",
|
|
138
|
+
"disabled",
|
|
139
|
+
"form",
|
|
140
|
+
"id",
|
|
141
|
+
"ids",
|
|
142
|
+
"invalid",
|
|
143
|
+
"name",
|
|
144
|
+
"onValueChange",
|
|
145
|
+
"orientation",
|
|
146
|
+
"readOnly",
|
|
147
|
+
"required",
|
|
148
|
+
"value"
|
|
149
|
+
]);
|
|
150
|
+
const radioGroup = useRadioGroup(useRadioGroupProps);
|
|
151
|
+
const mergedProps = mergeProps$2(() => radioGroup().getRootProps(), localProps);
|
|
152
|
+
return createComponent(RadioGroupProvider, {
|
|
153
|
+
value: radioGroup,
|
|
154
|
+
get children() {
|
|
155
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
156
|
+
}
|
|
157
|
+
});
|
|
158
|
+
};
|
|
159
|
+
|
|
160
|
+
//#endregion
|
|
161
|
+
//#region src/components/radio-group/radio-group-root-provider.tsx
|
|
162
|
+
const RadioGroupRootProvider = (props) => {
|
|
163
|
+
const [{ value: radioGroup }, localProps] = createSplitProps()(props, ["value"]);
|
|
164
|
+
const mergedProps = mergeProps$2(() => radioGroup().getRootProps(), localProps);
|
|
165
|
+
return createComponent(RadioGroupProvider, {
|
|
166
|
+
value: radioGroup,
|
|
167
|
+
get children() {
|
|
168
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
169
|
+
}
|
|
170
|
+
});
|
|
171
|
+
};
|
|
172
|
+
|
|
173
|
+
//#endregion
|
|
174
|
+
//#region src/components/radio-group/radio-group.ts
|
|
175
|
+
var radio_group_exports = /* @__PURE__ */ __export({
|
|
176
|
+
Context: () => RadioGroupContext,
|
|
177
|
+
Indicator: () => RadioGroupIndicator,
|
|
178
|
+
Item: () => RadioGroupItem,
|
|
179
|
+
ItemContext: () => RadioGroupItemContext,
|
|
180
|
+
ItemControl: () => RadioGroupItemControl,
|
|
181
|
+
ItemHiddenInput: () => RadioGroupItemHiddenInput,
|
|
182
|
+
ItemText: () => RadioGroupItemText,
|
|
183
|
+
Label: () => RadioGroupLabel,
|
|
184
|
+
Root: () => RadioGroupRoot,
|
|
185
|
+
RootProvider: () => RadioGroupRootProvider
|
|
186
|
+
});
|
|
187
|
+
|
|
188
|
+
//#endregion
|
|
189
|
+
export { radio_group_exports as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, radioGroupAnatomy, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext };
|