@medusajs/ui 2.0.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/button/button.js +8 -8
- package/dist/cjs/components/button/button.js.map +1 -1
- package/dist/cjs/components/calendar/calendar.js +1 -1
- package/dist/cjs/components/calendar/calendar.js.map +1 -1
- package/dist/cjs/components/checkbox/checkbox.js +1 -1
- package/dist/cjs/components/checkbox/checkbox.js.map +1 -1
- package/dist/cjs/components/command-bar/command-bar.js +5 -5
- package/dist/cjs/components/command-bar/command-bar.js.map +1 -1
- package/dist/cjs/components/currency-input/currency-input.js +10 -6
- package/dist/cjs/components/currency-input/currency-input.js.map +1 -1
- package/dist/cjs/components/date-picker/date-picker.js +165 -70
- package/dist/cjs/components/date-picker/date-picker.js.map +1 -1
- package/dist/cjs/components/dropdown-menu/dropdown-menu.js +7 -7
- package/dist/cjs/components/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/cjs/components/icon-button/icon-button.js +8 -8
- package/dist/cjs/components/icon-button/icon-button.js.map +1 -1
- package/dist/cjs/components/input/input.js +1 -1
- package/dist/cjs/components/input/input.js.map +1 -1
- package/dist/cjs/components/popover/index.d.ts +1 -0
- package/dist/cjs/components/popover/index.js +5 -0
- package/dist/cjs/components/popover/index.js.map +1 -0
- package/dist/cjs/components/popover/popover.d.ts +17 -0
- package/dist/cjs/components/popover/popover.js +41 -0
- package/dist/cjs/components/popover/popover.js.map +1 -0
- package/dist/cjs/components/radio-group/radio-group.d.ts +5 -0
- package/dist/cjs/components/radio-group/radio-group.js +25 -4
- package/dist/cjs/components/radio-group/radio-group.js.map +1 -1
- package/dist/cjs/components/select/select.js +3 -7
- package/dist/cjs/components/select/select.js.map +1 -1
- package/dist/cjs/components/table/table.js +3 -4
- package/dist/cjs/components/table/table.js.map +1 -1
- package/dist/cjs/components/text/text.d.ts +1 -0
- package/dist/cjs/components/text/text.js +64 -7
- package/dist/cjs/components/text/text.js.map +1 -1
- package/dist/cjs/components/textarea/textarea.js +1 -1
- package/dist/cjs/components/textarea/textarea.js.map +1 -1
- package/dist/cjs/components/time-input/time-input.js +1 -1
- package/dist/cjs/components/time-input/time-input.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/button/button.js +8 -8
- package/dist/esm/components/button/button.js.map +1 -1
- package/dist/esm/components/calendar/calendar.js +1 -1
- package/dist/esm/components/calendar/calendar.js.map +1 -1
- package/dist/esm/components/checkbox/checkbox.js +1 -1
- package/dist/esm/components/checkbox/checkbox.js.map +1 -1
- package/dist/esm/components/command-bar/command-bar.js +5 -5
- package/dist/esm/components/command-bar/command-bar.js.map +1 -1
- package/dist/esm/components/currency-input/currency-input.js +10 -6
- package/dist/esm/components/currency-input/currency-input.js.map +1 -1
- package/dist/esm/components/date-picker/date-picker.js +165 -70
- package/dist/esm/components/date-picker/date-picker.js.map +1 -1
- package/dist/esm/components/dropdown-menu/dropdown-menu.js +7 -7
- package/dist/esm/components/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/esm/components/icon-button/icon-button.js +8 -8
- package/dist/esm/components/icon-button/icon-button.js.map +1 -1
- package/dist/esm/components/input/input.js +1 -1
- package/dist/esm/components/input/input.js.map +1 -1
- package/dist/esm/components/popover/index.d.ts +1 -0
- package/dist/esm/components/popover/index.js +2 -0
- package/dist/esm/components/popover/index.js.map +1 -0
- package/dist/esm/components/popover/popover.d.ts +17 -0
- package/dist/esm/components/popover/popover.js +37 -0
- package/dist/esm/components/popover/popover.js.map +1 -0
- package/dist/esm/components/radio-group/radio-group.d.ts +5 -0
- package/dist/esm/components/radio-group/radio-group.js +25 -4
- package/dist/esm/components/radio-group/radio-group.js.map +1 -1
- package/dist/esm/components/select/select.js +4 -8
- package/dist/esm/components/select/select.js.map +1 -1
- package/dist/esm/components/table/table.js +3 -4
- package/dist/esm/components/table/table.js.map +1 -1
- package/dist/esm/components/text/text.d.ts +1 -0
- package/dist/esm/components/text/text.js +64 -7
- package/dist/esm/components/text/text.js.map +1 -1
- package/dist/esm/components/textarea/textarea.js +1 -1
- package/dist/esm/components/textarea/textarea.js.map +1 -1
- package/dist/esm/components/time-input/time-input.js +1 -1
- package/dist/esm/components/time-input/time-input.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAgB,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,YAAY,GAAG,GAAG,CAAC,EAAE,EAAE;IAC3B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAgB,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,YAAY,GAAG,GAAG,CAAC,EAAE,EAAE;IAC3B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,aAAa;SACpB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,WAAW;SAClB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,QAAQ;KAClB;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,WAAW;SACvB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,mBAAmB;SAC/B;QACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,WAAW;SACvB;QACD;YACE,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,mBAAmB;SAC/B;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,YAAY;SACxB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,oBAAoB;SAChC;KACF;CACF,CAAC,CAAA;AASF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,SAAS,EACT,OAAO,GAAG,KAAK,EACf,EAAE,GAAG,GAAG,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,SAAS,EAClB,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;IAErC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAC/C,SAAS,CACV,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,CAAA","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { VariantProps, cva } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst textVariants = cva(\"\", {\n variants: {\n size: {\n xsmall: \"\",\n small: \"\",\n base: \"\",\n large: \"\",\n xlarge: \"\",\n },\n weight: {\n regular: \"font-normal\",\n plus: \"font-medium\",\n },\n family: {\n sans: \"font-sans\",\n mono: \"font-mono\",\n },\n leading: {\n normal: \"\",\n compact: \"\",\n },\n },\n defaultVariants: {\n family: \"sans\",\n size: \"base\",\n weight: \"regular\",\n leading: \"normal\",\n },\n compoundVariants: [\n {\n size: \"xsmall\",\n leading: \"normal\",\n className: \"txt-xsmall\",\n },\n {\n size: \"xsmall\",\n leading: \"compact\",\n className: \"txt-compact-xsmall\",\n },\n {\n size: \"small\",\n leading: \"normal\",\n className: \"txt-small\",\n },\n {\n size: \"small\",\n leading: \"compact\",\n className: \"txt-compact-small\",\n },\n {\n size: \"base\",\n leading: \"normal\",\n className: \"txt-medium\",\n },\n {\n size: \"base\",\n leading: \"compact\",\n className: \"txt-compact-medium\",\n },\n {\n size: \"large\",\n leading: \"normal\",\n className: \"txt-large\",\n },\n {\n size: \"large\",\n leading: \"compact\",\n className: \"txt-compact-large\",\n },\n {\n size: \"xlarge\",\n leading: \"normal\",\n className: \"txt-xlarge\",\n },\n {\n size: \"xlarge\",\n leading: \"compact\",\n className: \"txt-compact-xlarge\",\n },\n ],\n})\n\ninterface TextProps\n extends React.ComponentPropsWithoutRef<\"p\">,\n VariantProps<typeof textVariants> {\n asChild?: boolean\n as?: \"p\" | \"span\" | \"div\"\n}\n\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n (\n {\n className,\n asChild = false,\n as = \"p\",\n size = \"base\",\n weight = \"regular\",\n family = \"sans\",\n leading = \"normal\",\n children,\n ...props\n },\n ref\n ) => {\n const Component = asChild ? Slot : as\n\n return (\n <Component\n ref={ref}\n className={clx(\n textVariants({ size, weight, family, leading }),\n className\n )}\n {...props}\n >\n {children}\n </Component>\n )\n }\n)\nText.displayName = \"Text\"\n\nexport { Text }\n"]}
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { clx } from "../../utils/clx";
|
|
3
3
|
import { inputBaseStyles } from "../input";
|
|
4
4
|
const Textarea = React.forwardRef(({ className, ...props }, ref) => {
|
|
5
|
-
return (React.createElement("textarea", { ref: ref, className: clx(inputBaseStyles, "txt-medium min-h-[70px] w-full
|
|
5
|
+
return (React.createElement("textarea", { ref: ref, className: clx(inputBaseStyles, "txt-medium min-h-[70px] w-full px-3 py-[7px]", className), ...props }));
|
|
6
6
|
});
|
|
7
7
|
Textarea.displayName = "Textarea";
|
|
8
8
|
export { Textarea };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,eAAe,EACf,8CAA8C,EAC9C,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { inputBaseStyles } from \"../input\"\n\nconst Textarea = React.forwardRef<\n HTMLTextAreaElement,\n React.ComponentPropsWithoutRef<\"textarea\">\n>(({ className, ...props }, ref) => {\n return (\n <textarea\n ref={ref}\n className={clx(\n inputBaseStyles,\n \"txt-medium min-h-[70px] w-full px-3 py-[7px]\",\n className\n )}\n {...props}\n />\n )\n})\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}
|
|
@@ -10,7 +10,7 @@ const TimeSegment = ({ segment, state }) => {
|
|
|
10
10
|
const isColon = segment.type === "literal" && segment.text === ":";
|
|
11
11
|
const isSpace = segment.type === "literal" && segment.text === " ";
|
|
12
12
|
const isDecorator = isColon || isSpace;
|
|
13
|
-
return (React.createElement("div", { ...segmentProps, ref: ref, className: clx("txt-compact-medium w-full rounded-md
|
|
13
|
+
return (React.createElement("div", { ...segmentProps, ref: ref, className: clx("txt-compact-medium w-full rounded-md px-2 py-[5px] text-left uppercase tabular-nums", inputBaseStyles, "group-aria-[invalid=true]/time-input:!shadow-borders-error group-invalid/time-input:!shadow-borders-error", {
|
|
14
14
|
"text-ui-fg-muted !w-fit border-none bg-transparent px-0 shadow-none": isDecorator,
|
|
15
15
|
hidden: isSpace,
|
|
16
16
|
"text-ui-fg-disabled bg-ui-bg-disabled border-ui-border-base shadow-none": state.isDisabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-input.js","sourceRoot":"","sources":["../../../../src/components/time-input/time-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAGL,cAAc,EACd,YAAY,GACb,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,iBAAiB,GAGlB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAOjC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAoB,EAAE,EAAE;IAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"time-input.js","sourceRoot":"","sources":["../../../../src/components/time-input/time-input.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n AriaTimeFieldProps,\n TimeValue,\n useDateSegment,\n useTimeField,\n} from \"@react-aria/datepicker\"\nimport {\n useTimeFieldState,\n type DateFieldState,\n type DateSegment,\n} from \"@react-stately/datepicker\"\nimport * as React from \"react\"\n\nimport { inputBaseStyles } from \"@/components/input\"\nimport { clx } from \"@/utils/clx\"\n\ntype TimeSegmentProps = {\n segment: DateSegment\n state: DateFieldState\n}\n\nconst TimeSegment = ({ segment, state }: TimeSegmentProps) => {\n const ref = React.useRef<HTMLDivElement>(null)\n\n const { segmentProps } = useDateSegment(segment, state, ref)\n\n const isColon = segment.type === \"literal\" && segment.text === \":\"\n const isSpace = segment.type === \"literal\" && segment.text === \" \"\n\n const isDecorator = isColon || isSpace\n\n return (\n <div\n {...segmentProps}\n ref={ref}\n className={clx(\n \"txt-compact-medium w-full rounded-md px-2 py-[5px] text-left uppercase tabular-nums\",\n inputBaseStyles,\n \"group-aria-[invalid=true]/time-input:!shadow-borders-error group-invalid/time-input:!shadow-borders-error\",\n {\n \"text-ui-fg-muted !w-fit border-none bg-transparent px-0 shadow-none\":\n isDecorator,\n hidden: isSpace,\n \"text-ui-fg-disabled bg-ui-bg-disabled border-ui-border-base shadow-none\":\n state.isDisabled,\n \"!text-ui-fg-muted !bg-transparent\": !segment.isEditable,\n }\n )}\n >\n <span\n aria-hidden=\"true\"\n className={clx(\n \"txt-compact-medium text-ui-fg-muted pointer-events-none block w-full text-left\",\n {\n hidden: !segment.isPlaceholder,\n \"h-0\": !segment.isPlaceholder,\n }\n )}\n >\n {segment.placeholder}\n </span>\n {segment.isPlaceholder ? \"\" : segment.text}\n </div>\n )\n}\n\ntype TimeInputProps = Omit<\n AriaTimeFieldProps<TimeValue>,\n \"label\" | \"shouldForceLeadingZeros\" | \"description\" | \"errorMessage\"\n>\n\nconst TimeInput = React.forwardRef<HTMLDivElement, TimeInputProps>(\n ({ hourCycle, ...props }: TimeInputProps, ref) => {\n const innerRef = React.useRef<HTMLDivElement>(null)\n\n React.useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n ref,\n () => innerRef?.current\n )\n\n const locale = window !== undefined ? window.navigator.language : \"en-US\"\n\n const state = useTimeFieldState({\n hourCycle: hourCycle,\n locale: locale,\n shouldForceLeadingZeros: true,\n autoFocus: true,\n ...props,\n })\n\n const { fieldProps } = useTimeField(\n {\n ...props,\n hourCycle: hourCycle,\n shouldForceLeadingZeros: true,\n },\n state,\n innerRef\n )\n\n return (\n <div\n {...fieldProps}\n ref={innerRef}\n className=\"group/time-input inline-flex w-full gap-x-2\"\n >\n {state.segments.map((segment, i) => (\n <TimeSegment key={i} segment={segment} state={state} />\n ))}\n </div>\n )\n }\n)\nTimeInput.displayName = \"TimeInput\"\n\nexport { TimeInput }\n"]}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -35,6 +35,7 @@ export { Textarea } from "./components/textarea";
|
|
|
35
35
|
export { Toast } from "./components/toast";
|
|
36
36
|
export { Toaster } from "./components/toaster";
|
|
37
37
|
export { Tooltip } from "./components/tooltip";
|
|
38
|
+
export { Popover } from "./components/popover";
|
|
38
39
|
export { usePrompt } from "./hooks/use-prompt";
|
|
39
40
|
export { useToast } from "./hooks/use-toast";
|
|
40
41
|
export { useToggleState } from "./hooks/use-toggle-state";
|
package/dist/esm/index.js
CHANGED
|
@@ -35,6 +35,7 @@ export { Textarea } from "./components/textarea";
|
|
|
35
35
|
export { Toast } from "./components/toast";
|
|
36
36
|
export { Toaster } from "./components/toaster";
|
|
37
37
|
export { Tooltip } from "./components/tooltip";
|
|
38
|
+
export { Popover } from "./components/popover";
|
|
38
39
|
// Hooks
|
|
39
40
|
export { usePrompt } from "./hooks/use-prompt";
|
|
40
41
|
export { useToast } from "./hooks/use-toast";
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,QAAQ;AACR,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,QAAQ;AACR,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,QAAQ;AACR,cAAc,SAAS,CAAA","sourcesContent":["export { Avatar } from \"./components/avatar\"\nexport { Badge } from \"./components/badge\"\nexport { Button } from \"./components/button\"\nexport { Calendar } from \"./components/calendar\"\nexport { Checkbox } from \"./components/checkbox\"\nexport { Code } from \"./components/code\"\nexport { CodeBlock } from \"./components/code-block\"\nexport { Command } from \"./components/command\"\nexport { CommandBar } from \"./components/command-bar\"\nexport { Container } from \"./components/container\"\nexport { Copy } from \"./components/copy\"\nexport { CurrencyInput } from \"./components/currency-input\"\nexport { DatePicker } from \"./components/date-picker\"\nexport { Drawer } from \"./components/drawer\"\nexport { DropdownMenu } from \"./components/dropdown-menu\"\nexport { FocusModal } from \"./components/focus-modal\"\nexport { Heading } from \"./components/heading\"\nexport { Hint } from \"./components/hint\"\nexport { IconBadge } from \"./components/icon-badge\"\nexport { IconButton } from \"./components/icon-button\"\nexport { Input } from \"./components/input\"\nexport { Kbd } from \"./components/kbd\"\nexport { Label } from \"./components/label\"\nexport { ProgressAccordion } from \"./components/progress-accordion\"\nexport { ProgressTabs } from \"./components/progress-tabs\"\nexport { Prompt } from \"./components/prompt\"\nexport { RadioGroup } from \"./components/radio-group\"\nexport { Select } from \"./components/select\"\nexport { StatusBadge } from \"./components/status-badge\"\nexport { Switch } from \"./components/switch\"\nexport { Table } from \"./components/table\"\nexport { Tabs } from \"./components/tabs\"\nexport { Text } from \"./components/text\"\nexport { Textarea } from \"./components/textarea\"\nexport { Toast } from \"./components/toast\"\nexport { Toaster } from \"./components/toaster\"\nexport { Tooltip } from \"./components/tooltip\"\n\n// Hooks\nexport { usePrompt } from \"./hooks/use-prompt\"\nexport { useToast } from \"./hooks/use-toast\"\nexport { useToggleState } from \"./hooks/use-toggle-state\"\n\n// Utils\nexport { clx } from \"./utils/clx\"\n\n// Types\nexport * from \"./types\"\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,QAAQ;AACR,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,QAAQ;AACR,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,QAAQ;AACR,cAAc,SAAS,CAAA","sourcesContent":["export { Avatar } from \"./components/avatar\"\nexport { Badge } from \"./components/badge\"\nexport { Button } from \"./components/button\"\nexport { Calendar } from \"./components/calendar\"\nexport { Checkbox } from \"./components/checkbox\"\nexport { Code } from \"./components/code\"\nexport { CodeBlock } from \"./components/code-block\"\nexport { Command } from \"./components/command\"\nexport { CommandBar } from \"./components/command-bar\"\nexport { Container } from \"./components/container\"\nexport { Copy } from \"./components/copy\"\nexport { CurrencyInput } from \"./components/currency-input\"\nexport { DatePicker } from \"./components/date-picker\"\nexport { Drawer } from \"./components/drawer\"\nexport { DropdownMenu } from \"./components/dropdown-menu\"\nexport { FocusModal } from \"./components/focus-modal\"\nexport { Heading } from \"./components/heading\"\nexport { Hint } from \"./components/hint\"\nexport { IconBadge } from \"./components/icon-badge\"\nexport { IconButton } from \"./components/icon-button\"\nexport { Input } from \"./components/input\"\nexport { Kbd } from \"./components/kbd\"\nexport { Label } from \"./components/label\"\nexport { ProgressAccordion } from \"./components/progress-accordion\"\nexport { ProgressTabs } from \"./components/progress-tabs\"\nexport { Prompt } from \"./components/prompt\"\nexport { RadioGroup } from \"./components/radio-group\"\nexport { Select } from \"./components/select\"\nexport { StatusBadge } from \"./components/status-badge\"\nexport { Switch } from \"./components/switch\"\nexport { Table } from \"./components/table\"\nexport { Tabs } from \"./components/tabs\"\nexport { Text } from \"./components/text\"\nexport { Textarea } from \"./components/textarea\"\nexport { Toast } from \"./components/toast\"\nexport { Toaster } from \"./components/toaster\"\nexport { Tooltip } from \"./components/tooltip\"\nexport { Popover } from \"./components/popover\"\n\n// Hooks\nexport { usePrompt } from \"./hooks/use-prompt\"\nexport { useToast } from \"./hooks/use-toast\"\nexport { useToggleState } from \"./hooks/use-toggle-state\"\n\n// Utils\nexport { clx } from \"./utils/clx\"\n\n// Types\nexport * from \"./types\"\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@medusajs/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"author": "Kasper Kristensen <kasper@medusajs.com>",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@medusajs/eslint-config-ui": "*",
|
|
46
46
|
"@medusajs/tsconfig-ui": "*",
|
|
47
|
-
"@medusajs/ui-preset": "^1.0.
|
|
47
|
+
"@medusajs/ui-preset": "^1.0.2",
|
|
48
48
|
"@storybook/addon-essentials": "^7.0.23",
|
|
49
49
|
"@storybook/addon-interactions": "^7.0.23",
|
|
50
50
|
"@storybook/addon-links": "^7.0.23",
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
"@radix-ui/react-portal": "^1.0.3",
|
|
95
95
|
"@radix-ui/react-radio-group": "^1.1.3",
|
|
96
96
|
"@radix-ui/react-scroll-area": "^1.0.4",
|
|
97
|
-
"@radix-ui/react-select": "^
|
|
97
|
+
"@radix-ui/react-select": "^2.0.0",
|
|
98
98
|
"@radix-ui/react-slot": "^1.0.2",
|
|
99
99
|
"@radix-ui/react-switch": "^1.0.3",
|
|
100
100
|
"@radix-ui/react-tabs": "^1.0.4",
|