@ngrok/mantle 0.1.8 → 0.1.10

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 (89) hide show
  1. package/package.json +9 -33
  2. package/dist/alert.cjs +0 -2
  3. package/dist/alert.cjs.map +0 -1
  4. package/dist/alert.d.cts +0 -26
  5. package/dist/anchor.cjs +0 -2
  6. package/dist/anchor.cjs.map +0 -1
  7. package/dist/anchor.d.cts +0 -87
  8. package/dist/as-child-BjnPZ1DU.d.cts +0 -22
  9. package/dist/button.cjs +0 -2
  10. package/dist/button.cjs.map +0 -1
  11. package/dist/button.d.cts +0 -92
  12. package/dist/card.cjs +0 -2
  13. package/dist/card.cjs.map +0 -1
  14. package/dist/card.d.cts +0 -29
  15. package/dist/checkbox.cjs +0 -2
  16. package/dist/checkbox.cjs.map +0 -1
  17. package/dist/checkbox.d.cts +0 -6
  18. package/dist/chunk-D3F6KERE.cjs +0 -2
  19. package/dist/chunk-D3F6KERE.cjs.map +0 -1
  20. package/dist/chunk-IN6SIXF2.cjs +0 -2
  21. package/dist/chunk-IN6SIXF2.cjs.map +0 -1
  22. package/dist/chunk-JGNAMNKZ.cjs +0 -2
  23. package/dist/chunk-JGNAMNKZ.cjs.map +0 -1
  24. package/dist/chunk-K4UKFOMI.cjs +0 -2
  25. package/dist/chunk-K4UKFOMI.cjs.map +0 -1
  26. package/dist/chunk-ROHPZJ5N.cjs +0 -2
  27. package/dist/chunk-ROHPZJ5N.cjs.map +0 -1
  28. package/dist/code-block.cjs +0 -4
  29. package/dist/code-block.cjs.map +0 -1
  30. package/dist/code-block.d.cts +0 -108
  31. package/dist/cx.cjs +0 -2
  32. package/dist/cx.cjs.map +0 -1
  33. package/dist/cx.d.cts +0 -10
  34. package/dist/deep-non-nullable-SmpSvoSd.d.cts +0 -8
  35. package/dist/dialog.cjs +0 -2
  36. package/dist/dialog.cjs.map +0 -1
  37. package/dist/dialog.d.cts +0 -26
  38. package/dist/dropdown-menu.cjs +0 -2
  39. package/dist/dropdown-menu.cjs.map +0 -1
  40. package/dist/dropdown-menu.d.cts +0 -37
  41. package/dist/hooks.cjs +0 -2
  42. package/dist/hooks.cjs.map +0 -1
  43. package/dist/hooks.d.cts +0 -15
  44. package/dist/icon.cjs +0 -2
  45. package/dist/icon.cjs.map +0 -1
  46. package/dist/icon.d.cts +0 -23
  47. package/dist/inline-code.cjs +0 -2
  48. package/dist/inline-code.cjs.map +0 -1
  49. package/dist/inline-code.d.cts +0 -9
  50. package/dist/input.cjs +0 -2
  51. package/dist/input.cjs.map +0 -1
  52. package/dist/input.d.cts +0 -75
  53. package/dist/media-object.cjs +0 -2
  54. package/dist/media-object.cjs.map +0 -1
  55. package/dist/media-object.d.cts +0 -26
  56. package/dist/popover.cjs +0 -2
  57. package/dist/popover.cjs.map +0 -1
  58. package/dist/popover.d.cts +0 -8
  59. package/dist/select.cjs +0 -2
  60. package/dist/select.cjs.map +0 -1
  61. package/dist/select.d.cts +0 -19
  62. package/dist/separator.cjs +0 -2
  63. package/dist/separator.cjs.map +0 -1
  64. package/dist/separator.d.cts +0 -9
  65. package/dist/sheet.cjs +0 -2
  66. package/dist/sheet.cjs.map +0 -1
  67. package/dist/sheet.d.cts +0 -22
  68. package/dist/skeleton.cjs +0 -2
  69. package/dist/skeleton.cjs.map +0 -1
  70. package/dist/skeleton.d.cts +0 -14
  71. package/dist/table.cjs +0 -2
  72. package/dist/table.cjs.map +0 -1
  73. package/dist/table.d.cts +0 -13
  74. package/dist/tailwind-preset.d.cts +0 -475
  75. package/dist/tailwind-preset.d.ts +0 -475
  76. package/dist/text-area.cjs +0 -2
  77. package/dist/text-area.cjs.map +0 -1
  78. package/dist/text-area.d.cts +0 -19
  79. package/dist/theme-provider.cjs +0 -29
  80. package/dist/theme-provider.cjs.map +0 -1
  81. package/dist/theme-provider.d.cts +0 -75
  82. package/dist/tooltip.cjs +0 -2
  83. package/dist/tooltip.cjs.map +0 -1
  84. package/dist/tooltip.d.cts +0 -15
  85. package/dist/types.cjs +0 -1
  86. package/dist/types.cjs.map +0 -1
  87. package/dist/types.d.cts +0 -6
  88. package/dist/variant-props-DnYnbC7s.d.cts +0 -11
  89. package/dist/with-style-props-VnLWm0Yd.d.cts +0 -27
package/dist/input.d.cts DELETED
@@ -1,75 +0,0 @@
1
- import * as react from 'react';
2
- import { InputHTMLAttributes, PropsWithChildren } from 'react';
3
-
4
- /**
5
- * (Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what,
6
- * if any, type of autocomplete functionality the input should provide. A typical implementation of autocomplete recalls
7
- * previous values entered in the same input field, but more complex forms of autocomplete can exist. For instance, a
8
- * browser could integrate with a device's contacts list to autocomplete email addresses in an email input field.
9
- *
10
- * The autocomplete attribute is valid on hidden, text, search, url, tel, email, date, month, week, time, datetime-local,
11
- * number, range, color, and password. This attribute has no effect on input types that do not return numeric or text
12
- * data, being valid for all input types except checkbox, radio, file, or any of the button types.
13
- *
14
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
15
- */
16
- type AutoComplete = "off" | "on" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo";
17
- type WithAutoComplete = {
18
- /**
19
- * (Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what,
20
- * if any, type of autocomplete functionality the input should provide. A typical implementation of autocomplete recalls
21
- * previous values entered in the same input field, but more complex forms of autocomplete can exist. For instance, a
22
- * browser could integrate with a device's contacts list to autocomplete email addresses in an email input field.
23
- *
24
- * The autocomplete attribute is valid on hidden, text, search, url, tel, email, date, month, week, time, datetime-local,
25
- * number, range, color, and password. This attribute has no effect on input types that do not return numeric or text
26
- * data, being valid for all input types except checkbox, radio, file, or any of the button types.
27
- *
28
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values
29
- */
30
- autoComplete?: AutoComplete;
31
- };
32
- /**
33
- * A string specifying the type of control to render. For example, to create a checkbox, a value of `"checkbox"` is used.
34
- * If omitted (or an unknown value is specified), the input type `"text"` is used, creating a plaintext input field.
35
- *
36
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
37
- */
38
- type InputType = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
39
- type WithInputType = {
40
- /**
41
- * A string specifying the type of control to render. For example, to create a checkbox, a value of `"checkbox"` is used.
42
- * If omitted (or an unknown value is specified), the input type `"text"` is used, creating a plaintext input field.
43
- *
44
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
45
- */
46
- type?: InputType;
47
- };
48
- type WithInvalid = {
49
- /**
50
- * Whether or not the input has a validation error.
51
- */
52
- invalid?: boolean;
53
- };
54
-
55
- type BaseProps = WithAutoComplete & WithInputType & WithInvalid;
56
- /**
57
- * The props for the `Input` component.
58
- */
59
- type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & BaseProps & PropsWithChildren;
60
- /**
61
- * Used to create interactive controls for web-based forms in order to accept data from the user
62
- */
63
- declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithAutoComplete & WithInputType & WithInvalid & {
64
- children?: react.ReactNode;
65
- } & react.RefAttributes<HTMLInputElement>>;
66
- type InputCaptureProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & BaseProps;
67
- /**
68
- * The actual <input /> element that captures user input.
69
- */
70
- declare const InputCapture: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithAutoComplete & WithInputType & WithInvalid & react.RefAttributes<HTMLInputElement>>;
71
-
72
- type PasswordInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithInvalid & WithAutoComplete;
73
- declare const PasswordInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "type"> & WithInvalid & WithAutoComplete & react.RefAttributes<HTMLInputElement>>;
74
-
75
- export { type AutoComplete, Input, InputCapture, type InputCaptureProps, type InputProps, type InputType, PasswordInput, type PasswordInputProps, type WithAutoComplete, type WithInputType, type WithInvalid };
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkD3F6KEREcjs = require('./chunk-D3F6KERE.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var n=_react.forwardRef.call(void 0, ({className:e,children:t,style:i},a)=>_jsxruntime.jsx.call(void 0, "div",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "flex gap-4",e),style:i,children:t}));n.displayName="MediaObject";var s=_react.forwardRef.call(void 0, ({className:e,children:t,style:i},a)=>_jsxruntime.jsx.call(void 0, "div",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "shrink-0 leading-none",e),style:i,children:t}));s.displayName="MediaObjectMedia";var l=_react.forwardRef.call(void 0, ({className:e,children:t,style:i},a)=>_jsxruntime.jsx.call(void 0, "div",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "min-w-0 flex-1",e),style:i,children:t}));l.displayName="MediaObjectContent";exports.MediaObject = n; exports.MediaObjectContent = l; exports.MediaObjectMedia = s;
2
- //# sourceMappingURL=media-object.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../packages/media-object/src/media-object.tsx"],"names":["forwardRef","jsx","MediaObject","className","children","style","ref","cx","MediaObjectMedia","MediaObjectContent"],"mappings":"yCAAA,OAAS,cAAAA,MAAkB,QAkBzB,cAAAC,MAAA,oBAFF,IAAMC,EAAcF,EACnB,CAAC,CAAE,UAAAG,EAAW,SAAAC,EAAU,MAAAC,CAAM,EAAGC,IAChCL,EAAC,OAAI,IAAKK,EAAK,UAAWC,EAAG,aAAcJ,CAAS,EAAG,MAAOE,EAC5D,SAAAD,EACF,CAEF,EACAF,EAAY,YAAc,cAK1B,IAAMM,EAAmBR,EACxB,CAAC,CAAE,UAAAG,EAAW,SAAAC,EAAU,MAAAC,CAAM,EAAGC,IAChCL,EAAC,OAAI,IAAKK,EAAK,UAAWC,EAAG,wBAAyBJ,CAAS,EAAG,MAAOE,EACvE,SAAAD,EACF,CAEF,EACAI,EAAiB,YAAc,mBAK/B,IAAMC,EAAqBT,EAC1B,CAAC,CAAE,UAAAG,EAAW,SAAAC,EAAU,MAAAC,CAAM,EAAGC,IAChCL,EAAC,OAAI,IAAKK,EAAK,UAAWC,EAAG,iBAAkBJ,CAAS,EAAG,MAAOE,EAChE,SAAAD,EACF,CAEF,EACAK,EAAmB,YAAc","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cx } from \"../../cx\";\n\n/**\n * The media object is an image/icon (media) to the left, with descriptive\n * content (title and subtitle/description) to the right.\n *\n * Change the spacing between the media and content by passing a `gap-*` class.\n * The default gap is `gap-4`.\n *\n * Use flexbox utilities to change the alignment of the media and content.\n *\n * Compose the media object with the `MediaObjectMedia` and `MediaObjectContent`\n * components as direct children.\n */\nconst MediaObject = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n\t({ className, children, style }, ref) => (\n\t\t<div ref={ref} className={cx(\"flex gap-4\", className)} style={style}>\n\t\t\t{children}\n\t\t</div>\n\t),\n);\nMediaObject.displayName = \"MediaObject\";\n\n/**\n * The container for an image or icon to display in the media slot of the media object.\n */\nconst MediaObjectMedia = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n\t({ className, children, style }, ref) => (\n\t\t<div ref={ref} className={cx(\"shrink-0 leading-none\", className)} style={style}>\n\t\t\t{children}\n\t\t</div>\n\t),\n);\nMediaObjectMedia.displayName = \"MediaObjectMedia\";\n\n/**\n * The container for the content slot of a media object.\n */\nconst MediaObjectContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n\t({ className, children, style }, ref) => (\n\t\t<div ref={ref} className={cx(\"min-w-0 flex-1\", className)} style={style}>\n\t\t\t{children}\n\t\t</div>\n\t),\n);\nMediaObjectContent.displayName = \"MediaObjectContent\";\n\nexport { MediaObject, MediaObjectMedia, MediaObjectContent };\n"]}
@@ -1,26 +0,0 @@
1
- import * as react from 'react';
2
- import { HTMLAttributes } from 'react';
3
-
4
- /**
5
- * The media object is an image/icon (media) to the left, with descriptive
6
- * content (title and subtitle/description) to the right.
7
- *
8
- * Change the spacing between the media and content by passing a `gap-*` class.
9
- * The default gap is `gap-4`.
10
- *
11
- * Use flexbox utilities to change the alignment of the media and content.
12
- *
13
- * Compose the media object with the `MediaObjectMedia` and `MediaObjectContent`
14
- * components as direct children.
15
- */
16
- declare const MediaObject: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
17
- /**
18
- * The container for an image or icon to display in the media slot of the media object.
19
- */
20
- declare const MediaObjectMedia: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
21
- /**
22
- * The container for the content slot of a media object.
23
- */
24
- declare const MediaObjectContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
25
-
26
- export { MediaObject, MediaObjectContent, MediaObjectMedia };
package/dist/popover.cjs DELETED
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkD3F6KEREcjs = require('./chunk-D3F6KERE.cjs');var _reactpopover = require('@radix-ui/react-popover'); var o = _interopRequireWildcard(_reactpopover);var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var s=o.Root,P= exports.PopoverTrigger =o.Trigger,r= exports.PopoverContent =_react.forwardRef.call(void 0, ({className:i,align:a="center",sideOffset:p=4,...n},d)=>_jsxruntime.jsx.call(void 0, o.Portal,{children:_jsxruntime.jsx.call(void 0, o.Content,{ref:d,align:a,sideOffset:p,className:_chunkD3F6KEREcjs.a.call(void 0, "text-popover-foreground z-50 w-72 rounded-md border border-popover bg-popover p-4 shadow-md outline-none data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95",i),...n})}));r.displayName=o.Content.displayName;exports.Popover = s; exports.PopoverContent = r; exports.PopoverTrigger = P;
2
- //# sourceMappingURL=popover.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../packages/popover/src/popover.tsx"],"names":["PopoverPrimitive","forwardRef","jsx","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cx"],"mappings":"yCAAA,UAAYA,MAAsB,0BAClC,OAA+C,cAAAC,MAAkB,QAY/D,cAAAC,MAAA,oBATF,IAAMC,EAA2B,OAE3BC,EAAkC,UAElCC,EAAiBJ,EAGrB,CAAC,CAAE,UAAAK,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC7DR,EAAkB,SAAjB,CACA,SAAAA,EAAkB,UAAjB,CACA,IAAKQ,EACL,MAAOH,EACP,WAAYC,EACZ,UAAWG,EACV,waACAL,CACD,EACC,GAAGG,EACL,EACD,CACA,EACDJ,EAAe,YAA+B,UAAQ","sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport { cx } from \"../../cx\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverContent = forwardRef<\n\tElementRef<typeof PopoverPrimitive.Content>,\n\tComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n\t<PopoverPrimitive.Portal>\n\t\t<PopoverPrimitive.Content\n\t\t\tref={ref}\n\t\t\talign={align}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cx(\n\t\t\t\t\"text-popover-foreground z-50 w-72 rounded-md border border-popover bg-popover p-4 shadow-md outline-none data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent };\n"]}
@@ -1,8 +0,0 @@
1
- import * as react from 'react';
2
- import * as PopoverPrimitive from '@radix-ui/react-popover';
3
-
4
- declare const Popover: react.FC<PopoverPrimitive.PopoverProps>;
5
- declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
6
- declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
7
-
8
- export { Popover, PopoverContent, PopoverTrigger };
package/dist/select.cjs DELETED
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkROHPZJ5Ncjs = require('./chunk-ROHPZJ5N.cjs');var _chunkD3F6KEREcjs = require('./chunk-D3F6KERE.cjs');var _CaretDown = require('@phosphor-icons/react/CaretDown');var _CaretUp = require('@phosphor-icons/react/CaretUp');var _Check = require('@phosphor-icons/react/Check');var _reactselect = require('@radix-ui/react-select'); var e = _interopRequireWildcard(_reactselect);var _classvarianceauthority = require('class-variance-authority');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var f=_react.createContext.call(void 0, void 0),N= exports.Select =({children:o,...i})=>_jsxruntime.jsx.call(void 0, e.Root,{...i,children:_jsxruntime.jsx.call(void 0, f.Provider,{value:i["aria-invalid"],children:o})}),I= exports.SelectGroup =e.Group,T= exports.SelectValue =e.Value,B=_classvarianceauthority.cva.call(void 0, "flex h-11 w-full items-center justify-between rounded-md border border-form bg-form px-3 py-2 placeholder:text-placeholder hover:bg-form-hover focus:outline-none focus:ring-4 disabled:pointer-events-none disabled:opacity-50 aria-expanded:ring-4 sm:h-9 sm:text-sm [&>span]:line-clamp-1 [&>span]:text-left",{variants:{state:{danger:"border-danger-600 focus:border-danger-600 focus:ring-focus-danger aria-expanded:border-danger-600 aria-expanded:ring-focus-danger",default:"borderpform text-strong placeholder:text-placeholder focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent"}},defaultVariants:{state:"default"}}),S= exports.SelectTrigger =_react.forwardRef.call(void 0, ({className:o,children:i,...r},n)=>{let s=_react.useContext.call(void 0, f),c=_nullishCoalesce(r["aria-invalid"], () => (s));return _jsxruntime.jsxs.call(void 0, e.Trigger,{ref:n,className:_chunkD3F6KEREcjs.a.call(void 0, B({state:c?"danger":"default"}),o),...r,"aria-invalid":c,children:[i,_jsxruntime.jsx.call(void 0, e.Icon,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _CaretDown.CaretDown,{className:"size-4 shrink-0",weight:"bold"})})]})});S.displayName="SelectTrigger";var u=_react.forwardRef.call(void 0, ({className:o,...i},r)=>_jsxruntime.jsx.call(void 0, e.ScrollUpButton,{ref:r,className:_chunkD3F6KEREcjs.a.call(void 0, "flex cursor-default items-center justify-center py-1",o),...i,children:_jsxruntime.jsx.call(void 0, _CaretUp.CaretUp,{className:"size-4",weight:"bold"})}));u.displayName="SelectScrollUpButton";var v=_react.forwardRef.call(void 0, ({className:o,...i},r)=>_jsxruntime.jsx.call(void 0, e.ScrollDownButton,{ref:r,className:_chunkD3F6KEREcjs.a.call(void 0, "flex cursor-default items-center justify-center py-1",o),...i,children:_jsxruntime.jsx.call(void 0, _CaretDown.CaretDown,{className:"size-4",weight:"bold"})}));v.displayName="SelectScrollDownButton";var g=_react.forwardRef.call(void 0, ({className:o,children:i,position:r="popper",width:n,...s},c)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsxs.call(void 0, e.Content,{ref:c,className:_chunkD3F6KEREcjs.a.call(void 0, "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-popover shadow-md data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95","bg-popover",r==="popper"&&"max-h-[var(--radix-select-content-available-height)] data-side-bottom:translate-y-2 data-side-left:-translate-x-2 data-side-right:translate-x-2 data-side-top:-translate-y-2",n==="trigger"&&"w-[var(--radix-select-trigger-width)]",o),position:r,...s,children:[_jsxruntime.jsx.call(void 0, u,{}),_jsxruntime.jsx.call(void 0, e.Viewport,{className:_chunkD3F6KEREcjs.a.call(void 0, "p-1",r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full"),children:i}),_jsxruntime.jsx.call(void 0, v,{})]})}));g.displayName="SelectContent";var P=_react.forwardRef.call(void 0, ({className:o,...i},r)=>_jsxruntime.jsx.call(void 0, e.Label,{ref:r,className:_chunkD3F6KEREcjs.a.call(void 0, "px-2 py-1.5 text-sm font-semibold",o),...i}));P.displayName="SelectLabel";var h=_react.forwardRef.call(void 0, ({className:o,children:i,...r},n)=>_jsxruntime.jsxs.call(void 0, e.Item,{ref:n,className:_chunkD3F6KEREcjs.a.call(void 0, "relative flex w-full cursor-pointer select-none items-center rounded py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-popover-hover data-state-checked:bg-filled-accent data-state-checked:text-on-filled data-disabled:pointer-events-none data-disabled:opacity-50",o),...r,children:[_jsxruntime.jsx.call(void 0, e.ItemText,{children:i}),_jsxruntime.jsx.call(void 0, e.ItemIndicator,{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, _Check.Check,{className:"size-4",weight:"bold"})})]}));h.displayName="SelectItem";var y=_react.forwardRef.call(void 0, ({className:o,...i},r)=>_jsxruntime.jsx.call(void 0, _chunkROHPZJ5Ncjs.a,{ref:r,className:_chunkD3F6KEREcjs.a.call(void 0, "-mx-1 my-1 h-px w-auto",o),...i}));y.displayName="SelectSeparator";exports.Select = N; exports.SelectContent = g; exports.SelectGroup = I; exports.SelectItem = h; exports.SelectLabel = P; exports.SelectSeparator = y; exports.SelectTrigger = S; exports.SelectValue = T;
2
- //# sourceMappingURL=select.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../packages/select/src/select.tsx"],"names":["CaretDown","CaretUp","Check","SelectPrimitive","cva","createContext","forwardRef","useContext","jsx","jsxs","SelectAriaInvalidContext","Select","children","props","SelectGroup","SelectValue","selectTriggerVariants","SelectTrigger","className","ref","ariaInvalidContext","ariaInvalid","cx","SelectScrollUpButton","SelectScrollDownButton","SelectContent","position","width","SelectLabel","SelectItem","SelectSeparator","Separator"],"mappings":"6EAAA,OAAS,aAAAA,MAAiB,kCAC1B,OAAS,WAAAC,MAAe,gCACxB,OAAS,SAAAC,MAAa,8BACtB,UAAYC,MAAqB,yBACjC,OAAS,OAAAC,MAAW,2BAEpB,OAAS,iBAAAC,EAAe,cAAAC,EAAY,cAAAC,MAAkB,QAanD,cAAAC,EAqCD,QAAAC,MArCC,oBARH,IAAMC,EAA2BL,EAAuE,MAAS,EAK3GM,EAAS,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,IAEnCL,EAAiB,OAAhB,CAAsB,GAAGK,EACzB,SAAAL,EAACE,EAAyB,SAAzB,CAAkC,MAAOG,EAAM,cAAc,EAAI,SAAAD,EAAS,EAC5E,EAIIE,EAA8B,QAE9BC,EAA8B,QAE9BC,EAAwBZ,EAC7B,kTACA,CACC,SAAU,CACT,MAAO,CACN,OACC,oIACD,QACC,sKACF,CACD,EACA,gBAAiB,CAChB,MAAO,SACR,CACD,CACD,EAIMa,EAAgBX,EAGpB,CAAC,CAAE,UAAAY,EAAW,SAAAN,EAAU,GAAGC,CAAM,EAAGM,IAAQ,CAC7C,IAAMC,EAAqBb,EAAWG,CAAwB,EACxDW,EAAcR,EAAM,cAAc,GAAKO,EAG7C,OACCX,EAAiB,UAAhB,CACA,IAAKU,EACL,UAAWG,EAAGN,EAAsB,CAAE,MAL1BK,EAAc,SAAY,SAKM,CAAC,EAAGH,CAAS,EACxD,GAAGL,EACJ,eAAcQ,EAEb,UAAAT,EACDJ,EAAiB,OAAhB,CAAqB,QAAO,GAC5B,SAAAA,EAACR,EAAA,CAAU,UAAU,kBAAkB,OAAO,OAAO,EACtD,GACD,CAEF,CAAC,EACDiB,EAAc,YAAc,gBAE5B,IAAMM,EAAuBjB,EAG3B,CAAC,CAAE,UAAAY,EAAW,GAAGL,CAAM,EAAGM,IAC3BX,EAAiB,iBAAhB,CACA,IAAKW,EACL,UAAWG,EAAG,uDAAwDJ,CAAS,EAC9E,GAAGL,EAEJ,SAAAL,EAACP,EAAA,CAAQ,UAAU,SAAS,OAAO,OAAO,EAC3C,CACA,EACDsB,EAAqB,YAAc,uBAEnC,IAAMC,EAAyBlB,EAG7B,CAAC,CAAE,UAAAY,EAAW,GAAGL,CAAM,EAAGM,IAC3BX,EAAiB,mBAAhB,CACA,IAAKW,EACL,UAAWG,EAAG,uDAAwDJ,CAAS,EAC9E,GAAGL,EAEJ,SAAAL,EAACR,EAAA,CAAU,UAAU,SAAS,OAAO,OAAO,EAC7C,CACA,EACDwB,EAAuB,YAAc,yBAMrC,IAAMC,EAAgBnB,EACrB,CAAC,CAAE,UAAAY,EAAW,SAAAN,EAAU,SAAAc,EAAW,SAAU,MAAAC,EAAO,GAAGd,CAAM,EAAGM,IAC/DX,EAAiB,SAAhB,CACA,SAAAC,EAAiB,UAAhB,CACA,IAAKU,EACL,UAAWG,EACV,8ZACA,aACAI,IAAa,UACZ,+KACDC,IAAU,WAAa,wCACvBT,CACD,EACA,SAAUQ,EACT,GAAGb,EAEJ,UAAAL,EAACe,EAAA,EAAqB,EACtBf,EAAiB,WAAhB,CACA,UAAWc,EAAG,MAAOI,IAAa,UAAY,+CAA+C,EAE5F,SAAAd,EACF,EACAJ,EAACgB,EAAA,EAAuB,GACzB,EACD,CAEF,EACAC,EAAc,YAAc,gBAE5B,IAAMG,EAActB,EAGlB,CAAC,CAAE,UAAAY,EAAW,GAAGL,CAAM,EAAGM,IAC3BX,EAAiB,QAAhB,CAAsB,IAAKW,EAAK,UAAWG,EAAG,oCAAqCJ,CAAS,EAAI,GAAGL,EAAO,CAC3G,EACDe,EAAY,YAAc,cAE1B,IAAMC,EAAavB,EAGjB,CAAC,CAAE,UAAAY,EAAW,SAAAN,EAAU,GAAGC,CAAM,EAAGM,IACrCV,EAAiB,OAAhB,CACA,IAAKU,EACL,UAAWG,EACV,qQACAJ,CACD,EACC,GAAGL,EAEJ,UAAAL,EAAiB,WAAhB,CAA0B,SAAAI,EAAS,EACpCJ,EAAiB,gBAAhB,CAA8B,UAAU,gEACxC,SAAAA,EAACN,EAAA,CAAM,UAAU,SAAS,OAAO,OAAO,EACzC,GACD,CACA,EACD2B,EAAW,YAAc,aAEzB,IAAMC,EAAkBxB,EACvB,CAAC,CAAE,UAAAY,EAAW,GAAGL,CAAM,EAAGM,IACzBX,EAACuB,EAAA,CAAU,IAAKZ,EAAK,UAAWG,EAAG,yBAA0BJ,CAAS,EAAI,GAAGL,EAAO,CAEtF,EACAiB,EAAgB,YAAc","sourcesContent":["import { CaretDown } from \"@phosphor-icons/react/CaretDown\";\nimport { CaretUp } from \"@phosphor-icons/react/CaretUp\";\nimport { Check } from \"@phosphor-icons/react/Check\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva } from \"class-variance-authority\";\nimport type { ComponentPropsWithoutRef, ElementRef, SelectHTMLAttributes } from \"react\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport { cx } from \"../../cx\";\nimport { Separator } from \"../../separator\";\nimport type { VariantProps } from \"../../types/src/variant-props\";\n\nconst SelectAriaInvalidContext = createContext<SelectHTMLAttributes<HTMLSelectElement>[\"aria-invalid\"]>(undefined);\n\ntype SelectProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Root> &\n\tPick<SelectHTMLAttributes<HTMLSelectElement>, \"aria-invalid\">;\n\nconst Select = ({ children, ...props }: SelectProps) => {\n\treturn (\n\t\t<SelectPrimitive.Root {...props}>\n\t\t\t<SelectAriaInvalidContext.Provider value={props[\"aria-invalid\"]}>{children}</SelectAriaInvalidContext.Provider>\n\t\t</SelectPrimitive.Root>\n\t);\n};\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nconst selectTriggerVariants = cva(\n\t\"flex h-11 w-full items-center justify-between rounded-md border border-form bg-form px-3 py-2 placeholder:text-placeholder hover:bg-form-hover focus:outline-none focus:ring-4 disabled:pointer-events-none disabled:opacity-50 aria-expanded:ring-4 sm:h-9 sm:text-sm [&>span]:line-clamp-1 [&>span]:text-left\",\n\t{\n\t\tvariants: {\n\t\t\tstate: {\n\t\t\t\tdanger:\n\t\t\t\t\t\"border-danger-600 focus:border-danger-600 focus:ring-focus-danger aria-expanded:border-danger-600 aria-expanded:ring-focus-danger\",\n\t\t\t\tdefault:\n\t\t\t\t\t\"borderpform text-strong placeholder:text-placeholder focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tstate: \"default\",\n\t\t},\n\t},\n);\n\ntype SelectTriggerVariants = VariantProps<typeof selectTriggerVariants>;\n\nconst SelectTrigger = forwardRef<\n\tElementRef<typeof SelectPrimitive.Trigger>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => {\n\tconst ariaInvalidContext = useContext(SelectAriaInvalidContext);\n\tconst ariaInvalid = props[\"aria-invalid\"] ?? ariaInvalidContext;\n\tconst state = ariaInvalid ? \"danger\" : (\"default\" satisfies SelectTriggerVariants[\"state\"]);\n\n\treturn (\n\t\t<SelectPrimitive.Trigger\n\t\t\tref={ref}\n\t\t\tclassName={cx(selectTriggerVariants({ state }), className)}\n\t\t\t{...props}\n\t\t\taria-invalid={ariaInvalid}\n\t\t>\n\t\t\t{children}\n\t\t\t<SelectPrimitive.Icon asChild>\n\t\t\t\t<CaretDown className=\"size-4 shrink-0\" weight=\"bold\" />\n\t\t\t</SelectPrimitive.Icon>\n\t\t</SelectPrimitive.Trigger>\n\t);\n});\nSelectTrigger.displayName = \"SelectTrigger\";\n\nconst SelectScrollUpButton = forwardRef<\n\tElementRef<typeof SelectPrimitive.ScrollUpButton>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.ScrollUpButton\n\t\tref={ref}\n\t\tclassName={cx(\"flex cursor-default items-center justify-center py-1\", className)}\n\t\t{...props}\n\t>\n\t\t<CaretUp className=\"size-4\" weight=\"bold\" />\n\t</SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = \"SelectScrollUpButton\";\n\nconst SelectScrollDownButton = forwardRef<\n\tElementRef<typeof SelectPrimitive.ScrollDownButton>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.ScrollDownButton\n\t\tref={ref}\n\t\tclassName={cx(\"flex cursor-default items-center justify-center py-1\", className)}\n\t\t{...props}\n\t>\n\t\t<CaretDown className=\"size-4\" weight=\"bold\" />\n\t</SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName = \"SelectScrollDownButton\";\n\ntype SelectContentProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {\n\twidth?: \"trigger\" | \"content\";\n};\n\nconst SelectContent = forwardRef<ElementRef<typeof SelectPrimitive.Content>, SelectContentProps>(\n\t({ className, children, position = \"popper\", width, ...props }, ref) => (\n\t\t<SelectPrimitive.Portal>\n\t\t\t<SelectPrimitive.Content\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cx(\n\t\t\t\t\t\"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-popover shadow-md data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95\",\n\t\t\t\t\t\"bg-popover\",\n\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\t\"max-h-[var(--radix-select-content-available-height)] data-side-bottom:translate-y-2 data-side-left:-translate-x-2 data-side-right:translate-x-2 data-side-top:-translate-y-2\",\n\t\t\t\t\twidth === \"trigger\" && \"w-[var(--radix-select-trigger-width)]\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tposition={position}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SelectScrollUpButton />\n\t\t\t\t<SelectPrimitive.Viewport\n\t\t\t\t\tclassName={cx(\"p-1\", position === \"popper\" && \"h-[var(--radix-select-trigger-height)] w-full\")}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</SelectPrimitive.Viewport>\n\t\t\t\t<SelectScrollDownButton />\n\t\t\t</SelectPrimitive.Content>\n\t\t</SelectPrimitive.Portal>\n\t),\n);\nSelectContent.displayName = \"SelectContent\";\n\nconst SelectLabel = forwardRef<\n\tElementRef<typeof SelectPrimitive.Label>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n\t<SelectPrimitive.Label ref={ref} className={cx(\"px-2 py-1.5 text-sm font-semibold\", className)} {...props} />\n));\nSelectLabel.displayName = \"SelectLabel\";\n\nconst SelectItem = forwardRef<\n\tElementRef<typeof SelectPrimitive.Item>,\n\tComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n\t<SelectPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cx(\n\t\t\t\"relative flex w-full cursor-pointer select-none items-center rounded py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-popover-hover data-state-checked:bg-filled-accent data-state-checked:text-on-filled data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n\t\t<SelectPrimitive.ItemIndicator className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t<Check className=\"size-4\" weight=\"bold\" />\n\t\t</SelectPrimitive.ItemIndicator>\n\t</SelectPrimitive.Item>\n));\nSelectItem.displayName = \"SelectItem\";\n\nconst SelectSeparator = forwardRef<ElementRef<typeof Separator>, ComponentPropsWithoutRef<typeof Separator>>(\n\t({ className, ...props }, ref) => (\n\t\t<Separator ref={ref} className={cx(\"-mx-1 my-1 h-px w-auto\", className)} {...props} />\n\t),\n);\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport {\n\tSelect,\n\tSelectGroup,\n\tSelectValue,\n\tSelectTrigger,\n\tSelectContent,\n\tSelectLabel,\n\tSelectItem,\n\tSelectSeparator,\n\tSelectScrollUpButton,\n\tSelectScrollDownButton,\n};\n"]}
package/dist/select.d.cts DELETED
@@ -1,19 +0,0 @@
1
- import * as _radix_ui_react_separator from '@radix-ui/react-separator';
2
- import * as react from 'react';
3
- import { ComponentPropsWithoutRef, SelectHTMLAttributes } from 'react';
4
- import * as react_jsx_runtime from 'react/jsx-runtime';
5
- import * as SelectPrimitive from '@radix-ui/react-select';
6
-
7
- type SelectProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & Pick<SelectHTMLAttributes<HTMLSelectElement>, "aria-invalid">;
8
- declare const Select: ({ children, ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
9
- declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
10
- declare const SelectValue: react.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
11
- declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
12
- declare const SelectContent: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
13
- width?: "content" | "trigger" | undefined;
14
- } & react.RefAttributes<HTMLDivElement>>;
15
- declare const SelectLabel: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
16
- declare const SelectItem: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
17
- declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
18
-
19
- export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkROHPZJ5Ncjs = require('./chunk-ROHPZJ5N.cjs');require('./chunk-D3F6KERE.cjs');exports.Separator = _chunkROHPZJ5Ncjs.a;
2
- //# sourceMappingURL=separator.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":""}
@@ -1,9 +0,0 @@
1
- import * as react from 'react';
2
- import * as _radix_ui_react_separator from '@radix-ui/react-separator';
3
-
4
- /**
5
- * Visually or semantically separates content.
6
- */
7
- declare const Separator: react.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
8
-
9
- export { Separator };
package/dist/sheet.cjs DELETED
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkK4UKFOMIcjs = require('./chunk-K4UKFOMI.cjs');require('./chunk-JGNAMNKZ.cjs');var _chunkD3F6KEREcjs = require('./chunk-D3F6KERE.cjs');var _X = require('@phosphor-icons/react/X');var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _classvarianceauthority = require('class-variance-authority');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var P=e.Root,u= exports.SheetTrigger =e.Trigger,b= exports.SheetClose =e.Close,d= exports.SheetPortal =e.Portal,n= exports.SheetOverlay =_react.forwardRef.call(void 0, ({className:t,...i},r)=>_jsxruntime.jsx.call(void 0, e.Overlay,{className:_chunkD3F6KEREcjs.a.call(void 0, "fixed inset-0 z-50 bg-overlay backdrop-blur-sm data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:animate-in data-state-open:fade-in-0",t),...i,ref:r}));n.displayName=e.Overlay.displayName;var g=_classvarianceauthority.cva.call(void 0, "fixed z-50 flex flex-col bg-dialog shadow-lg transition ease-in-out data-state-closed:duration-100 data-state-closed:animate-out data-state-open:duration-100 data-state-open:animate-in",{variants:{side:{top:"inset-x-0 top-0 border-b border-dialog data-state-closed:slide-out-to-top data-state-open:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t border-dialog data-state-closed:slide-out-to-bottom data-state-open:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-full border-r border-dialog data-state-closed:slide-out-to-left data-state-open:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-full border-l border-dialog data-state-closed:slide-out-to-right data-state-open:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),p= exports.SheetContent =_react.forwardRef.call(void 0, ({side:t="right",className:i,children:r,...S},c)=>_jsxruntime.jsxs.call(void 0, d,{children:[_jsxruntime.jsx.call(void 0, n,{}),_jsxruntime.jsxs.call(void 0, e.Content,{ref:c,className:_chunkD3F6KEREcjs.a.call(void 0, g({side:t}),i),...S,children:[r,_jsxruntime.jsx.call(void 0, e.Close,{asChild:!0,children:_jsxruntime.jsxs.call(void 0, _chunkK4UKFOMIcjs.a,{appearance:"outlined",priority:"neutral",className:"absolute right-4 top-4 size-11 sm:size-9",children:[_jsxruntime.jsx.call(void 0, _X.X,{className:"size-5 shrink-0"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})})]})]}));p.displayName=e.Content.displayName;var C=({className:t,...i})=>_jsxruntime.jsx.call(void 0, "div",{className:_chunkD3F6KEREcjs.a.call(void 0, "scrollbar flex-1 overflow-y-auto p-6 text-body",t),...i}),x= exports.SheetHeader =({className:t,...i})=>_jsxruntime.jsx.call(void 0, "div",{className:_chunkD3F6KEREcjs.a.call(void 0, "shrink-0 border-b border-dialog-muted px-6 py-4",t),...i}),N= exports.SheetFooter =({className:t,...i})=>_jsxruntime.jsx.call(void 0, "div",{className:_chunkD3F6KEREcjs.a.call(void 0, "flex shrink-0 flex-row-reverse gap-2 border-t border-dialog-muted px-6 py-2.5",t),...i}),h= exports.SheetTitle =_react.forwardRef.call(void 0, ({className:t,...i},r)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:r,className:_chunkD3F6KEREcjs.a.call(void 0, "text-lg font-medium text-strong",t),...i}));h.displayName=e.Title.displayName;var f=_react.forwardRef.call(void 0, ({className:t,...i},r)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:r,className:_chunkD3F6KEREcjs.a.call(void 0, "text-body",t),...i}));f.displayName=e.Description.displayName;exports.Sheet = P; exports.SheetBody = C; exports.SheetClose = b; exports.SheetContent = p; exports.SheetDescription = f; exports.SheetFooter = N; exports.SheetHeader = x; exports.SheetOverlay = n; exports.SheetPortal = d; exports.SheetTitle = h; exports.SheetTrigger = u;
2
- //# sourceMappingURL=sheet.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../packages/sheet/src/sheet.tsx"],"names":["X","SheetPrimitive","cva","forwardRef","jsx","jsxs","Sheet","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","props","ref","cx","SheetVariants","SheetContent","side","children","Button","SheetBody","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"0GAAA,OAAS,KAAAA,MAAS,0BAClB,UAAYC,MAAoB,yBAChC,OAAS,OAAAC,MAA8B,2BACvC,OAA+C,cAAAC,MAAkC,QAgBhF,cAAAC,EAwCI,QAAAC,MAxCJ,oBAZD,IAAMC,EAAuB,OAEvBC,EAA8B,UAE9BC,EAA4B,QAE5BC,EAA6B,SAE7BC,EAAeP,EAGnB,CAAC,CAAE,UAAAQ,EAAW,GAAGC,CAAM,EAAGC,IAC3BT,EAAgB,UAAf,CACA,UAAWU,EACV,iKACAH,CACD,EACC,GAAGC,EACJ,IAAKC,EACN,CACA,EACDH,EAAa,YAA6B,UAAQ,YAElD,IAAMK,EAAgBb,EACrB,2LACA,CACC,SAAU,CACT,KAAM,CACL,IAAK,8GACL,OACC,uHACD,KAAM,2IACN,MACC,6IACF,CACD,EACA,gBAAiB,CAChB,KAAM,OACP,CACD,CACD,EAKMc,EAAeb,EACpB,CAAC,CAAE,KAAAc,EAAO,QAAS,UAAAN,EAAW,SAAAO,EAAU,GAAGN,CAAM,EAAGC,IACnDR,EAACI,EAAA,CACA,UAAAL,EAACM,EAAA,EAAa,EACdL,EAAgB,UAAf,CAAuB,IAAKQ,EAAK,UAAWC,EAAGC,EAAc,CAAE,KAAAE,CAAK,CAAC,EAAGN,CAAS,EAAI,GAAGC,EACvF,UAAAM,EACDd,EAAgB,QAAf,CAAqB,QAAO,GAC5B,SAAAC,EAACc,EAAA,CAAO,WAAW,WAAW,SAAS,UAAU,UAAU,2CAC1D,UAAAf,EAACJ,EAAA,CAAE,UAAU,kBAAkB,EAC/BI,EAAC,QAAK,UAAU,UAAU,iBAAK,GAChC,EACD,GACD,GACD,CAEF,EACAY,EAAa,YAA6B,UAAQ,YAElD,IAAMI,EAAY,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,IACxCR,EAAC,OAAI,UAAWU,EAAG,iDAAkDH,CAAS,EAAI,GAAGC,EAAO,EAGvFS,EAAc,CAAC,CAAE,UAAAV,EAAW,GAAGC,CAAM,IAC1CR,EAAC,OAAI,UAAWU,EAAG,kDAAmDH,CAAS,EAAI,GAAGC,EAAO,EAGxFU,EAAc,CAAC,CAAE,UAAAX,EAAW,GAAGC,CAAM,IAC1CR,EAAC,OACA,UAAWU,EAAG,gFAAiFH,CAAS,EACvG,GAAGC,EACL,EAGKW,EAAapB,EAGjB,CAAC,CAAE,UAAAQ,EAAW,GAAGC,CAAM,EAAGC,IAC3BT,EAAgB,QAAf,CAAqB,IAAKS,EAAK,UAAWC,EAAG,kCAAmCH,CAAS,EAAI,GAAGC,EAAO,CACxG,EACDW,EAAW,YAA6B,QAAM,YAE9C,IAAMC,EAAmBrB,EAGvB,CAAC,CAAE,UAAAQ,EAAW,GAAGC,CAAM,EAAGC,IAC3BT,EAAgB,cAAf,CAA2B,IAAKS,EAAK,UAAWC,EAAG,YAAaH,CAAS,EAAI,GAAGC,EAAO,CACxF,EACDY,EAAiB,YAA6B,cAAY","sourcesContent":["import { X } from \"@phosphor-icons/react/X\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef, HTMLAttributes } from \"react\";\nimport { Button } from \"../../button\";\nimport { cx } from \"../../cx\";\n\nconst Sheet = SheetPrimitive.Root;\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\nconst SheetClose = SheetPrimitive.Close;\n\nconst SheetPortal = SheetPrimitive.Portal;\n\nconst SheetOverlay = forwardRef<\n\tElementRef<typeof SheetPrimitive.Overlay>,\n\tComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n\t<SheetPrimitive.Overlay\n\t\tclassName={cx(\n\t\t\t\"fixed inset-0 z-50 bg-overlay backdrop-blur-sm data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:animate-in data-state-open:fade-in-0\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t\tref={ref}\n\t/>\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\nconst SheetVariants = cva(\n\t\"fixed z-50 flex flex-col bg-dialog shadow-lg transition ease-in-out data-state-closed:duration-100 data-state-closed:animate-out data-state-open:duration-100 data-state-open:animate-in\",\n\t{\n\t\tvariants: {\n\t\t\tside: {\n\t\t\t\ttop: \"inset-x-0 top-0 border-b border-dialog data-state-closed:slide-out-to-top data-state-open:slide-in-from-top\",\n\t\t\t\tbottom:\n\t\t\t\t\t\"inset-x-0 bottom-0 border-t border-dialog data-state-closed:slide-out-to-bottom data-state-open:slide-in-from-bottom\",\n\t\t\t\tleft: \"inset-y-0 left-0 h-full w-full border-r border-dialog data-state-closed:slide-out-to-left data-state-open:slide-in-from-left sm:max-w-sm\",\n\t\t\t\tright:\n\t\t\t\t\t\"inset-y-0 right-0 h-full w-full border-l border-dialog data-state-closed:slide-out-to-right data-state-open:slide-in-from-right sm:max-w-sm\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tside: \"right\",\n\t\t},\n\t},\n);\n\ntype SheetContentProps = {} & ComponentPropsWithoutRef<typeof SheetPrimitive.Content> &\n\tVariantProps<typeof SheetVariants>;\n\nconst SheetContent = forwardRef<ElementRef<typeof SheetPrimitive.Content>, SheetContentProps>(\n\t({ side = \"right\", className, children, ...props }, ref) => (\n\t\t<SheetPortal>\n\t\t\t<SheetOverlay />\n\t\t\t<SheetPrimitive.Content ref={ref} className={cx(SheetVariants({ side }), className)} {...props}>\n\t\t\t\t{children}\n\t\t\t\t<SheetPrimitive.Close asChild>\n\t\t\t\t\t<Button appearance=\"outlined\" priority=\"neutral\" className=\"absolute right-4 top-4 size-11 sm:size-9\">\n\t\t\t\t\t\t<X className=\"size-5 shrink-0\" />\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</Button>\n\t\t\t\t</SheetPrimitive.Close>\n\t\t\t</SheetPrimitive.Content>\n\t\t</SheetPortal>\n\t),\n);\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetBody = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n\t<div className={cx(\"scrollbar flex-1 overflow-y-auto p-6 text-body\", className)} {...props} />\n);\n\nconst SheetHeader = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n\t<div className={cx(\"shrink-0 border-b border-dialog-muted px-6 py-4\", className)} {...props} />\n);\n\nconst SheetFooter = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n\t<div\n\t\tclassName={cx(\"flex shrink-0 flex-row-reverse gap-2 border-t border-dialog-muted px-6 py-2.5\", className)}\n\t\t{...props}\n\t/>\n);\n\nconst SheetTitle = forwardRef<\n\tElementRef<typeof SheetPrimitive.Title>,\n\tComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n\t<SheetPrimitive.Title ref={ref} className={cx(\"text-lg font-medium text-strong\", className)} {...props} />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = forwardRef<\n\tElementRef<typeof SheetPrimitive.Description>,\n\tComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n\t<SheetPrimitive.Description ref={ref} className={cx(\"text-body\", className)} {...props} />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n\tSheet,\n\tSheetBody,\n\tSheetClose,\n\tSheetContent,\n\tSheetDescription,\n\tSheetFooter,\n\tSheetHeader,\n\tSheetOverlay,\n\tSheetPortal,\n\tSheetTitle,\n\tSheetTrigger,\n};\n"]}
package/dist/sheet.d.cts DELETED
@@ -1,22 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import * as react from 'react';
4
- import { HTMLAttributes } from 'react';
5
- import * as DialogPrimitive from '@radix-ui/react-dialog';
6
- import { VariantProps } from 'class-variance-authority';
7
-
8
- declare const Sheet: react.FC<DialogPrimitive.DialogProps>;
9
- declare const SheetTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
10
- declare const SheetClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
11
- declare const SheetPortal: react.FC<DialogPrimitive.DialogPortalProps>;
12
- declare const SheetOverlay: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
13
- declare const SheetContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
14
- side?: "left" | "right" | "bottom" | "top" | null | undefined;
15
- } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
16
- declare const SheetBody: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
17
- declare const SheetHeader: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
18
- declare const SheetFooter: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
19
- declare const SheetTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
20
- declare const SheetDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
21
-
22
- export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
package/dist/skeleton.cjs DELETED
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkD3F6KEREcjs = require('./chunk-D3F6KERE.cjs');var _jsxruntime = require('react/jsx-runtime');function o({className:t,...e}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkD3F6KEREcjs.a.call(void 0, "h-4 animate-pulse rounded-md bg-gray-300/25 dark-high-contrast:bg-black/30 high-contrast:bg-black/30 dark:bg-gray-950/10",t),...e})}exports.Skeleton = o;
2
- //# sourceMappingURL=skeleton.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../packages/skeleton/src/skeleton.tsx"],"names":["jsx","Skeleton","className","props","cx"],"mappings":"yCAcE,cAAAA,MAAA,oBAFF,SAASC,EAAS,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAU,CACjD,OACCH,EAAC,OACA,UAAWI,EACV,2HACAF,CACD,EACC,GAAGC,EACL,CAEF","sourcesContent":["import { HTMLAttributes } from \"react\";\nimport { cx } from \"../../cx\";\n\ntype Props = Exclude<HTMLAttributes<HTMLDivElement>, \"children\">;\n\n/**\n * A skeleton is a placeholder for content that is loading.\n * By using a skeleton, you can give the user an idea of what the content will\n * look like and reduce the perceived loading time and CLS (Cumulative Layout Shift).\n *\n * @note Default height is 1rem.\n */\nfunction Skeleton({ className, ...props }: Props) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cx(\n\t\t\t\t\"h-4 animate-pulse rounded-md bg-gray-300/25 dark-high-contrast:bg-black/30 high-contrast:bg-black/30 dark:bg-gray-950/10\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Skeleton };\n"]}
@@ -1,14 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { HTMLAttributes } from 'react';
3
-
4
- type Props = Exclude<HTMLAttributes<HTMLDivElement>, "children">;
5
- /**
6
- * A skeleton is a placeholder for content that is loading.
7
- * By using a skeleton, you can give the user an idea of what the content will
8
- * look like and reduce the perceived loading time and CLS (Cumulative Layout Shift).
9
- *
10
- * @note Default height is 1rem.
11
- */
12
- declare function Skeleton({ className, ...props }: Props): react_jsx_runtime.JSX.Element;
13
-
14
- export { Skeleton };
package/dist/table.cjs DELETED
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkD3F6KEREcjs = require('./chunk-D3F6KERE.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var r=_react.forwardRef.call(void 0, ({className:e,...t},a)=>_jsxruntime.jsx.call(void 0, "table",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "relative w-full caption-bottom overflow-auto text-sm",e),...t}));r.displayName="Table";var o=_react.forwardRef.call(void 0, ({className:e,...t},a)=>_jsxruntime.jsx.call(void 0, "thead",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "bg-base [&_tr]:border-b",e),...t}));o.displayName="TableHeader";var s=_react.forwardRef.call(void 0, ({className:e,...t},a)=>_jsxruntime.jsx.call(void 0, "tbody",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "[&_tr:last-child]:border-0",e),...t}));s.displayName="TableBody";var m=_react.forwardRef.call(void 0, ({className:e,...t},a)=>_jsxruntime.jsx.call(void 0, "tfoot",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "border-t border-gray-300 bg-gray-50/50 font-medium [&>tr]:last:border-b-0",e),...t}));m.displayName="TableFooter";var d=_react.forwardRef.call(void 0, ({className:e,...t},a)=>_jsxruntime.jsx.call(void 0, "tr",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "border-b border-gray-300 hover:bg-gray-200/50 data-state-selected:bg-gray-200",e),...t}));d.displayName="TableRow";var i=_react.forwardRef.call(void 0, ({className:e,...t},a)=>_jsxruntime.jsx.call(void 0, "th",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",e),...t}));i.displayName="TableHead";var n=_react.forwardRef.call(void 0, ({className:e,...t},a)=>_jsxruntime.jsx.call(void 0, "td",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "p-4 align-middle [&:has([role=checkbox])]:pr-0",e),...t}));n.displayName="TableCell";var H=_react.forwardRef.call(void 0, ({className:e,...t},a)=>_jsxruntime.jsx.call(void 0, "caption",{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "border-t border-gray-300 py-4 text-sm text-gray-500",e),...t}));H.displayName="TableCaption";exports.Table = r; exports.TableBody = s; exports.TableCaption = H; exports.TableCell = n; exports.TableFooter = m; exports.TableHead = i; exports.TableHeader = o; exports.TableRow = d;
2
- //# sourceMappingURL=table.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../packages/table/src/table.tsx"],"names":["forwardRef","jsx","Table","className","props","ref","cx","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"yCAAA,OAAS,cAAAA,MAAsE,QAK9E,cAAAC,MAAA,oBAFD,IAAMC,EAAQF,EAA+D,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IAEtGJ,EAAC,SAAM,IAAKI,EAAK,UAAWC,EAAG,uDAAwDH,CAAS,EAAI,GAAGC,EAAO,CAE9G,EACDF,EAAM,YAAc,QAEpB,IAAMK,EAAcP,EACnB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IAAQJ,EAAC,SAAM,IAAKI,EAAK,UAAWC,EAAG,0BAA2BH,CAAS,EAAI,GAAGC,EAAO,CACpH,EACAG,EAAY,YAAc,cAE1B,IAAMC,EAAYR,EACjB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IACzBJ,EAAC,SAAM,IAAKI,EAAK,UAAWC,EAAG,6BAA8BH,CAAS,EAAI,GAAGC,EAAO,CAEtF,EACAI,EAAU,YAAc,YAExB,IAAMC,EAAcT,EACnB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IACzBJ,EAAC,SACA,IAAKI,EACL,UAAWC,EAAG,4EAA6EH,CAAS,EACnG,GAAGC,EACL,CAEF,EACAK,EAAY,YAAc,cAE1B,IAAMC,EAAWV,EAChB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IACzBJ,EAAC,MACA,IAAKI,EACL,UAAWC,EAAG,gFAAiFH,CAAS,EACvG,GAAGC,EACL,CAEF,EACAM,EAAS,YAAc,WAEvB,IAAMC,EAAYX,EACjB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IACzBJ,EAAC,MACA,IAAKI,EACL,UAAWC,EACV,mGACAH,CACD,EACC,GAAGC,EACL,CAEF,EACAO,EAAU,YAAc,YAExB,IAAMC,EAAYZ,EACjB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IACzBJ,EAAC,MAAG,IAAKI,EAAK,UAAWC,EAAG,iDAAkDH,CAAS,EAAI,GAAGC,EAAO,CAEvG,EACAQ,EAAU,YAAc,YAExB,IAAMC,EAAeb,EACpB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAGC,IACzBJ,EAAC,WAAQ,IAAKI,EAAK,UAAWC,EAAG,sDAAuDH,CAAS,EAAI,GAAGC,EAAO,CAEjH,EACAS,EAAa,YAAc","sourcesContent":["import { forwardRef, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from \"react\";\nimport { cx } from \"../../cx\";\n\nconst Table = forwardRef<HTMLTableElement, HTMLAttributes<HTMLTableElement>>(({ className, ...props }, ref) => (\n\t// <div className=\"\">\n\t<table ref={ref} className={cx(\"relative w-full caption-bottom overflow-auto text-sm\", className)} {...props} />\n\t// </div>\n));\nTable.displayName = \"Table\";\n\nconst TableHeader = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => <thead ref={ref} className={cx(\"bg-base [&_tr]:border-b\", className)} {...props} />,\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => (\n\t\t<tbody ref={ref} className={cx(\"[&_tr:last-child]:border-0\", className)} {...props} />\n\t),\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => (\n\t\t<tfoot\n\t\t\tref={ref}\n\t\t\tclassName={cx(\"border-t border-gray-300 bg-gray-50/50 font-medium [&>tr]:last:border-b-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(\n\t({ className, ...props }, ref) => (\n\t\t<tr\n\t\t\tref={ref}\n\t\t\tclassName={cx(\"border-b border-gray-300 hover:bg-gray-200/50 data-state-selected:bg-gray-200\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = forwardRef<HTMLTableCellElement, ThHTMLAttributes<HTMLTableCellElement>>(\n\t({ className, ...props }, ref) => (\n\t\t<th\n\t\t\tref={ref}\n\t\t\tclassName={cx(\n\t\t\t\t\"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = forwardRef<HTMLTableCellElement, TdHTMLAttributes<HTMLTableCellElement>>(\n\t({ className, ...props }, ref) => (\n\t\t<td ref={ref} className={cx(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)} {...props} />\n\t),\n);\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = forwardRef<HTMLTableCaptionElement, HTMLAttributes<HTMLTableCaptionElement>>(\n\t({ className, ...props }, ref) => (\n\t\t<caption ref={ref} className={cx(\"border-t border-gray-300 py-4 text-sm text-gray-500\", className)} {...props} />\n\t),\n);\nTableCaption.displayName = \"TableCaption\";\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"]}
package/dist/table.d.cts DELETED
@@ -1,13 +0,0 @@
1
- import * as react from 'react';
2
- import { HTMLAttributes, ThHTMLAttributes, TdHTMLAttributes } from 'react';
3
-
4
- declare const Table: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
5
- declare const TableHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
6
- declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
7
- declare const TableFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
8
- declare const TableRow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
9
- declare const TableHead: react.ForwardRefExoticComponent<ThHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
10
- declare const TableCell: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
11
- declare const TableCaption: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableCaptionElement> & react.RefAttributes<HTMLTableCaptionElement>>;
12
-
13
- export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };