@sikka/hawa 0.2.44-next → 0.2.45-next

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 (6) hide show
  1. package/dist/index.css +95 -0
  2. package/dist/index.d.mts +75 -1
  3. package/dist/index.d.ts +75 -1
  4. package/dist/index.js +423 -197
  5. package/dist/index.mjs +355 -149
  6. package/package.json +3 -2
package/dist/index.js CHANGED
@@ -263,6 +263,33 @@ __export(components_exports, {
263
263
  ColorPicker: function() {
264
264
  return ColorPicker;
265
265
  },
266
+ Command: function() {
267
+ return Command;
268
+ },
269
+ CommandDialog: function() {
270
+ return CommandDialog;
271
+ },
272
+ CommandEmpty: function() {
273
+ return CommandEmpty;
274
+ },
275
+ CommandGroup: function() {
276
+ return CommandGroup;
277
+ },
278
+ CommandInput: function() {
279
+ return CommandInput;
280
+ },
281
+ CommandItem: function() {
282
+ return CommandItem;
283
+ },
284
+ CommandList: function() {
285
+ return CommandList;
286
+ },
287
+ CommandSeparator: function() {
288
+ return CommandSeparator;
289
+ },
290
+ CommandShortcut: function() {
291
+ return CommandShortcut;
292
+ },
266
293
  Dialog: function() {
267
294
  return Dialog;
268
295
  },
@@ -314,6 +341,9 @@ __export(components_exports, {
314
341
  PopoverContent: function() {
315
342
  return PopoverContent;
316
343
  },
344
+ PopoverTrigger: function() {
345
+ return PopoverTrigger;
346
+ },
317
347
  Radio: function() {
318
348
  return Radio;
319
349
  },
@@ -323,6 +353,9 @@ __export(components_exports, {
323
353
  ScrollBar: function() {
324
354
  return ScrollBar;
325
355
  },
356
+ Select: function() {
357
+ return Select;
358
+ },
326
359
  Skeleton: function() {
327
360
  return Skeleton;
328
361
  },
@@ -777,10 +810,10 @@ var CodeBlock = function(param) {
777
810
  className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono"
778
811
  }, /* @__PURE__ */ import_react5.default.createElement("div", {
779
812
  className: cn("hawa-mb-1 hawa-w-full hawa-max-w-[52px] hawa-rounded-inner hawa-p-2 hawa-py-1 hawa-text-center hawa-text-[1rem]")
780
- }, fileName)), /* @__PURE__ */ import_react5.default.createElement("pre", null, /* @__PURE__ */ import_react5.default.createElement("code", {
781
- className: cn("hawa-relative hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between hawa-p-0 hawa-text-left hawa-text-sm sm:hawa-text-base hawa-bg-gray-300 ", tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded")
782
- }, /* @__PURE__ */ import_react5.default.createElement("div", {
783
- className: "hawa-flex hawa-min-h-[37.75px] hawa-w-full hawa-flex-row hawa-justify-start hawa-overflow-auto hawa-p-4 hawa-text-foreground hawa-bg-background/70 hawa-font-mono "
813
+ }, fileName)), /* @__PURE__ */ import_react5.default.createElement("pre", null, /* @__PURE__ */ import_react5.default.createElement("div", {
814
+ className: cn("hawa-relative hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between hawa-p-0 hawa-text-left hawa-text-sm sm:hawa-text-base hawa-bg-gray-300 ", tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded")
815
+ }, /* @__PURE__ */ import_react5.default.createElement("code", {
816
+ className: "hawa-flex hawa-min-h-[37.75px] hawa-w-full hawa-flex-row hawa-justify-start hawa-overflow-auto hawa-p-4 hawa-text-foreground hawa-bg-background/70 hawa-font-mono"
784
817
  }, tabs ? tabs[selectedTab].code : code), /* @__PURE__ */ import_react5.default.createElement("div", {
785
818
  className: "hawa-absolute hawa-right-0 hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2"
786
819
  }, /* @__PURE__ */ import_react5.default.createElement(Tooltip, {
@@ -1468,6 +1501,7 @@ var Popover = function(_param) /* @__PURE__ */ {
1468
1501
  sideOffset: sideOffset
1469
1502
  }, children));
1470
1503
  };
1504
+ var PopoverTrigger = PopoverPrimitive.Trigger;
1471
1505
  // components/elements/Textarea.tsx
1472
1506
  var React19 = __toESM(require("react"));
1473
1507
  var Textarea = React19.forwardRef(function(_param, ref) {
@@ -2068,7 +2102,7 @@ var FileDropzone = function(param) {
2068
2102
  }, (_texts_privacyPolicy = texts.privacyPolicy) !== null && _texts_privacyPolicy !== void 0 ? _texts_privacyPolicy : "Privacy Policy")));
2069
2103
  };
2070
2104
  // components/elements/PhoneInput.tsx
2071
- var import_react15 = __toESM(require("react"));
2105
+ var import_react17 = __toESM(require("react"));
2072
2106
  // components/countries.ts
2073
2107
  var countries = [
2074
2108
  {
@@ -3761,8 +3795,70 @@ var countries = [
3761
3795
  }
3762
3796
  ];
3763
3797
  var countries_default = countries;
3764
- // components/elements/PhoneInput.tsx
3798
+ // components/elements/Input.tsx
3799
+ var import_react15 = __toESM(require("react"));
3800
+ var Input = function(_param) {
3801
+ var _param_margin = _param.margin, margin = _param_margin === void 0 ? "none" : _param_margin, _param_width = _param.width, width = _param_width === void 0 ? "full" : _param_width, _param_preview = _param.preview, preview = _param_preview === void 0 ? false : _param_preview, props = _object_without_properties(_param, [
3802
+ "margin",
3803
+ "width",
3804
+ "preview"
3805
+ ]);
3806
+ var _props_inputProps;
3807
+ var marginStyles = {
3808
+ none: "hawa-mb-0",
3809
+ normal: "hawa-mb-3",
3810
+ large: "hawa-mb-5"
3811
+ };
3812
+ var widthStyles = {
3813
+ small: "hawa-w-full hawa-max-w-2xs",
3814
+ normal: "hawa-w-1/2",
3815
+ full: "hawa-w-full"
3816
+ };
3817
+ var defaultStyle = "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-2";
3818
+ var defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-black dark:hawa-text-white ";
3819
+ return /* @__PURE__ */ import_react15.default.createElement("div", {
3820
+ className: cn(defaultStyle, marginStyles[margin], widthStyles[width], props.className)
3821
+ }, props.label && /* @__PURE__ */ import_react15.default.createElement(Label, null, props.label), props.isLoading ? /* @__PURE__ */ import_react15.default.createElement(Skeleton, {
3822
+ className: "hawa-h-[38px] hawa-w-full"
3823
+ }) : /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement("div", {
3824
+ className: cn("hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800", preview ? "hawa-opacity-100" : "hawa-opacity-0")
3825
+ }), /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement("div", {
3826
+ className: cn("hawa-relative")
3827
+ }, props.icon && /* @__PURE__ */ import_react15.default.createElement("div", {
3828
+ className: "hawa-absolute hawa-left-3 hawa-top-1/2 hawa--translate-y-1/2"
3829
+ }, props.icon), /* @__PURE__ */ import_react15.default.createElement("input", _object_spread_props(_object_spread({}, props), {
3830
+ className: cn(defaultInputStyle, props.icon && "hawa-pl-10", "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0", preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0", (_props_inputProps = props.inputProps) === null || _props_inputProps === void 0 ? void 0 : _props_inputProps.className),
3831
+ disabled: preview
3832
+ }))), props.iconInside && /* @__PURE__ */ import_react15.default.createElement("div", {
3833
+ className: "hawa-absolute hawa-right-1 hawa-top-[41px] hawa--translate-y-1/2"
3834
+ }, props.iconInside), props.helperText && /* @__PURE__ */ import_react15.default.createElement("p", {
3835
+ className: "hawa-mb-0 hawa-mt-0 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500"
3836
+ }, props.helperText))));
3837
+ };
3838
+ // components/elements/Select.tsx
3839
+ var import_clsx7 = __toESM(require("clsx"));
3840
+ var import_react16 = __toESM(require("react"));
3765
3841
  var import_react_select = __toESM(require("react-select"));
3842
+ var import_creatable = __toESM(require("react-select/creatable"));
3843
+ var Control = function(_param) {
3844
+ var cx = _param.cx, children = _param.children, getStyles = _param.getStyles, innerProps = _param.innerProps, innerRef = _param.innerRef, _param_size = _param.size, size = _param_size === void 0 ? "normal" : _param_size, props = _object_without_properties(_param, [
3845
+ "cx",
3846
+ "children",
3847
+ "getStyles",
3848
+ "innerProps",
3849
+ "innerRef",
3850
+ "size"
3851
+ ]);
3852
+ var sizeStyles = {
3853
+ small: "hawa-h-7 hawa-text-xs",
3854
+ normal: "hawa-h-[2.38rem] hawa-text-sm",
3855
+ large: ""
3856
+ };
3857
+ return /* @__PURE__ */ import_react16.default.createElement("div", _object_spread({
3858
+ ref: innerRef,
3859
+ className: (0, import_clsx7.default)(sizeStyles[size], "hawa-flex hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500 dark:focus:hawa-ring-blue-500")
3860
+ }, innerProps), children);
3861
+ };
3766
3862
  var Menu = function(_param) {
3767
3863
  var cx = _param.cx, children = _param.children, getStyles = _param.getStyles, innerProps = _param.innerProps, innerRef = _param.innerRef, props = _object_without_properties(_param, [
3768
3864
  "cx",
@@ -3771,183 +3867,246 @@ var Menu = function(_param) {
3771
3867
  "innerProps",
3772
3868
  "innerRef"
3773
3869
  ]);
3774
- return /* @__PURE__ */ import_react15.default.createElement("div", _object_spread({
3775
- className: "hawa-absolute hawa-z-50 hawa-w-[190px] hawa-rounded hawa-border hawa-bg-background",
3870
+ return /* @__PURE__ */ import_react16.default.createElement("div", _object_spread({
3871
+ className: "hawa-absolute hawa-z-10 hawa-mt-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-start hawa-rounded hawa-border hawa-bg-background hawa-p-1.5",
3776
3872
  ref: innerRef
3777
3873
  }, innerProps), children);
3778
3874
  };
3779
3875
  var Option = function(_param) /* @__PURE__ */ {
3780
- var cx = _param.cx, children = _param.children, getStyles = _param.getStyles, innerProps = _param.innerProps, innerRef = _param.innerRef, props = _object_without_properties(_param, [
3876
+ var cx = _param.cx, children = _param.children, getStyles = _param.getStyles, innerProps = _param.innerProps, innerRef = _param.innerRef, _param_size = _param.size, size = _param_size === void 0 ? "normal" : _param_size, props = _object_without_properties(_param, [
3781
3877
  "cx",
3782
3878
  "children",
3783
3879
  "getStyles",
3784
3880
  "innerProps",
3785
- "innerRef"
3881
+ "innerRef",
3882
+ "size"
3786
3883
  ]);
3787
- return import_react15.default.createElement("div", _object_spread({
3884
+ return import_react16.default.createElement("div", _object_spread({
3788
3885
  ref: innerRef,
3789
- className: "hawa-m-2 hawa-flex hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hover:hawa-bg-primary hover:hawa-text-primary-foreground"
3790
- }, innerProps), /* @__PURE__ */ import_react15.default.createElement("div", {
3791
- className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1"
3792
- }, /* @__PURE__ */ import_react15.default.createElement("img", {
3793
- className: "hawa-h-8 hawa-w-8",
3794
- src: props.data.image
3795
- }), /* @__PURE__ */ import_react15.default.createElement("span", {
3796
- className: "hawa-text-[10px]"
3797
- }, props.data.country_label)), children);
3886
+ className: "hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hover:hawa-bg-primary hover:hawa-text-primary-foreground"
3887
+ }, innerProps), children);
3798
3888
  };
3799
- var PhoneInput = function(props) {
3800
- var _ref = _sliced_to_array((0, import_react15.useState)("+966"), 2), selectedCountry = _ref[0], setSelectedCountry = _ref[1];
3801
- return /* @__PURE__ */ import_react15.default.createElement("div", {
3802
- className: "hawa-mb-3 hawa-flex hawa-flex-col"
3803
- }, props.label && /* @__PURE__ */ import_react15.default.createElement("label", {
3804
- className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium"
3805
- }, props.label), /* @__PURE__ */ import_react15.default.createElement("div", {
3806
- dir: "ltr",
3807
- className: "hawa-flex hawa-flex-row "
3808
- }, /* @__PURE__ */ import_react15.default.createElement(import_react_select.default, {
3889
+ var Select = function(props) {
3890
+ var NoOption = function() {
3891
+ var _props_texts;
3892
+ var _props_texts_noOptions;
3893
+ return /* @__PURE__ */ import_react16.default.createElement("div", null, (_props_texts_noOptions = (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.noOptions) !== null && _props_texts_noOptions !== void 0 ? _props_texts_noOptions : "No Items Found");
3894
+ };
3895
+ return /* @__PURE__ */ import_react16.default.createElement("div", {
3896
+ className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-2"
3897
+ }, props.label && /* @__PURE__ */ import_react16.default.createElement(Label, null, props.label), props.isLoading ? /* @__PURE__ */ import_react16.default.createElement(Skeleton, {
3898
+ className: "hawa-h-[38px] hawa-w-full"
3899
+ }) : !props.isCreatable ? /* @__PURE__ */ import_react16.default.createElement(import_react_select.default, {
3900
+ noOptionsMessage: NoOption,
3809
3901
  classNames: {
3810
- control: function() {
3811
- return "hawa-w-[64px] hawa-text-right hawa-pr-2 hawa-cursor-pointer hawa-z-10 hawa-border hawa-rounded-l hawa-bg-background";
3902
+ container: function() {
3903
+ return cn("hawa-rounded", props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer");
3812
3904
  },
3813
- placeholder: function(state) {
3814
- return "hawa-text-muted-foreground hawa-text-right ";
3905
+ // TODO: enable keyboard to go to the next item in the list
3906
+ placeholder: function() {
3907
+ return "hawa-px-2 hawa-text-muted-foreground";
3815
3908
  },
3816
- input: function(state) {
3817
- return "hawa-bg-transparent hawa-cursor-pointer dark:hawa-text-white hawa-p-2 hawa-rounded-l hawa-text-[0.875rem] ";
3909
+ input: function() {
3910
+ return "hawa-text-primary hawa-px-2";
3818
3911
  },
3819
3912
  valueContainer: function() {
3820
- return "hawa-rounded-l hawa-h-auto hawa-text-[0.875rem]";
3913
+ return "hawa-text-white dark:hawa-text-muted-foreground";
3914
+ },
3915
+ singleValue: function() {
3916
+ return "hawa-text-black dark:hawa-text-white hawa-px-2";
3917
+ },
3918
+ indicatorsContainer: function() {
3919
+ return " hawa-px-2 hawa-cursor-pointer hawa-text-muted-foreground";
3821
3920
  }
3822
3921
  },
3823
- styles: {
3824
- placeholder: function(base) {
3825
- return _object_spread_props(_object_spread({}, base), {
3826
- fontSize: "0.875rem",
3827
- textAlign: "right"
3828
- });
3829
- }
3922
+ unstyled: true,
3923
+ isDisabled: props.disabled,
3924
+ options: props.options,
3925
+ defaultValue: props.defaultValue,
3926
+ isClearable: props.isClearable,
3927
+ isMulti: props.isMulti,
3928
+ isSearchable: props.isSearchable,
3929
+ autoFocus: true,
3930
+ onChange: function(newValue, action) {
3931
+ return(// props.onChange(newValue.label, action)
3932
+ props.onChange(newValue, action));
3830
3933
  },
3831
3934
  components: {
3935
+ Control: Control,
3832
3936
  Option: Option,
3833
- Menu: Menu,
3834
- DropdownIndicator: function() {
3835
- return null;
3937
+ Menu: Menu
3938
+ },
3939
+ getOptionLabel: props.getOptionLabel
3940
+ }) : /* @__PURE__ */ import_react16.default.createElement(import_creatable.default, {
3941
+ formatCreateLabel: function(inputValue) {
3942
+ var _props_texts;
3943
+ var _props_texts_createLabel;
3944
+ return "".concat((_props_texts_createLabel = (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.createLabel) !== null && _props_texts_createLabel !== void 0 ? _props_texts_createLabel : "Create", ' "').concat(inputValue, '"');
3945
+ },
3946
+ classNames: {
3947
+ container: function() {
3948
+ return cn("hawa-rounded", props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer");
3949
+ },
3950
+ placeholder: function() {
3951
+ return "hawa-px-2 hawa-text-muted-foreground";
3952
+ },
3953
+ input: function() {
3954
+ return "hawa-text-primary hawa-px-2";
3955
+ },
3956
+ valueContainer: function() {
3957
+ return "hawa-text-white dark:hawa-text-muted-foreground";
3836
3958
  },
3837
- IndicatorSeparator: function() {
3838
- return null;
3959
+ singleValue: function() {
3960
+ return "hawa-text-black dark:hawa-text-white hawa-px-2";
3961
+ },
3962
+ indicatorsContainer: function() {
3963
+ return " hawa-px-2 hawa-cursor-pointer hawa-text-muted-foreground";
3839
3964
  }
3840
3965
  },
3966
+ unstyled: true,
3967
+ options: props.options,
3968
+ isClearable: props.isClearable,
3969
+ isMulti: props.isMulti,
3970
+ isSearchable: props.isSearchable,
3971
+ onCreateOption: function() {
3972
+ return console.log("im changing");
3973
+ },
3974
+ onChange: function(newValue, action) {
3975
+ return props.onChange(newValue, action);
3976
+ },
3977
+ onInputChange: function(newValue, action) {
3978
+ return props.onInputChange(newValue, action);
3979
+ },
3980
+ components: {
3981
+ Control: Control,
3982
+ Option: Option,
3983
+ Menu: Menu
3984
+ }
3985
+ }), props.helperText && /* @__PURE__ */ import_react16.default.createElement("p", {
3986
+ className: "hawa-mt-2 hawa-text-sm hawa-text-red-600 dark:hawa-text-red-500"
3987
+ }, props.helperText));
3988
+ };
3989
+ // components/elements/PhoneInput.tsx
3990
+ var PhoneInput = function(props) {
3991
+ var _ref = _sliced_to_array((0, import_react17.useState)("+966"), 2), selectedCountry = _ref[0], setSelectedCountry = _ref[1];
3992
+ return /* @__PURE__ */ import_react17.default.createElement("div", {
3993
+ className: "hawa-mb-3 hawa-flex hawa-flex-col"
3994
+ }, props.label && /* @__PURE__ */ import_react17.default.createElement("label", {
3995
+ className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium"
3996
+ }, props.label), /* @__PURE__ */ import_react17.default.createElement("div", {
3997
+ dir: "ltr",
3998
+ className: "hawa-flex hawa-flex-row "
3999
+ }, /* @__PURE__ */ import_react17.default.createElement(Select, {
3841
4000
  options: countries_default,
3842
4001
  isMulti: false,
3843
4002
  isSearchable: true,
3844
4003
  isClearable: false,
3845
- placeholder: "+966",
3846
- unstyled: true,
3847
4004
  defaultValue: props.preferredCountry,
3848
4005
  value: selectedCountry,
3849
4006
  onChange: function(newValue, action) {
3850
4007
  return setSelectedCountry(newValue);
3851
4008
  }
3852
- }), /* @__PURE__ */ import_react15.default.createElement("input", {
4009
+ }), /* @__PURE__ */ import_react17.default.createElement(Input, {
3853
4010
  onChange: props.handleChange,
3854
4011
  type: "number",
3855
4012
  placeholder: "531045453",
3856
- className: "hawa-block hawa-w-full hawa-rounded-r hawa-z-50 hawa-border hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500"
3857
- }), props.helperText && /* @__PURE__ */ import_react15.default.createElement("p", {
4013
+ inputProps: {
4014
+ className: "hawa-border-l-0 hawa-border-l-transparent"
4015
+ }
4016
+ }), props.helperText && /* @__PURE__ */ import_react17.default.createElement("p", {
3858
4017
  className: "hawa-mb-1 hawa-mt-1 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500"
3859
4018
  }, props.helperText)));
3860
4019
  };
3861
4020
  // components/elements/AppStores.tsx
3862
- var import_react16 = __toESM(require("react"));
4021
+ var import_react18 = __toESM(require("react"));
3863
4022
  var AppStores = function(props) {
3864
- return /* @__PURE__ */ import_react16.default.createElement("div", {
4023
+ return /* @__PURE__ */ import_react18.default.createElement("div", {
3865
4024
  className: "hawa-flex hawa-justify-center"
3866
- }, /* @__PURE__ */ import_react16.default.createElement("div", null, props.store === "apple" ? props.mode === "dark" ? /* @__PURE__ */ import_react16.default.createElement("div", {
4025
+ }, /* @__PURE__ */ import_react18.default.createElement("div", null, props.store === "apple" ? props.mode === "dark" ? /* @__PURE__ */ import_react18.default.createElement("div", {
3867
4026
  className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white"
3868
- }, /* @__PURE__ */ import_react16.default.createElement("div", {
4027
+ }, /* @__PURE__ */ import_react18.default.createElement("div", {
3869
4028
  className: "hawa-mr-3"
3870
- }, /* @__PURE__ */ import_react16.default.createElement("svg", {
4029
+ }, /* @__PURE__ */ import_react18.default.createElement("svg", {
3871
4030
  viewBox: "0 0 384 512",
3872
4031
  width: "30"
3873
- }, /* @__PURE__ */ import_react16.default.createElement("path", {
4032
+ }, /* @__PURE__ */ import_react18.default.createElement("path", {
3874
4033
  fill: "currentColor",
3875
4034
  d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
3876
- }))), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", {
4035
+ }))), /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("div", {
3877
4036
  className: "hawa-text-xs"
3878
- }, "Download on the"), /* @__PURE__ */ import_react16.default.createElement("div", {
4037
+ }, "Download on the"), /* @__PURE__ */ import_react18.default.createElement("div", {
3879
4038
  className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold"
3880
- }, "App Store"))) : /* @__PURE__ */ import_react16.default.createElement("div", {
4039
+ }, "App Store"))) : /* @__PURE__ */ import_react18.default.createElement("div", {
3881
4040
  className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-transparent hawa-text-black"
3882
- }, /* @__PURE__ */ import_react16.default.createElement("div", {
4041
+ }, /* @__PURE__ */ import_react18.default.createElement("div", {
3883
4042
  className: "hawa-mr-3"
3884
- }, /* @__PURE__ */ import_react16.default.createElement("svg", {
4043
+ }, /* @__PURE__ */ import_react18.default.createElement("svg", {
3885
4044
  viewBox: "0 0 384 512",
3886
4045
  width: "30"
3887
- }, /* @__PURE__ */ import_react16.default.createElement("path", {
4046
+ }, /* @__PURE__ */ import_react18.default.createElement("path", {
3888
4047
  fill: "currentColor",
3889
4048
  d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
3890
- }))), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", {
4049
+ }))), /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("div", {
3891
4050
  className: "hawa-text-xs"
3892
- }, "Download on the"), /* @__PURE__ */ import_react16.default.createElement("div", {
4051
+ }, "Download on the"), /* @__PURE__ */ import_react18.default.createElement("div", {
3893
4052
  className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold"
3894
- }, "App Store"))) : props.mode === "dark" ? /* @__PURE__ */ import_react16.default.createElement("div", {
4053
+ }, "App Store"))) : props.mode === "dark" ? /* @__PURE__ */ import_react18.default.createElement("div", {
3895
4054
  className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white"
3896
- }, /* @__PURE__ */ import_react16.default.createElement("div", {
4055
+ }, /* @__PURE__ */ import_react18.default.createElement("div", {
3897
4056
  className: "hawa-mr-3"
3898
- }, /* @__PURE__ */ import_react16.default.createElement("svg", {
4057
+ }, /* @__PURE__ */ import_react18.default.createElement("svg", {
3899
4058
  viewBox: "30 336.7 120.9 129.2",
3900
4059
  width: "30"
3901
- }, /* @__PURE__ */ import_react16.default.createElement("path", {
4060
+ }, /* @__PURE__ */ import_react18.default.createElement("path", {
3902
4061
  fill: "#FFD400",
3903
4062
  d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7 c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
3904
- }), /* @__PURE__ */ import_react16.default.createElement("path", {
4063
+ }), /* @__PURE__ */ import_react18.default.createElement("path", {
3905
4064
  fill: "#FF3333",
3906
4065
  d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3 c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
3907
- }), /* @__PURE__ */ import_react16.default.createElement("path", {
4066
+ }), /* @__PURE__ */ import_react18.default.createElement("path", {
3908
4067
  fill: "#48FF48",
3909
4068
  d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1 c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
3910
- }), /* @__PURE__ */ import_react16.default.createElement("path", {
4069
+ }), /* @__PURE__ */ import_react18.default.createElement("path", {
3911
4070
  fill: "#3BCCFF",
3912
4071
  d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6 c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
3913
- }))), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", {
4072
+ }))), /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("div", {
3914
4073
  className: "hawa-text-xs"
3915
- }, "GET IT ON"), /* @__PURE__ */ import_react16.default.createElement("div", {
4074
+ }, "GET IT ON"), /* @__PURE__ */ import_react18.default.createElement("div", {
3916
4075
  className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold"
3917
- }, "Google Play"))) : /* @__PURE__ */ import_react16.default.createElement("div", {
4076
+ }, "Google Play"))) : /* @__PURE__ */ import_react18.default.createElement("div", {
3918
4077
  className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-white hawa-text-black"
3919
- }, /* @__PURE__ */ import_react16.default.createElement("div", {
4078
+ }, /* @__PURE__ */ import_react18.default.createElement("div", {
3920
4079
  className: "hawa-mr-3"
3921
- }, /* @__PURE__ */ import_react16.default.createElement("svg", {
4080
+ }, /* @__PURE__ */ import_react18.default.createElement("svg", {
3922
4081
  viewBox: "30 336.7 120.9 129.2",
3923
4082
  width: "30"
3924
- }, /* @__PURE__ */ import_react16.default.createElement("path", {
4083
+ }, /* @__PURE__ */ import_react18.default.createElement("path", {
3925
4084
  fill: "#FFD400",
3926
4085
  d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7 c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
3927
- }), /* @__PURE__ */ import_react16.default.createElement("path", {
4086
+ }), /* @__PURE__ */ import_react18.default.createElement("path", {
3928
4087
  fill: "#FF3333",
3929
4088
  d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3 c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
3930
- }), /* @__PURE__ */ import_react16.default.createElement("path", {
4089
+ }), /* @__PURE__ */ import_react18.default.createElement("path", {
3931
4090
  fill: "#48FF48",
3932
4091
  d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1 c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
3933
- }), /* @__PURE__ */ import_react16.default.createElement("path", {
4092
+ }), /* @__PURE__ */ import_react18.default.createElement("path", {
3934
4093
  fill: "#3BCCFF",
3935
4094
  d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6 c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
3936
- }))), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", {
4095
+ }))), /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("div", {
3937
4096
  className: "hawa-text-xs"
3938
- }, "GET IT ON"), /* @__PURE__ */ import_react16.default.createElement("div", {
4097
+ }, "GET IT ON"), /* @__PURE__ */ import_react18.default.createElement("div", {
3939
4098
  className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold"
3940
4099
  }, "Google Play")))));
3941
4100
  };
3942
4101
  // components/elements/BackToTop.tsx
3943
- var import_react17 = __toESM(require("react"));
3944
- var import_clsx7 = require("clsx");
4102
+ var import_react19 = __toESM(require("react"));
4103
+ var import_clsx8 = require("clsx");
3945
4104
  var BackToTop = function(_param) {
3946
4105
  var props = _extends({}, _object_destructuring_empty(_param));
3947
- var _ref = _sliced_to_array((0, import_react17.useState)(false), 2), visible = _ref[0], setVisible = _ref[1];
3948
- var _ref1 = _sliced_to_array((0, import_react17.useState)(null), 2), rect = _ref1[0], _setRect = _ref1[1];
3949
- var self = (0, import_react17.useRef)(null);
3950
- var _rect = (0, import_react17.useRef)(rect);
4106
+ var _ref = _sliced_to_array((0, import_react19.useState)(false), 2), visible = _ref[0], setVisible = _ref[1];
4107
+ var _ref1 = _sliced_to_array((0, import_react19.useState)(null), 2), rect = _ref1[0], _setRect = _ref1[1];
4108
+ var self = (0, import_react19.useRef)(null);
4109
+ var _rect = (0, import_react19.useRef)(rect);
3951
4110
  var setRect = function(data) {
3952
4111
  _rect.current = data;
3953
4112
  _setRect(data);
@@ -3981,7 +4140,7 @@ var BackToTop = function(_param) {
3981
4140
  });
3982
4141
  }
3983
4142
  };
3984
- (0, import_react17.useEffect)(function() {
4143
+ (0, import_react19.useEffect)(function() {
3985
4144
  if (!props.anchor.current) return;
3986
4145
  props.anchor.current.addEventListener("scroll", onScroll);
3987
4146
  var interval = setInterval(function() {
@@ -4013,7 +4172,7 @@ var BackToTop = function(_param) {
4013
4172
  };
4014
4173
  return style;
4015
4174
  };
4016
- return /* @__PURE__ */ import_react17.default.createElement(Button, {
4175
+ return /* @__PURE__ */ import_react19.default.createElement(Button, {
4017
4176
  className: cn("hawa-fixed hawa-cursor-pointer hawa-rounded hawa-transition-all", visible ? "hawa-pointer-events-all hawa-opacity-100" : "hawa-pointer-events-none hawa-opacity-0"),
4018
4177
  onClick: backToTop,
4019
4178
  style: _object_spread_props(_object_spread({}, getStyles()), {
@@ -4021,152 +4180,113 @@ var BackToTop = function(_param) {
4021
4180
  }),
4022
4181
  ref: self,
4023
4182
  size: "icon"
4024
- }, /* @__PURE__ */ import_react17.default.createElement("svg", {
4025
- className: (0, import_clsx7.clsx)("hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-rotate-180 hawa-transition-all disabled:hawa-bg-gray-200"),
4183
+ }, /* @__PURE__ */ import_react19.default.createElement("svg", {
4184
+ className: (0, import_clsx8.clsx)("hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-rotate-180 hawa-transition-all disabled:hawa-bg-gray-200"),
4026
4185
  "aria-label": "Arrow Icon",
4027
4186
  viewBox: "0 0 20 20",
4028
4187
  fill: "currentColor"
4029
- }, /* @__PURE__ */ import_react17.default.createElement("path", {
4188
+ }, /* @__PURE__ */ import_react19.default.createElement("path", {
4030
4189
  d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
4031
4190
  })));
4032
4191
  };
4033
- // components/elements/Input.tsx
4034
- var import_react18 = __toESM(require("react"));
4035
- var Input = function(_param) {
4036
- var _param_margin = _param.margin, margin = _param_margin === void 0 ? "none" : _param_margin, _param_width = _param.width, width = _param_width === void 0 ? "full" : _param_width, _param_preview = _param.preview, preview = _param_preview === void 0 ? false : _param_preview, props = _object_without_properties(_param, [
4037
- "margin",
4038
- "width",
4039
- "preview"
4040
- ]);
4041
- var marginStyles = {
4042
- none: "hawa-mb-0",
4043
- normal: "hawa-mb-3",
4044
- large: "hawa-mb-5"
4045
- };
4046
- var widthStyles = {
4047
- small: "hawa-w-full hawa-max-w-2xs",
4048
- normal: "hawa-w-1/2",
4049
- full: "hawa-w-full"
4050
- };
4051
- var defaultStyle = "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-2";
4052
- var defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-black dark:hawa-text-white ";
4053
- return /* @__PURE__ */ import_react18.default.createElement("div", {
4054
- className: cn(defaultStyle, marginStyles[margin], widthStyles[width], props.className)
4055
- }, props.label && /* @__PURE__ */ import_react18.default.createElement(Label, null, props.label), props.isLoading ? /* @__PURE__ */ import_react18.default.createElement(Skeleton, {
4056
- className: "hawa-h-[38px] hawa-w-full"
4057
- }) : /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", {
4058
- className: cn("hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800", preview ? "hawa-opacity-100" : "hawa-opacity-0")
4059
- }), /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", {
4060
- className: cn("hawa-relative")
4061
- }, props.icon && /* @__PURE__ */ import_react18.default.createElement("div", {
4062
- className: "hawa-absolute hawa-left-3 hawa-top-1/2 hawa--translate-y-1/2"
4063
- }, props.icon), /* @__PURE__ */ import_react18.default.createElement("input", _object_spread_props(_object_spread({}, props), {
4064
- className: cn(defaultInputStyle, props.icon && "hawa-pl-10", "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2", preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0"),
4065
- disabled: preview
4066
- }))), props.iconInside && /* @__PURE__ */ import_react18.default.createElement("div", {
4067
- className: "hawa-absolute hawa-right-1 hawa-top-[41px] hawa--translate-y-1/2"
4068
- }, props.iconInside), props.helperText && /* @__PURE__ */ import_react18.default.createElement("p", {
4069
- className: "hawa-mb-0 hawa-mt-0 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500"
4070
- }, props.helperText))));
4071
- };
4072
4192
  // components/elements/Tabs.tsx
4073
- var React30 = __toESM(require("react"));
4193
+ var React31 = __toESM(require("react"));
4074
4194
  var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
4075
- var TabsContext = React30.createContext({
4195
+ var TabsContext = React31.createContext({
4076
4196
  orientation: "vertical"
4077
4197
  });
4078
- var Tabs = React30.forwardRef(function(_param, ref) /* @__PURE__ */ {
4198
+ var Tabs = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
4079
4199
  var className = _param.className, orientation = _param.orientation, props = _object_without_properties(_param, [
4080
4200
  "className",
4081
4201
  "orientation"
4082
4202
  ]);
4083
- return React30.createElement(TabsPrimitive.Root, _object_spread({
4203
+ return React31.createElement(TabsPrimitive.Root, _object_spread({
4084
4204
  ref: ref,
4085
4205
  className: cn("hawa-flex hawa-gap-2", orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col", className)
4086
- }, props), /* @__PURE__ */ React30.createElement(TabsContext.Provider, {
4206
+ }, props), /* @__PURE__ */ React31.createElement(TabsContext.Provider, {
4087
4207
  value: {
4088
4208
  orientation: orientation
4089
4209
  }
4090
4210
  }, props.children));
4091
4211
  });
4092
4212
  Tabs.displayName = TabsPrimitive.Root.displayName;
4093
- var TabsList = React30.forwardRef(function(_param, ref) {
4213
+ var TabsList = React31.forwardRef(function(_param, ref) {
4094
4214
  var className = _param.className, props = _object_without_properties(_param, [
4095
4215
  "className"
4096
4216
  ]);
4097
- var orientation = React30.useContext(TabsContext).orientation;
4217
+ var orientation = React31.useContext(TabsContext).orientation;
4098
4218
  console.log("orient ", orientation);
4099
- return /* @__PURE__ */ React30.createElement(TabsPrimitive.List, _object_spread({
4219
+ return /* @__PURE__ */ React31.createElement(TabsPrimitive.List, _object_spread({
4100
4220
  ref: ref,
4101
4221
  className: cn("hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10", orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row", className)
4102
4222
  }, props));
4103
4223
  });
4104
4224
  TabsList.displayName = TabsPrimitive.List.displayName;
4105
- var TabsTrigger = React30.forwardRef(function(_param, ref) {
4225
+ var TabsTrigger = React31.forwardRef(function(_param, ref) {
4106
4226
  var className = _param.className, props = _object_without_properties(_param, [
4107
4227
  "className"
4108
4228
  ]);
4109
- return /* @__PURE__ */ React30.createElement(TabsPrimitive.Trigger, _object_spread({
4229
+ return /* @__PURE__ */ React31.createElement(TabsPrimitive.Trigger, _object_spread({
4110
4230
  ref: ref,
4111
4231
  className: cn("hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10", className)
4112
4232
  }, props));
4113
4233
  });
4114
4234
  TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
4115
- var TabsContent = React30.forwardRef(function(_param, ref) /* @__PURE__ */ {
4235
+ var TabsContent = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
4116
4236
  var className = _param.className, props = _object_without_properties(_param, [
4117
4237
  "className"
4118
4238
  ]);
4119
- return React30.createElement(TabsPrimitive.Content, _object_spread({
4239
+ return React31.createElement(TabsPrimitive.Content, _object_spread({
4120
4240
  ref: ref,
4121
4241
  className: cn("hawa-w-full hawa-ring-offset-hawa-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2", className)
4122
4242
  }, props));
4123
4243
  });
4124
4244
  TabsContent.displayName = TabsPrimitive.Content.displayName;
4125
4245
  // components/elements/ScrollArea.tsx
4126
- var React31 = __toESM(require("react"));
4246
+ var React32 = __toESM(require("react"));
4127
4247
  var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
4128
- var ScrollArea = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
4248
+ var ScrollArea = React32.forwardRef(function(_param, ref) /* @__PURE__ */ {
4129
4249
  var className = _param.className, children = _param.children, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, props = _object_without_properties(_param, [
4130
4250
  "className",
4131
4251
  "children",
4132
4252
  "orientation"
4133
4253
  ]);
4134
- return React31.createElement(ScrollAreaPrimitive.Root, _object_spread({
4254
+ return React32.createElement(ScrollAreaPrimitive.Root, _object_spread({
4135
4255
  ref: ref,
4136
4256
  className: cn("hawa-relative hawa-overflow-hidden", className)
4137
- }, props), /* @__PURE__ */ React31.createElement(ScrollAreaPrimitive.Viewport, {
4257
+ }, props), /* @__PURE__ */ React32.createElement(ScrollAreaPrimitive.Viewport, {
4138
4258
  className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]"
4139
- }, children), /* @__PURE__ */ React31.createElement(ScrollBar, {
4259
+ }, children), /* @__PURE__ */ React32.createElement(ScrollBar, {
4140
4260
  orientation: orientation
4141
- }), /* @__PURE__ */ React31.createElement(ScrollAreaPrimitive.Corner, null));
4261
+ }), /* @__PURE__ */ React32.createElement(ScrollAreaPrimitive.Corner, null));
4142
4262
  });
4143
4263
  ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
4144
- var ScrollBar = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
4264
+ var ScrollBar = React32.forwardRef(function(_param, ref) /* @__PURE__ */ {
4145
4265
  var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, props = _object_without_properties(_param, [
4146
4266
  "className",
4147
4267
  "orientation"
4148
4268
  ]);
4149
- return React31.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, _object_spread({
4269
+ return React32.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, _object_spread({
4150
4270
  ref: ref,
4151
4271
  orientation: orientation,
4152
4272
  className: cn("hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors", orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]", orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]", className)
4153
- }, props), /* @__PURE__ */ React31.createElement(ScrollAreaPrimitive.ScrollAreaThumb, {
4273
+ }, props), /* @__PURE__ */ React32.createElement(ScrollAreaPrimitive.ScrollAreaThumb, {
4154
4274
  className: cn("hawa-relative hawa-rounded-full hawa-bg-border", orientation === "vertical" && "hawa-flex-1")
4155
4275
  }));
4156
4276
  });
4157
4277
  ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
4158
4278
  // components/elements/Logos.tsx
4159
- var import_react19 = __toESM(require("react"));
4279
+ var import_react20 = __toESM(require("react"));
4160
4280
  var Logos = {
4161
4281
  logo: function(props) {
4162
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4282
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4163
4283
  xmlns: "http://www.w3.org/2000/svg",
4164
4284
  viewBox: "0 0 256 256"
4165
- }, props), /* @__PURE__ */ import_react19.default.createElement("rect", {
4285
+ }, props), /* @__PURE__ */ import_react20.default.createElement("rect", {
4166
4286
  width: "256",
4167
4287
  height: "256",
4168
4288
  fill: "none"
4169
- }), /* @__PURE__ */ import_react19.default.createElement("line", {
4289
+ }), /* @__PURE__ */ import_react20.default.createElement("line", {
4170
4290
  x1: "208",
4171
4291
  y1: "128",
4172
4292
  x2: "128",
@@ -4176,7 +4296,7 @@ var Logos = {
4176
4296
  strokeLinecap: "round",
4177
4297
  strokeLinejoin: "round",
4178
4298
  strokeWidth: "16"
4179
- }), /* @__PURE__ */ import_react19.default.createElement("line", {
4299
+ }), /* @__PURE__ */ import_react20.default.createElement("line", {
4180
4300
  x1: "192",
4181
4301
  y1: "40",
4182
4302
  x2: "40",
@@ -4189,7 +4309,7 @@ var Logos = {
4189
4309
  }));
4190
4310
  },
4191
4311
  mail: function(props) {
4192
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4312
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4193
4313
  stroke: "currentColor",
4194
4314
  fill: "none",
4195
4315
  "stroke-width": "2",
@@ -4199,14 +4319,14 @@ var Logos = {
4199
4319
  height: "1em",
4200
4320
  width: "1em",
4201
4321
  xmlns: "http://www.w3.org/2000/svg"
4202
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4322
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4203
4323
  d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
4204
- }), /* @__PURE__ */ import_react19.default.createElement("polyline", {
4324
+ }), /* @__PURE__ */ import_react20.default.createElement("polyline", {
4205
4325
  points: "22,6 12,13 2,6"
4206
4326
  }));
4207
4327
  },
4208
4328
  phone: function(props) {
4209
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4329
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4210
4330
  stroke: "currentColor",
4211
4331
  fill: "none",
4212
4332
  "stroke-width": "2",
@@ -4215,131 +4335,131 @@ var Logos = {
4215
4335
  height: "1em",
4216
4336
  width: "1em",
4217
4337
  xmlns: "http://www.w3.org/2000/svg"
4218
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4338
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4219
4339
  "stroke-linecap": "round",
4220
4340
  "stroke-linejoin": "round",
4221
4341
  d: "M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"
4222
4342
  }));
4223
4343
  },
4224
4344
  twitter: function(props) {
4225
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4345
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4226
4346
  xmlns: "http://www.w3.org/2000/svg",
4227
4347
  viewBox: "0 0 24 24"
4228
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4348
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4229
4349
  fill: "currentColor",
4230
4350
  d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
4231
4351
  }));
4232
4352
  },
4233
4353
  microsoft: function(props) {
4234
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4354
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4235
4355
  xmlns: "http://www.w3.org/2000/svg",
4236
4356
  viewBox: "0 0 20 20"
4237
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4357
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4238
4358
  fill: "currentColor",
4239
4359
  d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
4240
4360
  }));
4241
4361
  },
4242
4362
  gitHub: function(props) {
4243
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4363
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4244
4364
  viewBox: "0 0 438.549 438.549"
4245
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4365
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4246
4366
  fill: "currentColor",
4247
4367
  d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
4248
4368
  }));
4249
4369
  },
4250
4370
  radix: function(props) {
4251
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4371
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4252
4372
  viewBox: "0 0 25 25",
4253
4373
  fill: "none"
4254
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4374
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4255
4375
  d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
4256
4376
  fill: "currentcolor"
4257
- }), /* @__PURE__ */ import_react19.default.createElement("path", {
4377
+ }), /* @__PURE__ */ import_react20.default.createElement("path", {
4258
4378
  d: "M12 0H4V8H12V0Z",
4259
4379
  fill: "currentcolor"
4260
- }), /* @__PURE__ */ import_react19.default.createElement("path", {
4380
+ }), /* @__PURE__ */ import_react20.default.createElement("path", {
4261
4381
  d: "M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",
4262
4382
  fill: "currentcolor"
4263
4383
  }));
4264
4384
  },
4265
4385
  aria: function(props) {
4266
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4386
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4267
4387
  role: "img",
4268
4388
  viewBox: "0 0 24 24",
4269
4389
  fill: "currentColor"
4270
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4390
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4271
4391
  d: "M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z"
4272
4392
  }));
4273
4393
  },
4274
4394
  npm: function(props) {
4275
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4395
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4276
4396
  viewBox: "0 0 24 24"
4277
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4397
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4278
4398
  d: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",
4279
4399
  fill: "currentColor"
4280
4400
  }));
4281
4401
  },
4282
4402
  yarn: function(props) {
4283
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4403
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4284
4404
  viewBox: "0 0 24 24"
4285
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4405
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4286
4406
  d: "M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",
4287
4407
  fill: "currentColor"
4288
4408
  }));
4289
4409
  },
4290
4410
  pnpm: function(props) {
4291
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4411
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4292
4412
  viewBox: "0 0 24 24"
4293
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4413
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4294
4414
  d: "M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",
4295
4415
  fill: "currentColor"
4296
4416
  }));
4297
4417
  },
4298
4418
  react: function(props) {
4299
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4419
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4300
4420
  viewBox: "0 0 24 24"
4301
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4421
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4302
4422
  d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",
4303
4423
  fill: "currentColor"
4304
4424
  }));
4305
4425
  },
4306
4426
  tailwind: function(props) {
4307
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4427
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4308
4428
  viewBox: "0 0 24 24"
4309
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4429
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4310
4430
  d: "M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",
4311
4431
  fill: "currentColor"
4312
4432
  }));
4313
4433
  },
4314
4434
  google: function(props) {
4315
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4435
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4316
4436
  role: "img",
4317
4437
  viewBox: "0 0 24 24"
4318
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4438
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4319
4439
  fill: "currentColor",
4320
4440
  d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
4321
4441
  }));
4322
4442
  },
4323
4443
  apple: function(props) {
4324
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4444
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4325
4445
  role: "img",
4326
4446
  viewBox: "0 0 24 24"
4327
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4447
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4328
4448
  d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
4329
4449
  fill: "currentColor"
4330
4450
  }));
4331
4451
  },
4332
4452
  paypal: function(props) {
4333
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4453
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4334
4454
  role: "img",
4335
4455
  viewBox: "0 0 24 24"
4336
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4456
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4337
4457
  d: "M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",
4338
4458
  fill: "currentColor"
4339
4459
  }));
4340
4460
  },
4341
4461
  spinner: function(props) {
4342
- return /* @__PURE__ */ import_react19.default.createElement("svg", _object_spread({
4462
+ return /* @__PURE__ */ import_react20.default.createElement("svg", _object_spread({
4343
4463
  xmlns: "http://www.w3.org/2000/svg",
4344
4464
  width: "24",
4345
4465
  height: "24",
@@ -4349,11 +4469,106 @@ var Logos = {
4349
4469
  strokeWidth: "2",
4350
4470
  strokeLinecap: "round",
4351
4471
  strokeLinejoin: "round"
4352
- }, props), /* @__PURE__ */ import_react19.default.createElement("path", {
4472
+ }, props), /* @__PURE__ */ import_react20.default.createElement("path", {
4353
4473
  d: "M21 12a9 9 0 1 1-6.219-8.56"
4354
4474
  }));
4355
4475
  }
4356
4476
  };
4477
+ // components/elements/Command.tsx
4478
+ var React34 = __toESM(require("react"));
4479
+ var import_cmdk = require("cmdk");
4480
+ var import_lucide_react = require("lucide-react");
4481
+ var Command = React34.forwardRef(function(_param, ref) /* @__PURE__ */ {
4482
+ var className = _param.className, props = _object_without_properties(_param, [
4483
+ "className"
4484
+ ]);
4485
+ return React34.createElement(import_cmdk.Command, _object_spread({
4486
+ ref: ref,
4487
+ className: cn("hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-overflow-hidden hawa-rounded-md hawa-bg-popover hawa-text-popover-foreground", className)
4488
+ }, props));
4489
+ });
4490
+ Command.displayName = import_cmdk.Command.displayName;
4491
+ var CommandDialog = function(_param) {
4492
+ var children = _param.children, props = _object_without_properties(_param, [
4493
+ "children"
4494
+ ]);
4495
+ return /* @__PURE__ */ React34.createElement(Dialog, _object_spread({}, props), /* @__PURE__ */ React34.createElement(DialogContent, {
4496
+ className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg"
4497
+ }, /* @__PURE__ */ React34.createElement(Command, {
4498
+ className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5"
4499
+ }, children)));
4500
+ };
4501
+ var CommandInput = React34.forwardRef(function(_param, ref) /* @__PURE__ */ {
4502
+ var className = _param.className, props = _object_without_properties(_param, [
4503
+ "className"
4504
+ ]);
4505
+ return React34.createElement("div", {
4506
+ className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
4507
+ "cmdk-input-wrapper": ""
4508
+ }, /* @__PURE__ */ React34.createElement(import_lucide_react.Search, {
4509
+ className: "hawa-mr-2 hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-opacity-50"
4510
+ }), /* @__PURE__ */ React34.createElement(import_cmdk.Command.Input, _object_spread({
4511
+ ref: ref,
4512
+ className: cn("hawa-flex hawa-h-11 hawa-w-full hawa-rounded-md hawa-bg-transparent hawa-py-3 hawa-text-sm hawa-outline-none placeholder:hawa-text-muted-foreground disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50", className)
4513
+ }, props)));
4514
+ });
4515
+ CommandInput.displayName = import_cmdk.Command.Input.displayName;
4516
+ var CommandList = React34.forwardRef(function(_param, ref) /* @__PURE__ */ {
4517
+ var className = _param.className, props = _object_without_properties(_param, [
4518
+ "className"
4519
+ ]);
4520
+ return React34.createElement(import_cmdk.Command.List, _object_spread({
4521
+ ref: ref,
4522
+ className: cn("hawa-max-h-[300px] hawa-overflow-y-auto hawa-overflow-x-hidden", className)
4523
+ }, props));
4524
+ });
4525
+ CommandList.displayName = import_cmdk.Command.List.displayName;
4526
+ var CommandEmpty = React34.forwardRef(function(props, ref) {
4527
+ return /* @__PURE__ */ React34.createElement(import_cmdk.Command.Empty, _object_spread({
4528
+ ref: ref,
4529
+ className: "hawa-py-6 hawa-text-center hawa-text-sm"
4530
+ }, props));
4531
+ });
4532
+ CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
4533
+ var CommandGroup = React34.forwardRef(function(_param, ref) /* @__PURE__ */ {
4534
+ var className = _param.className, props = _object_without_properties(_param, [
4535
+ "className"
4536
+ ]);
4537
+ return React34.createElement(import_cmdk.Command.Group, _object_spread({
4538
+ ref: ref,
4539
+ className: cn("hawa-overflow-hidden hawa-p-1 hawa-text-foreground [&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-py-1.5 [&_[cmdk-group-heading]]:hawa-text-xs [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground", className)
4540
+ }, props));
4541
+ });
4542
+ CommandGroup.displayName = import_cmdk.Command.Group.displayName;
4543
+ var CommandSeparator = React34.forwardRef(function(_param, ref) /* @__PURE__ */ {
4544
+ var className = _param.className, props = _object_without_properties(_param, [
4545
+ "className"
4546
+ ]);
4547
+ return React34.createElement(import_cmdk.Command.Separator, _object_spread({
4548
+ ref: ref,
4549
+ className: cn("hawa--mx-1 hawa-h-px hawa-bg-border", className)
4550
+ }, props));
4551
+ });
4552
+ CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
4553
+ var CommandItem = React34.forwardRef(function(_param, ref) /* @__PURE__ */ {
4554
+ var className = _param.className, props = _object_without_properties(_param, [
4555
+ "className"
4556
+ ]);
4557
+ return React34.createElement(import_cmdk.Command.Item, _object_spread({
4558
+ ref: ref,
4559
+ className: cn("hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50", className)
4560
+ }, props));
4561
+ });
4562
+ CommandItem.displayName = import_cmdk.Command.Item.displayName;
4563
+ var CommandShortcut = function(_param) {
4564
+ var className = _param.className, props = _object_without_properties(_param, [
4565
+ "className"
4566
+ ]);
4567
+ return /* @__PURE__ */ React34.createElement("span", _object_spread({
4568
+ className: cn("hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-text-muted-foreground", className)
4569
+ }, props));
4570
+ };
4571
+ CommandShortcut.displayName = "CommandShortcut";
4357
4572
  // Annotate the CommonJS export names for ESM import in node:
4358
4573
  0 && (module.exports = {
4359
4574
  ActionCard: ActionCard,
@@ -4372,6 +4587,15 @@ var Logos = {
4372
4587
  Chip: Chip,
4373
4588
  CodeBlock: CodeBlock,
4374
4589
  ColorPicker: ColorPicker,
4590
+ Command: Command,
4591
+ CommandDialog: CommandDialog,
4592
+ CommandEmpty: CommandEmpty,
4593
+ CommandGroup: CommandGroup,
4594
+ CommandInput: CommandInput,
4595
+ CommandItem: CommandItem,
4596
+ CommandList: CommandList,
4597
+ CommandSeparator: CommandSeparator,
4598
+ CommandShortcut: CommandShortcut,
4375
4599
  Dialog: Dialog,
4376
4600
  DialogContent: DialogContent,
4377
4601
  DialogDescription: DialogDescription,
@@ -4389,9 +4613,11 @@ var Logos = {
4389
4613
  PinInput: PinInput,
4390
4614
  Popover: Popover,
4391
4615
  PopoverContent: PopoverContent,
4616
+ PopoverTrigger: PopoverTrigger,
4392
4617
  Radio: Radio,
4393
4618
  ScrollArea: ScrollArea,
4394
4619
  ScrollBar: ScrollBar,
4620
+ Select: Select,
4395
4621
  Skeleton: Skeleton,
4396
4622
  Slider: Slider,
4397
4623
  Switch: Switch,