@seed-design/react 1.1.18 → 1.1.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.
Files changed (152) hide show
  1. package/lib/components/Avatar/Avatar.cjs +10 -4
  2. package/lib/components/Avatar/Avatar.d.ts +4 -4
  3. package/lib/components/Avatar/Avatar.d.ts.map +1 -1
  4. package/lib/components/Avatar/Avatar.js +10 -4
  5. package/lib/components/BottomSheet/BottomSheet.cjs +1 -1
  6. package/lib/components/BottomSheet/BottomSheet.d.ts +1 -1
  7. package/lib/components/BottomSheet/BottomSheet.d.ts.map +1 -1
  8. package/lib/components/BottomSheet/BottomSheet.js +1 -1
  9. package/lib/components/Checkbox/Checkbox.cjs +0 -5
  10. package/lib/components/Checkbox/Checkbox.d.ts +0 -4
  11. package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
  12. package/lib/components/Checkbox/Checkbox.js +1 -5
  13. package/lib/components/Checkbox/Checkbox.namespace.cjs +0 -1
  14. package/lib/components/Checkbox/Checkbox.namespace.d.ts +1 -1
  15. package/lib/components/Checkbox/Checkbox.namespace.d.ts.map +1 -1
  16. package/lib/components/Checkbox/Checkbox.namespace.js +1 -1
  17. package/lib/components/Checkbox/index.cjs +0 -1
  18. package/lib/components/Checkbox/index.d.ts +1 -1
  19. package/lib/components/Checkbox/index.d.ts.map +1 -1
  20. package/lib/components/Checkbox/index.js +1 -1
  21. package/lib/components/Dialog/Dialog.d.ts.map +1 -1
  22. package/lib/components/HelpBubble/HelpBubble.cjs +0 -5
  23. package/lib/components/HelpBubble/HelpBubble.d.ts +0 -3
  24. package/lib/components/HelpBubble/HelpBubble.d.ts.map +1 -1
  25. package/lib/components/HelpBubble/HelpBubble.js +1 -5
  26. package/lib/components/HelpBubble/HelpBubble.namespace.cjs +0 -1
  27. package/lib/components/HelpBubble/HelpBubble.namespace.d.ts +1 -1
  28. package/lib/components/HelpBubble/HelpBubble.namespace.d.ts.map +1 -1
  29. package/lib/components/HelpBubble/HelpBubble.namespace.js +1 -1
  30. package/lib/components/HelpBubble/index.cjs +0 -1
  31. package/lib/components/HelpBubble/index.d.ts +1 -1
  32. package/lib/components/HelpBubble/index.d.ts.map +1 -1
  33. package/lib/components/HelpBubble/index.js +1 -1
  34. package/lib/components/MenuSheet/MenuSheet.cjs +24 -60
  35. package/lib/components/MenuSheet/MenuSheet.d.ts +0 -12
  36. package/lib/components/MenuSheet/MenuSheet.d.ts.map +1 -1
  37. package/lib/components/MenuSheet/MenuSheet.js +25 -57
  38. package/lib/components/MenuSheet/MenuSheet.namespace.cjs +0 -4
  39. package/lib/components/MenuSheet/MenuSheet.namespace.d.ts +1 -1
  40. package/lib/components/MenuSheet/MenuSheet.namespace.d.ts.map +1 -1
  41. package/lib/components/MenuSheet/MenuSheet.namespace.js +1 -1
  42. package/lib/components/MenuSheet/index.cjs +0 -4
  43. package/lib/components/MenuSheet/index.d.ts +1 -1
  44. package/lib/components/MenuSheet/index.d.ts.map +1 -1
  45. package/lib/components/MenuSheet/index.js +1 -1
  46. package/lib/components/RadioGroup/RadioGroup.cjs +1 -4
  47. package/lib/components/RadioGroup/RadioGroup.d.ts +2 -3
  48. package/lib/components/RadioGroup/RadioGroup.d.ts.map +1 -1
  49. package/lib/components/RadioGroup/RadioGroup.js +1 -4
  50. package/lib/components/SelectBox/CheckSelectBox.cjs +8 -117
  51. package/lib/components/SelectBox/CheckSelectBox.d.ts +10 -38
  52. package/lib/components/SelectBox/CheckSelectBox.d.ts.map +1 -1
  53. package/lib/components/SelectBox/CheckSelectBox.js +10 -113
  54. package/lib/components/SelectBox/CheckSelectBox.namespace.cjs +0 -6
  55. package/lib/components/SelectBox/CheckSelectBox.namespace.d.ts +1 -1
  56. package/lib/components/SelectBox/CheckSelectBox.namespace.d.ts.map +1 -1
  57. package/lib/components/SelectBox/CheckSelectBox.namespace.js +1 -1
  58. package/lib/components/SelectBox/RadioSelectBox.cjs +9 -112
  59. package/lib/components/SelectBox/RadioSelectBox.d.ts +7 -31
  60. package/lib/components/SelectBox/RadioSelectBox.d.ts.map +1 -1
  61. package/lib/components/SelectBox/RadioSelectBox.js +10 -109
  62. package/lib/components/SelectBox/RadioSelectBox.namespace.cjs +1 -5
  63. package/lib/components/SelectBox/RadioSelectBox.namespace.d.ts +1 -1
  64. package/lib/components/SelectBox/RadioSelectBox.namespace.d.ts.map +1 -1
  65. package/lib/components/SelectBox/RadioSelectBox.namespace.js +1 -1
  66. package/lib/components/SelectBox/index.cjs +1 -11
  67. package/lib/components/SelectBox/index.d.ts +2 -2
  68. package/lib/components/SelectBox/index.d.ts.map +1 -1
  69. package/lib/components/SelectBox/index.js +2 -2
  70. package/lib/components/Switch/Switch.cjs +5 -5
  71. package/lib/components/Switch/Switch.d.ts +3 -3
  72. package/lib/components/Switch/Switch.d.ts.map +1 -1
  73. package/lib/components/Switch/Switch.js +5 -5
  74. package/lib/components/TagGroup/TagGroup.cjs +9 -25
  75. package/lib/components/TagGroup/TagGroup.d.ts +1 -5
  76. package/lib/components/TagGroup/TagGroup.d.ts.map +1 -1
  77. package/lib/components/TagGroup/TagGroup.js +10 -25
  78. package/lib/components/TagGroup/TagGroup.namespace.cjs +0 -1
  79. package/lib/components/TagGroup/TagGroup.namespace.d.ts +1 -1
  80. package/lib/components/TagGroup/TagGroup.namespace.d.ts.map +1 -1
  81. package/lib/components/TagGroup/TagGroup.namespace.js +1 -1
  82. package/lib/components/TagGroup/index.cjs +0 -1
  83. package/lib/components/TagGroup/index.d.ts +1 -1
  84. package/lib/components/TagGroup/index.d.ts.map +1 -1
  85. package/lib/components/TagGroup/index.js +1 -1
  86. package/lib/components/index.cjs +1 -53
  87. package/lib/components/index.d.ts +0 -6
  88. package/lib/components/index.d.ts.map +1 -1
  89. package/lib/components/index.js +6 -16
  90. package/lib/index.cjs +1 -53
  91. package/lib/index.js +6 -16
  92. package/lib/utils/styled.cjs +0 -6
  93. package/lib/utils/styled.d.ts +0 -6
  94. package/lib/utils/styled.d.ts.map +1 -1
  95. package/lib/utils/styled.js +0 -6
  96. package/package.json +2 -2
  97. package/lib/components/AspectRatio/AspectRatio.cjs +0 -53
  98. package/lib/components/AspectRatio/AspectRatio.d.ts +0 -11
  99. package/lib/components/AspectRatio/AspectRatio.d.ts.map +0 -1
  100. package/lib/components/AspectRatio/AspectRatio.js +0 -30
  101. package/lib/components/AspectRatio/index.cjs +0 -9
  102. package/lib/components/AspectRatio/index.d.ts +0 -2
  103. package/lib/components/AspectRatio/index.d.ts.map +0 -1
  104. package/lib/components/AspectRatio/index.js +0 -1
  105. package/lib/components/Fieldset/Fieldset.cjs +0 -86
  106. package/lib/components/Fieldset/Fieldset.d.ts +0 -30
  107. package/lib/components/Fieldset/Fieldset.d.ts.map +0 -1
  108. package/lib/components/Fieldset/Fieldset.js +0 -75
  109. package/lib/components/Fieldset/Fieldset.namespace.cjs +0 -16
  110. package/lib/components/Fieldset/Fieldset.namespace.d.ts +0 -2
  111. package/lib/components/Fieldset/Fieldset.namespace.d.ts.map +0 -1
  112. package/lib/components/Fieldset/Fieldset.namespace.js +0 -1
  113. package/lib/components/Fieldset/index.cjs +0 -18
  114. package/lib/components/Fieldset/index.d.ts +0 -3
  115. package/lib/components/Fieldset/index.d.ts.map +0 -1
  116. package/lib/components/Fieldset/index.js +0 -3
  117. package/lib/components/Grid/Grid.cjs +0 -56
  118. package/lib/components/Grid/Grid.d.ts +0 -41
  119. package/lib/components/Grid/Grid.d.ts.map +0 -1
  120. package/lib/components/Grid/Grid.js +0 -33
  121. package/lib/components/Grid/index.cjs +0 -9
  122. package/lib/components/Grid/index.d.ts +0 -2
  123. package/lib/components/Grid/index.d.ts.map +0 -1
  124. package/lib/components/Grid/index.js +0 -1
  125. package/lib/components/GridItem/GridItem.cjs +0 -45
  126. package/lib/components/GridItem/GridItem.d.ts +0 -35
  127. package/lib/components/GridItem/GridItem.d.ts.map +0 -1
  128. package/lib/components/GridItem/GridItem.js +0 -22
  129. package/lib/components/GridItem/index.cjs +0 -9
  130. package/lib/components/GridItem/index.d.ts +0 -2
  131. package/lib/components/GridItem/index.d.ts.map +0 -1
  132. package/lib/components/GridItem/index.js +0 -1
  133. package/lib/components/ImageFrame/ImageFrame.cjs +0 -157
  134. package/lib/components/ImageFrame/ImageFrame.d.ts +0 -51
  135. package/lib/components/ImageFrame/ImageFrame.d.ts.map +0 -1
  136. package/lib/components/ImageFrame/ImageFrame.js +0 -129
  137. package/lib/components/ImageFrame/index.cjs +0 -14
  138. package/lib/components/ImageFrame/index.d.ts +0 -2
  139. package/lib/components/ImageFrame/index.d.ts.map +0 -1
  140. package/lib/components/ImageFrame/index.js +0 -1
  141. package/lib/components/RadioGroupField/RadioGroupField.cjs +0 -79
  142. package/lib/components/RadioGroupField/RadioGroupField.d.ts +0 -30
  143. package/lib/components/RadioGroupField/RadioGroupField.d.ts.map +0 -1
  144. package/lib/components/RadioGroupField/RadioGroupField.js +0 -68
  145. package/lib/components/RadioGroupField/RadioGroupField.namespace.cjs +0 -16
  146. package/lib/components/RadioGroupField/RadioGroupField.namespace.d.ts +0 -2
  147. package/lib/components/RadioGroupField/RadioGroupField.namespace.d.ts.map +0 -1
  148. package/lib/components/RadioGroupField/RadioGroupField.namespace.js +0 -1
  149. package/lib/components/RadioGroupField/index.cjs +0 -18
  150. package/lib/components/RadioGroupField/index.d.ts +0 -3
  151. package/lib/components/RadioGroupField/index.d.ts.map +0 -1
  152. package/lib/components/RadioGroupField/index.js +0 -3
@@ -1,135 +1,32 @@
1
1
  'use client';
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import { composeRefs } from '@radix-ui/react-compose-refs';
4
3
  import { selectBox } from '@seed-design/css/recipes/select-box';
5
- import { selectBoxCheckmark } from '@seed-design/css/recipes/selectBoxCheckmark';
6
4
  import { selectBoxGroup } from '@seed-design/css/recipes/select-box-group';
7
5
  import { Checkbox, useCheckboxContext } from '@seed-design/react-checkbox';
8
- import { useCollapsibleContext, Collapsible, useCollapsible, CollapsibleProvider } from '@seed-design/react-collapsible';
9
6
  import { Primitive } from '@seed-design/react-primitive';
10
- import clsx from 'clsx';
11
- import { forwardRef, useContext, createContext, useState, useCallback } from 'react';
7
+ import { forwardRef } from 'react';
8
+ import { createRecipeContext } from '../../utils/createRecipeContext.js';
12
9
  import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
13
10
  import { createWithStateProps } from '../../utils/createWithStateProps.js';
14
- import { InternalIcon } from '../private/Icon.js';
15
11
 
16
- const { PropsProvider, ClassNamesProvider, withContext, useProps, useClassNames } = createSlotRecipeContext(selectBox);
12
+ const { withContext: withGroupContext } = createRecipeContext(selectBoxGroup);
13
+ const { withContext, withProvider } = createSlotRecipeContext(selectBox);
17
14
  const withStateProps = createWithStateProps([useCheckboxContext]);
18
- const FooterContext = createContext(null);
19
- const CheckSelectBoxGroup = forwardRef(
20
- ({ columns = 1, className, style, ...props }, ref) => {
21
- const [variantProps, otherProps] = selectBoxGroup.splitVariantProps(props);
22
- const recipeClassName = selectBoxGroup(variantProps);
23
- const layout = columns === 1 ? "horizontal" : "vertical";
24
- return /* @__PURE__ */ jsx(PropsProvider, { value: { layout }, children: /* @__PURE__ */ jsx(
25
- Primitive.div,
26
- {
27
- ref,
28
- "data-columns": columns,
29
- className: clsx(recipeClassName, className),
30
- style: {
31
- ...style,
32
- "--seed-select-box-group--columns": columns
33
- },
34
- ...otherProps
35
- }
36
- ) });
37
- }
15
+ const CheckSelectBoxGroup = withGroupContext(
16
+ forwardRef((props, ref) => /* @__PURE__ */ jsx(Primitive.div, { ref, role: "group", ...props }))
38
17
  );
39
- function FooterVisibilityProvider({
40
- children,
41
- footerVisibility
42
- }) {
43
- const { checked } = useCheckboxContext();
44
- const collapsible = useCollapsible({
45
- open: {
46
- "when-selected": checked,
47
- "when-not-selected": !checked
48
- }[footerVisibility]
49
- });
50
- const [isFooterRendered, setIsFooterRendered] = useState(false);
51
- const footerRef = useCallback((node) => {
52
- setIsFooterRendered(!!node);
53
- }, []);
54
- return /* @__PURE__ */ jsx(CollapsibleProvider, { value: collapsible, children: /* @__PURE__ */ jsx(FooterContext.Provider, { value: { isFooterRendered, footerRef, footerVisibility }, children }) });
55
- }
56
- const CheckSelectBoxRoot = forwardRef(
57
- ({ footerVisibility = "when-selected", className, children, ...props }, ref) => {
58
- const [variantProps, otherProps] = selectBox.splitVariantProps(props);
59
- const classNames = selectBox({
60
- ...useProps(),
61
- ...variantProps
62
- });
63
- return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
64
- Checkbox.Root,
65
- {
66
- ref,
67
- className: clsx(classNames.root, className),
68
- ...otherProps,
69
- children: footerVisibility === "always" ? children : /* @__PURE__ */ jsx(FooterVisibilityProvider, { footerVisibility, children })
70
- }
71
- ) });
72
- }
73
- );
74
- const CheckSelectBoxTrigger = withContext(
75
- withStateProps(Primitive.div),
76
- "trigger"
18
+ const CheckSelectBoxRoot = withProvider(
19
+ Checkbox.Root,
20
+ "root"
77
21
  );
78
22
  const CheckSelectBoxContent = withContext(
79
23
  withStateProps(Primitive.div),
80
24
  "content"
81
25
  );
82
- const CheckSelectBoxBody = withContext(
83
- withStateProps(Primitive.div),
84
- "body"
85
- );
86
26
  const CheckSelectBoxLabel = withContext(
87
27
  withStateProps(Primitive.div),
88
28
  "label"
89
29
  );
90
30
  const CheckSelectBoxDescription = withContext(withStateProps(Primitive.div), "description");
91
- const { withProvider: withCheckmarkProvider, withContext: withCheckmarkContext } = createSlotRecipeContext(selectBoxCheckmark);
92
- const withCheckmarkStateProps = createWithStateProps([useCheckboxContext]);
93
- const CheckSelectBoxCheckmarkControl = withCheckmarkProvider(Checkbox.Control, "root");
94
- const CheckSelectBoxCheckmarkIcon = withCheckmarkContext(withCheckmarkStateProps(InternalIcon), "icon");
95
- const CheckSelectBoxHiddenInput = forwardRef((props, ref) => {
96
- const collapsibleContext = useCollapsibleContext({ strict: false });
97
- const footerContext = useContext(FooterContext);
98
- const triggerAriaProps = footerContext?.isFooterRendered ? collapsibleContext?.triggerAriaProps : void 0;
99
- return /* @__PURE__ */ jsx(Checkbox.HiddenInput, { ref, ...triggerAriaProps, ...props });
100
- });
101
- CheckSelectBoxHiddenInput.displayName = "CheckSelectBoxHiddenInput";
102
- const CheckSelectBoxFooter = forwardRef(
103
- ({ className, children, ...props }, ref) => {
104
- const classNames = useClassNames();
105
- const { stateProps } = useCheckboxContext();
106
- const collapsibleContext = useCollapsibleContext({ strict: false });
107
- const footerContext = useContext(FooterContext);
108
- const composedRef = composeRefs(ref, footerContext?.footerRef ?? null);
109
- if (collapsibleContext) {
110
- return /* @__PURE__ */ jsx(
111
- Collapsible.Content,
112
- {
113
- ref: composedRef,
114
- className: clsx(classNames.footer, className),
115
- ...stateProps,
116
- ...props,
117
- children
118
- }
119
- );
120
- }
121
- return /* @__PURE__ */ jsx(
122
- Primitive.div,
123
- {
124
- ref: composedRef,
125
- className: clsx(classNames.footer, className),
126
- ...stateProps,
127
- ...props,
128
- children
129
- }
130
- );
131
- }
132
- );
133
- CheckSelectBoxFooter.displayName = "CheckSelectBoxFooter";
134
31
 
135
- export { CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger };
32
+ export { CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxGroup, CheckSelectBoxLabel, CheckSelectBoxRoot };
@@ -6,14 +6,8 @@ const CheckSelectBox = require('./CheckSelectBox.cjs');
6
6
 
7
7
 
8
8
 
9
- exports.Body = CheckSelectBox.CheckSelectBoxBody;
10
- exports.CheckmarkControl = CheckSelectBox.CheckSelectBoxCheckmarkControl;
11
- exports.CheckmarkIcon = CheckSelectBox.CheckSelectBoxCheckmarkIcon;
12
9
  exports.Content = CheckSelectBox.CheckSelectBoxContent;
13
10
  exports.Description = CheckSelectBox.CheckSelectBoxDescription;
14
- exports.Footer = CheckSelectBox.CheckSelectBoxFooter;
15
11
  exports.Group = CheckSelectBox.CheckSelectBoxGroup;
16
- exports.HiddenInput = CheckSelectBox.CheckSelectBoxHiddenInput;
17
12
  exports.Label = CheckSelectBox.CheckSelectBoxLabel;
18
13
  exports.Root = CheckSelectBox.CheckSelectBoxRoot;
19
- exports.Trigger = CheckSelectBox.CheckSelectBoxTrigger;
@@ -1,2 +1,2 @@
1
- export { CheckSelectBoxBody as Body, CheckSelectBoxCheckmarkControl as CheckmarkControl, CheckSelectBoxCheckmarkIcon as CheckmarkIcon, CheckSelectBoxContent as Content, CheckSelectBoxDescription as Description, CheckSelectBoxFooter as Footer, CheckSelectBoxGroup as Group, CheckSelectBoxHiddenInput as HiddenInput, CheckSelectBoxLabel as Label, CheckSelectBoxRoot as Root, CheckSelectBoxTrigger as Trigger, type CheckSelectBoxBodyProps as BodyProps, type CheckSelectBoxCheckmarkControlProps as CheckmarkControlProps, type CheckSelectBoxCheckmarkIconProps as CheckmarkIconProps, type CheckSelectBoxContentProps as ContentProps, type CheckSelectBoxDescriptionProps as DescriptionProps, type CheckSelectBoxFooterProps as FooterProps, type CheckSelectBoxGroupProps as GroupProps, type CheckSelectBoxHiddenInputProps as HiddenInputProps, type CheckSelectBoxLabelProps as LabelProps, type CheckSelectBoxRootProps as RootProps, type CheckSelectBoxTriggerProps as TriggerProps, } from './CheckSelectBox';
1
+ export { CheckSelectBoxContent as Content, CheckSelectBoxDescription as Description, CheckSelectBoxGroup as Group, CheckSelectBoxLabel as Label, CheckSelectBoxRoot as Root, type CheckSelectBoxContentProps as ContentProps, type CheckSelectBoxDescriptionProps as DescriptionProps, type CheckSelectBoxGroupProps as GroupProps, type CheckSelectBoxLabelProps as LabelProps, type CheckSelectBoxRootProps as RootProps, } from './CheckSelectBox';
2
2
  //# sourceMappingURL=CheckSelectBox.namespace.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckSelectBox.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/CheckSelectBox.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,IAAI,IAAI,EAC1B,8BAA8B,IAAI,gBAAgB,EAClD,2BAA2B,IAAI,aAAa,EAC5C,qBAAqB,IAAI,OAAO,EAChC,yBAAyB,IAAI,WAAW,EACxC,oBAAoB,IAAI,MAAM,EAC9B,mBAAmB,IAAI,KAAK,EAC5B,yBAAyB,IAAI,WAAW,EACxC,mBAAmB,IAAI,KAAK,EAC5B,kBAAkB,IAAI,IAAI,EAC1B,qBAAqB,IAAI,OAAO,EAChC,KAAK,uBAAuB,IAAI,SAAS,EACzC,KAAK,mCAAmC,IAAI,qBAAqB,EACjE,KAAK,gCAAgC,IAAI,kBAAkB,EAC3D,KAAK,0BAA0B,IAAI,YAAY,EAC/C,KAAK,8BAA8B,IAAI,gBAAgB,EACvD,KAAK,yBAAyB,IAAI,WAAW,EAC7C,KAAK,wBAAwB,IAAI,UAAU,EAC3C,KAAK,8BAA8B,IAAI,gBAAgB,EACvD,KAAK,wBAAwB,IAAI,UAAU,EAC3C,KAAK,uBAAuB,IAAI,SAAS,EACzC,KAAK,0BAA0B,IAAI,YAAY,GAChD,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"CheckSelectBox.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/CheckSelectBox.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,IAAI,OAAO,EAChC,yBAAyB,IAAI,WAAW,EACxC,mBAAmB,IAAI,KAAK,EAC5B,mBAAmB,IAAI,KAAK,EAC5B,kBAAkB,IAAI,IAAI,EAC1B,KAAK,0BAA0B,IAAI,YAAY,EAC/C,KAAK,8BAA8B,IAAI,gBAAgB,EACvD,KAAK,wBAAwB,IAAI,UAAU,EAC3C,KAAK,wBAAwB,IAAI,UAAU,EAC3C,KAAK,uBAAuB,IAAI,SAAS,GAC1C,MAAM,kBAAkB,CAAC"}
@@ -1 +1 @@
1
- export { CheckSelectBoxBody as Body, CheckSelectBoxCheckmarkControl as CheckmarkControl, CheckSelectBoxCheckmarkIcon as CheckmarkIcon, CheckSelectBoxContent as Content, CheckSelectBoxDescription as Description, CheckSelectBoxFooter as Footer, CheckSelectBoxGroup as Group, CheckSelectBoxHiddenInput as HiddenInput, CheckSelectBoxLabel as Label, CheckSelectBoxRoot as Root, CheckSelectBoxTrigger as Trigger } from './CheckSelectBox.js';
1
+ export { CheckSelectBoxContent as Content, CheckSelectBoxDescription as Description, CheckSelectBoxGroup as Group, CheckSelectBoxLabel as Label, CheckSelectBoxRoot as Root } from './CheckSelectBox.js';
@@ -3,139 +3,36 @@
3
3
 
4
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
 
6
- const jsxRuntime = require('react/jsx-runtime');
7
- const reactComposeRefs = require('@radix-ui/react-compose-refs');
8
6
  const selectBox = require('@seed-design/css/recipes/select-box');
9
7
  const selectBoxGroup = require('@seed-design/css/recipes/select-box-group');
10
- const reactCollapsible = require('@seed-design/react-collapsible');
11
8
  const reactPrimitive = require('@seed-design/react-primitive');
12
9
  const reactRadioGroup = require('@seed-design/react-radio-group');
13
- const React = require('react');
10
+ const createRecipeContext = require('../../utils/createRecipeContext.cjs');
14
11
  const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
15
12
  const createWithStateProps = require('../../utils/createWithStateProps.cjs');
16
- const clsx = require('clsx');
17
13
 
18
- const { PropsProvider, ClassNamesProvider, withContext, useProps, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
14
+ const { withContext: withGroupContext } = createRecipeContext.createRecipeContext(selectBoxGroup.selectBoxGroup);
15
+ const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
19
16
  const withStateProps = createWithStateProps.createWithStateProps([reactRadioGroup.useRadioGroupItemContext]);
20
- const FooterContext = React.createContext(null);
21
- const RadioSelectBoxGroup = React.forwardRef(
22
- ({ columns = 1, className, style, ...props }, ref) => {
23
- const [variantProps, otherProps] = selectBoxGroup.selectBoxGroup.splitVariantProps(props);
24
- const recipeClassName = selectBoxGroup.selectBoxGroup(variantProps);
25
- const layout = columns === 1 ? "horizontal" : "vertical";
26
- return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: { layout }, children: /* @__PURE__ */ jsxRuntime.jsx(
27
- reactPrimitive.Primitive.div,
28
- {
29
- ref,
30
- "data-columns": columns,
31
- className: clsx(recipeClassName, className),
32
- style: {
33
- ...style,
34
- "--seed-select-box-group--columns": columns
35
- },
36
- ...otherProps
37
- }
38
- ) });
39
- }
17
+ const RadioSelectBoxRoot = withGroupContext(
18
+ reactRadioGroup.RadioGroup.Root
40
19
  );
41
- function FooterVisibilityProvider({
42
- children,
43
- footerVisibility
44
- }) {
45
- const { checked } = reactRadioGroup.useRadioGroupItemContext();
46
- const collapsible = reactCollapsible.useCollapsible({
47
- open: {
48
- "when-selected": checked,
49
- "when-not-selected": !checked
50
- }[footerVisibility]
51
- });
52
- const [isFooterRendered, setIsFooterRendered] = React.useState(false);
53
- const footerRef = React.useCallback((node) => {
54
- setIsFooterRendered(!!node);
55
- }, []);
56
- return /* @__PURE__ */ jsxRuntime.jsx(reactCollapsible.CollapsibleProvider, { value: collapsible, children: /* @__PURE__ */ jsxRuntime.jsx(FooterContext.Provider, { value: { isFooterRendered, footerRef, footerVisibility }, children }) });
57
- }
58
- const RadioSelectBoxItem = React.forwardRef(
59
- ({ footerVisibility = "when-selected", className, children, ...props }, ref) => {
60
- const [variantProps, otherProps] = selectBox.selectBox.splitVariantProps(props);
61
- const classNames = selectBox.selectBox({
62
- ...useProps(),
63
- ...variantProps
64
- });
65
- return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
66
- reactRadioGroup.RadioGroup.Item,
67
- {
68
- ref,
69
- className: clsx(classNames.root, className),
70
- ...otherProps,
71
- children: footerVisibility === "always" ? children : /* @__PURE__ */ jsxRuntime.jsx(FooterVisibilityProvider, { footerVisibility, children })
72
- }
73
- ) });
74
- }
75
- );
76
- const RadioSelectBoxTrigger = withContext(
77
- withStateProps(reactPrimitive.Primitive.div),
78
- "trigger"
20
+ const RadioSelectBoxItem = withProvider(
21
+ reactRadioGroup.RadioGroup.Item,
22
+ "root"
79
23
  );
80
24
  const RadioSelectBoxContent = withContext(
81
25
  withStateProps(reactPrimitive.Primitive.div),
82
26
  "content"
83
27
  );
84
- const RadioSelectBoxBody = withContext(
85
- withStateProps(reactPrimitive.Primitive.div),
86
- "body"
87
- );
88
28
  const RadioSelectBoxLabel = withContext(
89
29
  withStateProps(reactPrimitive.Primitive.div),
90
30
  "label"
91
31
  );
92
32
  const RadioSelectBoxDescription = withContext(withStateProps(reactPrimitive.Primitive.div), "description");
93
- const RadioSelectBoxHiddenInput = React.forwardRef((props, ref) => {
94
- const collapsibleContext = reactCollapsible.useCollapsibleContext({ strict: false });
95
- const footerContext = React.useContext(FooterContext);
96
- const triggerAriaProps = footerContext?.isFooterRendered ? collapsibleContext?.triggerAriaProps : void 0;
97
- return /* @__PURE__ */ jsxRuntime.jsx(reactRadioGroup.RadioGroup.ItemHiddenInput, { ref, ...triggerAriaProps, ...props });
98
- });
99
- RadioSelectBoxHiddenInput.displayName = "RadioSelectBoxHiddenInput";
100
- const RadioSelectBoxFooter = React.forwardRef(
101
- ({ className, children, ...props }, ref) => {
102
- const classNames = useClassNames();
103
- const { stateProps } = reactRadioGroup.useRadioGroupItemContext();
104
- const collapsibleContext = reactCollapsible.useCollapsibleContext({ strict: false });
105
- const footerContext = React.useContext(FooterContext);
106
- const composedRef = reactComposeRefs.composeRefs(ref, footerContext?.footerRef ?? null);
107
- if (collapsibleContext) {
108
- return /* @__PURE__ */ jsxRuntime.jsx(
109
- reactCollapsible.Collapsible.Content,
110
- {
111
- ref: composedRef,
112
- className: clsx(classNames.footer, className),
113
- ...stateProps,
114
- ...props,
115
- children
116
- }
117
- );
118
- }
119
- return /* @__PURE__ */ jsxRuntime.jsx(
120
- reactPrimitive.Primitive.div,
121
- {
122
- ref: composedRef,
123
- className: clsx(classNames.footer, className),
124
- ...stateProps,
125
- ...props,
126
- children
127
- }
128
- );
129
- }
130
- );
131
- RadioSelectBoxFooter.displayName = "RadioSelectBoxFooter";
132
33
 
133
- exports.RadioSelectBoxBody = RadioSelectBoxBody;
134
34
  exports.RadioSelectBoxContent = RadioSelectBoxContent;
135
35
  exports.RadioSelectBoxDescription = RadioSelectBoxDescription;
136
- exports.RadioSelectBoxFooter = RadioSelectBoxFooter;
137
- exports.RadioSelectBoxGroup = RadioSelectBoxGroup;
138
- exports.RadioSelectBoxHiddenInput = RadioSelectBoxHiddenInput;
139
36
  exports.RadioSelectBoxItem = RadioSelectBoxItem;
140
37
  exports.RadioSelectBoxLabel = RadioSelectBoxLabel;
141
- exports.RadioSelectBoxTrigger = RadioSelectBoxTrigger;
38
+ exports.RadioSelectBoxRoot = RadioSelectBoxRoot;
@@ -1,43 +1,19 @@
1
- import { SelectBoxVariantProps } from '@seed-design/css/recipes/select-box';
2
- import { SelectBoxGroupVariantProps } from '@seed-design/css/recipes/select-box-group';
3
1
  import { PrimitiveProps } from '@seed-design/react-primitive';
4
2
  import { RadioGroup as RadioGroupPrimitive } from '@seed-design/react-radio-group';
5
3
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
6
- export interface RadioSelectBoxGroupProps extends SelectBoxGroupVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
7
- /**
8
- * Number of columns in the grid layout. When bigger than 1, child `RadioSelectBoxItem` will have a default layout of "vertical".
9
- * @default 1
10
- */
11
- columns?: number;
4
+ export interface RadioSelectBoxRootProps extends RadioGroupPrimitive.RootProps {
12
5
  }
13
- export declare const RadioSelectBoxGroup: ForwardRefExoticComponent<RadioSelectBoxGroupProps & RefAttributes<HTMLDivElement>>;
14
- export interface RadioSelectBoxItemProps extends SelectBoxVariantProps, RadioGroupPrimitive.ItemProps {
15
- /**
16
- * Controls when the footer is visible.
17
- * @default "when-selected"
18
- */
19
- footerVisibility?: "when-selected" | "when-not-selected" | "always";
6
+ export declare const RadioSelectBoxRoot: ForwardRefExoticComponent<RadioSelectBoxRootProps & RefAttributes<HTMLDivElement>>;
7
+ export interface RadioSelectBoxItemProps extends RadioGroupPrimitive.ItemProps {
20
8
  }
21
9
  export declare const RadioSelectBoxItem: ForwardRefExoticComponent<RadioSelectBoxItemProps & RefAttributes<HTMLLabelElement>>;
22
- export interface RadioSelectBoxTriggerProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
23
- }
24
- export declare const RadioSelectBoxTrigger: ForwardRefExoticComponent<RadioSelectBoxTriggerProps & RefAttributes<HTMLDivElement>>;
25
10
  export interface RadioSelectBoxContentProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
26
11
  }
27
12
  export declare const RadioSelectBoxContent: ForwardRefExoticComponent<RadioSelectBoxContentProps & RefAttributes<HTMLDivElement>>;
28
- export interface RadioSelectBoxBodyProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
29
- }
30
- export declare const RadioSelectBoxBody: ForwardRefExoticComponent<RadioSelectBoxBodyProps & RefAttributes<HTMLDivElement>>;
31
- export interface RadioSelectBoxLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
32
- }
33
- export declare const RadioSelectBoxLabel: ForwardRefExoticComponent<RadioSelectBoxLabelProps & RefAttributes<HTMLDivElement>>;
34
- export interface RadioSelectBoxDescriptionProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
35
- }
36
- export declare const RadioSelectBoxDescription: ForwardRefExoticComponent<RadioSelectBoxDescriptionProps & RefAttributes<HTMLDivElement>>;
37
- export interface RadioSelectBoxHiddenInputProps extends RadioGroupPrimitive.ItemHiddenInputProps {
13
+ export interface RadioSelectBoxLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
38
14
  }
39
- export declare const RadioSelectBoxHiddenInput: ForwardRefExoticComponent<RadioSelectBoxHiddenInputProps & RefAttributes<HTMLInputElement>>;
40
- export interface RadioSelectBoxFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
15
+ export declare const RadioSelectBoxLabel: ForwardRefExoticComponent<RadioSelectBoxLabelProps & RefAttributes<HTMLSpanElement>>;
16
+ export interface RadioSelectBoxDescriptionProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
41
17
  }
42
- export declare const RadioSelectBoxFooter: ForwardRefExoticComponent<RadioSelectBoxFooterProps & RefAttributes<HTMLDivElement>>;
18
+ export declare const RadioSelectBoxDescription: ForwardRefExoticComponent<RadioSelectBoxDescriptionProps & RefAttributes<HTMLSpanElement>>;
43
19
  //# sourceMappingURL=RadioSelectBox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RadioSelectBox.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/RadioSelectBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,2CAA2C,CAAC;AAOnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AAwBxC,MAAM,WAAW,wBACf,SAAQ,0BAA0B,EAChC,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,qHAuB/B,CAAC;AA+BF,MAAM,WAAW,uBACf,SAAQ,qBAAqB,EAC3B,mBAAmB,CAAC,SAAS;IAC/B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,eAAe,GAAG,mBAAmB,GAAG,QAAQ,CAAC;CACrE;AAED,eAAO,MAAM,kBAAkB,sHA0B9B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,yBAAyB,2HAGS,CAAC;AAEhD,MAAM,WAAW,8BAA+B,SAAQ,mBAAmB,CAAC,oBAAoB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,6HAiBpC,CAAC;AAGH,MAAM,WAAW,yBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,oBAAoB,sHAgChC,CAAC"}
1
+ {"version":3,"file":"RadioSelectBox.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/RadioSelectBox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AASxC,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,CAAC,SAAS;CAAG;AAEjF,eAAO,MAAM,kBAAkB,oHAE9B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,CAAC,SAAS;CAAG;AAEjF,eAAO,MAAM,kBAAkB,sHAG9B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,yBAAyB,4HAGS,CAAC"}
@@ -1,129 +1,30 @@
1
1
  'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { composeRefs } from '@radix-ui/react-compose-refs';
4
2
  import { selectBox } from '@seed-design/css/recipes/select-box';
5
3
  import { selectBoxGroup } from '@seed-design/css/recipes/select-box-group';
6
- import { useCollapsibleContext, Collapsible, useCollapsible, CollapsibleProvider } from '@seed-design/react-collapsible';
7
4
  import { Primitive } from '@seed-design/react-primitive';
8
- import { useRadioGroupItemContext, RadioGroup } from '@seed-design/react-radio-group';
9
- import { forwardRef, useContext, createContext, useState, useCallback } from 'react';
5
+ import { RadioGroup, useRadioGroupItemContext } from '@seed-design/react-radio-group';
6
+ import { createRecipeContext } from '../../utils/createRecipeContext.js';
10
7
  import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
11
8
  import { createWithStateProps } from '../../utils/createWithStateProps.js';
12
- import clsx from 'clsx';
13
9
 
14
- const { PropsProvider, ClassNamesProvider, withContext, useProps, useClassNames } = createSlotRecipeContext(selectBox);
10
+ const { withContext: withGroupContext } = createRecipeContext(selectBoxGroup);
11
+ const { withContext, withProvider } = createSlotRecipeContext(selectBox);
15
12
  const withStateProps = createWithStateProps([useRadioGroupItemContext]);
16
- const FooterContext = createContext(null);
17
- const RadioSelectBoxGroup = forwardRef(
18
- ({ columns = 1, className, style, ...props }, ref) => {
19
- const [variantProps, otherProps] = selectBoxGroup.splitVariantProps(props);
20
- const recipeClassName = selectBoxGroup(variantProps);
21
- const layout = columns === 1 ? "horizontal" : "vertical";
22
- return /* @__PURE__ */ jsx(PropsProvider, { value: { layout }, children: /* @__PURE__ */ jsx(
23
- Primitive.div,
24
- {
25
- ref,
26
- "data-columns": columns,
27
- className: clsx(recipeClassName, className),
28
- style: {
29
- ...style,
30
- "--seed-select-box-group--columns": columns
31
- },
32
- ...otherProps
33
- }
34
- ) });
35
- }
13
+ const RadioSelectBoxRoot = withGroupContext(
14
+ RadioGroup.Root
36
15
  );
37
- function FooterVisibilityProvider({
38
- children,
39
- footerVisibility
40
- }) {
41
- const { checked } = useRadioGroupItemContext();
42
- const collapsible = useCollapsible({
43
- open: {
44
- "when-selected": checked,
45
- "when-not-selected": !checked
46
- }[footerVisibility]
47
- });
48
- const [isFooterRendered, setIsFooterRendered] = useState(false);
49
- const footerRef = useCallback((node) => {
50
- setIsFooterRendered(!!node);
51
- }, []);
52
- return /* @__PURE__ */ jsx(CollapsibleProvider, { value: collapsible, children: /* @__PURE__ */ jsx(FooterContext.Provider, { value: { isFooterRendered, footerRef, footerVisibility }, children }) });
53
- }
54
- const RadioSelectBoxItem = forwardRef(
55
- ({ footerVisibility = "when-selected", className, children, ...props }, ref) => {
56
- const [variantProps, otherProps] = selectBox.splitVariantProps(props);
57
- const classNames = selectBox({
58
- ...useProps(),
59
- ...variantProps
60
- });
61
- return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
62
- RadioGroup.Item,
63
- {
64
- ref,
65
- className: clsx(classNames.root, className),
66
- ...otherProps,
67
- children: footerVisibility === "always" ? children : /* @__PURE__ */ jsx(FooterVisibilityProvider, { footerVisibility, children })
68
- }
69
- ) });
70
- }
71
- );
72
- const RadioSelectBoxTrigger = withContext(
73
- withStateProps(Primitive.div),
74
- "trigger"
16
+ const RadioSelectBoxItem = withProvider(
17
+ RadioGroup.Item,
18
+ "root"
75
19
  );
76
20
  const RadioSelectBoxContent = withContext(
77
21
  withStateProps(Primitive.div),
78
22
  "content"
79
23
  );
80
- const RadioSelectBoxBody = withContext(
81
- withStateProps(Primitive.div),
82
- "body"
83
- );
84
24
  const RadioSelectBoxLabel = withContext(
85
25
  withStateProps(Primitive.div),
86
26
  "label"
87
27
  );
88
28
  const RadioSelectBoxDescription = withContext(withStateProps(Primitive.div), "description");
89
- const RadioSelectBoxHiddenInput = forwardRef((props, ref) => {
90
- const collapsibleContext = useCollapsibleContext({ strict: false });
91
- const footerContext = useContext(FooterContext);
92
- const triggerAriaProps = footerContext?.isFooterRendered ? collapsibleContext?.triggerAriaProps : void 0;
93
- return /* @__PURE__ */ jsx(RadioGroup.ItemHiddenInput, { ref, ...triggerAriaProps, ...props });
94
- });
95
- RadioSelectBoxHiddenInput.displayName = "RadioSelectBoxHiddenInput";
96
- const RadioSelectBoxFooter = forwardRef(
97
- ({ className, children, ...props }, ref) => {
98
- const classNames = useClassNames();
99
- const { stateProps } = useRadioGroupItemContext();
100
- const collapsibleContext = useCollapsibleContext({ strict: false });
101
- const footerContext = useContext(FooterContext);
102
- const composedRef = composeRefs(ref, footerContext?.footerRef ?? null);
103
- if (collapsibleContext) {
104
- return /* @__PURE__ */ jsx(
105
- Collapsible.Content,
106
- {
107
- ref: composedRef,
108
- className: clsx(classNames.footer, className),
109
- ...stateProps,
110
- ...props,
111
- children
112
- }
113
- );
114
- }
115
- return /* @__PURE__ */ jsx(
116
- Primitive.div,
117
- {
118
- ref: composedRef,
119
- className: clsx(classNames.footer, className),
120
- ...stateProps,
121
- ...props,
122
- children
123
- }
124
- );
125
- }
126
- );
127
- RadioSelectBoxFooter.displayName = "RadioSelectBoxFooter";
128
29
 
129
- export { RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger };
30
+ export { RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxRoot };
@@ -6,12 +6,8 @@ const RadioSelectBox = require('./RadioSelectBox.cjs');
6
6
 
7
7
 
8
8
 
9
- exports.Body = RadioSelectBox.RadioSelectBoxBody;
10
9
  exports.Content = RadioSelectBox.RadioSelectBoxContent;
11
10
  exports.Description = RadioSelectBox.RadioSelectBoxDescription;
12
- exports.Footer = RadioSelectBox.RadioSelectBoxFooter;
13
- exports.Group = RadioSelectBox.RadioSelectBoxGroup;
14
- exports.HiddenInput = RadioSelectBox.RadioSelectBoxHiddenInput;
15
11
  exports.Item = RadioSelectBox.RadioSelectBoxItem;
16
12
  exports.Label = RadioSelectBox.RadioSelectBoxLabel;
17
- exports.Trigger = RadioSelectBox.RadioSelectBoxTrigger;
13
+ exports.Root = RadioSelectBox.RadioSelectBoxRoot;
@@ -1,2 +1,2 @@
1
- export { RadioSelectBoxBody as Body, RadioSelectBoxContent as Content, RadioSelectBoxDescription as Description, RadioSelectBoxFooter as Footer, RadioSelectBoxGroup as Group, RadioSelectBoxHiddenInput as HiddenInput, RadioSelectBoxItem as Item, RadioSelectBoxLabel as Label, RadioSelectBoxTrigger as Trigger, type RadioSelectBoxBodyProps as BodyProps, type RadioSelectBoxContentProps as ContentProps, type RadioSelectBoxDescriptionProps as DescriptionProps, type RadioSelectBoxFooterProps as FooterProps, type RadioSelectBoxGroupProps as GroupProps, type RadioSelectBoxHiddenInputProps as HiddenInputProps, type RadioSelectBoxItemProps as ItemProps, type RadioSelectBoxLabelProps as LabelProps, type RadioSelectBoxTriggerProps as TriggerProps, } from './RadioSelectBox';
1
+ export { RadioSelectBoxContent as Content, RadioSelectBoxDescription as Description, RadioSelectBoxItem as Item, RadioSelectBoxLabel as Label, RadioSelectBoxRoot as Root, type RadioSelectBoxContentProps as ContentProps, type RadioSelectBoxDescriptionProps as DescriptionProps, type RadioSelectBoxItemProps as ItemProps, type RadioSelectBoxLabelProps as LabelProps, type RadioSelectBoxRootProps as RootProps, } from './RadioSelectBox';
2
2
  //# sourceMappingURL=RadioSelectBox.namespace.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RadioSelectBox.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/RadioSelectBox.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,IAAI,IAAI,EAC1B,qBAAqB,IAAI,OAAO,EAChC,yBAAyB,IAAI,WAAW,EACxC,oBAAoB,IAAI,MAAM,EAC9B,mBAAmB,IAAI,KAAK,EAC5B,yBAAyB,IAAI,WAAW,EACxC,kBAAkB,IAAI,IAAI,EAC1B,mBAAmB,IAAI,KAAK,EAC5B,qBAAqB,IAAI,OAAO,EAChC,KAAK,uBAAuB,IAAI,SAAS,EACzC,KAAK,0BAA0B,IAAI,YAAY,EAC/C,KAAK,8BAA8B,IAAI,gBAAgB,EACvD,KAAK,yBAAyB,IAAI,WAAW,EAC7C,KAAK,wBAAwB,IAAI,UAAU,EAC3C,KAAK,8BAA8B,IAAI,gBAAgB,EACvD,KAAK,uBAAuB,IAAI,SAAS,EACzC,KAAK,wBAAwB,IAAI,UAAU,EAC3C,KAAK,0BAA0B,IAAI,YAAY,GAChD,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"RadioSelectBox.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/RadioSelectBox.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,IAAI,OAAO,EAChC,yBAAyB,IAAI,WAAW,EACxC,kBAAkB,IAAI,IAAI,EAC1B,mBAAmB,IAAI,KAAK,EAC5B,kBAAkB,IAAI,IAAI,EAC1B,KAAK,0BAA0B,IAAI,YAAY,EAC/C,KAAK,8BAA8B,IAAI,gBAAgB,EACvD,KAAK,uBAAuB,IAAI,SAAS,EACzC,KAAK,wBAAwB,IAAI,UAAU,EAC3C,KAAK,uBAAuB,IAAI,SAAS,GAC1C,MAAM,kBAAkB,CAAC"}
@@ -1 +1 @@
1
- export { RadioSelectBoxBody as Body, RadioSelectBoxContent as Content, RadioSelectBoxDescription as Description, RadioSelectBoxFooter as Footer, RadioSelectBoxGroup as Group, RadioSelectBoxHiddenInput as HiddenInput, RadioSelectBoxItem as Item, RadioSelectBoxLabel as Label, RadioSelectBoxTrigger as Trigger } from './RadioSelectBox.js';
1
+ export { RadioSelectBoxContent as Content, RadioSelectBoxDescription as Description, RadioSelectBoxItem as Item, RadioSelectBoxLabel as Label, RadioSelectBoxRoot as Root } from './RadioSelectBox.js';
@@ -9,25 +9,15 @@ const RadioSelectBox_namespace = require('./RadioSelectBox.namespace.cjs');
9
9
 
10
10
 
11
11
 
12
- exports.CheckSelectBoxBody = CheckSelectBox.CheckSelectBoxBody;
13
- exports.CheckSelectBoxCheckmarkControl = CheckSelectBox.CheckSelectBoxCheckmarkControl;
14
- exports.CheckSelectBoxCheckmarkIcon = CheckSelectBox.CheckSelectBoxCheckmarkIcon;
15
12
  exports.CheckSelectBoxContent = CheckSelectBox.CheckSelectBoxContent;
16
13
  exports.CheckSelectBoxDescription = CheckSelectBox.CheckSelectBoxDescription;
17
- exports.CheckSelectBoxFooter = CheckSelectBox.CheckSelectBoxFooter;
18
14
  exports.CheckSelectBoxGroup = CheckSelectBox.CheckSelectBoxGroup;
19
- exports.CheckSelectBoxHiddenInput = CheckSelectBox.CheckSelectBoxHiddenInput;
20
15
  exports.CheckSelectBoxLabel = CheckSelectBox.CheckSelectBoxLabel;
21
16
  exports.CheckSelectBoxRoot = CheckSelectBox.CheckSelectBoxRoot;
22
- exports.CheckSelectBoxTrigger = CheckSelectBox.CheckSelectBoxTrigger;
23
- exports.RadioSelectBoxBody = RadioSelectBox.RadioSelectBoxBody;
24
17
  exports.RadioSelectBoxContent = RadioSelectBox.RadioSelectBoxContent;
25
18
  exports.RadioSelectBoxDescription = RadioSelectBox.RadioSelectBoxDescription;
26
- exports.RadioSelectBoxFooter = RadioSelectBox.RadioSelectBoxFooter;
27
- exports.RadioSelectBoxGroup = RadioSelectBox.RadioSelectBoxGroup;
28
- exports.RadioSelectBoxHiddenInput = RadioSelectBox.RadioSelectBoxHiddenInput;
29
19
  exports.RadioSelectBoxItem = RadioSelectBox.RadioSelectBoxItem;
30
20
  exports.RadioSelectBoxLabel = RadioSelectBox.RadioSelectBoxLabel;
31
- exports.RadioSelectBoxTrigger = RadioSelectBox.RadioSelectBoxTrigger;
21
+ exports.RadioSelectBoxRoot = RadioSelectBox.RadioSelectBoxRoot;
32
22
  exports.CheckSelectBox = CheckSelectBox_namespace;
33
23
  exports.RadioSelectBox = RadioSelectBox_namespace;
@@ -1,5 +1,5 @@
1
- export { CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger, type CheckSelectBoxBodyProps, type CheckSelectBoxCheckmarkControlProps, type CheckSelectBoxCheckmarkIconProps, type CheckSelectBoxContentProps, type CheckSelectBoxDescriptionProps, type CheckSelectBoxFooterProps, type CheckSelectBoxGroupProps, type CheckSelectBoxHiddenInputProps, type CheckSelectBoxLabelProps, type CheckSelectBoxRootProps, type CheckSelectBoxTriggerProps, } from './CheckSelectBox';
2
- export { RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger, type RadioSelectBoxBodyProps, type RadioSelectBoxContentProps, type RadioSelectBoxDescriptionProps, type RadioSelectBoxFooterProps, type RadioSelectBoxGroupProps, type RadioSelectBoxHiddenInputProps, type RadioSelectBoxItemProps, type RadioSelectBoxLabelProps, type RadioSelectBoxTriggerProps, } from './RadioSelectBox';
1
+ export { CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxGroup, CheckSelectBoxLabel, CheckSelectBoxRoot, type CheckSelectBoxContentProps, type CheckSelectBoxDescriptionProps, type CheckSelectBoxGroupProps, type CheckSelectBoxLabelProps, type CheckSelectBoxRootProps, } from './CheckSelectBox';
2
+ export { RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxRoot, type RadioSelectBoxContentProps, type RadioSelectBoxDescriptionProps, type RadioSelectBoxItemProps, type RadioSelectBoxLabelProps, type RadioSelectBoxRootProps, } from './RadioSelectBox';
3
3
  export * as CheckSelectBox from './CheckSelectBox.namespace';
4
4
  export * as RadioSelectBox from './RadioSelectBox.namespace';
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,8BAA8B,EAC9B,2BAA2B,EAC3B,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,mCAAmC,EACxC,KAAK,gCAAgC,EACrC,KAAK,0BAA0B,EAC/B,KAAK,8BAA8B,EACnC,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,8BAA8B,EACnC,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,GAChC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,8BAA8B,EACnC,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,8BAA8B,EACnC,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,GAChC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,KAAK,0BAA0B,EAC/B,KAAK,8BAA8B,EACnC,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,KAAK,0BAA0B,EAC/B,KAAK,8BAA8B,EACnC,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC"}
@@ -1,5 +1,5 @@
1
- export { CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger } from './CheckSelectBox.js';
2
- export { RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger } from './RadioSelectBox.js';
1
+ export { CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxGroup, CheckSelectBoxLabel, CheckSelectBoxRoot } from './CheckSelectBox.js';
2
+ export { RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxRoot } from './RadioSelectBox.js';
3
3
  import * as CheckSelectBox_namespace from './CheckSelectBox.namespace.js';
4
4
  export { CheckSelectBox_namespace as CheckSelectBox };
5
5
  import * as RadioSelectBox_namespace from './RadioSelectBox.namespace.js';